@charset "UTF-8";
/**
 * ==============================================
 * UTILITIES
 * ==============================================
 * This section contains low-level utilities
 * that are used throughout the project.
 * These files define foundational elements
 * like variables, mixins, and functions.
 */
/*
 * 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: "Museo Sans Rounded", sans-serif;
  --font-serif: "Trebuchet MS", "georgia", serif;
  --site-header-height-wide: 100px;
  --color-text-primary-medium: #000;
  --color-text-neutral-soft: #000;
}

:root {
  --container-padding: 80px;
  --spacing-small: 16px;
  --spacing-normal: 20px;
  --spacing-medium: 40px;
  --spacing-large: 80px;
  --spacing-huge: 120px;
  --spacing-enormous: 208px;
  --color-white: #FFFFFF;
  --color-white-50: white;
  --color-white-100: white;
  --color-white-200: white;
  --color-white-300: white;
  --color-white-400: white;
  --color-white-500: #FFFFFF;
  --color-white-600: #e6e5e5;
  --color-white-700: #cccccc;
  --color-white-800: #b3b2b2;
  --color-white-900: #999999;
  --color-black: #000000;
  --color-black-50: #807f7f;
  --color-black-100: #666666;
  --color-black-200: #4d4c4c;
  --color-black-300: #333333;
  --color-black-400: #1a1919;
  --color-black-500: #000000;
  --color-black-600: black;
  --color-black-700: black;
  --color-black-800: black;
  --color-black-900: black;
  --color-primary: #0D8924;
  --color-primary-50: #9ff6af;
  --color-primary-100: #71f188;
  --color-primary-200: #42ed62;
  --color-primary-300: #16e63c;
  --color-primary-400: #11b830;
  --color-primary-500: #0D8924;
  --color-primary-600: #095a18;
  --color-primary-700: #042c0c;
  --color-primary-800: black;
  --color-primary-900: black;
  --color-primary-dark: #005321;
  --color-primary-dark-50: #53ff97;
  --color-primary-dark-100: #20ff79;
  --color-primary-dark-200: #00ec5e;
  --color-primary-dark-300: #00b94a;
  --color-primary-dark-400: #008635;
  --color-primary-dark-500: #005321;
  --color-primary-dark-600: #00200d;
  --color-primary-dark-700: black;
  --color-primary-dark-800: black;
  --color-primary-dark-900: black;
  --color-dark: #626A73;
  --color-dark-50: #e8eaec;
  --color-dark-100: #cdd0d4;
  --color-dark-200: #b1b7bd;
  --color-dark-300: #969da5;
  --color-dark-400: #7a838e;
  --color-dark-500: #626A73;
  --color-dark-600: #4b5157;
  --color-dark-700: #33373c;
  --color-dark-800: #1c1e20;
  --color-dark-900: #040405;
  --color-grey: #F6F6F7;
  --color-grey-50: white;
  --color-grey-100: white;
  --color-grey-200: white;
  --color-grey-300: white;
  --color-grey-400: white;
  --color-grey-500: #F6F6F7;
  --color-grey-600: #dbdbdf;
  --color-grey-700: #c0c0c7;
  --color-grey-800: #a5a5af;
  --color-grey-900: #8a8a97;
  --color-secondary: #6B6B6B;
  --color-secondary-50: #ebeaea;
  --color-secondary-100: #d1d1d1;
  --color-secondary-200: #b8b7b7;
  --color-secondary-300: #9e9e9e;
  --color-secondary-400: #858484;
  --color-secondary-500: #6B6B6B;
  --color-secondary-600: #525151;
  --color-secondary-700: #383838;
  --color-secondary-800: #1f1e1e;
  --color-secondary-900: #050505;
  --color-secondary-light-grey: #F2F2F2;
  --color-secondary-light-grey-50: white;
  --color-secondary-light-grey-100: white;
  --color-secondary-light-grey-200: white;
  --color-secondary-light-grey-300: white;
  --color-secondary-light-grey-400: white;
  --color-secondary-light-grey-500: #F2F2F2;
  --color-secondary-light-grey-600: #d9d8d8;
  --color-secondary-light-grey-700: #bfbfbf;
  --color-secondary-light-grey-800: #a6a5a5;
  --color-secondary-light-grey-900: #8c8c8c;
  --color-secondary-black: #333;
  --color-secondary-black-50: #b3b2b2;
  --color-secondary-black-100: #999999;
  --color-secondary-black-200: #807f7f;
  --color-secondary-black-300: #666666;
  --color-secondary-black-400: #4d4c4c;
  --color-secondary-black-500: #333;
  --color-secondary-black-600: #1a1919;
  --color-secondary-black-700: black;
  --color-secondary-black-800: black;
  --color-secondary-black-900: black;
  --color-secondary-grey: #6B6B6B;
  --color-secondary-grey-50: #ebeaea;
  --color-secondary-grey-100: #d1d1d1;
  --color-secondary-grey-200: #b8b7b7;
  --color-secondary-grey-300: #9e9e9e;
  --color-secondary-grey-400: #858484;
  --color-secondary-grey-500: #6B6B6B;
  --color-secondary-grey-600: #525151;
  --color-secondary-grey-700: #383838;
  --color-secondary-grey-800: #1f1e1e;
  --color-secondary-grey-900: #050505;
  --color-teritery: #FFF;
  --color-teritery-50: white;
  --color-teritery-100: white;
  --color-teritery-200: white;
  --color-teritery-300: white;
  --color-teritery-400: white;
  --color-teritery-500: #FFF;
  --color-teritery-600: #e6e5e5;
  --color-teritery-700: #cccccc;
  --color-teritery-800: #b3b2b2;
  --color-teritery-900: #999999;
  --color-neutral: #FFF;
  --color-neutral-50: white;
  --color-neutral-100: white;
  --color-neutral-200: white;
  --color-neutral-300: white;
  --color-neutral-400: white;
  --color-neutral-500: #FFF;
  --color-neutral-600: #e6e5e5;
  --color-neutral-700: #cccccc;
  --color-neutral-800: #b3b2b2;
  --color-neutral-900: #999999;
  --color-link: #6B6B6B;
  --color-link-50: #ebeaea;
  --color-link-100: #d1d1d1;
  --color-link-200: #b8b7b7;
  --color-link-300: #9e9e9e;
  --color-link-400: #858484;
  --color-link-500: #6B6B6B;
  --color-link-600: #525151;
  --color-link-700: #383838;
  --color-link-800: #1f1e1e;
  --color-link-900: #050505;
  --color-hover-link: #6B6B6B;
  --color-hover-link-50: #ebeaea;
  --color-hover-link-100: #d1d1d1;
  --color-hover-link-200: #b8b7b7;
  --color-hover-link-300: #9e9e9e;
  --color-hover-link-400: #858484;
  --color-hover-link-500: #6B6B6B;
  --color-hover-link-600: #525151;
  --color-hover-link-700: #383838;
  --color-hover-link-800: #1f1e1e;
  --color-hover-link-900: #050505;
  --color-lightblue: #1a1919;
  --color-lightblue-50: #999999;
  --color-lightblue-100: #807f7f;
  --color-lightblue-200: #666666;
  --color-lightblue-300: #4d4c4c;
  --color-lightblue-400: #333333;
  --color-lightblue-500: #1a1919;
  --color-lightblue-600: black;
  --color-lightblue-700: black;
  --color-lightblue-800: black;
  --color-lightblue-900: black;
  --color-darkblue: black;
  --color-darkblue-50: #807f7f;
  --color-darkblue-100: #666666;
  --color-darkblue-200: #4d4c4c;
  --color-darkblue-300: #333333;
  --color-darkblue-400: #1a1919;
  --color-darkblue-500: black;
  --color-darkblue-600: black;
  --color-darkblue-700: black;
  --color-darkblue-800: black;
  --color-darkblue-900: black;
  --color-text-default: #000000;
  --color-text-light: #CCC;
  --color-text-active: #0D8924;
  --color-text-white: #000000;
  --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;
  --text-weight-thin: 100;
  --text-weight-extralight: 200;
  --text-weight-light: 300;
  --text-weight-normal: 400;
  --text-weight-medium: 500;
  --text-weight-semibold: 600;
  --text-weight-bold: 700;
  --text-weight-extrabold: 800;
  --text-weight-black: 900;
  --container-width-2k: 2560px;
  --container-width-full: 1536px;
  --container-width-default: 1456px;
  --container-width-xlarge: 1344px;
  --container-width-large: 1296px;
  --container-width-medium: 1040px;
  --container-width-small: 864px;
  --container-width-text: 688px;
  --button-bg-color: #FFFFFF;
  --button-text-color: #000000;
  --button-border-color: transparent;
  --button-hover-bg-color: white;
  --button-hover-text-color: #000000;
  --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?lpb3du");
  src: url("../typography/icons/fonts/icomoon.eot?lpb3du#iefix") format("embedded-opentype"), url("../typography/icons/fonts/icomoon.ttf?lpb3du") format("truetype"), url("../typography/icons/fonts/icomoon.woff?lpb3du") format("woff"), url("../typography/icons/fonts/icomoon.svg?lpb3du#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-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-circle:before {
  content: "\e9f1";
}

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

.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";
}

@font-face {
  font-family: 'Museo Sans Rounded';
  font-style: normal;
  font-weight: 500;
  src: local("Museo Sans Rounded 500"), url("../typography/museo-sans/MuseoSansRounded500.woff") format("woff");
}

@font-face {
  font-family: 'Museo Sans Rounded';
  font-style: normal;
  font-weight: 100;
  src: local("Museo Sans Rounded 100"), url("../typography/museo-sans/MuseoSansRounded100.woff") format("woff");
}

@font-face {
  font-family: 'Museo Sans Rounded';
  font-style: normal;
  font-weight: 300;
  src: local("Museo Sans Rounded 300"), url("../typography/museo-sans/MuseoSansRounded300.woff") format("woff");
}

@font-face {
  font-family: 'Museo Sans Rounded';
  font-style: normal;
  font-weight: 700;
  src: local("Museo Sans Rounded 700"), url("../typography/museo-sans/MuseoSansRounded700.woff") format("woff");
}

@font-face {
  font-family: 'Museo Sans Rounded';
  font-style: normal;
  font-weight: 900;
  src: local("Museo Sans Rounded 900"), url("../typography/museo-sans/MuseoSansRounded900.woff") format("woff");
}

@font-face {
  font-family: 'Museo Sans Rounded';
  font-style: normal;
  font-weight: 1000;
  src: local("Museo Sans Rounded 1000"), url("../typography/museo-sans/MuseoSansRounded1000.woff") format("woff");
}

:root {
  --btn-primary-bg: var(--color-primary);
  --btn-primary-hover-bg: var(--color-primary-600);
  --btn-primary-color: var(--color-white);
  --btn-primary-hover-color: var(--color-white);
  --btn-secondary-bg: #6c757d;
  --btn-secondary-color: white;
  --btn-default-bg: #f8f9fa;
  --btn-default-color: var(--color-primary);
  --btn-default-hover-bg: #e9ecef;
  --btn-default-hover-color: var(--color-primary);
}

/* reset input areas to default styles */
/* accessible version of display: none; */
/* TRANSFORM  */
/* TRANSFORM ORIGIN */
/* TRANSITION */
/* calculate ems */
/* calculate rems */
/**
* ==============================================
* RESET & NORMALIZATION
* ==============================================
* Ensures consistent default styles across
* different browsers by resetting styles.
*/
/**
 * @file
 * Generic base elements.
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  text-rendering: optimizeLegibility;
}

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

body {
  margin: 0;
}

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

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

.text-content a:not([class*='btn']) {
  text-decoration: underline;
}

a:hover {
  color: var(--color-dark);
}

button {
  font-family: inherit;
}

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

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

p {
  -webkit-margin-before: 0.8888888889rem;
          margin-block-start: 0.8888888889rem;
  -webkit-margin-after: 0.8888888889rem;
          margin-block-end: 0.8888888889rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0.8888888889rem;
}

h1 {
  font-size: var(--text-size-5xl, 1rem);
  font-weight: var(--text-weight-bold, 700);
  line-height: var(--leading-none, 1);
}

h2 {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: var(--text-weight-bold, 700);
  line-height: var(--leading-10, 2.5rem);
}

h3 {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: var(--text-weight-bold, 700);
  line-height: var(--leading-9, 2.25rem);
}

h4 {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: var(--text-weight-medium, 500);
  line-height: var(--leading-8, 2rem);
}

h5 {
  font-size: var(--text-size-xl, 1rem);
  font-weight: var(--text-weight-medium, 500);
  line-height: var(--leading-7, 1.75rem);
}

h6 {
  font-size: var(--text-size-lg, 1rem);
  font-weight: var(--text-weight-bold, 700);
  line-height: var(--leading-7, 1.75rem);
}

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: '';
}

iframe {
  border: none;
}

/**
* ==============================================
* GLOBAL STYLES
* ==============================================
* This section contains styles that apply to
* the entire project, including resets,
* base styles, and global elements.
*/
:root {
  --region-default-margin-top: 40px;
  --region-default-margin-bottom: 40px;
}

