/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/*
  Global CSS custom properties.
*/
/* stylelint-disable */
:root {
  --font-sans: Verdana, Geneva, sans-serif;
  --font-serif: "Trebuchet MS", "georgia", serif;
  /* Typography helpers. */
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.8125rem;
  --font-size-xxs: 0.75rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;
  /* Layout helpers. */
  --max-width: 84.375rem;
  --max-bg-color: 98.125rem;
  /* Width to which the background color extends to. */
  --sp: 1.125rem;
  --content-left: 5.625rem;
  --site-header-height-wide: var(--sp10);
  --container-padding: var(--sp);
  /**
     * Grid helpers.
     *
     * These variables help authors apply widths and negative margins to break items out of
     * the grid, while still conforming to the larger grid system.
     */
  --scrollbar-width: 0px;
  /* Unit must be specified here for calc() to work properly.*/
  --grid-col-count: 6;
  --grid-gap: var(--sp);
  --grid-gap-count: -webkit-calc(var(--grid-col-count) - 1);
  --grid-gap-count: calc(var(--grid-col-count) - 1);
  /* Count of grid-gaps. */
  --grid-full-width: -webkit-calc(100vw - var(--sp2) - var(--scrollbar-width));
  --grid-full-width: calc(100vw - var(--sp2) - var(--scrollbar-width));
  /* Width of the entire grid. */
  --grid-col-width: -webkit-calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count));
  --grid-col-width: calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count));
  /* Layout helpers */
  --sp0-25: -webkit-calc(0.25 * var(--sp));
  --sp0-25: calc(0.25 * var(--sp));
  --sp0-5: -webkit-calc(0.5 * var(--sp));
  --sp0-5: calc(0.5 * var(--sp));
  --sp0-75: -webkit-calc(0.75 * var(--sp));
  --sp0-75: calc(0.75 * var(--sp));
  --sp1: -webkit-calc(1 * var(--sp));
  --sp1: calc(1 * var(--sp));
  --sp1-5: -webkit-calc(1.5 * var(--sp));
  --sp1-5: calc(1.5 * var(--sp));
  --sp2: -webkit-calc(2 * var(--sp));
  --sp2: calc(2 * var(--sp));
  --sp2-5: -webkit-calc(2.5 * var(--sp));
  --sp2-5: calc(2.5 * var(--sp));
  --sp3: -webkit-calc(3 * var(--sp));
  --sp3: calc(3 * var(--sp));
  --sp3-5: -webkit-calc(3.5 * var(--sp));
  --sp3-5: calc(3.5 * var(--sp));
  --sp4: -webkit-calc(4 * var(--sp));
  --sp4: calc(4 * var(--sp));
  --sp4-5: -webkit-calc(4.5 * var(--sp));
  --sp4-5: calc(4.5 * var(--sp));
  --sp5: -webkit-calc(5 * var(--sp));
  --sp5: calc(5 * var(--sp));
  --sp6: -webkit-calc(6 * var(--sp));
  --sp6: calc(6 * var(--sp));
  --sp7: -webkit-calc(7 * var(--sp));
  --sp7: calc(7 * var(--sp));
  --sp8: -webkit-calc(8 * var(--sp));
  --sp8: calc(8 * var(--sp));
  --sp9: -webkit-calc(9 * var(--sp));
  --sp9: calc(9 * var(--sp));
  --sp10: -webkit-calc(10 * var(--sp));
  --sp10: calc(10 * var(--sp));
  --sp11: -webkit-calc(11 * var(--sp));
  --sp11: calc(11 * var(--sp));
  --sp12: -webkit-calc(12 * var(--sp));
  --sp12: calc(12 * var(--sp));
  --sp13: -webkit-calc(13 * var(--sp));
  --sp13: calc(13 * var(--sp));
  /**
     * Gray colors.
     *
     * Color number roughly corresponds to its luminosity.
     */
  --color--gray-hue: 201;
  --color--gray-saturation: 15%;
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%);
  /* Black */
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);
  /* Black 2 */
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);
  /* Gray Dark */
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);
  /* Gray medium */
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%);
  /* Black 4 */
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%);
  /* Gray medium 2 */
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%);
  /* Gray light */
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%);
  /* Gray light 1 */
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%);
  /**
     * Primary colors.
     *
     * Color number roughly corresponds to its luminosity.
     */
  --color--primary-hue: 202;
  --color--primary-saturation: 79%;
  --color--primary-lightness: 50;
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness)))));
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness)))));
  /* Blue dark */
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * var(--color--primary-lightness)));
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * var(--color--primary-lightness)));
  /* Blue medium */
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))));
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))));
  /* Blue bright */
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));
  /**
     * Variables specific to text.
     */
  --color-text-neutral-soft: var(--color--gray-45);
  --color-text-neutral-medium: var(--color--gray-20);
  --color-text-neutral-loud: var(--color--gray-5);
  --color-text-primary-medium: var(--color--primary-40);
  --color-text-primary-loud: var(--color--primary-30);
  /**
     * Named Colors.
     */
  --color--black: #000;
  /* Black */
  --color--white: #fff;
  /* White */
  --color--red: #e33f1e;
  /* Red */
  --color--gold: #fdca40;
  /* Gold */
  --color--green: #3fa21c;
  /* Header */
  --header-height-wide-when-fixed: var(--sp6);
  /* Width of slide out navigation */
  --mobile-nav-width: 31.25rem;
  /* Border radius */
  --border-radius: 0.1875rem;
  /* Inline padding on .container elements. */
}

@media (min-width: 75rem) {
  :root {
    --container-padding: var(--sp2);
  }
}

/* Green */
/* Width of a grid column. */
@media (min-width: 43.75rem) {
  :root {
    --grid-col-count: 14;
    --grid-gap: var(--sp2);
  }
}

/* Blue very bright */
@media (min-width: 62.5rem) {
  :root {
    --scrollbar-width: 0.9375rem;
    /* Approximate width of a scrollbar. Doesn't have to be perfect. */
  }
}

/* Gray light 2 */
@media (min-width: 75rem) {
  :root {
    --grid-full-width: -webkit-calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4));
    --grid-full-width: calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4));
  }
}

@media (min-width: 90rem) {
  :root {
    --grid-full-width: -webkit-calc(var(--max-width) - var(--sp4));
    --grid-full-width: calc(var(--max-width) - var(--sp4));
  }
}

