@charset "UTF-8";@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Icons */
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?97580eafcae633d50412b7d7072554ef')
    format('woff2');
  font-display: swap;
  font-weight: 400;
}

:root {
  --icon-x-twitter: '\f101';
  --icon-whatsapp: '\f102';
  --icon-telegram-plane: '\f103';
  --icon-square-youtube: '\f104';
  --icon-rating-star: '\f105';
  --icon-plus: '\f106';
  --icon-minus: '\f107';
  --icon-map-pin: '\f108';
  --icon-mail: '\f109';
  --icon-linkedin-in: '\f10a';
  --icon-link-extend: '\f10b';
  --icon-instagram: '\f10c';
  --icon-info: '\f10d';
  --icon-facebook-f: '\f10e';
  --icon-eye: '\f10f';
  --icon-eye-off: '\f110';
  --icon-envelope: '\f111';
  --icon-chevrons-up: '\f112';
  --icon-chevrons-right: '\f113';
  --icon-chevrons-left: '\f114';
  --icon-chevrons-down: '\f115';
  --icon-chevron-up: '\f116';
  --icon-chevron-right: '\f117';
  --icon-chevron-left: '\f118';
  --icon-chevron-down: '\f119';
  --icon-checkbox-outline: '\f11a';
  --icon-check: '\f11b';
  --icon-at-sign: '\f11c';
  --icon-arrow-up: '\f11d';
  --icon-arrow-right: '\f11e';
  --icon-arrow-left: '\f11f';
  --icon-arrow-down: '\f120';
  --icon-alert-circle: '\f121';
}

[class*='icon-']:not(.rmp-icon) {
  display: inline-flex;
  align-items: center;
  font-style: normal;
}

[class*='icon-']:not(.rmp-icon)::before {
  font-family: iconfont;
  font-style: normal;
}

[class*='icon-x-twitter']::before {
  content: '\f101';
}

[class*='icon-whatsapp']::before {
  content: '\f102';
}

[class*='icon-telegram-plane']::before {
  content: '\f103';
}

[class*='icon-square-youtube']::before {
  content: '\f104';
}

[class*='icon-rating-star']::before {
  content: '\f105';
}

[class*='icon-plus']::before {
  content: '\f106';
}

[class*='icon-minus']::before {
  content: '\f107';
}

[class*='icon-map-pin']::before {
  content: '\f108';
}

[class*='icon-mail']::before {
  content: '\f109';
}

[class*='icon-linkedin-in']::before {
  content: '\f10a';
}

[class*='icon-link-extend']::before {
  content: '\f10b';
}

[class*='icon-instagram']::before {
  content: '\f10c';
}

[class*='icon-info']::before {
  content: '\f10d';
}

[class*='icon-facebook-f']::before {
  content: '\f10e';
}

[class*='icon-eye']::before {
  content: '\f10f';
}

[class*='icon-eye-off']::before {
  content: '\f110';
}

[class*='icon-envelope']::before {
  content: '\f111';
}

[class*='icon-chevrons-up']::before {
  content: '\f112';
}

[class*='icon-chevrons-right']::before {
  content: '\f113';
}

[class*='icon-chevrons-left']::before {
  content: '\f114';
}

[class*='icon-chevrons-down']::before {
  content: '\f115';
}

[class*='icon-chevron-up']::before {
  content: '\f116';
}

[class*='icon-chevron-right']::before {
  content: '\f117';
}

[class*='icon-chevron-left']::before {
  content: '\f118';
}

[class*='icon-chevron-down']::before {
  content: '\f119';
}

[class*='icon-checkbox-outline']::before {
  content: '\f11a';
}

[class*='icon-check']::before {
  content: '\f11b';
}

[class*='icon-at-sign']::before {
  content: '\f11c';
}

[class*='icon-arrow-up']::before {
  content: '\f11d';
}

[class*='icon-arrow-right']::before {
  content: '\f11e';
}

[class*='icon-arrow-left']::before {
  content: '\f11f';
}

[class*='icon-arrow-down']::before {
  content: '\f120';
}

[class*='icon-alert-circle']::before {
  content: '\f121';
}

/* stylelint-disable */
/* stylelint-disable */
/*
 * https://dev.to/janeori/css-type-casting-to-numeric-tanatan2-scalars-582j
 * https://css-tip.com/screen-dimension/
*/
@property --100vw {
  inherits: false;
  initial-value: 0;
  syntax: "<length>";
}
@property --100vh {
  inherits: false;
  initial-value: 0;
  syntax: "<length>";
}
:root {
  /* Viewport Dimensions */
  --100vw: 100vw;
  --100vh: 100vh;
  --viewport-width: calc(tan(atan2(var(--100vw), 0.0625rem)));
  --viewport-height: calc(tan(atan2(var(--100vh), 0.0625rem)));
  /* calc() wrapper required for Safari, bug:
  // https://bugs.webkit.org/show_bug.cgi?id=263000
  */
  /* BASE (in px) */
  --base-font-size: 1rem;
  /* Container Settings */
  --content-width: 80rem;
  --content-width-xs: 47.5rem;
  --content-width-sm: 61.25rem;
  --content-width-lg: 98.75rem;
  --container-padding: 1.5rem;
  --container: calc(var(--content-width) + 2 * var(--container-padding));
  --container-xs: calc(var(--content-width-xs) + 2 * var(--container-padding));
  --container-sm: calc(var(--content-width-sm) + 2 * var(--container-padding));
  --container-lg: calc(var(--content-width-lg) + 2 * var(--container-padding));
  /* Fonts */
  --font-family-poppins: "Poppins", sans-serif;
  --font-family-arial: "Arial", "Helvetica", sans-serif;
  --font-family-roboto: "Roboto", sans-serif;
  --font-family-primary: var(--font-family-roboto);
  --font-family-secondary: var(--font-family-arial);
  --font-icons: "iconfont";
  /* Fonts Body */
  --body-font-family: var(--font-family-primary);
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.42;
  /* Fonts Display (Heading) */
  --display-font-family: var(--font-family-primary);
  --display-font-weight: 700;
  --display-line-height: 1.2;
  --h1-font-size: clamp(1.944rem, calc(2.1767vw + 1.5087rem), 3.25rem);
  --h1-line-height: var(--display-line-height);
  --h2-font-size: clamp(1.62rem, calc(1.05vw + 1.41rem), 2.25rem);
  --h2-font-weight: 600;
  --h2-line-height: var(--display-line-height);
  --h3-font-size: clamp(1.35rem, calc(1.083vw + 1.13rem), 2rem);
  --h3-line-height: var(--display-line-height);
  --h4-font-size: clamp(1.125rem, calc(0.417vw + 1.04rem), 1.375rem);
  --h4-line-height: var(--display-line-height);
  /* Colors */
  --color-black: #000;
  --color-black-500: #00000080;
  --color-black-800: rgb(0 0 0 / 80%);
  --color-black-sapphire: #444456;
  --color-black-flame: #46495c;
  --color-white: #fff;
  --color-gray: #c8c8c8;
  --color-gray-dull: #727272;
  --color-gray-goto: #dbd7d7;
  --color-aaquatic-wonderland: #8acbca;
  --color-crystal-bell: #efefef;
  --color-clouded-vision: #d1d1d1;
  --color-rocket-metallic: #898080;
  --color-kingly-cloud: #dddedf;
  --color-exotic-flower: #ffa04d;
  --color-boat-anchor: #6b6b6b;
  --color-bleached-silk: #f2f2f2;
  --color-coarse-wool: #171d22;
  --color-tinker-light: #fdeeb8;
  --color-dripping-ice: #d1dfee;
  /* State Colors */
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-danger: #dc3545;
  --color-info: #17a2b8;
  /* Primary / Secondary */
  --color-primary: var(--color-aaquatic-wonderland);
  /* Transitions */
  --transition-duration: 0.35s;
  --transition-duration-short: 0.25s;
  --transition-duration-long: 0.5s;
  --transition-duration-slow: 0.75s;
  --transition-primary: all var(--transition-duration) ease;
  /* Border Radius */
  --border-radius-4: 0.25rem;
  --border-radius-8: 0.5rem;
  --border-radius-12: 0.75rem;
  --border-radius-16: 1rem;
  --border-radius-20: 1.25rem;
  --border-radius-24: 1.5rem;
  --border-radius-32: 2rem;
  --border-radius-36: 2.25rem;
  /* Box Shadow */
  --box-shadow-01: 0 0.25rem 0.25rem -0.625rem rgb(0 0 0 / 4%), 0 0.8125rem 0.8125rem -0.625rem rgb(0 0 0 / 6%), 0 2.5rem 3.75rem -0.625rem rgb(0 0 0 / 8%);
  /* Scrollbar */
  --scrollbar-border-radius: 0;
  --scrollbar-width: 0.5rem;
  --scrollbar-height: 0.5rem;
  --scrollbar-bg-color: var(--color-gray);
  --scrollbar-thumb-color: var(--color-primary);
  /* Selection */
  --selection-bg-color: var(--color-primary);
  --selection-text-color: var(--color-white);
  /* Button */
  --button-border-width: 0.125rem;
  --button-border-style: solid;
  --button-border-color: var(--color-primary);
  --button-border-radius: 0.25rem;
  --button-height: 3rem;
  --button-padding-x: var(--space-m);
  --button-padding-y: 0.5rem;
  --button-font-size: 1.125rem;
  --button-font-weight: 700;
  --button-line-height: 1;
  --button-bg-color: var(--color-primary);
  --button-text-color: var(--color-white);
  /* Input */
  --input-border-width: 0.0625rem;
  --input-border-style: solid;
  --input-border-color: var(--color-kingly-cloud);
  --input-border-radius: 0.25rem;
  --input-height: 3rem;
  --input-padding-x: 1rem;
  --input-padding-y: 0.75rem;
  --input-font-size: 1rem;
  --input-font-weight: 300;
  --input-line-height: 1;
  --input-bg-color: var(--color-white);
  --input-text-color: var(--color-black);
  --input-placeholder-color: var(--color-boat-anchor);
  /* Select */
  --select-border-width: 0.0625rem;
  --select-border-style: solid;
  --select-border-color: var(--color-kingly-cloud);
  --select-border-radius: 0.25rem;
  --select-height: 3rem;
  --select-padding-x: 0.75rem;
  --select-padding-y: 0.5rem;
  --select-font-size: 1.125rem;
  --select-font-weight: 300;
  --select-line-height: 1;
  --select-bg-color: var(--color-white);
  --select-text-color: var(--color-black);
  --select-arrow-icon: var(--icon-chevron-down);
  /* Header */
  --header-height: 7.625rem;
  /* Spacing */
  --space-xs: clamp(0.84375rem, calc(-0.018vw + 0.84375rem), 0.84375rem);
  --space-s: clamp(1.1253rem, calc(0.2079vw + 1.0837rem), 1.25rem);
  --space-m: clamp(1.5rem, calc(0.625vw + 1.375rem), 1.875rem);
  --space-l: clamp(1.9995rem, calc(1.355vw + 1.7285rem), 2.8125rem);
  --space-xl: clamp(2.6653rem, calc(2.589vw + 2.1475rem), 4.2188rem);
  --space-xxl: clamp(3.5529rem, calc(4.625vw + 2.6278rem), 6.3281rem);
  --section-space-xs: clamp(1.6883rem, calc(1.3528vw + 1.4178rem), 2.5rem);
  --section-space-m: clamp(3rem, calc(4.375vw + 2.125rem), 5.625rem);
  --section-space-xxl: clamp(7.1058rem, calc(19.7978vw + 3.1462rem), 18.9844rem);
  --section-padding-block: var(--section-space-m);
  --paragraph-spacing: 1em;
  --heading-spacing: 1.5em;
  --list-spacing: 1em;
  --list-indent-spacing: 2em;
  --list-item-spacing: 0.5rem;
  --description-font-size: 1.125rem;
  --description-font-weight: 300;
  --description-line-height: var(--body-line-height);
  --text-s: clamp(0.75rem, calc(0vw + 0.75rem), 0.75rem);
  --text-m: clamp(1rem, calc(0.2083vw + 0.9583rem), 1.125rem);
  --text-l: clamp(1.2rem, calc(0.4994vw + 1.1001rem), 1.4996rem);
  --text-xl: clamp(1.44rem, calc(0.9317vw + 1.2537rem), 1.999rem);
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
  /* Tablet */
}
@media (max-width: 61rem) {
  :root {
    --container-padding: 0.875rem;
    --description-font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-duration: 0s;
  }
}
html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  scrollbar-gutter: stable;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main,
header,
footer {
  display: block;
}

hr {
  overflow: visible;
  height: 0;
}

:where(ul[class]) {
  list-style: none;
}

:where(ul, ol):where([class]) {
  padding-left: 0;
}

a {
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}