@media (min-width: 769px) {
  :root {
    --region-default-margin-bottom: 80px;
    --region-default-margin-top: 80px;
  }
}

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

.page-wrapper {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  min-height: 100vh;
}

.page-wrapper #main-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.page-wrapper #main-wrapper .main-content__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#hero {
  position: relative;
}

body:not(.path-frontpage) .main-content__container > .region--content {
  margin-top: var(--region-default-margin-top);
  margin-bottom: var(--region-default-margin-bottom);
}

.main-content__container.has-sidebar-left {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

@media (min-width: 769px) {
  .main-content__container.has-sidebar-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 64px;
  }
}

.main-content__container.has-sidebar-left .region--content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.main-content__container .region--sidebar-left {
  margin-top: var(--region-default-margin-top);
}

@media (min-width: 769px) {
  .region--sidebar-left {
    position: -webkit-sticky;
    position: sticky;
    top: var(--region-default-margin-top);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 100vh;
    padding-bottom: var(--region-default-margin-bottom);
  }
}

.block__content > form {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

.block__content > form textarea {
  max-width: 525px;
}

:root {
  --header-height: 72.44px;
}

.site-header {
  position: relative;
}

.site-header .site-header__inner__container {
  padding-block: 0.8888888889rem;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.block-system-branding-block .site-branding__name {
  display: none;
}

.mobile-buttons .mobile-nav-button {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  width: 32px;
}

.mobile-buttons .mobile-nav-button .mobile-nav-button__icon {
  width: 100%;
}

.mobile-buttons .mobile-nav-button__label {
  display: none;
}

@media (min-width: 1025px) {
  .mobile-buttons {
    display: none;
  }
}

.header-nav {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media (min-width: 1025px) {
  .header-nav {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}

@media (max-width: 1024px) {
  .header-nav {
    width: 100vw;
    height: -webkit-calc(100vh - var(--header-height));
    height: calc(100vh - var(--header-height));
    left: 0;
    position: absolute;
    top: 100%;
    background-color: #FFF;
    z-index: 2;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    padding-block: 40px;
  }
  .header-nav:not(.is-active) {
    -webkit-transform: translateX(-300vw);
            transform: translateX(-300vw);
  }
  .header-nav .menu {
    --container-width: var(--container-width-default);
    --container-horizontal-padding: var(--container-padding, 72px);
    max-width: var(--container-width);
    width: -webkit-calc(100% - var(--container-horizontal-padding));
    width: calc(100% - var(--container-horizontal-padding));
    margin-inline: auto;
  }
}

@media (max-width: 1024px) {
  body.menu-is-active {
    overflow: hidden;
  }
}

/** Override **/
.menu__item a {
  display: block;
}

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

@media (min-width: 1025px) {
  .menu--main .menu {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    -moz-align-items: initial;
    align-items: initial;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    -moz-justify-content: initial;
    justify-content: initial;
  }
  .menu--main .menu .primary-nav__menu-item--level-1 {
    font-weight: var(--text-weight-bold);
  }
  .menu--main .menu .primary-nav__menu-item--level-1:hover .primary-nav__menu-link--level-1:not(.button) {
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .menu--main .menu .primary-nav__menu-item--level-1:not(:hover) .primary-nav__menu-link--level-1.primary-nav__menu-link--active-trail:not(.button):after, .menu--main .menu .primary-nav__menu-item--level-1:not(:hover) .primary-nav__menu-link--level-1.is-active:not(.button):after {
    background: var(--color-primary);
  }
}

.menu--main .menu a {
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/** Main menu **/
.menu--main .primary-nav__menu {
  position: relative;
}

.menu--main .primary-nav__menu-item--level-1 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.menu--main .primary-nav__menu-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-block: 12px;
}

@media (min-width: 1025px) {
  .menu--main .primary-nav__menu-link {
    padding: 12px 20px;
  }
  .menu--main .primary-nav__menu-link.primary-nav__menu-link--level-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.menu--main .primary-nav__menu-link.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  border-radius: 50px;
  font-weight: var(--text-weight-semibold, 600);
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.menu--main .primary-nav__menu-link.button:hover {
  background-color: var(--btn-primary-hover-bg);
  color: var(--btn-primary-hover-color);
}

.menu--main .primary-nav__menu-link.button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.menu--main .primary-nav__menu-link.button:active {
  opacity: 0.8;
}

.menu--main .primary-nav__menu-link:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.menu--main .primary-nav__menu-link:not(.is-active):not(.button):hover {
  color: var(--color-secondary-grey);
}

.menu--main .primary-nav__button-toggle {
  border: none;
  background: none;
}

.menu--main .primary-nav__button-toggle:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9fc";
}

.menu--main .primary-nav__button-toggle:after {
  font-size: 1.3333333333rem;
}

.menu--main .primary-nav__button-toggle[aria-expanded="true"] {
  opacity: 0;
  -webkit-animation: fadeIn 0.3s ease-in-out 0.4s forwards;
          animation: fadeIn 0.3s ease-in-out 0.4s forwards;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 1025px) {
  .menu--main .primary-nav__button-toggle {
    display: none;
  }
}

.menu--main .primary-nav__menu--level-2 {
  position: absolute;
  padding-top: 50px;
}

@media (min-width: 1025px) {
  .menu--main .primary-nav__menu--level-2 {
    padding-top: 0px;
    display: none;
    opacity: 0;
  }
}

@media (max-width: 1024px) {
  .menu--main .primary-nav__menu--level-2 {
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: #FFFFFF;
    z-index: 3;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
  }
  .menu--main .primary-nav__menu--level-2:not(.is-active-menu-parent) {
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-300vw);
            transform: translateX(-300vw);
  }
}

@media (min-width: 1025px) {
  .menu--main .primary-nav__menu-item--level-1:hover {
    position: relative;
  }
  .menu--main .primary-nav__menu-item--level-1:hover.primary-nav__menu-item--has-children {
    -webkit-box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  .menu--main .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2 {
    -webkit-box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
    background: #FFF;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    -moz-align-items: initial;
    align-items: initial;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    -moz-justify-content: initial;
    justify-content: initial;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    opacity: 1;
    top: 100%;
    position: absolute;
    visibility: visible;
    pointer-events: all;
    z-index: 3;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .menu--main .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2 .primary-nav__menu-item--level-2 {
    border-left: 2px solid transparent;
  }
  .menu--main .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2 .primary-nav__menu-item--level-2:hover {
    border-color: var(--color-primary);
    background: rgba(139, 198, 0, 0.1);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.mobile-nav-button__icon {
  position: relative;
  display: block;
  width: var(--sp2);
  height: 0;
  border-top: solid 3px var(--color-primary);
}

.mobile-nav-button__icon::before,
.mobile-nav-button__icon::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 0;
  content: "";
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  border-top: solid 3px var(--color-primary);
}

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Breadcrumb region.
 */
.region--breadcrumb {
  position: relative;
}

.region--breadcrumb .block-system-breadcrumb-block {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

.region--hero ~ .region--breadcrumb {
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  color: #FFF;
}

.region--hero ~ .region--breadcrumb a {
  color: inherit;
  font-weight: 400;
}

.region--hero ~ .region--breadcrumb .breadcrumb {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

.breadcrumb {
  top: 24px;
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-semibold, 600);
  line-height: var(--leading-6, 1.5rem);
  z-index: 3;
  /* Shadow on the right side of breadcrumbs for narrow screens. */
}

@media (min-width: 62.5rem) {
  .breadcrumb::after {
    content: none;
  }
}

.breadcrumb__content {
  overflow: auto;
}

@media (min-width: 62.5rem) {
  .breadcrumb__content {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}

.breadcrumb__list {
  overflow-x: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-block: 0;
  -webkit-margin-start: -webkit-calc(var(--sp1) * -1);
          margin-inline-start: calc(var(--sp1) * -1);
  -webkit-margin-end: -webkit-calc(var(--sp1) * -1);
          margin-inline-end: calc(var(--sp1) * -1);
  padding-block: 0 var(--sp1);
  -webkit-padding-start: var(--sp1);
          padding-inline-start: var(--sp1);
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  list-style: none;
  white-space: nowrap;
}

@media (min-width: 62.5rem) {
  .breadcrumb__list {
    overflow: visible;
    width: auto;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    -webkit-padding-after: 0;
            padding-block-end: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    white-space: normal;
  }
}

.breadcrumb__item {
  display: inline-block;
}

.breadcrumb__item:nth-child(n + 2)::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-inline: 4px;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  /* LTR */
  -webkit-border-before: 2px solid var(--color-white);
          border-block-start: 2px solid var(--color-white);
  -webkit-border-end: 2px solid var(--color-white);
          border-inline-end: 2px solid var(--color-white);
}

.breadcrumb__item:last-child {
  -webkit-margin-end: var(--sp3);
          margin-inline-end: var(--sp3);
}

@media (min-width: 62.5rem) {
  .breadcrumb__item:last-child {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}

[dir="rtl"] .breadcrumb__item:nth-child(n + 2)::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.breadcrumb__link {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-text-primary-medium);
}

.breadcrumb__link:hover,
.breadcrumb__link:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

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

footer {
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  color: #fff;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 40px;
}

footer a {
  color: inherit;
}

footer .site-footer_top {
  background-color: var(--color-secondary-black);
  padding-block: 40px;
}

footer .site-footer_bottom {
  padding-bottom: 40px;
}

footer .site-footer__inner_top {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  footer .site-footer__inner_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    -moz-align-items: initial;
    align-items: initial;
    gap: 40px;
  }
}

footer .site-footer__inner_bottom {
  background-color: #FFF;
  color: var(--color-black);
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  gap: 40px;
}

@media (max-width: 768px) {
  footer .site-footer__inner_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    gap: 16px;
  }
}

footer .region--footer-top-right {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 32px;
}

footer .region--footer-bottom-right {
  margin-top: auto;
}

.menu--footer .menu {
  list-style: none;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  gap: 16px;
}

@media (max-width: 768px) {
  .menu--footer .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    -moz-align-items: initial;
    align-items: initial;
    gap: 16px;
  }
}

@media (min-width: 769px) {
  .menu--footer .menu .menu__item--link:not(:last-child) {
    padding-right: 16px;
    border-right: 1px solid #FFF;
  }
  .menu--footer .menu .menu__item--link a:hover {
    color: #cccccc;
  }
}

.menu--social {
  margin-top: auto;
}

@media (min-width: 1041px) {
  .menu--social {
    margin-left: auto;
  }
}

.menu--social .menu {
  list-style: none;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  gap: 24px;
}

.menu--social .menu a:hover {
  color: #cccccc;
}

.menu--social .menu .menu__link {
  font-size: 0;
}

.menu--social .menu .menu__link::before {
  font-size: 1.3333333333rem;
}

.site-footer {
  margin-top: auto;
}

.text-content table,
.views-table,
.draggable-table {
  width: 100%;
}

.text-content table td,
.views-table td,
.draggable-table td {
  min-width: 253px;
}

.text-content table td:not(:last-child),
.views-table td:not(:last-child),
.draggable-table td:not(:last-child) {
  padding-right: 64px;
}

.text-content table th,
.views-table th,
.draggable-table th {
  font-weight: 600;
}

:is(.text-content table, .views-table, .draggable-table) th {
  -webkit-border-after: 2px solid var(--color-secondary-light-grey);
          border-block-end: 2px solid var(--color-secondary-light-grey);
}

:is(.text-content table, .views-table, .draggable-table) td {
  -webkit-border-after: 2px solid var(--color-secondary-light-grey);
          border-block-end: 2px solid var(--color-secondary-light-grey);
}

.text-content .table {
  overflow: auto;
}

.table-style-theme thead tr th {
  padding-block: 0px !important;
  margin: 0 auto;
  text-align: center;
  border: none;
}

.table-style-theme thead tr th h4 {
  margin: 0px;
  background-color: var(--color-primary);
  border-radius: 30px 30px 30px 30px;
  color: #fff;
}

.table-style-theme tbody tr td {
  width: -webkit-calc(100%/3);
  width: calc(100%/3);
  vertical-align: top;
  min-width: 1px;
}

.table-style-theme tbody tr td p, .table-style-theme tbody tr td ul {
  margin-block: 0px !important;
}

.table-style-theme tbody tr td p li::marker, .table-style-theme tbody tr td ul li::marker {
  color: var(--color-primary);
}

@media screen and (max-width: 768px) {
  .table-style-theme {
    max-width: 425px;
  }
  .table-style-theme table, .table-style-theme thead, .table-style-theme tbody, .table-style-theme tr, .table-style-theme th, .table-style-theme td {
    display: block;
    width: 100% !important;
  }
  .table-style-theme thead {
    display: none;
  }
  .table-style-theme td {
    position: relative;
    padding-right: 0px !important;
  }
  .table-style-theme td:before {
    content: attr(data-label);
    font-size: var(--text-size-2xl, 1rem);
    display: inline-block;
    width: 100%;
    margin: 20px auto;
    text-align: center;
    background-color: var(--color-primary);
    border-radius: 30px 30px 30px 30px;
    color: #fff;
  }
}

/**
  * ==============================================
  * COMPONENTS
  * ==============================================
  * This section contains individual UI components
  * that can be used across the project.
  * Examples: Buttons, Modals, Cards, Forms, etc.
  */
.container {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-default {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.btn-default:hover {
  background-color: var(--btn-default-hover-bg);
  color: var(--btn-default-hover-color);
}

.btn-default:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-default:active {
  opacity: 0.8;
}

.btn-primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.btn-primary:hover {
  background-color: var(--btn-primary-hover-bg);
  color: var(--btn-primary-hover-color);
}

.btn-primary:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-primary:active {
  opacity: 0.8;
}

.btn-secondary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.btn-secondary:hover {
  background-color: var(--btn-secondary-hover-bg);
  color: var(--btn-secondary-hover-color);
}

.btn-secondary:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-secondary:active {
  opacity: 0.8;
}

.btn-outline-default {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  border-color: inherit;
  color: inherit;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.btn-outline-default:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.btn-outline-default:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-outline-default:active {
  opacity: 0.8;
}

.btn-outline-primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  border-color: inherit;
  color: inherit;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.btn-outline-primary:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.btn-outline-primary:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-outline-primary:active {
  opacity: 0.8;
}

.btn-outline-secondary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  border-color: inherit;
  color: inherit;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.btn-outline-secondary:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.btn-outline-secondary:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-outline-secondary:active {
  opacity: 0.8;
}

.btn-large {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 1.25rem;
}

.btn-large:hover {
  background-color: var(--btn-default-hover-bg);
  color: var(--btn-default-hover-color);
}

.btn-large:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-large:active {
  opacity: 0.8;
}

.btn-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.btn-small:hover {
  background-color: var(--btn-default-hover-bg);
  color: var(--btn-default-hover-color);
}

.btn-small:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-small:active {
  opacity: 0.8;
}

.btn-rounded {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  border-radius: 50px;
}

.btn-rounded:hover {
  background-color: var(--btn-default-hover-bg);
  color: var(--btn-default-hover-color);
}

.btn-rounded:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-rounded:active {
  opacity: 0.8;
}

.btn-primary-cta {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  border-radius: 8px;
}

.btn-primary-cta:hover {
  background-color: var(--btn-primary-hover-bg);
  color: var(--btn-primary-hover-color);
}

.btn-primary-cta:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-primary-cta:active {
  opacity: 0.8;
}

.btn-large-rounded {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 1.25rem;
  border-radius: 50px;
}

.btn-large-rounded:hover {
  background-color: var(--btn-default-hover-bg);
  color: var(--btn-default-hover-color);
}

.btn-large-rounded:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-large-rounded:active {
  opacity: 0.8;
}

.btn-small-rounded {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  border-radius: 50px;
}

.btn-small-rounded:hover {
  background-color: var(--btn-default-hover-bg);
  color: var(--btn-default-hover-color);
}

.btn-small-rounded:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-small-rounded:active {
  opacity: 0.8;
}

.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;
}

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

.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%;
}

.more-link {
  position: relative;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  gap: 8px;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-bold, 700);
  line-height: var(--leading-6, 1.5rem);
  color: var(--color-dark);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.more-link:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9fc";
}

.more-link:before {
  position: absolute;
  bottom: 0;
  width: -webkit-calc(100% - (16px + 8px));
  width: calc(100% - (16px + 8px));
  border-bottom: 2px solid var(--color-dark);
  content: "";
}

.more-link:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  -webkit-text-stroke: 0.6px;
}

.more-link:hover:after {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.desktop-only,
.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}

@media (min-width: 769px) {
  .desktop-only {
    display: block;
  }
}

.text-xs {
  font-size: var(--text-size-xs, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.text-sm {
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.text-base {
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.text-lg {
  font-size: var(--text-size-lg, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-7, 1.75rem);
}

.text-xl {
  font-size: var(--text-size-xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-7, 1.75rem);
}

.text-2xl {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-8, 2rem);
}

.text-3xl {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-9, 2.25rem);
}

.text-4xl {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-10, 2.5rem);
}

.text-5xl {
  font-size: var(--text-size-5xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-none, 1);
}

.text-6xl {
  font-size: var(--text-size-6xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-none, 1);
}

.text-7xl {
  font-size: var(--text-size-7xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-none, 1);
}

.text-8xl {
  font-size: var(--text-size-8xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-none, 1);
}

.text-9xl {
  font-size: var(--text-size-9xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-none, 1);
}

.font-thin {
  font-weight: var(--text-weight-thin, 100);
}

.font-extralight {
  font-weight: var(--text-weight-extralight, 200);
}

.font-light {
  font-weight: var(--text-weight-light, 300);
}

.font-normal {
  font-weight: var(--text-weight-normal, 400);
}

.font-medium {
  font-weight: var(--text-weight-medium, 500);
}

.font-semibold {
  font-weight: var(--text-weight-semibold, 600);
}

.font-bold {
  font-weight: var(--text-weight-bold, 700);
}

.font-extrabold {
  font-weight: var(--text-weight-extrabold, 800);
}

.font-black {
  font-weight: var(--text-weight-black, 900);
}

/**
  * ==============================================
  * REUSABLE COMPONENTS / MODULES
  * ==============================================
  * This section contains larger UI modules
  * or grouped components that are reused
  * throughout different parts of the site.
  */
/** Paragaph global styles **/
.paragraph.container {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

.field--name-field-blocks > .field_items .paragraph.container:not(:first-child) {
  --vertical-padding: var(--spacing-medium);
}

@media (max-width: 768px) {
  .field--name-field-blocks > .field_items .paragraph.container:not(:first-child) {
    --vertical-padding: var(--spacing-small);
  }
}

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

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

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

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

@media (max-width: 768px) {
  .paragraph.container[class*='pb-']:not(.pb-none) {
    padding-bottom: 40px;
  }
  .paragraph.container[class*='pt-']:not(.pt-none) {
    padding-top: 40px;
  }
}

/** Paragaph global styles end **/
.paragraph--type--cta-two-column .cta-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 16px;
}

@media (min-width: 769px) {
  .paragraph--type--cta-two-column .cta-wrapper {
    gap: 40px;
  }
}

@media (min-width: 1297px) {
  .paragraph--type--cta-two-column .cta-wrapper {
    gap: 62px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.paragraph--type--cta-two-column .cta-wrapper .cta-content {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 24px;
}

@media (min-width: 769px) {
  .paragraph--type--cta-two-column .cta-wrapper .cta-content {
    padding-block: 16px;
  }
}

.paragraph--type--cta-two-column .cta-wrapper .cta-content .field--name-field-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: var(--text-weight-semibold, 600);
  line-height: var(--leading-10, 2.5rem);
}

.paragraph--type--cta-two-column .cta-wrapper .cta-content .field--name-field-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  border-radius: 8px;
}

.paragraph--type--cta-two-column .cta-wrapper .cta-content .field--name-field-link a:hover {
  background-color: var(--btn-primary-hover-bg);
  color: var(--btn-primary-hover-color);
}

.paragraph--type--cta-two-column .cta-wrapper .cta-content .field--name-field-link a:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.paragraph--type--cta-two-column .cta-wrapper .cta-content .field--name-field-link a:active {
  opacity: 0.8;
}

@media (min-width: 1391px) {
  .paragraph--type--cta-two-column .cta-wrapper .cta-media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 760px;
            flex: 0 0 760px;
  }
}

.paragraph--type--cta-two-column .cta-wrapper .cta-media img {
  width: 100%;
  border-radius: var(--radius-small);
}

:root {
  --tiles-max-col: 3;
  --tiles-gap: 24px;
  --tiles-min-width: 280px;
  --tiles-field-item-padding: 16px;
  --tiles-background: var(--color-secondary-light-grey, #F2F2F2);
  --tile-background: #FFF;
}

.paragraph--type--cta-tiles {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 40px;
}

.paragraph--type--cta-tiles.project-highlight {
  --tiles-max-col: 5;
  --tiles-gap: 16px;
  --tiles-min-width: 160px;
  --tile-background: var(--color-secondary-light-grey, #F2F2F2);
}

.paragraph--type--cta-tiles.project-highlight .field--name-field-item {
  --tiles-background: none;
  --tiles-field-item-padding: 0px!important;
}

.paragraph--type--cta-tiles > .field--name-field-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-10, 2.5rem);
}

.paragraph--type--cta-tiles:not([class*='theme']) > .field--name-field-item {
  padding: var(--tiles-field-item-padding);
  border-radius: 8px;
  background: var(--tiles-background);
}

@media (min-width: 769px) {
  .paragraph--type--cta-tiles:not([class*='theme']) > .field--name-field-item {
    --tiles-field-item-padding: 60px;
  }
}

.paragraph--type--cta-tiles > .field--name-field-item {
  border-radius: 8px;
}

.paragraph--type--cta-tiles > .field--name-field-item > .field__items {
  --views-responsive-grid--column-count: var(--tiles-max-col);
  --views-responsive-grid--cell-min-width: var(--tiles-min-width);
  --views-responsive-grid--layout-gap: var(--tiles-gap);
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.paragraph--type--cta-tile {
  background: var(--tile-background);
  height: 100%;
  border-radius: var(--radius-small);
  padding: 24px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.theme-primary .paragraph--type--cta-tile {
  color: var(--color-white);
  --tile-background: var(--color-primary);
}

.paragraph--type--cta-tile > .field--name-field-title {
  font-size: var(--text-size-lg, 1rem);
  font-weight: var(--text-weight-semibold, 600);
  line-height: var(--leading-7, 1.75rem);
}

.paragraph--type--cta-tile > .field--name-field-short-description {
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.paragraph--type--cta-tile > .field--name-field-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  border-radius: 8px;
}

.paragraph--type--cta-tile > .field--name-field-link a:hover {
  background-color: var(--btn-default-hover-bg);
  color: var(--btn-default-hover-color);
}

.paragraph--type--cta-tile > .field--name-field-link a:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.paragraph--type--cta-tile > .field--name-field-link a:active {
  opacity: 0.8;
}

.paragraph--type--cta-tile img {
  height: 45px;
  width: 45px;
}

.highlight-tile-on {
  color: var(--color-white);
  --tile-background: var(--color-primary);
}

.highlight-tile-on img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.paragraph--type--video-tiles {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 40px;
  --content-background: #FFF;
}

.paragraph--type--video-tiles.grey {
  --content-background: var(--color-grey);
}

.paragraph--type--video-tiles > .field--name-field-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-10, 2.5rem);
}

.paragraph--type--video-tiles > .field--name-field-item > .field__items {
  --views-responsive-grid--column-count: 3;
  --views-responsive-grid--cell-min-width: 280px;
  --views-responsive-grid--layout-gap: 24px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.paragraph--type--video-tile {
  background: var(--content-background);
  border-radius: var(--radius-small);
  overflow: clip;
}

.paragraph--type--video-tile .media__element {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.paragraph--type--video-tile .blazy--flybox:hover .media__element {
  -webkit-transform: scale(110%);
          transform: scale(110%);
}

.paragraph--type--video-tile .blazy--flybox:hover .media__icon--litebox:before {
  -webkit-transform: scale(140%);
          transform: scale(140%);
}

.paragraph--type--video-tile .media__icon--litebox {
  visibility: visible;
  opacity: 1;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

.paragraph--type--video-tile .media__icon--litebox:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9a4";
}

.paragraph--type--video-tile .media__icon--litebox:before {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: initial !important;
  height: initial !important;
  top: initial !important;
  left: initial !important;
  margin: initial !important;
  color: #FFF;
  font-size: 2.2222222222rem;
  position: relative;
}

.paragraph--type--video-tile .media__icon--litebox:hover:before {
  color: var(--color-primary);
}

.paragraph--type--video-tile .media__icon--litebox:after {
  display: none;
}

.paragraph--type--video-tile .media__icon--litebox:before, .paragraph--type--video-tile .media__icon--litebox:after {
  background: none;
}

.paragraph--type--video-tile .content-wrapper {
  padding: 24px;
  gap: 24px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.paragraph--type--video-tile .content-wrapper > .field--name-field-title {
  font-size: var(--text-size-lg, 1rem);
  font-weight: var(--text-weight-semibold, 600);
  line-height: var(--leading-7, 1.75rem);
}

.paragraph--type--video-tile .content-wrapper > .field--name-field-short-description {
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.b-flybox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
}

.b-flybox .blazybox__close {
  left: initial;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  background-color: var(--color-white);
  border-radius: var(--radius-small);
  color: var(--color-black);
  font-size: 0;
}

.b-flybox .blazybox__close:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9f6";
}

.b-flybox .blazybox__close::after {
  font-size: 1.3333333333rem;
}

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

.b-flybox iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

body.is-flybox--open {
  overflow: hidden;
}

.paragraph--type--video .field--name-field-media-oembed-video {
  border-radius: var(--radius-small);
  overflow: clip;
}

.paragraph--type--image {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 16px;
}

.paragraph--type--image img {
  border-radius: var(--radius-small);
}

.paragraph--type--image .field--name-field-caption {
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.paragraph--type--accordion > .field--name-field-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: var(--text-weight-bold, 700);
  line-height: var(--leading-10, 2.5rem);
  margin-bottom: 1.3333333333rem;
}

.paragraph--type--accordion .field--name-field-item > .field__items {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 24px;
}

.paragraph--type--accordion-item-with-document .field--name-field-documents {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 16px;
}

.accordion-item {
  border-left: 2px solid var(--color-secondary-light-grey);
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 12px;
}

.accordion-item.active {
  padding-bottom: 16px;
  border-left: 2px solid var(--color-primary);
  background: rgba(139, 198, 0, 0.1);
}

.accordion-item.active .accordion-trigger:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-trigger {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: var(--text-size-lg, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-7, 1.75rem);
}

.accordion-item:not(.active) .accordion-trigger {
  padding-bottom: 16px;
}

.accordion-item:not(.active) .accordion-trigger:hover, .accordion-item:not(.active) .accordion-trigger:focus-visible, .accordion-item:not(.active) .accordion-trigger:active {
  background: rgba(139, 198, 0, 0.1);
}

.accordion-trigger:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9f9";
}

.accordion-trigger:after {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.accordion-content {
  padding-left: 16px;
  padding-right: 16px;
  display: none;
}

.paragraph--type--webform form {
  max-width: 688px;
}

.paragraph--type--webform form input[type='text'], .paragraph--type--webform form input[type='email'] {
  max-width: 688px;
  width: 100%;
}

.paragraph--type--webform form input[type='submit'] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: var(--text-size-base, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

.paragraph--type--webform form input[type='submit']:hover {
  background-color: var(--btn-primary-hover-bg);
  color: var(--btn-primary-hover-color);
}

.paragraph--type--webform form input[type='submit']:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.paragraph--type--webform form input[type='submit']:active {
  opacity: 0.8;
}

.paragraph--type--image-slider .field--name-field-documents {
  margin-bottom: 42px;
}

.paragraph--type--image-slider .field--name-field-documents .slick-slide img {
  width: 100%;
  aspect-ratio: 1200/600;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radius-small);
}

.paragraph--type--image-slider .field--name-field-documents .slick-dots {
  height: 12px;
  bottom: -30px;
}

.paragraph--type--image-slider .field--name-field-documents .slick-dots li button {
  width: 12px;
  height: 12px;
  border: none;
  background: none;
  position: relative;
}

.paragraph--type--image-slider .field--name-field-documents .slick-dots li button:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: lightgrey;
  opacity: 1;
}

.paragraph--type--image-slider .field--name-field-documents .slick-dots li.slick-active button:before {
  background: var(--color-primary);
}

.paragraph--type--image-slider .field--name-field-documents .slick-arrow {
  color: var(--color-primary);
  height: 30px;
  width: 30px;
  margin-inline: -10px;
  display: none;
}

@media (min-width: 769px) {
  .paragraph--type--image-slider .field--name-field-documents .slick-arrow {
    display: inline-block;
  }
}

.paragraph--type--image-slider .field--name-field-documents .slick-arrow:before {
  color: var(--color-primary);
  font-size: 30px;
}

.paragraph--type--icon-box-list .field--name-field-title {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.3rem;
}

.paragraph--type--icon-box-list .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.paragraph--type--icon-box-list .paragraph--type--icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 10px;
  gap: 20px;
  padding: 20px;
}

.paragraph--type--icon-box-list .paragraph--type--icon-box .field--name-field-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.paragraph--type--icon-box-list .paragraph--type--icon-box .field--name-field-icon img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
  display: block;
}

.paragraph--type--icon-box-list .paragraph--type--icon-box .group-content-wrap {
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

@media (min-width: 769px) {
  .paragraph--type--icon-box-list.style--three-column .group-content-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
  }
  .paragraph--type--icon-box-list.style--three-column .group-content-wrap > .field--name-field-title {
    width: -webkit-calc(30% - 20px);
    width: calc(30% - 20px);
  }
  .paragraph--type--icon-box-list.style--three-column .group-content-wrap > .field--name-field-rich-text {
    width: 70%;
  }
}

.paragraph--type--icon-box-list.display-tile--off .field__items > .field__item {
  border-top: 2px solid var(--color-secondary-light-grey);
}

.paragraph--type--icon-box-list.display-tile--off .field__items > .field__item:last-child {
  border-bottom: 2px solid var(--color-secondary-light-grey);
}

.paragraph--type--icon-box-list.display-tile--on .field__items {
  gap: 5px;
}

.paragraph--type--icon-box-list.display-tile--on .paragraph--type--icon-box {
  background-color: var(--tiles-background);
  border-radius: 8px;
}

.paragraph--type--icon-cell-table .field--name-field-title {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.3rem;
}

.paragraph--type--icon-cell-table > .field--name-field-item {
  padding: 20px;
  background: var(--tiles-background);
  border-radius: 8px;
}

.paragraph--type--icon-cell-table > .field--name-field-item > .field__items {
  --views-responsive-grid--column-count: 3;
  --views-responsive-grid--cell-min-width: 220px;
  --views-responsive-grid--layout-gap: 40px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.paragraph--type--icon-cell-table .paragraph--type--icon-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.paragraph--type--icon-cell-table .paragraph--type--icon-cell .group-icon-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.paragraph--type--icon-cell-table .paragraph--type--icon-cell .group-icon-title-wrap .field--name-field-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.paragraph--type--icon-cell-table .paragraph--type--icon-cell .group-icon-title-wrap .field--name-field-icon img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
  display: block;
}

.paragraph--type--icon-cell-table .paragraph--type--icon-cell .group-icon-title-wrap .field--name-field-title {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}

.leaflet-container {
  border-radius: 8px;
}

:root {
  --banner-overflow-height: 465px;
  --banner-block-padding-start: 80px;
  --banner-block-padding-end: 16px;
}

@media (min-width: 769px) {
  :root {
    --banner-block-padding-end: 80px;
  }
}

#block-lake-lyell-homepagemiddleblock > .block__content {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

#block-lake-lyell-homepagemiddleblock > .block__content > * {
  --container-padding: 0px;
}

#block-lake-lyell-homepageblocks {
  background: var(--color-secondary-light-grey);
}

#block-lake-lyell-homepageblocks > .block__content {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

#block-lake-lyell-homepageblocks > .block__content > * {
  --container-padding: 0px;
}