:root {
  --container-padding: 72px;
  --spacing-small: 16px;
  --spacing-normal: 20px;
  --spacing-medium: 40px;
  --spacing-large: 80px;
  --spacing-huge: 120px;
  --spacing-enormous: 208px;
  --color-white: #ffffff;
  --color-black: #1C1C1E;
  --color-warm: #EFEBE2;
  --color-blue: #0099CC;
  --color-green: #73C167;
  --color-dark-green: #3F8235;
  --color-red: #F1645D;
  --color-grey: #F2F2F7;
  --color-line-grey: #DADCE0;
  --color-deep-grey: #EBEBF0;
  --color-dark-grey: #5F6368;
  --color-orange: #F9A127;
  --color-lightblue: deepskyblue;
  --color-darkblue: #007399;
  --color-text-default: #1C1C1E;
  --color-text-primary: #73C167;
  --color-text-primary-dark: #3F8235;
  --color-text-secondary: #0099CC;
  --color-text-red: #F1645D;
  --color-text-orange: #F9A127;
  --color-text-grey: #F2F2F7;
  --color-text-deep-grey: #F2F2F7;
  --color-text-white: #ffffff;
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 16px;
  --radius-huge: 20px;
  --radius-enormous: 44px;
  --radius-full: 100px;
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-base: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: 0px 2px 4px 0px rgba(0, 0, 0, 0.06) inset;
  --text-size-xs: 0.75rem;
  --text-size-sm: 0.875rem;
  --text-size-base: 1rem;
  --text-size-lg: 1.125rem;
  --text-size-xl: 1.25rem;
  --text-size-2xl: 1.5rem;
  --text-size-3xl: 1.875rem;
  --text-size-4xl: 2.25rem;
  --text-size-5xl: 3rem;
  --text-size-6xl: 3.75rem;
  --text-size-7xl: 4.5rem;
  --text-size-8xl: 6rem;
  --text-size-9xl: 8rem;
  --leading-none: 1;
  --leading-4: 1rem;
  --leading-5: 1.25rem;
  --leading-6: 1.5rem;
  --leading-7: 1.75rem;
  --leading-8: 2rem;
  --leading-9: 2.25rem;
  --leading-10: 2.5rem;
  --container-width-screen: 2560px;
  --container-width-full: 1543px;
  --container-width-xlarge: 1444px;
  --container-width-large: 1392px;
  --container-width-medium: 1040px;
  --container-width-small: 864px;
  --container-width-text: 688px;
  --color-link: var(--color-blue);
  --color-hover-link: #007399;
  --button-bg-color: #ffffff;
  --button-text-color: #1C1C1E;
  --button-border-color: transparent;
  --button-hover-bg-color: white;
  --button-hover-text-color: #1C1C1E;
  --button-hover-border-color: white;
  --color-block-link-item: var(--color-warm);
  --image-text-gap: 64px;
  --text-max-width: 424px;
  --image-max-width: 524px;
  --highlight-height: 370px;
  --alert-background: var(--color-blue);
  --alert-text-color: var(--color-white);
  --index-banner: 100;
  --index-header: 200;
  --index-mobile-menu: 300;
  --blockquote-color: var(--color-green);
  --blockquote-background: var(--color-grey);
}

@media screen and (max-width: 768px) {
  :root {
    --container-padding: 36px;
  }
}

@media screen and (max-width: 640px) {
  :root {
    --container-padding: 20px;
  }
}