b,
strong {
  font-weight: 700;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

img {
  vertical-align: middle;
  shape-margin: 1rem;
  height: auto;
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0.75rem;
  font-style: italic;
}

video {
  max-width: 100%;
  height: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

legend {
  display: table;
  max-width: 100%;
  white-space: normal;
  color: inherit;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -0.125rem;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

[hidden] {
  display: none;
}

[fill] {
  fill: currentColor;
}

[stroke] {
  stroke: currentColor;
}

svg * {
  transition-property: fill, stroke;
}

/**
  Видаляємо анімації і переходи якщо вони вимкнуті 
 */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* ========== UTILS ========== */
/* Avoid content moving on overflow: hidden */
.disable-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

/* Wrapper to prevent horizontal scroll */
/* if you want use position: sticky; - need to remove // overflow: hidden // !!! */
.wrapper {
  overflow: hidden;
  min-height: 100vh;
  padding-top: var(--header-height);
}
@media (min-width: 62rem) {
  .wrapper--visible {
    overflow: visible;
  }
}
@media (min-width: 62rem) {
  .wrapper:has(.post-content-table) {
    overflow: visible;
  }
}

/* Container */
.container {
  margin: 0 auto;
  max-width: var(--container);
  padding-inline: var(--container-padding);
}
.container--sm {
  max-width: var(--container-sm);
}
.container--lg {
  max-width: var(--container-lg);
}

/* Section offset, immit container */
.offset-container {
  padding-left: max(var(--container-padding), (100vw - var(--content-width)) / 2);
}
@media (max-width: 61rem) {
  .offset-container {
    padding: 0 var(--container-padding);
  }
}

/* Focus State */
:focus-visible {
  outline: 0.125rem dashed var(--color-primary);
  outline-offset: 0.25rem;
  transition-duration: 0s !important;
}

/* Hiding class, making content visible only to screen readers but not visually */
/* "sr" meaning "screen-reader" */
.sr-only:not(:focus, :active) {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}

/* будь-який елемент, клас якого містить базовий BEM-елемент `__img`,
  і всередині є <picture><img …></picture> → робимо picture безблочним */
@supports selector(:has(*)) {
  :where([class$=__img], [class*="__img "]) :has(> picture > img) > :where(picture) {
    display: contents;
  }
}
.text-primary {
  color: var(--color-primary);
}

.text-danger {
  color: var(--color-danger);
}

.text-warning {
  color: var(--color-warning);
}

.text-success {
  color: var(--color-success);
}

@media (max-width: 61rem) {
  .pc-only {
    display: none !important;
  }
}

@media (min-width: 62rem) {
  .mobile-only {
    display: none !important;
  }
}

.w-full {
  width: 100%;
}

/* Description Text */
.description-text {
  font-size: var(--description-font-size);
  font-weight: var(--description-font-weight);
  line-height: var(--description-line-height);
}
.description-text ul:not([class]),
.description-text ol:not([class]) {
  padding-left: var(--list-indent-spacing);
}
.description-text ul > li:not(:last-child),
.description-text ol > li:not(:last-child) {
  margin-block-end: var(--list-item-spacing);
}

/* ========== HEADER ========== */
.header {
  --header-py: 2rem;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--color-white);
  transition: box-shadow var(--transition-duration), background-color var(--transition-duration), transform var(--transition-duration);
}
@media (max-width: 96.5rem) {
  .header {
    --header-py: 1.5rem;
  }
}
@media (max-width: 61rem) {
  .header {
    --header-py: 1rem;
  }
}
.header._scrolled {
  box-shadow: var(--box-shadow-01);
}
.header._hidden {
  box-shadow: none;
  transform: translateY(-100%);
}
.header__wrap {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: var(--header-py);
}
.header__logo {
  position: relative;
  z-index: 99;
  vertical-align: top;
  transition: opacity var(--transition-duration);
}
@media (max-width: 61rem) {
  .header__logo {
    max-width: 9.75rem;
  }
}
@media (any-hover: hover) {
  .header__logo:hover {
    opacity: 0.75;
  }
}
.header__logo:focus, .header__logo:active {
  opacity: 0.75;
}
.header__logo picture {
  display: contents;
}
.header__logo img {
  display: block;
  object-fit: contain;
}
@media (min-width: 62rem) {
  .header__menu {
    flex: 1 0 auto;
  }
}

/* Adaptive Menu */
.menu {
  --menu-arrow-width: 3rem;
}
@media (min-width: 62rem) {
  .menu__btn {
    display: none;
  }
}
@media (max-width: 61rem) {
  .menu__btn {
    --btn-size: 2.75rem;
    --btn-height: calc(var(--btn-size) * 0.6);
    --btn-line-height: calc(var(--btn-size) * 0.05);
    position: relative;
    z-index: 99;
    display: block;
    border: none;
    width: var(--btn-size);
    height: var(--btn-height);
    background: none;
  }
  .menu__btn span, .menu__btn::before, .menu__btn::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--btn-line-height);
    background-color: var(--color-black);
    transform-origin: center;
    transition: var(--transition-duration);
  }
  .menu__btn::before, .menu__btn::after {
    content: "";
  }
  .menu__btn::before {
    top: 0;
  }
  .menu__btn::after {
    top: auto;
    bottom: 0;
    translate: none;
  }
  .menu__btn._active::before {
    top: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: rotate(-45deg);
  }
  .menu__btn._active::after {
    bottom: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: rotate(45deg);
  }
  .menu__btn._active span {
    transform: scale(0) translate(0, -50%);
  }
  .menu__btn:not(:disabled) {
    cursor: pointer;
  }
  .menu__btn span {
    top: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: scale(1);
  }
}
.menu__arrow {
  --arrow-width: var(--menu-arrow-width, 3rem);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border: none;
  background: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: inherit;
}
@media (min-width: 62rem) {
  .menu__arrow {
    position: relative;
    top: -0.0625rem;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
    transition: color var(--transition-duration);
  }
}
@media (min-width: 80rem) {
  .menu__arrow {
    top: -0.125rem;
    font-size: 1.375rem;
  }
}
@media (max-width: 61rem) {
  .menu__arrow {
    flex: 0 0 var(--arrow-width);
    align-self: stretch;
    justify-content: flex-end;
    width: var(--arrow-width);
    height: auto;
    padding-right: 0.5rem;
    font-size: calc(var(--menu-arrow-width) * 0.5);
  }
}
.menu__arrow::before {
  content: var(--icon-chevron-down);
  display: inline-block;
  font-family: var(--font-icons);
  will-change: transform;
  transition: transform var(--transition-duration);
}
.menu__arrow:not(:disabled) {
  cursor: pointer;
}
@media (min-width: 62rem) {
  .menu__body {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem 1.5625rem;
  }
}
@media (max-width: 61rem) {
  .menu__body {
    position: fixed;
    left: -100%;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    overflow: hidden auto;
    width: 100%;
    height: 100%;
    padding: calc(var(--header-height, 5rem) + 1.25rem) var(--container-padding) 1.5rem;
    background-color: var(--color-white);
    color: var(--color-black);
    transition: left 0.5s;
  }
  .menu__body._active {
    left: 0;
  }
}
@media (min-width: 62rem) {
  .menu__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
  }
}
@media (min-width: 80rem) {
  .menu__list {
    gap: 0.75rem 1.25rem;
  }
}
@media (min-width: 62rem) {
  .menu__list > li {
    position: relative;
    white-space: nowrap;
  }
}
@media (min-width: 62rem) and (any-hover: hover) {
  .menu__list > li:hover > a::after {
    width: 100%;
  }
  .menu__list > li:hover > .menu__arrow::before {
    transform: rotate(180deg);
  }
  .menu__list > li:hover > .menu__sublist {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0%);
    pointer-events: all;
  }
}
@media (max-width: 61rem) {
  .menu__list > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  .menu__list > li._active > .menu__sublist {
    grid-template-rows: 1fr;
  }
  .menu__list > li._active > .menu__sublist .menu__sublist-inner {
    padding-bottom: 0.75rem;
  }
  .menu__list > li._active > .menu__arrow::before {
    transform: rotate(180deg);
  }
}
@media (min-width: 62rem) {
  .menu__list > li > a {
    position: relative;
    display: inline-block;
    padding: 0.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    transition: color var(--transition-duration);
  }
  .menu__list > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0.125rem;
    background-color: currentcolor;
    transition: width var(--transition-duration);
  }
  .menu__list > li > a:focus, .menu__list > li > a:active {
    color: var(--color-primary);
  }
}
@media (min-width: 80rem) {
  .menu__list > li > a {
    font-size: 1.125rem;
  }
}
@media (max-width: 61rem) {
  .menu__list > li > a {
    display: inline-block;
    flex: 0 0 calc(100% - var(--menu-arrow-width));
    overflow: hidden;
    width: calc(100% - var(--menu-arrow-width));
    padding: 0.75rem 0.25rem;
    font-size: var(--text-m);
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    transition: color var(--transition-duration);
    text-wrap: nowrap;
  }
}
@media (max-width: 61rem) and (any-hover: hover) {
  .menu__list > li > a:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 61rem) {
  .menu__list > li > a:focus, .menu__list > li > a:active {
    color: var(--color-primary);
  }
}
@media (min-width: 62rem) {
  .menu__sublist {
    position: absolute;
    z-index: 99;
    left: 50%;
    min-width: 37.5rem;
    padding: var(--space-m);
    background-color: var(--color-white);
    box-shadow: 0 0.3125rem 0.9375rem 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(10%);
    pointer-events: none;
    transition: var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .menu__sublist {
    display: grid;
    flex: 0 0 100%;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration);
  }
}
@media (min-width: 62rem) {
  .menu__sublist:has(.menu__sublist-inner--col-1) {
    min-width: 20rem;
  }
}
@media (min-width: 62rem) {
  .menu__sublist-inner {
    display: grid;
    grid-gap: 0 var(--space-m);
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 61rem) {
  .menu__sublist-inner {
    overflow: hidden;
    transition: padding var(--transition-duration);
  }
}
@media (min-width: 62rem) {
  .menu__sublist-inner--col-1 {
    grid-template-columns: var(--grid-1);
  }
}
@media (min-width: 62rem) {
  .menu__sublist-inner > li > a {
    display: flex;
    align-items: center;
    gap: var(--space-xs) var(--space-s);
    border-radius: var(--radius-m);
    padding: var(--space-xs) var(--space-s);
    transition: background-color var(--transition-duration);
  }
}
@media (min-width: 62rem) and (any-hover: hover) {
  .menu__sublist-inner > li > a:hover {
    background-color: var(--color-bleached-silk);
  }
}
@media (max-width: 61rem) {
  .menu__sublist-inner > li > a {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0.3125rem 0.125rem;
    padding-left: 0.625rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    text-wrap: nowrap;
  }
}
@media (min-width: 62rem) {
  .menu__sublist-inner > li > a > h3 {
    font-size: calc(var(--text-m) * 0.9);
    font-weight: 500;
  }
}
@media (max-width: 61rem) {
  .menu__sublist-inner > li > a > h3 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
}
.menu__sublist-inner > li > a picture {
  display: contents;
}
@media (max-width: 61rem) {
  .menu__sublist-inner > li > a picture {
    display: none;
  }
}
.menu__sublist-inner > li > a img {
  --img-size: 2rem;
}
@media (min-width: 62rem) {
  .menu__sublist-inner > li > a img {
    flex: 0 0 var(--img-size);
    width: var(--img-size);
    height: var(--img-size);
    object-fit: contain;
  }
}
@media (max-width: 61rem) {
  .menu__sublist-inner > li > a img {
    display: none;
  }
}
.menu__btn-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
}
@media (max-width: 61rem) {
  .menu__btn-box {
    display: none;
  }
}

/* ========== FOOTER ========== */
.footer {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.footer--bg {
  background-color: var(--color-crystal-bell);
}

.footer-top {
  padding-block: var(--section-space-xs);
}
.footer-top__row {
  display: grid;
  align-content: flex-start;
  align-items: flex-start;
  gap: var(--space-m);
  grid-template-columns: var(--grid-5);
}
@media (max-width: 61rem) {
  .footer-top__row {
    grid-template-columns: var(--grid-1);
  }
}
@media (min-width: 62rem) {
  .footer-top__col:nth-child(2) {
    padding-left: 0.9375rem;
  }
}
.footer-top__logo {
  display: inline-block;
  vertical-align: top;
  transition: opacity var(--transition-duration);
}
@media (any-hover: hover) {
  .footer-top__logo:hover {
    opacity: 0.75;
  }
}
.footer-top__logo:not(:last-child) {
  margin-bottom: var(--space-m);
}
.footer-top__logo picture {
  display: contents;
}
.footer-top__logo img {
  object-fit: contain;
}
.footer-top__address {
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
}
.footer-top__address:not(:last-child) {
  margin-bottom: var(--space-xs);
}

.footer-group__title {
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
}
.footer-group__title:not(:last-child) {
  margin-bottom: var(--space-s);
}
.footer-group__nav {
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.67;
}
.footer-group__menu > li:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.footer-group__menu > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .footer-group__menu > li > a:hover {
    color: var(--color-primary);
  }
}

.footer-bottom {
  border-top: 0.125rem solid var(--color-clouded-vision);
  padding-block: var(--space-s);
}
.footer-bottom__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
@media (max-width: 61rem) {
  .footer-bottom__row {
    flex-direction: column-reverse;
  }
}
.footer-bottom__copyright {
  display: block;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.2;
  color: rgba(82, 82, 82, 0.8);
}
.footer-bottom__menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 1.25rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.2;
  color: rgba(82, 82, 82, 0.8);
}
.footer-bottom__menu > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .footer-bottom__menu > li > a:hover {
    color: rgb(82, 82, 82);
  }
}

/* Breadcrumbs */
.breadcrumbs {
  --breadcrumbs-gap-x: 0.3125rem;
  --breadcrumbs-gap-y: 0.25rem;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.2;
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--breadcrumbs-gap-y) var(--breadcrumbs-gap-x);
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs__list > li:not(:last-child) {
  display: flex;
  column-gap: var(--breadcrumbs-gap-x);
  align-items: center;
}
.breadcrumbs__list > li:not(:last-child)::after {
  content: var(--icon-chevrons-right);
  font-family: var(--font-icons);
}
.breadcrumbs__list > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .breadcrumbs__list > li > a:hover {
    color: var(--color-primary);
  }
}
.breadcrumbs__list > li > span {
  font-weight: 500;
}

/* ========== Accordion ========== */
.accordion {
  --accordion-btn-border-width: 0;
  --accordion-btn-border-color: transparent;
  --accordion-btn-border-radius: 0;
  --accordion-btn-padding-x: 0.9375rem;
  --accordion-btn-padding-y: 0.625rem;
  --accordion-btn-font-size: var(--text-m);
  --accordion-btn-font-weight: 700;
  --accordion-btn-line-height: var(--h4-line-height);
  --accordion-btn-bg-color: rgb(202 232 231 / 30%);
  --accordion-btn-text-color: var(--color-black);
  --accordion-plus-border-radius: 0;
  --accordion-plus-width: 3.5rem;
  --accordion-content-border-width: 0;
  --accordion-content-border-color: transparent;
  --accordion-content-padding-x: 1.25rem;
  --accordion-content-padding-y: 0;
  --accordion-content-font-size: 1.125rem;
  --accordion-content-font-weight: 300;
  --accordion-content-line-height: 1.46;
  --accordion-content-bg-color: rgb(202 232 231 / 30%);
  overflow: hidden;
}
@media (max-width: 61rem) {
  .accordion {
    --accordion-btn-padding-x: 1rem;
    --accordion-content-padding: 1rem;
    --accordion-content-font-size: 1rem;
  }
}
@media (max-width: 47rem) {
  .accordion {
    --accordion-btn-padding-x: 0.75rem;
    --accordion-content-padding: 0.875rem;
  }
}
.accordion--light {
  --accordion-btn-bg-color: var(--color-white);
  --accordion-content-bg-color: var(--color-white);
}
.accordion--secondary {
  --accordion-btn-border-width: 0.0625rem;
  --accordion-btn-border-color: var(--color-dripping-ice);
  --accordion-btn-bg-color: var(--color-white);
  --accordion-content-border-width: 0.0625rem;
  --accordion-content-border-color: var(--color-dripping-ice);
  --accordion-content-bg-color: var(--color-white);
}
.accordion__content {
  box-sizing: content-box;
  overflow: hidden;
  border: solid var(--accordion-content-border-color);
  border-width: 0 var(--accordion-content-border-width);
  max-height: 0;
  padding: var(--accordion-content-padding-y) var(--accordion-content-padding-x);
  background-color: var(--accordion-content-bg-color);
  font-size: var(--accordion-content-font-size);
  font-weight: var(--accordion-content-font-weight);
  line-height: var(--accordion-content-line-height);
  transition: var(--transition-duration);
}
.accordion__content._active {
  --accordion-content-padding-y: 1.25rem;
  border-bottom-width: var(--accordion-content-border-width);
}
.accordion__content > *:not(:last-child) {
  margin-bottom: 1em;
}
.accordion__btn {
  position: relative;
  outline: none;
  border: var(--accordion-btn-border-width) solid var(--accordion-btn-border-color);
  border-radius: var(--accordion-btn-border-radius);
  width: 100%;
  min-height: var(--accordion-plus-width);
  padding: var(--accordion-btn-padding-y) calc(var(--accordion-plus-width) + var(--accordion-btn-padding-x)) var(--accordion-btn-padding-y) var(--accordion-btn-padding-x);
  background-color: var(--accordion-btn-bg-color);
  font-size: var(--accordion-btn-font-size);
  font-weight: var(--accordion-btn-font-weight);
  line-height: var(--accordion-btn-line-height);
  text-align: left;
  color: var(--accordion-btn-text-color);
  cursor: pointer;
  user-select: none;
  transition: background-color var(--transition-duration), color var(--transition-duration);
}
.accordion__btn._active .accordion__plus::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
}
.accordion__plus {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: var(--accordion-plus-border-radius);
  width: var(--accordion-plus-width);
  height: 100%;
  color: currentcolor;
}
.accordion__plus::before, .accordion__plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0.140625rem;
  width: calc(var(--accordion-plus-width) * 0.3);
  height: 0.140625rem;
  background-color: currentcolor;
  transform: translate(-50%, -50%);
}
.accordion__plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform var(--transition-duration), opacity var(--transition-duration);
}