#block-lake-lyell-homepagebannercontent {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

#block-lake-lyell-homepagebannercontent > .block__content {
  border-radius: var(--radius-small);
  padding-block: 64px;
  padding-inline: 32px;
  background: var(--color-secondary-light-grey);
  margin-top: -webkit-calc(var(--banner-overflow-height) * -1);
  margin-top: calc(var(--banner-overflow-height) * -1);
  position: relative;
  --container-width: 1312px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

@media (max-width: 768px) {
  #block-lake-lyell-homepagebannercontent > .block__content {
    padding: 16px;
  }
}

#block-lake-lyell-homepagebannercontent > .block__content > * {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  --container-padding: 0px;
}

#block-lake-lyell-homepagebanner {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  -webkit-padding-before: var(--banner-block-padding-start);
          padding-block-start: var(--banner-block-padding-start);
  -webkit-padding-after: -webkit-calc(var(--banner-block-padding-end) + var(--banner-overflow-height));
          padding-block-end: calc(var(--banner-block-padding-end) + var(--banner-overflow-height));
  border-radius: var(--radius-medium);
  background: var(--Gradient-Brand, linear-gradient(90deg, #003611 0%, #005321 50%, #8BC600 100%));
}

#block-lake-lyell-homepagebanner > .block__content {
  --container-width: 696px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  color: #FFF;
}