@font-face {
  font-family: "icomoon";
  src: url("../typography/icons/fonts/icomoon.eot?6s3czx");
  src: url("../typography/icons/fonts/icomoon.eot?6s3czx#iefix") format("embedded-opentype"), url("../typography/icons/fonts/icomoon.ttf?6s3czx") format("truetype"), url("../typography/icons/fonts/icomoon.woff?6s3czx") format("woff"), url("../typography/icons/fonts/icomoon.svg?6s3czx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-animal-dog:before {
  content: "\ea02";
  color: #73c167;
}

.icon-cat-animal:before {
  content: "\ea03";
  color: #73c167;
}

.icon-checkmark-square:before {
  content: "\ea04";
  color: #73c167;
}

.icon-kids-child:before {
  content: "\ea05";
  color: #73c167;
}

.icon-tennis-ball:before {
  content: "\ea06";
  color: #73c167;
}

.icon-home:before {
  content: "\ea07";
  color: #73c167;
}

.icon-facebook:before {
  content: "\e9d7";
}

.icon-instagram:before {
  content: "\e9ee";
}

.icon-youtube:before {
  content: "\e9ef";
}

.icon-twitter:before {
  content: "\ea00";
}

.icon-linkedin:before {
  content: "\ea01";
}

.icon-member .path1:before {
  content: "\e9fd";
  color: #8650a0;
}

.icon-member .path2:before {
  content: "\e9fe";
  margin-left: -1em;
  color: white;
}

.icon-member .path3:before {
  content: "\e9ff";
  margin-left: -1em;
  color: white;
}

.icon-member-outline-purple:before {
  content: "\e9f0";
  color: #8650a0;
}

.icon-member-circle:before {
  content: "\e9f1";
}

.icon-search:before {
  content: "\e9f2";
}

.icon-search-fill-teal .path1:before {
  content: "\e9f3";
  color: #009ac7;
}

.icon-search-fill-teal .path2:before {
  content: "\e9f4";
  margin-left: -1em;
  color: white;
}

.icon-search-circle:before {
  content: "\e9f5";
}

.icon-multiply:before {
  content: "\e9f6";
}

.icon-hamburger:before {
  content: "\e9f7";
}

.icon-caret-down-big:before {
  content: "\e9f8";
}

.icon-arrow-circle-left:before {
  content: "\e905";
}

.icon-arrow-circle-right:before {
  content: "\e906";
}

.icon-academic-cap:before {
  content: "\e900";
}

.icon-adjustments:before {
  content: "\e901";
}

.icon-annotation:before {
  content: "\e902";
}

.icon-archive:before {
  content: "\e903";
}

.icon-arrow-circle-down:before {
  content: "\e904";
}

.icon-arrow-circle-up:before {
  content: "\e907";
}

.icon-arrow-down:before {
  content: "\e908";
}

.icon-caret-down:before {
  content: "\e9f9";
}

.icon-caret-up:before {
  content: "\e9fa";
}

.icon-caret-left:before {
  content: "\e9fb";
}

.icon-caret-right:before {
  content: "\e9fc";
}

.icon-arrow-left:before {
  content: "\e909";
}

.icon-arrow-narrow-down:before {
  content: "\e90a";
}

.icon-arrow-narrow-left:before {
  content: "\e90b";
}

.icon-arrow-narrow-right:before {
  content: "\e90c";
}

.icon-arrow-narrow-up:before {
  content: "\e90d";
}

.icon-arrow-right:before {
  content: "\e90e";
}

.icon-arrow-up:before {
  content: "\e90f";
}

.icon-arrows-expand:before {
  content: "\e910";
}

.icon-at-symbol:before {
  content: "\e911";
}

.icon-backspace:before {
  content: "\e912";
}

.icon-badge-check:before {
  content: "\e913";
}

.icon-ban:before {
  content: "\e914";
}

.icon-beaker:before {
  content: "\e915";
}

.icon-bell:before {
  content: "\e916";
}

.icon-blank-pan:before {
  content: "\e917";
}

.icon-book-open:before {
  content: "\e918";
}

.icon-bookmark-alt:before {
  content: "\e919";
}

.icon-bookmark:before {
  content: "\e91a";
}

.icon-briefcase:before {
  content: "\e91b";
}

.icon-builder-employee:before {
  content: "\e91c";
}

.icon-Business:before {
  content: "\e91d";
}

.icon-Chart:before {
  content: "\e91d";
}

.icon-Metrics:before {
  content: "\e91d";
}

.icon-cake:before {
  content: "\e91e";
}

.icon-calculator:before {
  content: "\e91f";
}

.icon-calendar:before {
  content: "\e920";
}

.icon-camera:before {
  content: "\e921";
}

.icon-cash-fast-circle:before {
  content: "\e922";
}

.icon-cash:before {
  content: "\e923";
}

.icon-chart-bar:before {
  content: "\e924";
}

.icon-chart-loap:before {
  content: "\e925";
}

.icon-chart-pie:before {
  content: "\e926";
}

.icon-chart-square-bar:before {
  content: "\e927";
}

.icon-chat-alt-2:before {
  content: "\e928";
}

.icon-chat-alt:before {
  content: "\e929";
}

.icon-chat:before {
  content: "\e92a";
}

.icon-check-circle:before {
  content: "\e92b";
}

.icon-check:before {
  content: "\e92c";
}

.icon-chevron-double-down:before {
  content: "\e92d";
}

.icon-chevron-double-left:before {
  content: "\e92e";
}

.icon-chevron-double-right:before {
  content: "\e92f";
}

.icon-chevron-double-up:before {
  content: "\e930";
}

.icon-chevron-down:before {
  content: "\e931";
}

.icon-chevron-left:before {
  content: "\e932";
}

.icon-chevron-right:before {
  content: "\e933";
}

.icon-chevron-up:before {
  content: "\e934";
}

.icon-chip:before {
  content: "\e935";
}

.icon-clipboard-check:before {
  content: "\e936";
}

.icon-clipboard-copy:before {
  content: "\e937";
}

.icon-clipboard-list:before {
  content: "\e938";
}

.icon-clipboard:before {
  content: "\e939";
}

.icon-clock:before {
  content: "\e93a";
}

.icon-cloud-download:before {
  content: "\e93b";
}

.icon-cloud-upload:before {
  content: "\e93c";
}

.icon-cloud:before {
  content: "\e93d";
}

.icon-code:before {
  content: "\e93e";
}

.icon-cog:before {
  content: "\e93f";
}

.icon-coins-document-chart:before {
  content: "\e940";
}

.icon-collection:before {
  content: "\e941";
}

.icon-color-swatch:before {
  content: "\e942";
}

.icon-credit-card:before {
  content: "\e943";
}

.icon-cube-transparent:before {
  content: "\e944";
}

.icon-cube:before {
  content: "\e945";
}

.icon-currency-bangladeshi:before {
  content: "\e946";
}

.icon-currency-dollar:before {
  content: "\e947";
}

.icon-currency-euro:before {
  content: "\e948";
}

.icon-currency-pound:before {
  content: "\e949";
}

.icon-currency-rupee:before {
  content: "\e94a";
}

.icon-currency-yen:before {
  content: "\e94b";
}

.icon-cursor-click:before {
  content: "\e94c";
}

.icon-database:before {
  content: "\e94d";
}

.icon-desktop-computer:before {
  content: "\e94e";
}

.icon-device-mobile:before {
  content: "\e94f";
}

.icon-device-tablet:before {
  content: "\e950";
}

.icon-document-add:before {
  content: "\e951";
}

.icon-document-checkmark:before {
  content: "\e952";
}

.icon-document-download:before {
  content: "\e953";
}

.icon-document-duplicate:before {
  content: "\e954";
}

.icon-document-remove:before {
  content: "\e955";
}

.icon-document-report:before {
  content: "\e956";
}

.icon-document-search:before {
  content: "\e957";
}

.icon-document-text:before {
  content: "\e958";
}

.icon-document:before {
  content: "\e959";
}

.icon-dots-circle-horizontal:before {
  content: "\e95a";
}

.icon-dots-horizontal:before {
  content: "\e95b";
}

.icon-dots-vertical:before {
  content: "\e95c";
}

.icon-download:before {
  content: "\e95d";
}

.icon-duplicate:before {
  content: "\e95e";
}

.icon-electric-socket:before {
  content: "\e95f";
}

.icon-emoji-happy:before {
  content: "\e960";
}

.icon-emoji-sad:before {
  content: "\e961";
}

.icon-employee-checkmark:before {
  content: "\e962";
}

.icon-exclamation-circle:before {
  content: "\e963";
}

.icon-exclamation:before {
  content: "\e964";
}

.icon-exhaust-system:before {
  content: "\e965";
}

.icon-external-link:before {
  content: "\e966";
}

.icon-eye-off:before {
  content: "\e967";
}

.icon-eye:before {
  content: "\e968";
}

.icon-fast-forward:before {
  content: "\e969";
}

.icon-film:before {
  content: "\e96a";
}

.icon-filter:before {
  content: "\e96b";
}

.icon-finger-print:before {
  content: "\e96c";
}

.icon-fire:before {
  content: "\e96d";
}

.icon-flag:before {
  content: "\e96e";
}

.icon-folder-add:before {
  content: "\e96f";
}

.icon-folder-download:before {
  content: "\e970";
}

.icon-folder-open:before {
  content: "\e971";
}

.icon-folder-remove:before {
  content: "\e972";
}

.icon-folder:before {
  content: "\e973";
}

.icon-gift:before {
  content: "\e974";
}

.icon-globe-alt:before {
  content: "\e975";
}

.icon-globe:before {
  content: "\e976";
}

.icon-hand:before {
  content: "\e977";
}

.icon-Handshake:before {
  content: "\e978";
}

.icon-Deal:before {
  content: "\e978";
}

.icon-Circle:before {
  content: "\e978";
}

.icon-hashtag:before {
  content: "\e979";
}

.icon-heart:before {
  content: "\e97a";
}

.icon-home1:before {
  content: "\e97b";
}

.icon-identification:before {
  content: "\e97c";
}

.icon-inbox-in:before {
  content: "\e97d";
}

.icon-inbox:before {
  content: "\e97e";
}

.icon-information-circle:before {
  content: "\e97f";
}

.icon-key:before {
  content: "\e980";
}

.icon-library:before {
  content: "\e981";
}

.icon-light-bulb:before {
  content: "\e982";
}

.icon-lightning-bolt:before {
  content: "\e983";
}

.icon-link:before {
  content: "\e984";
}

.icon-location-marker:before {
  content: "\e985";
}

.icon-lock-closed:before {
  content: "\e986";
}

.icon-lock-open:before {
  content: "\e987";
}

.icon-login:before {
  content: "\e988";
}

.icon-logout:before {
  content: "\e989";
}

.icon-mail-open:before {
  content: "\e98a";
}

.icon-mail:before {
  content: "\e98b";
}

.icon-map:before {
  content: "\e98c";
}

.icon-Medical-cross:before {
  content: "\e98d";
}

.icon-Signboard:before {
  content: "\e98d";
}

.icon-menu-alt-1:before {
  content: "\e98e";
}

.icon-menu-alt-2:before {
  content: "\e98f";
}

.icon-menu-alt-3:before {
  content: "\e990";
}

.icon-menu-alt-4:before {
  content: "\e991";
}

.icon-menu:before {
  content: "\e992";
}

.icon-microphone:before {
  content: "\e993";
}

.icon-minus-circle:before {
  content: "\e994";
}

.icon-minus:before {
  content: "\e995";
}

.icon-moon:before {
  content: "\e996";
}

.icon-music-note:before {
  content: "\e997";
}

.icon-newspaper:before {
  content: "\e998";
}

.icon-office-building:before {
  content: "\e999";
}

.icon-paper-airplane:before {
  content: "\e99a";
}

.icon-paper-clip:before {
  content: "\e99b";
}

.icon-pause:before {
  content: "\e99c";
}

.icon-pencil-alt:before {
  content: "\e99d";
}

.icon-pencil:before {
  content: "\e99e";
}

.icon-phone-incoming:before {
  content: "\e99f";
}

.icon-phone-missed-call:before {
  content: "\e9a0";
}

.icon-phone-outgoing:before {
  content: "\e9a1";
}

.icon-phone:before {
  content: "\e9a2";
}

.icon-photograph:before {
  content: "\e9a3";
}

.icon-play:before {
  content: "\e9a4";
}

.icon-plus-circle:before {
  content: "\e9a5";
}

.icon-plus:before {
  content: "\e9a6";
}

.icon-presentation-chart-bar:before {
  content: "\e9a7";
}

.icon-presentation-chart-line:before {
  content: "\e9a8";
}

.icon-printer:before {
  content: "\e9a9";
}

.icon-puzzle:before {
  content: "\e9aa";
}

.icon-qrcode:before {
  content: "\e9ab";
}

.icon-question-mark-circle:before {
  content: "\e9ac";
}

.icon-receipt-refund:before {
  content: "\e9ad";
}

.icon-receipt-tax:before {
  content: "\e9ae";
}

.icon-refresh:before {
  content: "\e9af";
}

.icon-reply:before {
  content: "\e9b0";
}

.icon-rewind:before {
  content: "\e9b1";
}

.icon-rss:before {
  content: "\e9b2";
}

.icon-save-as:before {
  content: "\e9b3";
}

.icon-save:before {
  content: "\e9b4";
}

.icon-scale:before {
  content: "\e9b5";
}

.icon-scissors:before {
  content: "\e9b6";
}

.icon-search-circle1:before {
  content: "\e9b7";
}

.icon-search1:before {
  content: "\e9b8";
}

.icon-selector:before {
  content: "\e9b9";
}

.icon-server:before {
  content: "\e9ba";
}

.icon-share:before {
  content: "\e9bb";
}

.icon-shield-check:before {
  content: "\e9bc";
}

.icon-shield-exclamation:before {
  content: "\e9bd";
}

.icon-shopping-bag:before {
  content: "\e9be";
}

.icon-shopping-cart:before {
  content: "\e9bf";
}

.icon-sort-ascending:before {
  content: "\e9c0";
}

.icon-sort-descending:before {
  content: "\e9c1";
}

.icon-sparkles:before {
  content: "\e9c2";
}

.icon-speakerphone:before {
  content: "\e9c3";
}

.icon-star:before {
  content: "\e9c4";
}

.icon-status-offline:before {
  content: "\e9c5";
}

.icon-status-online:before {
  content: "\e9c6";
}

.icon-stop:before {
  content: "\e9c7";
}

.icon-sun:before {
  content: "\e9c8";
}

.icon-support:before {
  content: "\e9c9";
}

.icon-switch-horizontal:before {
  content: "\e9ca";
}

.icon-switch-vertical:before {
  content: "\e9cb";
}

.icon-table:before {
  content: "\e9cc";
}

.icon-tag:before {
  content: "\e9cd";
}

.icon-template:before {
  content: "\e9ce";
}

.icon-terminal:before {
  content: "\e9cf";
}

.icon-thumb-down:before {
  content: "\e9d0";
}

.icon-thumb-up:before {
  content: "\e9d1";
}

.icon-ticket:before {
  content: "\e9d2";
}

.icon-translate:before {
  content: "\e9d3";
}

.icon-trash:before {
  content: "\e9d4";
}

.icon-trending-down:before {
  content: "\e9d5";
}

.icon-trending-up:before {
  content: "\e9d6";
}

.icon-upload:before {
  content: "\e9d8";
}

.icon-user-add:before {
  content: "\e9d9";
}

.icon-user-circle:before {
  content: "\e9da";
}

.icon-user-group:before {
  content: "\e9db";
}

.icon-user-remove:before {
  content: "\e9dc";
}

.icon-user:before {
  content: "\e9dd";
}

.icon-users:before {
  content: "\e9de";
}

.icon-variable:before {
  content: "\e9df";
}

.icon-video-camera:before {
  content: "\e9e0";
}

.icon-view-boards:before {
  content: "\e9e1";
}

.icon-view-grid-add:before {
  content: "\e9e2";
}

.icon-view-grid:before {
  content: "\e9e3";
}

.icon-view-list:before {
  content: "\e9e4";
}

.icon-volume-off:before {
  content: "\e9e5";
}

.icon-volume-up:before {
  content: "\e9e6";
}

.icon-wifi:before {
  content: "\e9e7";
}

.icon-x-circle:before {
  content: "\e9e8";
}

.icon-x:before {
  content: "\e9e9";
}

.icon-zoom-in:before {
  content: "\e9ea";
}

.icon-zoom-out:before {
  content: "\e9eb";
}

.icon-ertificate:before {
  content: "\e9ec";
}

.icon-Diploma:before {
  content: "\e9ec";
}

.icon-ompass:before {
  content: "\e9ed";
}

/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
  font-family: 'Trebuchet MS';
  font-style: normal;
  font-weight: normal;
  src: local("Trebuchet MS"), url("../typography/trebuchet-ms/trebuc.woff") format("woff");
}