/* ---------- Rating ---------- */
.rating {
  --rating-stars-gap: 0.25rem;
  --rating-star-size: 1.5rem;
  --rating-star-width: var(--rating-star-size);
  --rating-star-height: var(--rating-star-size);
  display: inline-block;
}
@media (any-hover: hover) {
  .rating[data-rating=set]:hover .rating__item {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA5MjMgMTQuODgzNUwxNi4wNjQ3IDE4LjQ4ODJMMTQuNDc5OCAxMS42OTQzTDE5Ljc1NjMgNy4xMjMyNUwxMi44MDc5IDYuNTMzNzRMMTAuMDkyMyAwLjEyNjQ2NUw3LjM3NjY4IDYuNTMzNzRMMC40MjgyMjMgNy4xMjMyNUw1LjcwNDggMTEuNjk0M0w0LjExOTg5IDE4LjQ4ODJMMTAuMDkyMyAxNC44ODM1WiIgZmlsbD0iI0VERDE0NiIvPgo8L3N2Zz4K") 0 0/var(--rating-star-width) no-repeat;
  }
}
.rating__items {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--rating-stars-gap);
}
.rating__item {
  position: relative;
  flex: 0 0 var(--rating-star-width);
  width: var(--rating-star-width);
  height: var(--rating-star-height);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjgxNTcgNy4xMjMyNUwxMi44NjcyIDYuNTI0MDdMMTAuMTUxNiAwLjEyNjQ2NUw3LjQzNjAxIDYuNTMzNzRMMC40ODc1NDkgNy4xMjMyNUw1Ljc2NDEzIDExLjY5NDNMNC4xNzkyMiAxOC40ODgyTDEwLjE1MTYgMTQuODgzNUwxNi4xMjQgMTguNDg4MkwxNC41NDg4IDExLjY5NDNMMTkuODE1NyA3LjEyMzI1Wk0xMC4xNTE2IDEzLjA3NjNMNi41MTc5MiAxNS4yNzAxTDcuNDg0MzMgMTEuMTMzOEw0LjI3NTg2IDguMzUwNThMOC41MDg3MiA3Ljk4MzM1TDEwLjE1MTYgNC4wODg3M0wxMS44MDQyIDcuOTkzMDFMMTYuMDM3IDguMzYwMjVMMTIuODI4NiAxMS4xNDM1TDEzLjc5NSAxNS4yNzk3TDEwLjE1MTYgMTMuMDc2M1oiIGZpbGw9IiNFREQxNDYiLz4KPC9zdmc+Cg==") 0 0/var(--rating-star-width) no-repeat;
  transition: all 0.3s;
}
.rating__item--active {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA5MjMgMTQuODgzNUwxNi4wNjQ3IDE4LjQ4ODJMMTQuNDc5OCAxMS42OTQzTDE5Ljc1NjMgNy4xMjMyNUwxMi44MDc5IDYuNTMzNzRMMTAuMDkyMyAwLjEyNjQ2NUw3LjM3NjY4IDYuNTMzNzRMMC40MjgyMjMgNy4xMjMyNUw1LjcwNDggMTEuNjk0M0w0LjExOTg5IDE4LjQ4ODJMMTAuMDkyMyAxNC44ODM1WiIgZmlsbD0iI0VERDE0NiIvPgo8L3N2Zz4K") 0 0/var(--rating-star-width) no-repeat;
}
@media (any-hover: hover) {
  [data-rating=set] .rating__item:hover ~ .rating__item {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjgxNTcgNy4xMjMyNUwxMi44NjcyIDYuNTI0MDdMMTAuMTUxNiAwLjEyNjQ2NUw3LjQzNjAxIDYuNTMzNzRMMC40ODc1NDkgNy4xMjMyNUw1Ljc2NDEzIDExLjY5NDNMNC4xNzkyMiAxOC40ODgyTDEwLjE1MTYgMTQuODgzNUwxNi4xMjQgMTguNDg4MkwxNC41NDg4IDExLjY5NDNMMTkuODE1NyA3LjEyMzI1Wk0xMC4xNTE2IDEzLjA3NjNMNi41MTc5MiAxNS4yNzAxTDcuNDg0MzMgMTEuMTMzOEw0LjI3NTg2IDguMzUwNThMOC41MDg3MiA3Ljk4MzM1TDEwLjE1MTYgNC4wODg3M0wxMS44MDQyIDcuOTkzMDFMMTYuMDM3IDguMzYwMjVMMTIuODI4NiAxMS4xNDM1TDEzLjc5NSAxNS4yNzk3TDEwLjE1MTYgMTMuMDc2M1oiIGZpbGw9IiNFREQxNDYiLz4KPC9zdmc+Cg==") 0 0/var(--rating-star-width) no-repeat;
  }
  [data-rating=set] .rating__item:hover ~ .rating__item span {
    display: none;
  }
}
.rating__item span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: var(--rating-star-height);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA5MjMgMTQuODgzNUwxNi4wNjQ3IDE4LjQ4ODJMMTQuNDc5OCAxMS42OTQzTDE5Ljc1NjMgNy4xMjMyNUwxMi44MDc5IDYuNTMzNzRMMTAuMDkyMyAwLjEyNjQ2NUw3LjM3NjY4IDYuNTMzNzRMMC40MjgyMjMgNy4xMjMyNUw1LjcwNDggMTEuNjk0M0w0LjExOTg5IDE4LjQ4ODJMMTAuMDkyMyAxNC44ODM1WiIgZmlsbD0iI0VERDE0NiIvPgo8L3N2Zz4K") 0 0/var(--rating-star-width) no-repeat;
}
.rating__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--rating-stars-gap);
  height: 100%;
  transform: translateX(100%);
}
[data-rating=set] .rating__item:not(:last-child)::after {
  cursor: pointer;
}
.rating__input {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
[data-rating=set] .rating__input {
  cursor: pointer;
}

/* ========== TABS ========== */
.tabs {
  position: relative;
}
.tabs__line {
  position: absolute;
  left: 0;
  top: 0;
  height: 0.1875rem;
  background-color: var(--color-primary);
  transition: var(--transition-duration);
}
.tabs__nav {
  display: flex;
  column-gap: var(--space-s);
  flex-wrap: nowrap;
  justify-content: center;
  overflow-x: auto;
}
.tabs__nav > li > button {
  position: relative;
  z-index: 0;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  width: 100%;
  padding: 0.625rem 1.25rem;
  background-color: #bac1c2;
  font-size: 1.125rem;
  font-weight: 300;
  white-space: nowrap;
  text-align: center;
  color: var(--color-white);
  transition: background-color var(--transition-duration);
}
.tabs__nav > li > button:disabled, .tabs__nav > li > button._disabled {
  cursor: default;
  pointer-events: none;
}
.tabs__nav > li > button:not(:disabled, .disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .tabs__nav > li > button:not(:disabled, .disabled):hover {
    background-color: #39455c;
  }
}
.tabs__nav > li > button:not(:disabled, .disabled):focus, .tabs__nav > li > button:not(:disabled, .disabled):active, .tabs__nav > li > button:not(:disabled, .disabled)._active {
  background-color: #39455c;
}
.tabs__content {
  padding-block-start: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.tabs__panel {
  display: none;
  opacity: 0;
  transition: opacity var(--transition-duration), visibility var(--transition-duration);
}
.tabs__panel._active {
  display: block;
  opacity: 1;
}

/* ========== BUTTONS ========== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  vertical-align: top;
  overflow: hidden;
  outline: none;
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  min-height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  background: none;
  background-color: var(--button-bg-color);
  font-size: var(--button-font-size, 1rem);
  font-weight: var(--button-font-weight, 400);
  line-height: var(--button-line-height, 1);
  white-space: nowrap;
  text-align: center;
  color: var(--button-text-color);
  transition: border-color var(--transition-duration), background-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration);
}
a.btn {
  text-decoration: none;
}

button.btn {
  -webkit-appearance: none;
}

.btn:disabled, .btn._disabled {
  opacity: 0.75;
  cursor: default;
  pointer-events: none;
}
@media (any-hover: hover) {
  .btn--primary:hover {
    --button-border-color: var(--color-primary);
    --button-bg-color: transparent;
    --button-text-color: var(--color-primary);
  }
}
.btn--primary:active {
  --button-border-color: var(--color-primary);
  --button-bg-color: transparent;
  --button-text-color: var(--color-primary);
}
.btn--primary-dark {
  --button-text-color: var(--color-black);
}
@media (any-hover: hover) {
  .btn--primary-dark:hover {
    --button-border-color: var(--color-primary);
    --button-bg-color: transparent;
    --button-text-color: var(--color-primary);
  }
}
.btn--primary-dark:active {
  --button-border-color: var(--color-primary);
  --button-bg-color: transparent;
  --button-text-color: var(--color-primary);
}
.btn:not(:disabled, ._disabled) {
  cursor: pointer;
}
.btn:not(:disabled, ._disabled):focus {
  outline: 0.125rem dashed var(--color-primary);
  outline-offset: 0.25rem;
}
/* ========== INPUTS ========== */
.input--sharp {
  --input-border-radius: 0;
}
.input input,
.input textarea {
  appearance: none;
  display: block;
  outline: none;
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-border-radius);
  width: 100%;
  min-height: var(--input-height);
  padding: var(--input-padding-y) var(--input-padding-x);
  background: none;
  background-color: var(--input-bg-color);
  font-size: var(--input-font-size, 1rem);
  font-weight: var(--input-font-weight, 400);
  line-height: var(--input-line-height, 1);
  color: var(--input-text-color);
  resize: none;
  transition: border-color var(--transition-duration);
}
.input input.placeholder,
.input textarea.placeholder {
  color: var(--input-placeholder-color);
}
.input input::placeholder,
.input textarea::placeholder {
  color: var(--input-placeholder-color);
}
.input input:placeholder,
.input textarea:placeholder {
  color: var(--input-placeholder-color);
}
.input input::placeholder,
.input textarea::placeholder {
  color: var(--input-placeholder-color);
}
.input input:input-placeholder,
.input textarea:input-placeholder {
  color: var(--input-placeholder-color);
}
.input input::input-placeholder,
.input textarea::input-placeholder {
  color: var(--input-placeholder-color);
}
.input input:disabled, .input input._disabled,
.input textarea:disabled,
.input textarea._disabled {
  opacity: 0.8;
  cursor: default;
}
.input input::-webkit-search-decoration, .input input::-webkit-search-cancel-button, .input input::-webkit-search-results-button, .input input::-webkit-search-results-decoration,
.input textarea::-webkit-search-decoration,
.input textarea::-webkit-search-cancel-button,
.input textarea::-webkit-search-results-button,
.input textarea::-webkit-search-results-decoration {
  display: none;
}
@media (any-hover: hover) {
  .input input:not(:disabled, ._disabled):hover,
  .input textarea:not(:disabled, ._disabled):hover {
    border-color: var(--color-primary);
  }
}
.input input:not(:disabled, ._disabled):focus,
.input textarea:not(:disabled, ._disabled):focus {
  outline: 0.125rem dashed var(--color-primary);
  outline-offset: 0.25rem;
}
.input input:not(:disabled, ._disabled):active,
.input textarea:not(:disabled, ._disabled):active {
  border-color: var(--color-primary);
}

/* ========== INPUT FILE ========== */
.input-file {
  --file-btn-padding-x: 1rem;
  --file-btn-padding-y: 0.5rem;
  --file-btn-font-size: 0.875rem;
  --file-btn-font-weight: 300;
  --file-btn-line-height: 1.2;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius-4);
  padding: 1rem;
  background-color: var(--color-primary);
  font-size: var(--file-btn-font-size);
  font-weight: var(--file-btn-font-weight);
  line-height: var(--file-btn-line-height);
  color: var(--color-black);
  user-select: none;
}
.input-file input[type=file] {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}
.input-file input[type=file]:not(:disabled) + .input-file__btn {
  cursor: pointer;
}
@media (any-hover: hover) {
  .input-file input[type=file]:not(:disabled) + .input-file__btn:hover {
    background-color: var(--color-primary);
  }
}
.input-file__label {
  display: block;
  width: 100%;
}
.input-file__label:has(input:not(:disabled)) {
  cursor: pointer;
}
.input-file__btn {
  display: block;
  width: 100%;
  padding: var(--file-btn-padding-y) var(--file-btn-padding-x);
  background: none;
  font-size: var(--file-btn-font-size);
  font-weight: var(--file-btn-font-weight);
  line-height: var(--file-btn-line-height);
  text-align: center;
  color: inherit;
  transition: background-color var(--transition-duration);
}
.input-file__list {
  display: grid;
  gap: var(--space-xs);
  grid-template-columns: var(--grid-2);
  list-style: none;
}
.input-file__list:has(li) {
  padding-top: var(--space-xs);
}
.input-file__item {
  position: relative;
  overflow: hidden;
  border-radius: 0.375rem;
  min-height: 3rem;
  padding-bottom: 100%;
  background-color: #222;
  color: var(--color-white);
}
.input-file__preview {
  position: absolute;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.input-file__preview::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 30%;
  background-image: linear-gradient(180deg, var(--color-black) 0%, transparent 100%);
  pointer-events: none;
}
.input-file__thumb {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.input-file__name {
  position: absolute;
  z-index: 19;
  left: 3rem;
  right: 0.5rem;
  top: 1rem;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-file__placeholder {
  display: none;
}
.input-file__remove {
  --btn-size: 2rem;
  position: absolute !important;
  z-index: 9;
  left: 0.5rem;
  top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--btn-size);
  width: var(--btn-size);
  height: var(--btn-size);
  background: none;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
  color: var(--color-white);
  transition: box-shadow 0.25s ease-in;
}
.input-file__remove::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.75rem;
  height: 2.75rem;
  transform: translate(-50%, -50%);
}
.input-file__remove:not(:disabled) {
  cursor: pointer;
}

/* Scroll to Top Btn */
.scroll-top-btn {
  --btn-offset-x: 1.25rem;
  --btn-offset-y: 6.5625rem;
  --btn-size: 3.5rem;
  --btn-px: 0.25rem;
  --btn-py: 0.25rem;
  --btn-bg-color: var(--color-white);
  --btn-text-color: var(--color-black);
  --btn-shadow: 0.625rem 0.625rem 1.875rem 0 rgb(0 0 0 / 12%);
  --btn-stroke-width: 3;
  --btn-track-color: var(--color-kingly-cloud);
  --btn-bar-color: var(--color-primary);
  position: fixed !important;
  z-index: 999;
  right: var(--btn-offset-x);
  bottom: var(--btn-offset-y);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  width: var(--btn-size);
  height: var(--btn-size);
  padding: var(--btn-py) var(--btn-px);
  background: var(--btn-bg-color);
  box-shadow: var(--btn-shadow);
  font-size: calc(var(--btn-size) * 0.5);
  font-weight: 400;
  line-height: 1;
  color: var(--btn-text-color);
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: transform var(--transition-duration), opacity var(--transition-duration);
}
.scroll-top-btn[hidden] {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
}
.scroll-top-btn:not(:disabled) {
  cursor: pointer;
}
.scroll-top-btn__bar {
  fill: none;
  stroke: var(--btn-bar-color);
  stroke-linecap: round;
  stroke-width: var(--btn-stroke-width);
  transition: stroke-dashoffset 0.1s linear;
}
.scroll-top-btn__track {
  fill: none;
  stroke: var(--btn-track-color);
  stroke-width: var(--btn-stroke-width);
}
.scroll-top-btn__progress {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
  pointer-events: none;
}

/* ========== SELECT ========== */
.select--sharp {
  --select-border-radius: 0;
}
.select select {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  outline: none;
  border: var(--select-border-width) var(--select-border-style) var(--select-border-color);
  border-radius: var(--select-border-radius);
  width: 100%;
  min-height: var(--select-height);
  padding: var(--select-padding-y) var(--select-padding-x);
  background: none;
  background-image: linear-gradient(45deg, transparent 50%, #808080 0), linear-gradient(135deg, #808080 50%, transparent 0);
  background-position: calc(100% - 1.25rem) calc(50% + 0.125rem), calc(100% - 1rem) calc(50% + 0.125rem);
  background-size: 0.25rem 0.25rem, 0.25rem 0.25rem;
  background-repeat: no-repeat;
  background-color: var(--select-bg-color);
  font-size: var(--select-font-size, 1rem);
  font-weight: var(--select-font-weight, 400);
  line-height: var(--select-line-height, 1);
  color: var(--select-text-color);
  transition: border-color var(--transition-duration);
}
.select select:disabled, .select select._disabled {
  opacity: 0.8;
  cursor: default;
}
.select select:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .select select:not(:disabled, ._disabled):hover {
    border-color: var(--color-primary);
  }
}
.select select:not(:disabled, ._disabled):focus {
  box-shadow: 0 0 0 0.125rem var(--color-primary);
}
.select select:not(:disabled, ._disabled):active {
  border-color: var(--color-primary);
}
.select .choices {
  margin-bottom: 0;
  font-size: var(--select-font-size);
  font-weight: var(--select-font-weight);
  line-height: var(--select-line-height);
}
.select .choices[data-type*=select-one]::after {
  content: var(--select-arrow-icon);
  margin-top: 0;
  border: none;
  width: auto;
  height: auto;
  font-family: var(--font-icons);
  transform: translateY(-50%);
}
.select .choices[data-type*=select-one].is-open::after {
  margin-top: 0;
  border: none;
}
.select .choices.is-open .choices__inner {
  border-color: var(--color-primary);
  border-radius: var(--select-border-radius);
}
.select .choices.is-open .choices__list--dropdown {
  border-color: var(--color-primary);
}
.select .choices__inner {
  border: var(--select-border-width) solid var(--select-border-color);
  border-radius: var(--select-border-radius);
  min-height: var(--select-height);
  background-color: var(--select-bg-color);
  font-size: var(--select-font-size);
  font-weight: var(--select-font-weight);
  line-height: var(--select-line-height);
  transition: border-color var(--transition-duration);
}
.select .choices__list--dropdown, .select .choices__list[aria-expanded] {
  border: var(--select-border-width) solid var(--select-border-color);
  border-bottom-right-radius: var(--select-border-radius);
  border-bottom-left-radius: var(--select-border-radius);
  background-color: var(--select-bg-color);
  transition: border-color var(--transition-duration);
}
.select .choices__list--dropdown .choices__item, .select .choices__list[aria-expanded] .choices__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--select-padding-y) var(--select-padding-x);
  font-size: var(--select-font-size);
  font-weight: var(--select-font-weight);
  line-height: var(--select-line-height);
  transition: color var(--transition-duration), background-color var(--transition-duration);
}
.select .choices__list--dropdown .choices__item--selectable.is-highlighted, .select .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.select .choices__input {
  background: none;
}