@media (min-width: 769px) {
  #block-lake-lyell-homepagebanner > .block__content h2 {
    font-size: var(--text-size-5xl, 1rem);
    font-weight: var(--text-weight-bold, 700);
    line-height: var(--leading-none, 1);
  }
}

#block-lake-lyell-homepagebanner > .block__content p {
  --container-width: 570px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

#block-lake-lyell-acknowledgement {
  background: url("../images/bg/acknowledgement_bg.svg") transparent no-repeat center center;
  background-size: cover;
  background-color: sandybrown;
  padding-block: 40px;
}

#block-lake-lyell-acknowledgement > .block__content {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  background: var(--color-secondary-black);
  padding: 40px;
  color: #FFF;
  font-weight: var(--text-weight-bold);
}

#block-lake-lyell-ctasubscribe {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

body:not(.path-frontpage) #block-lake-lyell-ctasubscribe {
  border-top: 1px solid var(--color-secondary-light-grey);
}

#block-lake-lyell-ctasubscribe > .block__content {
  padding-block: 40px;
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: 0;
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

@media (min-width: 769px) {
  #block-lake-lyell-ctasubscribe > .block__content {
    padding-block: 80px;
  }
}

/** Banner or page title **/
.block-page-title-block {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  -webkit-padding-before: var(--banner-block-padding-start);
          padding-block-start: var(--banner-block-padding-start);
  -webkit-padding-after: var(--banner-block-padding-end);
          padding-block-end: var(--banner-block-padding-end);
  border-radius: var(--radius-medium);
  background: var(--Gradient-Brand, linear-gradient(90deg, #003611 0%, #005321 50%, #8BC600 100%));
  color: #FFF;
}

.block-page-title-block .page-title {
  display: block;
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

.block-page-title-block .node.node--view-mode-banner {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 16px;
}

@media (min-width: 769px) {
  .block-page-title-block .node.node--view-mode-banner {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    -moz-align-items: initial;
    align-items: initial;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    -moz-justify-content: initial;
    justify-content: initial;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    gap: 64px;
  }
}

@media (max-width: 768px) {
  .block-page-title-block .node.node--view-mode-banner .node__title {
    font-size: var(--text-size-4xl, 1rem);
    font-weight: var(--text-weight-bold, 700);
    line-height: var(--leading-10, 2.5rem);
  }
}

@media (min-width: 769px) {
  .block-page-title-block .node.node--view-mode-banner .banner-content {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 506px;
    -ms-flex: 0 0 506px;
    flex: 0 0 506px;
  }
}

.block-page-title-block .node.node--view-mode-banner .banner-media {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.block-page-title-block .node.node--view-mode-banner .banner-media img {
  border-radius: var(--radius-small);
  width: 100%;
}

#block-lake-lyell-sidebarmenucustom {
  --border-color: var(--color-secondary-light-grey);
  --border-width: 2px;
  max-width: 235px;
}

#block-lake-lyell-sidebarmenucustom ul {
  list-style: none;
  margin-left: 0;
}

@media (max-width: 768px) {
  #block-lake-lyell-sidebarmenucustom ul {
    margin: 0;
  }
}

#block-lake-lyell-sidebarmenucustom ul li a {
  padding: 16px;
  display: block;
  border-left: var(--border-width) solid var(--border-color);
}