@font-face {
  font-family: 'Trebuchet MS Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Trebuchet MS Italic"), url("../typography/trebuchet-ms/Trebuchet-MS-Italic.woff") format("woff");
}

/* reset input areas to default styles */
/* accessible version of display: none; */
/* TRANSFORM  */
/* TRANSFORM ORIGIN */
/* TRANSITION */
/* calculate ems */
/* calculate rems */
/**
 * @file
 * Generic base elements.
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  text-rendering: optimizeLegibility;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

html {
  font-family: var(--font-sans);
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  /* 150% */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}

body {
  margin: 0;
  /* LTR */
}

body.is-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

a {
  color: var(--color-text-primary-medium);
}

a:hover {
  color: var(--color--primary-50);
}

a:focus {
  outline: none;
  outline-offset: 0;
}

button {
  font-family: inherit;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

audio {
  display: block;
  max-width: 100%;
}

h1 {
  letter-spacing: -0.01em;
  font-size: 1.75rem;
  line-height: var(--sp2);
}

@media (min-width: 43.75rem) {
  h1 {
    font-size: 3.75rem;
    line-height: var(--sp4);
  }
}

h2 {
  font-size: var(--text-size-3xl, 1rem);
  line-height: var(--leading-9);
}

@media (min-width: 43.75rem) {
  h2 {
    font-size: var(--text-size-3xl, 1rem);
    line-height: var(--leading-9);
  }
}

h3 {
  font-size: 1.25rem;
  line-height: var(--sp1-5);
}

@media (min-width: 43.75rem) {
  h3 {
    font-size: 1.5rem;
    line-height: var(--sp2);
  }
}

h4 {
  font-size: 1.125rem;
  line-height: var(--sp1-5);
}

h5 {
  font-size: 1rem;
  line-height: var(--sp1-5);
}

h6 {
  font-size: 0.875rem;
  line-height: var(--sp);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: var(--sp);
  color: var(--color-text-neutral-loud);
  font-family: var(--font-sans);
  font-weight: bold;
}

@media (min-width: 43.75rem) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block: var(--sp2);
  }
}

ul {
  -webkit-margin-before: 0.25em;
          margin-block-start: 0.25em;
  -webkit-margin-after: 0.25em;
          margin-block-end: 0.25em;
  -webkit-margin-start: 1.5em;
          margin-inline-start: 1.5em;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style-type: disc;
  list-style-image: none;
}

blockquote {
  font-size: 1.4em;
  font-style: italic;
  padding: 1.2em 30px 1.2em 75px;
  border-left: 8px solid var(--blockquote-color, inherit);
  line-height: 1.6;
  position: relative;
  background: var(--blockquote-background);
}

@media (max-width: 640px) {
  blockquote {
    margin-inline: 20px;
    padding: 1.2em 20px 1.2em 60px;
  }
}

blockquote:before {
  font-family: Arial;
  content: "\201C";
  color: var(--blockquote-color);
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px;
}

blockquote:after {
  content: '';
}

.node__title a:hover {
  color: var(--color-link);
}

.breadcrumb__link {
  color: var(--color-link);
}

.view {
  display: inherit;
}

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