/* Use Cases Form */
.use-cases-form {
  position: relative;
  display: block;
  overflow: hidden;
  padding: var(--space-m);
  background-color: #f0f5f8;
}
.use-cases-form__title {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  text-align: center;
}
.use-cases-form__title:not(:last-child) {
  margin-block-end: var(--space-s);
}
.use-cases-form__description {
  text-align: center;
}
.use-cases-form__description:not(:last-child) {
  margin-block-end: var(--space-s);
}
.use-cases-form__group.use-cases-form__group--space-lg:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
}
.use-cases-form__group:not(:last-child) {
  margin-block-end: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.use-cases-form__label {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.025rem;
}
.use-cases-form__label:not(:last-child) {
  margin-block-end: 0.3125rem;
}

/* Form Options */
.form-options {
  font-size: 1rem;
  font-weight: 500;
}
.form-options > li > input:not(:disabled) {
  cursor: pointer;
}
.form-options > li > input:not(:disabled) + label {
  cursor: pointer;
}
.form-options > li > label {
  user-select: none;
}

/* Pricing Form */
.pricing-form {
  display: block;
  overflow: hidden;
  background-color: #f0f5f8;
  color: var(--color-black);
}
.pricing-form__header {
  padding: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  background-color: var(--color-primary);
}
.pricing-form__body {
  padding: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.pricing-form__group:not(:last-child) {
  margin-block-end: var(--space-m);
}
.pricing-form__label {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.025rem;
}
.pricing-form__label:not(:last-child) {
  margin-block-end: 0.3125rem;
}
.pricing-form__grid {
  display: grid;
  flex-direction: row;
  justify-content: center;
  gap: var(--space-m);
  grid-template-columns: var(--grid-1-2);
  padding-right: var(--space-m);
}
.pricing-form__heading {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
}
.pricing-form__heading:not(:last-child) {
  margin-block-end: var(--space-xs);
}

.calculations-grid {
  display: grid;
  align-items: initial;
  grid-gap: var(--space-s);
  grid-template-columns: var(--grid-2);
}
.calculations-grid__cost {
  font-size: var(--text-m);
  font-weight: 600;
}
.calculations-grid__cost:last-child {
  text-align: end;
}

/* Section */
.section {
  position: relative;
  overflow: hidden;
}
.section--bg {
  background-color: var(--color-gray-goto);
}
.section--breadcrumbs {
  --section-padding-block: var(--space-s);
  background-color: var(--color-crystal-bell);
}
.section__wrap {
  padding-block: var(--section-padding-block);
}
.section__title {
  text-align: center;
}
.section__title.section__title--space-m:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section__title:not(:last-child) {
  margin-bottom: var(--space-s);
}
.section__description {
  max-width: 48rem;
  text-align: center;
  margin-inline: auto;
}
.section__description:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section__tg-cards {
  display: grid;
  grid-gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section__tg-cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section__tg-cards {
    grid-template-columns: var(--grid-1);
  }
}
.section__tg-cards > li > .tg-card {
  min-height: 100%;
}
.section__stack-cards {
  display: grid;
  gap: var(--space-m);
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section__stack-cards {
    grid-template-columns: var(--grid-1);
  }
}
.section__stack-cards:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section__stack-companies {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  gap: var(--space-m);
}
@media (any-hover: hover) {
  .section__stack-companies > li > a:hover > figure img {
    filter: none;
  }
}
.section__stack-companies > li > a > figure {
  width: 10.25rem;
}
.section__stack-companies > li > a > figure picture {
  display: contents;
}
.section__stack-companies > li > a > figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: saturate(0%);
  transition: filter var(--transition-duration);
}
.section__faqs > li:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.section__platforms {
  display: grid;
  align-items: initial;
  grid-gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 47rem) {
  .section__platforms {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 29rem) {
  .section__platforms {
    grid-template-columns: var(--grid-1);
  }
}

/* ========== Section Hero ========== */
.hero {
  --hero-height: 34.375rem;
  --hero-py: 3rem;
  position: relative;
  overflow: hidden;
  background-color: var(--color-black);
  color: var(--color-white);
}
@media (max-width: 47rem) {
  .hero {
    --hero-height: 28.125rem;
  }
}
@media (max-width: 29rem) {
  .hero {
    --hero-height: 21.875rem;
  }
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.51));
  pointer-events: none;
}
.hero__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
  will-change: transform;
  transition: transform 1.5s 0.1s;
}
._loaded .hero__bg {
  transform: scale(1);
}
.hero__wrap {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--hero-height);
  text-align: center;
  padding-block: var(--hero-py);
  row-gap: var(--space-m);
}
.hero__title {
  font-weight: 800;
}
.hero__description {
  max-width: 48rem;
  font-size: var(--text-m);
  font-weight: 600;
  margin-inline: auto;
}
.hero__btn-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

/* Section Achievements */
.section-achievements {
  position: relative;
  overflow: hidden;
}
.section-achievements__wrap {
  padding-block: calc(var(--space-xl) + 1.875rem);
}
.section-achievements__header:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-achievements__title {
  text-align: center;
  text-transform: uppercase;
}
.section-achievements__slider-wrap .achievement-card {
  max-width: 11.5625rem;
  margin-inline: auto;
}

