/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

@charset "UTF-8";
:root {
  /* Palette — exact values from WP theme assets/scss/base/_color.scss
   * WP defines 5 shades per group (dark-2, dark-1, base, light-1, light-2).
   * light-3 is a HubSpot-only near-white tint kept for existing modules. */
  /* Nile Blue */
  --color-nile-blue: #1c364f;
  --color-nile-blue-dark-1: #11202f;
  --color-nile-blue-dark-2: #0b1620;
  --color-nile-blue-light-1: #82909e;
  --color-nile-blue-light-2: #e8ebed;
  --color-nile-blue-light-3: #f2f5f8;
  /* Amulet (sage green) */
  --color-amulet: #859b78;
  --color-amulet-dark-1: #505d48;
  --color-amulet-dark-2: #353e30;
  --color-amulet-light-1: #bcc8b5;
  --color-amulet-light-2: #f3f5f2;
  --color-amulet-light-3: #f0f5ef;
  /* Deco (lime) */
  --color-deco: #cedc8f;
  --color-deco-dark-1: #7c8456;
  --color-deco-dark-2: #525839;
  --color-deco-light-1: #e4ecc1;
  --color-deco-light-2: #fafcf4;
  --color-deco-light-3: #fafcf0;
  /* Eucalyptus (teal) */
  --color-eucalyptus: #018d5b;
  --color-eucalyptus-dark-1: #015537;
  --color-eucalyptus-dark-2: #353e30;
  --color-eucalyptus-light-1: #73c0a5;
  --color-eucalyptus-light-2: #e6f4ef;
  --color-eucalyptus-light-3: #e8f7f1;
  /* Coral (orange) */
  --color-coral: #fe8b59;
  --color-coral-dark-1: #985335;
  --color-coral-dark-2: #663824;
  --color-coral-light-1: #febfa4;
  --color-coral-light-2: #fff3ee;
  --color-coral-light-3: #fff0e8;
  /* Soft Pink */
  --color-soft-pink: #feb9b1;
  --color-soft-pink-dark-1: #986f6a;
  --color-soft-pink-dark-2: #525839;
  --color-soft-pink-light-1: #fed9d4;
  --color-soft-pink-light-2: #fff8f7;
  --color-soft-pink-light-3: #fefbfb;
  /* Semantic aliases — mapped to WP named/system colours */
  --color-primary: var(--color-nile-blue);
  --color-primary-dark: var(--color-nile-blue); /* WP $color-primary-dark = nile-blue base */
  --color-primary-basic: var(--color-amulet); /* WP $color-primary-basic */
  --color-primary-light: var(--color-deco); /* WP $color-primary-light = deco base (nav hover) */
  --color-secondary: var(--color-amulet);
  --color-accent: var(--color-deco);
  --color-white: #ffffff;
  --color-black: #021300;
  --color-text: #0f0f0f;
  --color-text-dark: var(--color-nile-blue-dark-2);
  --color-text-dark-2: #171717; /* WP $color-text-dark-two */
  --color-text-dark-1: #3a3a3a; /* WP $color-text-dark-one */
  --color-text-basic: #5d5d5d; /* WP $color-text-basic */
  --color-text-light-1: #7f7f7f; /* WP $color-text-light-one */
  --color-text-light-2: #a2a2a2; /* WP $color-text-light-two */
  --color-grey: #6c757d;
  --color-grey-basic: #9da2b2; /* WP $color-grey-basic */
  --color-grey-light: #f5f5f7; /* WP $color-grey-light */
  --color-grey-light-1: #c2c5cf; /* WP $color-grey-light-one */
  /* Typography
   * Ibrand: upload via HubSpot Design Manager → File Manager → Fonts
   * Lexend: Google Fonts (add link in base.html or portal settings)
   * DM Sans: Google Fonts
   */
  --font-brand: 'Ibrand', Georgia, serif;
  --font-heading: 'Lexend', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  /* Spacing */
  --gap-xs: 4px;
  --gap-sm: 8px;
  --gap-md: 16px;
  --gap-lg: 24px;
  --gap-xl: 32px;
  --gap-2xl: 48px;
  --gap-3xl: 64px;
  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 60px;
  /* Elevation */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.15);
  /* Transitions */
  --transition-base: 0.25s ease;
  --transition-fast: 0.15s ease;
  --transition-slow: 0.4s ease;
  /* Overlay */
  --color-overlay: rgba(0, 0, 0, 0.4);
}

/* Section spacing (matches WP .agora-section) */
.agora-section {
  padding: 20px;
}

@media (min-width: 768px) {
  .agora-section {
    padding: 32px 0;
  }
}
@media (min-width: 1440px) {
  .agora-section {
    padding: 48px 0;
  }
}
/* Shared container — mirrors WP's Bootstrap container (--bs-gutter-x: 0).
   No horizontal padding at any breakpoint; full width below 1200px (the
   .agora-section's 20px mobile padding supplies edge spacing), then capped &
   centred at 1140px (≥1200) / 1320px (≥1440), matching the WP rendered CSS. */
.agora-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: 100%;
}

@media (min-width: 1200px) {
  .agora-container {
    max-width: 1140px;
  }
}
@media (min-width: 1440px) {
  .agora-container {
    max-width: 1320px;
  }
}
/* Shared button classes used across modules */
.agora-btn {
  align-items: center;
  border-radius: var(--radius-pill);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  line-height: 1.2;
  padding: 12px 28px;
  text-decoration: none;
  transition: opacity var(--transition-base), box-shadow var(--transition-base);
  white-space: nowrap;
}

.agora-btn--primary {
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: var(--color-white);
}

.agora-btn--primary:hover {
  opacity: 0.85;
}

.agora-btn--secondary {
  background-color: var(--color-coral);
  border: 2px solid var(--color-coral);
  color: var(--color-white);
}

.agora-btn--secondary:hover {
  opacity: 0.85;
}

.agora-btn--ghost {
  background-color: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
}

.agora-btn--ghost:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.agora-btn--link {
  background: none;
  border: none;
  color: var(--color-primary-dark);
  padding: 0;
  text-decoration: underline;
}

/* Generic icon wrapper */
.agora-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 24px;
  width: 24px;
}

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct box sizing in Firefox.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */
legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}
.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */
body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */
html[lang^=ja] body,
html[lang^=zh] body,
html[lang^=ko] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */
p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */
a {
  cursor: pointer;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */
pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */
blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */
hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */
img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: white;
}

/* No button */
.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Table */
table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */
td,
th {
  vertical-align: top;
}

/* Table header */
thead th {
  vertical-align: bottom;
}

/* Vendor
Third-party library CSS. Included before components so .agora-* module rules win the cascade.
*/

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

[data-global-resource-path]:has(> .agora-header) {
  display: contents;
}