.grid {
  display: grid;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.gap-small {
  gap: 16px;
}

.gap-normal {
  gap: 20px;
}

.gap-medium {
  gap: 40px;
}

.gap-large {
  gap: 80px;
}

.gap-huge {
  gap: 120px;
}

.gap-enormous {
  gap: 208px;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.items-space-between {
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
}

.justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.items-space-around {
  -webkit-box-align: space-around;
      -ms-flex-align: space-around;
          align-items: space-around;
}

.justify-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.items-space-evenly {
  -webkit-box-align: space-evenly;
      -ms-flex-align: space-evenly;
          align-items: space-evenly;
}

.justify-space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.justify-baseline {
  -webkit-box-pack: baseline;
      -ms-flex-pack: baseline;
          justify-content: baseline;
}

.m-small {
  margin: 16px;
}

.m-normal {
  margin: 20px;
}

.m-medium {
  margin: 40px;
}

.m-large {
  margin: 80px;
}

.m-huge {
  margin: 120px;
}

.m-enormous {
  margin: 208px;
}

.ml-small {
  margin-left: 16px;
}

.ml-normal {
  margin-left: 20px;
}

.ml-medium {
  margin-left: 40px;
}

.ml-large {
  margin-left: 80px;
}

.ml-huge {
  margin-left: 120px;
}

.ml-enormous {
  margin-left: 208px;
}

.mr-small {
  margin-right: 16px;
}

.mr-normal {
  margin-right: 20px;
}

.mr-medium {
  margin-right: 40px;
}

.mr-large {
  margin-right: 80px;
}

.mr-huge {
  margin-right: 120px;
}

.mr-enormous {
  margin-right: 208px;
}

.mt-small {
  margin-top: 16px;
}

.mt-normal {
  margin-top: 20px;
}

.mt-medium {
  margin-top: 40px;
}

.mt-large {
  margin-top: 80px;
}

.mt-huge {
  margin-top: 120px;
}

.mt-enormous {
  margin-top: 208px;
}

.mb-small {
  margin-bottom: 16px;
}

.mb-normal {
  margin-bottom: 20px;
}

.mb-medium {
  margin-bottom: 40px;
}

.mb-large {
  margin-bottom: 80px;
}

.mb-huge {
  margin-bottom: 120px;
}

.mb-enormous {
  margin-bottom: 208px;
}

.mx-small {
  margin-left: 16px;
  margin-right: 16px;
}

.mx-normal {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-medium {
  margin-left: 40px;
  margin-right: 40px;
}

.mx-large {
  margin-left: 80px;
  margin-right: 80px;
}

.mx-huge {
  margin-left: 120px;
  margin-right: 120px;
}

.mx-enormous {
  margin-left: 208px;
  margin-right: 208px;
}

.my-small {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-normal {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-medium {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-large {
  margin-top: 80px;
  margin-bottom: 80px;
}

.my-huge {
  margin-top: 120px;
  margin-bottom: 120px;
}

.my-enormous {
  margin-top: 208px;
  margin-bottom: 208px;
}

.mt-none {
  margin-top: 0;
}

.mb-none {
  margin-bottom: 0;
}

.mx-auto {
  margin-inline: auto;
}

.p-small {
  padding: 16px;
}

.p-normal {
  padding: 20px;
}

.p-medium {
  padding: 40px;
}

.p-large {
  padding: 80px;
}

.p-huge {
  padding: 120px;
}

.p-enormous {
  padding: 208px;
}

.pl-small {
  padding-left: 16px;
}

.pl-normal {
  padding-left: 20px;
}

.pl-medium {
  padding-left: 40px;
}

.pl-large {
  padding-left: 80px;
}

.pl-huge {
  padding-left: 120px;
}

.pl-enormous {
  padding-left: 208px;
}

.pr-small {
  padding-right: 16px;
}

.pr-normal {
  padding-right: 20px;
}

.pr-medium {
  padding-right: 40px;
}

.pr-large {
  padding-right: 80px;
}

.pr-huge {
  padding-right: 120px;
}

.pr-enormous {
  padding-right: 208px;
}

.pt-small {
  padding-top: 16px;
}

.pt-normal {
  padding-top: 20px;
}

.pt-medium {
  padding-top: 40px;
}

.pt-large {
  padding-top: 80px;
}

.pt-huge {
  padding-top: 120px;
}

.pt-enormous {
  padding-top: 208px;
}

.pb-small {
  padding-bottom: 16px;
}

.pb-normal {
  padding-bottom: 20px;
}

.pb-medium {
  padding-bottom: 40px;
}

.pb-large {
  padding-bottom: 80px;
}

.pb-huge {
  padding-bottom: 120px;
}

.pb-enormous {
  padding-bottom: 208px;
}

.px-small {
  padding-left: 16px;
  padding-right: 16px;
}

.px-normal {
  padding-left: 20px;
  padding-right: 20px;
}

.px-medium {
  padding-left: 40px;
  padding-right: 40px;
}

.px-large {
  padding-left: 80px;
  padding-right: 80px;
}

.px-huge {
  padding-left: 120px;
  padding-right: 120px;
}

.px-enormous {
  padding-left: 208px;
  padding-right: 208px;
}

.py-small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-normal {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-medium {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-large {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-huge {
  padding-top: 120px;
  padding-bottom: 120px;
}

.py-enormous {
  padding-top: 208px;
  padding-bottom: 208px;
}

@media (min-width: 1536px) {
  .2xl--m-small {
    margin: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--m-normal {
    margin: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--m-medium {
    margin: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--m-large {
    margin: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--m-huge {
    margin: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--m-enormous {
    margin: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--m-small {
    margin: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--m-normal {
    margin: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--m-medium {
    margin: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--m-large {
    margin: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--m-huge {
    margin: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--m-enormous {
    margin: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--m-small {
    margin: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--m-normal {
    margin: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--m-medium {
    margin: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--m-large {
    margin: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--m-huge {
    margin: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--m-enormous {
    margin: 208px;
  }
}

@media (min-width: 768px) {
  .md--m-small {
    margin: 16px;
  }
}

@media (min-width: 768px) {
  .md--m-normal {
    margin: 20px;
  }
}

@media (min-width: 768px) {
  .md--m-medium {
    margin: 40px;
  }
}

@media (min-width: 768px) {
  .md--m-large {
    margin: 80px;
  }
}

@media (min-width: 768px) {
  .md--m-huge {
    margin: 120px;
  }
}

@media (min-width: 768px) {
  .md--m-enormous {
    margin: 208px;
  }
}

@media (min-width: 640px) {
  .sm--m-small {
    margin: 16px;
  }
}

@media (min-width: 640px) {
  .sm--m-normal {
    margin: 20px;
  }
}

@media (min-width: 640px) {
  .sm--m-medium {
    margin: 40px;
  }
}

@media (min-width: 640px) {
  .sm--m-large {
    margin: 80px;
  }
}

@media (min-width: 640px) {
  .sm--m-huge {
    margin: 120px;
  }
}

@media (min-width: 640px) {
  .sm--m-enormous {
    margin: 208px;
  }
}

@media (min-width: 376px) {
  .xs--m-small {
    margin: 16px;
  }
}

@media (min-width: 376px) {
  .xs--m-normal {
    margin: 20px;
  }
}

@media (min-width: 376px) {
  .xs--m-medium {
    margin: 40px;
  }
}

@media (min-width: 376px) {
  .xs--m-large {
    margin: 80px;
  }
}

@media (min-width: 376px) {
  .xs--m-huge {
    margin: 120px;
  }
}

@media (min-width: 376px) {
  .xs--m-enormous {
    margin: 208px;
  }
}

@media (min-width: 1536px) {
  .2xl--ml-small {
    margin-left: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--ml-normal {
    margin-left: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--ml-medium {
    margin-left: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--ml-large {
    margin-left: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--ml-huge {
    margin-left: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--ml-enormous {
    margin-left: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--ml-small {
    margin-left: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--ml-normal {
    margin-left: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--ml-medium {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--ml-large {
    margin-left: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--ml-huge {
    margin-left: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--ml-enormous {
    margin-left: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--ml-small {
    margin-left: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--ml-normal {
    margin-left: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--ml-medium {
    margin-left: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--ml-large {
    margin-left: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--ml-huge {
    margin-left: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--ml-enormous {
    margin-left: 208px;
  }
}

@media (min-width: 768px) {
  .md--ml-small {
    margin-left: 16px;
  }
}

@media (min-width: 768px) {
  .md--ml-normal {
    margin-left: 20px;
  }
}

@media (min-width: 768px) {
  .md--ml-medium {
    margin-left: 40px;
  }
}

@media (min-width: 768px) {
  .md--ml-large {
    margin-left: 80px;
  }
}

@media (min-width: 768px) {
  .md--ml-huge {
    margin-left: 120px;
  }
}

@media (min-width: 768px) {
  .md--ml-enormous {
    margin-left: 208px;
  }
}

@media (min-width: 640px) {
  .sm--ml-small {
    margin-left: 16px;
  }
}

@media (min-width: 640px) {
  .sm--ml-normal {
    margin-left: 20px;
  }
}

@media (min-width: 640px) {
  .sm--ml-medium {
    margin-left: 40px;
  }
}

@media (min-width: 640px) {
  .sm--ml-large {
    margin-left: 80px;
  }
}

@media (min-width: 640px) {
  .sm--ml-huge {
    margin-left: 120px;
  }
}

@media (min-width: 640px) {
  .sm--ml-enormous {
    margin-left: 208px;
  }
}

@media (min-width: 376px) {
  .xs--ml-small {
    margin-left: 16px;
  }
}

@media (min-width: 376px) {
  .xs--ml-normal {
    margin-left: 20px;
  }
}

@media (min-width: 376px) {
  .xs--ml-medium {
    margin-left: 40px;
  }
}

@media (min-width: 376px) {
  .xs--ml-large {
    margin-left: 80px;
  }
}

@media (min-width: 376px) {
  .xs--ml-huge {
    margin-left: 120px;
  }
}

@media (min-width: 376px) {
  .xs--ml-enormous {
    margin-left: 208px;
  }
}

@media (min-width: 1536px) {
  .2xl--mr-small {
    margin-right: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--mr-normal {
    margin-right: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--mr-medium {
    margin-right: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--mr-large {
    margin-right: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--mr-huge {
    margin-right: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--mr-enormous {
    margin-right: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--mr-small {
    margin-right: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--mr-normal {
    margin-right: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--mr-medium {
    margin-right: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--mr-large {
    margin-right: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--mr-huge {
    margin-right: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--mr-enormous {
    margin-right: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--mr-small {
    margin-right: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--mr-normal {
    margin-right: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--mr-medium {
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--mr-large {
    margin-right: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--mr-huge {
    margin-right: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--mr-enormous {
    margin-right: 208px;
  }
}

@media (min-width: 768px) {
  .md--mr-small {
    margin-right: 16px;
  }
}

@media (min-width: 768px) {
  .md--mr-normal {
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .md--mr-medium {
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .md--mr-large {
    margin-right: 80px;
  }
}

@media (min-width: 768px) {
  .md--mr-huge {
    margin-right: 120px;
  }
}

@media (min-width: 768px) {
  .md--mr-enormous {
    margin-right: 208px;
  }
}

@media (min-width: 640px) {
  .sm--mr-small {
    margin-right: 16px;
  }
}

@media (min-width: 640px) {
  .sm--mr-normal {
    margin-right: 20px;
  }
}

@media (min-width: 640px) {
  .sm--mr-medium {
    margin-right: 40px;
  }
}

@media (min-width: 640px) {
  .sm--mr-large {
    margin-right: 80px;
  }
}

@media (min-width: 640px) {
  .sm--mr-huge {
    margin-right: 120px;
  }
}

@media (min-width: 640px) {
  .sm--mr-enormous {
    margin-right: 208px;
  }
}

@media (min-width: 376px) {
  .xs--mr-small {
    margin-right: 16px;
  }
}

@media (min-width: 376px) {
  .xs--mr-normal {
    margin-right: 20px;
  }
}

@media (min-width: 376px) {
  .xs--mr-medium {
    margin-right: 40px;
  }
}

@media (min-width: 376px) {
  .xs--mr-large {
    margin-right: 80px;
  }
}

@media (min-width: 376px) {
  .xs--mr-huge {
    margin-right: 120px;
  }
}

@media (min-width: 376px) {
  .xs--mr-enormous {
    margin-right: 208px;
  }
}

@media (min-width: 1536px) {
  .2xl--mt-small {
    margin-top: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--mt-normal {
    margin-top: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--mt-medium {
    margin-top: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--mt-large {
    margin-top: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--mt-huge {
    margin-top: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--mt-enormous {
    margin-top: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--mt-small {
    margin-top: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--mt-normal {
    margin-top: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--mt-medium {
    margin-top: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--mt-large {
    margin-top: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--mt-huge {
    margin-top: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--mt-enormous {
    margin-top: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--mt-small {
    margin-top: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--mt-normal {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--mt-medium {
    margin-top: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--mt-large {
    margin-top: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--mt-huge {
    margin-top: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--mt-enormous {
    margin-top: 208px;
  }
}

@media (min-width: 768px) {
  .md--mt-small {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .md--mt-normal {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .md--mt-medium {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .md--mt-large {
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .md--mt-huge {
    margin-top: 120px;
  }
}

@media (min-width: 768px) {
  .md--mt-enormous {
    margin-top: 208px;
  }
}

@media (min-width: 640px) {
  .sm--mt-small {
    margin-top: 16px;
  }
}

@media (min-width: 640px) {
  .sm--mt-normal {
    margin-top: 20px;
  }
}

@media (min-width: 640px) {
  .sm--mt-medium {
    margin-top: 40px;
  }
}

@media (min-width: 640px) {
  .sm--mt-large {
    margin-top: 80px;
  }
}

@media (min-width: 640px) {
  .sm--mt-huge {
    margin-top: 120px;
  }
}

@media (min-width: 640px) {
  .sm--mt-enormous {
    margin-top: 208px;
  }
}

@media (min-width: 376px) {
  .xs--mt-small {
    margin-top: 16px;
  }
}

@media (min-width: 376px) {
  .xs--mt-normal {
    margin-top: 20px;
  }
}

@media (min-width: 376px) {
  .xs--mt-medium {
    margin-top: 40px;
  }
}

@media (min-width: 376px) {
  .xs--mt-large {
    margin-top: 80px;
  }
}

@media (min-width: 376px) {
  .xs--mt-huge {
    margin-top: 120px;
  }
}

@media (min-width: 376px) {
  .xs--mt-enormous {
    margin-top: 208px;
  }
}

@media (min-width: 1536px) {
  .2xl--mb-small {
    margin-bottom: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--mb-normal {
    margin-bottom: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--mb-medium {
    margin-bottom: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--mb-large {
    margin-bottom: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--mb-huge {
    margin-bottom: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--mb-enormous {
    margin-bottom: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--mb-small {
    margin-bottom: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--mb-normal {
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--mb-medium {
    margin-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--mb-large {
    margin-bottom: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--mb-huge {
    margin-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--mb-enormous {
    margin-bottom: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--mb-small {
    margin-bottom: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--mb-normal {
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--mb-medium {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--mb-large {
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--mb-huge {
    margin-bottom: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--mb-enormous {
    margin-bottom: 208px;
  }
}

@media (min-width: 768px) {
  .md--mb-small {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .md--mb-normal {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .md--mb-medium {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .md--mb-large {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .md--mb-huge {
    margin-bottom: 120px;
  }
}

@media (min-width: 768px) {
  .md--mb-enormous {
    margin-bottom: 208px;
  }
}

@media (min-width: 640px) {
  .sm--mb-small {
    margin-bottom: 16px;
  }
}

@media (min-width: 640px) {
  .sm--mb-normal {
    margin-bottom: 20px;
  }
}

@media (min-width: 640px) {
  .sm--mb-medium {
    margin-bottom: 40px;
  }
}

@media (min-width: 640px) {
  .sm--mb-large {
    margin-bottom: 80px;
  }
}

@media (min-width: 640px) {
  .sm--mb-huge {
    margin-bottom: 120px;
  }
}

@media (min-width: 640px) {
  .sm--mb-enormous {
    margin-bottom: 208px;
  }
}

@media (min-width: 376px) {
  .xs--mb-small {
    margin-bottom: 16px;
  }
}

@media (min-width: 376px) {
  .xs--mb-normal {
    margin-bottom: 20px;
  }
}

@media (min-width: 376px) {
  .xs--mb-medium {
    margin-bottom: 40px;
  }
}

@media (min-width: 376px) {
  .xs--mb-large {
    margin-bottom: 80px;
  }
}

@media (min-width: 376px) {
  .xs--mb-huge {
    margin-bottom: 120px;
  }
}

@media (min-width: 376px) {
  .xs--mb-enormous {
    margin-bottom: 208px;
  }
}

@media (min-width: 1536px) {
  .2xl--mx-small {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--mx-normal {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--mx-medium {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--mx-large {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--mx-huge {
    margin-left: 120px;
    margin-right: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--mx-enormous {
    margin-left: 208px;
    margin-right: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--mx-small {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--mx-normal {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--mx-medium {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--mx-large {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--mx-huge {
    margin-left: 120px;
    margin-right: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--mx-enormous {
    margin-left: 208px;
    margin-right: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--mx-small {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--mx-normal {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--mx-medium {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--mx-large {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--mx-huge {
    margin-left: 120px;
    margin-right: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--mx-enormous {
    margin-left: 208px;
    margin-right: 208px;
  }
}

@media (min-width: 768px) {
  .md--mx-small {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 768px) {
  .md--mx-normal {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .md--mx-medium {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .md--mx-large {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media (min-width: 768px) {
  .md--mx-huge {
    margin-left: 120px;
    margin-right: 120px;
  }
}

@media (min-width: 768px) {
  .md--mx-enormous {
    margin-left: 208px;
    margin-right: 208px;
  }
}

@media (min-width: 640px) {
  .sm--mx-small {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 640px) {
  .sm--mx-normal {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 640px) {
  .sm--mx-medium {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 640px) {
  .sm--mx-large {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media (min-width: 640px) {
  .sm--mx-huge {
    margin-left: 120px;
    margin-right: 120px;
  }
}

@media (min-width: 640px) {
  .sm--mx-enormous {
    margin-left: 208px;
    margin-right: 208px;
  }
}

@media (min-width: 376px) {
  .xs--mx-small {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 376px) {
  .xs--mx-normal {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 376px) {
  .xs--mx-medium {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 376px) {
  .xs--mx-large {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media (min-width: 376px) {
  .xs--mx-huge {
    margin-left: 120px;
    margin-right: 120px;
  }
}

@media (min-width: 376px) {
  .xs--mx-enormous {
    margin-left: 208px;
    margin-right: 208px;
  }
}

@media (min-width: 1536px) {
  .2xl--my-small {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--my-normal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--my-medium {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--my-large {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--my-huge {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--my-enormous {
    margin-top: 208px;
    margin-bottom: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--my-small {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--my-normal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--my-medium {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--my-large {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--my-huge {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--my-enormous {
    margin-top: 208px;
    margin-bottom: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--my-small {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--my-normal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--my-medium {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--my-large {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--my-huge {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--my-enormous {
    margin-top: 208px;
    margin-bottom: 208px;
  }
}

@media (min-width: 768px) {
  .md--my-small {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .md--my-normal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .md--my-medium {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .md--my-large {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .md--my-huge {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

@media (min-width: 768px) {
  .md--my-enormous {
    margin-top: 208px;
    margin-bottom: 208px;
  }
}

@media (min-width: 640px) {
  .sm--my-small {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 640px) {
  .sm--my-normal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 640px) {
  .sm--my-medium {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 640px) {
  .sm--my-large {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 640px) {
  .sm--my-huge {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

@media (min-width: 640px) {
  .sm--my-enormous {
    margin-top: 208px;
    margin-bottom: 208px;
  }
}

@media (min-width: 376px) {
  .xs--my-small {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 376px) {
  .xs--my-normal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 376px) {
  .xs--my-medium {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 376px) {
  .xs--my-large {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 376px) {
  .xs--my-huge {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

@media (min-width: 376px) {
  .xs--my-enormous {
    margin-top: 208px;
    margin-bottom: 208px;
  }
}

/** Padding utility classes with breakpoints **/
@media (min-width: 1536px) {
  .2xl--p-small {
    padding: 16px;
  }
}

@media (min-width: 1536px) {
  .2xl--p-normal {
    padding: 20px;
  }
}

@media (min-width: 1536px) {
  .2xl--p-medium {
    padding: 40px;
  }
}

@media (min-width: 1536px) {
  .2xl--p-large {
    padding: 80px;
  }
}

@media (min-width: 1536px) {
  .2xl--p-huge {
    padding: 120px;
  }
}

@media (min-width: 1536px) {
  .2xl--p-enormous {
    padding: 208px;
  }
}

@media (min-width: 1280px) {
  .xl--p-small {
    padding: 16px;
  }
}

@media (min-width: 1280px) {
  .xl--p-normal {
    padding: 20px;
  }
}

@media (min-width: 1280px) {
  .xl--p-medium {
    padding: 40px;
  }
}

@media (min-width: 1280px) {
  .xl--p-large {
    padding: 80px;
  }
}

@media (min-width: 1280px) {
  .xl--p-huge {
    padding: 120px;
  }
}

@media (min-width: 1280px) {
  .xl--p-enormous {
    padding: 208px;
  }
}

@media (min-width: 1024px) {
  .lg--p-small {
    padding: 16px;
  }
}

@media (min-width: 1024px) {
  .lg--p-normal {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .lg--p-medium {
    padding: 40px;
  }
}

@media (min-width: 1024px) {
  .lg--p-large {
    padding: 80px;
  }
}

@media (min-width: 1024px) {
  .lg--p-huge {
    padding: 120px;
  }
}

@media (min-width: 1024px) {
  .lg--p-enormous {
    padding: 208px;
  }
}

@media (min-width: 768px) {
  .md--p-small {
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .md--p-normal {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .md--p-medium {
    padding: 40px;
  }
}

@media (min-width: 768px) {
  .md--p-large {
    padding: 80px;
  }
}

@media (min-width: 768px) {
  .md--p-huge {
    padding: 120px;
  }
}

@media (min-width: 768px) {
  .md--p-enormous {
    padding: 208px;
  }
}

@media (min-width: 640px) {
  .sm--p-small {
    padding: 16px;
  }
}

@media (min-width: 640px) {
  .sm--p-normal {
    padding: 20px;
  }
}

@media (min-width: 640px) {
  .sm--p-medium {
    padding: 40px;
  }
}

@media (min-width: 640px) {
  .sm--p-large {
    padding: 80px;
  }
}

@media (min-width: 640px) {
  .sm--p-huge {
    padding: 120px;
  }
}

@media (min-width: 640px) {
  .sm--p-enormous {
    padding: 208px;
  }
}

@media (min-width: 376px) {
  .xs--p-small {
    padding: 16px;
  }
}

@media (min-width: 376px) {
  .xs--p-normal {
    padding: 20px;
  }
}

@media (min-width: 376px) {
  .xs--p-medium {
    padding: 40px;
  }
}

@media (min-width: 376px) {
  .xs--p-large {
    padding: 80px;
  }
}

@media (min-width: 376px) {
  .xs--p-huge {
    padding: 120px;
  }
}

@media (min-width: 376px) {
  .xs--p-enormous {
    padding: 208px;
  }
}

.radius-small {
  border-radius: var(--radius-small, 8px);
}

.radius-medium {
  border-radius: var(--radius-medium, 12px);
}

.radius-large {
  border-radius: var(--radius-large, 16px);
}

.radius-huge {
  border-radius: var(--radius-huge, 20px);
}

.radius-enormous {
  border-radius: var(--radius-enormous, 44px);
}

.radius-full {
  border-radius: var(--radius-full, 100px);
}

.shadow-small {
  -webkit-box-shadow: var(--shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-medium {
  -webkit-box-shadow: var(--shadow-medium, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-medium, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-large {
  -webkit-box-shadow: var(--shadow-large, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-large, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-huge {
  -webkit-box-shadow: var(--shadow-huge, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-huge, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-enormous {
  -webkit-box-shadow: var(--shadow-enormous, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-enormous, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-full {
  -webkit-box-shadow: var(--shadow-full, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-full, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

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

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

.width-full {
  width: 100%;
}

.layout-container {
  max-width: 2560px;
  margin: 0 auto;
}

nav.tabs ul {
  border-bottom: 1px solid #efefef;
  margin-bottom: 30px;
}

nav.tabs li {
  margin-right: -4px;
}

nav.tabs a {
  border-color: #efefef #efefef currentcolor;
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  -webkit-transition: none;
  transition: none;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  color: black;
  padding: 10px 25px;
}

nav.tabs a.is-active {
  border-bottom: 1px solid white;
  margin-bottom: -1px;
  background: white;
}

.field > *:first-child {
  margin-top: 0;
}

.field > *:last-child {
  margin-bottom: 0;
}

.node__content,
.region--content {
  -webkit-padding-after: 0;
          padding-block-end: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.node--view-mode-teaser {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.node--view-mode-teaser:after {
  display: none;
}

.region--content-below > *:nth-child(3n),
.region--content-below > *:last-child {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}

.paragraph {
  --vertical-padding: var(--spacing-huge);
}

@media (max-width: 768px) {
  .paragraph {
    --vertical-padding: var(--spacing-large);
  }
}

.paragraph:not([class*='pt-']) {
  padding-top: var(--vertical-padding);
}

.paragraph.padding-top-none {
  padding-top: 0;
}

.paragraph:not([class*='pb-']) {
  padding-bottom: var(--vertical-padding);
}

.paragraph.padding-bottom-none {
  padding-bottom: 0;
}

.paragraph .paragraph {
  padding-top: 0;
  padding-bottom: 0;
}

.paragraph .paragraph.paragraph--view-mode--default {
  padding-top: 0;
  padding-bottom: 0;
}

.dialog-off-canvas-main-canvas {
  max-width: 2560px;
  margin: auto;
  overflow-x: hidden;
}

.region--content-top > * {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

pre {
  color: #5a1313;
}

.container {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.container-screen {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.container-screen [class^='container'] {
  width: 100%;
}

.container-full {
  max-width: var(--container-width-full, full);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.container-full [class^='container'] {
  width: 100%;
}

.container-xlarge {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.container-xlarge [class^='container'] {
  width: 100%;
}

.container-large {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.container-large [class^='container'] {
  width: 100%;
}

.container-medium {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.container-medium [class^='container'] {
  width: 100%;
}

.container-small {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.container-small [class^='container'] {
  width: 100%;
}

.container-text {
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.container-text [class^='container'] {
  width: 100%;
}

nav[data-drupal-nav-primary-tabs] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

nav[data-drupal-nav-primary-tabs] .tabs {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.text-xs {
  font-size: var(--text-size-xs, 1rem);
  font-weight: 400;
}

.text-sm {
  font-size: var(--text-size-sm, 1rem);
  font-weight: 400;
}

.text-base {
  font-size: var(--text-size-base, 1rem);
  font-weight: 400;
}

.text-lg {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 400;
}

.text-xl {
  font-size: var(--text-size-xl, 1rem);
  font-weight: 400;
}

.text-2xl {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: 400;
}

.text-3xl {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: 400;
}

.text-4xl {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 400;
}

.text-5xl {
  font-size: var(--text-size-5xl, 1rem);
  font-weight: 400;
}

.text-6xl {
  font-size: var(--text-size-6xl, 1rem);
  font-weight: 400;
}

.text-7xl {
  font-size: var(--text-size-7xl, 1rem);
  font-weight: 400;
}

.text-8xl {
  font-size: var(--text-size-8xl, 1rem);
  font-weight: 400;
}

.text-9xl {
  font-size: var(--text-size-9xl, 1rem);
  font-weight: 400;
}

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

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

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

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

.text-default {
  color: #1C1C1E;
}

.text-primary {
  color: #73C167;
}

.text-primary-dark {
  color: #3F8235;
}

.text-secondary {
  color: #0099CC;
}

.text-red {
  color: #F1645D;
}

.text-orange {
  color: #F9A127;
}

.text-grey {
  color: #F2F2F7;
}

.text-deep-grey {
  color: #F2F2F7;
}

.text-white {
  color: #ffffff;
}

.leading-none {
  line-height: 1;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-10 {
  line-height: 2.5rem;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

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

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.button {
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  padding: 14px 40px;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

@media (max-width: 768px) {
  .button {
    padding: 10px 20px;
  }
}

.button:hover {
  background: var(--button-hover-bg-color, transparent);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.button-round {
  border-radius: var(--radius-small);
}

.button-rounded {
  border-radius: 40px;
}

.button-primary {
  background: #73C167;
  color: var(--color-white);
}

.button-primary:hover {
  border-color: #73C167;
  color: inherit;
  background: var(--color-white);
}

.button-primary-round {
  background: #73C167;
  color: var(--color-white);
  border-radius: var(--radius-small);
}

.button-primary-round:hover {
  border-color: #73C167;
  color: inherit;
  background: var(--color-white);
}

.button-sm {
  padding: 7px 20px;
}

.breadcrumb::after {
  display: none;
}

.teaser .teaser__top {
  display: block;
}

.teaser .teaser__image {
  position: relative;
  left: 0;
}

.teaser .teaser__image img {
  height: auto;
}

.field--name-field-image img {
  width: 100%;
}

.node--type-campaign-page .node__content > .field--name-field-image .field--name-field-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: -webkit-calc(100vh - 223px);
  height: calc(100vh - 223px);
  max-height: 701px;
}

.my-none {
  margin-block: 0;
}

/*# sourceMappingURL=main.css.map */