/* Section Impact */
.section-impact {
  background-color: var(--color-crystal-bell);
}
.section-impact__wrap {
  padding-block: var(--section-padding-block);
}
.section-impact__row {
  --col-width: 100%;
  --col-gap: 3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .section-impact__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
.section-impact__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.section-impact__title {
  text-transform: uppercase;
}
.section-impact__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.section-impact__description {
  font-size: 1.125rem;
  font-weight: 400;
}
.section-impact__description > *:not(:last-child) {
  margin-bottom: var(--paragraph-spacing);
}
.section-impact__cards {
  display: grid;
  grid-gap: var(--space-m);
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section-impact__cards {
    grid-gap: var(--space-s);
  }
}
.section-impact__cards > li > .stats-card {
  min-height: 100%;
}

/* Section Services */
.section-services {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-services--bg {
  background-color: var(--color-crystal-bell);
}
.section-services__wrap {
  padding-block: var(--section-padding-block);
}
.section-services__title {
  text-align: center;
  text-transform: uppercase;
}
.section-services__title:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-services__description {
  max-width: 50.5rem;
  text-align: center;
  margin-inline: auto;
}
.section-services__description:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-services__cards {
  display: grid;
  gap: var(--space-l);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-services__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-services__cards {
    gap: var(--space-s);
  }
}
@media (max-width: 29rem) {
  .section-services__cards {
    gap: var(--space-l);
    grid-template-columns: var(--grid-1);
  }
}
.section-services__cards:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-services__btn-box {
  text-align: center;
}

/* Section Clients */
.section-clients {
  position: relative;
  overflow: hidden;
  background-color: var(--color-crystal-bell);
  color: var(--color-black);
}
.section-clients__wrap {
  padding-block: var(--section-padding-block);
}
.section-clients__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .section-clients__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
@media (min-width: 97.5rem) {
  .section-clients__row {
    --col-gap: 1.875rem;
  }
}
.section-clients__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.section-clients__title {
  text-align: center;
  text-transform: uppercase;
}
.section-clients__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.section-clients__description {
  max-width: 50.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  margin-inline: auto;
}
.section-clients__description:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-clients__cards {
  display: grid;
  gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-clients__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-clients__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-clients__cards > li > .client-card {
  min-height: 100%;
}

/* Section Data Approach */
.section-data-approach {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-data-approach__wrap {
  padding-block: var(--section-padding-block);
}
.section-data-approach__title {
  text-transform: uppercase;
  text-wrap: balance;
}
.section-data-approach__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.section-data-approach__description {
  max-width: 32rem;
  font-size: 1.125rem;
  font-weight: 400;
}
.section-data-approach__description:not(:last-child) {
  margin-bottom: var(--space-xl);
}

/* Section CTA */
.section-cta {
  position: relative;
  overflow: hidden;
  background-color: var(--color-crystal-bell);
  color: var(--color-black);
}
.section-cta__wrap {
  padding-block: var(--space-m);
}
.section-cta__row {
  display: flex;
  align-items: center;
  gap: var(--space-m);
}
@media (max-width: 61rem) {
  .section-cta__row {
    flex-direction: column;
    text-align: center;
  }
}
.section-cta__text {
  flex: 1 1 auto;
  min-width: 0;
}
.section-cta__title {
  font-size: var(--text-xl);
  font-weight: 600;
  text-transform: uppercase;
  text-wrap: balance;
}
.section-cta__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.section-cta__description {
  font-size: 1.125rem;
  font-weight: 400;
  text-wrap: balance;
}

/* Section Pillars */
.section-pillars {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-pillars__wrap {
  padding-block: var(--section-padding-block);
}
.section-pillars__title {
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
}
.section-pillars__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.section-pillars__description {
  max-width: 48rem;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  margin-inline: auto;
}
@media (max-width: 61rem) {
  .section-pillars__description {
    font-size: 1rem;
  }
}
.section-pillars__description:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-pillars__cards {
  display: grid;
  gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-pillars__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-pillars__cards {
    grid-template-columns: var(--grid-1);
  }
}

/* Section Inspiration */
.section-inspiration {
  --section-img-size: 23.75rem;
  position: relative;
  overflow: hidden;
  background-color: var(--color-crystal-bell);
  color: var(--color-black);
}
@media (max-width: 61rem) {
  .section-inspiration {
    --section-img-size: 60%;
  }
}
@media (max-width: 47rem) {
  .section-inspiration {
    --section-img-size: 100%;
  }
}
.section-inspiration__wrap {
  padding-block: var(--section-padding-block);
}
.section-inspiration__title {
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
}
.section-inspiration__title:not(:last-child) {
  margin-bottom: var(--space-xxl);
}
.section-inspiration__row {
  --col-width: 100%;
  --col-gap: 1.5rem;
  display: flex;
  gap: var(--col-gap);
}
@media (min-width: 97.5rem) {
  .section-inspiration__row {
    --col-gap: var(--space-xl);
  }
}
@media (max-width: 61rem) {
  .section-inspiration__row {
    flex-wrap: wrap-reverse;
  }
}
.section-inspiration__col--img {
  flex: 0 0 var(--section-img-size);
  width: var(--section-img-size);
}
.section-inspiration__col--text {
  flex: 1 1 auto;
  min-width: 0;
}
.section-inspiration__img {
  overflow: hidden;
  border-radius: 0.3125rem;
}
.section-inspiration__img picture {
  display: contents;
}
.section-inspiration__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.section-inspiration__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
.section-inspiration__description {
  display: block;
  margin: 0;
  font-size: var(--text-l);
  font-weight: 400;
  line-height: 1.3;
}
.section-inspiration__author {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.section-inspiration__author-name {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--color-primary);
}
.section-inspiration__author-role {
  font-weight: 400;
  color: var(--color-boat-anchor);
}

/* Section Portfolio */
.section-portfolio {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-portfolio__wrap {
  padding-block: var(--section-padding-block);
}
.section-portfolio__header:not(:last-child) {
  margin-bottom: var(--space-l);
}
.section-portfolio__title {
  text-align: center;
  text-transform: uppercase;
}
.section-portfolio__body:not(:last-child) {
  margin-bottom: var(--space-l);
}
.section-portfolio__cards {
  display: grid;
  align-items: initial;
  grid-gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-portfolio__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-portfolio__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-portfolio__btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

/* Section Allies */
.section-allies {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-allies:has(.section-allies__breadcrumbs) .section-allies__wrap {
  padding-top: var(--space-s);
}
.section-allies__wrap {
  padding-block: var(--section-padding-block);
}
.section-allies__header:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-allies__title {
  text-align: center;
  text-transform: uppercase;
}
.section-allies__body:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-allies__cards {
  display: grid;
  grid-gap: var(--space-xxl);
  grid-row-gap: var(--space-m);
  grid-template-columns: var(--grid-4);
  padding-top: var(--space-xl);
}
@media (max-width: 47rem) {
  .section-allies__cards {
    grid-template-columns: var(--grid-2);
  }
}
.section-allies__cards > li > .allias-card {
  min-height: 100%;
}

/* Section Reviews */
.section-reviews {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-reviews__wrap {
  padding-block: calc(var(--section-padding-block) / 2) var(--section-padding-block);
}
.section-reviews__title {
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
}
.section-reviews__title:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-reviews__description {
  max-width: 50.5rem;
  text-align: center;
  margin-inline: auto;
}
.section-reviews__description:not(:last-child) {
  margin-bottom: var(--space-l);
}
.section-reviews__cards {
  display: grid;
  grid-gap: var(--space-s);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-reviews__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-reviews__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-reviews__cards > li > .review-card {
  min-height: 100%;
}
.section-reviews__cards:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-reviews__groups {
  display: flex;
  justify-content: space-around;
  gap: 2rem;
}
.section-reviews__group {
  min-height: 100%;
}

.reviews-group {
  --group-img-height: 2.5rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  row-gap: var(--space-m);
}
.reviews-group__img {
  display: flex;
  justify-content: center;
  height: var(--group-img-height);
}
.reviews-group__img picture {
  display: contents;
}
.reviews-group__img img {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.reviews-group__img iframe {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.reviews-group__img > div {
  max-width: 11.375rem;
}
.reviews-group__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  row-gap: var(--space-m);
}
.reviews-group__description {
  font-size: 1rem;
  font-weight: 300;
}
.reviews-group__btn-box {
  margin-top: auto;
}

/* Section Contact Us */
.section-contact {
  position: relative;
  overflow: hidden;
  background-color: var(--color-crystal-bell);
  color: var(--color-black);
}
.section-contact__wrap {
  padding-block: var(--section-padding-block);
}
.section-contact__wrap:has(.section-contact__breadcrumbs) {
  padding-block-start: var(--space-s);
}
.section-contact__breadcrumbs:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-contact__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap-reverse;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .section-contact__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
@media (min-width: 97.5rem) {
  .section-contact__row {
    --col-gap: 1.875rem;
  }
}
.section-contact__row:not(:last-child) {
  margin-bottom: var(--space-l);
}
.section-contact__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.section-contact__img.section-contact__img--sm img {
  width: 62%;
}
@media (max-width: 61rem) {
  .section-contact__img.section-contact__img--sm img {
    width: 80%;
  }
}
.section-contact__img picture {
  display: contents;
}
.section-contact__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-inline: auto;
}
.section-contact__title {
  text-transform: uppercase;
}
.section-contact__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.section-contact__description {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 61rem) {
  .section-contact__description {
    font-size: 1rem;
  }
}
.section-contact__description:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.section-contact__metas {
  display: grid;
  align-items: initial;
  grid-gap: var(--space-m);
  grid-template-columns: var(--grid-4);
}
@media (max-width: 61rem) {
  .section-contact__metas {
    grid-template-columns: var(--grid-2);
  }
}

/* Contact Form */
.contact-form {
  display: block;
}
.contact-form__fields:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.contact-form__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .contact-form__row {
    --col-width: 50%;
    --col-gap: 1.25rem;
  }
}
.contact-form__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.contact-form__col--fluid {
  --col-width: 100%;
}
.contact-form__options {
  font-size: 0.9375rem;
  font-weight: 300;
}
.contact-form__options > li a {
  font-weight: 400;
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .contact-form__options > li a:hover {
    color: var(--color-primary);
  }
}
.contact-form__hint {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}

/* Contact Meta */
.contact-meta {
  --meta-icon-size: 2.625rem;
}
.contact-meta__icon {
  width: var(--meta-icon-size);
  height: var(--meta-icon-size);
}
.contact-meta__icon:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.contact-meta__icon picture {
  display: contents;
}
.contact-meta__icon img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.contact-meta__title {
  font-size: var(--text-l);
}
.contact-meta__title:not(:last-child) {
  margin-bottom: var(--space-m);
}
.contact-meta__list {
  display: flex;
  flex-direction: column;
  font-size: calc(var(--text-m) * 0.9);
  font-weight: 300;
  line-height: 1.2;
  row-gap: var(--space-xs);
}
.contact-meta__list > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .contact-meta__list > li > a:hover {
    color: var(--color-primary);
  }
}

/* Section All Articles */
.section-articles {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-articles--bordered .section-articles__wrap {
  border-top: 0.0625rem solid var(--color-kingly-cloud);
  padding-block-start: var(--space-m);
}
.section-articles__wrap {
  padding-block: var(--section-padding-block);
}
.section-articles__header.section-articles__header--space-sm:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-articles__header:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-articles__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.section-articles__cards {
  display: grid;
  gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 47rem) {
  .section-articles__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 29rem) {
  .section-articles__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-articles__cards > li > .article-card {
  min-height: 100%;
}

/* Tab Btn */
.tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid var(--color-kingly-cloud);
  border-radius: 0.3125rem;
  padding: 0.375rem 1.125rem;
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.29;
  letter-spacing: 0.03125rem;
  text-align: center;
  text-transform: none;
  color: var(--color-coarse-wool);
  transition: background-color var(--transition-duration), color var(--transition-duration);
}
@media (max-width: 61rem) {
  .tab-btn {
    padding: 0.375rem 0.5rem;
    font-size: 1rem;
    letter-spacing: 0.015625rem;
  }
}
.tab-btn:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .tab-btn:not(:disabled):hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
.tab-btn:not(:disabled):focus {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.tab-btn:not(:disabled):active {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.tab-btn:not(:disabled)._active, .tab-btn:not(:disabled)[aria-selected=true] {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* Section Featured Articles */
.section-fa__wrap {
  padding-block: var(--section-padding-block) calc(var(--section-padding-block) / 2);
}
@media (min-width: 62rem) {
  .section-fa__wrap {
    padding-block-start: 3.75rem;
  }
}
.section-fa__breadcrumbs:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-fa__title {
  text-align: center;
}
.section-fa__title:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-fa__cards {
  display: grid;
  gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 47rem) {
  .section-fa__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 29rem) {
  .section-fa__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-fa__cards > li > .article-card {
  min-height: 100%;
}

/* Author Page */
.author-header {
  display: flex;
  /* align-items: center; */
  gap: 1.5rem;
}
@media (max-width: 47rem) {
  .author-header {
    flex-direction: column;
    text-align: center;
  }
}
.author-header__avatar {
  flex-shrink: 0;
}
.author-header__avatar img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid var(--color-primary, #3b82f6);
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.author-header__content {
  flex: 1;
}
.author-header__name {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0.5rem 0;
  color: var(--color-text, #1a1a1a);
}
.author-header__bio {
  font-size: 1rem;
  color: var(--color-text-muted, #6b7280);
  margin: 0 0 0.75rem 0;
  line-height: 1.6;
}
.author-header__meta {
  display: flex;
  gap: 1rem;
}
@media (max-width: 47rem) {
  .author-header__meta {
    justify-content: center;
  }
}
.author-header__posts-count {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  color: var(--color-text-muted, #6b7280);
  background: var(--color-bg-muted, #f3f4f6);
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
}
.author-divider {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin: 2.5rem 0;
}
.author-page{
  padding-bottom: 100px;
}
.author-header__position {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-primary, #3b82f6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
.author-header__about {
  font-size: 0.9375rem;
  color: var(--color-text-muted, #6b7280);
  margin: 0 0 0.5rem 0;
  line-height: 1.5;
  font-style: italic;
}
.author-header__credo {
  position: relative;
  font-size: 1rem;
  color: var(--color-text, #1a1a1a);
  margin: 1rem 0;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  background: var(--color-bg-muted, #f3f4f6);
  border-left: 3px solid var(--color-primary, #3b82f6);
  border-radius: 0 0.5rem 0.5rem 0;
  font-style: italic;
  line-height: 1.6;
}
.author-header__credo-icon {
  position: absolute;
  left: 0.75rem;
  top: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-primary, #3b82f6);
  line-height: 1;
  font-family: Georgia, serif;
}
.author-header__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}
.author-header__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-bg-muted, #f3f4f6);
  border-radius: 50%;
  transition: all 0.2s ease;
  text-decoration: none;
}
.author-header__social-link:hover {
  background: var(--color-primary, #3b82f6);
  transform: translateY(-2px);
}
.author-header__social-link:hover .author-header__social-icon {
  filter: brightness(0) invert(1);
}
.author-header__social-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: filter 0.2s ease;
}
.author-header__social-name {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text, #1a1a1a);
}
.author-header__social-link:hover .author-header__social-name {
  color: var(--color-white, #fff);
}
.author-additional-info {
  margin-top: 2rem;
  padding: 1.5rem;
  background: var(--color-bg-muted, #f3f4f6);
  border-radius: 0.75rem;
}
.author-additional-info__content {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--color-text, #1a1a1a);
}
.author-additional-info__content h2,
.author-additional-info__content h3,
.author-additional-info__content h4 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
.author-additional-info__content h2:first-child,
.author-additional-info__content h3:first-child,
.author-additional-info__content h4:first-child {
  margin-top: 0;
}
.author-additional-info__content p {
  margin-bottom: 1rem;
}
.author-additional-info__content p:last-child {
  margin-bottom: 0;
}
.author-additional-info__content ul,
.author-additional-info__content ol {
  margin: 1rem 0;
  padding-left: 1.5rem;
}
.author-additional-info__content li {
  margin-bottom: 0.5rem;
}
.author-additional-info__content a {
  color: var(--color-primary, #3b82f6);
  text-decoration: underline;
}
.author-additional-info__content a:hover {
  text-decoration: none;
}
@media (max-width: 47rem) {
  .author-header__socials {
    justify-content: center;
  }
  .author-header__credo {
    padding-left: 2rem;
  }
  .author-header__credo-icon {
    left: 0.5rem;
  }
}

/* Section Banner */
.banner {
  position: relative;
  overflow: hidden;
  background-color: var(--color-black);
  color: var(--color-white);
}
.banner__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.banner__bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 35, 35, 0.6);
}
.banner__bg picture {
  display: contents;
}
.banner__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
  will-change: transform;
  transition: transform 1.5s 0.1s;
}
._loaded .banner__bg img {
  transform: scale(1);
}
.banner__wrap {
  position: relative;
  z-index: 9;
  padding-block: var(--section-padding-block);
  padding-block-start: calc(var(--section-padding-block) + var(--header-height));
}
.banner__content {
  display: flex;
  flex-direction: column;
  max-width: 60ch;
  row-gap: var(--space-m);
}
.banner__description {
  font-size: var(--text-m);
  font-weight: 300;
}
.banner__award {
  --award-width: 12.5rem;
  position: absolute;
  right: 0;
  bottom: var(--section-padding-block);
  width: var(--award-width);
  height: calc(var(--award-width) * 1.08);
}
@media (max-width: 47rem) {
  .banner__award {
    --award-width: 9.375rem;
  }
}
@media (max-width: 29rem) {
  .banner__award {
    --award-width: 6.875rem;
    bottom: calc(var(--section-padding-block) * 0.25);
  }
}
.banner__award picture {
  display: contents;
}
.banner__award img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Section Tabs */
.section-tabs__wrap {
  padding-block: var(--section-padding-block);
}
.section-tabs__title {
  text-align: center;
}
.section-tabs__title:not(:last-child) {
  margin-bottom: var(--paragraph-spacing);
}
.section-tabs__description {
  font-size: var(--description-font-size);
  font-weight: var(--description-font-weight);
  line-height: var(--description-line-height);
}
.section-tabs__description:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-tabs__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .section-tabs__row {
    --col-width: 50%;
    --col-gap: 1.25rem;
  }
}
.section-tabs__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .section-tabs__col--tabs {
    --col-width: 33%;
  }
}
@media (max-width: 61rem) {
  .section-tabs__col--tabs {
    display: none;
  }
}
@media (min-width: 62rem) {
  .section-tabs__col--content {
    --col-width: 67%;
  }
}
.section-tabs__toggle {
  position: relative;
  display: none;
  overflow: hidden;
  border: none;
  width: 100%;
  padding: 1.25rem;
  background-color: var(--color-crystal-bell);
  font-size: var(--text-m);
  font-weight: 300;
  line-height: 1.2;
  text-align: left;
  color: var(--color-black);
}
@media (max-width: 61rem) {
  .section-tabs__toggle {
    display: block;
  }
}
.section-tabs__toggle::after {
  content: var(--icon-chevron-down);
  position: absolute;
  z-index: 9;
  right: 0.75rem;
  top: 50%;
  font-family: var(--font-icons);
  font-size: 1.25rem;
  transform: translateY(-50%);
  transition: transform var(--transition-duration);
}
.section-tabs__toggle[aria-expanded=true]::after {
  transform: translateY(-50%) rotateX(180deg);
}
@media (max-width: 61rem) {
  .section-tabs__panel {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .section-tabs__panel[hidden] {
    grid-template-rows: 0fr;
  }
}
@media (max-width: 61rem) {
  .section-tabs__panel-padding {
    overflow: hidden;
  }
}
.section-tabs__text-block {
  font-size: var(--description-font-size);
  font-weight: var(--description-font-weight);
  line-height: var(--description-line-height);
}
@media (max-width: 61rem) {
  .section-tabs__text-block {
    padding-block: 0.75rem 1.25rem;
  }
}

/* Vertical Tabs */
.vertical-tabs {
  --tabs-img-size: 3.125rem;
  display: block;
  background-color: var(--color-crystal-bell);
}
.vertical-tabs > li > button {
  display: flex;
  column-gap: var(--space-s);
  align-items: center;
  overflow: hidden;
  border: none;
  width: 100%;
  padding: 1.025rem 1.25rem;
  background: none;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.2;
  transition: background-color var(--transition-duration);
}
.vertical-tabs > li > button._active, .vertical-tabs > li > button[aria-selected=true] {
  background-color: var(--color-primary);
}
.vertical-tabs > li > button:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .vertical-tabs > li > button:not(:disabled):hover {
    background-color: var(--color-primary);
  }
}
.vertical-tabs > li > button > figure {
  flex: 0 0 var(--tabs-img-size);
  width: var(--tabs-img-size);
  height: var(--tabs-img-size);
}
.vertical-tabs > li > button > figure picture {
  display: contents;
}
.vertical-tabs > li > button > figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vertical-tabs > li > button > span{
  text-align: left;
}

/* Section Portfolio Highlights */
.section-ph__wrap {
  padding-block: var(--section-padding-block);
}
.section-ph__header:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-ph__title {
  text-align: center;
  text-transform: uppercase;
}
.section-ph__body{
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
.section-ph__body:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-ph__btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

/* Section Team */
.section-team__wrap {
  padding-block: var(--section-padding-block);
}
.section-team__header:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-team__title {
  text-align: center;
  text-transform: uppercase;
}
.section-team__cards {
  display: grid;
  align-items: initial;
  grid-gap: var(--space-m);
  grid-template-columns: var(--grid-4);
}
@media (max-width: 61rem) {
  .section-team__cards {
    grid-template-columns: var(--grid-3);
  }
}
@media (max-width: 47rem) {
  .section-team__cards {
    grid-template-columns: var(--grid-3);
  }
}
@media (max-width: 29rem) {
  .section-team__cards {
    grid-template-columns: var(--grid-1);
  }
}

/* Section About Hero */
.about-hero {
  position: relative;
  overflow: hidden;
  background-color: var(--color-black);
  color: var(--color-white);
}
.about-hero::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8));
  pointer-events: none;
}
.about-hero__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about-hero__bg picture {
  display: contents;
}
.about-hero__bg img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
  will-change: transform;
  transition: transform 1.2s;
}
._loaded .about-hero__bg img {
  transform: scale(1);
}
.about-hero__wrap {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 28.125rem;
  padding-block: var(--section-padding-block);
  row-gap: var(--space-xl);
}
@media (min-width: 48rem) {
  .about-hero__wrap {
    min-height: 31.875rem;
  }
}
@media (min-width: 62rem) {
  .about-hero__wrap {
    min-height: 46.25rem;
  }
}
.about-hero__title {
  text-align: center;
}
.about-hero__divider {
  width: 11.25rem;
  height: 0.0625rem;
  background-color: var(--color-white);
  margin-inline: auto;
}
.about-hero__subtitle {
  max-width: 48rem;
  font-size: var(--text-l);
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  margin-inline: auto;
}

/* Section Timeline (About Us) */
.section-timeline {
  position: relative;
  overflow: hidden;
}
.section-timeline__wrap {
  padding-block: var(--space-l);
}
.section-timeline__title {
  text-align: center;
  text-transform: uppercase;
}
.section-timeline__title:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-timeline__description {
  max-width: 80rem;
  text-align: center;
  margin-inline: auto;
}
.section-timeline__description:not(:last-child) {
  margin-bottom: calc(var(--space-l) * 2);
}
.section-timeline__btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.section-timeline__timeline:not(:last-child) {
  margin-block-end: var(--space-xl);
}

/* Section Cases */
.section-cases {
  position: relative;
  overflow: hidden;
}
.section-cases__wrap {
  padding-block: 0.75rem var(--section-padding-block);
}
.section-cases__breadcrumbs:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-cases__title {
  text-align: center;
}
.section-cases__title:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-cases__controls {
  --controls-gap: var(--space-m);
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--controls-gap) / 2 * -1);
  row-gap: var(--controls-gap);
}
@media (max-width: 61rem) {
  .section-cases__controls {
    --controls-gap: var(--space-s);
  }
}
.section-cases__controls:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-cases__control {
  --control-width: 100%;
  flex: 0 0 var(--control-width);
  max-width: var(--control-width);
  padding-inline: calc(var(--controls-gap) / 2);
}
@media (min-width: 62rem) {
  .section-cases__control {
    --control-width: 22%;
  }
}
@media (min-width: 62rem) {
  .section-cases__control--lg {
    --control-width: 39%;
  }
}
.section-cases__control .btn {
  width: 100%;
}
.section-cases__cards {
  display: grid;
  align-items: initial;
  grid-gap: var(--space-m);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-cases__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-cases__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-cases__cards > li > .case-card {
  min-height: 100%;
}

/* Cases Inner Hero */
.ci-hero {
  position: relative;
  overflow: hidden;
  background-color: var(--color-black);
  color: var(--color-white);
}
.ci-hero::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.43));
  pointer-events: none;
}
.ci-hero__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ci-hero__bg picture {
  display: contents;
}
.ci-hero__bg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  will-change: transform;
  transition: transform 1.2s;
}
._loaded .ci-hero__bg img {
  transform: scale(1);
}
.ci-hero__wrap {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(18.75rem, 16.875rem + 9.375vw, 28.125rem);
  padding-block: var(--section-padding-block);
}
.ci-hero__title {
  font-size: var(--text-xl);
  text-align: center;
}
@media (max-width: 29rem) {
  .ci-hero__title {
    font-size: var(--h2-font-size);
  }
}

/* Section Cases Inner */
.section-ci__wrap {
  padding-block: var(--space-s) var(--space-xl);
}
.section-ci__breadcrumbs:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-ci__types {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-m);
}
.section-ci__types:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-ci__quote:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-ci__group:not(:last-child) {
  margin-bottom: var(--space-xl);
}
.section-ci__row:not(:last-child) {
  margin-bottom: var(--space-xl);
}

/* Cases Inner Group */
.ci-group__title {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  text-align: center;
}
.ci-group__title:not(:last-child) {
  margin-bottom: var(--space-s);
}
.ci-group__description {
  text-align: center;
}
.ci-group__checklist {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
  font-size: var(--description-font-size);
  font-weight: var(--description-font-weight);
  line-height: var(--description-line-height);
}
.ci-group__checklist > li {
  display: flex;
  align-items: center;
  gap: var(--space-s);
}
.ci-group__checklist > li::before {
  content: var(--icon-checkbox-outline);
  font-family: var(--font-icons);
  color: var(--color-primary);
}

/* Cases Inner Row */
.ci-row--reversed .ci-row__row {
  flex-direction: row-reverse;
}
.ci-row__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .ci-row__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
.ci-row__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.ci-row__img {
  display: flex;
}
.ci-row__img picture {
  display: contents;
}
.ci-row__img img {
  margin: auto;
  object-fit: contain;
}
.ci-row__title {
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
}
.ci-row__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}

/* Section How It Works */
.section-hiw__wrap {
  padding-block: var(--space-l);
}
.section-hiw__breadcrumbs:not(:last-child) {
  margin-bottom: var(--space-m);
}
.section-hiw__title {
  text-align: center;
}
.section-hiw__title:not(:last-child) {
  margin-bottom: var(--space-m);
}

/* Section Blog Post Hero */
.bp-hero {
  position: relative;
  overflow: hidden;
  background-color: var(--color-black);
  color: var(--color-white);
}
.bp-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.43));
  pointer-events: none;
}
.bp-hero__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.bp-hero__bg picture {
  display: contents;
}
.bp-hero__bg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bp-hero__wrap {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: clamp(23.125rem, 22.125rem + 5vw, 28.125rem);
  padding-block: var(--section-padding-block) var(--space-m);
}
.bp-hero__title {
  font-size: var(--text-xl);
  line-height: var(--h1-line-height);
  text-wrap: pretty;
}
@media (max-width: 29rem) {
  .bp-hero__title {
    font-size: var(--h2-font-size);
  }
}
.bp-hero__title:not(:last-child) {
  margin-bottom: var(--space-l);
}
.bp-hero__author:not(:last-child) {
  margin-bottom: var(--space-s);
}
.bp-hero__metas {
  display: flex;
  column-gap: var(--space-m);
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--description-font-size);
  font-weight: var(--description-font-weight);
  line-height: var(--description-line-height);
}
@media (max-width: 29rem) {
  .bp-hero__metas {
    column-gap: var(--space-s);
    font-size: var(--text-s);
  }
}
.bp-hero__metas > li {
  display: flex;
  column-gap: var(--space-xs);
  align-items: center;
}
@media (max-width: 29rem) {
  .bp-hero__metas > li {
    column-gap: 0.3125rem;
  }
}

/* Blog Post Hero Author */
.bp-hero-author {
  --author-img-size: 4.375rem;
}
.bp-hero-author__row {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.bp-hero-author__img {
  flex: 0 0 var(--author-img-size);
  overflow: hidden;
  border-radius: var(--author-img-size);
  width: var(--author-img-size);
  height: var(--author-img-size);
}
.bp-hero-author__img picture {
  display: contents;
}
.bp-hero-author__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.bp-hero-author__text {
  flex: 1 1 auto;
  min-width: 0;
}
.bp-hero-author__name {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-weight: 500;
}
.bp-hero-author__name:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.bp-hero-author__role {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
}

/* Section Blog Post */
.section-post {
  position: relative;
  background-color: var(--color-white);
  color: var(--color-black);
}
.section-post__wrap {
  padding-block: var(--space-m);
}
.section-post__breadcrumbs:not(:last-child) {
  margin-block-end: var(--space-m);
}
.section-post__row {
  --row-aside-width: 22.75rem;
  --row-gap: var(--space-xl);
  display: flex;
  flex-wrap: nowrap;
  gap: var(--row-gap);
}
@media (max-width: 61rem) {
  .section-post__row {
    flex-wrap: wrap;
  }
}
.section-post__col {
  min-width: 0;
  min-height: 0;
}
.section-post__col--main {
  flex: 1 1 auto;
  min-width: 0;
}
.section-post__col--aside {
  flex: 0 0 var(--row-aside-width);
  max-width: var(--row-aside-width);
}
.section-post__content:not(:last-child) {
  margin-block-end: var(--space-m);
}
.section-post__rating:not(:last-child) {
  margin-block-end: var(--space-m);
}
@media (min-width: 62rem) {
  .section-post .post-content-table {
    position: sticky;
    top: clamp(0.75rem, -1.1rem + 9.25vw, 10rem);
  }
}

/* Section Pricing */
.section-pricing__wrap {
  padding-block: var(--space-s) var(--space-l);
}
.section-pricing__breadcrumbs:not(:last-child) {
  margin-block-end: var(--space-m);
}
.section-pricing__title {
  text-align: center;
}
.section-pricing__title:not(:last-child) {
  margin-block-end: var(--space-xl);
}
.section-pricing__group:not(:last-child) {
  margin-block-end: var(--space-xl);
}
.section-pricing__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .section-pricing__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
.section-pricing__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.section-pricing__text {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-m);
}
.section-pricing__tabs {
  display: flex;
  justify-content: center;
  gap: var(--space-s);
}
@media (max-width: 61rem) {
  .section-pricing__tabs {
    display: none;
  }
}
.section-pricing__tabs:not(:last-child) {
  margin-block-end: var(--space-m);
}
.section-pricing__tabs > li > button {
  position: relative;
  z-index: 0;
  align-items: center;
  border: none;
  border-radius: 0.25rem;
  width: 100%;
  padding: 0.625rem 1.25rem;
  background-color: #bac1c2;
  font-size: 1.125rem;
  font-weight: 300;
  white-space: nowrap;
  text-align: center;
  color: var(--color-white);
  transition: background-color var(--transition-duration);
}
.section-pricing__tabs > li > button:disabled, .section-pricing__tabs > li > button._disabled {
  cursor: default;
  pointer-events: none;
}
.section-pricing__tabs > li > button:not(:disabled, .disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .section-pricing__tabs > li > button:not(:disabled, .disabled):hover {
    background-color: #39455c;
  }
}
.section-pricing__tabs > li > button:not(:disabled, .disabled):focus-visible {
  background-color: #39455c;
}
.section-pricing__tabs > li > button:not(:disabled, .disabled)._active, .section-pricing__tabs > li > button:not(:disabled, .disabled)[aria-selected=true] {
  background-color: #39455c;
}
@media (max-width: 61rem) {
  .section-pricing__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .section-pricing__panel:not([hidden]) {
    grid-template-rows: 1fr;
  }
}
@media (max-width: 61rem) {
  .section-pricing__panel-inner {
    overflow: hidden;
  }
}
@media (max-width: 61rem) {
  .section-pricing__panel-padding {
    padding-top: var(--space-m);
  }
}
@media (max-width: 61rem) {
  .section-pricing__panel-group:not(:last-child) {
    margin-block-end: 0.625rem;
  }
}
.section-pricing__panel-group [data-ct-toggle] {
  position: relative;
  border: none;
  border-radius: 0.25rem;
  width: 100%;
  padding: 1.25rem;
  background-color: #bac1c2;
  font-size: calc(text-m);
  font-weight: 400;
  text-align: start;
  color: var(--color-white);
  transition: background-color var(--transition-duration);
}
@media (min-width: 62rem) {
  .section-pricing__panel-group [data-ct-toggle] {
    display: none;
  }
}
.section-pricing__panel-group [data-ct-toggle]::after {
  content: var(--icon-chevron-down);
  position: absolute;
  right: 0.75rem;
  top: 50%;
  font-family: var(--font-icons);
  transform: translateY(-50%);
  transition: transform var(--transition-duration);
}
.section-pricing__panel-group [data-ct-toggle][aria-expanded=true] {
  background-color: #39455c;
}
.section-pricing__panel-group [data-ct-toggle][aria-expanded=true]::after {
  transform: translateY(-50%) rotateX(180deg);
}
.section-pricing__img picture {
  display: contents;
}
.section-pricing__img img {
  vertical-align: top;
  object-fit: contain;
}

/* Section Legacy */
.section-legacy {
  position: relative;
  overflow: hidden;
}
.section-legacy__wrap {
  padding-block: var(--section-padding-block);
}
.section-legacy__header:not(:last-child) {
  margin-bottom: var(--space-m);
}

/* ========== CARD ========== */
.card {
  --card-border-width: 0.0625rem;
  --card-border-color: var(--color-black);
  --card-border-radius: var(--border-radius-8);
  --card-px: 0.5rem;
  --card-py: 0.5rem;
  --card-bg-color: var(--color-white);
  --card-text-color: var(--color-black);
  --card-text-px: 0.5rem;
  --card-text-py: 0.75rem;
  display: block;
  overflow: hidden;
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  padding: var(--card-py) var(--card-px);
  background-color: var(--card-bg-color);
  color: var(--card-text-color);
}
.card__img {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 56%;
}
.card__img picture {
  display: contents;
}
.card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card__text {
  padding: var(--card-text-py) var(--card-text-px);
}
.card__title:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* Achievement Card */
.achievement-card {
  position: relative;
  display: block;
}
.achievement-card__img {
  position: relative;
  padding-bottom: 135.135%;
}
.achievement-card__img picture {
  display: contents;
}
.achievement-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Stats Card */
.stats-card {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  overflow: hidden;
  border-radius: var(--radius-m);
  padding: var(--space-l) var(--space-xs);
  padding-bottom: calc(var(--space-l) - 0.625rem);
  background-color: var(--color-white);
  box-shadow: 0.5625rem 0.625rem 0.8125rem 0 rgba(64, 64, 64, 0.09);
  text-align: center;
}
.stats-card__value {
  display: flex;
  font-size: 4.375rem;
  font-weight: 800;
  line-height: 1;
  color: var(--color-primary);
}
@media (max-width: 61rem) {
  .stats-card__value {
    font-size: 2.6875rem;
  }
}
.stats-card__label {
  font-size: var(--text-m);
  font-weight: 400;
  line-height: 1.25;
}

/* Service Card */
.service-card {
  display: block;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
}
.service-card__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
@media (any-hover: hover) {
  .service-card__inner:hover .service-card__img img {
    transform: scale(1.1);
  }
}
.service-card__img {
  position: relative;
  overflow: hidden;
  padding-bottom: 55.415%;
}
.service-card__img picture {
  display: contents;
}
.service-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.service-card__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: var(--space-xs);
  row-gap: var(--space-xs);
}
.service-card__title {
  font-size: var(--text-m);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.service-card__description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

/* Portfolio Card */
.portfolio-card {
  display: block;
}
.portfolio-card__inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
}
@media (any-hover: hover) {
  .portfolio-card__inner:hover .portfolio-card__title {
    color: var(--color-primary);
  }
  .portfolio-card__inner:hover .portfolio-card__img img {
    transform: scale(1.1);
  }
  .portfolio-card__inner:hover .portfolio-card__overlay {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
.portfolio-card__img {
  position: relative;
  overflow: hidden;
  height: 13.75rem;
}
.portfolio-card__img picture {
  display: contents;
}
.portfolio-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.portfolio-card__overlay {
  position: absolute;
  z-index: 9;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: var(--space-xs);
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color var(--transition-duration-slow);
}
@media (max-width: 61rem) {
  .portfolio-card__overlay {
    background-color: rgba(255, 255, 255, 0.75);
  }
}
.portfolio-card__info-items {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1;
  color: var(--color-black-flame);
}
.portfolio-card__title {
  font-size: var(--text-l);
  font-weight: 500;
  line-height: 1.3;
  transition: color var(--transition-duration);
}
.portfolio-card__date {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
}

/* Allias Card */
.allias-card {
  display: flex;
  flex-direction: column;
}
.allias-card__link {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity var(--transition-duration);
}
@media (any-hover: hover) {
  .allias-card__link:hover {
    opacity: 0.75;
  }
}
.allias-card__link picture {
  display: contents;
}
.allias-card__link img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Review Card */
.review-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border: 0.0625rem solid var(--color-kingly-cloud);
  border-radius: var(--border-radius-8);
  padding: var(--space-s);
  background-color: rgba(217, 217, 217, 0.2);
  box-shadow: var(--box-shadow-01);
  row-gap: var(--space-s);
}
.review-card__description {
  font-size: var(--text-m);
  font-weight: 300;
  line-height: 1.4;
}
.review-card__footer {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.review-card__author {
  flex: 1 1 auto;
  min-width: 0;
}
.review-card__rating {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-size: var(--text-m);
  font-weight: 300;
  line-height: 1.2;
}
.review-card__rating::before {
  content: var(--icon-rating-star);
  font-family: var(--font-icons);
  font-size: 106%;
  font-weight: 400;
  line-height: 1;
  color: var(--color-exotic-flower);
}
.review-card__rating:not(:last-child) {
  margin-bottom: 0.3125rem;
}
.review-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-s);
  font-weight: 500;
  line-height: 1.4;
}
.review-card__link::before {
  content: var(--icon-link-extend);
  font-family: var(--font-icons);
  font-weight: 700;
  line-height: 1;
  margin-block-end: 0.0625rem;
}

/* Review Card Author */
.review-card-author {
  --author-img-size: 3.125rem;
}
.review-card-author__row {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.review-card-author__img {
  flex: 0 0 var(--author-img-size);
  overflow: hidden;
  border-radius: var(--author-img-size);
  width: var(--author-img-size);
  height: var(--author-img-size);
}
.review-card-author__img picture {
  display: contents;
}
.review-card-author__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.review-card-author__text {
  flex: 1 1 auto;
  min-width: 0;
}
.review-card-author__name {
  font-size: var(--text-s);
  font-weight: 600;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
}
.review-card-author__name:not(:last-child) {
  margin-bottom: 0.3125rem;
}
.review-card-author__role {
  font-size: var(--text-s);
  font-weight: 500;
  line-height: 1.4;
}

/* Pillar Card */
.pillar-card {
  --card-img-size: 4rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  text-align: center;
}
@media (max-width: 47rem) {
  .pillar-card {
    flex-direction: row;
    text-align: left;
  }
}
.pillar-card__img {
  flex: 0 0 var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
  margin-inline: auto;
}
@media (max-width: 47rem) {
  .pillar-card__img {
    margin: 0;
  }
}
.pillar-card__img picture {
  display: contents;
}
.pillar-card__img img {
  display: block;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.pillar-card__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.pillar-card__title {
  font-size: var(--text-l);
  font-weight: 600;
}
.pillar-card__description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
}

/* Client Card */
.client-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: var(--radius-m);
  padding: var(--space-l) var(--space-m);
  padding-bottom: calc(var(--space-l) - 0.625rem);
  background-color: var(--color-white);
  box-shadow: 0.5625rem 0.625rem 0.8125rem 0 rgba(64, 64, 64, 0.09);
  text-align: center;
}
.client-card__icon {
  --icon-size: 4.125rem;
  height: var(--icon-size);
}
@media (max-width: 61rem) {
  .client-card__icon {
    --icon-size: 4rem;
  }
}
.client-card__icon:not(:last-child) {
  margin-bottom: var(--paragraph-spacing);
}
.client-card__icon picture {
  display: contents;
}
.client-card__icon img {
  display: block;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.client-card__title {
  font-size: 1.3125rem;
  font-weight: 600;
}
.client-card__title:not(:last-child) {
  margin-bottom: var(--space-m);
}
@media (max-width: 61rem) {
  .client-card__title:not(:last-child) {
    margin-bottom: var(--space-xs);
  }
}
.client-card__description {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-black-800);
}

/* Flow Card */
.flow-card {
  --card-border-radius: var(--border-radius-8);
  --card-px: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  --card-py: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  --card-bg-color: var(--color-white);
  --card-text-color: var(--color-black);
  --card-shadow: 0.5625rem 0.625rem 0.8125rem 0 rgb(64 64 64 / 9%), -0.5625rem 0 0.8125rem 0 rgb(64 64 64 / 9%);
  --card-num-size: var(--flow-num-size, 2rem);
  --card-num-border-width: 0.0625rem;
  --card-num-border-color: var(--color-kingly-cloud);
  --card-line-height: 0.0625rem;
  --card-line-color: var(--color-kingly-cloud);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  text-align: center;
}
.flow-card::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(var(--card-num-size) / 2);
  width: calc(50% + var(--flow-gap-x) / 2);
  height: var(--card-line-height);
  background-color: var(--card-line-color);
  pointer-events: none;
}
@media (max-width: 61rem) {
  .flow-card::after {
    display: none;
  }
}
.flow-card__num {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: var(--card-num-border-width) solid var(--card-num-border-color);
  border-radius: var(--card-num-size);
  width: var(--card-num-size);
  height: var(--card-num-size);
  background-color: var(--card-bg-color);
  font-size: calc(var(--card-num-size) * 0.5);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-inline: auto;
}
.flow-card__inner {
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  padding: var(--card-py) var(--card-px);
  background-color: var(--card-bg-color);
  box-shadow: var(--card-shadow);
  color: var(--card-text-color);
}
.flow-card__title {
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 79rem) {
  .flow-card__title {
    font-size: 1rem;
  }
}
.flow-card__title:not(:last-child) {
  margin-bottom: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
}
.flow-card__description {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-black-800);
}

/* stylelint-disable order/order */
/* Article Card */
.article-card {
  display: flex;
  flex-direction: column;
}
.article-card--bg {
  background-color: var(--color-crystal-bell);
}
.article-card--bg .article-card__text {
  padding: 0 var(--space-s) var(--space-s);
}
.article-card__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  row-gap: var(--space-xs);
}
@media (any-hover: hover) {
  .article-card__inner:hover .article-card__title {
    color: var(--color-primary);
  }
  .article-card__inner:hover .article-card__img img {
    transform: scale(1.1);
  }
}
.article-card__img {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.2653562654%;
}
.article-card__img picture {
  display: contents;
}
.article-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.article-card__text {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
}
@media (max-width: 61rem) {
  .article-card__text {
    padding-block-start: 0.25rem;
  }
}
.article-card__date {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 61rem) {
  .article-card__date {
    font-size: 0.875rem;
  }
}
.article-card__title {
  font-size: calc(var(--text-l) - 0.3125rem);
  font-weight: 500;
  line-height: 1.3;
  transition: color var(--transition-duration);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 61rem) {
  .article-card__title {
    font-size: var(--text-l);
  }
}
.article-card__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: var(--color-gray-dull);
}
@media (max-width: 61rem) {
  .article-card__description {
    font-size: 0.875rem;
  }
}