.agora-header {
  background-color: var(--color-white);
  left: 0;
  margin: 0;
  padding: 12px 20px;
  position: sticky;
  right: 0;
  top: 0;
  transition: box-shadow 0.2s ease, background-color 0.3s ease;
  width: 100%;
  z-index: 200;
}
@media (min-width: 768px) {
  .agora-header {
    padding: 16px 0;
  }
}
.agora-header.is-stuck {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.agora-header.is-home {
  background-color: var(--color-deco-light-2);
}
.agora-header.is-home.is-stuck {
  background-color: var(--color-white);
}

.body-wrapper:has(.body-container--landing-page) .agora-header,
.body-wrapper:has(.agora--hero-banner) .agora-header {
  background-color: var(--color-deco-light-2);
}
.body-wrapper:has(.body-container--landing-page) .agora-header.is-stuck,
.body-wrapper:has(.agora--hero-banner) .agora-header.is-stuck {
  background-color: var(--color-white);
}

.agora-header__skip {
  background: var(--color-primary);
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 14px;
  left: 0;
  padding: 8px 16px;
  position: absolute;
  text-decoration: none;
  top: -100px;
  z-index: 300;
}
.agora-header__skip:focus {
  top: 0;
}

.header__inner {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  padding: 0;
  position: relative;
}

.header__logo img {
  display: block;
  height: 44px;
  width: auto;
}
@media (min-width: 768px) {
  .header__logo img {
    height: 56px;
  }
}
.header__logo .header__logo-img--secondary {
  display: none;
}

.header__actions {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.header__menu-toggle {
  align-items: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M12%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20d%3D%22M18.75%208C18.75%208.41421%2018.4142%208.75%2018%208.75H6C5.58579%208.75%205.25%208.41421%205.25%208C5.25%207.58579%205.58579%207.25%206%207.25H18C18.4142%207.25%2018.75%207.58579%2018.75%208Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20d%3D%22M18.75%2012C18.75%2012.4142%2018.4142%2012.75%2018%2012.75H6C5.58579%2012.75%205.25%2012.4142%205.25%2012C5.25%2011.5858%205.58579%2011.25%206%2011.25H18C18.4142%2011.25%2018.75%2011.5858%2018.75%2012Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20d%3D%22M18.75%2016C18.75%2016.4142%2018.4142%2016.75%2018%2016.75H6C5.58579%2016.75%205.25%2016.4142%205.25%2016C5.25%2015.5858%205.58579%2015.25%206%2015.25H18C18.4142%2015.25%2018.75%2015.5858%2018.75%2016Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  width: 24px;
}
.header__menu-toggle.is-open {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M22%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20d%3D%22M8.96967%208.96967C9.26256%208.67678%209.73744%208.67678%2010.0303%208.96967L12%2010.9394L13.9697%208.96969C14.2626%208.6768%2014.7374%208.6768%2015.0303%208.96969C15.3232%209.26258%2015.3232%209.73746%2015.0303%2010.0304L13.0607%2012L15.0303%2013.9696C15.3232%2014.2625%2015.3232%2014.7374%2015.0303%2015.0303C14.7374%2015.3232%2014.2625%2015.3232%2013.9696%2015.0303L12%2013.0607L10.0304%2015.0303C9.73746%2015.3232%209.26258%2015.3232%208.96969%2015.0303C8.6768%2014.7374%208.6768%2014.2626%208.96969%2013.9697L10.9394%2012L8.96967%2010.0303C8.67678%209.73744%208.67678%209.26256%208.96967%208.96967Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3C%2Fsvg%3E");
}
@media (min-width: 1200px) {
  .header__menu-toggle {
    display: none;
  }
}

.header__top-bar-link {
  align-items: center;
  background-color: var(--color-amulet);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--color-white);
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 1.4;
  padding: 6px 10px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
.header__top-bar-link:hover {
  background-color: var(--color-coral);
  color: var(--color-white);
}
@media (min-width: 1200px) {
  .header__top-bar-link {
    font-size: 16px;
    line-height: 28px;
    padding: 12px 20px;
  }
}

.header__main-nav {
  display: none;
  flex: 1;
  margin-left: 32px;
}
@media (min-width: 1200px) {
  .header__main-nav {
    display: block;
  }
}
.header__main-nav .nav-list {
  display: flex;
  gap: 20px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__main-nav .nav-list .nav-item > a {
  align-items: center;
  border-radius: 8px;
  color: var(--color-text-light-1);
  display: flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 4px;
  line-height: 28px;
  padding: 6px;
  text-decoration: none;
}
.header__main-nav .nav-list .nav-item > a .nav-arrow {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M5.00004%206.25C4.68618%206.25%204.40551%206.44543%204.29662%206.73979C4.18773%207.03415%204.27364%207.36519%204.51194%207.56944L11.5119%2013.5694C11.7928%2013.8102%2012.2073%2013.8102%2012.4881%2013.5694L19.4881%207.56944C19.7264%207.36519%2019.8123%207.03415%2019.7035%206.73979C19.5946%206.44543%2019.3139%206.25%2019%206.25H5.00004Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.43057%2010.5119C4.70014%2010.1974%205.17361%2010.161%205.48811%2010.4306L12%2016.0122L18.5119%2010.4306C18.8264%2010.161%2019.2999%2010.1974%2019.5695%2010.5119C19.839%2010.8264%2019.8026%2011.2999%2019.4881%2011.5695L12.4881%2017.5695C12.2072%2017.8102%2011.7928%2017.8102%2011.5119%2017.5695L4.51192%2011.5695C4.19743%2011.2999%204.161%2010.8264%204.43057%2010.5119Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 24px;
  transition: transform 0.3s ease;
  width: 24px;
}
.header__main-nav .nav-list .nav-item:hover > a {
  background-color: var(--color-primary-light);
}
.header__main-nav .nav-list .nav-item:hover .nav-arrow {
  transform: rotate(-180deg);
}
.header__main-nav .nav-list .nav-item .mega-menu {
  background: var(--color-white);
  border-radius: 0;
  left: 0;
  opacity: 0;
  padding: 24px;
  position: absolute;
  right: 0;
  top: 100%;
  transition: all 0.25s ease 0.3s;
  visibility: hidden;
  z-index: 300;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content {
  display: flex;
  gap: 24px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 24px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column {
  border: 1px solid var(--color-grey-light);
  border-radius: 16px;
  flex: 0 0 calc(25% - 18px);
  padding: 12px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column:last-child {
  flex: 1;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-column__header {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-column__header .mega-column__title {
  color: var(--color-text-basic);
  flex-shrink: 0;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-column__header .mega-column__title:hover {
  color: var(--color-primary-basic);
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-column__header .mega-column__line {
  background-color: var(--color-grey-light-1);
  flex: 1;
  height: 1px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0 12px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-links li {
  break-inside: avoid;
  margin-bottom: 0;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-links li a {
  align-items: center;
  color: var(--color-text-light-1);
  display: flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 28px;
  text-decoration: none;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-links li a img {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column .mega-links li a:hover {
  color: var(--color-primary-basic);
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column:last-child .mega-links {
  column-count: 2;
  column-gap: 16px;
  display: block;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-columns .mega-column:last-child .mega-links li {
  break-inside: avoid;
  margin-bottom: 16px;
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-image {
  flex: 0 0 calc(50% - 12px);
}
.header__main-nav .nav-list .nav-item .mega-menu .mega-content .mega-image img {
  border-radius: 16px;
  display: block;
  object-fit: cover;
  width: 100%;
}
.header__main-nav .nav-list .nav-item.has-dropdown:hover .mega-menu {
  opacity: 1;
  transform: translateY(8px);
  transition-delay: 0s;
  visibility: visible;
}

.mega-column__icon {
  align-items: center;
  border-radius: 12px;
  cursor: default;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 6px;
}
.mega-column__icon img {
  display: block;
  height: 20px;
  width: 20px;
}
.mega-column__icon--nile-blue-light-2 {
  background-color: var(--color-nile-blue-light-2);
  color: var(--color-nile-blue-dark-1);
}
.mega-column__icon--amulet-light-2 {
  background-color: var(--color-amulet-light-2);
  color: var(--color-amulet-dark-1);
}
.mega-column__icon--deco-light-2 {
  background-color: var(--color-deco-light-2);
  color: var(--color-deco-dark-1);
}
.mega-column__icon--eucalyptus-light-2 {
  background-color: var(--color-eucalyptus-light-2);
  color: var(--color-eucalyptus-dark-1);
}
.mega-column__icon--coral-light-2 {
  background-color: var(--color-coral-light-2);
  color: var(--color-coral-dark-1);
}
.mega-column__icon--soft-pink-light-2 {
  background-color: var(--color-soft-pink-light-2);
  color: var(--color-soft-pink-dark-1);
}

.header__mobile-nav {
  background-color: var(--color-white);
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 399;
}
@media (min-width: 1200px) {
  .header__mobile-nav {
    display: none !important;
  }
}
.header__mobile-nav.is-open {
  max-height: calc(100dvh - 68px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.header__mobile-nav .agora-container {
  padding: 8px 20px 60px;
}
.header__mobile-nav .mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__mobile-nav .mobile-menu i {
  color: var(--color-grey-basic);
}
.header__mobile-nav .mobile-menu .mobile-item:last-child {
  border-bottom: none;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-link-wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-link-wrap.has-submenu {
  cursor: pointer;
}
.header__mobile-nav .mobile-menu .mobile-item a {
  color: var(--color-text-light-1);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}
.header__mobile-nav .mobile-menu .mobile-item .submenu-toggle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M5.00004%206.25C4.68618%206.25%204.40551%206.44543%204.29662%206.73979C4.18773%207.03415%204.27364%207.36519%204.51194%207.56944L11.5119%2013.5694C11.7928%2013.8102%2012.2073%2013.8102%2012.4881%2013.5694L19.4881%207.56944C19.7264%207.36519%2019.8123%207.03415%2019.7035%206.73979C19.5946%206.44543%2019.3139%206.25%2019%206.25H5.00004Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.43057%2010.5119C4.70014%2010.1974%205.17361%2010.161%205.48811%2010.4306L12%2016.0122L18.5119%2010.4306C18.8264%2010.161%2019.2999%2010.1974%2019.5695%2010.5119C19.839%2010.8264%2019.8026%2011.2999%2019.4881%2011.5695L12.4881%2017.5695C12.2072%2017.8102%2011.7928%2017.8102%2011.5119%2017.5695L4.51192%2011.5695C4.19743%2011.2999%204.161%2010.8264%204.43057%2010.5119Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  flex-shrink: 0;
  height: 24px;
  pointer-events: none;
  transition: transform 0.3s ease;
  width: 24px;
}
.header__mobile-nav .mobile-menu .mobile-item .submenu-toggle.active {
  transform: rotate(-180deg);
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-submenu,
.header__mobile-nav .mobile-menu .mobile-item .mobile-tertiary {
  list-style: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding-left: 16px;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, visibility 0.3s ease;
  visibility: hidden;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-submenu.is-open,
.header__mobile-nav .mobile-menu .mobile-item .mobile-tertiary.is-open {
  max-height: 800px;
  opacity: 1;
  visibility: visible;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-submenu li,
.header__mobile-nav .mobile-menu .mobile-item .mobile-tertiary li {
  padding: 8px 0;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-tertiary li a {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-tertiary li a img {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-sub-link-wrap {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 10px 0;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-sub-link-wrap.has-tertiary {
  cursor: pointer;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-sub-link-wrap a {
  align-items: center;
  display: flex;
  flex: 1;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-sub-link-wrap a::after {
  background-color: var(--color-grey-light-1);
  content: "";
  flex: 1;
  height: 1px;
  margin-left: 8px;
}
.header__mobile-nav .mobile-menu .mobile-item .mobile-sub-link-wrap .mega-column__icon {
  flex-shrink: 0;
}

.agora-header.is-amulet {
  background-color: var(--color-amulet);
  transition: background-color 0.3s ease;
}
.agora-header.is-amulet .header__main-nav .nav-list .nav-item > a {
  color: var(--color-white);
}
.agora-header.is-amulet .header__main-nav .nav-list .nav-item > a:hover {
  color: var(--color-text-light-1);
}
.agora-header.is-amulet .header__main-nav .nav-list .nav-item > a .nav-arrow {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M5.00004%206.25C4.68618%206.25%204.40551%206.44543%204.29662%206.73979C4.18773%207.03415%204.27364%207.36519%204.51194%207.56944L11.5119%2013.5694C11.7928%2013.8102%2012.2073%2013.8102%2012.4881%2013.5694L19.4881%207.56944C19.7264%207.36519%2019.8123%207.03415%2019.7035%206.73979C19.5946%206.44543%2019.3139%206.25%2019%206.25H5.00004Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.43057%2010.5119C4.70014%2010.1974%205.17361%2010.161%205.48811%2010.4306L12%2016.0122L18.5119%2010.4306C18.8264%2010.161%2019.2999%2010.1974%2019.5695%2010.5119C19.839%2010.8264%2019.8026%2011.2999%2019.4881%2011.5695L12.4881%2017.5695C12.2072%2017.8102%2011.7928%2017.8102%2011.5119%2017.5695L4.51192%2011.5695C4.19743%2011.2999%204.161%2010.8264%204.43057%2010.5119Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E");
}
.agora-header.is-amulet .header__main-nav .nav-list .nav-item > a:hover .nav-arrow {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M5.00004%206.25C4.68618%206.25%204.40551%206.44543%204.29662%206.73979C4.18773%207.03415%204.27364%207.36519%204.51194%207.56944L11.5119%2013.5694C11.7928%2013.8102%2012.2073%2013.8102%2012.4881%2013.5694L19.4881%207.56944C19.7264%207.36519%2019.8123%207.03415%2019.7035%206.73979C19.5946%206.44543%2019.3139%206.25%2019%206.25H5.00004Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.43057%2010.5119C4.70014%2010.1974%205.17361%2010.161%205.48811%2010.4306L12%2016.0122L18.5119%2010.4306C18.8264%2010.161%2019.2999%2010.1974%2019.5695%2010.5119C19.839%2010.8264%2019.8026%2011.2999%2019.4881%2011.5695L12.4881%2017.5695C12.2072%2017.8102%2011.7928%2017.8102%2011.5119%2017.5695L4.51192%2011.5695C4.19743%2011.2999%204.161%2010.8264%204.43057%2010.5119Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3C%2Fsvg%3E");
}
.agora-header.is-amulet .header__top-bar-link {
  background-color: var(--color-white);
  border-color: var(--color-eucalyptus);
  color: var(--color-eucalyptus);
}
.agora-header.is-amulet .header__top-bar-link:hover {
  background-color: var(--color-eucalyptus);
  color: var(--color-white);
}
.agora-header.is-amulet .header__logo-img--main {
  display: none;
}
.agora-header.is-amulet .header__logo-img--secondary {
  display: block;
}
.agora-header.is-amulet .header__menu-toggle:not(.is-open) {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M12%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M18.75%208C18.75%208.41421%2018.4142%208.75%2018%208.75H6C5.58579%208.75%205.25%208.41421%205.25%208C5.25%207.58579%205.58579%207.25%206%207.25H18C18.4142%207.25%2018.75%207.58579%2018.75%208Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M18.75%2012C18.75%2012.4142%2018.4142%2012.75%2018%2012.75H6C5.58579%2012.75%205.25%2012.4142%205.25%2012C5.25%2011.5858%205.58579%2011.25%206%2011.25H18C18.4142%2011.25%2018.75%2011.5858%2018.75%2012Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M18.75%2016C18.75%2016.4142%2018.4142%2016.75%2018%2016.75H6C5.58579%2016.75%205.25%2016.4142%205.25%2016C5.25%2015.5858%205.58579%2015.25%206%2015.25H18C18.4142%2015.25%2018.75%2015.5858%2018.75%2016Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E");
}
.agora-header.is-amulet.is-stuck {
  background-color: var(--color-white);
}
.agora-header.is-amulet.is-stuck .header__main-nav .nav-list .nav-item > a {
  color: var(--color-text-light-1);
}
.agora-header.is-amulet.is-stuck .header__main-nav .nav-list .nav-item > a .nav-arrow {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M5.00004%206.25C4.68618%206.25%204.40551%206.44543%204.29662%206.73979C4.18773%207.03415%204.27364%207.36519%204.51194%207.56944L11.5119%2013.5694C11.7928%2013.8102%2012.2073%2013.8102%2012.4881%2013.5694L19.4881%207.56944C19.7264%207.36519%2019.8123%207.03415%2019.7035%206.73979C19.5946%206.44543%2019.3139%206.25%2019%206.25H5.00004Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.43057%2010.5119C4.70014%2010.1974%205.17361%2010.161%205.48811%2010.4306L12%2016.0122L18.5119%2010.4306C18.8264%2010.161%2019.2999%2010.1974%2019.5695%2010.5119C19.839%2010.8264%2019.8026%2011.2999%2019.4881%2011.5695L12.4881%2017.5695C12.2072%2017.8102%2011.7928%2017.8102%2011.5119%2017.5695L4.51192%2011.5695C4.19743%2011.2999%204.161%2010.8264%204.43057%2010.5119Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3C%2Fsvg%3E");
}
.agora-header.is-amulet.is-stuck .header__top-bar-link {
  background-color: var(--color-amulet);
  border-color: transparent;
  color: var(--color-white);
}
.agora-header.is-amulet.is-stuck .header__top-bar-link:hover {
  background-color: var(--color-coral);
}
.agora-header.is-amulet.is-stuck .header__logo-img--main {
  display: block;
}
.agora-header.is-amulet.is-stuck .header__logo-img--secondary {
  display: none;
}
.agora-header.is-amulet.is-stuck .header__menu-toggle:not(.is-open) {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.5%22%20d%3D%22M12%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20d%3D%22M18.75%208C18.75%208.41421%2018.4142%208.75%2018%208.75H6C5.58579%208.75%205.25%208.41421%205.25%208C5.25%207.58579%205.58579%207.25%206%207.25H18C18.4142%207.25%2018.75%207.58579%2018.75%208Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20d%3D%22M18.75%2012C18.75%2012.4142%2018.4142%2012.75%2018%2012.75H6C5.58579%2012.75%205.25%2012.4142%205.25%2012C5.25%2011.5858%205.58579%2011.25%206%2011.25H18C18.4142%2011.25%2018.75%2011.5858%2018.75%2012Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3Cpath%20d%3D%22M18.75%2016C18.75%2016.4142%2018.4142%2016.75%2018%2016.75H6C5.58579%2016.75%205.25%2016.4142%205.25%2016C5.25%2015.5858%205.58579%2015.25%206%2015.25H18C18.4142%2015.25%2018.75%2015.5858%2018.75%2016Z%22%20fill%3D%22%231C364F%22%2F%3E%20%3C%2Fsvg%3E");
}

body.mobile-nav-open {
  overflow: hidden;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.agora-footer {
  background: var(--color-white);
  padding: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .agora-footer {
    padding: 32px 40px;
  }
}
.agora-footer__newsletter {
  background: var(--color-coral-light-2);
  border-radius: 16px;
  margin-bottom: 32px;
  overflow: hidden;
  padding: 12px;
  position: relative;
}
@media (min-width: 768px) {
  .agora-footer__newsletter {
    margin-bottom: 72px;
    padding: 42px 24px;
  }
}
.agora-footer__newsletter-pattern {
  display: none;
}
@media (min-width: 768px) {
  .agora-footer__newsletter-pattern {
    bottom: -20px;
    display: block;
    height: 230px;
    pointer-events: none;
    position: absolute;
    right: -48.35px;
    top: -10px;
    width: auto;
    z-index: 0;
  }
}
.agora-footer__newsletter-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .agora-footer__newsletter-inner {
    align-items: center;
    flex-direction: row;
    gap: 40px;
  }
}
.agora-footer__newsletter-left {
  flex: 1 1 50%;
  min-width: 0;
}
.agora-footer__newsletter-right {
  flex: 1 1 50%;
  min-width: 0;
}
.agora-footer__newsletter-title {
  color: var(--color-text-dark-2);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  .agora-footer__newsletter-title {
    font-size: 24px;
    line-height: 28px;
  }
}
.agora-footer__newsletter-subtitle {
  color: #4b4b4b;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.agora-footer__newsletter-label {
  color: var(--color-text-basic);
  display: block;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.agora-footer__newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.agora-footer__newsletter-field-row {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .agora-footer__newsletter-field-row {
    flex-direction: row;
  }
}
.agora-footer__newsletter-input-wrap {
  align-items: center;
  background: var(--color-white);
  border: 1px solid var(--color-grey-light-1);
  border-radius: 8px;
  display: flex;
  flex: 1;
  gap: 8px;
  padding: 0 14px;
  transition: border-color 0.2s ease;
}
.agora-footer__newsletter-input-wrap:focus-within {
  border-color: var(--color-primary-dark);
}
.agora-footer__newsletter-icon {
  flex-shrink: 0;
}
.agora-footer__newsletter-input {
  background: transparent;
  border: none;
  flex: 1;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  outline: none;
  padding: 10px 0;
}
.agora-footer__newsletter-input::placeholder {
  color: var(--color-text-light-2);
}
.agora-footer__newsletter-btn {
  align-items: center;
  align-self: flex-start;
  background-color: var(--color-white);
  border: 1px solid var(--color-eucalyptus);
  border-radius: 8px;
  color: var(--color-eucalyptus);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 28px;
  padding: 8px 20px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}
.agora-footer__newsletter-btn:hover {
  background-color: var(--color-eucalyptus);
  color: var(--color-white);
}
.agora-footer__top {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .agora-footer__top {
    flex-direction: row;
    justify-content: space-between;
  }
}
.agora-footer__logo img {
  display: block;
  height: 73px;
  max-width: 100%;
  width: auto;
}
.agora-footer__contact-info {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 12px 0 0;
}
.agora-footer__contact-info p {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.agora-footer__social {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin-top: 16px;
}
.agora-footer__social a {
  align-items: center;
  background-color: #fe8b59;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  text-decoration: none;
  transition: all 0.25s ease;
  width: 40px;
}
.agora-footer__social a img {
  height: 24px;
  width: 24px;
}
.agora-footer__social a i {
  color: var(--color-text-basic);
}
.agora-footer__social a:hover {
  opacity: 0.7;
}
.agora-footer__sections {
  display: flex;
  flex-direction: column;
}
.agora-footer__sections h4 {
  color: var(--color-text-light-2);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .agora-footer__sections h4 {
    margin-bottom: 24px;
  }
}
.agora-footer__sections ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.agora-footer__sections ul li a {
  color: var(--color-text-basic);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  transition: opacity 0.25s ease;
}
.agora-footer__sections ul li a:hover {
  opacity: 0.7;
}
@media (min-width: 768px) {
  .agora-footer__sections {
    flex-direction: row;
    gap: 32px;
  }
}
.agora-footer__section {
  margin: 16px 0;
  min-width: 146px;
}
.agora-footer__section__title {
  color: var(--color-text-dark-2);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .agora-footer__section {
    margin: 0;
  }
}
.agora-footer__bottom {
  color: var(--color-text-light-2);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 24px;
  opacity: 0.6;
}
.agora-footer__bottom p {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .agora-footer__bottom {
    margin-top: 72px;
  }
}

.agora-footer__newsletter .hs-form,
.agora-footer__newsletter form {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

.agora-footer__newsletter .form-title {
  display: none;
}

.agora-footer__newsletter .hs-form fieldset {
  max-width: none !important;
}
.agora-footer__newsletter .hs-form label {
  color: var(--color-text-basic);
  display: block;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.agora-footer__newsletter .hs-form .hs-form-required {
  color: var(--color-coral-dark-1);
}
.agora-footer__newsletter .hs-form .hs-form-field {
  margin-bottom: 12px;
}
.agora-footer__newsletter .hs-form .hs-input {
  background: var(--color-white);
  border: 1px solid var(--color-grey-light-1);
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 14px;
  height: 44px;
  padding: 0 14px;
  width: 100% !important;
}
.agora-footer__newsletter .hs-form .hs-input:focus {
  border-color: var(--color-primary-dark);
  outline: none;
}
.agora-footer__newsletter .hs-form .hs-button,
.agora-footer__newsletter .hs-form input[type=submit].hs-button {
  background-color: var(--color-white);
  border: 1px solid var(--color-eucalyptus);
  border-radius: 8px;
  color: var(--color-eucalyptus);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  height: 44px;
  padding: 0 20px;
  transition: background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
  width: auto;
}
.agora-footer__newsletter .hs-form .hs-button:hover,
.agora-footer__newsletter .hs-form input[type=submit].hs-button:hover {
  background-color: var(--color-eucalyptus);
  color: var(--color-white);
}
.agora-footer__newsletter .hs-form .hs-error-msgs {
  font-size: 12px;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}
@media (min-width: 768px) {
  .agora-footer__newsletter .hs-form {
    align-items: flex-end;
    display: flex;
    gap: 16px;
  }
  .agora-footer__newsletter .hs-form .hs_email,
  .agora-footer__newsletter .hs-form .hs-form-field {
    flex: 1;
    margin-bottom: 0;
  }
  .agora-footer__newsletter .hs-form .hs_submit {
    flex-shrink: 0;
  }
}
.agora--hero-banner {
  background-color: var(--color-deco-light-2);
}
.agora--hero-banner .agora-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 1440px) {
  .agora--hero-banner .agora-container {
    flex-direction: row;
    gap: 24px;
  }
}
.agora--hero-banner__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.agora--hero-banner__title {
  color: var(--color-primary-dark);
  font-family: var(--font-brand);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 48px;
  margin: 0;
  position: relative;
}
@media (min-width: 768px) {
  .agora--hero-banner__title {
    font-size: 48px;
    line-height: 56px;
  }
}
.agora--hero-banner__title > span {
  position: relative;
}
.agora--hero-banner__title-scribbler {
  display: none;
  flex-shrink: 0;
  pointer-events: none;
  position: absolute;
  right: -3%;
  top: -50%;
  z-index: 1;
}
@media (min-width: 1440px) {
  .agora--hero-banner__title-scribbler {
    display: block;
  }
}
.agora--hero-banner__description {
  color: var(--color-text-basic);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
}
.agora--hero-banner__description p {
  margin: 0;
}
.agora--hero-banner__ctas {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 768px) {
  .agora--hero-banner__ctas {
    gap: 24px;
  }
}
.agora--hero-banner__ctas .agora--hero-banner__cta {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 28px;
  padding: 8px 12px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media (min-width: 768px) {
  .agora--hero-banner__ctas .agora--hero-banner__cta {
    padding: 12px 20px;
  }
}
.agora--hero-banner__ctas .agora--hero-banner__cta:hover, .agora--hero-banner__ctas .agora--hero-banner__cta:focus {
  text-decoration: none;
}
.agora--hero-banner__ctas .agora--hero-banner__cta--primary {
  background-color: var(--color-amulet);
  color: var(--color-white);
}
.agora--hero-banner__ctas .agora--hero-banner__cta--primary:hover, .agora--hero-banner__ctas .agora--hero-banner__cta--primary:focus {
  background-color: var(--color-coral);
  color: var(--color-white);
}
.agora--hero-banner__ctas .agora--hero-banner__cta--secondary {
  background-color: var(--color-white);
  border-color: var(--color-eucalyptus);
  color: var(--color-eucalyptus);
}
.agora--hero-banner__ctas .agora--hero-banner__cta--secondary:hover, .agora--hero-banner__ctas .agora--hero-banner__cta--secondary:focus {
  background-color: var(--color-eucalyptus);
  color: var(--color-white);
}
.agora--hero-banner__images {
  cursor: pointer;
  flex: none;
  height: 280px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 1440px) {
  .agora--hero-banner__images {
    flex: 1;
    height: 500px;
    overflow: unset;
  }
}
.agora--hero-banner__image {
  border-radius: 12px;
  height: 100px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: transform 0.65s cubic-bezier(0.34, 1.15, 0.64, 1);
  width: 130px;
}
@media (min-width: 1440px) {
  .agora--hero-banner__image {
    border-radius: 16px;
    height: 180px;
    width: 235px;
  }
}
.agora--hero-banner__image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.agora--hero-banner__image--1 {
  transform: translate(80px, 90px) rotate(0deg);
  z-index: 1;
}
.agora--hero-banner__image--2 {
  transform: translate(80px, 90px) rotate(15deg);
  z-index: 2;
}
.agora--hero-banner__image--3 {
  transform: translate(80px, 90px) rotate(0deg);
  z-index: 4;
}
.agora--hero-banner__image--4 {
  transform: translate(80px, 90px) rotate(-15deg);
  z-index: 3;
}
@media (min-width: 1440px) {
  .agora--hero-banner__image--1 {
    transform: translate(150px, 160px) rotate(0deg);
  }
  .agora--hero-banner__image--2 {
    transform: translate(150px, 160px) rotate(15deg);
  }
  .agora--hero-banner__image--3 {
    transform: translate(150px, 160px) rotate(0deg);
  }
  .agora--hero-banner__image--4 {
    transform: translate(150px, 160px) rotate(-15deg);
  }
}
.agora--hero-banner__images-inner {
  height: 100%;
  overflow: unset;
  position: relative;
  width: 100%;
}
.agora--hero-banner__scribbler {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 5;
}
@media (min-width: 1440px) {
  .agora--hero-banner__scribbler {
    display: block;
  }
}
.agora--hero-banner__scribbler--top {
  right: 30%;
  top: 20%;
  transform: translateY(-50%);
  transition: right 0.65s cubic-bezier(0.34, 1.15, 0.64, 1), top 0.65s cubic-bezier(0.34, 1.15, 0.64, 1);
}
.agora--hero-banner__scribbler--bottom {
  bottom: 0;
  left: 0;
}
.agora--hero-banner__images:hover, .agora--hero-banner__images.is-spread {
  overflow: visible;
}
.agora--hero-banner__images:hover .agora--hero-banner__image--1, .agora--hero-banner__images.is-spread .agora--hero-banner__image--1 {
  transform: translate(55px, 0px) rotate(0deg);
}
.agora--hero-banner__images:hover .agora--hero-banner__image--2, .agora--hero-banner__images.is-spread .agora--hero-banner__image--2 {
  transform: translate(165px, 88px) rotate(0deg);
}
.agora--hero-banner__images:hover .agora--hero-banner__image--3, .agora--hero-banner__images.is-spread .agora--hero-banner__image--3 {
  transform: translate(88px, 178px) rotate(0deg);
}
.agora--hero-banner__images:hover .agora--hero-banner__image--4, .agora--hero-banner__images.is-spread .agora--hero-banner__image--4 {
  transform: translate(8px, 88px) rotate(0deg);
}
@media (min-width: 768px) {
  .agora--hero-banner__images:hover .agora--hero-banner__image--1, .agora--hero-banner__images.is-spread .agora--hero-banner__image--1 {
    transform: translate(100px, 0px) rotate(0deg);
  }
  .agora--hero-banner__images:hover .agora--hero-banner__image--2, .agora--hero-banner__images.is-spread .agora--hero-banner__image--2 {
    transform: translate(300px, 160px) rotate(0deg);
  }
  .agora--hero-banner__images:hover .agora--hero-banner__image--3, .agora--hero-banner__images.is-spread .agora--hero-banner__image--3 {
    transform: translate(175px, 335px) rotate(0deg);
  }
  .agora--hero-banner__images:hover .agora--hero-banner__image--4, .agora--hero-banner__images.is-spread .agora--hero-banner__image--4 {
    transform: translate(16px, 200px) rotate(0deg);
  }
}
.agora--hero-banner__images:hover .agora--hero-banner__scribbler--top, .agora--hero-banner__images.is-spread .agora--hero-banner__scribbler--top {
  right: 25%;
  top: 10%;
}

.agora--cta-banner {
  padding: 60px 0;
}
.agora--cta-banner .agora-container {
  align-items: center;
  background-color: var(--color-eucalyptus-light-1);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
  padding: 24px;
  position: relative;
}
.agora--cta-banner__body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (min-width: 992px) {
  .agora--cta-banner__body {
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
.agora--cta-banner__title {
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--cta-banner__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--cta-banner__subtitle {
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.agora--cta-banner__cta {
  flex-shrink: 0;
}
.agora--cta-banner__button {
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--color-amulet);
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 20px;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: none;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .agora--cta-banner__button {
    line-height: 28px;
    padding: 12px 20px;
  }
}
.agora--cta-banner__button:hover {
  background-color: var(--color-eucalyptus);
  color: var(--color-white);
}
.agora--cta-banner__pattern {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 992px) {
  .agora--cta-banner__pattern {
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
.agora--cta-banner__pattern img {
  display: block;
  height: 230px;
  width: auto;
}
@media (min-width: 992px) {
  .agora--cta-banner--variation-pattern-right .agora-container {
    flex-direction: row;
  }
}
.agora--cta-banner--variation-pattern-right .agora--cta-banner__pattern > img {
  margin-right: -74px;
}
@media (min-width: 992px) {
  .agora--cta-banner--variation-pattern-right .agora--cta-banner__pattern {
    justify-content: flex-end;
  }
}
.agora--cta-banner--variation-pattern-right .agora--cta-banner__last-word {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.agora--cta-banner--variation-pattern-right .agora--cta-banner__last-word::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width='85'%20height='25'%20viewBox='0%200%2085%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%20%3Cpath%20d='M3.0126%2013.0453C2.6017%2010.0937%2012.3619%204.66817%2014.6403%203.54831C19.2353%201.28972%2016.9281%206.58136%2015.9193%208.98716C14.1981%2013.0919%208.21363%2024.9079%2010.8358%2021.3361C14.6643%2016.1212%2018.1299%2010.6631%2023.3296%206.70877C29.0041%202.39341%2028.975%207.27231%2027.4909%2012.0659C27.0752%2013.4084%2023.2497%2020.0621%2025.311%2015.9616C27.0417%2012.5187%2031.0262%207.29738%2035.2019%206.89542C40.4161%206.3935%2027.2822%2027.357%2035.6293%2016.1296C36.9038%2014.4153%2043.5112%205.41242%2046.5225%207.80034C49.1022%209.84602%2044.5695%2016.6573%2043.6568%2018.5858C41.7331%2022.6504%2047.3178%2017.1499%2048.0601%2016.5072C50.3973%2014.4835%2056.2156%208.7374%2058.7491%2013.425C59.3598%2014.555%2060.1825%2021.973%2061.4503%2021.4918C65.3364%2020.017%2068.9373%2015.2964%2071.8128%2012.5129C75.1368%209.29506%2078.5126%206.26869%2082%203.26304'%20stroke='%23FE8B59'%20stroke-width='6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%20%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -7px;
  content: "";
  height: 25px;
  left: 45%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .agora--cta-banner--variation-pattern-left .agora-container {
    flex-direction: row-reverse;
  }
}
.agora--cta-banner--variation-pattern-left .agora--cta-banner__pattern > img {
  margin-left: -24px;
}
@media (min-width: 992px) {
  .agora--cta-banner--variation-pattern-left .agora--cta-banner__pattern {
    justify-content: flex-start;
  }
}
.agora--cta-banner--variation-pattern-left .agora--cta-banner__last-word {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.agora--cta-banner--variation-pattern-left .agora--cta-banner__last-word::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width='122'%20height='69'%20viewBox='0%200%20122%2069'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%20%3Cpath%20d='M65.7536%209.58808C68.338%20-2.75718%2042.0117%205.70392%2037.2924%207.478C21.6824%2013.3462%206.30418%2029.8727%203.30995%2046.6254C0.418415%2062.8036%2018.3939%2065.5799%2030.7591%2065.9695C53.9393%2066.7%2072.7166%2054.3779%2091.3393%2042.0977C94.7222%2039.8669%20127.3%2020.7324%20116.993%2013.5219C111.628%209.76829%20102.346%209.72483%2096.1972%208.93375C86.4348%207.67766%2076.2241%206.13133%2066.3591%207.01214C57.1685%207.83274%2050.3787%2014.6899%2041.7804%2015.6482'%20stroke='%23859B78'%20stroke-width='6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%20%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -12px;
  content: "";
  height: 45px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .agora--cta-banner--variation-pattern-left .agora--cta-banner__last-word::after {
    bottom: -20px;
    height: 69px;
    width: 122px;
  }
}
.agora--cta-banner--variation-pattern-centered .agora-container {
  text-align: left;
}
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__body {
  align-items: flex-start;
  max-width: 626px;
  width: 100%;
}
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__cta {
  display: flex;
  justify-content: flex-start;
}
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--left,
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--right {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 320px;
}
@media (min-width: 992px) {
  .agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--left,
  .agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--right {
    display: block;
  }
}
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--left img,
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--right img {
  display: block;
  height: 230px;
  width: auto;
}
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--left {
  left: -270px;
}
.agora--cta-banner--variation-pattern-centered .agora--cta-banner__pattern--right {
  right: -270px;
  transform: translateY(-50%) scaleX(-1);
}
.agora--cta-banner--color-nile-blue-light-1 .agora-container {
  background-color: var(--color-nile-blue-light-1);
}
.agora--cta-banner--color-amulet-light-1 .agora-container {
  background-color: var(--color-amulet-light-1);
}
.agora--cta-banner--color-deco-light-1 .agora-container {
  background-color: var(--color-deco-light-1);
}
.agora--cta-banner--color-eucalyptus-light-1 .agora-container {
  background-color: var(--color-eucalyptus-light-1);
}
.agora--cta-banner--color-coral-light-1 .agora-container {
  background-color: var(--color-coral-light-1);
}
.agora--cta-banner--color-soft-pink-light-1 .agora-container {
  background-color: var(--color-soft-pink-light-1);
}
.agora--cta-banner--color-nile-blue-base .agora-container {
  background-color: var(--color-nile-blue);
}
.agora--cta-banner--color-nile-blue-base .agora--cta-banner__title {
  color: var(--color-white);
}
.agora--cta-banner--color-nile-blue-base .agora--cta-banner__subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.agora--cta-banner--color-nile-blue-base .agora--cta-banner__button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-nile-blue-dark-1);
}
.agora--cta-banner--color-nile-blue-base .agora--cta-banner__button:hover {
  background-color: transparent;
  color: var(--color-white);
}
.agora--cta-banner--color-amulet-base .agora-container {
  background-color: var(--color-amulet);
}
.agora--cta-banner--color-amulet-base .agora--cta-banner__title {
  color: var(--color-white);
}
.agora--cta-banner--color-amulet-base .agora--cta-banner__subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.agora--cta-banner--color-amulet-base .agora--cta-banner__button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-amulet-dark-1);
}
.agora--cta-banner--color-amulet-base .agora--cta-banner__button:hover {
  background-color: transparent;
  color: var(--color-white);
}
.agora--cta-banner--color-deco-base .agora-container {
  background-color: var(--color-deco);
}
.agora--cta-banner--color-deco-base .agora--cta-banner__title {
  color: var(--color-white);
}
.agora--cta-banner--color-deco-base .agora--cta-banner__subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.agora--cta-banner--color-deco-base .agora--cta-banner__button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-deco-dark-1);
}
.agora--cta-banner--color-deco-base .agora--cta-banner__button:hover {
  background-color: transparent;
  color: var(--color-white);
}
.agora--cta-banner--color-eucalyptus-base .agora-container {
  background-color: var(--color-eucalyptus);
}
.agora--cta-banner--color-eucalyptus-base .agora--cta-banner__title {
  color: var(--color-white);
}
.agora--cta-banner--color-eucalyptus-base .agora--cta-banner__subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.agora--cta-banner--color-eucalyptus-base .agora--cta-banner__button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-eucalyptus-dark-1);
}
.agora--cta-banner--color-eucalyptus-base .agora--cta-banner__button:hover {
  background-color: transparent;
  color: var(--color-white);
}
.agora--cta-banner--color-coral-base .agora-container {
  background-color: var(--color-coral);
}
.agora--cta-banner--color-coral-base .agora--cta-banner__title {
  color: var(--color-white);
}
.agora--cta-banner--color-coral-base .agora--cta-banner__subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.agora--cta-banner--color-coral-base .agora--cta-banner__button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-coral-dark-1);
}
.agora--cta-banner--color-coral-base .agora--cta-banner__button:hover {
  background-color: transparent;
  color: var(--color-white);
}
.agora--cta-banner--color-soft-pink-base .agora-container {
  background-color: var(--color-soft-pink);
}
.agora--cta-banner--color-soft-pink-base .agora--cta-banner__title {
  color: var(--color-white);
}
.agora--cta-banner--color-soft-pink-base .agora--cta-banner__subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.agora--cta-banner--color-soft-pink-base .agora--cta-banner__button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-soft-pink-dark-1);
}
.agora--cta-banner--color-soft-pink-base .agora--cta-banner__button:hover {
  background-color: transparent;
  color: var(--color-white);
}
.agora--cta-banner--color-deco-light-1 .agora--cta-banner__title, .agora--cta-banner--color-deco-base .agora--cta-banner__title {
  color: var(--color-text-dark-1);
}
.agora--cta-banner--color-deco-light-1 .agora--cta-banner__subtitle, .agora--cta-banner--color-deco-base .agora--cta-banner__subtitle {
  color: var(--color-text-dark-1);
}
.agora--cta-banner--color-deco-light-1 .agora--cta-banner__button, .agora--cta-banner--color-deco-base .agora--cta-banner__button {
  background-color: var(--color-amulet);
  border-color: var(--color-amulet);
  color: var(--color-white);
}
.agora--cta-banner--color-deco-light-1 .agora--cta-banner__button:hover, .agora--cta-banner--color-deco-base .agora--cta-banner__button:hover {
  background-color: var(--color-amulet-dark-1);
  border-color: var(--color-amulet-dark-1);
  color: var(--color-white);
}
.agora--cta-banner--color-coral-light-1 .agora--cta-banner__title, .agora--cta-banner--color-coral-base .agora--cta-banner__title {
  color: var(--color-text-dark-1);
}
.agora--cta-banner--color-coral-light-1 .agora--cta-banner__subtitle, .agora--cta-banner--color-coral-base .agora--cta-banner__subtitle {
  color: var(--color-text-dark-1);
}
.agora--cta-banner--color-coral-light-1 .agora--cta-banner__button, .agora--cta-banner--color-coral-base .agora--cta-banner__button {
  background-color: var(--color-amulet);
  border-color: var(--color-amulet);
  color: var(--color-white);
}
.agora--cta-banner--color-coral-light-1 .agora--cta-banner__button:hover, .agora--cta-banner--color-coral-base .agora--cta-banner__button:hover {
  background-color: var(--color-amulet-dark-1);
  border-color: var(--color-amulet-dark-1);
  color: var(--color-white);
}
.agora--cta-banner--color-soft-pink-light-1 .agora--cta-banner__title, .agora--cta-banner--color-soft-pink-base .agora--cta-banner__title {
  color: var(--color-text-dark-1);
}
.agora--cta-banner--color-soft-pink-light-1 .agora--cta-banner__subtitle, .agora--cta-banner--color-soft-pink-base .agora--cta-banner__subtitle {
  color: var(--color-text-dark-1);
}
.agora--cta-banner--color-soft-pink-light-1 .agora--cta-banner__button, .agora--cta-banner--color-soft-pink-base .agora--cta-banner__button {
  background-color: var(--color-amulet);
  border-color: var(--color-amulet);
  color: var(--color-white);
}
.agora--cta-banner--color-soft-pink-light-1 .agora--cta-banner__button:hover, .agora--cta-banner--color-soft-pink-base .agora--cta-banner__button:hover {
  background-color: var(--color-amulet-dark-1);
  border-color: var(--color-amulet-dark-1);
  color: var(--color-white);
}

.agora--accordion {
  background-color: var(--color-white);
}
.agora--accordion__header {
  color: var(--color-text-basic);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin-bottom: 32px;
  text-align: center;
}
@media (min-width: 768px) {
  .agora--accordion__header {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--accordion__accordions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
}
@media (min-width: 1440px) {
  .agora--accordion__accordions {
    max-width: 871px;
  }
}
.agora--accordion__item {
  background-color: var(--color-grey-light);
  border: 2px solid var(--color-grey-light);
  border-radius: 12px;
  overflow: hidden;
  transition: background-color 0.3s ease;
}
.agora--accordion__item.is-open, .agora--accordion__item:has(.show) {
  background-color: var(--color-grey-light);
}
.agora--accordion__item-header {
  margin: 0;
}
.agora--accordion__item .agora--accordion__item-button {
  align-items: center;
  background-color: var(--color-white);
  border: none;
  border-radius: 12px;
  color: var(--color-text-basic);
  cursor: pointer;
  display: flex;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 22px;
  padding: 16px 24px;
  text-align: left;
  text-transform: none;
  transition: all 0.3s ease;
  width: 100%;
}
@media (min-width: 768px) {
  .agora--accordion__item .agora--accordion__item-button {
    line-height: 28px;
  }
}
.agora--accordion__item .agora--accordion__item-button:hover, .agora--accordion__item .agora--accordion__item-button:focus {
  background-color: var(--color-white);
  border-radius: 12px;
  box-shadow: none;
  color: var(--color-text-basic);
  outline: none;
  text-transform: none;
}
.agora--accordion__item .agora--accordion__item-button[aria-expanded=true] .agora--accordion__item-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' fill='%239DA2B2'/%3E%3Cpath d='M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z' fill='%239DA2B2'/%3E%3C/svg%3E");
}
.agora--accordion__item .agora--accordion__item-button.collapsed .agora--accordion__item-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22Z' fill='%239DA2B2'/%3E%3Cpath d='M12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V11.25H15C15.4142 11.25 15.75 11.5858 15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H12.75L12.75 15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H11.25L11.25 9C11.25 8.58579 11.5858 8.25 12 8.25Z' fill='%239DA2B2'/%3E%3C/svg%3E");
}
.agora--accordion__item .agora--accordion__item-button::after {
  content: none;
}
.agora--accordion__item-title {
  color: var(--color-text-basic);
  flex: 1;
  padding-right: 16px;
}
.agora--accordion__item-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22Z' fill='%239DA2B2'/%3E%3Cpath d='M12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V11.25H15C15.4142 11.25 15.75 11.5858 15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H12.75L12.75 15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H11.25L11.25 9C11.25 8.58579 11.5858 8.25 12 8.25Z' fill='%239DA2B2'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.agora--accordion__item-content {
  border-top: none;
}
.agora--accordion__item-content.collapse:not(.show) {
  display: none;
}
.agora--accordion__item-content.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.agora--accordion__item-body {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 24px;
}
@media (min-width: 768px) {
  .agora--accordion__item-body {
    font-size: 16px;
    line-height: 24px;
  }
}
.agora--accordion__item-body * {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 768px) {
  .agora--accordion__item-body * {
    font-size: 16px;
    line-height: 24px;
  }
}
.agora--accordion__item-body p {
  margin-bottom: 0;
  margin-top: 0;
}
.agora--accordion__item-body p:not(:last-child) {
  margin-bottom: 16px;
}
.agora--accordion__item-body p:last-child {
  margin-bottom: 0;
}

.agora--card-icon {
  padding: 60px 20px;
}
@media (min-width: 768px) {
  .agora--card-icon {
    padding: 60px 0;
  }
}
.agora--card-icon__header {
  color: var(--color-nile-blue);
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 44px;
  margin-bottom: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .agora--card-icon__header {
    margin-bottom: 24px;
  }
}
.agora--card-icon__subtitle {
  color: var(--color-text-light-1);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 0 auto 72px;
  max-width: 800px;
  text-align: left;
  width: 100%;
}
.agora--card-icon__cards {
  column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 55px;
  row-gap: 50px;
}
@media (min-width: 992px) {
  .agora--card-icon__cards {
    row-gap: 60px;
  }
}
.agora--card-icon__card {
  background-color: var(--color-grey-light);
  border-radius: 8px;
  color: var(--color-text-dark-1);
  flex: 0 1 100%;
  padding: 48px 24px 12px;
  position: relative;
}
.agora--card-icon--no-icon .agora--card-icon__card {
  padding: 24px;
}
@media (min-width: 768px) {
  .agora--card-icon__card {
    flex: 0 1 calc(50% - 10px);
  }
}
@media (min-width: 992px) {
  .agora--card-icon__card {
    flex: 0 1 calc(25% - 15px);
  }
}
.agora--card-icon__card-icon {
  line-height: 1;
  position: absolute;
  right: 20px;
  top: -40px;
}
.agora--card-icon__card-icon .agora-icon {
  background-color: var(--color-black);
  display: block;
  height: 80px;
  width: 80px;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.agora--card-icon a.agora--card-icon__card {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.agora--card-icon__card-title {
  color: var(--color-text-basic);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 12px;
  margin-top: 0;
}
.agora--card-icon__card-content {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.agora--card-icon__card-content p:last-child {
  margin-bottom: 0;
}
.agora--card-icon__card--color-nile-blue {
  background-color: var(--color-nile-blue-light-2);
}
.agora--card-icon__card--color-nile-blue .agora--card-icon__card-icon .agora-icon {
  background-color: var(--color-nile-blue-dark-1);
}
.agora--card-icon__card--color-amulet {
  background-color: var(--color-amulet-light-2);
}
.agora--card-icon__card--color-amulet .agora--card-icon__card-icon .agora-icon {
  background-color: var(--color-amulet-dark-1);
}
.agora--card-icon__card--color-deco {
  background-color: var(--color-deco-light-2);
}
.agora--card-icon__card--color-deco .agora--card-icon__card-icon .agora-icon {
  background-color: var(--color-deco-dark-1);
}
.agora--card-icon__card--color-eucalyptus {
  background-color: var(--color-eucalyptus-light-2);
}
.agora--card-icon__card--color-eucalyptus .agora--card-icon__card-icon .agora-icon {
  background-color: var(--color-eucalyptus-dark-1);
}
.agora--card-icon__card--color-coral {
  background-color: var(--color-coral-light-2);
}
.agora--card-icon__card--color-coral .agora--card-icon__card-icon .agora-icon {
  background-color: var(--color-coral-dark-1);
}
.agora--card-icon__card--color-soft-pink {
  background-color: var(--color-soft-pink-light-2);
}
.agora--card-icon__card--color-soft-pink .agora--card-icon__card-icon .agora-icon {
  background-color: var(--color-soft-pink-dark-1);
}

.agora--image-content {
  background-color: var(--color-white);
  position: relative;
}
.agora--image-content__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1400px) {
  .agora--image-content__inner {
    flex-direction: row;
    gap: 120px;
    justify-content: space-between;
  }
}
.agora--image-content__inner--bg-deco {
  background-color: var(--color-deco-light-2);
  border-radius: 16px;
  padding: 24px;
  position: relative;
}
.agora--image-content__inner--bg-coral {
  background-color: var(--color-coral-light-2);
  border-radius: 16px;
  padding: 24px;
  position: relative;
}
.agora--image-content__inner--bg-grey {
  background-color: var(--color-grey-light);
  border-radius: 16px;
  padding: 24px;
  position: relative;
}
.agora--image-content__content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1400px) {
  .agora--image-content__content {
    flex: 0 1 648px;
    max-width: 648px;
  }
}
.agora--image-content__header {
  color: var(--color-text-dark-2);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--image-content__header {
    font-size: 28px;
    line-height: 36px;
  }
}
.agora--image-content__section-header {
  margin: 0 auto 32px;
  max-width: 800px;
  text-align: center;
}
.agora--image-content__section-title {
  color: var(--color-text-dark-2);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .agora--image-content__section-title {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--image-content__section-subtitle {
  color: var(--color-text-light-1);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .agora--image-content__section-subtitle {
    line-height: 28px;
  }
}
.agora--image-content__section-subtitle > p {
  margin: 0;
}
.agora--image-content__text {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
}
.agora--image-content__text > p:first-child {
  margin-top: 0;
}
.agora--image-content__text > p:last-child {
  margin-bottom: 0;
}
.agora--image-content__stats {
  align-self: flex-start;
  background-color: var(--color-white);
  border-radius: 24px;
  padding: 12px;
  width: auto;
}
.agora--image-content__stats-items {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: auto;
}
@media (min-width: 768px) {
  .agora--image-content__stats-items {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
  }
}
.agora--image-content__stats-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .agora--image-content__stats-item {
    flex: 1;
    justify-content: center;
    max-width: 132px;
    padding: 0 12px;
    width: auto;
  }
  .agora--image-content__stats-item:not(:first-child):not(:last-child) {
    max-width: 171px;
  }
  .agora--image-content__stats-item:first-child {
    padding-left: 0;
  }
  .agora--image-content__stats-item:last-child {
    padding-right: 0;
  }
  .agora--image-content__stats-item:not(:last-child)::after {
    background-color: var(--color-grey-basic);
    content: "";
    height: 60%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
}
.agora--image-content__stats-item-value {
  color: var(--color-coral);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
@media (min-width: 768px) {
  .agora--image-content__stats-item-value {
    font-size: 24px;
    line-height: 28px;
  }
}
.agora--image-content__stats-item-description {
  color: var(--color-text-light-2);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
.agora--image-content__logo {
  margin-top: auto;
}
.agora--image-content__logo img {
  display: block;
  height: auto;
  max-height: 70px;
  max-width: 215px;
  width: auto;
}
.agora--image-content__ctas {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: auto;
}
@media (min-width: 768px) {
  .agora--image-content__ctas {
    gap: 24px;
  }
}
.agora--image-content__media {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (min-width: 1400px) {
  .agora--image-content__media {
    flex: 0 1 648px;
    max-width: 648px;
  }
}
.agora--image-content__pattern-wrapper {
  border-radius: 16px;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
}
.agora--image-content__pattern {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 50%;
}
@media (min-width: 992px) {
  .agora--image-content__pattern {
    display: block;
  }
}
.agora--image-content__pattern img {
  display: block;
  height: 107px;
  width: auto;
}
.agora--image-content__pattern--left {
  left: 0;
  transform: translateY(-50%);
}
.agora--image-content__pattern--right {
  right: 0;
  transform: translateY(-50%) scaleX(-1);
}
.agora--image-content__image-scribbler-container {
  position: relative;
  width: 100%;
}
.agora--image-content__scribbler {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
@media (min-width: 1400px) {
  .agora--image-content__scribbler {
    display: block;
  }
}
.agora--image-content__scribbler--top {
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}
.agora--image-content__scribbler--bottom {
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}
.agora--image-content__image-wrapper {
  aspect-ratio: 648/432;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.agora--image-content__image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.agora--image-content__caption {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
}
.agora--image-content--right .agora--image-content__media {
  order: -1;
}
@media (min-width: 1400px) {
  .agora--image-content--right .agora--image-content__media {
    order: unset;
  }
}
@media (min-width: 1400px) {
  .agora--image-content--right .agora--image-content__inner {
    flex-direction: row;
  }
}
.agora--image-content--right .agora--image-content__pattern--left {
  display: none;
}
.agora--image-content--right .agora--image-content__pattern--right {
  bottom: 33px;
  left: 50%;
  right: auto;
  top: auto;
  transform: translateX(-50%);
}
.agora--image-content--left .agora--image-content__media {
  order: -1;
}
@media (min-width: 1400px) {
  .agora--image-content--left .agora--image-content__media {
    order: unset;
  }
}
@media (min-width: 1400px) {
  .agora--image-content--left .agora--image-content__inner {
    flex-direction: row-reverse;
  }
}
.agora--image-content--left .agora--image-content__scribbler--bottom {
  left: auto;
  right: 0;
  transform: translateY(50%);
}
.agora--image-content--left .agora--image-content__pattern--left {
  display: none;
}
.agora--image-content--left .agora--image-content__pattern--right {
  bottom: 33px;
  left: 50%;
  right: auto;
  top: auto;
  transform: translateX(-50%);
}
.agora--image-content--none .agora--image-content__inner {
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.agora--image-content--none .agora--image-content__content {
  align-items: flex-start;
  align-self: center;
  flex: none;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1400px) {
  .agora--image-content--none .agora--image-content__content {
    max-width: 541px;
  }
}
.agora--image-content--none .agora--image-content__header {
  text-align: center;
  width: 100%;
}
.agora--image-content--none .agora--image-content__text {
  width: 100%;
}
.agora--image-content--none .agora--image-content__ctas,
.agora--image-content--none .agora--image-content__image-wrapper,
.agora--image-content--none .agora--image-content__logo,
.agora--image-content--none .agora--image-content__stats {
  display: none;
}
.agora--image-content--none .agora--image-content__media {
  flex: none;
  inset: 0;
  max-width: none;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.agora--image-content--none .agora--image-content__image-scribbler-container {
  inset: 0;
  position: absolute;
}
.agora--image-content--none .agora--image-content__scribbler--top {
  display: none;
  left: 15%;
  top: 20%;
  transform: translateY(-50%);
}
@media (min-width: 1400px) {
  .agora--image-content--none .agora--image-content__scribbler--top {
    display: block;
  }
}
.agora--image-content--none .agora--image-content__scribbler--bottom {
  bottom: 20%;
  display: none;
  left: auto;
  right: 15%;
  transform: translateY(50%);
}
@media (min-width: 1400px) {
  .agora--image-content--none .agora--image-content__scribbler--bottom {
    display: block;
  }
}

.agora--highlight-content {
  background-color: var(--color-white);
}
.agora--highlight-content__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .agora--highlight-content__inner {
    align-items: flex-start;
    flex-direction: row;
  }
}
.agora--highlight-content__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media (min-width: 1200px) {
  .agora--highlight-content__content {
    flex: 0 0 calc(50% - 40px);
    width: calc(50% - 40px);
  }
}
.agora--highlight-content__body {
  color: var(--color-text-basic);
}
.agora--highlight-content__body > p {
  color: var(--color-text-basic);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.agora--highlight-content__pattern {
  display: flex;
}
.agora--highlight-content__pattern img,
.agora--highlight-content__pattern svg {
  display: block;
  height: auto;
  max-width: 100%;
  width: 312px;
}
.agora--highlight-content__info {
  align-items: flex-end;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1200px) {
  .agora--highlight-content__info {
    flex: 0 0 calc(50% - 40px);
    width: calc(50% - 40px);
  }
}
.agora--highlight-content__info--mobile {
  align-items: flex-start;
  display: flex;
}
.agora--highlight-content__info--mobile .agora--highlight-content__signature {
  display: none;
}
@media (min-width: 1200px) {
  .agora--highlight-content__info--mobile {
    display: none;
  }
}
.agora--highlight-content__info--desktop {
  display: none;
}
@media (min-width: 1200px) {
  .agora--highlight-content__info--desktop {
    display: flex;
  }
}
.agora--highlight-content__text_wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.agora--highlight-content__text {
  border: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
}
@media (min-width: 1200px) {
  .agora--highlight-content__text {
    border: 1px solid var(--color-grey-light);
    border-radius: 16px;
    padding: 24px;
  }
}
.agora--highlight-content__title {
  color: var(--color-text-dark-2);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--highlight-content__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--highlight-content__label {
  color: var(--color-text-light-2);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--highlight-content__label {
    font-size: 24px;
    line-height: 28px;
  }
}
.agora--highlight-content__signature {
  margin-top: -8px;
}
.agora--highlight-content__signature img,
.agora--highlight-content__signature svg {
  display: block;
  height: auto;
  max-height: 80px;
  width: auto;
}
.agora--highlight-content--right .agora--highlight-content__inner {
  flex-direction: column;
}
@media (min-width: 1200px) {
  .agora--highlight-content--right .agora--highlight-content__inner {
    flex-direction: row;
  }
}
.agora--highlight-content--left .agora--highlight-content__inner {
  flex-direction: column;
}
@media (min-width: 1200px) {
  .agora--highlight-content--left .agora--highlight-content__inner {
    flex-direction: row-reverse;
  }
}
.agora--highlight-content--left .agora--highlight-content__info {
  align-items: flex-start;
}
.agora--highlight-content--centre .agora--highlight-content__inner {
  align-items: center;
  flex-direction: column-reverse;
  text-align: center;
}
.agora--highlight-content--centre .agora--highlight-content__content, .agora--highlight-content--centre .agora--highlight-content__info {
  align-items: center;
  flex: none;
  max-width: 874px;
  width: 100%;
}
.agora--highlight-content--centre .agora--highlight-content__info--mobile {
  align-items: flex-start;
}
.agora--highlight-content--centre .agora--highlight-content__text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.agora--highlight-content--centre .agora--highlight-content__label {
  text-align: left;
}
.agora--highlight-content--centre .agora--highlight-content__pattern {
  justify-content: center;
}

.agora--logo-panel {
  background-color: var(--color-white);
  position: relative;
}
.agora--logo-panel__title {
  color: var(--color-text-dark-2);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0 0 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .agora--logo-panel__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--logo-panel__description {
  color: var(--color-text-light-1);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 auto 32px;
  max-width: 800px;
  text-align: left;
}
.agora--logo-panel__description > p {
  margin: 0;
}
@media (min-width: 768px) {
  .agora--logo-panel__description {
    font-size: 18px;
    line-height: 28px;
  }
}
.agora--logo-panel__wrapper {
  overflow: hidden;
  position: relative;
}
.agora--logo-panel__carousel {
  overflow: visible;
  position: relative;
}
.agora--logo-panel__carousel .swiper-wrapper {
  align-items: center;
  display: flex;
  transition-timing-function: linear;
}
.agora--logo-panel__carousel .swiper-slide {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
  width: auto !important;
}
.agora--logo-panel__logo {
  align-items: center;
  display: flex;
  height: 80px;
  justify-content: center;
}
.agora--logo-panel__logo img {
  height: auto;
  max-height: 80px;
  object-fit: contain;
  width: auto;
}
.agora--logo-panel__gradient {
  background: linear-gradient(to right, rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0) 49.5%, rgb(255, 255, 255) 92.5%);
  height: 80px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.agora--logo-panel__navigation {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .agora--logo-panel__navigation {
    justify-content: center;
  }
}
.agora--logo-panel__prev-button, .agora--logo-panel__next-button {
  background-color: var(--color-grey-light);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  height: 36px;
  padding: 0;
  transition: background-color var(--transition-base);
  width: 36px;
}
.agora--logo-panel__prev-button:hover, .agora--logo-panel__next-button:hover {
  background-color: #e8e8ed;
}
.agora--logo-panel__prev-button:disabled, .agora--logo-panel__next-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.agora--logo-panel__prev-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5956 8.30273L8.16485 11.6296C7.94505 11.8428 7.94505 12.1573 8.16485 12.3704L14.7953 18.8001C15.2091 19.2013 16 18.9581 16 18.4297V12.7071L11.5956 8.30273Z' fill='%231C364F'/%3E%3Cpath opacity='0.5' d='M16 11.2929L16 5.5703C16 5.04189 15.2091 4.79869 14.7953 5.1999L12.3136 7.60648L16 11.2929Z' fill='%231C364F'/%3E%3C/svg%3E");
}
.agora--logo-panel__next-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4044 8.30273L15.8351 11.6296C16.0549 11.8428 16.0549 12.1573 15.8351 12.3704L9.20467 18.8001C8.79094 19.2013 8 18.9581 8 18.4297V12.7071L12.4044 8.30273Z' fill='%231C364F'/%3E%3Cpath opacity='0.5' d='M8.00012 11.2929L8.00012 5.5703C8.00012 5.04189 8.79106 4.79869 9.20479 5.1999L11.6865 7.60648L8.00012 11.2929Z' fill='%231C364F'/%3E%3C/svg%3E");
}

.agora--stats__items {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media (min-width: 768px) {
  .agora--stats__items {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
  }
}
.agora--stats__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .agora--stats__item {
    flex: 1;
    justify-content: center;
    max-width: 230px;
    padding: 0 40px;
    width: auto;
  }
  .agora--stats__item:first-child {
    padding-left: 0;
  }
  .agora--stats__item:last-child {
    padding-right: 0;
  }
  .agora--stats__item:not(:last-child)::after {
    background-color: var(--color-grey-basic);
    content: "";
    height: 60%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
}
.agora--stats__item-value {
  color: var(--color-coral);
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 44px;
}
.agora--stats__item-description {
  color: var(--color-text-light-2);
  font-family: var(--font-heading);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.agora--testimonial {
  background-color: var(--color-amulet-light-2);
}
.agora--testimonial__title {
  color: var(--color-text-dark-2);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0 0 32px;
  text-align: center;
}
@media (min-width: 768px) {
  .agora--testimonial__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--testimonial__slider-container {
  margin-bottom: 32px;
  overflow: hidden;
  position: relative;
}
.agora--testimonial__testimonials {
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .agora--testimonial__testimonials {
    overflow: visible;
  }
}
.agora--testimonial__testimonials .swiper-wrapper {
  display: flex;
}
.agora--testimonial__testimonials .swiper-wrapper.justify-content-center {
  justify-content: center;
}
.agora--testimonial__testimonials .swiper-slide {
  flex-shrink: 0;
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .agora--testimonial__testimonials .swiper-slide {
    width: 426px;
  }
}
.agora--testimonial__card {
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-light);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 24px;
}
.agora--testimonial__rating {
  display: flex;
  gap: 0;
}
.agora--testimonial__rating img,
.agora--testimonial__rating svg {
  display: block;
  height: 20px;
  width: 20px;
}
.agora--testimonial__item-attribution {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.agora--testimonial__item-name {
  color: var(--color-text-dark-2);
  display: block;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--testimonial__item-name {
    line-height: 28px;
  }
}
.agora--testimonial__item-role {
  color: var(--color-text-basic);
  display: block;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--testimonial__item-role {
    line-height: 28px;
  }
}
.agora--testimonial__item-text {
  color: var(--color-text-light-1);
  flex-grow: 1;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.agora--testimonial__item-text > p {
  margin: 0;
}
.agora--testimonial__gradient-overlay {
  display: none;
}
@media (min-width: 768px) {
  .agora--testimonial__gradient-overlay {
    background: linear-gradient(to right, var(--color-amulet-light-2) 0%, rgba(253, 247, 237, 0) 25%, rgba(253, 247, 237, 0) 75%, var(--color-amulet-light-2) 100%);
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
}
.agora--testimonial__pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 32px;
}
.agora--testimonial__pagination .swiper-pagination-bullet {
  background-color: var(--color-amulet);
  border-radius: 100px;
  cursor: pointer;
  display: block;
  height: 8px;
  opacity: 0.4;
  transition: all 0.25s ease;
  width: 8px;
}
.agora--testimonial__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: 24px;
}

.agora--scroll-card {
  padding: 60px 20px;
}
@media (min-width: 768px) {
  .agora--scroll-card {
    padding: 60px 0;
  }
}
.agora--scroll-card .agora-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .agora--scroll-card .agora-container {
    align-items: flex-start;
    flex-direction: row;
    gap: 48px;
  }
}
.agora--scroll-card__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .agora--scroll-card__content {
    flex: 1;
    position: sticky;
    top: 120px;
  }
}
.agora--scroll-card__title {
  color: var(--color-primary-dark);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--scroll-card__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--scroll-card__description {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 768px) {
  .agora--scroll-card__description {
    font-size: 16px;
    line-height: 24px;
  }
}
.agora--scroll-card__description p:last-child {
  margin-bottom: 0;
}
.agora--scroll-card__cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .agora--scroll-card__cards {
    flex: 1;
  }
}
.agora--scroll-card__card {
  align-items: flex-start;
  border: 1px solid var(--color-grey-light);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 12px;
  width: 100%;
}
@media (min-width: 992px) {
  .agora--scroll-card__card {
    flex-direction: row;
    padding: 24px;
  }
}
.agora--scroll-card__card-icon {
  border-radius: 8px;
  flex-shrink: 0;
  height: 40px;
  padding: 8px;
  width: 40px;
}
.agora--scroll-card__card-icon img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.agora--scroll-card__card-icon .agora-icon {
  color: var(--color-primary-dark);
  display: block;
  height: 100%;
  width: 100%;
}
.agora--scroll-card__card-icon .agora-icon svg {
  display: block;
  fill: currentColor;
  height: 100%;
  width: 100%;
}
.agora--scroll-card__card-icon .agora-icon svg * {
  fill: inherit;
}
.agora--scroll-card__card-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.agora--scroll-card__card-title {
  color: var(--color-text-basic);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--scroll-card__card-title {
    font-size: 24px;
    line-height: 28px;
  }
}
.agora--scroll-card__card-subtext {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 768px) {
  .agora--scroll-card__card-subtext {
    font-size: 16px;
    line-height: 24px;
  }
}
.agora--scroll-card__card-subtext p:last-child {
  margin-bottom: 0;
}
.agora--scroll-card__card--color-nile-blue .agora--scroll-card__card-icon {
  background-color: var(--color-nile-blue-light-2);
}
.agora--scroll-card__card--color-nile-blue .agora--scroll-card__card-icon .agora-icon {
  color: var(--color-nile-blue-dark-1);
}
.agora--scroll-card__card--color-amulet .agora--scroll-card__card-icon {
  background-color: var(--color-amulet-light-2);
}
.agora--scroll-card__card--color-amulet .agora--scroll-card__card-icon .agora-icon {
  color: var(--color-amulet-dark-1);
}
.agora--scroll-card__card--color-deco .agora--scroll-card__card-icon {
  background-color: var(--color-deco-light-2);
}
.agora--scroll-card__card--color-deco .agora--scroll-card__card-icon .agora-icon {
  color: var(--color-deco-dark-1);
}
.agora--scroll-card__card--color-eucalyptus .agora--scroll-card__card-icon {
  background-color: var(--color-eucalyptus-light-2);
}
.agora--scroll-card__card--color-eucalyptus .agora--scroll-card__card-icon .agora-icon {
  color: var(--color-eucalyptus-dark-1);
}
.agora--scroll-card__card--color-coral .agora--scroll-card__card-icon {
  background-color: var(--color-coral-light-2);
}
.agora--scroll-card__card--color-coral .agora--scroll-card__card-icon .agora-icon {
  color: var(--color-coral-dark-1);
}
.agora--scroll-card__card--color-soft-pink .agora--scroll-card__card-icon {
  background-color: var(--color-soft-pink-light-2);
}
.agora--scroll-card__card--color-soft-pink .agora--scroll-card__card-icon .agora-icon {
  color: var(--color-soft-pink-dark-1);
}

.agora--narrow-banner {
  background-color: var(--color-white);
  position: relative;
}
.agora--narrow-banner .agora-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1400px) {
  .agora--narrow-banner .agora-container {
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
  }
}
.agora--narrow-banner__content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (min-width: 1400px) {
  .agora--narrow-banner__content {
    align-items: unset;
    flex: 0 0 648px;
    width: 648px;
  }
}
.agora--narrow-banner__title {
  align-items: flex-start;
  color: var(--color-primary-dark);
  display: flex;
  gap: 8px;
  margin: 0;
  position: relative;
}
.agora--narrow-banner__title > span {
  font-family: var(--font-brand);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 48px;
  position: relative;
}
@media (min-width: 768px) {
  .agora--narrow-banner__title > span {
    font-size: 48px;
    line-height: 56px;
  }
}
.agora--narrow-banner__title-scribbler {
  display: none;
  flex-shrink: 0;
  pointer-events: none;
  position: absolute;
  right: -25%;
  top: -45%;
  z-index: 1;
}
@media (min-width: 1400px) {
  .agora--narrow-banner__title-scribbler {
    display: block;
  }
}
.agora--narrow-banner__title-scribbler--pattern-only {
  display: none;
}
@media (min-width: 1400px) {
  .agora--narrow-banner__title-scribbler--pattern-only {
    display: block;
    right: -30%;
    top: -65%;
  }
}
.agora--narrow-banner__subtitle {
  color: var(--color-text-light-1);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 768px) {
  .agora--narrow-banner__subtitle {
    line-height: 28px;
  }
}
.agora--narrow-banner__cta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 768px) {
  .agora--narrow-banner__cta {
    gap: 24px;
  }
}
.agora--narrow-banner__media {
  display: flex;
  flex: 1;
  flex-direction: column;
  order: -1;
  width: 100%;
}
@media (min-width: 1400px) {
  .agora--narrow-banner__media {
    flex: 0 0 648px;
    order: unset;
    width: 648px;
  }
}
.agora--narrow-banner__image-scribbler-container {
  position: relative;
}
.agora--narrow-banner__scribbler {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
@media (min-width: 1400px) {
  .agora--narrow-banner__scribbler {
    display: block;
  }
}
.agora--narrow-banner__scribbler--top {
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}
.agora--narrow-banner__scribbler--bottom {
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}
.agora--narrow-banner__image-wrapper {
  aspect-ratio: 648/432;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.agora--narrow-banner__image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.agora--narrow-banner--centered .agora-container {
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.agora--narrow-banner--centered .agora--narrow-banner__content {
  align-items: center;
  flex: none;
  text-align: center;
  width: 100%;
}
@media (min-width: 1400px) {
  .agora--narrow-banner--centered .agora--narrow-banner__content {
    max-width: 874px;
  }
}
.agora--narrow-banner--centered .agora--narrow-banner__cta {
  justify-content: center;
}
.agora--narrow-banner--centered .agora--narrow-banner__image-wrapper {
  display: none;
}
.agora--narrow-banner--centered .agora--narrow-banner__media {
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.agora--narrow-banner--centered .agora--narrow-banner__image-scribbler-container {
  inset: 0;
  position: absolute;
}
.agora--narrow-banner--centered .agora--narrow-banner__scribbler--top {
  display: none;
  left: auto;
  right: 0;
  transform: translateY(-50%);
}
@media (min-width: 1400px) {
  .agora--narrow-banner--centered .agora--narrow-banner__scribbler--top {
    display: block;
  }
}
.agora--narrow-banner--centered .agora--narrow-banner__scribbler--bottom {
  bottom: 0;
  display: none;
  left: 0;
  right: auto;
  transform: translateY(50%);
}
@media (min-width: 1400px) {
  .agora--narrow-banner--centered .agora--narrow-banner__scribbler--bottom {
    display: block;
  }
}
.agora--narrow-banner--with-pattern {
  background: linear-gradient(180deg, #859b78 0%, #ffffff 100%);
}
@media (min-width: 1400px) {
  .agora--narrow-banner--with-pattern {
    background: linear-gradient(180deg, #859b78 73.07%, #ffffff 100%);
  }
}
.agora--narrow-banner--with-pattern .agora-container {
  align-items: center;
}
@media (min-width: 1400px) {
  .agora--narrow-banner--with-pattern .agora-container {
    align-items: unset;
  }
}
.agora--narrow-banner--with-pattern .agora--narrow-banner__content {
  align-items: center;
  text-align: center;
}
@media (min-width: 1400px) {
  .agora--narrow-banner--with-pattern .agora--narrow-banner__content {
    align-items: unset;
    text-align: unset;
  }
}
.agora--narrow-banner--with-pattern .agora--narrow-banner__cta {
  justify-content: center;
}
@media (min-width: 1400px) {
  .agora--narrow-banner--with-pattern .agora--narrow-banner__cta {
    justify-content: unset;
  }
}
.agora--narrow-banner--with-pattern .agora--narrow-banner__title {
  color: var(--color-white);
  justify-content: center;
}
@media (min-width: 1400px) {
  .agora--narrow-banner--with-pattern .agora--narrow-banner__title {
    justify-content: unset;
  }
}
.agora--narrow-banner--with-pattern .agora--narrow-banner__subtitle,
.agora--narrow-banner--with-pattern .agora--narrow-banner__subtitle > p {
  color: var(--color-white);
}
.agora--narrow-banner--with-pattern .agora--narrow-banner__media {
  display: none;
}
.agora--narrow-banner--with-pattern .agora-btn.agora-btn--primary {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-amulet);
}
.agora--narrow-banner--with-pattern .agora-btn.agora-btn--primary:hover {
  background-color: var(--color-coral);
  border-color: var(--color-coral);
  color: var(--color-white);
}
.agora--narrow-banner--with-pattern .agora--narrow-banner__infinite {
  display: flex;
  height: 230px;
  margin-left: -20px;
  margin-right: -20px;
  opacity: 0.4;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  width: calc(100% + 40px);
}
.agora--narrow-banner--with-pattern .agora--narrow-banner__infinite img,
.agora--narrow-banner--with-pattern .agora--narrow-banner__infinite svg {
  flex-shrink: 0;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  width: auto;
}
@media (min-width: 1400px) {
  .agora--narrow-banner--with-pattern .agora--narrow-banner__infinite {
    bottom: 0;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    width: auto;
  }
  .agora--narrow-banner--with-pattern .agora--narrow-banner__infinite img,
  .agora--narrow-banner--with-pattern .agora--narrow-banner__infinite svg {
    flex-shrink: unset;
    height: auto;
    object-fit: unset;
    width: auto;
  }
}

.agora--map__title {
  color: var(--color-nile-blue);
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 44px;
  margin: 0 0 32px;
  text-align: center;
}
.agora--map__locations {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.agora--map__location {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .agora--map__location {
    align-items: flex-start;
    flex-direction: row;
    gap: 40px;
  }
}
.agora--map__location-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .agora--map__location-info {
    flex: 0 0 300px;
    width: 300px;
  }
}
.agora--map__location-title {
  color: var(--color-nile-blue);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.agora--map__location-address {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
  white-space: pre-line;
}
.agora--map__location-phone, .agora--map__location-email {
  color: var(--color-nile-blue);
  display: block;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}
.agora--map__location-phone:hover, .agora--map__location-email:hover {
  color: var(--color-amulet);
  text-decoration: underline;
}
.agora--map__location-map {
  border-radius: 16px;
  flex: 1;
  overflow: hidden;
  width: 100%;
}
.agora--map__location-map iframe {
  border: 0;
  display: block;
  height: 450px;
  width: 100%;
}

.agora--case-study-banner {
  background-color: var(--color-white);
}
.agora--case-study-banner .agora-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1400px) {
  .agora--case-study-banner .agora-container {
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
  }
}
.agora--case-study-banner__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (min-width: 1400px) {
  .agora--case-study-banner__content {
    flex: 0 0 648px;
    width: 648px;
  }
}
.agora--case-study-banner__logo img {
  display: block;
  height: auto;
  max-height: 27px;
  max-width: 104px;
  object-fit: contain;
  width: auto;
}
.agora--case-study-banner__title {
  color: var(--color-nile-blue);
  font-family: var(--font-brand);
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 56px;
  margin: 0;
}
.agora--case-study-banner__title a {
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-decoration: none;
}
.agora--case-study-banner__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
  justify-content: flex-start;
}
.agora--case-study-banner__category {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
}
.agora--case-study-banner__category-title {
  color: var(--color-text-light-2);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.agora--case-study-banner__category-content {
  color: var(--color-text-basic);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.agora--case-study-banner a.agora--case-study-banner__image {
  cursor: pointer;
  display: block;
}
.agora--case-study-banner__image {
  flex: 1;
  position: relative;
  width: 100%;
}
@media (min-width: 1400px) {
  .agora--case-study-banner__image {
    flex: 0 0 648px;
    width: 648px;
  }
}
.agora--case-study-banner__image img:not(.agora--case-study-banner__scribbler) {
  aspect-ratio: 648/432;
  border-radius: 16px;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.agora--case-study-banner__scribbler {
  bottom: -8px;
  display: none;
  left: -48px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
@media (min-width: 1400px) {
  .agora--case-study-banner__scribbler {
    display: block;
  }
}

.agora--case-study-list__header {
  color: var(--color-nile-blue);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0 0 32px;
}
@media (min-width: 768px) {
  .agora--case-study-list__header {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora--case-study-list__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  transition: opacity 0.2s ease;
}
@media (max-width: 991px) {
  .agora--case-study-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .agora--case-study-list__grid {
    grid-template-columns: 1fr;
  }
}
.agora--case-study-list__card {
  background-color: var(--color-grey-light);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 16px 12px;
}
.agora--case-study-list__card-thumbnail {
  aspect-ratio: 3/2;
  border-radius: 8px;
  display: block;
  overflow: hidden;
  width: 100%;
}
.agora--case-study-list__card-thumbnail a {
  display: block;
  height: 100%;
  width: 100%;
}
.agora--case-study-list__card-thumbnail-img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  width: 100%;
}
.agora--case-study-list__card:hover .agora--case-study-list__card-thumbnail-img {
  transform: scale(1.04);
}
.agora--case-study-list__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
}
.agora--case-study-list__card-title {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--case-study-list__card-title {
    font-size: 24px;
    line-height: 28px;
  }
}
.agora--case-study-list__card-title a {
  color: var(--color-text-basic);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.agora--case-study-list__card-title a:hover {
  color: var(--color-nile-blue-dark-1);
}
.agora--case-study-list__card-summary {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  color: var(--color-text-light-1);
  display: -webkit-box;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agora--case-study-list__card-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  min-height: 32px;
}
.agora--case-study-list__card-logo {
  align-items: center;
  display: flex;
}
.agora--case-study-list__card-logo img {
  display: block;
  height: auto;
  max-height: 32px;
  max-width: 100px;
  object-fit: contain;
  width: auto;
}
.agora--case-study-list__card-link {
  color: var(--color-amulet);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
.agora--case-study-list__card-link:hover {
  color: var(--color-amulet-dark-1);
  text-decoration: none;
}
.agora--case-study-list__cta {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.agora--case-study-list__empty {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.agora--blog-list__top-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .agora--blog-list__top-bar {
    align-items: flex-start;
    flex-direction: column;
  }
}
.agora--blog-list__filters {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.agora--blog-list__filter {
  align-items: center;
  background-color: var(--color-grey-light);
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--color-text-basic);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 20px;
  padding: 4px 8px;
  text-transform: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media (min-width: 768px) {
  .agora--blog-list__filter {
    line-height: 28px;
  }
}
.agora--blog-list__filter:hover {
  background-color: #e8e8ed;
}
.agora--blog-list__filter--active {
  background-color: var(--color-amulet-light-2);
  color: var(--color-amulet);
}
.agora--blog-list__filter--active:hover {
  background-color: var(--color-amulet-light-2);
  color: var(--color-amulet);
}
@media (max-width: 767px) {
  .agora--blog-list__search {
    width: 100%;
  }
}
.agora--blog-list__search-form {
  align-items: center;
  background-color: var(--color-grey-light);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 8px 12px;
}
@media (max-width: 767px) {
  .agora--blog-list__search-form {
    width: 100%;
  }
}
.agora--blog-list__search-icon {
  display: block;
  flex-shrink: 0;
  height: 20px;
  opacity: 0.5;
  width: 20px;
}
.agora--blog-list__search-input {
  background-color: transparent;
  border: none;
  color: var(--color-text-basic);
  flex: 1;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: 180px;
  outline: none;
  padding: 0;
}
@media (min-width: 768px) {
  .agora--blog-list__search-input {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .agora--blog-list__search-input {
    min-width: 0;
    width: 100%;
  }
}
.agora--blog-list__search-input::placeholder {
  color: var(--color-text-light-2);
}
.agora--blog-list__search-button.agora-btn--primary {
  align-items: center;
  background-color: var(--color-amulet);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--color-white);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 20px;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: none;
  transition: background-color 0.2s ease;
}
@media (min-width: 768px) {
  .agora--blog-list__search-button.agora-btn--primary {
    line-height: 28px;
    padding: 12px 20px;
  }
}
.agora--blog-list__search-button.agora-btn--primary:hover {
  background-color: var(--color-coral);
  color: var(--color-white);
}
.agora--blog-list__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  transition: opacity 0.2s ease;
}
@media (max-width: 991px) {
  .agora--blog-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .agora--blog-list__grid {
    grid-template-columns: 1fr;
  }
}
.agora--blog-list__no-results {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  grid-column: 1/-1;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .agora--blog-list__no-results {
    font-size: 16px;
    line-height: 24px;
  }
}
.agora--blog-list__no-results--js {
  display: none;
}
.agora--blog-list__card {
  background-color: var(--color-grey-light);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  max-height: 630px;
  overflow: hidden;
  padding: 16px 12px;
}
.agora--blog-list__card-thumbnail {
  aspect-ratio: 3/2;
  border-radius: 8px;
  display: block;
  overflow: hidden;
  width: 100%;
}
.agora--blog-list__card-thumbnail a {
  display: block;
  height: 100%;
  width: 100%;
}
.agora--blog-list__card-thumbnail-img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  width: 100%;
}
.agora--blog-list__card:hover .agora--blog-list__card-thumbnail-img {
  transform: scale(1.04);
}
.agora--blog-list__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
}
.agora--blog-list__card-meta {
  align-items: center;
  display: flex;
  gap: 4px;
}
.agora--blog-list__card-date {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.agora--blog-list__card-date::after {
  content: "-";
  margin: 0 4px;
}
.agora--blog-list__card-author {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.agora--blog-list__card-title {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 768px) {
  .agora--blog-list__card-title {
    font-size: 24px;
    line-height: 28px;
  }
}
.agora--blog-list__card-title a {
  color: var(--color-text-basic);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.agora--blog-list__card-title a:hover {
  color: var(--color-nile-blue-dark-1);
}
.agora--blog-list__card-excerpt {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  line-clamp: 9;
  color: var(--color-text-light-1);
  display: -webkit-box;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agora--blog-list__cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.agora--featured-blog__header {
  color: var(--color-nile-blue);
  margin-bottom: 32px;
}
.agora--featured-blog__layout {
  align-items: flex-start;
  display: flex !important;
  gap: 20px;
}
@media (max-width: 767px) {
  .agora--featured-blog__layout {
    display: none !important;
  }
}
.agora--featured-blog__main {
  display: flex;
  flex: 762;
  flex-direction: column;
  min-width: 0;
}
.agora--featured-blog__main-image {
  aspect-ratio: 16/9;
  border-radius: 12px;
  display: block;
  max-height: 413px;
  overflow: hidden;
  width: 100%;
}
.agora--featured-blog__main-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  width: 100%;
}
.agora--featured-blog__main-image:hover img {
  transform: scale(1.03);
}
.agora--featured-blog__main-meta {
  align-items: center;
  display: flex;
  gap: 4px;
  margin-top: 24px;
}
.agora--featured-blog__main-date {
  color: var(--color-text-light-1);
  font-size: 14px;
}
.agora--featured-blog__main-date::after {
  content: "-";
  margin: 0 6px;
}
.agora--featured-blog__main-author {
  color: var(--color-text-light-1);
  font-size: 14px;
}
.agora--featured-blog__main-title {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .agora--featured-blog__main-title {
    font-size: 28px;
    line-height: 36px;
  }
}
.agora--featured-blog__main-title a {
  color: var(--color-nile-blue);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.agora--featured-blog__main-title a:hover {
  color: var(--color-nile-blue-dark-1);
}
.agora--featured-blog__sidebar {
  display: flex;
  flex: 538;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.agora--featured-blog__item {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.agora--featured-blog__item-image {
  border-radius: 8px;
  display: block;
  flex: 0 0 calc(50% - 8px);
  height: 175.33px;
  overflow: hidden;
  width: calc(50% - 8px);
}
.agora--featured-blog__item-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  width: 100%;
}
.agora--featured-blog__item-image:hover img {
  transform: scale(1.05);
}
.agora--featured-blog__item-content {
  flex: 0 0 calc(50% - 8px);
  min-width: 0;
  width: calc(50% - 8px);
}
.agora--featured-blog__item-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}
.agora--featured-blog__item-date {
  color: var(--color-text-light-1);
  font-size: 12px;
}
.agora--featured-blog__item-date::after {
  content: "-";
  margin: 0 4px;
}
.agora--featured-blog__item-author {
  color: var(--color-text-light-1);
  font-size: 12px;
}
.agora--featured-blog__item-title {
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
.agora--featured-blog__item-title a {
  color: var(--color-text-basic);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.agora--featured-blog__item-title a:hover {
  color: var(--color-nile-blue-dark-1);
}
.agora--featured-blog__mobile-slider {
  display: none !important;
}
@media (max-width: 767px) {
  .agora--featured-blog__mobile-slider {
    display: block !important;
  }
}
.agora--featured-blog__slider {
  overflow: hidden;
}
.agora--featured-blog__slider .swiper-wrapper {
  align-items: stretch;
  display: flex;
}
.agora--featured-blog__slider .swiper-slide {
  flex-shrink: 0;
  width: 100%;
}
.agora--featured-blog__slider-footer {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 24px;
}
.agora--featured-blog__prev-button, .agora--featured-blog__next-button {
  background-color: var(--color-grey-light);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  height: 36px;
  transition: background-color 0.25s ease;
  width: 36px;
}
.agora--featured-blog__prev-button:hover, .agora--featured-blog__next-button:hover {
  background-color: #e8e8ed;
}
.agora--featured-blog__prev-button:disabled, .agora--featured-blog__next-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.agora--featured-blog__prev-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5956 8.30273L8.16485 11.6296C7.94505 11.8428 7.94505 12.1573 8.16485 12.3704L14.7953 18.8001C15.2091 19.2013 16 18.9581 16 18.4297V12.7071L11.5956 8.30273Z' fill='%231C364F'/%3E%3Cpath opacity='0.5' d='M16 11.2929L16 5.5703C16 5.04189 15.2091 4.79869 14.7953 5.1999L12.3136 7.60648L16 11.2929Z' fill='%231C364F'/%3E%3C/svg%3E");
}
.agora--featured-blog__next-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4044 8.30273L15.8351 11.6296C16.0549 11.8428 16.0549 12.1573 15.8351 12.3704L9.20467 18.8001C8.79094 19.2013 8 18.9581 8 18.4297V12.7071L12.4044 8.30273Z' fill='%231C364F'/%3E%3Cpath opacity='0.5' d='M8.00012 11.2929L8.00012 5.5703C8.00012 5.04189 8.79106 4.79869 9.20479 5.1999L11.6865 7.60648L8.00012 11.2929Z' fill='%231C364F'/%3E%3C/svg%3E");
}
.agora--featured-blog__pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.agora--featured-blog__pagination .swiper-pagination-bullet {
  background-color: var(--color-grey-light-1);
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 8px;
  opacity: 1;
  transition: background-color 0.25s ease;
  width: 8px;
}
.agora--featured-blog__pagination .swiper-pagination-bullet-active {
  background-color: var(--color-amulet);
}
.agora--featured-blog__slide-image {
  aspect-ratio: 16/9;
  border-radius: 12px;
  display: block;
  overflow: hidden;
  width: 100%;
}
.agora--featured-blog__slide-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.agora--featured-blog__slide-meta {
  align-items: center;
  display: flex;
  gap: 4px;
  margin-top: 16px;
}
.agora--featured-blog__slide-date {
  color: var(--color-text-light-1);
  font-size: 14px;
}
.agora--featured-blog__slide-date::after {
  content: "-";
  margin: 0 6px;
}
.agora--featured-blog__slide-author {
  color: var(--color-text-light-1);
  font-size: 14px;
}
.agora--featured-blog__slide-title {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .agora--featured-blog__slide-title {
    font-size: 28px;
    line-height: 36px;
  }
}
.agora--featured-blog__slide-title a {
  color: var(--color-nile-blue);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.agora--featured-blog__slide-title a:hover {
  color: var(--color-nile-blue-dark-1);
}

.agora--form {
  background-color: var(--color-white);
}
.agora--form__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .agora--form__inner {
    align-items: stretch;
    flex-direction: row;
  }
}
.agora--form__form {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  min-width: 0;
}
@media (min-width: 768px) {
  .agora--form__form {
    order: 0;
  }
}
.agora--form__intro {
  color: var(--color-text-basic);
  font-family: var(--font-body);
  margin: 0;
}
.agora--form__placeholder {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: italic;
}
.agora--form__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
@media (min-width: 768px) {
  .agora--form__content {
    flex: 1;
    order: 1;
  }
}
.agora--form__image-scribbler-container {
  flex: 1;
  max-height: 561px;
  min-height: 240px;
  position: relative;
}
.agora--form__scribbler {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .agora--form__scribbler {
    display: block;
  }
}
.agora--form__scribbler--top {
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-30%);
}
.agora--form__scribbler--bottom {
  bottom: 0;
  right: 0;
  transform: translateY(50%);
}
.agora--form__image-wrapper {
  border-radius: 16px;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.agora--form__image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.agora--form .hs-form,
.agora--form .form-title {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
.agora--form .form-title {
  color: var(--color-nile-blue);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 16px;
}
.agora--form .form-title:empty {
  display: none;
  margin: 0;
}
.agora--form .hs-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.agora--form .hs-form fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  max-width: none !important;
  width: 100%;
}
.agora--form .hs-form .hs-form-field {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
  min-width: 0;
}
@media (min-width: 768px) {
  .agora--form .hs-form .form-columns-2 .hs-form-field {
    flex: 1 1 calc(50% - 12px);
  }
}
.agora--form .hs-form label {
  color: var(--color-nile-blue);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.agora--form .hs-form .hs-form-required {
  color: var(--color-coral);
  margin-left: 2px;
}
.agora--form .hs-form .input {
  margin: 0;
}
.agora--form .hs-form .hs-input {
  background: var(--color-white);
  border: 1px solid var(--color-grey-basic);
  border-radius: 4px;
  color: var(--color-text-basic);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.5;
  padding: 10px 14px;
  transition: border-color 0.15s ease;
  width: 100% !important;
}
.agora--form .hs-form .hs-input:focus {
  border-color: var(--color-nile-blue);
  outline: none;
}
.agora--form .hs-form .hs-input::placeholder {
  color: var(--color-text-light-2);
}
.agora--form .hs-form .hs-input.invalid.error {
  border-color: #e53e3e;
}
.agora--form .hs-form textarea.hs-input {
  height: 100px;
  min-height: 100px;
  resize: none;
}
.agora--form .hs-form .hs-error-msgs {
  color: #e53e3e;
  font-family: var(--font-body);
  font-size: 12px;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}
.agora--form .hs-form .hs-button {
  align-items: center;
  background-color: var(--color-amulet);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--color-white);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 28px;
  padding: 12px 20px;
  text-transform: none;
  transition: background-color 0.2s ease;
  width: 100%;
}
@media (min-width: 768px) {
  .agora--form .hs-form .hs-button {
    width: auto;
  }
}
.agora--form .hs-form .hs-button:hover, .agora--form .hs-form .hs-button:focus {
  background-color: var(--color-coral);
  color: var(--color-white);
}
.agora--form .submitted-message,
.agora--form .hs-form__success {
  background-color: var(--color-eucalyptus-light-2);
  border-radius: 8px;
  color: var(--color-eucalyptus-dark-1);
  font-family: var(--font-heading);
  font-size: 16px;
  line-height: 28px;
  padding: 10px;
}

.agora--sidebar-cta {
  background: var(--color-primary);
  border-radius: var(--radius-xl);
  color: var(--color-white);
  padding: 28px;
  text-align: center;
}
.agora--sidebar-cta__image {
  border-radius: var(--radius-md);
  display: block;
  height: auto;
  margin: 0 auto 20px;
  max-width: 100%;
  width: 80px;
}
.agora--sidebar-cta__title {
  font-family: var(--font-brand);
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px;
}
.agora--sidebar-cta__text {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 20px;
  opacity: 0.85;
}
.agora--sidebar-cta .agora-btn--primary {
  background: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-primary);
  width: 100%;
}
.agora--sidebar-cta .agora-btn--primary:hover {
  opacity: 0.9;
}

.agora--sidebar-newsletter {
  background: var(--color-nile-blue-light-3);
  border-radius: var(--radius-xl);
  margin-top: 20px;
  padding: 28px;
}
.agora--sidebar-newsletter__title {
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px;
}
.agora--sidebar-newsletter__description {
  color: var(--color-text-light-1);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px;
}
.agora--sidebar-newsletter .hs-form .hs-input {
  background: var(--color-white);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 10px 14px;
  width: 100% !important;
}
.agora--sidebar-newsletter .hs-form .hs-input:focus {
  border-color: var(--color-primary);
  outline: none;
}
.agora--sidebar-newsletter .hs-form .hs-button {
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-pill);
  color: var(--color-white);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
  padding: 10px 20px;
  transition: opacity var(--transition-base);
  width: 100%;
}
.agora--sidebar-newsletter .hs-form .hs-button:hover {
  opacity: 0.85;
}

.agora--blog-post__layout {
  display: grid;
  gap: 48px;
  grid-template-columns: 1fr;
  padding: 48px 0;
}
@media (min-width: 992px) {
  .agora--blog-post__layout {
    grid-template-columns: 1fr 320px;
  }
}

.agora--blog-post__featured-image {
  border-radius: var(--radius-xl);
  margin-bottom: 28px;
  overflow: hidden;
}
.agora--blog-post__featured-image img {
  aspect-ratio: 16/7;
  display: block;
  object-fit: cover;
  width: 100%;
}

.agora--blog-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.agora--blog-post__tag {
  background: var(--color-nile-blue-light-3);
  border-radius: var(--radius-pill);
  color: var(--color-primary);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 4px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.agora--blog-post__title {
  font-family: var(--font-brand);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .agora--blog-post__title {
    font-size: 42px;
  }
}

.agora--blog-post__meta {
  align-items: center;
  border-bottom: 1px solid var(--color-grey-light-1);
  color: var(--color-text-light-1);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-body);
  font-size: 14px;
  gap: 12px;
  margin-bottom: 32px;
  padding-bottom: 20px;
}

.agora--blog-post__author a {
  color: var(--color-primary);
  text-decoration: none;
}

.agora--blog-post__body.agora-wysiwyg {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.8;
}
.agora--blog-post__body.agora-wysiwyg h2, .agora--blog-post__body.agora-wysiwyg h3, .agora--blog-post__body.agora-wysiwyg h4 {
  font-family: var(--font-brand);
  font-weight: 500;
  margin-top: 2em;
}
.agora--blog-post__body.agora-wysiwyg a {
  color: var(--color-primary);
}
.agora--blog-post__body.agora-wysiwyg img {
  border-radius: var(--radius-md);
  height: auto;
  max-width: 100%;
}
.agora--blog-post__body.agora-wysiwyg blockquote {
  border-left: 4px solid var(--color-amulet);
  margin: 28px 0;
  padding-left: 20px;
  font-style: italic;
  color: var(--color-text-light-1);
}

.agora--blog-post__related {
  border-top: 1px solid var(--color-grey-light-1);
  margin-top: 48px;
  padding-top: 40px;
}

.agora--blog-post__related-title {
  font-family: var(--font-brand);
  font-size: 24px;
  margin: 0 0 24px;
}

.agora--blog-post__related-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
body.no-scroll {
  overflow: hidden;
}

.agora-contact-modal {
  inset: 0;
  pointer-events: none;
  position: fixed;
  transition: visibility 0s 0.35s;
  visibility: hidden;
  z-index: 600;
}
.agora-contact-modal.is-open {
  pointer-events: auto;
  transition: visibility 0s;
  visibility: visible;
}
.agora-contact-modal__overlay {
  background: var(--color-overlay);
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
}
.agora-contact-modal.is-open .agora-contact-modal__overlay {
  opacity: 1;
}
.agora-contact-modal__panel {
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  overflow-y: auto;
  padding: 12px 20px;
  position: fixed;
  border-radius: 16px 16px 0 0;
  bottom: 0;
  height: 416px;
  left: 0;
  right: 0;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .agora-contact-modal__panel {
    border-radius: 16px 0 0 16px;
    bottom: auto;
    height: 100dvh;
    left: auto;
    padding: 24px;
    right: 0;
    top: 0;
    width: 424px;
    transform: translateX(100%);
  }
}
.agora-contact-modal.is-open .agora-contact-modal__panel {
  transform: translateY(0);
}
@media (min-width: 768px) {
  .agora-contact-modal.is-open .agora-contact-modal__panel {
    transform: translateX(0);
  }
}
.agora-contact-modal__close {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-primary-dark);
  cursor: pointer;
  display: none;
  height: 24px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 48px;
  top: 48px;
  width: 24px;
}
@media (min-width: 768px) {
  .agora-contact-modal__close {
    display: inline-flex;
  }
}
.agora-contact-modal__close:hover, .agora-contact-modal__close:focus {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--color-primary-dark);
  outline: none;
}
.agora-contact-modal__close svg {
  display: block;
  height: 24px;
  width: 24px;
}
.agora-contact-modal__title {
  color: var(--color-text-dark-2);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 32px;
  margin: 0;
  text-transform: none;
}
@media (min-width: 768px) {
  .agora-contact-modal__title {
    font-size: 32px;
    line-height: 44px;
  }
}
.agora-contact-modal__desc {
  color: var(--color-text-light-2);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 8px 0 0;
}
@media (min-width: 768px) {
  .agora-contact-modal__desc {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin: 12px 0 0;
  }
}
.agora-contact-modal__cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .agora-contact-modal__cards {
    gap: 24px;
    margin-top: 45px;
  }
}
.agora-contact-modal__card {
  align-items: center;
  background: transparent;
  border: 1px solid var(--color-grey-light);
  border-radius: 12px;
  color: var(--color-primary-dark);
  display: flex;
  gap: 12px;
  padding: 16px;
  text-decoration: none;
}
.agora-contact-modal__card-icon {
  align-items: center;
  color: var(--color-primary-dark);
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.agora-contact-modal__card-icon svg {
  display: block;
  fill: currentColor;
  height: 100%;
  width: 100%;
}
.agora-contact-modal__card-text {
  color: var(--color-text-dark-1);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 768px) {
  .agora-contact-modal__card-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.agora-contact-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .agora-contact-modal__actions {
    flex-direction: row;
    gap: 16px;
    margin-top: 24px;
  }
}
.agora-contact-modal__actions .button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  display: inline-flex;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 1.4;
  padding: 12px !important;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  width: 100%;
}
@media (min-width: 768px) {
  .agora-contact-modal__actions .button {
    flex: 1;
    width: auto;
  }
}
.agora-contact-modal__actions .button.primary {
  background-color: var(--color-amulet);
  color: var(--color-white);
}
.agora-contact-modal__actions .button.primary:hover {
  background-color: var(--color-coral);
  color: var(--color-white);
}
.agora-contact-modal__actions .button.secondary {
  background-color: var(--color-white);
  border-color: var(--color-eucalyptus);
  color: var(--color-eucalyptus);
}
.agora-contact-modal__actions .button.secondary:hover {
  background-color: var(--color-eucalyptus);
  color: var(--color-white);
}
.agora-contact-modal__scribbler {
  display: none;
  pointer-events: none;
}
@media (min-width: 768px) {
  .agora-contact-modal__scribbler {
    bottom: 10%;
    display: block;
    left: 50%;
    margin-top: auto;
    position: absolute;
    transform: translateX(-50%);
    width: 120px;
  }
}
/* Menu and simple menu */
.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}
/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}
.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}
/* CTA, logo, and rich text images */
.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */
.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}