#block-lake-lyell-sidebarmenucustom ul li a.active {
  --border-color: var(--color-primary);
}

#block-lake-lyell-footerlogo svg {
  max-width: 100%;
}

.region--footer_top__inner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 32px;
}

.region--footer-bottom-right {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 16px;
}

#block-lake-lyell-publicacknowledment {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 800px;
}

#block-lake-lyell-publicacknowledment .acknowledgement-wrapper {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  gap: 24px;
}

#block-lake-lyell-publicacknowledment .acknowledgement-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#block-lake-lyell-publicacknowledment img {
  height: 80px;
  width: auto;
}

.eis-process-timeline img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

/** node global stylings **/
.node.node--view-mode-full > .node__content {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 40px;
}

.node.node--view-mode-full > .node__content > .field {
  --container-horizontal-padding: 0px;
}

.node.node--view-mode-teaser {
  padding: 0;
  border-radius: var(--radius-small);
  overflow: clip;
  background: var(--color-white);
}

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

.node.node--view-mode-teaser .teaser__top {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.node.node--view-mode-teaser .teaser__image {
  --grid-col-width: 100%;
  position: initial;
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#003611), color-stop(50%, #005321), to(#8BC600));
  background: -webkit-linear-gradient(left, #003611 0%, #005321 50%, #8BC600 100%);
  background: linear-gradient(90deg, #003611 0%, #005321 50%, #8BC600 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.node.node--view-mode-teaser .teaser__image img {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.node.node--view-mode-teaser .teaser__content {
  gap: 0.8888888889rem;
  padding-inline: 32px;
  padding-bottom: 46px;
}

.node.node--view-mode-teaser .node__title {
  font-size: var(--text-size-lg, 1rem);
  font-weight: var(--text-weight-semibold, 600);
  line-height: var(--leading-7, 1.75rem);
  padding-inline: 32px;
  margin: 0;
}

.node.node--view-mode-teaser .node__title a {
  margin: 0;
}

/** node global stylings end**/
.node--type-article.node--view-mode-full {
  --container-width: 1202px;
  --container-horizontal-padding: var(--container-padding, 72px);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

/** Reset **/
.node.node--view-mode-full .field--tags {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  padding-block: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  background-color: transparent;
}

/** Reset end **/
.node.node--view-mode-teaser .field--tags__item {
  padding: 0;
}

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

.node.node--view-mode-teaser .field--tags__item a {
  border-radius: 8px;
  background-color: #8BC600;
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  font-size: 0.7222222222rem;
  color: #333;
  padding: 4px 6px;
}

.node.node--view-mode-full .field--tags__item {
  border-radius: 8px;
  background-color: #8BC600;
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
  font-size: 0.7222222222rem;
  color: #333;
  padding: 4px 6px;
}

.node.node--view-mode-full .field--tags__item:after {
  display: none;
}

.node--type-standard-page > .node__content {
  padding-block: 0px;
}

.main-content__container.has-sidebar-left .node--type-standard-page .main-paragraph {
  --container-horizontal-padding: 0px;
}

/** View global styles **/
.block-system-main-block > .block__content > .views-element-container > .view {
  padding-block: 40px;
  --container-width: var(--container-width-large);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

.viewsreference--view-title {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: var(--text-weight-bold, 700);
  line-height: var(--leading-9, 2.25rem);
  margin-bottom: var(--spacing-medium);
}

/** View global styles end **/
.view-lake-lyell-content .node .more-link {
  display: none;
}

nav.pager .pager__items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  gap: 16px;
}

nav.pager .pager__items .pager__item {
  height: auto;
  width: auto;
}

nav.pager .pager__items .pager__item a {
  padding: 8px 16px;
}

nav.pager .pager__items .pager__item--active {
  background-color: transparent;
  color: var(--color-black);
}

.view-taxonomy-term > .view-content {
  --views-responsive-grid--column-count: 3;
  --views-responsive-grid--cell-min-width: 280px;
  --views-responsive-grid--layout-gap: 24px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.view-taxonomy-term .feed-icons {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
  margin: 0;
  border: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.view-blog .node--type-article {
  background: var(--color-secondary-light-grey);
}

.view-blog .node--type-article .teaser__content {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.view-blog .node--type-article .teaser__content .more-link {
  margin-top: auto;
}

.view-taxonomy-term .node--type-article.node--view-mode-teaser {
  background: var(--color-secondary-light-grey);
}

.view-taxonomy-term .node--type-article.node--view-mode-teaser .teaser__content {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.view-taxonomy-term .node--type-article.node--view-mode-teaser .teaser__content .more-link {
  margin-top: auto;
}

.view-lake-lyell-content .views-view-responsive-grid__item-inner {
  height: 100%;
}

.view-lake-lyell-content .views-view-responsive-grid__item-inner .node--type-article {
  height: 100%;
}

.media-release-item-wrapper {
  border-left: 2px solid var(--color-primary);
  background: rgba(139, 198, 0, 0.1);
  padding: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.media-release-item-wrapper:hover {
  background: var(--color-primary);
  color: #FFF;
  border-left: 2px solid rgba(139, 198, 0, 0.1);
}

.media-release-item-wrapper a {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  gap: 16px;
}

.media-release-item-wrapper a:hover {
  color: inherit;
}

.media--type-document.media--view-mode-download-link .downloadable_files_links_wrapper {
  position: relative;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.media--type-document.media--view-mode-download-link .downloadable_files_links_wrapper .field--name-field-media-document {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.media--type-document.media--view-mode-download-link .downloadable_files_links_wrapper .field--name-field-media-document .file {
  display: block;
  width: 100%;
  height: 100%;
}

.media--type-document.media--view-mode-download-link .downloadable_files_links_wrapper .field--name-field-media-document .file a {
  display: block;
  font-size: 0;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -moz-align-items: initial;
  align-items: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  -moz-justify-content: initial;
  justify-content: initial;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.media--type-document.media--view-mode-download-link .downloadable_files_links_wrapper .field--name-field-media-document .file a:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e95d";
}

.media--type-document.media--view-mode-download-link .downloadable_files_links_wrapper .field--name-field-media-document .file a:after {
  pointer-events: none;
  z-index: 2;
  position: relative;
  font-size: 24px;
  margin-left: auto;
}

.media--type-document.media--view-mode-download-link .downloadable_files_links_wrapper .field--name-field-media-document .file ~ span {
  display: none;
}

.media--type-document.media--view-mode-download-link .field--name-name {
  font-weight: 700;
}

.media--type-document.media--view-mode-download-link .field--name-field-description {
  padding-left: 8px;
  font-size: var(--text-size-sm, 1rem);
  font-weight: var(--text-weight-normal, 400);
  line-height: var(--leading-6, 1.5rem);
}

/**
  * ==============================================
  * OVERRIDES
  * ==============================================
  * This section contains project-specific
  * overrides to handle third-party styles
  * or adjust existing global styles.
  */
/** Olivero / Drupal overrides **/
.node__title a:hover {
  color: var(--color-link);
}

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

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

.field--name-field-media-oembed-video iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.messages-list {
  padding: 0;
  margin-block: 0;
}

.menu {
  padding: 0;
  margin: 0;
}

.text-content > .field__item > *:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.text-content > .field__item > *:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

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

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

.view {
  display: inherit;
}

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

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;
}

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 {
  --container-width: var(--container-width-default);
  --container-horizontal-padding: var(--container-padding, 72px);
  max-width: var(--container-width);
  width: -webkit-calc(100% - var(--container-horizontal-padding));
  width: calc(100% - var(--container-horizontal-padding));
  margin-inline: auto;
}

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

.form-item__label.form-required::after,
.fieldset__label.form-required::after,
.required-mark::after {
  background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23dc3545'/%3E%3C/svg%3E%0A");
}

input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M14.8232,0.176777 C14.9209,0.0791457 15.0791,0.0791455 15.1768,0.176777 L16.9445,1.94454 C17.0422,2.04217 17.0422,2.20047 16.9445,2.2981 L6.23744,13.0052 C6.13981,13.1028 5.98151,13.1028 5.88388,13.0052 L0.176777,7.2981 C0.0791456,7.20047 0.0791456,7.04218 0.176777,6.94454 L1.94454,5.17678 C2.04217,5.07915 2.20047,5.07915 2.2981,5.17678 L5.88388,8.76256 C5.98151,8.86019 6.13981,8.86019 6.23744,8.76256 L14.8232,0.176777 Z' id='Path' fill='%230D8924' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
  border: solid 2px var(--color-primary);
  outline: solid 2px var(--color-primary);
  outline-width: 6px;
  outline-style: double;
  outline-offset: -1px;
}

:is([type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea):focus {
  border: solid 2px var(--color-primary);
  outline: solid 2px var(--color-primary);
  outline-width: 6px;
  outline-style: double;
  outline-offset: -1px;
}

/** Olivero / Drupal overrides end **/
/**
 * @file
 * Provides flybox view based on blazybox.
 */
body.is-flybox--open {
  overflow: visible;
}

.b-flybox {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 236px;
  -webkit-transform: translate3d(0, 400%, 0);
          transform: translate3d(0, 400%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
}

.b-flybox {
  width: 100vw;
  height: 100vh;
}

.b-flybox audio,
.b-flybox .blazybox__fullscreen {
  width: 100%;
  height: 236px;
}

.b-flybox iframe,
.b-flybox video {
  display: block;
  margin-inline: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.b-flybox .blazybox__html,
.b-flybox .blazybox__media,
.b-flybox .media {
  /* left: 0;
  top: 0;
  transform: none; */
  max-width: 100% !important;
}

.is-flybox--open .b-flybox {
  z-index: 9999;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.is-flybox--closing .b-flybox {
  z-index: 9999;
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform: translateY(400%);
          transform: translateY(400%);
}

.b-flybox .media--box audio {
  top: auto;
  bottom: 0;
  height: 100%;
  -webkit-transform: none;
          transform: none;
}

.is-bbox--fh audio,
.is-bbox--fh iframe,
.is-bbox--fh video,
.is-bbox--fh .media,
.is-bbox--fh .blazybox__content,
.is-bbox--fh .blazybox__html,
.is-bbox--fh .blazybox__media {
  min-height: inherit;
  max-height: 100%;
}

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Skip link
 *
 * Allows keyboard users to quickly skip to the main content of the page.
 */
.skip-link {
  display: block;
  width: 100%;
  max-width: -webkit-calc(var(--max-bg-color) + var(--drupal-displace-offset-left, 0px));
  max-width: calc(var(--max-bg-color) + var(--drupal-displace-offset-left, 0px));
  padding-block: var(--sp0-5);
  -webkit-padding-start: var(--sp);
          padding-inline-start: var(--sp);
  -webkit-padding-end: var(--sp);
          padding-inline-end: var(--sp);
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color--white);
  outline: 0;
  background-color: var(--color--gray-5);
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  position: absolute;
  left: 50%;
  right: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 20px;
  border-radius: 5px;
  background: var(--color-primary);
  color: white;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

.skip-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: white;
}

.skip-link::after {
  content: "\0020	➔";
  margin-left: 5px;
}

.skip-link.focusable:focus {
  position: absolute !important;
  /* Override position from module file. */
  z-index: 503;
  width: 100%;
  outline: none;
}

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