/* Tg Card */
.tg-card {
  --card-border-width: 0;
  --card-border-color: transparent;
  --card-px: var(--space-m);
  --card-py: var(--space-m);
  --card-bg-color: rgb(202 232 231 / 30%);
  --card-shadow: rgb(0 0 0 / 12%) 0 0.0625rem 0.1875rem 0, rgb(0 0 0 / 24%) 0 0.0625rem 0.125rem 0;
  --card-img-size: 3.125rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: var(--card-border-width) solid var(--card-border-color);
  padding: var(--card-py) var(--card-px);
  background-color: var(--card-bg-color);
  box-shadow: var(--card-shadow);
  row-gap: var(--space-s);
  height: 100%;
}
.tg-card--loosed {
  --card-py: var(--space-m);
  row-gap: var(--space-l);
}
.tg-card--transparent {
  --card-border-width: 0.0625rem;
  --card-border-color: var(--color-kingly-cloud);
  --card-bg-color: transparent;
  --card-shadow: none;
}
.tg-card--centered {
  align-items: center;
  text-align: center;
}
.tg-card__img {
  flex: 0 0 var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
}
.tg-card__img picture {
  display: contents;
}
.tg-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.tg-card__title {
  font-size: var(--h4-font-size);
  font-weight: 500;
  line-height: var(--h4-line-height);
}

/* CTA Card */
.cta-card {
  display: block;
  overflow: hidden;
  background-color: rgba(239, 239, 239, 0.38);
}
.cta-card__inner {
  padding: var(--space-l);
}
.cta-card__row {
  --col-width: 100%;
  --col-gap: var(--space-m);
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .cta-card__row {
    --col-width: 50%;
  }
}
.cta-card__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .cta-card__col--text {
    --col-width: 65%;
  }
}
@media (min-width: 62rem) {
  .cta-card__col--img {
    --col-width: 35%;
  }
}
.cta-card__text {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
}
.cta-card__title {
  font-size: var(--h3-font-size);
  font-weight: 700;
  line-height: var(--h3-line-height);
}
.cta-card__img {
  display: block;
}
.cta-card__img picture {
  display: contents;
}
.cta-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Team Member Card */
.team-member-card {
  --card-row-gap: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
.team-member-card__img {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
}
.team-member-card__img picture {
  display: contents;
}
.team-member-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-member-card__text {
  display: flex;
  flex-direction: column;
  gap: var(--card-row-gap);
}
.team-member-card__name {
  font-size: calc(var(--text-l) - 0.3125rem);
  line-height: var(--h3-line-height);
}
.team-member-card__role {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-boat-anchor);
}

/* Case Card */
.case-card {
  display: flex;
  flex-direction: column;
}
.case-card__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  row-gap: var(--space-xs);
}
@media (any-hover: hover) {
  .case-card__inner:hover .case-card__overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .case-card__inner:hover .case-card__img img {
    transform: scale(1.1);
  }
  .case-card__inner:hover .case-card__title {
    color: var(--color-primary);
  }
}
.case-card__img {
  position: relative;
  overflow: hidden;
  padding-bottom: 66.28%;
}
.case-card__img picture {
  display: contents;
}
.case-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-duration-slow);
}
.case-card__overlay {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: var(--space-xs);
  background-color: rgba(237, 247, 247, 0.75);
  transition: opacity var(--transition-duration), visibility var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.case-card__overlay-title {
  font-size: var(--h4-font-size);
}
.case-card__info-items {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.2;
  row-gap: var(--space-xs);
}
.case-card__info-items > li {
  display: flex;
  column-gap: var(--space-s);
  align-items: center;
}
.case-card__info-items > li::before {
  content: var(--icon-checkbox-outline);
  font-family: var(--font-icons);
  color: var(--color-primary);
}
.case-card__title {
  font-size: calc(var(--text-l) - 0.3125rem);
  font-weight: 500;
  line-height: 1.3;
  transition: color var(--transition-duration);
}

/* Cases Inner Type Card */
.ci-type-card {
  --card-img-size: 1.75rem;
  display: block;
}
.ci-type-card__row {
  display: flex;
  gap: var(--space-xs);
}
.ci-type-card__img {
  flex: 0 0 var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
}
.ci-type-card__img picture {
  display: contents;
}
.ci-type-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.ci-type-card__text {
  flex: 1 1 auto;
  min-width: 0;
}
.ci-type-card__title {
  font-size: var(--h4-font-size);
  font-weight: 500;
  color: var(--color-primary);
}
.ci-type-card__title:not(:last-child) {
  margin-bottom: var(--space-xs);
}
.ci-type-card__label {
  font-size: calc(var(--text-m) - 20%);
  font-weight: 400;
}

/* Platform Card */
.platform-card {
  --card-img-size: 7.5rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: opacity var(--transition-duration);
  row-gap: var(--space-m);
}
@media (any-hover: hover) {
  .platform-card:hover {
    opacity: 0.75;
  }
}
.platform-card__img {
  width: var(--card-img-size);
  height: var(--card-img-size);
  margin-inline: auto;
}
.platform-card__img picture {
  display: contents;
}
.platform-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Free Test Card */
.free-test-card {
  --card-logo-width: 9.75rem;
  --card-img-width: 15.625rem;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(53deg, var(--color-primary) 6%, var(--color-white) 6%, var(--color-white) 71%, var(--color-primary) 71%);
  color: var(--color-black-sapphire);
}
@media (max-width: 61rem) {
  .free-test-card {
    --card-img-width: 100%;
  }
}
.free-test-card__logo {
  width: var(--card-logo-width);
}
.free-test-card__logo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.free-test-card__row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media (max-width: 61rem) {
  .free-test-card__row {
    flex-wrap: wrap;
  }
}
.free-test-card__col--img {
  flex: 0 0 var(--card-img-width);
  max-width: var(--card-img-width);
}
.free-test-card__col--text {
  flex: 1 1 auto;
  min-width: 0;
}
.free-test-card__text {
  display: flex;
  flex-direction: column;
  padding: var(--space-s);
  row-gap: var(--space-s);
}
.free-test-card__title {
  max-width: 28.75rem;
  font-size: 1.8125rem;
  line-height: var(--h3-line-height);
}
.free-test-card__description {
  max-width: 34ch;
  font-size: var(--text-l);
  font-weight: 500;
  line-height: 1.2;
}
.free-test-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center bottom;
}
.free-test-card__action-btn {
  position: absolute;
  z-index: 19;
  right: var(--space-xs);
  bottom: 0.75rem;
  border: 0;
  border-radius: 0.375rem;
  padding: 0.75rem 0.9375rem;
  background-color: var(--color-black-sapphire);
  box-shadow: 0 0 0.625rem 0 rgba(253, 238, 184, 0.66);
  font-size: 1.1875rem;
  font-weight: 300;
  text-transform: uppercase;
  color: var(--color-tinker-light);
  transition: box-shadow var(--transition-duration);
}
.free-test-card__action-btn:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .free-test-card__action-btn:not(:disabled):hover {
    box-shadow: 0 0 1.25rem 0 rgba(253, 238, 184, 0.8);
  }
}

/* About Timeline Card */
.about-timeline-card {
  --card-img-size: 3.125rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.about-timeline-card__img {
  position: relative;
  z-index: 9;
  flex: 0 0 var(--card-img-size);
  overflow: hidden;
  border-radius: var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
  background-color: var(--color-white);
  margin-inline: auto;
}
.about-timeline-card__img picture {
  display: contents;
}
.about-timeline-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.about-timeline-card__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.5rem;
  min-height: 11.25rem;
  padding: var(--space-m);
  box-shadow: rgba(140, 149, 159, 0.2) 0 0.5rem 1.5rem 0;
  text-align: center;
  margin-block-start: calc(var(--card-img-size) / 2 * -1);
  row-gap: var(--space-s);
}
.about-timeline-card__title {
  font-size: var(--h4-font-size);
  font-weight: 300;
  line-height: var(--h4-line-height);
}
.about-timeline-card__label {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-weight: 500;
  color: var(--color-primary);
}

/* SOC */
.soc {
  --soc-gap: 0.375rem;
  --soc-link-size: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--soc-gap);
}
.soc > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--soc-link-size);
  width: var(--soc-link-size);
  height: var(--soc-link-size);
  background-color: var(--color-black);
  font-size: calc(var(--soc-link-size) * 0.55);
  font-weight: 400;
  line-height: 1;
  color: var(--color-clouded-vision);
  transition: background-color var(--transition-duration), color var(--transition-duration);
}
@media (any-hover: hover) {
  .soc > li > a:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

/* Data Approach Flow */
.data-approach-flow {
  --flow-num-size: 2.25rem;
  --flow-gap-x: 1.5rem;
  --flow-gap-y: 2rem;
  --flow-cols-count: 6;
}
@media (max-width: 79rem) {
  .data-approach-flow {
    --flow-gap-x: 1rem;
  }
}
@media (max-width: 61rem) {
  .data-approach-flow {
    --flow-cols-count: 3;
  }
}
@media (max-width: 47rem) {
  .data-approach-flow {
    --flow-cols-count: 2;
  }
}
@media (max-width: 29rem) {
  .data-approach-flow {
    --flow-cols-count: 1;
  }
}
.data-approach-flow__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-inline: calc(var(--flow-gap-x) / 2 * -1);
  row-gap: var(--flow-gap-y);
}
.data-approach-flow__list > li {
  flex: 1 0 calc(100% / var(--flow-cols-count));
  padding-inline: calc(var(--flow-gap-x) / 2);
}
.data-approach-flow__list > li:last-child > .flow-card::after {
  left: calc(var(--flow-gap-x) / 2 * -1);
}
.data-approach-flow__list > li > .flow-card {
  min-height: 100%;
}
.data-approach-flow__list > li:not(:first-child, :last-child) > .flow-card::after {
  left: calc(var(--flow-gap-x) / 2 * -1);
  width: calc(100% + var(--flow-gap-x));
}

/* Operational Flow */
.operational-flow {
  overflow: hidden;
}
.operational-flow__list > li:not(:last-child) {
  border-bottom: 0.0625rem solid var(--color-kingly-cloud);
}
.operational-flow__toggle {
  --img-size: 1.875rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-s);
  border: none;
  width: 100%;
  min-height: 3.125rem;
  padding: var(--space-s) var(--space-xs);
  background-color: rgba(202, 232, 231, 0.4);
  font-size: var(--h4-font-size);
  font-weight: 500;
  line-height: var(--h4-line-height);
  text-align: left;
}
.operational-flow__toggle::after {
  content: var(--icon-chevron-right);
  position: absolute;
  z-index: 9;
  right: 0.75rem;
  top: 50%;
  font-family: var(--font-icons);
  transform: translateY(-50%);
  transition: transform var(--transition-duration);
}
.operational-flow__toggle._active::after {
  transform: translateY(-50%) rotate(90deg);
}
.operational-flow__toggle:not(:disabled) {
  cursor: pointer;
}
.operational-flow__toggle > figure {
  flex: 0 0 var(--img-size);
  width: var(--img-size);
  height: var(--img-size);
}
.operational-flow__toggle > figure picture {
  display: contents;
}
.operational-flow__toggle > figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.operational-flow__toggle > span {
  flex: 1 1 auto;
  min-width: 0;
}
.operational-flow__content {
  padding: var(--space-xs);
}

/* Portfolio Preview */
.portfolio-preview__row {
  --col-width: 100%;
  --col-gap: var(--space-m);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 62rem) {
  .portfolio-preview__row {
    --col-width: 50%;
  }
}
.portfolio-preview__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .portfolio-preview__col--img {
    --col-width: 33%;
  }
}
@media (min-width: 62rem) {
  .portfolio-preview__col--text {
    --col-width: 63.4%;
  }
}
.portfolio-preview__img {
  display: block;
}
.portfolio-preview__img picture {
  display: contents;
}
.portfolio-preview__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.portfolio-preview__text {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.portfolio-preview__title {
  font-size: var(--text-l);
}
.portfolio-preview__description {
  font-size: 1rem;
  font-weight: 300;
}

/* Cases Inner Quote */
.ci-quote {
  position: relative;
  display: block;
  overflow: hidden;
  padding: var(--space-s);
  background: url("../img/icons/quote-right-sqr.svg") no-repeat left 0.75rem top 0.5rem/1.75rem auto;
  background-color: var(--color-crystal-bell);
  padding-inline-start: var(--space-xl);
}
@media (max-width: 61rem) {
  .ci-quote {
    background-size: 1.5rem;
  }
}
.ci-quote__description {
  font-style: italic;
}
.ci-quote__description:not(:last-child) {
  margin-bottom: var(--space-s);
}
.ci-quote__author {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 61rem) {
  .ci-quote__author {
    font-size: 1rem;
  }
}

/* HIW Timeline Item */
.hiw-timeline-item {
  --item-img-size: 5rem;
  --item-marker-size: 3.125rem;
  --item-line-width: 0.125rem;
  position: relative;
  text-align: center;
}
.hiw-timeline-item._scrolled .hiw-timeline-item__marker {
  background-color: var(--color-primary);
}
.hiw-timeline-item__row {
  display: flex;
  align-items: center;
  gap: var(--space-m);
}
@media (max-width: 47rem) {
  .hiw-timeline-item__row {
    flex-direction: row-reverse;
  }
}
.hiw-timeline-item__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 0.625rem 1.875rem;
  row-gap: var(--space-xs);
}
.hiw-timeline-item__img {
  flex: 0 0 var(--item-img-size);
  width: var(--item-img-size);
  height: var(--item-img-size);
  margin-inline: auto;
}
.hiw-timeline-item__img picture {
  display: contents;
}
.hiw-timeline-item__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.hiw-timeline-item__description {
  font-size: calc(var(--text-s) + 17%);
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
}
.hiw-timeline-item__marker {
  position: relative;
  z-index: 9;
  display: flex;
  flex: 0 0 var(--item-marker-size);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--item-marker-size);
  width: var(--item-marker-size);
  height: var(--item-marker-size);
  background-color: var(--color-black);
  font-size: var(--text-m);
  font-weight: 500;
  line-height: 1;
  color: var(--color-white);
  transition: background-color var(--transition-duration);
}
.hiw-timeline-item__line {
  position: absolute;
  right: calc(var(--timeline-marker-size) / 2 - var(--item-line-width) / 2);
  top: 50%;
  width: 0.125rem;
  height: 50%;
  background-color: var(--color-black);
  pointer-events: none;
}
@media (max-width: 47rem) {
  .hiw-timeline-item__line {
    left: calc(var(--timeline-marker-size) / 2 - var(--item-line-width) / 2);
    right: auto;
  }
}
.hiw-timeline-item__line-fill {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--color-primary);
}

/* HIW Timeline */
.hiw-timeline {
  --timeline-marker-size: 3.125rem;
}
.hiw-timeline__item {
  flex: 0 0 calc(50% + var(--timeline-marker-size) / 2);
  max-width: calc(50% + var(--timeline-marker-size) / 2);
}
@media (max-width: 47rem) {
  .hiw-timeline__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.hiw-timeline__item:last-child .hiw-timeline-item__line {
  top: 0;
}
@media (min-width: 48rem) {
  .hiw-timeline__item--reversed {
    margin-left: auto;
  }
}
@media (min-width: 48rem) and (min-width: 48rem) {
  .hiw-timeline__item--reversed .hiw-timeline-item__row {
    flex-direction: row-reverse;
  }
}
@media (min-width: 48rem) {
  .hiw-timeline__item--reversed .hiw-timeline-item__line {
    left: calc(var(--timeline-marker-size) / 2 - var(--item-line-width) / 2);
  }
}
.hiw-timeline__item:not(:first-child, :last-child) .hiw-timeline-item__line {
  top: 0;
  height: 100%;
}

/* Post Content Table */
.post-content-table {
  display: block;
  overflow: hidden;
  padding: var(--space-s);
  background-color: var(--color-crystal-bell);
}
.post-content-table__title {
  font-size: var(--h3-font-size);
  font-weight: 500;
}
.post-content-table__title:not(:last-child) {
  margin-bottom: var(--space-m);
}
.post-content-table__nav {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-weight: 300;
  line-height: 1.3;
}
.post-content-table__menu > li > a {
  position: relative;
  padding: 0.3125rem 0.625rem;
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .post-content-table__menu > li > a:hover {
    color: var(--color-primary);
  }
}
.post-content-table__menu > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.125rem;
  height: 0;
  background-color: var(--color-primary);
  transition: height var(--transition-duration);
}
.post-content-table__menu > li > a._active {
  font-weight: 500;
}
.post-content-table__menu > li > a._active::before {
  height: 100%;
}

/* Blog Post Content */
.blog-post-content {
  --text-link-underline-offset: 0.4em;
  --text-list-indent-spacing: 2em;
  --text-list-item-spacing: 0.5em;
  max-width: 50.75rem;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-weight: 300;
  line-height: 1.46;
}
.blog-post-content.blog-post-content--legacy {
  max-width: 100%;
}
.blog-post-content.blog-post-content--legacy a {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: var(--text-link-underline-offset, 0.4em);
}
.blog-post-content.blog-post-content--legacy h3 {
  font-size: 1.125rem;
}
.blog-post-content ul {
  list-style: disc outside;
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.blog-post-content ul * + li {
  margin-block-start: var(--text-list-item-spacing);
}
.blog-post-content strong {
  font-weight: 400;
}
.blog-post-content.blog-post-content--legacy :is(h1, h2, h3, h4, h5, h6) {
  font-weight: var(--display-font-weight);
}
.blog-post-content :is(h1, h2, h3, h4, h5, h6) {
  font-weight: inherit;
}
.blog-post-content p:not(:last-child) {
  margin-block-end: var(--paragraph-spacing);
}
.blog-post-content h2:not(:first-child) {
  margin-block-start: var(--heading-spacing);
}
.blog-post-content h2:not(:last-child) {
  margin-block-end: var(--paragraph-spacing);
}
.blog-post-content ul:not([class]),
.blog-post-content ol:not([class]) {
  padding-left: var(--list-indent-spacing);
}
.blog-post-content ul:not([class]):not(:first-child),
.blog-post-content ol:not([class]):not(:first-child) {
  margin-block-start: var(--list-spacing);
}
.blog-post-content ul:not([class]):not(:last-child),
.blog-post-content ol:not([class]):not(:last-child) {
  margin-block-end: var(--list-spacing);
}
.blog-post-content ul:not([class]) li:not(:last-child),
.blog-post-content ol:not([class]) li:not(:last-child) {
  margin-block-end: var(--list-item-spacing);
}
.blog-post-content figure {
  max-width: 100%;
}
.blog-post-content img {
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.blog-post-content span[style*=font-weight] {
  font-weight: inherit !important;
}
.blog-post-content blockquote {
  position: relative;
  padding: 0 0 0 1.75rem;
  font-family: "georgia", "Times New Roman", "times", serif;
  font-size: 1.3em;
  border-inline-start: 0.25rem solid var(--color-kingly-cloud);
  text-wrap: pretty;
}
.blog-post-content > *:not(:last-child) {
  margin-block-end: var(--paragraph-spacing);
}

/* Blog Post FAQ List */
.blog-post-faqs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-post-faqs > li:not(:last-child) {
  margin-block-end: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}

/* Blog Post Sharing */
.blog-post-sharing {
  --sharing-link-size: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
}
.blog-post-sharing > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sharing-link-size);
  height: var(--sharing-link-size);
  transition: opacity var(--transition-duration);
}
@media (any-hover: hover) {
  .blog-post-sharing > li > a:hover {
    opacity: 0.65;
  }
}
.blog-post-sharing > li > a svg {
  width: 60%;
  height: 60%;
  object-fit: contain;
}

/* Blog Post Raring */
.blog-post-rating {
  display: flex;
  flex-direction: column;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-weight: 300;
  line-height: 1.4;
  row-gap: 0.25rem;
}
.blog-post-rating__title {
  font-size: 1.015625rem;
  font-weight: 400;
}

.cky-table-wrapper {
  overflow: auto;
  width: 100%;
  max-width: 100%;
}

.cky-cookie-audit-table {
  border-collapse: collapse;
  width: 100%;
  font-family: inherit;
}
.cky-cookie-audit-table tr:nth-child(2n+1) td {
  background-color: #f1f5fa;
}
.cky-cookie-audit-table th,
.cky-cookie-audit-table td {
  padding: 0.625rem;
  font-size: 0.75rem;
  word-break: normal;
  text-align: left;
  color: var(--color-black);
}
.cky-cookie-audit-table th {
  border: 0.0625rem solid #cbced6;
  background-color: #d9dfe7;
}
.cky-cookie-audit-table td {
  border: 0.0625rem solid #d5d8df;
}

.cky-audit-table-element h3 {
  margin: 2.25rem 0 1rem;
}
.cky-audit-table-element .cky-category-des:not(:last-child) {
  margin-block-end: var(--text-paragraph-spacing, 1em);
}

/* About Timeline */
.about-timeline {
  --timeline-dot-size: 1.25rem;
  --timeline-year-width: 3rem;
  --timeline-line-height: 0.1875rem;
}
.about-timeline__years {
  position: relative;
  display: flex;
  column-gap: 3.75rem;
  justify-content: center;
  max-width: fit-content;
  margin-inline: auto;
}
@media (max-width: 61rem) {
  .about-timeline__years {
    display: none;
  }
}
@media (min-width: 62rem) {
  .about-timeline__years {
    padding-block-start: 4rem;
  }
}
.about-timeline__years::after {
  content: "";
  position: absolute;
  left: calc(var(--timeline-year-width) / 2);
  right: calc(var(--timeline-year-width) / 2);
  bottom: calc(var(--timeline-dot-size) / 2 - var(--timeline-line-height) / 2);
  height: var(--timeline-line-height);
  background-color: #d1d1d1;
}
.about-timeline__content {
  padding-block-start: var(--space-m);
}
.about-timeline__cards {
  display: grid;
  align-items: initial;
  grid-gap: var(--space-l);
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .about-timeline__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .about-timeline__cards {
    grid-template-columns: var(--grid-1);
  }
}
.about-timeline__cards > li > .about-timeline-card {
  min-height: 100%;
}
@media (min-width: 62rem) {
  .about-timeline__group [data-ct-toggle] {
    display: none;
  }
}
@media (max-width: 61rem) {
  .about-timeline__group [data-ct-toggle] {
    position: relative;
    display: block;
    border: none;
    border-bottom: 0.0625rem solid #898080;
    border-radius: 0;
    width: 100%;
    padding: 1.25rem;
    background-color: rgba(0, 0, 0, 0);
    font-size: var(--text-m);
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
  }
}
@media (max-width: 61rem) {
  .about-timeline__group [data-ct-toggle]::after {
    content: var(--icon-chevron-down);
    position: absolute;
    z-index: 9;
    right: 0.75rem;
    top: 50%;
    font-family: var(--font-icons);
    transform: translateY(-50%);
    transition: transform var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .about-timeline__group [data-ct-toggle][aria-expanded=true]::after {
    transform: translateY(-50%) rotateX(180deg);
  }
}
@media (max-width: 61rem) {
  .about-timeline__panel {
    display: grid;
    transition: grid-template-rows var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .about-timeline__panel[hidden] {
    grid-template-rows: 0fr;
  }
}
.about-timeline__panel:not([hidden]) {
  animation: panel-fade var(--transition-duration-slow) forwards;
}
@media (max-width: 61rem) {
  .about-timeline__panel:not([hidden]) {
    grid-template-rows: 1fr;
  }
}
@media (max-width: 61rem) {
  .about-timeline__panel-inner {
    overflow: hidden;
  }
}
.about-timeline__panel-padding {
  padding: 0.75rem 0;
}

.about-timeline-year {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border: none;
  width: var(--timeline-year-width);
  background: none;
  font-size: 1.125rem;
  font-weight: 300;
  text-align: center;
}
.about-timeline-year[aria-selected=true] .about-timeline-year__num {
  font-weight: 500;
}
.about-timeline-year[aria-selected=true] .about-timeline-year__dot {
  background-color: #444356;
}
.about-timeline-year--current .about-timeline-year__num {
  font-weight: 500;
}
.about-timeline-year:not(:disabled) {
  cursor: pointer;
}
.about-timeline-year__dot {
  overflow: hidden;
  border-radius: var(--timeline-dot-size);
  width: var(--timeline-dot-size);
  height: var(--timeline-dot-size);
  background-color: #d1d1d1;
  transition: background-color var(--transition-duration);
}
.about-timeline-year__here {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 1.125rem;
  font-weight: 300;
  font-style: italic;
  white-space: nowrap;
  color: var(--color-primary);
  transform: translate(70%, -110%);
}
.about-timeline-year__here img {
  position: relative;
  transform: rotate(30deg);
}

@keyframes panel-fade {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* Typography */
.text-block {
  --text-space-y: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
}
.text-block ol,
.text-block ul {
  --list-space-y: 0.75rem;
}
.text-block ol li:not(:last-child),
.text-block ul li:not(:last-child) {
  margin-bottom: var(--list-space-y);
}
.text-block ul {
  --list-pl: 1.25rem;
  list-style: disc outside;
  padding-left: var(--list-pl);
}
.text-block strong,
.text-block b {
  font-weight: 700;
}
.text-block em,
.text-block i {
  font-style: italic;
}
.text-block mark {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.text-block del {
  background-color: #fbb;
  text-decoration: line-through;
}
.text-block ins {
  background-color: #d4fcbc;
  text-decoration: none;
}
.text-block blockquote {
  border-left: 0.125rem solid var(--color-primary);
  padding-left: 1rem;
}
.text-block figure picture {
  display: contents;
}
.text-block > *:not(:last-child) {
  margin-bottom: var(--text-space-y);
}

a[x-apple-data-detectors] {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  color: inherit !important;
}

a:not(.menu__btn)[aria-label],
button:not(.menu__btn)[aria-label] {
  position: relative;
}
a:not(.menu__btn)[aria-label]::after,
button:not(.menu__btn)[aria-label]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 2.75rem;
  height: 2.75rem;
}

picture {
  display: inline-block;
}
picture img {
  vertical-align: middle;
}

code {
  border: 0.0625rem dashed #999;
  border-radius: 0.2rem;
  padding: 0.1rem 0.3rem 0.2rem;
  background: #fff3f4;
  box-decoration-break: clone;
  word-wrap: break-word;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  --font-size: 1.5rem;
  --line-height: var(--display-line-height);
  font-family: var(--display-font-family);
  /* font-size: var(--font-size); */
  font-weight: var(--display-font-weight);
  line-height: var(--line-height);
}


h1,
.h1,
h1 *,
.h1 * {
  --font-size: var(--h1-font-size);
  --line-height: var(--h1-line-height);
}

h2,
.h2,
h2 *,
.h2 *{
  --font-size: var(--h2-font-size);
  --font-weight: var(--h2-font-weight);
  --line-height: var(--h2-line-height);
}

h3,
.h3,
h3 *,
.h3 * {
  --font-size: var(--h3-font-size);
  --line-height: var(--h3-line-heihgt);
}
@media (max-width: 61rem) {
  h3,
  .h3,
  h3 *,
  .h3 * {
    --font-size: 1.25rem;
  }
}

h4,
.h4,
h4 *,
.h4 * {
  --font-size: 1.25rem;
}
@media (max-width: 61rem) {
  h4,
  .h4,
  h4 *,
  .h4 * {
    --font-size: 1.125rem;
  }
}

h5,
.h5,
h5 *,
.h5 * {
  --font-size: 1rem;
}

h6,
.h6,
h6 *,
.h6 * {
  --font-size: 0.75rem;
}

/* stylelint-disable declaration-no-important */
/* ========== GLOBALS ========== */
/* Body */
body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}
body:has(.preloader) {
  overflow: hidden;
}

/* Scrollbars */
*::-webkit-scrollbar {
  border-radius: var(--scrollbar-border-radius);
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: var(--scrollbar-border-radius);
}
*::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-border-radius);
  background: var(--scrollbar-bg-color);
}
* {
  scrollbar-face-color: var(--scrollbar-thumb-color);
  scrollbar-track-color: var(--scrollbar-bg-color);
}

/* Selection */
::selection {
  background-color: var(--selection-bg-color);
  color: var(--selection-text-color);
}

/* Scrolling Target */
:target {
  scroll-margin-top: var(--header-height);
}

[id] {
  scroll-margin-top: var(--offset, 0);
}

/* Pages List */
.pages-list {
  --list-pl: 1rem;
  --list-space-y: 0.75rem;
  padding-left: var(--list-pl);
}
.pages-list > li:not(:last-child) {
  margin-bottom: var(--list-space-y);
}
.pages-list > li > a {
  text-decoration: underline;
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .pages-list > li > a:hover {
    color: var(--color-primary);
  }
}/**
 * Swiper 12.0.2
 * 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: September 18, 2025
 */

: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(0rem, 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);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 75rem;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 75rem;
  .swiper-slide,
  .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 */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 0.0625rem;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 0.0625rem;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .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: 2.625rem;
  height: 2.625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.3125rem;
  margin-top: -1.3125rem;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 0.25rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.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 */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,6.25rem,0);transform:translate3d(0,6.25rem,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-6.25rem,0);transform:translate3d(0,-6.25rem,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-6.25rem,0,0);transform:translate3d(-6.25rem,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(6.25rem,0,0);transform:translate3d(6.25rem,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-6.25rem,6.25rem,0);transform:translate3d(-6.25rem,6.25rem,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(6.25rem,6.25rem,0);transform:translate3d(6.25rem,6.25rem,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-6.25rem,-6.25rem,0);transform:translate3d(-6.25rem,-6.25rem,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(6.25rem,-6.25rem,0);transform:translate3d(6.25rem,-6.25rem,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,6.25rem,0) scale(.6);transform:translate3d(0,6.25rem,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-6.25rem,0) scale(.6);transform:translate3d(0,-6.25rem,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-6.25rem,0,0) scale(.6);transform:translate3d(-6.25rem,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(6.25rem,0,0) scale(.6);transform:translate3d(6.25rem,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,6.25rem,0) scale(1.2);transform:translate3d(0,6.25rem,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-6.25rem,0) scale(1.2);transform:translate3d(0,-6.25rem,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-6.25rem,0,0) scale(1.2);transform:translate3d(-6.25rem,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(6.25rem,0,0) scale(1.2);transform:translate3d(6.25rem,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(156.25rem) rotateY(-100deg);transform:perspective(156.25rem) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(156.25rem) rotateY(0);transform:perspective(156.25rem) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(156.25rem) rotateY(100deg);transform:perspective(156.25rem) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(156.25rem) rotateY(0);transform:perspective(156.25rem) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(156.25rem) rotateX(-100deg);transform:perspective(156.25rem) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(156.25rem) rotateX(0);transform:perspective(156.25rem) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(156.25rem) rotateX(100deg);transform:perspective(156.25rem) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(156.25rem) rotateX(0);transform:perspective(156.25rem) rotateX(0)}}/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 1.125rem;
}
.noUi-horizontal .noUi-handle {
  width: 2.125rem;
  height: 1.75rem;
  right: -1.0625rem;
  top: -0.375rem;
}
.noUi-vertical {
  width: 1.125rem;
}
.noUi-vertical .noUi-handle {
  width: 1.75rem;
  height: 2.125rem;
  right: -0.375rem;
  bottom: -1.0625rem;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -1.0625rem;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 0.25rem;
  border: 0.0625rem solid #D3D3D3;
  box-shadow: inset 0 0.0625rem 0.0625rem #F0F0F0, 0 0.1875rem 0.375rem -0.3125rem #BBB;
}
.noUi-connects {
  border-radius: 0.1875rem;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 0.0625rem solid #D9D9D9;
  border-radius: 0.1875rem;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 0.0625rem #FFF, inset 0 0.0625rem 0.4375rem #EBEBEB, 0 0.1875rem 0.375rem -0.1875rem #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 0.0625rem #FFF, inset 0 0.0625rem 0.4375rem #DDD, 0 0.1875rem 0.375rem -0.1875rem #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 0.875rem;
  width: 0.0625rem;
  background: #E8E7E6;
  left: 0.875rem;
  top: 0.375rem;
}
.noUi-handle:after {
  left: 1.0625rem;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 0.875rem;
  height: 0.0625rem;
  left: 0.375rem;
  top: 0.875rem;
}
.noUi-vertical .noUi-handle:after {
  top: 1.0625rem;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 0.625rem;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 0.625rem 0;
  height: 5rem;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -0.0625rem;
  width: 0.125rem;
  height: 0.3125rem;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 0.625rem;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 0.9375rem;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 0.625rem;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 1.5625rem;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 0.3125rem;
  height: 0.125rem;
  margin-top: -0.0625rem;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 0.625rem;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 0.9375rem;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 0.0625rem solid #D9D9D9;
  border-radius: 0.1875rem;
  background: #fff;
  color: #000;
  padding: 0.3125rem;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 0.625rem;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -1.125rem);
  transform: translate(0, -1.125rem);
  top: auto;
  right: 1.75rem;
}
.rmp-rating-widget .rmp-icon--ratings{
  font-size: 1.7rem;
}