/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-30 {
    margin-top: calc(var(--spacing) * 30);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mt-50 {
    margin-top: calc(var(--spacing) * 50);
  }
  .mt-60 {
    margin-top: calc(var(--spacing) * 60);
  }
  .mt-70 {
    margin-top: calc(var(--spacing) * 70);
  }
  .mt-80 {
    margin-top: calc(var(--spacing) * 80);
  }
  .mt-90 {
    margin-top: calc(var(--spacing) * 90);
  }
  .mt-100 {
    margin-top: calc(var(--spacing) * 100);
  }
  .mt-110 {
    margin-top: calc(var(--spacing) * 110);
  }
  .mt-120 {
    margin-top: calc(var(--spacing) * 120);
  }
  .mt-130 {
    margin-top: calc(var(--spacing) * 130);
  }
  .mt-140 {
    margin-top: calc(var(--spacing) * 140);
  }
  .mt-150 {
    margin-top: calc(var(--spacing) * 150);
  }
  .mt-160 {
    margin-top: calc(var(--spacing) * 160);
  }
  .mt-200 {
    margin-top: calc(var(--spacing) * 200);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .flex {
    display: flex;
  }
  .aspect-\[1\/1\] {
    aspect-ratio: 1/1;
  }
  .h-full {
    height: 100%;
  }
  .w-1\/6 {
    width: calc(1 / 6 * 100%);
  }
  .w-full {
    width: 100%;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .pt-30 {
    padding-top: calc(var(--spacing) * 30);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pt-50 {
    padding-top: calc(var(--spacing) * 50);
  }
  .pt-60 {
    padding-top: calc(var(--spacing) * 60);
  }
  .pt-70 {
    padding-top: calc(var(--spacing) * 70);
  }
  .pt-80 {
    padding-top: calc(var(--spacing) * 80);
  }
  .pt-90 {
    padding-top: calc(var(--spacing) * 90);
  }
  .pt-100 {
    padding-top: calc(var(--spacing) * 100);
  }
  .pt-120 {
    padding-top: calc(var(--spacing) * 120);
  }
  .pt-130 {
    padding-top: calc(var(--spacing) * 130);
  }
  .pt-160 {
    padding-top: calc(var(--spacing) * 160);
  }
  .pt-170 {
    padding-top: calc(var(--spacing) * 170);
  }
  .pt-270 {
    padding-top: calc(var(--spacing) * 270);
  }
  .pt-280 {
    padding-top: calc(var(--spacing) * 280);
  }
  .text-center {
    text-align: center;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .text-white {
    color: var(--color-white);
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-font-weight: initial;
    }
  }
}

[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[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:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[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)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */
.swiper-css-mode  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
:is(.swiper-css-mode > .swiper-wrapper)::-webkit-scrollbar {
      display: none;
    }
.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
      scroll-snap-type: none;
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
:is(.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 */


    .swiper-fade.swiper-free-mode .swiper-slide {
      transition-timing-function: ease-out;
    }
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
:is(.swiper-fade .swiper-slide) .swiper-slide {
      pointer-events: none;
    }
.swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
:is(.swiper-fade .swiper-slide-active) .swiper-slide-active {
      pointer-events: auto;
    }

#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}
@font-face {
  font-family: "Roboto-ExtraLight";
  src: url("../assets/fonts/Roboto/Roboto-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../assets/fonts/Roboto/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("../assets/fonts/Roboto/Roboto-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("../assets/fonts/Roboto/Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family: Source Han Sans CN, PingFang SC, Microsoft YaHei, Arial, sans-serif;
  --fluid-size: calc(20 / 1920 * 100vw);
  --color-black-pure: #000;
  --color-primary: #004CB9;
  --color-gray: #808080;
  --color-bg-gray: #f8f8f8;
}

html[lang=en-US] {
  --font-family: Roboto-Regular, Arial, Helvetica Neue, sans-serif;
}

@media (min-width: 1921px) {
  :root {
    --fluid-size: 20px;
  }
}
@media (max-width: 1450px) {
  :root {
    --fluid-size: 16px;
  }
}
@media (max-width: 1390px) {
  :root {
    --fluid-size: 15px;
  }
}
.mt-10 {
  margin-top: calc(var(--fluid-size) * 0.5);
}

.pt-10 {
  padding-top: calc(var(--fluid-size) * 0.5);
}

.mb-10 {
  margin-bottom: calc(var(--fluid-size) * 0.5);
}

.pb-10 {
  padding-bottom: calc(var(--fluid-size) * 0.5);
}

.mb-li-10 > li {
  margin-bottom: calc(var(--fluid-size) * 0.5);
}

.mt-20 {
  margin-top: calc(var(--fluid-size) * 1);
}

.pt-20 {
  padding-top: calc(var(--fluid-size) * 1);
}

.mb-20 {
  margin-bottom: calc(var(--fluid-size) * 1);
}

.pb-20 {
  padding-bottom: calc(var(--fluid-size) * 1);
}

.mb-li-20 > li {
  margin-bottom: calc(var(--fluid-size) * 1);
}

.mt-30 {
  margin-top: calc(var(--fluid-size) * 1.5);
}

.pt-30 {
  padding-top: calc(var(--fluid-size) * 1.5);
}

.mb-30 {
  margin-bottom: calc(var(--fluid-size) * 1.5);
}

.pb-30 {
  padding-bottom: calc(var(--fluid-size) * 1.5);
}

.mb-li-30 > li {
  margin-bottom: calc(var(--fluid-size) * 1.5);
}

.mt-40 {
  margin-top: calc(var(--fluid-size) * 2);
}

.pt-40 {
  padding-top: calc(var(--fluid-size) * 2);
}

.mb-40 {
  margin-bottom: calc(var(--fluid-size) * 2);
}

.pb-40 {
  padding-bottom: calc(var(--fluid-size) * 2);
}

.mb-li-40 > li {
  margin-bottom: calc(var(--fluid-size) * 2);
}

.mt-50 {
  margin-top: calc(var(--fluid-size) * 2.5);
}

.pt-50 {
  padding-top: calc(var(--fluid-size) * 2.5);
}

.mb-50 {
  margin-bottom: calc(var(--fluid-size) * 2.5);
}

.pb-50 {
  padding-bottom: calc(var(--fluid-size) * 2.5);
}

.mb-li-50 > li {
  margin-bottom: calc(var(--fluid-size) * 2.5);
}

.mt-60 {
  margin-top: calc(var(--fluid-size) * 3);
}

.pt-60 {
  padding-top: calc(var(--fluid-size) * 3);
}

.mb-60 {
  margin-bottom: calc(var(--fluid-size) * 3);
}

.pb-60 {
  padding-bottom: calc(var(--fluid-size) * 3);
}

.mb-li-60 > li {
  margin-bottom: calc(var(--fluid-size) * 3);
}

.mt-70 {
  margin-top: calc(var(--fluid-size) * 3.5);
}

.pt-70 {
  padding-top: calc(var(--fluid-size) * 3.5);
}

.mb-70 {
  margin-bottom: calc(var(--fluid-size) * 3.5);
}

.pb-70 {
  padding-bottom: calc(var(--fluid-size) * 3.5);
}

.mb-li-70 > li {
  margin-bottom: calc(var(--fluid-size) * 3.5);
}

.mt-80 {
  margin-top: calc(var(--fluid-size) * 4);
}

.pt-80 {
  padding-top: calc(var(--fluid-size) * 4);
}

.mb-80 {
  margin-bottom: calc(var(--fluid-size) * 4);
}

.pb-80 {
  padding-bottom: calc(var(--fluid-size) * 4);
}

.mb-li-80 > li {
  margin-bottom: calc(var(--fluid-size) * 4);
}

.mt-90 {
  margin-top: calc(var(--fluid-size) * 4.5);
}

.pt-90 {
  padding-top: calc(var(--fluid-size) * 4.5);
}

.mb-90 {
  margin-bottom: calc(var(--fluid-size) * 4.5);
}

.pb-90 {
  padding-bottom: calc(var(--fluid-size) * 4.5);
}

.mb-li-90 > li {
  margin-bottom: calc(var(--fluid-size) * 4.5);
}

.mt-100 {
  margin-top: calc(var(--fluid-size) * 5);
}

.pt-100 {
  padding-top: calc(var(--fluid-size) * 5);
}

.mb-100 {
  margin-bottom: calc(var(--fluid-size) * 5);
}

.pb-100 {
  padding-bottom: calc(var(--fluid-size) * 5);
}

.mb-li-100 > li {
  margin-bottom: calc(var(--fluid-size) * 5);
}

.mt-110 {
  margin-top: calc(var(--fluid-size) * 5.5);
}

.pt-110 {
  padding-top: calc(var(--fluid-size) * 5.5);
}

.mb-110 {
  margin-bottom: calc(var(--fluid-size) * 5.5);
}

.pb-110 {
  padding-bottom: calc(var(--fluid-size) * 5.5);
}

.mb-li-110 > li {
  margin-bottom: calc(var(--fluid-size) * 5.5);
}

.mt-120 {
  margin-top: calc(var(--fluid-size) * 6);
}

.pt-120 {
  padding-top: calc(var(--fluid-size) * 6);
}

.mb-120 {
  margin-bottom: calc(var(--fluid-size) * 6);
}

.pb-120 {
  padding-bottom: calc(var(--fluid-size) * 6);
}

.mb-li-120 > li {
  margin-bottom: calc(var(--fluid-size) * 6);
}

.mt-130 {
  margin-top: calc(var(--fluid-size) * 6.5);
}

.pt-130 {
  padding-top: calc(var(--fluid-size) * 6.5);
}

.mb-130 {
  margin-bottom: calc(var(--fluid-size) * 6.5);
}

.pb-130 {
  padding-bottom: calc(var(--fluid-size) * 6.5);
}

.mb-li-130 > li {
  margin-bottom: calc(var(--fluid-size) * 6.5);
}

.mt-140 {
  margin-top: calc(var(--fluid-size) * 7);
}

.pt-140 {
  padding-top: calc(var(--fluid-size) * 7);
}

.mb-140 {
  margin-bottom: calc(var(--fluid-size) * 7);
}

.pb-140 {
  padding-bottom: calc(var(--fluid-size) * 7);
}

.mb-li-140 > li {
  margin-bottom: calc(var(--fluid-size) * 7);
}

.mt-150 {
  margin-top: calc(var(--fluid-size) * 7.5);
}

.pt-150 {
  padding-top: calc(var(--fluid-size) * 7.5);
}

.mb-150 {
  margin-bottom: calc(var(--fluid-size) * 7.5);
}

.pb-150 {
  padding-bottom: calc(var(--fluid-size) * 7.5);
}

.mb-li-150 > li {
  margin-bottom: calc(var(--fluid-size) * 7.5);
}

.mt-160 {
  margin-top: calc(var(--fluid-size) * 8);
}

.pt-160 {
  padding-top: calc(var(--fluid-size) * 8);
}

.mb-160 {
  margin-bottom: calc(var(--fluid-size) * 8);
}

.pb-160 {
  padding-bottom: calc(var(--fluid-size) * 8);
}

.mb-li-160 > li {
  margin-bottom: calc(var(--fluid-size) * 8);
}

.mt-170 {
  margin-top: calc(var(--fluid-size) * 8.5);
}

.pt-170 {
  padding-top: calc(var(--fluid-size) * 8.5);
}

.mb-170 {
  margin-bottom: calc(var(--fluid-size) * 8.5);
}

.pb-170 {
  padding-bottom: calc(var(--fluid-size) * 8.5);
}

.mb-li-170 > li {
  margin-bottom: calc(var(--fluid-size) * 8.5);
}

.mt-180 {
  margin-top: calc(var(--fluid-size) * 9);
}

.pt-180 {
  padding-top: calc(var(--fluid-size) * 9);
}

.mb-180 {
  margin-bottom: calc(var(--fluid-size) * 9);
}

.pb-180 {
  padding-bottom: calc(var(--fluid-size) * 9);
}

.mb-li-180 > li {
  margin-bottom: calc(var(--fluid-size) * 9);
}

.mt-190 {
  margin-top: calc(var(--fluid-size) * 9.5);
}

.pt-190 {
  padding-top: calc(var(--fluid-size) * 9.5);
}

.mb-190 {
  margin-bottom: calc(var(--fluid-size) * 9.5);
}

.pb-190 {
  padding-bottom: calc(var(--fluid-size) * 9.5);
}

.mb-li-190 > li {
  margin-bottom: calc(var(--fluid-size) * 9.5);
}

.mt-200 {
  margin-top: calc(var(--fluid-size) * 10);
}

.pt-200 {
  padding-top: calc(var(--fluid-size) * 10);
}

.mb-200 {
  margin-bottom: calc(var(--fluid-size) * 10);
}

.pb-200 {
  padding-bottom: calc(var(--fluid-size) * 10);
}

.mb-li-200 > li {
  margin-bottom: calc(var(--fluid-size) * 10);
}

.mt-210 {
  margin-top: calc(var(--fluid-size) * 10.5);
}

.pt-210 {
  padding-top: calc(var(--fluid-size) * 10.5);
}

.mb-210 {
  margin-bottom: calc(var(--fluid-size) * 10.5);
}

.pb-210 {
  padding-bottom: calc(var(--fluid-size) * 10.5);
}

.mb-li-210 > li {
  margin-bottom: calc(var(--fluid-size) * 10.5);
}

.mt-220 {
  margin-top: calc(var(--fluid-size) * 11);
}

.pt-220 {
  padding-top: calc(var(--fluid-size) * 11);
}

.mb-220 {
  margin-bottom: calc(var(--fluid-size) * 11);
}

.pb-220 {
  padding-bottom: calc(var(--fluid-size) * 11);
}

.mb-li-220 > li {
  margin-bottom: calc(var(--fluid-size) * 11);
}

.mt-230 {
  margin-top: calc(var(--fluid-size) * 11.5);
}

.pt-230 {
  padding-top: calc(var(--fluid-size) * 11.5);
}

.mb-230 {
  margin-bottom: calc(var(--fluid-size) * 11.5);
}

.pb-230 {
  padding-bottom: calc(var(--fluid-size) * 11.5);
}

.mb-li-230 > li {
  margin-bottom: calc(var(--fluid-size) * 11.5);
}

.mt-240 {
  margin-top: calc(var(--fluid-size) * 12);
}

.pt-240 {
  padding-top: calc(var(--fluid-size) * 12);
}

.mb-240 {
  margin-bottom: calc(var(--fluid-size) * 12);
}

.pb-240 {
  padding-bottom: calc(var(--fluid-size) * 12);
}

.mb-li-240 > li {
  margin-bottom: calc(var(--fluid-size) * 12);
}

.mt-250 {
  margin-top: calc(var(--fluid-size) * 12.5);
}

.pt-250 {
  padding-top: calc(var(--fluid-size) * 12.5);
}

.mb-250 {
  margin-bottom: calc(var(--fluid-size) * 12.5);
}

.pb-250 {
  padding-bottom: calc(var(--fluid-size) * 12.5);
}

.mb-li-250 > li {
  margin-bottom: calc(var(--fluid-size) * 12.5);
}

.mt-260 {
  margin-top: calc(var(--fluid-size) * 13);
}

.pt-260 {
  padding-top: calc(var(--fluid-size) * 13);
}

.mb-260 {
  margin-bottom: calc(var(--fluid-size) * 13);
}

.pb-260 {
  padding-bottom: calc(var(--fluid-size) * 13);
}

.mb-li-260 > li {
  margin-bottom: calc(var(--fluid-size) * 13);
}

.mt-270 {
  margin-top: calc(var(--fluid-size) * 13.5);
}

.pt-270 {
  padding-top: calc(var(--fluid-size) * 13.5);
}

.mb-270 {
  margin-bottom: calc(var(--fluid-size) * 13.5);
}

.pb-270 {
  padding-bottom: calc(var(--fluid-size) * 13.5);
}

.mb-li-270 > li {
  margin-bottom: calc(var(--fluid-size) * 13.5);
}

.mt-280 {
  margin-top: calc(var(--fluid-size) * 14);
}

.pt-280 {
  padding-top: calc(var(--fluid-size) * 14);
}

.mb-280 {
  margin-bottom: calc(var(--fluid-size) * 14);
}

.pb-280 {
  padding-bottom: calc(var(--fluid-size) * 14);
}

.mb-li-280 > li {
  margin-bottom: calc(var(--fluid-size) * 14);
}

.mt-290 {
  margin-top: calc(var(--fluid-size) * 14.5);
}

.pt-290 {
  padding-top: calc(var(--fluid-size) * 14.5);
}

.mb-290 {
  margin-bottom: calc(var(--fluid-size) * 14.5);
}

.pb-290 {
  padding-bottom: calc(var(--fluid-size) * 14.5);
}

.mb-li-290 > li {
  margin-bottom: calc(var(--fluid-size) * 14.5);
}

.mt-300 {
  margin-top: calc(var(--fluid-size) * 15);
}

.pt-300 {
  padding-top: calc(var(--fluid-size) * 15);
}

.mb-300 {
  margin-bottom: calc(var(--fluid-size) * 15);
}

.pb-300 {
  padding-bottom: calc(var(--fluid-size) * 15);
}

.mb-li-300 > li {
  margin-bottom: calc(var(--fluid-size) * 15);
}

.mt-310 {
  margin-top: calc(var(--fluid-size) * 15.5);
}

.pt-310 {
  padding-top: calc(var(--fluid-size) * 15.5);
}

.mb-310 {
  margin-bottom: calc(var(--fluid-size) * 15.5);
}

.pb-310 {
  padding-bottom: calc(var(--fluid-size) * 15.5);
}

.mb-li-310 > li {
  margin-bottom: calc(var(--fluid-size) * 15.5);
}

.mt-320 {
  margin-top: calc(var(--fluid-size) * 16);
}

.pt-320 {
  padding-top: calc(var(--fluid-size) * 16);
}

.mb-320 {
  margin-bottom: calc(var(--fluid-size) * 16);
}

.pb-320 {
  padding-bottom: calc(var(--fluid-size) * 16);
}

.mb-li-320 > li {
  margin-bottom: calc(var(--fluid-size) * 16);
}

.mt-330 {
  margin-top: calc(var(--fluid-size) * 16.5);
}

.pt-330 {
  padding-top: calc(var(--fluid-size) * 16.5);
}

.mb-330 {
  margin-bottom: calc(var(--fluid-size) * 16.5);
}

.pb-330 {
  padding-bottom: calc(var(--fluid-size) * 16.5);
}

.mb-li-330 > li {
  margin-bottom: calc(var(--fluid-size) * 16.5);
}

.mt-340 {
  margin-top: calc(var(--fluid-size) * 17);
}

.pt-340 {
  padding-top: calc(var(--fluid-size) * 17);
}

.mb-340 {
  margin-bottom: calc(var(--fluid-size) * 17);
}

.pb-340 {
  padding-bottom: calc(var(--fluid-size) * 17);
}

.mb-li-340 > li {
  margin-bottom: calc(var(--fluid-size) * 17);
}

.mt-350 {
  margin-top: calc(var(--fluid-size) * 17.5);
}

.pt-350 {
  padding-top: calc(var(--fluid-size) * 17.5);
}

.mb-350 {
  margin-bottom: calc(var(--fluid-size) * 17.5);
}

.pb-350 {
  padding-bottom: calc(var(--fluid-size) * 17.5);
}

.mb-li-350 > li {
  margin-bottom: calc(var(--fluid-size) * 17.5);
}

.mt-360 {
  margin-top: calc(var(--fluid-size) * 18);
}

.pt-360 {
  padding-top: calc(var(--fluid-size) * 18);
}

.mb-360 {
  margin-bottom: calc(var(--fluid-size) * 18);
}

.pb-360 {
  padding-bottom: calc(var(--fluid-size) * 18);
}

.mb-li-360 > li {
  margin-bottom: calc(var(--fluid-size) * 18);
}

.mt-370 {
  margin-top: calc(var(--fluid-size) * 18.5);
}

.pt-370 {
  padding-top: calc(var(--fluid-size) * 18.5);
}

.mb-370 {
  margin-bottom: calc(var(--fluid-size) * 18.5);
}

.pb-370 {
  padding-bottom: calc(var(--fluid-size) * 18.5);
}

.mb-li-370 > li {
  margin-bottom: calc(var(--fluid-size) * 18.5);
}

.mt-380 {
  margin-top: calc(var(--fluid-size) * 19);
}

.pt-380 {
  padding-top: calc(var(--fluid-size) * 19);
}

.mb-380 {
  margin-bottom: calc(var(--fluid-size) * 19);
}

.pb-380 {
  padding-bottom: calc(var(--fluid-size) * 19);
}

.mb-li-380 > li {
  margin-bottom: calc(var(--fluid-size) * 19);
}

.mt-390 {
  margin-top: calc(var(--fluid-size) * 19.5);
}

.pt-390 {
  padding-top: calc(var(--fluid-size) * 19.5);
}

.mb-390 {
  margin-bottom: calc(var(--fluid-size) * 19.5);
}

.pb-390 {
  padding-bottom: calc(var(--fluid-size) * 19.5);
}

.mb-li-390 > li {
  margin-bottom: calc(var(--fluid-size) * 19.5);
}

.mt-400 {
  margin-top: calc(var(--fluid-size) * 20);
}

.pt-400 {
  padding-top: calc(var(--fluid-size) * 20);
}

.mb-400 {
  margin-bottom: calc(var(--fluid-size) * 20);
}

.pb-400 {
  padding-bottom: calc(var(--fluid-size) * 20);
}

.mb-li-400 > li {
  margin-bottom: calc(var(--fluid-size) * 20);
}

.list-1 > li {
  width: 100%;
}

.line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list-2 > li {
  width: 50%;
}

.line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.list-3 > li {
  width: 33.3333333333%;
}

.line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.list-4 > li {
  width: 25%;
}

.line-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.list-5 > li {
  width: 20%;
}

.line-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.list-6 > li {
  width: 16.6666666667%;
}

.line-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.list-7 > li {
  width: 14.2857142857%;
}

.line-7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.list-8 > li {
  width: 12.5%;
}

.line-8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.list-9 > li {
  width: 11.1111111111%;
}

.line-9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

@media (max-width: 1024px) {
  .list-4 > li {
    width: 33.33%;
  }
  .list-3 > li {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .mt-10 {
    margin-top: clamp(5px, 1.3333333333vw, 10px);
  }
  .pt-10 {
    padding-top: clamp(5px, 1.3333333333vw, 10px);
  }
  .mb-10 {
    margin-bottom: clamp(5px, 1.3333333333vw, 10px);
  }
  .pb-10 {
    padding-bottom: clamp(5px, 1.3333333333vw, 10px);
  }
  .mb-li-10 > li {
    margin-bottom: clamp(5px, 1.3333333333vw, 10px);
  }
  .mt-20 {
    margin-top: clamp(10px, 2.6666666667vw, 20px);
  }
  .pt-20 {
    padding-top: clamp(10px, 2.6666666667vw, 20px);
  }
  .mb-20 {
    margin-bottom: clamp(10px, 2.6666666667vw, 20px);
  }
  .pb-20 {
    padding-bottom: clamp(10px, 2.6666666667vw, 20px);
  }
  .mb-li-20 > li {
    margin-bottom: clamp(10px, 2.6666666667vw, 20px);
  }
  .mt-30 {
    margin-top: clamp(15px, 4vw, 30px);
  }
  .pt-30 {
    padding-top: clamp(15px, 4vw, 30px);
  }
  .mb-30 {
    margin-bottom: clamp(15px, 4vw, 30px);
  }
  .pb-30 {
    padding-bottom: clamp(15px, 4vw, 30px);
  }
  .mb-li-30 > li {
    margin-bottom: clamp(15px, 4vw, 30px);
  }
  .mt-40 {
    margin-top: clamp(20px, 5.3333333333vw, 40px);
  }
  .pt-40 {
    padding-top: clamp(20px, 5.3333333333vw, 40px);
  }
  .mb-40 {
    margin-bottom: clamp(20px, 5.3333333333vw, 40px);
  }
  .pb-40 {
    padding-bottom: clamp(20px, 5.3333333333vw, 40px);
  }
  .mb-li-40 > li {
    margin-bottom: clamp(20px, 5.3333333333vw, 40px);
  }
  .mt-50 {
    margin-top: clamp(25px, 6.6666666667vw, 50px);
  }
  .pt-50 {
    padding-top: clamp(25px, 6.6666666667vw, 50px);
  }
  .mb-50 {
    margin-bottom: clamp(25px, 6.6666666667vw, 50px);
  }
  .pb-50 {
    padding-bottom: clamp(25px, 6.6666666667vw, 50px);
  }
  .mb-li-50 > li {
    margin-bottom: clamp(25px, 6.6666666667vw, 50px);
  }
  .mt-60 {
    margin-top: clamp(30px, 8vw, 60px);
  }
  .pt-60 {
    padding-top: clamp(30px, 8vw, 60px);
  }
  .mb-60 {
    margin-bottom: clamp(30px, 8vw, 60px);
  }
  .pb-60 {
    padding-bottom: clamp(30px, 8vw, 60px);
  }
  .mb-li-60 > li {
    margin-bottom: clamp(30px, 8vw, 60px);
  }
  .mt-70 {
    margin-top: clamp(35px, 9.3333333333vw, 70px);
  }
  .pt-70 {
    padding-top: clamp(35px, 9.3333333333vw, 70px);
  }
  .mb-70 {
    margin-bottom: clamp(35px, 9.3333333333vw, 70px);
  }
  .pb-70 {
    padding-bottom: clamp(35px, 9.3333333333vw, 70px);
  }
  .mb-li-70 > li {
    margin-bottom: clamp(35px, 9.3333333333vw, 70px);
  }
  .mt-80 {
    margin-top: clamp(40px, 10.6666666667vw, 80px);
  }
  .pt-80 {
    padding-top: clamp(40px, 10.6666666667vw, 80px);
  }
  .mb-80 {
    margin-bottom: clamp(40px, 10.6666666667vw, 80px);
  }
  .pb-80 {
    padding-bottom: clamp(40px, 10.6666666667vw, 80px);
  }
  .mb-li-80 > li {
    margin-bottom: clamp(40px, 10.6666666667vw, 80px);
  }
  .mt-90 {
    margin-top: clamp(45px, 12vw, 90px);
  }
  .pt-90 {
    padding-top: clamp(45px, 12vw, 90px);
  }
  .mb-90 {
    margin-bottom: clamp(45px, 12vw, 90px);
  }
  .pb-90 {
    padding-bottom: clamp(45px, 12vw, 90px);
  }
  .mb-li-90 > li {
    margin-bottom: clamp(45px, 12vw, 90px);
  }
  .mt-100 {
    margin-top: clamp(50px, 13.3333333333vw, 100px);
  }
  .pt-100 {
    padding-top: clamp(50px, 13.3333333333vw, 100px);
  }
  .mb-100 {
    margin-bottom: clamp(50px, 13.3333333333vw, 100px);
  }
  .pb-100 {
    padding-bottom: clamp(50px, 13.3333333333vw, 100px);
  }
  .mb-li-100 > li {
    margin-bottom: clamp(50px, 13.3333333333vw, 100px);
  }
  .mt-110 {
    margin-top: clamp(55px, 14.6666666667vw, 110px);
  }
  .pt-110 {
    padding-top: clamp(55px, 14.6666666667vw, 110px);
  }
  .mb-110 {
    margin-bottom: clamp(55px, 14.6666666667vw, 110px);
  }
  .pb-110 {
    padding-bottom: clamp(55px, 14.6666666667vw, 110px);
  }
  .mb-li-110 > li {
    margin-bottom: clamp(55px, 14.6666666667vw, 110px);
  }
  .mt-120 {
    margin-top: clamp(60px, 16vw, 120px);
  }
  .pt-120 {
    padding-top: clamp(60px, 16vw, 120px);
  }
  .mb-120 {
    margin-bottom: clamp(60px, 16vw, 120px);
  }
  .pb-120 {
    padding-bottom: clamp(60px, 16vw, 120px);
  }
  .mb-li-120 > li {
    margin-bottom: clamp(60px, 16vw, 120px);
  }
  .mt-130 {
    margin-top: clamp(65px, 17.3333333333vw, 130px);
  }
  .pt-130 {
    padding-top: clamp(65px, 17.3333333333vw, 130px);
  }
  .mb-130 {
    margin-bottom: clamp(65px, 17.3333333333vw, 130px);
  }
  .pb-130 {
    padding-bottom: clamp(65px, 17.3333333333vw, 130px);
  }
  .mb-li-130 > li {
    margin-bottom: clamp(65px, 17.3333333333vw, 130px);
  }
  .mt-140 {
    margin-top: clamp(70px, 18.6666666667vw, 140px);
  }
  .pt-140 {
    padding-top: clamp(70px, 18.6666666667vw, 140px);
  }
  .mb-140 {
    margin-bottom: clamp(70px, 18.6666666667vw, 140px);
  }
  .pb-140 {
    padding-bottom: clamp(70px, 18.6666666667vw, 140px);
  }
  .mb-li-140 > li {
    margin-bottom: clamp(70px, 18.6666666667vw, 140px);
  }
  .mt-150 {
    margin-top: clamp(75px, 20vw, 150px);
  }
  .pt-150 {
    padding-top: clamp(75px, 20vw, 150px);
  }
  .mb-150 {
    margin-bottom: clamp(75px, 20vw, 150px);
  }
  .pb-150 {
    padding-bottom: clamp(75px, 20vw, 150px);
  }
  .mb-li-150 > li {
    margin-bottom: clamp(75px, 20vw, 150px);
  }
  .mt-160 {
    margin-top: clamp(80px, 21.3333333333vw, 160px);
  }
  .pt-160 {
    padding-top: clamp(80px, 21.3333333333vw, 160px);
  }
  .mb-160 {
    margin-bottom: clamp(80px, 21.3333333333vw, 160px);
  }
  .pb-160 {
    padding-bottom: clamp(80px, 21.3333333333vw, 160px);
  }
  .mb-li-160 > li {
    margin-bottom: clamp(80px, 21.3333333333vw, 160px);
  }
  .mt-170 {
    margin-top: clamp(85px, 22.6666666667vw, 170px);
  }
  .pt-170 {
    padding-top: clamp(85px, 22.6666666667vw, 170px);
  }
  .mb-170 {
    margin-bottom: clamp(85px, 22.6666666667vw, 170px);
  }
  .pb-170 {
    padding-bottom: clamp(85px, 22.6666666667vw, 170px);
  }
  .mb-li-170 > li {
    margin-bottom: clamp(85px, 22.6666666667vw, 170px);
  }
  .mt-180 {
    margin-top: clamp(90px, 24vw, 180px);
  }
  .pt-180 {
    padding-top: clamp(90px, 24vw, 180px);
  }
  .mb-180 {
    margin-bottom: clamp(90px, 24vw, 180px);
  }
  .pb-180 {
    padding-bottom: clamp(90px, 24vw, 180px);
  }
  .mb-li-180 > li {
    margin-bottom: clamp(90px, 24vw, 180px);
  }
  .mt-190 {
    margin-top: clamp(95px, 25.3333333333vw, 190px);
  }
  .pt-190 {
    padding-top: clamp(95px, 25.3333333333vw, 190px);
  }
  .mb-190 {
    margin-bottom: clamp(95px, 25.3333333333vw, 190px);
  }
  .pb-190 {
    padding-bottom: clamp(95px, 25.3333333333vw, 190px);
  }
  .mb-li-190 > li {
    margin-bottom: clamp(95px, 25.3333333333vw, 190px);
  }
  .mt-200 {
    margin-top: clamp(100px, 26.6666666667vw, 200px);
  }
  .pt-200 {
    padding-top: clamp(100px, 26.6666666667vw, 200px);
  }
  .mb-200 {
    margin-bottom: clamp(100px, 26.6666666667vw, 200px);
  }
  .pb-200 {
    padding-bottom: clamp(100px, 26.6666666667vw, 200px);
  }
  .mb-li-200 > li {
    margin-bottom: clamp(100px, 26.6666666667vw, 200px);
  }
  .mt-210 {
    margin-top: clamp(105px, 28vw, 210px);
  }
  .pt-210 {
    padding-top: clamp(105px, 28vw, 210px);
  }
  .mb-210 {
    margin-bottom: clamp(105px, 28vw, 210px);
  }
  .pb-210 {
    padding-bottom: clamp(105px, 28vw, 210px);
  }
  .mb-li-210 > li {
    margin-bottom: clamp(105px, 28vw, 210px);
  }
  .mt-220 {
    margin-top: clamp(110px, 29.3333333333vw, 220px);
  }
  .pt-220 {
    padding-top: clamp(110px, 29.3333333333vw, 220px);
  }
  .mb-220 {
    margin-bottom: clamp(110px, 29.3333333333vw, 220px);
  }
  .pb-220 {
    padding-bottom: clamp(110px, 29.3333333333vw, 220px);
  }
  .mb-li-220 > li {
    margin-bottom: clamp(110px, 29.3333333333vw, 220px);
  }
  .mt-230 {
    margin-top: clamp(115px, 30.6666666667vw, 230px);
  }
  .pt-230 {
    padding-top: clamp(115px, 30.6666666667vw, 230px);
  }
  .mb-230 {
    margin-bottom: clamp(115px, 30.6666666667vw, 230px);
  }
  .pb-230 {
    padding-bottom: clamp(115px, 30.6666666667vw, 230px);
  }
  .mb-li-230 > li {
    margin-bottom: clamp(115px, 30.6666666667vw, 230px);
  }
  .mt-240 {
    margin-top: clamp(120px, 32vw, 240px);
  }
  .pt-240 {
    padding-top: clamp(120px, 32vw, 240px);
  }
  .mb-240 {
    margin-bottom: clamp(120px, 32vw, 240px);
  }
  .pb-240 {
    padding-bottom: clamp(120px, 32vw, 240px);
  }
  .mb-li-240 > li {
    margin-bottom: clamp(120px, 32vw, 240px);
  }
  .mt-250 {
    margin-top: clamp(125px, 33.3333333333vw, 250px);
  }
  .pt-250 {
    padding-top: clamp(125px, 33.3333333333vw, 250px);
  }
  .mb-250 {
    margin-bottom: clamp(125px, 33.3333333333vw, 250px);
  }
  .pb-250 {
    padding-bottom: clamp(125px, 33.3333333333vw, 250px);
  }
  .mb-li-250 > li {
    margin-bottom: clamp(125px, 33.3333333333vw, 250px);
  }
  .mt-260 {
    margin-top: clamp(130px, 34.6666666667vw, 260px);
  }
  .pt-260 {
    padding-top: clamp(130px, 34.6666666667vw, 260px);
  }
  .mb-260 {
    margin-bottom: clamp(130px, 34.6666666667vw, 260px);
  }
  .pb-260 {
    padding-bottom: clamp(130px, 34.6666666667vw, 260px);
  }
  .mb-li-260 > li {
    margin-bottom: clamp(130px, 34.6666666667vw, 260px);
  }
  .mt-270 {
    margin-top: clamp(135px, 36vw, 270px);
  }
  .pt-270 {
    padding-top: clamp(135px, 36vw, 270px);
  }
  .mb-270 {
    margin-bottom: clamp(135px, 36vw, 270px);
  }
  .pb-270 {
    padding-bottom: clamp(135px, 36vw, 270px);
  }
  .mb-li-270 > li {
    margin-bottom: clamp(135px, 36vw, 270px);
  }
  .mt-280 {
    margin-top: clamp(140px, 37.3333333333vw, 280px);
  }
  .pt-280 {
    padding-top: clamp(140px, 37.3333333333vw, 280px);
  }
  .mb-280 {
    margin-bottom: clamp(140px, 37.3333333333vw, 280px);
  }
  .pb-280 {
    padding-bottom: clamp(140px, 37.3333333333vw, 280px);
  }
  .mb-li-280 > li {
    margin-bottom: clamp(140px, 37.3333333333vw, 280px);
  }
  .mt-290 {
    margin-top: clamp(145px, 38.6666666667vw, 290px);
  }
  .pt-290 {
    padding-top: clamp(145px, 38.6666666667vw, 290px);
  }
  .mb-290 {
    margin-bottom: clamp(145px, 38.6666666667vw, 290px);
  }
  .pb-290 {
    padding-bottom: clamp(145px, 38.6666666667vw, 290px);
  }
  .mb-li-290 > li {
    margin-bottom: clamp(145px, 38.6666666667vw, 290px);
  }
  .mt-300 {
    margin-top: clamp(150px, 40vw, 300px);
  }
  .pt-300 {
    padding-top: clamp(150px, 40vw, 300px);
  }
  .mb-300 {
    margin-bottom: clamp(150px, 40vw, 300px);
  }
  .pb-300 {
    padding-bottom: clamp(150px, 40vw, 300px);
  }
  .mb-li-300 > li {
    margin-bottom: clamp(150px, 40vw, 300px);
  }
  .mt-310 {
    margin-top: clamp(155px, 41.3333333333vw, 310px);
  }
  .pt-310 {
    padding-top: clamp(155px, 41.3333333333vw, 310px);
  }
  .mb-310 {
    margin-bottom: clamp(155px, 41.3333333333vw, 310px);
  }
  .pb-310 {
    padding-bottom: clamp(155px, 41.3333333333vw, 310px);
  }
  .mb-li-310 > li {
    margin-bottom: clamp(155px, 41.3333333333vw, 310px);
  }
  .mt-320 {
    margin-top: clamp(160px, 42.6666666667vw, 320px);
  }
  .pt-320 {
    padding-top: clamp(160px, 42.6666666667vw, 320px);
  }
  .mb-320 {
    margin-bottom: clamp(160px, 42.6666666667vw, 320px);
  }
  .pb-320 {
    padding-bottom: clamp(160px, 42.6666666667vw, 320px);
  }
  .mb-li-320 > li {
    margin-bottom: clamp(160px, 42.6666666667vw, 320px);
  }
  .mt-330 {
    margin-top: clamp(165px, 44vw, 330px);
  }
  .pt-330 {
    padding-top: clamp(165px, 44vw, 330px);
  }
  .mb-330 {
    margin-bottom: clamp(165px, 44vw, 330px);
  }
  .pb-330 {
    padding-bottom: clamp(165px, 44vw, 330px);
  }
  .mb-li-330 > li {
    margin-bottom: clamp(165px, 44vw, 330px);
  }
  .mt-340 {
    margin-top: clamp(170px, 45.3333333333vw, 340px);
  }
  .pt-340 {
    padding-top: clamp(170px, 45.3333333333vw, 340px);
  }
  .mb-340 {
    margin-bottom: clamp(170px, 45.3333333333vw, 340px);
  }
  .pb-340 {
    padding-bottom: clamp(170px, 45.3333333333vw, 340px);
  }
  .mb-li-340 > li {
    margin-bottom: clamp(170px, 45.3333333333vw, 340px);
  }
  .mt-350 {
    margin-top: clamp(175px, 46.6666666667vw, 350px);
  }
  .pt-350 {
    padding-top: clamp(175px, 46.6666666667vw, 350px);
  }
  .mb-350 {
    margin-bottom: clamp(175px, 46.6666666667vw, 350px);
  }
  .pb-350 {
    padding-bottom: clamp(175px, 46.6666666667vw, 350px);
  }
  .mb-li-350 > li {
    margin-bottom: clamp(175px, 46.6666666667vw, 350px);
  }
  .mt-360 {
    margin-top: clamp(180px, 48vw, 360px);
  }
  .pt-360 {
    padding-top: clamp(180px, 48vw, 360px);
  }
  .mb-360 {
    margin-bottom: clamp(180px, 48vw, 360px);
  }
  .pb-360 {
    padding-bottom: clamp(180px, 48vw, 360px);
  }
  .mb-li-360 > li {
    margin-bottom: clamp(180px, 48vw, 360px);
  }
  .mt-370 {
    margin-top: clamp(185px, 49.3333333333vw, 370px);
  }
  .pt-370 {
    padding-top: clamp(185px, 49.3333333333vw, 370px);
  }
  .mb-370 {
    margin-bottom: clamp(185px, 49.3333333333vw, 370px);
  }
  .pb-370 {
    padding-bottom: clamp(185px, 49.3333333333vw, 370px);
  }
  .mb-li-370 > li {
    margin-bottom: clamp(185px, 49.3333333333vw, 370px);
  }
  .mt-380 {
    margin-top: clamp(190px, 50.6666666667vw, 380px);
  }
  .pt-380 {
    padding-top: clamp(190px, 50.6666666667vw, 380px);
  }
  .mb-380 {
    margin-bottom: clamp(190px, 50.6666666667vw, 380px);
  }
  .pb-380 {
    padding-bottom: clamp(190px, 50.6666666667vw, 380px);
  }
  .mb-li-380 > li {
    margin-bottom: clamp(190px, 50.6666666667vw, 380px);
  }
  .mt-390 {
    margin-top: clamp(195px, 52vw, 390px);
  }
  .pt-390 {
    padding-top: clamp(195px, 52vw, 390px);
  }
  .mb-390 {
    margin-bottom: clamp(195px, 52vw, 390px);
  }
  .pb-390 {
    padding-bottom: clamp(195px, 52vw, 390px);
  }
  .mb-li-390 > li {
    margin-bottom: clamp(195px, 52vw, 390px);
  }
  .mt-400 {
    margin-top: clamp(200px, 53.3333333333vw, 400px);
  }
  .pt-400 {
    padding-top: clamp(200px, 53.3333333333vw, 400px);
  }
  .mb-400 {
    margin-bottom: clamp(200px, 53.3333333333vw, 400px);
  }
  .pb-400 {
    padding-bottom: clamp(200px, 53.3333333333vw, 400px);
  }
  .mb-li-400 > li {
    margin-bottom: clamp(200px, 53.3333333333vw, 400px);
  }
  .list-3 > li {
    width: 50%;
  }
}
@media (max-width: 580px) {
  .list-4 > li {
    width: 50%;
  }
  .list-3 > li,
  .list-2 > li {
    width: 100%;
  }
}
[class*=" icon-"],
[class^=icon-] {
  font-family: "iconfont";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

html {
  overflow-x: hidden;
}

body {
  font-family: var(--font-family);
  color: #000;
}

a {
  outline: none;
}

input,
textarea {
  border-radius: 0;
}

textarea {
  resize: none;
}

button {
  padding: 0;
  cursor: pointer;
}

@media (max-width: 1024px) {
  a {
    -webkit-tap-highlight-color: transparent;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.header-placeholder {
  height: 65px;
}

.hide-header-placeholder .header-placeholder {
  display: none;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 500;
  background-color: transparent;
  transition: background 0.5s ease;
}

.fixed-header .header {
  background-color: #fff;
}

.white-header:not(.fixed-header) .header__nav-link {
  color: #fff;
}
.white-header:not(.fixed-header) .header__menu-btn path {
  fill: #fff;
}

.header__inner {
  padding: calc(var(--fluid-size) * 0.75) 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

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

.header__logo {
  display: flex;
  height: calc(var(--fluid-size) * 1.2);
}
.header__logo img {
  height: 100%;
  width: auto;
}

.header__nav {
  display: flex;
  flex-wrap: wrap;
}
.header__nav .header__nav-item {
  margin-left: 3.5714285714em;
}

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

.header__menu-btn svg {
  width: calc(var(--fluid-size) * 1.05);
  height: auto;
}

.header__lang {
  margin-left: 1.2857142857em;
}

.header__lang-content {
  display: flex;
  flex-wrap: wrap;
  background-color: #DEE0E2;
  border-radius: 12px;
  padding: 6px;
  position: relative;
  --indicator-x: 0px;
}
.header__lang-content::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  bottom: 6px;
  background-color: #fff;
  border-radius: 30px;
  width: 2.5714285714em;
  transform: translateX(var(--indicator-x));
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.header__lang-link {
  color: #051A3E;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5714285714em;
  height: 1.8571428571em;
  border-radius: 30px;
  font-family: "Roboto-Medium";
  position: relative;
  z-index: 10;
}

.nav-desktop,
.nav-mobile {
  position: fixed;
  top: calc(var(--fluid-size) * 2.4);
  right: 20%;
  z-index: 590;
  opacity: 0;
  pointer-events: none;
}

.nav-list a {
  display: block;
  background-color: #f4f4f4;
  padding: 0.7142857143em 1.4285714286em;
  line-height: 1;
}

.header__goto {
  margin-left: calc(var(--fluid-size) * 2.5);
}

.header__goto-link {
  display: flex;
  width: calc(var(--fluid-size) * 1.8);
  position: relative;
}
.header__goto-link img {
  width: 100%;
  height: auto;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.header__goto-link .img-h {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

@media (hover: hover) {
  .header__goto-link:hover .item-d {
    opacity: 0;
  }
  .header__goto-link:hover .img-h {
    opacity: 1;
  }
}
@media (min-width: 1025px) {
  .header__nav-link {
    position: relative;
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__nav-link:hover {
    color: var(--color-gray) !important;
  }
  .header__menu-btn path {
    transition: fill 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__menu-btn:hover path {
    fill: var(--color-gray) !important;
  }
  .nav-mobile {
    display: none;
  }
  .nav-list a {
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .nav-list a:hover {
    background-color: #dedede;
  }
}
@media (max-width: 1024px) {
  .header-placeholder {
    height: 60px;
  }
  .header__nav {
    display: none;
  }
  .header__inner {
    padding: 15px 0;
  }
  .nav-list li:first-child a {
    padding-top: 1.1em;
  }
  .nav-list li:last-child a {
    padding-bottom: 1.1em;
  }
  .nav-list a {
    padding-left: 2em;
    padding-right: 2em;
  }
  .header__logo {
    height: 2.9296875vw;
  }
  .header__goto {
    margin-left: 3.515625vw;
  }
  .header__goto-link {
    width: 3.515625vw;
  }
}
@media (max-width: 750px) {
  .header__logo {
    height: 4.2666666667vw;
  }
  .header__menu-btn svg {
    width: 2.9333333333vw;
  }
}
@media (max-width: 500px) {
  .header__menu-btn svg {
    width: 4.4vw;
  }
  .header__logo {
    height: 5.2vw;
  }
  .header__goto {
    margin-left: 5.2vw;
  }
  .header__goto-link {
    width: 5.2vw;
  }
}
.page-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--fluid-size) * 4);
  width: 100%;
  background-color: #424752;
}

.page-head__title {
  font-size: calc(var(--fluid-size) * 1.6);
  font-weight: 700;
  color: #fff;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.inner-1720 {
  width: 90%;
  max-width: 1720px;
}

.inner-1600 {
  width: 83%;
  max-width: 1600px;
}

.inner-1440 {
  width: 76%;
  max-width: 1440px;
}

.inner-1260 {
  width: 65.6%;
  max-width: 1260px;
}

.pl-inner {
  padding-left: calc((100vw - min(1440px, 76vw)) / 2);
}

.fs-160 {
  font-size: calc(var(--fluid-size) * 8);
}

.fs-64 {
  font-size: calc(var(--fluid-size) * 3.2);
}

.fs-56 {
  font-size: calc(var(--fluid-size) * 2.8);
}

.fs-52 {
  font-size: calc(var(--fluid-size) * 2.6);
}

.fs-48 {
  font-size: calc(var(--fluid-size) * 2.4);
}

.fs-38 {
  font-size: calc(var(--fluid-size) * 1.9);
}

.fs-36 {
  font-size: calc(var(--fluid-size) * 1.8);
}

.fs-32 {
  font-size: calc(var(--fluid-size) * 1.6);
}

.fs-30 {
  font-size: calc(var(--fluid-size) * 1.5);
}

.fs-24 {
  font-size: calc(var(--fluid-size) * 1.2);
}

.fs-22 {
  font-size: calc(var(--fluid-size) * 1.1);
}

.fs-20 {
  font-size: calc(var(--fluid-size) * 1);
}

.fs-18 {
  font-size: calc(var(--fluid-size) * 0.9);
}

.fs-16 {
  font-size: calc(var(--fluid-size) * 0.8);
}

.fs-14 {
  font-size: 14px;
}

.fs-12 {
  font-size: 12px;
}

.lh-1 {
  line-height: 1;
}

.lh-1-2 {
  line-height: 1.25;
}

.lh-1-3 {
  line-height: 1.3;
}

.lh-1-4 {
  line-height: 1.4;
}

.lh-1-5 {
  line-height: 1.5;
}

.lh-1-6 {
  line-height: 1.6;
}

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

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

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

.fw-350 {
  font-weight: 350;
}

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

.title {
  font-size: calc(var(--fluid-size) * 1.6);
  font-weight: 500;
  line-height: 1.25;
  color: var(--color-primary);
}

.desc {
  font-size: calc(var(--fluid-size) * 0.8);
  line-height: 1.5;
  font-weight: 300;
  color: var(--color-gray);
}

.font-bold {
  font-family: "Roboto-Bold";
}

.font-medium {
  font-family: "Roboto-Medium";
}

.font-regular {
  font-family: "Roboto-Regular";
}

.font-extra-light {
  font-family: "Roboto-ExtraLight";
}

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

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

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

.sp-wrap-50 {
  margin-left: calc(var(--fluid-size) * -1.25);
  margin-right: calc(var(--fluid-size) * -1.25);
}

.sp-item-50 {
  margin-left: calc(var(--fluid-size) * 1.25);
  margin-right: calc(var(--fluid-size) * 1.25);
}

.sp-wrap-40 {
  margin-left: calc(var(--fluid-size) * -1);
  margin-right: calc(var(--fluid-size) * -1);
}

.sp-item-40 {
  margin-left: calc(var(--fluid-size) * 1);
  margin-right: calc(var(--fluid-size) * 1);
}

.sp-wrap-30 {
  margin-left: calc(var(--fluid-size) * -0.75);
  margin-right: calc(var(--fluid-size) * -0.75);
}

.sp-item-30 {
  margin-left: calc(var(--fluid-size) * 0.75);
  margin-right: calc(var(--fluid-size) * 0.75);
}

.sp-wrap-20 {
  margin-left: calc(var(--fluid-size) * -0.5);
  margin-right: calc(var(--fluid-size) * -0.5);
}

.sp-item-20 {
  margin-left: calc(var(--fluid-size) * 0.5);
  margin-right: calc(var(--fluid-size) * 0.5);
}

.img-box,
.media-box {
  position: relative;
  overflow: hidden;
}
.img-box::before,
.media-box::before {
  content: "";
  display: block;
}
.img-box img,
.img-box video,
.media-box img,
.media-box video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-nav {
  display: flex;
}

.swiper-nav__prev,
.swiper-nav__next {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: calc(var(--fluid-size) * 1.25);
  height: calc(var(--fluid-size) * 1.25);
}
.swiper-nav__prev svg,
.swiper-nav__next svg {
  width: calc(var(--fluid-size) * 0.3);
  height: auto;
  position: relative;
}

.swiper-nav__prev {
  background-color: #535353;
}
.swiper-nav__prev svg {
  left: -1px;
}

.swiper-nav__next {
  background-color: #B8B8B8;
}
.swiper-nav__next svg {
  right: -1px;
}

.btn-outline--rounded {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8em;
  height: 2.1428571429em;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 40px;
}
.btn-outline--rounded .btn__text {
  font-weight: 300;
}
.btn-outline--rounded .btn__icon {
  width: 1.1428571429em;
  height: auto;
  margin-left: 0.3571428571em;
}

.btn-outline--more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  width: 10.0909090909em;
  height: 2.2727272727em;
  position: relative;
}
.btn-outline--more .btn__border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.btn-outline--more .btn__text {
  margin-right: 0.6363636364em;
}
.btn-outline--more .btn__icon {
  width: 0.5454545455em;
  height: auto;
}

.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.pagination__item {
  margin: 0 0.8333333333em;
}
.pagination__item.active .pagination__link {
  color: var(--color-primary);
}

.pagination__prev svg,
.pagination__next svg {
  width: 0.4444444444em;
  height: auto;
}

.message-toast {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-primary);
  font-size: calc(var(--fluid-size) * 1);
  padding: calc(var(--fluid-size) * 0.5) calc(var(--fluid-size) * 2);
  color: #fff;
  white-space: nowrap;
  z-index: 1000;
  border-radius: 50px;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
  pointer-events: none;
}
.message-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(10px);
}

[data-aos] {
  opacity: 0;
}

[data-aos=fade] {
  opacity: 0;
}

[data-aos=fade-up-10] {
  transform: translate3d(0, 10px, 0);
}

[data-aos=fade-up-20] {
  transform: translate3d(0, 20px, 0);
}

[data-aos=fade-up-50] {
  transform: translate3d(0, 50px, 0);
}

[data-aos=fade-left-20] {
  transform: translate3d(-20px, 0, 0);
}

[data-aos=fade-left-50] {
  transform: translate3d(-50px, 0, 0);
}

[data-aos=fade-right-20] {
  transform: translate3d(20px, 0, 0);
}

[data-aos=fade-right-50] {
  transform: translate3d(50px, 0, 0);
}

[data-aos=zoom-in-70] {
  transform: scale(0.7);
}

[data-aos=zoom-in-80] {
  transform: scale(0.8);
}

[data-aos=zoom-in-90] {
  transform: scale(0.9);
}

@media (min-width: 1025px) {
  .btn-outline--rounded {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .btn-outline--rounded .btn__text {
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .btn-outline--rounded .btn__icon path {
    transition: fill 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .btn-outline--rounded:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
  .btn-outline--rounded:hover .btn__text {
    color: #fff;
  }
  .btn-outline--rounded:hover .btn__icon path {
    fill: #fff;
  }
  .btn-outline--more span {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .btn-outline--more path {
    transition: fill 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .btn-outline--more:hover span {
    color: var(--color-primary);
  }
  .btn-outline--more:hover .btn__icon path {
    fill: var(--color-primary);
  }
  .swiper-nav__prev, .swiper-nav__next {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .swiper-nav__prev:hover, .swiper-nav__next:hover {
    background-color: var(--color-primary);
  }
  .pagination__link {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .pagination__link:hover {
    color: var(--color-primary);
  }
  .pagination__prev,
  .pagination__next {
    display: inline-block;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .pagination__prev:hover {
    transform: translateX(2px);
  }
  .pagination__next:hover {
    transform: translateX(-2px);
  }
}
@media (max-width: 1200px) {
  .inner-1600,
  .inner-1440,
  .inner-1260 {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .fs-160 {
    font-size: clamp(46px, 21.3333333333vw, 160px);
  }
  .fs-64 {
    font-size: clamp(34px, 8.5333333333vw, 64px);
  }
  .fs-52 {
    font-size: clamp(28px, 6.9333333333vw, 52px);
  }
  .fs-48 {
    font-size: clamp(26px, 6.4vw, 48px);
  }
  .fs-38 {
    font-size: clamp(24px, 5.0666666667vw, 38px);
  }
  .fs-36 {
    font-size: clamp(23px, 4.8vw, 36px);
  }
  .fs-32,
  .title {
    font-size: clamp(22px, 4.2666666667vw, 32px);
  }
  .fs-24 {
    font-size: clamp(15px, 3.4666666667vw, 24px);
  }
  .fs-22 {
    font-size: clamp(15px, 3.2vw, 22px);
  }
  .fs-18 {
    font-size: clamp(14px, 2.9333333333vw, 18px);
  }
  .fs-16 {
    font-size: clamp(13px, 2.6666666667vw, 16px);
  }
  .fs-14 {
    font-size: clamp(12px, 2.1333333333vw, 14px);
  }
  .fs-12 {
    font-size: clamp(12px, 1.8666666667vw, 12px);
  }
  .pl-inner {
    padding-left: 5%;
  }
  body .os-scrollbar-horizontal {
    height: 3px;
    padding: 0;
  }
}
@media (max-width: 750px) {
  .sp-wrap-50 {
    margin-left: -2.6666666667vw;
    margin-right: -2.6666666667vw;
  }
  .sp-item-50 {
    margin-left: 2.6666666667vw;
    margin-right: 2.6666666667vw;
  }
  .sp-wrap-40 {
    margin-left: -2vw;
    margin-right: -2vw;
  }
  .sp-item-40 {
    margin-left: 2vw;
    margin-right: 2vw;
  }
  .sp-wrap-20 {
    margin-left: -1.3333333333vw;
    margin-right: -1.3333333333vw;
  }
  .sp-item-20 {
    margin-left: 1.3333333333vw;
    margin-right: 1.3333333333vw;
  }
  .swiper-nav__prev,
  .swiper-nav__next {
    width: 5.6vw;
    height: 5.6vw;
  }
}
.index__banner {
  position: relative;
}

.index__banner-image::before {
  padding-top: 41.6666666667%;
}

.index__banner-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  background-color: transparent;
  border: none;
}
.index__banner-arrow svg {
  width: 12px;
  height: auto;
}
.index__banner-arrow path {
  fill: #000;
}

.index__banner-prev {
  left: 24px;
}

.index__banner-next {
  right: 24px;
}

.index__banner-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 44%;
  z-index: 100;
}

.index__banner-title,
.index__banner-desc,
.index__banner-action {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translateY(20px);
}

.index__banner-desc {
  color: var(--color-gray);
  transition-delay: 0.2s;
}

.index__banner-action {
  display: flex;
  margin-top: calc(var(--fluid-size) * 2.5);
  gap: 20px;
  transition-delay: 0.3s;
}
.index__banner-action .svg-video {
  width: calc(var(--fluid-size) * 0.5);
  height: auto;
  margin-left: calc(var(--fluid-size) * 0.5);
}
.index__banner-action .svg-video path {
  fill: #000;
}

.index__banner-swiper.is-loaded .swiper-slide-active .index__banner-title,
.index__banner-swiper.is-loaded .swiper-slide-active .index__banner-desc,
.index__banner-swiper.is-loaded .swiper-slide-active .index__banner-action {
  opacity: 1;
  transform: translateY(0);
}
.index__banner-swiper .has-video .index__banner-title,
.index__banner-swiper .has-video .index__banner-desc {
  color: #fff;
}
.index__banner-swiper .has-video .index__banner-link {
  color: #fff;
  border-color: #fff;
}
.index__banner-swiper .has-video .index__banner-link path {
  fill: #fff;
}

.index__banner-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.index__banner-nav.hide-nav {
  opacity: 0;
}

.index__banner-tab span {
  color: var(--color-gray);
  display: inline-block;
  position: relative;
  padding-left: 1.2857142857em;
  line-height: 1;
  margin-bottom: 1.2857142857em;
  cursor: pointer;
  transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.index__banner-tab span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.24s cubic-bezier(0.4, 0, 0.2, 1);
}
.index__banner-tab.is-active span {
  color: #000;
  font-weight: 500;
}
.index__banner-tab.is-active span::before {
  opacity: 1;
}

.index__category {
  overflow: hidden;
}

.index__category-card {
  position: relative;
  display: block;
}

.index__category-image::before {
  padding-top: 63.1578947368%;
}

.index__category-content {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0.7894736842em;
  text-align: center;
  z-index: 100;
}

.index__category-title {
  color: var(--color-primary);
  margin-bottom: 0.1578947368em;
}

.index__category-desc {
  color: var(--color-gray);
  position: relative;
  padding-bottom: 1.6363636364em;
}
.index__category-desc svg {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1.4545454545em;
  height: auto;
  margin-left: -0.5454545455em;
  transform: translateY(-4px);
  opacity: 0;
}
.index__category-desc svg path {
  fill: #adadad;
}

.index__positioning {
  position: relative;
  padding-top: calc(var(--fluid-size) * 5);
  padding-bottom: calc(var(--fluid-size) * 4);
}

.index__positioning-content {
  margin-bottom: calc(var(--fluid-size) * 5);
  position: relative;
  z-index: 100;
  text-align: center;
}

.index__positioning-title {
  color: #fff;
  line-height: 1.3;
}

.index__positioning-desc {
  color: #B0B0B0;
  margin-top: 0.3888888889em;
}

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

.index__positioning-swiper {
  width: 71.44%;
}

.index__positioning-card {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.index__positioning-info {
  width: 100%;
  position: relative;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
  z-index: 50;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  padding-bottom: calc(var(--fluid-size) * 1.1);
}
.index__positioning-info svg {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(var(--fluid-size) * 1.1);
  height: auto;
  margin-left: calc(var(--fluid-size) * -0.6);
  transform: translateY(-4px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.1s;
}
.index__positioning-info path {
  fill: #808080;
}

.index__positioning-category {
  color: #fff;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}

.index__positioning-model {
  color: #808080;
}

.index__positioning-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index__positioning-figure {
  position: relative;
  width: 100%;
  margin-top: calc(var(--fluid-size) * 3);
}
.index__positioning-figure::before {
  padding-top: 107.2727272727%;
}
.index__positioning-figure img {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.index__positioning-img--on {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
}

.index__positioning-swiper .is-active .index__positioning-info {
  opacity: 1;
  transform: translateY(0);
}
.index__positioning-swiper .is-active .index__positioning-info svg {
  opacity: 1;
  transform: translateY(0);
}
.index__positioning-swiper .is-active .index__positioning-img--off {
  opacity: 0;
}
.index__positioning-swiper .is-active .index__positioning-img--on {
  opacity: 1;
}

.index__tech-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.index__tech-place {
  height: 220vh;
}

.index__tech-item {
  position: relative;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.index__tech-item:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
}

@media (min-width: 1025px) {
  .index__tech-item {
    will-change: transform, opacity;
  }
}
.index__tech-title {
  color: var(--color-primary);
  position: absolute;
  left: 0;
  top: 2.6315789474em;
  z-index: 100;
}

.index__tech-image::before {
  padding-top: 64.5833333333%;
}

.index__tech-stat-label.fs-22 {
  color: #808080;
}

.index__tech-stat--force,
.index__tech-stat--perception {
  position: absolute;
  left: 0;
}

.index__tech-stat--force {
  bottom: 1.1538461538em;
}

.index__tech-stat--perception {
  bottom: 1.9230769231em;
}

.index__tech-stat--precision,
.index__tech-stat--stiffness,
.index__tech-stat--bandwidth {
  position: absolute;
  right: 0;
}
.index__tech-stat--precision .index__tech-stat-value,
.index__tech-stat--stiffness .index__tech-stat-value,
.index__tech-stat--bandwidth .index__tech-stat-value {
  min-width: 6.3157894737em;
}

.index__tech-stat--precision {
  top: 17.5%;
}

.index__tech-stat--stiffness {
  top: 37%;
}

.index__tech-stat--bandwidth {
  top: 55%;
}

.index__tech-stat--sensitive, .index__tech-stat--stable, .index__tech-stat--rigid {
  position: absolute;
  width: 38%;
  text-align: right;
}

.index__tech-stat--rigid {
  top: 23%;
  left: 27%;
}
.index__tech-stat--rigid .index__tech-stat-value {
  padding-right: 1.0526315789em;
}
.index__tech-stat--rigid .index__tech-stat-label {
  padding-right: 1em;
}

.index__tech-stat--stable {
  top: 32%;
  left: 48%;
}

.index__tech-stat--sensitive {
  top: 71%;
  left: 61%;
}
.index__tech-stat--sensitive .index__tech-stat-line {
  top: -1.8421052632em;
}

.index__tech-stat-line {
  position: absolute;
  left: 0;
  top: 1.2894736842em;
  width: 100%;
}

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

.index__stats-title {
  font-weight: 400;
  width: 11.0526315789em;
  margin-left: auto;
  margin-right: auto;
}

html[lang=en-US] .index__stats-title {
  width: 80%;
}

.index__stats-desc {
  color: var(--color-gray);
  margin-top: 0.4545454545em;
}

.index__stats-item {
  width: 21%;
}

.index__stats-image::before {
  padding-top: 119.3333333333%;
}

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

.index__stats-number {
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: var(--color-primary);
  line-height: 1;
  margin-top: 0.2692307692em;
}
.index__stats-number span {
  font-family: "Roboto-Bold";
}
.index__stats-number sub {
  bottom: 0;
}

.index__stats-label {
  color: var(--color-gray);
  margin-top: 0.0909090909em;
}

.index__cases {
  overflow: hidden;
}

.index__cases-swiper .swiper-slide {
  width: 62.5vw;
  position: relative;
}

.index__cases-image::before {
  padding-top: 54.1666666667%;
}

.index__cases-content {
  position: absolute;
  left: 1.1111111111em;
  right: 1.6666666667em;
  bottom: 1.1111111111em;
  color: #fff;
  padding-left: 0.5555555556em;
}
.index__cases-content::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.2222222222em;
  bottom: 0.1111111111em;
  width: 0.2222222222em;
  background-color: var(--color-primary);
}

.index__cases-title {
  margin-bottom: 0.2777777778em;
  line-height: 1.2;
}

.index__cases-desc {
  margin-top: 0.4444444444em;
}

.index__cases-next {
  margin-left: calc(var(--fluid-size) * 0.5);
}

.index__cases-arrow {
  justify-content: flex-end;
  margin-right: calc(18.75vw + var(--fluid-size) * 0.5);
}

.video-fixed {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 1200;
}
.video-fixed::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-popover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 80vw;
  width: 100%;
  display: flex;
  justify-content: center;
}
.video-popover video {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.video-popover__close {
  position: absolute;
  right: 1.2em;
  top: 1.2em;
  color: #fff;
  cursor: pointer;
  padding: 10px;
}
.video-popover__close svg {
  width: calc(var(--fluid-size) * 1.0344827586);
  height: auto;
}
.video-popover__close path {
  fill: #fff;
}

@media (min-width: 1025px) {
  html[lang=en-US] .index__tech-stat--sensitive .index__tech-stat-line {
    top: -2.4em;
  }
  html[lang=en-US] .index__tech-stat--sensitive .index__tech-stat-label {
    margin-top: 0.1em;
  }
  .index__positioning-title,
  .index__positioning-desc {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .video-popover__close {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .video-popover__close:hover {
    transform: rotate(180deg);
  }
  .index__banner-swiper .has-video .index__banner-link {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .index__banner-swiper .has-video .index__banner-link:hover {
    border-color: var(--color-primary);
  }
  .index__banner-link path {
    transition: fill 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .index__banner-link:hover .svg-video path {
    fill: #fff;
  }
  .index__banner-arrow {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .index__banner-arrow svg {
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .index__banner-arrow:hover svg {
    opacity: 0.7;
  }
  .index__banner-prev:hover {
    transform: translate(-2px, -50%);
  }
  .index__banner-next:hover {
    transform: translate(2px, -50%);
  }
  .index__banner-tab span:hover {
    color: var(--color-black-pure);
  }
  .index__category-image img {
    transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    backface-visibility: hidden;
  }
  .index__category-desc span {
    display: block;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top center;
  }
  .index__category-desc svg {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .index__category-desc path {
    fill: #808080;
  }
  .index__category-card:hover .index__category-image img {
    transform: scale(1.01);
  }
  .index__category-card:hover .index__category-desc svg {
    opacity: 1;
    transform: translateY(0);
  }
  .index__category-card:hover .index__category-desc span {
    transform: scale(0.9);
  }
}
@media (max-width: 1024px) {
  .index__banner-content {
    top: 12%;
  }
  .index__banner-image::before {
    padding-top: 160%;
  }
  .index__banner-swiper .has-video .index__banner-content {
    top: 4%;
  }
  .index__banner-swiper .has-video .index__banner-image::before {
    padding-top: 160%;
  }
  .index__category-item {
    width: 100%;
  }
  .index__category-image::before {
    padding-top: 142%;
  }
  .index__category-content {
    top: 6%;
  }
  .index__category-list li {
    width: 100%;
  }
  .index__stats-item {
    width: 31%;
  }
  .index__cases-swiper .swiper-slide {
    width: 90vw;
  }
  .index__cases-arrow {
    justify-content: flex-end;
    margin-right: calc(5vw + var(--fluid-size) * 0.5);
  }
  .index__cases-content {
    left: 1em;
    right: 1em;
    bottom: 1em;
  }
  .index__cases-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .index__tech-item {
    margin-top: 10vh;
  }
  .index__tech-title {
    font-size: 3.8666666667vw;
    max-width: 40vw;
  }
  .index__tech-title br {
    display: none;
  }
  .index__tech-stat-value.fs-52 {
    font-size: 3.7333333333vw;
  }
  .index__tech-stat-value.fs-38 {
    font-size: 3.2vw;
  }
  .index__tech-stat-label.fs-22 {
    font-size: 2.6666666667vw;
  }
  .index__tech-stat-label.fs-38 {
    font-size: 2.9333333333vw;
  }
  .index__tech-stat--bandwidth {
    top: 60%;
  }
  .index__tech-stat--sensitive .index__tech-stat-line {
    top: -1.1em;
  }
  .index__tech-sticky {
    height: 50vh;
    top: 20vh;
    overflow: visible;
  }
  .index__tech-place {
    height: 130vh;
  }
  .index__category-desc {
    padding-bottom: 2.2727272727em;
  }
  .index__category-desc svg {
    opacity: 1;
    transform: translateY(0);
  }
  .index__positioning-swiper {
    width: 90%;
  }
  html[lang=en-US] .index__tech-item:nth-child(2) .index__tech-stat-label {
    max-width: 110px;
  }
}
@media (max-width: 800px) {
  html[lang=en-US] .index__tech-stat--stiffness {
    top: 42%;
  }
  html[lang=en-US] .index__tech-stat--bandwidth {
    top: 76%;
  }
  html[lang=en-US] .index__tech-title {
    top: -5vw;
    max-width: 80vw;
  }
  html[lang=en-US] .index__tech-stat--force {
    bottom: -3em;
  }
}
@media (max-width: 500px) {
  .index__banner-arrow svg {
    width: 10px;
  }
  .index__banner-title {
    margin-bottom: 0.1em;
  }
  .index__banner-nav {
    bottom: 4vw;
  }
  .index__banner-tab span {
    margin-bottom: 0.8em;
  }
  .index__banner-action {
    margin-top: calc(var(--fluid-size) * 1.75);
  }
  .index__positioning-swiper {
    width: 100%;
  }
  html[lang=en-US] .index__stats-label {
    font-size: 13px;
    line-height: 1.3;
    margin-top: 2px;
  }
  html[lang=en-US] .index__tech-stat-label {
    font-size: 12px;
  }
  html[lang=en-US] .index__tech-stat--rigid {
    left: 22%;
  }
  .index__tech-stat-value {
    font-size: 18px;
  }
}
.about__hero {
  position: relative;
  padding-top: calc(var(--fluid-size) * 1.5);
  background: linear-gradient(180deg, rgba(167, 203, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #F8F8F8;
  overflow: hidden;
}

.about__hero-bg {
  width: 71%;
  margin-left: auto;
}
.about__hero-bg::before {
  padding-top: 56.2773722628%;
}

.about__hero-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  bottom: calc(var(--fluid-size) * 1.8);
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.about__hero-text {
  width: 100%;
}

.about__company {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row-reverse;
}

.about__company-image {
  width: 53%;
  margin-left: auto;
}
.about__company-image::before {
  padding-top: 81.316553727%;
}

.about__company-content {
  width: 47%;
  margin-top: calc(var(--fluid-size) * 4);
  padding-left: calc((100vw - min(1440px, 75vw)) / 2);
  padding-right: calc(var(--fluid-size) * 2.5);
}

.about__company-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.about__company-icon {
  width: 3.5416666667em;
}
.about__company-icon::before {
  padding-top: 100%;
}

.about__company-intro {
  max-width: calc(100% - 3.5416666667em);
  padding-left: 0.75em;
}

.about__company-tagline {
  color: var(--color-gray);
  margin-top: 0.3333333333em;
}

.about__company-mission-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.3125em;
}

.about__company-mission-label {
  width: 4.375em;
}

.about__company-mission-text {
  max-width: calc(100% - 4.375em);
}

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

.about__stats-item {
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
}

.about__stats-row {
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.about__stats-num {
  font-family: "Roboto-Medium";
}

.about__stats-unit {
  margin-left: 0.1315789474em;
  font-weight: 500;
}

.about__stats-label {
  width: 100%;
  font-weight: 300;
  color: var(--color-gray);
  margin-top: 0.1666666667em;
}

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

.about__core-left {
  width: 58%;
}

.about__core-right {
  width: 42%;
  background-color: #fff;
}

.about__core-images::before {
  padding-top: 85.4761904762%;
}
.about__core-images img {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.about__core-images .is-active {
  opacity: 1;
}

.about__core-item {
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  padding: 1.25em 1.6666666667em;
  cursor: pointer;
}
.about__core-item:last-child {
  border-bottom: none;
}
.about__core-item:first-child .about__core-item-slide {
  display: block;
}
.about__core-item.is-active .about__core-item-arrow {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.about__core-item.is-active .about__core-item-arrow svg {
  transform: rotate(180deg);
}
.about__core-item.is-active .about__core-item-arrow path {
  fill: #fff;
}

.about__core-item-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.about__core-item-title {
  font-weight: 300;
  max-width: 92%;
}

.about__core-item-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid var(--color-gray);
  border-radius: 50%;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.about__core-item-arrow svg {
  width: 0.5833333333em;
  height: auto;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.about__core-item-arrow path {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.about__core-item-slide {
  display: none;
}

.about__core-item-desc {
  font-weight: 300;
  padding-top: 1.875em;
}

.about__honors {
  background-color: #fbfbfb;
  position: relative;
}

@media (min-width: 1025px) {
  .about__honors-content {
    position: absolute;
    left: 12%;
    top: 16%;
    z-index: 100;
  }
}
.about__honors-image {
  width: 100%;
}
.about__honors-image::before {
  padding-top: 41.4583333333%;
}

.about__honors-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 27.2727272727em;
  line-height: 1;
}

.about__honors-item {
  width: 10.9090909091em;
  margin-right: 2.1818181818em;
  margin-bottom: 2.1818181818em;
  text-align: center;
  position: relative;
  padding: 0 1.3636363636em;
}
.about__honors-item::before, .about__honors-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 1.3636363636em;
  height: 2.7272727273em;
  transform: translateY(-50%);
}
.about__honors-item::before {
  left: 0;
  background: url(../upload/about/wheat-icon-left.png) no-repeat center center;
  background-size: contain;
}
.about__honors-item::after {
  right: 0;
  background: url(../upload/about/wheat-icon-right.png) no-repeat center center;
  background-size: contain;
}

.about__honors-source,
.about__honors-org {
  font-size: 10px;
  line-height: 1;
  color: var(--color-gray);
  display: flex;
  justify-content: center;
  font-weight: 300;
}

.about__honors-name {
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  color: var(--color-primary);
  line-height: 1.1;
  margin: 0.2727272727em 0;
}

@media (min-width: 1025px) {
  html[lang=en-US] .about__honors-desc {
    width: 39em;
  }
  .about__honors-item {
    will-change: transform;
    backface-visibility: hidden;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .about__honors-item:hover {
    transform: scale(1.02);
  }
  .about__honors-image img {
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .about__honors-image:hover img {
    transform: scale(1.01);
  }
  .about__core-item-title {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .about__core-item:hover .about__core-item-title {
    color: var(--color-primary);
  }
  .about__hero-bg {
    z-index: 100;
  }
  .about__hero-bg img {
    transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .about__hero-bg:hover img {
    transform: scale(1.02);
  }
}
@media (max-width: 1024px) {
  .about__hero {
    padding-top: 14.6666666667vw;
  }
  .about__hero-bg {
    width: 100%;
  }
  .about__hero-bg::before {
    padding-top: 160%;
  }
  .about__hero-content {
    top: 10%;
    bottom: auto;
  }
  .about__hero-title {
    display: none;
  }
  .about__hero-title {
    font-size: 15.625vw;
  }
  .about__company-content {
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }
  .about__company-image {
    width: 100%;
  }
  .about__company {
    padding-top: 9.3333333333vw;
  }
  .about__stats-list li {
    width: 25%;
  }
  .about__core-left,
  .about__core-right {
    width: 100%;
  }
  .about__honors {
    padding: 9.765625vw 0;
  }
  .about__honors-image::before {
    padding-top: 66%;
  }
  .about__honors-image img {
    object-position: 100% center;
  }
  .about__honors-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 750px) {
  .about__stats-list li {
    width: 50%;
    margin-bottom: 5vw;
  }
  .about__stats-list li:nth-last-child(1), .about__stats-list li:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (max-width: 500px) {
  .about__stats-list li {
    margin-bottom: 8vw;
  }
  .about__honors-item {
    width: 48%;
    margin-right: 2%;
  }
  .about__honors-source, .about__honors-org {
    line-height: 1.2;
  }
}
.service-wrap {
  background: linear-gradient(180deg, #FFFDFD 0%, #EFEFEF 100%);
}

.service__desc {
  max-width: 22.3571428571em;
}

.service__container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}

.service__images {
  width: 46%;
}
.service__images::before {
  padding-top: 107.7777777778%;
}
.service__images img {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.service__images .is-active {
  opacity: 1;
}

.service__content {
  width: 54%;
  padding-bottom: calc(var(--fluid-size) * 3.5);
}

.service__card-title {
  font-weight: 350;
  margin-bottom: 0.8333333333em;
  max-width: 80%;
}

.service__card-desc {
  font-weight: 300;
}

.service__card-desc {
  max-width: 13.4285714286em;
  color: var(--color-gray);
}

.service__item {
  margin-bottom: calc(var(--fluid-size) * 5);
  cursor: pointer;
}
@media (min-width: 1025px) {
  .service__item.is-active .service__card-link-bg path {
    stroke: var(--color-primary);
  }
  .service__item.is-active .service__card-icons .icon-1 {
    opacity: 0;
  }
  .service__item.is-active .service__card-icons .icon-2 {
    opacity: 1;
  }
  .service__item.is-active .service__card-link-text {
    color: var(--color-primary);
  }
}

.service__card-link {
  display: flex;
  justify-content: center;
  width: 10.75em;
  height: 1.75em;
  position: relative;
  margin-top: 1.875em;
}

html[lang=en-US] .service__card-link {
  width: 13.125em;
}
html[lang=en-US] .service__card-title {
  line-height: 1.2;
}

.service__card-link-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.service__card-link-bg path {
  transition: stroke 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

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

.service__card-icons {
  width: 1.5em;
  margin-right: 0.625em;
}
.service__card-icons::before {
  padding-top: 100%;
}
.service__card-icons img {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.service__card-icons .icon-2 {
  opacity: 0;
}

.service__card-link-text {
  font-weight: 300;
  transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1025px) {
  .service__card-image {
    display: none;
  }
  html[lang=en-US] .service__desc {
    min-width: 42em;
  }
  .service__card-desc {
    max-width: 84%;
  }
  .service__card {
    height: 100%;
  }
  .service__card-content {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .service__card-image {
    margin-bottom: 4.8828125vw;
  }
  .service__card-image::before {
    padding-top: 107.7777777778%;
  }
  .service__images {
    display: none;
  }
  .service__content {
    width: 100%;
  }
  .service__card-content {
    padding-right: 5%;
  }
  .service__card-desc {
    max-width: 90%;
  }
}
@media (max-width: 750px) {
  .service__item {
    margin-bottom: 13.3333333333vw;
  }
}
.download__hero {
  position: relative;
}

.download__hero-bg::before {
  padding-top: 29.1666666667%;
}

.download__hero-content {
  position: absolute;
  top: 38%;
  right: 24%;
}

.download__hero-subtitle {
  width: 4.296875em;
  line-height: 1;
  letter-spacing: -1px;
  color: #A2A2A2;
  margin-top: 0.375em;
}

.download__filter {
  background-color: #fff;
  padding: 0.8888888889em 1.5555555556em;
}

.download__filter-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.download__filter-form input {
  width: 100%;
  height: 2.6666666667em;
  border: 1px solid #D4D4D4;
  padding: 0 1.2222222222em;
  outline: none;
}

.download__filter-input::placeholder {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.download__filter-input:focus::placeholder {
  opacity: 0;
}

.download__filter-inner {
  display: flex;
  flex-wrap: wrap;
  width: 84%;
}

.download__filter-search {
  width: calc(62% - 1.6666666667em);
  margin-right: 1.6666666667em;
}

.download__filter-date,
.download__filter-order {
  width: calc(18% - 1.6666666667em);
  margin-right: 1.6666666667em;
}

.download__filter-select {
  position: relative;
}

.download__filter-sort {
  position: absolute;
  right: 0.8888888889em;
  top: 0.2777777778em;
}
.download__filter-sort svg {
  width: 1.1111111111em;
  height: auto;
}

.download__filter-sort-up,
.download__filter-sort-down {
  cursor: pointer;
}

.download__filter-submit {
  width: 9.7777777778em;
  height: 2.6666666667em;
  background-color: var(--color-black-pure);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.download__card {
  height: 100%;
}

.download__card-link {
  display: block;
  height: 100%;
  background-color: #fff;
}

.download__card-image::before {
  padding-top: 71.3043478261%;
}

.download__card-content {
  background-color: #fff;
  padding: 1.0909090909em 1.8181818182em 0.5454545455em 1.0909090909em;
}

.download__card-title {
  line-height: 1.4;
}

.download__card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.8571428571em;
}

.download__card-size,
.download__card-files {
  color: var(--color-gray);
  position: relative;
  line-height: 1;
  padding-left: 1.4285714286em;
}
.download__card-size::before,
.download__card-files::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.download__card-size {
  margin-right: 2.1428571429em;
}
.download__card-size::before {
  background: url(../upload/download/txt.svg) no-repeat center center;
  background-size: contain;
  top: 0.1428571429em;
  width: 1em;
  height: 1em;
}

.download__card-files::before {
  background: url(../upload/download/file.svg) no-repeat center center;
  background-size: contain;
  width: 1.1428571429em;
  height: 1.1428571429em;
}

@media (min-width: 1025px) {
  .download__filter-submit {
    transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .download__filter-submit:hover {
    background-color: var(--color-primary);
  }
  .download__filter-sort-up path,
  .download__filter-sort-down path {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .download__filter-sort-up:hover path,
  .download__filter-sort-down:hover path {
    fill: var(--color-primary);
  }
  .download__card-image img {
    transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .download__card-title {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .download__card-link:hover .download__card-image img {
    transform: scale(1.05);
  }
  .download__card-link:hover .download__card-title {
    color: var(--color-primary);
  }
}
@media (max-width: 1024px) {
  .download__hero-bg::before {
    padding-top: 160%;
  }
  .download__hero-content {
    top: 20%;
    right: 5%;
    left: 5%;
  }
  .download__filter-inner {
    width: 100%;
  }
  .download__filter-search {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .download__filter-date, .download__filter-order {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .download__filter-order {
    margin-left: 1%;
  }
  .download__filter-btn,
  .download__filter-submit {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .download__card-content {
    padding: 1.2em 0.7em;
  }
  .download__card-size {
    margin-right: 1em;
  }
}
.contact__hero {
  position: relative;
}

.contact__hero-bg::before {
  padding-top: 33.6111111111%;
}

.contact__hero-content {
  position: absolute;
  left: 11%;
  top: 37%;
}

.contact__hero-subtitle {
  color: #A2A2A2;
  letter-spacing: -1px;
  margin-top: 0.3125em;
}

.contact__info-label {
  width: 6.5833333333em;
  height: 2.0833333333em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--color-primary);
  clip-path: polygon(0 0, 90.6% 0, 99.5% 28.6%, 99.5% 100%, 9.4% 100%, 0 75%);
}

.contact__info-card {
  background: #FFF;
  box-shadow: 0 9px 16.9px 0 rgba(0, 0, 0, 0.05);
  height: 100%;
  padding: 7px;
}

.contact__info-image::before {
  padding-top: 89.8734177215%;
}

.contact__info-content {
  padding: 1.3333333333em 0.8333333333em;
}

.contact__info-title {
  margin-bottom: 0.8333333333em;
}

.contact__info-detail {
  font-weight: 300;
}

.contact__map {
  max-width: 1100px;
  width: 57%;
}

.contact__map-image::before {
  padding-top: 65.2727272727%;
}
.contact__map-image svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
.contact__map-image .map-dot {
  transform-origin: center center;
  transform-box: fill-box;
  will-change: transform;
  backface-visibility: hidden;
  animation: scaleRound 3s infinite;
}

@keyframes scaleRound {
  50% {
    transform: scale(1.4);
  }
}
.contact__address {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
}

.contact__address-bg {
  width: 41%;
}
.contact__address-bg::before {
  padding-top: 98.8664987406%;
}

.contact__address-main {
  width: 59%;
  padding: calc(var(--fluid-size) * 3.5) calc(var(--fluid-size) * 4) calc(var(--fluid-size) * 2) calc(var(--fluid-size) * 4);
}

.contact__address-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.contact__address-nav {
  width: 52%;
  margin-right: calc(var(--fluid-size) * 2.5);
}
.contact__address-nav::before {
  padding-top: 86.3366336634%;
}
.contact__address-nav img {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.contact__address-nav .is-active {
  opacity: 1;
}

.contact__address-card {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.contact__address-item {
  margin-bottom: 1.6666666667em;
  cursor: pointer;
}
.contact__address-item:last-child {
  margin-bottom: 0;
}
.contact__address-item.is-active .contact__address-icon .item-black {
  opacity: 0;
}
.contact__address-item.is-active .contact__address-icon .item-theme {
  opacity: 1;
}

.contact__address-icon {
  width: 2.2222222222em;
  margin-right: 2.2222222222em;
}
.contact__address-icon::before {
  padding-top: 100%;
}
.contact__address-icon img {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.contact__address-icon .item-theme {
  opacity: 0;
}

.contact__address-content {
  width: 10em;
}

.contact__address-title {
  line-height: 1.2222222222;
  margin-bottom: 0.4444444444em;
}

.contact__address-text {
  color: var(--color-gray);
}

.contact__social-item {
  margin-right: calc(var(--fluid-size) * 6);
}

.contact__social-qrcode {
  max-width: 136px;
  text-align: center;
  width: 8.5em;
  margin-left: auto;
  margin-right: auto;
}
.contact__social-qrcode::before {
  padding-top: 100%;
}

.contact__social-title {
  text-align: center;
  margin-top: 0.5em;
}

@media (min-width: 1025px) {
  .contact__address-item:hover .contact__address-icon .item-black {
    opacity: 0;
  }
  .contact__address-item:hover .contact__address-icon .item-theme {
    opacity: 1;
  }
  html[lang=en-US] .contact__address-content {
    width: 16em;
  }
}
@media (max-width: 1024px) {
  .contact__hero-bg::before {
    padding-top: 160%;
  }
  .contact__hero-content {
    left: 5%;
    right: 5%;
    top: 14%;
  }
  .contact__map {
    width: 90%;
  }
  .contact__address-bg {
    width: 100%;
  }
  .contact__address-main {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .contact__social-item {
    margin-right: 0;
    width: 20%;
    margin-right: 10%;
  }
  .contact__social-qrcode {
    width: 100%;
  }
  .contact__address-nav {
    margin-right: 4%;
  }
  .contact__address-icon {
    margin-right: 0.5555555556em;
  }
  .contact__address-content {
    width: calc(100% - 2.7777777778em);
  }
}
@media (max-width: 750px) {
  .contact__address-nav {
    width: 100%;
    margin-right: 0;
  }
  .contact__address-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
  }
  .contact__address-list li {
    width: 50%;
    padding-right: 5%;
  }
  .contact__social-list {
    margin-bottom: 10.6666666667vw;
  }
}
@media (max-width: 500px) {
  .contact__info-list li {
    width: 100%;
  }
  .contact__social-item {
    width: 26%;
    margin-right: 7%;
  }
  html[lang=en-US] .contact__address-list li {
    width: 100%;
  }
}
.product__hero {
  position: relative;
  overflow: hidden;
}

.product_hero-image::before {
  padding-top: 39.84375%;
}

.product__hero-series {
  position: absolute;
  left: 12%;
  bottom: calc(var(--fluid-size) * 0.55);
  letter-spacing: -3px;
  width: 2.9875em;
  line-height: 0.86;
}
.product__hero-series span {
  display: block;
}

.product_hero-content {
  position: absolute;
  right: 12%;
  max-width: calc(var(--fluid-size) * 16.7);
}

@media (min-width: 1025px) {
  .product__hero-series span {
    font-size: 0.64em;
  }
  .product_hero-content {
    top: 50%;
    transform: translateY(-50%);
  }
  html[lang=en-US] .product_hero-content {
    right: 8%;
  }
}
.product_hero-title {
  color: var(--color-primary);
}

html[lang=en-US] .product_hero-title,
html[lang=en-US] .product-list .item-title {
  line-height: 1.2;
}

.product_hero-tag {
  display: flex;
  flex-wrap: wrap;
}
.product_hero-tag span,
.product_hero-tag .tag-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.75em;
  padding: 0 0.625em;
  position: relative;
  border: 12px solid;
  border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='28' viewBox='0 0 120 28' fill='none'%3E%3Cpath d='M111.492 0.25L119.346 8.10352V27.75H8.59082L0.25 20.8809V0.25H111.492Z' stroke='black' stroke-width='1'/%3E%3C/svg%3E");
  border-image-slice: 10 15 10 15;
  border-image-repeat: stretch;
  background-color: transparent;
  margin-right: 1em;
  margin-bottom: 0.3125em;
}

.product_hero-desc {
  color: var(--color-gray);
  margin-top: 1.1666666667em;
  width: 20.8333333333em;
}

.product-container {
  overflow: hidden;
}

.product-list .item {
  margin-bottom: calc(var(--fluid-size) * 1);
}
.product-list .item-link {
  display: block;
}
.product-list .item-card {
  position: relative;
}
.product-list .item-image::before {
  padding-top: 33.8541666667%;
}
.product-list .item-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 11.875em;
  z-index: 10;
}
.product-list .item-title {
  color: var(--color-primary);
  padding-bottom: 0.3125em;
}
.product-list .item-tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.125em;
}
.product-list .item-tags span,
.product-list .item-tags .tag-link {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 1.75em;
  padding: 0 1.375em;
  min-width: 7.875em;
  position: relative;
  border: 12px solid;
  border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='28' viewBox='0 0 120 28' fill='none'%3E%3Cpath d='M111.492 0.25L119.346 8.10352V27.75H8.59082L0.25 20.8809V0.25H111.492Z' stroke='black' stroke-width='1'/%3E%3C/svg%3E");
  border-image-slice: 10 15 10 15;
  border-image-repeat: stretch;
  background-color: transparent;
  margin-right: 0.75em;
  margin-bottom: 0.75em;
}
.product-list .item-desc {
  color: #808080;
  width: 20.8333333333em;
  margin-top: 1em;
}

.product__hero {
  position: relative;
}

.product__hero-image::before {
  padding-top: 41.6666666667%;
}

.product__hero-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 15%;
  text-align: center;
  z-index: 10;
}

.product__hero-category,
.product__hero-desc {
  color: var(--color-gray);
}

.product__hero-title {
  line-height: 1;
  margin-top: 0.1875em;
  margin-bottom: 0.2083333333em;
}

.product__feature {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
  background: linear-gradient(180deg, #F9F9F9 0%, #FFF 100%);
}

.product__feature-image {
  width: 56%;
  font-size: 0;
}
.product__feature-image::before {
  padding-top: 74.8613678373%;
}

.product__feature-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23%;
}

.product__feature-title {
  color: var(--color-primary);
}

.product__feature-desc {
  width: 22.5em;
  color: var(--color-gray);
  margin-top: 2.625em;
}

.product__advantages {
  background-color: #F8F8F8;
}

.product__advantages-content {
  position: relative;
}

.product__advantages-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.product__advantages-intro {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 70%;
}

.product__advantages-image img {
  width: 100%;
}

.product__advantages-detail {
  width: 30%;
}

.product__advantages-detail-title {
  color: var(--color-primary);
  margin-bottom: 0.8125em;
}

.product__advantages-detail-desc {
  width: 17.5em;
  color: var(--color-gray);
}

.product__advantages-detail-image {
  margin-top: calc(var(--fluid-size) * 9.5);
}
.product__advantages-detail-image::before {
  padding-top: 52.3364485981%;
}

.block-advantages {
  background-color: #F8F8F8;
}

.block-advantages__container {
  position: relative;
}

.block-advantages__header {
  position: absolute;
  left: 0;
  top: 0;
}

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

.block-advantages__intro {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 70%;
}

.block-advantages__image img {
  width: 100%;
}

.block-advantages__detail {
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.block-advantages__detail-wrapper {
  width: 100%;
}

.block-advantages__detail-image {
  width: 100%;
  margin-top: calc(var(--fluid-size) * 4.5);
}
.block-advantages__detail-image::before {
  padding-top: 52.3364485981%;
}

.block-advantages__detail-title {
  color: var(--color-primary);
}

.block-advantages__detail-desc {
  width: 17.375em;
}

.product-dl__advantages-image {
  margin-left: 20%;
  width: 64%;
}

.product-pilot__advantages-image {
  width: 72%;
  margin-left: 8%;
}

.product-evo__advantages-image {
  width: 41%;
  margin-left: 22%;
}

.product-tr__advantages-image {
  width: 41%;
  margin-left: 22%;
}

.product-srd__advantages-image {
  width: 41%;
  margin-left: 18%;
}

.product-pilot__advantages-header {
  top: 1.5625em;
}

.product-pilot__advantages-detail-title {
  margin-top: 5em;
}

.product-evo__advantages-detail-title {
  margin-top: 3.4375em;
}

.product-evo__advantages-name {
  width: 3.125em;
  color: #808080;
}

.product-srd__advantages-name,
.product-pilot__advantages-name,
.product-tr__advantages-name,
.product-dl__advantages-name {
  color: #808080;
}

.product-evo__advantages-detail-desc {
  width: 20em;
}

.product-tr__advantages-body {
  align-items: flex-end;
}

.product-tr__advantages-image {
  position: relative;
}

.product-tr__advantages-detail-title {
  width: 10em;
  margin-bottom: 0.8125em;
}

.product-tr__advantages-detail-image {
  margin-top: calc(var(--fluid-size) * 7);
}

.product-srd__advantages-desc {
  width: 17.375em;
  margin-top: 1.25em;
}

.product-srd__advantages-info {
  margin-top: calc(var(--fluid-size) * 11);
}

.product__highlight {
  background-color: #fff;
  position: relative;
  padding-right: 10%;
  display: flex;
  justify-content: flex-end;
}

.product__highlight-image {
  width: 49%;
}
.product__highlight-image::before {
  padding-top: 85.1063829787%;
}

.product__highlight-content {
  position: absolute;
  left: 22%;
  top: 46%;
}

.product__highlight-title {
  color: var(--color-primary);
}

.product__highlight-desc {
  width: 19.0625em;
  color: var(--color-gray);
  margin-top: 2.25em;
}

.product__showcase {
  background-color: #f8f8f8;
}

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

.product__showcase-title {
  color: var(--color-primary);
  margin-bottom: 0.9375em;
}

.product__showcase-desc {
  width: 31.25em;
  margin-left: auto;
  margin-right: auto;
  color: var(--color-gray);
}

.product__showcase-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.product__showcase-image1,
.product__showcase-image3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 29%;
}
.product__showcase-image1::before,
.product__showcase-image3::before {
  padding-top: 86.642599278%;
}

.product__showcase-image1 {
  left: 0;
}

.product__showcase-image3 {
  right: 0;
}

.product__showcase-image2 {
  position: relative;
  z-index: 100;
}
.product__showcase-image2 img {
  width: 100%;
}

.mp__showcase-image2 {
  width: 60%;
}

.dl__showcase-image2 {
  width: 95%;
  position: relative;
  right: -2.6041666667vw;
}

.evo__showcase-image2 {
  width: 37.5%;
}

.pr__showcase-image2 {
  width: 30%;
}

.product__gallery {
  background-color: #fff;
  overflow: hidden;
}

.product__gallery-swiper {
  max-width: 1260px;
  width: 56%;
  margin-left: auto;
  margin-right: auto;
}
.product__gallery-swiper .swiper-slide:hover .product__gallery-content {
  opacity: 1;
  transform: translateY(0);
}

.product__gallery-item {
  position: relative;
}

.product__gallery-image::before {
  padding-top: 56.9637883008%;
}

.product__gallery-content {
  position: absolute;
  top: 16%;
  left: 4.5%;
  background: rgba(255, 255, 255, 0.7);
  width: 11.25em;
  padding: 0.9375em;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.product__gallery-title {
  color: var(--color-primary);
  margin-bottom: 1.25em;
  line-height: 1.25;
}

@media (min-width: 1025px) {
  .product__specs-tables table {
    width: 100% !important;
  }
}
.product__specs-table-wrap {
  margin-bottom: calc(var(--fluid-size) * 3.5);
}

.product__specs-tables.fs-12 th {
  font-size: 1em;
  padding-bottom: 2em;
}
.product__specs-tables.fs-12 td {
  padding: 1.5em 0;
}
.product__specs-tables table {
  table-layout: fixed;
}
.product__specs-tables th {
  font-size: 1.5em;
  color: #5F5F5F;
  font-weight: 500;
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  padding-bottom: 1em;
  text-align: left;
}
.product__specs-tables td {
  line-height: 1.5;
  color: #5F5F5F;
  padding: 1.125em 0;
  font-weight: 300;
}
.product__specs-tables td strong {
  font-weight: 700;
}

.product__capabilities {
  position: relative;
}

.product__capabilities-bg::before {
  padding-top: 56.4583333333%;
}

.product__capabilities-title {
  position: absolute;
  top: 15%;
  left: 12.5%;
}

.product__capabilities-name {
  position: absolute;
  left: 12.5%;
  bottom: 15%;
  width: 2.9375em;
  color: #808080;
  line-height: 1.25;
}

.product__advantages-name {
  color: #808080;
}

.product__capabilities-content {
  position: absolute;
  right: 12.5%;
  bottom: 15%;
  width: 22%;
}

.product__capabilities-detail-title {
  color: var(--color-primary);
  width: 7.375em;
}

.product__capabilities-detail-desc {
  width: 19.0625em;
  color: var(--color-gray);
  margin-top: 2.5em;
}

.product__capabilities-detail-image {
  margin-top: calc(var(--fluid-size) * 6);
}
.product__capabilities-detail-image::before {
  padding-top: 52.3364485981%;
}

.product__tech {
  position: relative;
}

.product__tech-image::before {
  padding-top: 41.6666666667%;
}

.product__tech-content {
  position: absolute;
  top: 34%;
  right: 19%;
}

.product__tech-title {
  width: 10.6875em;
  line-height: 1.2;
}

.product__tech-desc {
  width: 17.375em;
  margin-top: 1.875em;
}

.product__banner {
  position: relative;
}

.product__banner-image::before {
  padding-top: 41.6666666667%;
}
.product__banner-image video {
  pointer-events: none;
}

.product__banner-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  z-index: 50;
}

.product__banner-title {
  margin-bottom: 0.1842105263em;
}

.product-dl__teach {
  background-color: #EFEFEF;
}

.product-dl__teach-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 12.5%;
}

.product-dl__teach-title {
  width: 14.1875em;
  color: var(--color-primary);
}

.product-dl__teach-desc {
  width: 19.125em;
  margin-top: 1.875em;
}

.product-dl__teach-image {
  width: 55%;
}
.product-dl__teach-image::before {
  padding-top: 63.3270321361%;
}

.product-dl__scene {
  background-color: #f8f8f8;
}

.product-dl__scene-wrapper {
  position: relative;
}

.product-dl__scene-image::before {
  padding-top: 48.6111111111%;
}

@media (min-width: 1025px) {
  .product-dl__scene-content {
    position: absolute;
    left: 3.4%;
    bottom: 14%;
    z-index: 100;
  }
}
.product-dl__scene-desc {
  width: 21.875em;
  margin-top: 2.1875em;
}

.product-pilot__hero {
  position: relative;
}

.product-pilot__hero-image::before {
  padding-top: 41.6666666667%;
}

.product-pilot__hero-content {
  position: absolute;
  right: 24%;
  top: 46%;
  width: calc(var(--fluid-size) * 20);
  text-align: center;
}

.product-pilot__hero-title {
  line-height: 1;
  margin-top: 0.1458333333em;
  margin-bottom: 0.2083333333em;
}

.product-pilot__force {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
}

.product-pilot__force-content {
  position: absolute;
  left: 23%;
  top: 43%;
}

.product-pilot__force-desc {
  width: 13.75em;
  margin-top: 2.5em;
}

.product-pilot__force-image {
  width: 46%;
}
.product-pilot__force-image::before {
  padding-top: 98.5310734463%;
}

.product-pilot__handle-image {
  width: 60%;
}
.product-pilot__handle-image::before {
  padding-top: 68.9655172414%;
}

.product-pilot__handle-content {
  position: absolute;
  top: 36%;
  right: 11%;
  width: calc(var(--fluid-size) * 22.7);
}

.product-pilot__handle-desc {
  margin-top: 2.5em;
  width: 19.0625em;
}

.product-pilot__safety-image {
  background-color: #fff;
}
.product-pilot__safety-image::before {
  padding-top: 48.6111111111%;
}

.product-pilot__safety-content {
  position: absolute;
  left: 11%;
  top: 39%;
}

.product-pilot__safety-desc {
  width: 21.875em;
  margin-top: 1.75em;
}

.product-evo__match-image {
  width: 67%;
}
.product-evo__match-image::before {
  padding-top: 61.919504644%;
}

.product-evo__match-content {
  position: absolute;
  right: 12.5%;
  top: 47.5%;
  width: calc(var(--fluid-size) * 11.8);
  text-align: right;
}

.product-evo__match-desc {
  margin-top: 2.5em;
}

.product-evo__protect-image::before {
  padding-top: 41.6666666667%;
}

.product-evo__protect-content {
  position: absolute;
  left: 20%;
  top: 50%;
  transform: translateY(-50%);
  width: 24%;
  z-index: 100;
}

.product-evo__protect-desc {
  color: #fff;
  width: 19.125em;
  margin-top: 2.5em;
}

.product-tr__speed {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.product-tr__speed-image {
  width: 46%;
}
.product-tr__speed-image::before {
  padding-top: 90.8988764045%;
}

.product-tr__speed-content {
  width: 18%;
  position: absolute;
  left: 15%;
  top: 42%;
}

.product-tr__speed-desc {
  margin-top: 2.5em;
}

.product-tr__load {
  background-color: #efefef;
  position: relative;
}

.product-tr__load-image {
  width: 42%;
}
.product-tr__load-image::before {
  padding-top: 100%;
}

.product-tr__load-content {
  position: absolute;
  right: 18%;
  top: 36%;
}

.product-tr__load-desc {
  width: 19.0625em;
  margin-top: 2.8125em;
}

.product-tr__value-image::before {
  padding-top: 48.6111111111%;
}

@media (min-width: 1025px) {
  .product-tr__value-content {
    position: absolute;
    right: 3.4%;
    top: 24%;
  }
}
.product-tr__value-title {
  width: 14.1875em;
}

.product-tr__value-desc {
  width: 21.875em;
  color: #fff;
  margin-top: 2.5em;
}

.product-tr__expand {
  background-color: #efefef;
  position: relative;
}

.product-tr__expand-image {
  width: 56%;
}
.product-tr__expand-image::before {
  padding-top: 73.9371534196%;
}

.product-tr__expand-content {
  position: absolute;
  right: 12.7%;
  top: 41%;
}

.product-tr__expand-title {
  width: 14.1875em;
}

.product-tr__expand-desc {
  width: 21.875em;
  margin-top: 2.5em;
}

.product-srd__banner {
  position: relative;
}

.product-srd__banner-image::before {
  padding-top: 41.6666666667%;
}

.product-srd__banner-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 16.15%;
  text-align: center;
}

.product-srd__banner-desc {
  margin-top: 1.3636363636em;
}

.product-srd__precision {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
}

.product-srd__precision-image {
  width: 53%;
}
.product-srd__precision-image::before {
  padding-top: 80.2775024777%;
}

.product-srd__precision-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12.5%;
}

.product-srd__precision-desc {
  width: 23.125em;
  margin-top: 2.5em;
}

.product-srd__power-image::before {
  padding-top: 41.6666666667%;
}

.product-srd__power-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 15%;
  text-align: center;
}

.product-srd__power-desc {
  margin-top: 2.5em;
}

.product-srd__craft-image::before {
  padding-top: 48.6111111111%;
}

@media (min-width: 1025px) {
  .product-srd__craft-content {
    position: absolute;
    left: 6%;
    top: 19%;
    z-index: 10;
  }
}
.product-srd__craft-desc {
  width: 21.875em;
  color: #fff;
  margin-top: 2.5em;
}

@media (min-width: 1025px) {
  .img-scale img {
    transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .img-scale:hover img {
    transform: scale(1.02);
  }
  .product__feature-image img,
  .product-evo__match-image img,
  .product__feature-image img,
  .product-dl__teach-image img {
    transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .product__feature-image:hover img,
  .product-evo__match-image:hover img,
  .product__feature-image:hover img,
  .product-dl__teach-image:hover img {
    transform: scale(1.02);
  }
  .product_hero-tag span,
  .product_hero-tag .tag-link {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .product_hero-tag span:hover,
  .product_hero-tag .tag-link:hover {
    color: var(--color-gray);
  }
  .product-list .item-tags span,
  .product-list .item-tags .tag-link, .product-list .item-tags .tag-link .item-tags span,
  .product-list .item-tags .tag-link .item-tags .tag-link {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .product-list .item-tags span:hover,
  .product-list .item-tags .tag-link:hover, .product-list .item-tags .tag-link .item-tags span:hover,
  .product-list .item-tags .tag-link .item-tags .tag-link:hover {
    color: var(--color-gray);
  }
  .table__scroll-progress {
    display: none;
  }
  .product-pilot__force-title {
    max-width: 19em;
  }
  html[lang=en-US] .product__feature-title {
    max-width: 70%;
  }
  html[lang=en-US] .product__capabilities-detail-title,
  html[lang=en-US] .product__capabilities-detail-desc,
  html[lang=en-US] .product-evo__advantages-detail-desc,
  html[lang=en-US] .product-tr__advantages-detail-title,
  html[lang=en-US] .block-advantages__detail-desc,
  html[lang=en-US] .block-advantages__detail-desc {
    width: auto;
  }
  html[lang=en-US] .product__tech-title,
  html[lang=en-US] .product__tech-desc {
    width: 26vw;
  }
  html[lang=en-US] .product__showcase-desc {
    width: 60%;
  }
  html[lang=en-US] .product__gallery-content {
    width: 20em;
  }
  html[lang=en-US] .product-evo__match-content {
    width: calc(var(--fluid-size) * 18.5);
  }
  html[lang=en-US] .product-evo__protect-desc {
    width: 34em;
  }
  html[lang=en-US] .product-dl__teach-desc {
    width: 36em;
  }
  html[lang=en-US] .product-pilot__force-desc,
  html[lang=en-US] .product-pilot__handle-desc {
    width: 28em;
  }
}
@media (max-width: 1024px) {
  .product_hero-image::before {
    padding-top: 170%;
  }
  .product__hero-series {
    font-size: 9.765625vw;
    left: 5%;
    bottom: 5%;
  }
  .product_hero-content {
    top: 20%;
    left: 5%;
    right: auto;
    bottom: auto;
    max-width: 100%;
  }
  .product-list .item-image::before {
    padding-top: 170%;
  }
  .product-list .item-content {
    top: 5% !important;
    left: 5% !important;
    right: 5% !important;
    transform: translateY(0);
    max-width: 100%;
    width: auto;
  }
  .product-srd__banner-image::before {
    padding-top: 120%;
  }
  .product-srd__precision {
    position: relative;
    background-color: #efefef;
    padding-top: 27.34375vw;
  }
  .product-srd__precision-image {
    width: 100%;
  }
  .product-srd__precision-content {
    left: 5%;
    top: 8%;
    right: 5%;
    transform: translateY(0);
    text-align: center;
  }
  .product-srd__precision-desc {
    margin-left: auto;
    margin-right: auto;
  }
  .product-evo__advantages-image,
  .product-pilot__advantages-image,
  .product-tr__advantages-image,
  .product-srd__advantages-image {
    margin-left: 0;
    width: 80%;
  }
  .product__advantages-header,
  .block-advantages__header {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 3.41796875vw;
  }
  .product-pilot__advantages-name,
  .product-srd__advantages-name,
  .product-tr__advantages-name {
    width: 100%;
    margin-bottom: 1em;
  }
  .block-advantages__intro {
    width: 60%;
    align-items: flex-start;
    align-content: space-between;
  }
  .block-advantages__detail {
    width: 40%;
  }
  .product-pilot__advantages-detail-title {
    margin-bottom: 2em;
    margin-top: 0;
  }
  .product-srd__advantages-desc {
    width: auto;
  }
  .product-srd__advantages-info {
    margin-top: 21.484375vw;
  }
  .product-tr__advantages-detail-image {
    margin-top: 13.671875vw;
  }
  .product-evo__advantages-detail-title {
    margin-bottom: 1em;
  }
  .block-advantages__detail-image {
    margin-top: 7.8125vw;
  }
  .product-evo__advantages-detail-desc {
    width: auto;
  }
  .product__specs {
    overflow: hidden;
  }
  .product__specs-tables {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .product__specs-tables::-webkit-scrollbar {
    display: none;
  }
  .product__specs-tables table {
    width: 1100px !important;
  }
  .table-scroll__bar {
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 1000;
  }
  .table-scroll__bar.is-visible {
    opacity: 1;
  }
  .table-scroll__thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #8b8b8b;
    transition: transform 0.1s linear;
  }
  .product-srd__power-image::before {
    padding-top: 160%;
  }
  .product-srd__power-content {
    top: 50%;
    transform: translateY(-50%);
  }
  .product-srd__craft-image::before {
    padding-top: 77.3333333333%;
  }
  .product__banner-image:not(.is-video)::before {
    padding-top: 160%;
  }
  .product-tr__speed {
    flex-direction: column-reverse;
  }
  .product-tr__speed-content {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    padding: 9.765625vw 5%;
  }
  .product-tr__speed-image {
    width: 100%;
  }
  .product-tr__load,
  .product-tr__expand {
    padding-top: 9.765625vw;
  }
  .product-tr__expand-image,
  .product-tr__load-image {
    width: 100%;
  }
  .product-tr__expand-content,
  .product-tr__load-content {
    left: 5%;
    right: 5%;
    top: 8%;
  }
  .product-tr__load-image::before {
    padding-top: 160%;
  }
  .product-tr__value-image::before {
    padding-top: 74.9333333333%;
  }
  .product-tr__value-title {
    width: auto;
  }
  .product-pilot__hero-image::before {
    padding-top: 120%;
  }
  .product-pilot__hero-image img {
    object-position: 40% center;
  }
  .product-pilot__hero-content {
    right: 5%;
    left: 5%;
    top: 15%;
    width: auto;
    text-align: center;
  }
  .product-pilot__force-image {
    width: 100%;
  }
  .product-pilot__force-content {
    left: 5%;
    top: 8%;
    right: 5%;
  }
  .product-pilot__handle {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .product-pilot__handle-image {
    width: 100%;
  }
  .product-pilot__handle-content {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    width: 100%;
  }
  .product-pilot__handle-desc {
    margin-left: auto;
    margin-right: auto;
  }
  .product-pilot__safety-image::before {
    padding-top: 74.9333333333%;
  }
  .product-pilot__safety-desc {
    width: 90%;
  }
  .product__hero-image::before {
    padding-top: 160%;
  }
  .product__feature {
    justify-content: flex-start;
  }
  .product__feature-image {
    width: 100%;
  }
  .product__feature-content {
    position: relative;
    left: auto;
    top: auto;
    transform: translateY(0);
    padding: 4.8828125vw 5% 13.3333333333vw 5%;
    width: 100%;
    background-color: #fff;
  }
  .product__feature-desc {
    width: auto;
  }
  .product__advantages-detail-desc {
    width: auto;
  }
  .product__advantages-detail-image {
    margin-top: 10.6666666667vw;
  }
  .product__advantages-detail {
    width: 26%;
  }
  .product__highlight-image {
    width: 100%;
  }
  .product__showcase-desc {
    width: auto;
  }
  .product__showcase-content {
    margin-bottom: 9.765625vw;
  }
  .product__gallery-swiper {
    width: 90%;
  }
  .product__gallery-content {
    left: 3%;
    right: 3%;
    top: auto;
    bottom: 3%;
    width: 94%;
  }
  .product__gallery-title {
    margin-bottom: 0.5em;
  }
  .product__capabilities-bg::before {
    padding-top: 160%;
  }
  .product__capabilities-content {
    position: relative;
    width: 100%;
    bottom: auto;
    right: auto;
    padding: 9.756097561vw 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product__capabilities-name {
    bottom: auto;
    top: 5%;
    left: 5%;
  }
  .product__capabilities-detail {
    width: 66%;
  }
  .product__capabilities-detail-image {
    width: 32%;
    margin-top: 0;
  }
  .product__capabilities-title {
    left: 5%;
    top: 0;
  }
  .product__capabilities-detail-desc {
    width: 90%;
  }
  .product__tech-image::before {
    padding-top: 166.6666666667%;
  }
  .product__tech-content {
    top: 15%;
    left: 5%;
    right: 5%;
  }
  .product__tech-desc {
    width: 90%;
  }
  .product-evo__match {
    padding-top: 15.625vw;
  }
  .product-evo__match-image {
    width: 100%;
  }
  .product-evo__match-content {
    right: 5%;
    top: 8%;
  }
  .product-evo__protect-image::before {
    padding-top: 160%;
  }
  .product-evo__protect-content {
    left: 5%;
    top: 4%;
    right: 5%;
    width: auto;
    transform: translateY(0);
  }
  .product-evo__protect-desc {
    width: 90%;
  }
  .product-dl__advantages-detail-title {
    margin-bottom: 1em;
  }
  .block-advantages__detail-desc {
    width: auto;
  }
  .product-dl__teach-container {
    padding-left: 0;
  }
  .product-dl__teach-image {
    width: 100%;
  }
  .product-dl__teach-content {
    padding: 9.765625vw 5%;
  }
  .product-dl__teach-desc {
    width: 90%;
  }
  .product-dl__scene-image::before {
    padding-top: 74.9333333333%;
  }
  .product-tr__speed-title {
    width: 80%;
  }
  .product__advantages-intro {
    align-items: flex-start;
    align-content: space-between;
  }
  .product__banner-content {
    transform: translateY(0);
    top: 18%;
    color: #000;
  }
  .product-tr__value-title {
    margin-top: 1em;
  }
  .product-tr__value-desc,
  .product-srd__craft-desc {
    color: var(--color-gray);
  }
  .product-dl__scene-wrapper {
    flex-direction: column-reverse;
    display: flex;
    flex-wrap: wrap;
  }
  .product-dl__scene-content {
    margin-top: 2em;
    width: 100%;
  }
  .product-dl__scene-image {
    width: 100%;
  }
  .product-pilot__safety-content {
    left: 5%;
    top: 4%;
  }
  .product-srd__craft-content {
    margin-top: 2em;
  }
}
@media (max-width: 500px) {
  .block-advantages__intro {
    width: 55%;
  }
  .block-advantages__detail {
    width: 45%;
  }
  .product__specs-table-wrap table {
    width: 800px !important;
  }
  .product-srd__power-desc {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .product-tr__value-desc {
    width: 90%;
  }
  .product-srd__craft-desc {
    width: 90%;
  }
  .product-pilot__force-desc {
    margin-top: 1.2em;
  }
  .product-pilot__safety-desc,
  .product-dl__scene-desc,
  .product-evo__protect-desc,
  .product-tr__expand-desc,
  .product__feature-desc,
  .product-srd__precision-desc {
    margin-top: 1.4em;
  }
  .product-srd__banner-desc {
    margin-top: 0.8em;
  }
  .product-tr__load,
  .product-tr__expand {
    padding-top: 17.578125vw;
  }
  .product-pilot__safety-content {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    padding: 9.765625vw 0;
  }
  .os-theme-thin .os-scrollbar-horizontal {
    --os-size: 4px;
    padding: 0;
  }
  .os-theme-thin .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0;
  }
  .os-theme-thin:hover .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.35);
  }
  .os-theme-thin.os-scrollbar-rtl .os-scrollbar-handle {
    border-radius: 0;
  }
  .product-pilot__force-content {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    margin: 1em 5% 3em 5%;
  }
  html[lang=en-US] .product_hero-content {
    top: 14%;
  }
  html[lang=en-US] .product_hero-desc {
    width: 90%;
  }
  html[lang=en-US] .product__capabilities-detail-title {
    width: 80%;
  }
  html[lang=en-US] .product__tech-title {
    width: 90%;
  }
  html[lang=en-US] .product-evo__match-content {
    width: 90%;
  }
  html[lang=en-US] .product-evo__match-desc {
    margin-top: 0.8em;
    width: 20em;
    margin-left: auto;
  }
  html[lang=en-US] .product-pilot__force-desc {
    width: 17em;
  }
  html[lang=en-US] .product-pilot__advantages-detail-title {
    margin-bottom: 1em;
  }
}
.news__hero {
  position: relative;
}

.news__hero-link {
  background-color: #e5e5e5;
  padding: calc(var(--fluid-size) * 5) 0;
  display: block;
}

.news__hero-image {
  width: 48%;
}
.news__hero-image::before {
  padding-top: 56.2037037037%;
}

.news__hero-content {
  width: 52%;
}

.news__hero-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.news__hero-title {
  width: 80%;
}

.news__hero-desc {
  width: 80%;
  margin-top: 1.7142857143em;
}

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

.news__featured {
  width: calc(63% - var(--fluid-size) * 0.5);
}

.news__sidebar {
  width: calc(37% - var(--fluid-size) * 0.5);
}

.news__featured-link {
  position: relative;
  display: block;
}

.news__featured-image {
  font-size: 0;
}
.news__featured-image::before {
  padding-top: 56.2222222222%;
}

@media (min-width: 1025px) {
  .news__featured-content {
    position: absolute;
    left: 1.3157894737em;
    right: 1.3157894737em;
    bottom: 10%;
    color: #fff;
  }
}
.news__featured-title {
  width: 90%;
}

.news__featured-desc {
  width: 90%;
  margin-top: 1.4285714286em;
}

.news__sidebar-item {
  margin-bottom: calc(var(--fluid-size) * 1);
}
.news__sidebar-item:last-child {
  margin-bottom: 0;
}

.news__list-image::before,
.news__sidebar-image::before {
  padding-top: 46.1538461538%;
}

.news__featured-image::after,
.news__sidebar-image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.news__sidebar-link {
  display: block;
  position: relative;
}

.news__sidebar-title {
  width: 90%;
}

.news__sidebar-desc {
  width: 90%;
  margin-top: 1.1428571429em;
}

.news__list-content {
  margin-top: 0.8em;
  max-width: 90%;
}

.news__list-desc {
  margin-top: 1.5em;
}

@media (min-width: 1025px) {
  .news__hero-link:hover .news__hero-title {
    color: var(--color-primary);
  }
  .news__hero-link:hover .news__hero-image img {
    transform: scale(1.01);
  }
  .news__hero-image img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .news__hero-title {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .news__sidebar-content {
    position: absolute;
    left: 1.25em;
    bottom: 1.25em;
    color: #fff;
  }
  .news__list-image img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .news__list-title {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .news__list-link:hover .news__list-image img {
    transform: scale(1.04);
  }
  .news__list-link:hover .news__list-title {
    color: var(--color-primary);
  }
  .news__sidebar-image img,
  .news__featured-image img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .news__featured-link:hover .news__featured-image img {
    transform: scale(1.02);
  }
  .news__sidebar-link:hover .news__sidebar-image img {
    transform: scale(1.04);
  }
}
@media (max-width: 1024px) {
  .news__hero-image {
    width: 100%;
  }
  .news__hero-content {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
  .news__hero-title,
  .news__hero-desc {
    width: 90%;
  }
  .news__featured {
    width: 100%;
    margin-bottom: 8vw;
  }
  .news__featured-content {
    margin-top: 0.8em;
  }
  .news__sidebar {
    width: 100%;
  }
  .news__sidebar-content {
    margin-top: 4vw;
  }
  .news__sidebar-item,
  .news__list-item {
    margin-bottom: 8vw;
  }
  .news__featured-desc,
  .news__sidebar-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news__content {
    margin-top: 8vw;
  }
  .news__list-content {
    max-width: 90%;
  }
  .news__list-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 500px) {
  .news__featured,
  .news__sidebar-item,
  .news__list .news__list-item {
    margin-bottom: 12vw;
  }
  .news__sidebar-item:last-child {
    margin-bottom: 8vw;
  }
}
.page-cases .header {
  background-color: #fff;
}

.cases__hero {
  position: relative;
}

.cases__hero-bg::before,
.cases-detail__hero-bg::before {
  padding-top: 40.1041666667%;
}

.cases__hero-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  color: #fff;
}

.cases__filter-list {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.cases__filter-item {
  padding: 0 1em;
  margin-bottom: 3em;
}
.cases__filter-item.is-active .cases__filter-icon .img-d {
  opacity: 0;
}
.cases__filter-item.is-active .cases__filter-icon .img-h {
  opacity: 1;
}

.cases__filter-icon {
  width: 3.2em;
  margin-left: auto;
  margin-right: auto;
}
.cases__filter-icon::before {
  padding-top: 100%;
}
.cases__filter-icon img {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.cases__filter-icon .img-h {
  opacity: 0;
}

.cases__filter-label {
  margin-top: 1.2em;
  display: block;
  color: #001E40;
}

.cases__main {
  background-color: #F3F4F5;
}

.cases__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.cases__header-en {
  line-height: 1.1428571429;
  color: #FF6B00;
  letter-spacing: 1.4px;
}

.cases__card {
  display: block;
  height: 100%;
  background-color: #fff;
}

.cases__card-content {
  min-height: 8.2em;
  padding: 1.9em 1.2em;
}

.cases__card-title {
  line-height: 1.4;
  margin-bottom: 0.7em;
  color: #001E40;
}

.cases__card-desc {
  line-height: 1.4285714286;
}

.cases__card-image::before {
  padding-top: 51.2820512821%;
}

.cases-detail__hero {
  background-color: #f8fafc;
}

.cases-detail__back {
  display: inline-flex;
  align-items: center;
  background-color: #00508E;
  height: 2.5714285714em;
  padding: 0 1.7142857143em;
}

.cases-detail__back-text {
  color: #fff;
}

.cases-detail__back-text {
  margin-left: 0.5714285714em;
}

.cases-detail__overview-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cases-detail__overview-content {
  width: 48.65%;
}

.cases-detail__overview-image {
  width: 48.45%;
}
.cases-detail__overview-image::before {
  padding-top: 67.4304418985%;
}

.cases-detail__title {
  position: relative;
  padding-left: 0.75em;
}
.cases-detail__title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.125em;
  height: 100%;
  background-color: #00508E;
}

.cases-detail__desc {
  line-height: 1.625;
}

.cases-detail__model {
  border-top: 1px solid #E2E8F0;
  width: 100%;
  padding-bottom: 1.25em;
}

.cases-detail__model-name {
  color: #00508E;
}

.cases-detail__model-label {
  color: #717782;
}

.cases-detail__body {
  background-color: #F6F3F2;
}

.cases-detail__body-content img {
  width: 100%;
}

@media (min-width: 1025px) {
  .cases__filter-link:hover .cases__filter-icon .img-d {
    opacity: 0;
  }
  .cases__filter-link:hover .cases__filter-icon .img-h {
    opacity: 1;
  }
  .cases__header-more {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .cases__header-more:hover {
    color: #00508E;
  }
  .cases__card-image img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .cases__card-title {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .cases__card:hover .cases__card-title {
    color: #00508E;
  }
  .cases__card:hover .cases__card-image img {
    transform: scale(1.04);
  }
  .cases-detail__back {
    transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .cases-detail__back:hover {
    background-color: #000;
  }
}
@media (max-width: 1024px) {
  .cases__hero-bg::before,
  .cases-detail__hero-bg::before {
    padding-top: 160%;
  }
  .cases__hero-content {
    top: 14%;
    transform: translateY(0);
  }
  .cases-detail__overview-container {
    flex-direction: column-reverse;
  }
  .cases-detail__overview-content,
  .cases-detail__overview-image {
    width: 100%;
  }
  .cases-detail__overview-content {
    margin-top: 6.6666666667vw;
  }
}
.page-head {
  height: 2.5em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #424752;
  line-height: 1;
}

.software__intro {
  position: relative;
}

.software__intro-image::before {
  padding-top: 45.3125%;
}

.software__title {
  text-align: center;
}

.software__body {
  color: #808080;
  line-height: 1.4;
}
.software__body h5 {
  font-weight: 300;
}
.software__body strong {
  font-weight: 700;
}

.software-app__hero {
  position: relative;
}

.software-app__hero-bg::before {
  padding-top: 40.1041666667%;
}

.software-app__hero-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 22%;
  z-index: 50;
}

.software-app__hero-title {
  color: #111827;
  margin-bottom: 0.625em;
}

.software-app__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
}

.software-app__breadcrumb-item {
  color: #6B7280;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0.7142857143em;
  transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.software-app__breadcrumb-item:last-child .software-app__breadcrumb-sep {
  display: none;
}
.software-app__breadcrumb-item.is-active {
  color: #111827;
}

.software-app__breadcrumb-sep {
  margin-left: 0.8571428571em;
}

.software-app__section-title {
  position: relative;
  padding-left: 0.7333333333em;
}
.software-app__section-title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.1333333333em;
  height: 100%;
  background-color: #005EB8;
}

.software-app__motoplus-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.software-app__motoplus-content {
  width: 56%;
}

.software-app__motoplus-image {
  width: 40%;
  margin-bottom: calc(var(--fluid-size) * 1.3);
}
.software-app__motoplus-image::before {
  padding-top: 99.0234375%;
}

.software-app__motoplus-body {
  line-height: 1.5;
  color: #333;
}
.software-app__motoplus-body h3 {
  color: #005EB8;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.8em;
}

.software-app__features {
  padding: calc(var(--fluid-size) * 1.5) calc(var(--fluid-size) * 1.2) calc(var(--fluid-size) * 1.2) calc(var(--fluid-size) * 1.2);
  margin-top: calc(var(--fluid-size) * 0.9);
  border-radius: 8px;
  background-color: #F9FAFB;
}

.software-app__features-title {
  color: #333;
  margin-bottom: 0.625em;
}

.software-app__feature {
  position: relative;
  padding-left: 2.25em;
  margin-bottom: 1em;
}
.software-app__feature:last-child {
  margin-bottom: 0;
}

.software-app__feature-num {
  position: absolute;
  left: 0;
  top: 0.3333333333em;
  width: 1.6666666667em;
  height: 1.6666666667em;
  background-color: #005EB8;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.software-app__feature-heading {
  line-height: 1.5;
  color: #333;
}

.software-app__feature-desc {
  line-height: 1.4;
  color: #4B5563;
}

.software-app__highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(var(--fluid-size) * 1.2);
  margin-bottom: calc(var(--fluid-size) * 1.2);
}

.software-app__highlight {
  padding: calc(var(--fluid-size) * 0.8);
  border-radius: 8px;
  border: 1px solid #F3F4F6;
}

.software-app__highlight-title {
  color: #005EB8;
  margin-bottom: 0.5em;
}

.software-app__highlight-desc {
  color: #4B5563;
}

.software-app__function {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.software-app__system-content {
  width: 65%;
}

.software-app__system {
  line-height: 1.4;
  color: #6B7280;
}
.software-app__system img {
  width: 100%;
}

.software-app__performance {
  width: 30%;
  padding: calc(var(--fluid-size) * 0.8);
  border: 1px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.software-app__performance-title {
  color: #1F2937;
  position: relative;
  padding-bottom: 0.625em;
  margin-bottom: 1em;
  border-bottom: 1px solid #E5E7EB;
}

.software-app__performance-body img {
  width: 100%;
  margin-bottom: 0.6666666667em;
}
.software-app__performance-body p {
  line-height: 1.3;
  font-style: italic;
  color: #9CA3AF;
}

.software-app__config {
  border-radius: 8px;
  background-color: #F9FAFB;
  padding: calc(var(--fluid-size) * 1.2);
}

.software-app__config-title {
  color: #005EB8;
}

.software-app__config-body {
  margin-top: 1.2142857143em;
}
.software-app__config-body ul {
  display: flex;
  flex-wrap: wrap;
}
.software-app__config-body li {
  width: 50%;
  color: #374151;
  position: relative;
  padding-left: 1.1428571429em;
  margin-bottom: 0.5714285714em;
}
.software-app__config-body li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.3571428571em;
  width: 0.4285714286em;
  height: 0.4285714286em;
  background-color: #005EB8;
  border-radius: 50%;
}

@media (min-width: 1025px) {
  .software__intro-content {
    position: absolute;
    left: 6.25%;
    top: 13.78%;
    width: 45%;
    z-index: 100;
  }
  .software-app__breadcrumb-item:hover {
    color: #111827;
  }
}
@media (max-width: 1024px) {
  .software__intro-image::before {
    padding-top: 90%;
  }
  .software__intro-image img {
    object-position: right center;
  }
  .software-app__hero-bg::before {
    padding-top: 160%;
  }
  .software-app__hero-content {
    top: 14%;
  }
  .software__intro-content {
    padding: 9.3333333333vw 0;
    margin-bottom: 10.6666666667vw;
  }
  .software-app__motoplus-content,
  .software-app__motoplus-image {
    width: 100%;
  }
  .software-app__motoplus-image {
    margin-bottom: 0;
    margin-top: 8vw;
  }
  .software-app__highlights {
    grid-template-columns: repeat(2, 1fr);
  }
  .software-app__system-content {
    width: 100%;
  }
  .software-app__performance {
    width: 60%;
  }
}
@media (max-width: 500px) {
  .software-app__performance {
    width: 100%;
  }
}
.training__hero {
  position: relative;
}

.training__hero-bg {
  width: 100%;
}
.training__hero-bg::before {
  padding-top: 40.1041666667%;
}

.training__hero-title {
  position: absolute;
  left: 26%;
  top: 50%;
  transform: translateY(-50%);
  color: #1F2937;
}

.training__type-image {
  width: 2.1333333333em;
  margin-left: auto;
  margin-right: auto;
}
.training__type-image::before {
  padding-top: 100%;
}

.training__type-title {
  color: #333;
  margin-top: 0.6666666667em;
}

.training__type-desc {
  line-height: 1.375;
  color: #6B7280;
  margin-top: 1.25em;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.training__courses {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 1.5em;
  padding-bottom: calc(var(--fluid-size) * 1.5);
}

.training__course {
  border-radius: 8px;
  border: 1px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 2em;
  position: relative;
  margin-bottom: calc(var(--fluid-size) * 3);
}

.training__course-tag {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  background-color: #5BC0DE;
  color: #fff;
  height: 2em;
  padding: 0 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -11px;
  left: 11px;
}

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

.training__course-name {
  color: #333;
  line-height: 1.5555555556;
  margin-bottom: 1.7777777778em;
}

html[lang=en-US] .training__course-name {
  line-height: 1.25;
}

.training__course-text {
  color: #6B7280;
}
.training__course-text p {
  margin-bottom: 1.6666666667em;
}
.training__course-text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .training__hero-bg::before {
    padding-top: 160%;
  }
  .training__hero-title {
    left: 5%;
    top: 14%;
    transform: translateY(0);
  }
  .training__courses {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 750px) {
  .training__courses {
    grid-template-columns: repeat(2, 1fr);
  }
  .training__course {
    margin-bottom: calc(var(--fluid-size) * 2);
  }
  .training__type-desc {
    width: 90%;
  }
}
.repair__hero {
  position: relative;
}

.repair__hero-bg {
  width: 100%;
}
.repair__hero-bg::before {
  padding-top: 41.1458333333%;
}

.repair__hero-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 22%;
  z-index: 100;
}

.repair__hero-title {
  letter-spacing: 0.05em;
  color: #333;
  position: relative;
  padding-bottom: 0.4583333333em;
}
.repair__hero-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1em;
  height: 0.0833333333em;
  background-color: #005BAC;
}

.repair__faq-title,
.repair__process-title {
  color: #333;
}

.repair__faq-desc,
.repair__process-desc {
  line-height: 1.4285714286;
  color: #666;
  margin-top: 0.7142857143em;
}

.repair__file {
  margin-bottom: calc(var(--fluid-size) * 0.8);
}

.repair__file-link {
  border-radius: 2px;
  background-color: #F5F5F5;
  padding: 1.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.repair__file-icon {
  width: 2.5em;
}
.repair__file-icon::before {
  padding-top: 157.5%;
}

.repair__file-badge-label {
  font-size: 0.625em;
  font-weight: 700;
  width: 2.8em;
  height: 2em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  color: #fff;
  margin-bottom: 0.8em;
}

.repair__file-badge-icon {
  width: 2.125em;
  height: auto;
}

.repair__file-info {
  width: calc(100% - 2.5em);
  padding-left: 1.5em;
}

.repair__file-name {
  color: #005BAC;
  line-height: 1.5;
  margin-bottom: 0.25em;
}

.repair__file-meta {
  color: #666;
  display: flex;
  flex-wrap: wrap;
}
.repair__file-meta span {
  position: relative;
  padding-left: 1.5em;
  margin-right: 1.6666666667em;
}
.repair__file-meta span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 1em;
}

.repair__file-size::before {
  background: url(../upload/repair/size.svg) no-repeat center center;
  background-size: contain;
}

.repair__file-count::before {
  background: url(../upload/repair/file.svg) no-repeat center center;
  background-size: contain;
}

.repair__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 calc(var(--fluid-size) * 1.5);
}

.repair__step {
  border: 1px solid #005BAC;
  background-color: #FFF;
  padding: 2.2857142857em;
  margin-bottom: calc(var(--fluid-size) * 1.5);
  position: relative;
}
.repair__step::after {
  content: "";
  display: block;
  position: absolute;
  right: -0.875em;
  bottom: 0.25em;
  width: 0.5em;
  height: 0.5em;
  background-color: #005BAC;
  opacity: 0.5;
}
.repair__step:last-child::after {
  display: none;
}

.repair__step-image {
  width: 5.7142857143em;
  margin-left: auto;
  margin-right: auto;
}
.repair__step-image::before {
  padding-top: 100%;
}

.repair__step-text {
  text-align: center;
  line-height: 1.5714285714;
  margin-top: 1.5714285714em;
}

.repair__step-email {
  color: #005BAC;
}

@media (min-width: 1025px) {
  .repair__file-link {
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .repair__file-link:hover {
    opacity: 0.7;
  }
}
@media (max-width: 1024px) {
  .repair__hero-bg {
    width: 100%;
  }
  .repair__hero-bg::before {
    padding-top: 160%;
  }
  .repair__hero-content {
    top: 14%;
  }
  .repair__steps {
    grid-template-columns: repeat(1, 1fr);
  }
  .repair__step:after {
    display: none;
  }
}
.spare-parts__hero {
  background-color: #F9F9FC;
  border-bottom: 1px solid #E9ECEF;
}

.spare-parts__hero-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.spare-parts__hero-content {
  width: 40%;
}

.spare-parts__hero-subtitle,
.spare-parts__hero-title {
  color: #00478D;
}

.spare-parts__hero-subtitle {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.spare-parts__hero-title {
  margin-top: 0.125em;
  margin-bottom: 0.4285714286em;
  color: #424752;
}

.spare-parts__hero-image {
  width: 47%;
}
.spare-parts__hero-image::before {
  padding-top: 100%;
}

.spare-parts__guide {
  background-color: #F9F9FC;
  padding: calc(var(--fluid-size) * 1.6) 0;
}

.spare-parts__guide-container {
  border-radius: 4px;
  border: 1px solid #E9ECEF;
  background-color: #F8F9FA;
  padding: calc(var(--fluid-size) * 2);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.spare-parts__guide-title {
  color: #00478D;
}

.spare-parts__guide-desc {
  color: #424752;
  max-width: 47.625em;
  margin-top: 1em;
}

.spare-parts__levels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--fluid-size) * 1.2);
}

.spare-parts__level {
  border-radius: 2px;
  border: 1px solid rgba(194, 198, 212, 0.3);
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  padding: 1.5em;
}

.spare-parts__guide-content {
  width: 67%;
}

.spare-parts__notice {
  width: 31.5%;
  border-radius: 0 4px 4px 0;
  border-left: 0.4444444444em solid #EAB308;
  background-color: #FFF9DB;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.3333333333em 1.5555555556em;
}

.spare-parts__notice-header {
  display: flex;
  align-items: center;
  color: #92400E;
}

.spare-parts__notice-text {
  color: #92400E;
  margin-top: 1em;
}

.spare-parts__notice-icon {
  width: 1.5555555556em;
  margin-right: 0.6666666667em;
}

.spare-parts__level-tag {
  display: flex;
  align-items: center;
}

.spare-parts__level-label {
  color: #fff;
  line-height: 1;
  padding: 0 1.1428571429em;
  border-radius: 2px;
  height: 2.2857142857em;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.spare-parts__level-name {
  color: #1A1C1E;
  margin-left: 0.875em;
}

.spare-parts__level-desc {
  margin-top: 0.8571428571em;
  color: #424752;
  line-height: 1.4285714286;
}

.spare-parts__catalog {
  background-color: #F9F9FC;
}

.spare-parts__catalog-toolbar {
  border-bottom: 1px solid #E9ECEF;
  background-color: #fff;
  padding: calc(var(--fluid-size) * 1.6) calc(var(--fluid-size) * 2);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.spare-parts__catalog-header {
  display: flex;
  align-items: center;
}

.spare-parts__catalog-title {
  margin-left: 1em;
}

.spare-parts__catalog-icon {
  width: 1.4375em;
  height: auto;
}

.spare-parts__search {
  position: relative;
}

.spare-parts__search-input {
  border-radius: 2px;
  border: 1px solid #C2C6D4;
  background-color: #F8F9FA;
  padding: 0.8571428571em 1.1428571429em 0.8571428571em 3.4285714286em;
  outline: none;
  width: 27.1428571429em;
}
.spare-parts__search-input::placeholder {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.spare-parts__search-input:focus::placeholder {
  opacity: 0;
}

.spare-parts__search-btn {
  position: absolute;
  left: 1.4285714286em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2857142857em;
  height: auto;
}
.spare-parts__search-btn svg {
  width: 100%;
  height: auto;
}

.spare-parts__table-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #E9ECEF;
  background-color: #f8f9fa;
}
.spare-parts__table-head .spare-parts__table-cell {
  letter-spacing: 1px;
  color: #424752;
}

.spare-parts__table-head .spare-parts__table-cell,
.spare-parts__table-body .spare-parts__table-cell {
  padding: 1.25em 2em;
}
.spare-parts__table-head .spare-parts__table-cell:nth-child(1),
.spare-parts__table-body .spare-parts__table-cell:nth-child(1) {
  width: 6%;
}
.spare-parts__table-head .spare-parts__table-cell:nth-child(2),
.spare-parts__table-body .spare-parts__table-cell:nth-child(2) {
  width: 11%;
}
.spare-parts__table-head .spare-parts__table-cell:nth-child(3),
.spare-parts__table-body .spare-parts__table-cell:nth-child(3) {
  width: 25%;
}
.spare-parts__table-head .spare-parts__table-cell:nth-child(4),
.spare-parts__table-body .spare-parts__table-cell:nth-child(4) {
  width: 16%;
}
.spare-parts__table-head .spare-parts__table-cell:nth-child(5),
.spare-parts__table-body .spare-parts__table-cell:nth-child(5) {
  width: 9%;
  text-align: center;
}
.spare-parts__table-head .spare-parts__table-cell:nth-child(6),
.spare-parts__table-body .spare-parts__table-cell:nth-child(6) {
  width: 33%;
}

.spare-parts__table-body {
  display: flex;
  flex-wrap: wrap;
  color: #424752;
}
.spare-parts__table-body .spare-parts__table-cell:nth-child(2) {
  color: #00478D;
}
.spare-parts__table-body .spare-parts__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 2.8571428571em;
  height: 2em;
  border-radius: 2px;
  color: #fff;
}
.spare-parts__table-body .spare-parts__badge--a {
  background-color: #00478D;
}
.spare-parts__table-body .spare-parts__badge--b {
  background-color: #EAB308;
}
.spare-parts__table-body .spare-parts__badge--c {
  background-color: #DC2626;
}

.spare-parts__table-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #E9ECEF;
}

.spare-parts__catalog-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  border-bottom: 1px solid #E9ECEF;
  background-color: #F8F9FA;
  padding: 1.5em 2.5em;
}
.spare-parts__catalog-footer span {
  letter-spacing: 0.1em;
  color: #00478D;
}
.spare-parts__catalog-footer img {
  width: 1em;
  height: auto;
  margin-left: 0.625em;
}

.spare-parts__cta {
  background-color: #00478D;
  color: #fff;
  padding: calc(var(--fluid-size) * 2.5) 0;
}

.spare-parts__cta-content {
  text-align: center;
}

.spare-parts__cta-desc {
  width: 54%;
  margin-left: auto;
  margin-right: auto;
  color: #D6E3FF;
  line-height: 1.5;
  margin-top: 0.875em;
}

.spare-parts__cta-actions {
  display: flex;
  justify-content: center;
  gap: 0 2em;
  line-height: 1;
}

.spare-parts__cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  height: 4em;
}

.spare-parts__cta-email {
  width: 14em;
  background-color: #fff;
  color: #00478D;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.spare-parts__cta-email img, .spare-parts__cta-email svg {
  width: 1.25em;
  position: relative;
  top: 1px;
}
.spare-parts__cta-email span {
  margin-left: 0.75em;
}

.spare-parts__cta-tel {
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 17.75em;
}
.spare-parts__cta-tel img, .spare-parts__cta-tel svg {
  width: 1.125em;
}
.spare-parts__cta-tel span {
  margin-left: 0.875em;
}

@media (min-width: 1025px) {
  .spare-parts__search-btn path {
    transition: fill 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .spare-parts__search-btn:hover path {
    fill: var(--color-primary);
  }
  .spare-parts__cta-email {
    transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .spare-parts__cta-email span {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .spare-parts__cta-email path {
    transition: fill 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .spare-parts__cta-email:hover {
    background-color: transparent;
  }
  .spare-parts__cta-email:hover path {
    fill: #fff;
  }
  .spare-parts__cta-email:hover span {
    color: #fff;
  }
  .spare-parts__cta-tel {
    transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .spare-parts__cta-tel span {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .spare-parts__cta-tel path {
    transition: fill 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .spare-parts__cta-tel:hover {
    background-color: #fff;
  }
  .spare-parts__cta-tel:hover path {
    fill: #00478D;
  }
  .spare-parts__cta-tel:hover span {
    color: #00478D;
  }
}
@media (max-width: 1024px) {
  .spare-parts__hero {
    padding-top: 16vw;
  }
  .spare-parts__hero-image,
  .spare-parts__hero-content {
    width: 100%;
  }
  .spare-parts__hero-content {
    margin-bottom: 5.3333333333vw;
  }
  .spare-parts__guide-content {
    width: 100%;
  }
  .spare-parts__levels {
    gap: 0 3.2vw;
  }
  .spare-parts__notice {
    width: 100%;
    margin-top: 2.6666666667vw;
  }
  .spare-parts__levels {
    grid-template-columns: 1fr;
  }
  .spare-parts__level {
    margin-bottom: 2.1333333333vw;
  }
  .spare-parts__cta-desc {
    width: 90%;
  }
  .spare-parts__catalog-container {
    overflow: hidden;
  }
  .spare-parts__table-wrap {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .spare-parts__table-wrap::-webkit-scrollbar {
    display: none;
  }
  .spare-parts__table {
    width: 1000px;
  }
  .spare-parts__catalog-toolbar {
    padding: 4.2666666667vw 5.3333333333vw;
  }
  .spare-parts__guide-container {
    padding: 5.3333333333vw;
  }
}
@media (max-width: 500px) {
  .spare-parts__search,
  .spare-parts__search-input {
    width: 100%;
  }
  .spare-parts__search {
    margin-top: 4vw;
  }
}
.options__teach {
  background-color: #f7f7f7;
}

.options__teach-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.options__teach-image {
  width: 53%;
}
.options__teach-image::before {
  padding-top: 84.7524752475%;
}

.options__teach-content {
  width: 47%;
  padding-right: 7%;
}

.options__teach-desc {
  color: #808080;
  margin-top: 0.6818181818em;
}

.options__teach-table {
  line-height: 1.5;
  color: #5F5F5F;
  text-align: left;
}
.options__teach-table table {
  width: 100%;
}
.options__teach-table thead th:first-child, .options__teach-table thead td:first-child,
.options__teach-table tbody th:first-child,
.options__teach-table tbody td:first-child {
  width: 9%;
  text-align: right;
  font-weight: 700;
  padding-left: 0;
}
.options__teach-table thead th {
  font-size: 1.5em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 500;
}
.options__teach-table tbody tr:last-child td {
  border-bottom: none;
}
.options__teach-table th, .options__teach-table td {
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  vertical-align: top;
  padding-left: 18%;
}
.options__teach-table td {
  padding-top: 1.125em;
  padding-bottom: 1.125em;
}

.options__io-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.options__io-image {
  width: 46%;
}
.options__io-image::before {
  padding-top: 98.202247191%;
}

.options__io-content {
  width: 54%;
  padding-left: 6%;
  padding-right: 2%;
}

.options__io-body {
  color: #808080;
  line-height: 1.3636363636;
}
.options__io-body strong {
  font-weight: 700;
}

.options__io-specs-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.options__io-specs-table {
  width: 52%;
  padding-left: 6%;
  line-height: 1.1818181818;
  font-weight: 300;
}
.options__io-specs-table table {
  width: 100%;
}
.options__io-specs-table td {
  border-bottom: 1px solid #808080;
}

.options__io-specs-image {
  width: 48%;
}
.options__io-specs-image::before {
  padding-top: 71.4592274678%;
}

.options__bus-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #050A10;
}

.options__bus-image {
  width: 51%;
}
.options__bus-image::before {
  padding-top: 76.1421319797%;
}

.options__bus-content {
  color: #fff;
  width: 49%;
  padding-left: 4.6%;
  padding-right: 3.4%;
}

.options__bus-body {
  line-height: 1.3636363636;
}
.options__bus-body strong {
  font-weight: 700;
}

.options__case-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
}

.options__case-image {
  width: 45%;
}
.options__case-image::before {
  padding-top: 61.214953271%;
}

.options__case-content {
  width: 55%;
  padding-left: 6%;
}

.options__case-body {
  color: #808080;
}
.options__case-body strong {
  font-weight: 700;
}
.options__case-body p {
  margin-bottom: 0.7727272727em;
}
.options__case-body p:last-child {
  margin-bottom: 0;
}

.options__case-specs-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.options__case-specs-table {
  width: 50%;
  padding-left: 6%;
  text-align: left;
  color: #5F5F5F;
}
.options__case-specs-table thead th:first-child, .options__case-specs-table thead td:first-child,
.options__case-specs-table tbody th:first-child,
.options__case-specs-table tbody td:first-child {
  width: 35%;
  font-weight: 700;
}
.options__case-specs-table thead th {
  font-size: 1.5em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 500;
}
.options__case-specs-table tbody tr:last-child td {
  border-bottom: none;
}
.options__case-specs-table th, .options__case-specs-table td {
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  vertical-align: top;
}
.options__case-specs-table td {
  padding-top: 1.125em;
  padding-bottom: 1.125em;
}

.options__case-specs-image {
  width: 50%;
}
.options__case-specs-image::before {
  padding-top: 71.2809917355%;
}

@media (max-width: 1024px) {
  .options__teach-image,
  .options__teach-content {
    width: 100%;
  }
  .options__teach-content {
    padding: 5.3333333333vw 5% 13.3333333333vw 5%;
  }
  .options__io-container {
    flex-direction: column-reverse;
  }
  .options__io-content {
    width: 100%;
    padding: 0 5% 13.3333333333vw 5%;
  }
  .options__io-image {
    width: 100%;
  }
  .options__io-specs-container {
    flex-direction: column-reverse;
  }
  .options__io-specs-image,
  .options__io-specs-table {
    width: 100%;
  }
  .options__io-specs-table {
    padding: 2.6666666667vw 5% 2.6666666667vw 5%;
  }
  .options__bus-image {
    width: 100%;
  }
  .options__bus-content {
    width: 100%;
    padding: 10.6666666667vw 5% 16vw 5%;
  }
  .options__case-image {
    width: 100%;
  }
  .options__case-content {
    width: 100%;
    padding: 10.6666666667vw 5% 2.6666666667vw 5%;
  }
  .options__case-specs-container {
    flex-direction: column-reverse;
  }
  .options__case-specs-image {
    width: 100%;
  }
  .options__case-specs-table {
    width: 100%;
    padding: 0 5%;
  }
  .options__case-specs-table thead th:first-child, .options__case-specs-table thead td:first-child,
  .options__case-specs-table tbody th:first-child,
  .options__case-specs-table tbody td:first-child {
    width: 45%;
  }
}
.controller__pad-l {
  padding-left: 4.1%;
}

.controller__pad-r {
  padding-right: 4.1%;
}

.controller__hero {
  background-color: #f7f5f6;
  padding-right: 4.1%;
  padding-left: 12%;
}

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

.controller__hero-content {
  width: 46%;
}

.controller__hero-image {
  width: 54%;
}
.controller__hero-image::before {
  padding-top: 59.2592592593%;
}

.controller__hero-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(0, 71, 141, 0.1);
  background-color: rgba(0, 71, 141, 0.05);
  height: 28px;
  padding: 0 1.3333333333em;
  color: #00478D;
  line-height: 1;
}
.controller__hero-tag span {
  display: inline-block;
  position: relative;
  padding-left: 22px;
}
.controller__hero-tag span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  background-color: #00478D;
  border-radius: 50%;
  margin-top: -4px;
}

.controller__hero-title {
  line-height: 1.1;
  width: 6.5em;
}

.controller__hero-specs-header {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 2.5em;
  color: #0F172A;
}
.controller__hero-specs-header img {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.375em;
  height: auto;
}

.controller__hero-specs-text {
  color: #424752;
  padding-left: 2.5em;
  line-height: 1.625;
  margin-top: 0.25em;
}

.controller__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
}

.controller__hero-btn {
  min-width: 11em;
  height: 3.625em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 1.25em;
}

.controller__hero-btn--inset {
  background-color: #01478d;
  box-shadow: 0 20px 25px -5px rgba(0, 71, 141, 0.2), 0 8px 10px -6px rgba(0, 71, 141, 0.2);
  color: #fff;
}

.controller__hero-btn--outline {
  border: 1px solid #C2C6D4;
  background-color: #FFF;
  color: #0F172A;
}

.controller__features {
  background-color: #f7f5f6;
}

.controller__features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 calc(var(--fluid-size) * 3.2);
}

.controller__planning,
.controller__dev-api {
  border-radius: 24px;
  padding: 1.6666666667em;
  margin-bottom: 3.3333333333em;
}

.controller__planning {
  border: 1px solid rgba(194, 198, 212, 0.2);
  background: #F2F4F6;
}

.controller__dev-api {
  background-color: #1e293B;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.controller__planning-icon,
.controller__dev-api-icon {
  width: 2.3333333333em;
  border-radius: 16px;
}
.controller__planning-icon::before,
.controller__dev-api-icon::before {
  padding-top: 100%;
}

.controller__planning-icon {
  box-shadow: 0 10px 15px -3px rgba(0, 71, 141, 0.2), 0 4px 6px -4px rgba(0, 71, 141, 0.2);
}

.controller__dev-api-icon {
  box-shadow: 0 10px 15px -3px rgba(34, 211, 238, 0.2), 0 4px 6px -4px rgba(34, 211, 238, 0.2);
}

.controller__planning-title,
.controller__dev-api-title {
  margin-top: 1.25em;
}

.controller__planning-title {
  color: #0F172A;
}

.controller__dev-api-title {
  color: #fff;
}

.controller__planning-text,
.controller__dev-api-text {
  margin-top: 1.75em;
  line-height: 1.5;
}
.controller__planning-text > ul,
.controller__dev-api-text > ul {
  counter-reset: feature-count;
}
.controller__planning-text li,
.controller__dev-api-text li {
  counter-increment: feature-count;
  position: relative;
  padding-left: 1.75em;
  margin-bottom: 1em;
}
.controller__planning-text li::before,
.controller__dev-api-text li::before {
  content: counter(feature-count);
  font-size: 0.75em;
  position: absolute;
  left: 0;
  top: 0.4166666667em;
  width: 1.3333333333em;
  height: 1.3333333333em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.controller__planning-text strong,
.controller__dev-api-text strong {
  font-weight: 500;
}

.controller__planning-text {
  color: #424752;
}
.controller__planning-text li::before {
  border: 1px solid #00478D;
}

.controller__dev-api-text {
  color: #94A3B8;
}
.controller__dev-api-text li::before {
  border: 1px solid #22D3EE;
  color: #22D3EE;
}

.controller__systems-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.controller__systems-content {
  width: 43%;
}

.controller__systems-image {
  width: 53%;
}
.controller__systems-image::before {
  padding-top: 123.8197424893%;
}

.controller__nebula {
  border-radius: 24px;
  border: 1px solid rgba(194, 198, 212, 0.3);
  padding: 1em;
}

.controller__nebula-header {
  line-height: 1;
}

.controller__nebula-title {
  line-height: 1.1666666667;
}

.controller__nebula-subtitle {
  color: #00478D;
  margin-top: 1em;
}

.controller__nebula-body {
  color: #424752;
}
.controller__nebula-body strong {
  font-weight: 500;
}

.controller__nebula-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 1.1428571429em;
}

.controller__nebula-stat {
  border-radius: 8px;
  border: 1px solid rgba(194, 198, 212, 0.1);
  background-color: #F2F4F6;
  padding: 1.1428571429em;
}

.controller__nebula-stat-label {
  text-transform: uppercase;
  color: #00478D;
}

.controller__nebula-stat-value {
  color: #191C1E;
  margin-top: 0.5714285714em;
}

.controller__firc {
  border-radius: 24px;
  background-color: #0F172A;
  margin-top: 0.5em;
  padding: 1em;
}

.controller__firc-title {
  color: #fff;
}

.controller__firc-subtitle {
  color: #22D3EE;
}

.controller__firc-body {
  color: #94A3B8;
}
.controller__firc-body strong {
  font-weight: 500;
}

.controller__firc-modules {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.controller__firc-tags {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}

.controller__firc-tag {
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 0.6666666667em 0.6666666667em 0.6666666667em 0;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
  line-height: 1;
}

.controller__firc-link {
  color: #22D3EE;
  display: flex;
  align-items: center;
}
.controller__firc-link svg {
  width: 1em;
  height: 1em;
  margin-left: 0.625em;
}

.controller__micro {
  background-color: #F7F9FB;
}

.controller__micro-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.controller__micro-grid {
  width: 40%;
}

.controller__trc-body,
.controller__src-body {
  margin-top: 1.875em;
  color: #424752;
}
.controller__trc-body h4,
.controller__src-body h4 {
  color: #00478D;
  margin-bottom: 1.3333333333em;
}
.controller__trc-body p,
.controller__src-body p {
  margin-bottom: 0.75em;
}
.controller__trc-body p:last-child,
.controller__src-body p:last-child {
  margin-bottom: 0;
}

.controller__micro-showcase {
  width: 57%;
  padding: calc(var(--fluid-size) * 1.6);
  border-radius: 40px;
  border: 1px solid rgba(194, 198, 212, 0.3);
  background-color: #FFF;
  box-shadow: 0 25px 50px -12px rgba(0, 71, 141, 0.05);
}

.controller__micro-showcase-image::before {
  padding-top: 100%;
}

.controller__micro-showcase-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--fluid-size) * 1.2);
}

.controller__micro-card {
  border-radius: 16px;
  background-color: #F2F4F6;
  padding: 1.5em;
}

.controller__micro-card-title {
  line-height: 1.5;
  color: #0F172A;
}

.controller__micro-card-desc {
  color: #424752;
  line-height: 1.4285714286;
  margin-top: 0.5em;
}

.controller__compare {
  background-color: #f7f9fb;
}

.controller__compare-title {
  margin-bottom: 0.4166666667em;
}

.controller__compare-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--fluid-size) * 2.4);
}

.controller__compare-item-title {
  padding: 1.5em;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  color: #fff;
}

.controller__compare-item {
  border-radius: 24px;
  border: 1px solid rgba(194, 198, 212, 0.5);
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.controller__compare-item:nth-child(1) .controller__compare-item-title {
  background-color: #0F172A;
}
.controller__compare-item:nth-child(2) .controller__compare-item-title {
  background-color: #00478D;
}

.controller__compare-table td {
  padding: 1.1428571429em;
  border-bottom: 1px solid rgba(194, 198, 212, 0.3);
}
.controller__compare-table td:first-child {
  background-color: #F2F4F6;
  width: 50%;
}
.controller__compare-table tr:last-child td {
  border-bottom: none;
}
.controller__compare-table tr:last-child td:first-child {
  border-bottom-left-radius: 24px;
}

.files-block {
  background-color: #f2f4f6;
}

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

.files-block__title {
  margin-bottom: 0.4166666667em;
  color: #0F172A;
}

.files-block__desc {
  color: #424752;
}

.files-block__more {
  color: #424752;
  display: flex;
  flex-wrap: wrap;
}

.files-block__more-link {
  display: inline-flex;
  position: relative;
  padding-right: 1.25em;
  margin-left: 0.625em;
}
.files-block__more-link svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.6875em;
  height: auto;
}
.files-block__more-link span {
  color: #00478D;
}

.files-block__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--fluid-size) * 1.5);
}

.files-block__link {
  border-radius: 16px;
  border: 1px solid rgba(194, 198, 212, 0.3);
  background-color: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  padding: 1.5em;
  height: 100%;
}

.files-block__icon {
  width: 3em;
}
.files-block__icon::before {
  padding-top: 100%;
}

.files-block__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1em;
  width: 80%;
}

.files-block__name {
  color: #0F172A;
}

.files-block__size {
  color: #94A3B8;
  line-height: 1.3333333333;
}

.files-block__meta {
  max-width: 72%;
}

.files-block__btn {
  color: #00478D;
  margin-left: 1.125em;
}

@media (min-width: 1025px) {
  .controller__hero-btn--inset {
    transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .controller__hero-btn--inset:hover {
    background-color: #000;
  }
  .controller__hero-btn--outline {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .controller__hero-btn--outline:hover {
    background-color: #00478D;
    color: #fff;
    box-shadow: 0 20px 25px -5px rgba(0, 71, 141, 0.2), 0 8px 10px -6px rgba(0, 71, 141, 0.2);
  }
  .files-block__name {
    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .files-block__link:hover .files-block__name {
    color: #00478D;
  }
  .files-block__more-link span {
    display: inline-block;
    position: relative;
  }
  .files-block__more-link span::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #00478D;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .files-block__more-link:hover span::after {
    transform: scaleX(1);
    transform-origin: left center;
  }
  .files-block__body {
    width: 60%;
  }
}
@media (max-width: 1024px) {
  .controller__pad-l {
    padding-left: 5%;
  }
  .controller__pad-r {
    padding-right: 5%;
  }
  .controller__hero {
    padding-left: 0;
    padding-right: 0;
  }
  .controller__hero-container {
    flex-direction: column-reverse;
  }
  .controller__hero-image,
  .controller__hero-content {
    width: 100%;
  }
  .controller__hero-content {
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 6.6666666667vw;
  }
  .controller__features {
    padding-bottom: 10.6666666667vw;
  }
  .controller__features-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .controller__planning, .controller__dev-api {
    margin-bottom: 5.3333333333vw;
  }
  .controller__systems-container {
    flex-direction: column-reverse;
  }
  .controller__systems-content,
  .controller__systems-image {
    width: 100%;
  }
  .controller__systems-content {
    margin-top: 5.3333333333vw;
  }
  .controller__micro-container {
    flex-direction: column-reverse;
  }
  .controller__micro-grid {
    margin-top: 6.6666666667vw;
  }
  .controller__micro-grid,
  .controller__micro-showcase {
    width: 100%;
  }
  .controller__compare-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .files-block__body {
    margin-top: 6.6666666667vw;
    width: 100%;
  }
  .files-block__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 4vw;
  }
}
@media (max-width: 750px) {
  .files-block__item {
    margin-right: 0;
    width: 100%;
  }
  .files-block__link {
    max-width: 100%;
    width: 100%;
  }
  .files-block__info {
    justify-content: space-between;
    width: 90%;
  }
}
@media (max-width: 500px) {
  .controller__hero-title {
    width: 100%;
  }
}
.addons__function-item {
  padding-top: calc(var(--fluid-size) * 5);
  padding-bottom: calc(var(--fluid-size) * 5);
}
.addons__function-item:nth-child(odd) {
  background-color: #F7F7F7;
}
.addons__function-item:nth-child(odd) .addons__function-item-content {
  padding-right: 5%;
}
.addons__function-item:nth-child(even) .addons__function-item-container {
  flex-direction: row-reverse;
}

.addons__function-item-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.addons__function-item-container.addons__function-reverse {
  flex-direction: row-reverse;
}
.addons__function-item-container.addons__function-reverse .addons__function-item-content {
  padding-right: 2%;
}

.addons__function-item-image {
  width: 35%;
}
.addons__function-item-image img {
  max-width: 100%;
}

.addons__function-item-content {
  width: 50%;
}

.addons__function-item-title {
  text-align: center;
  line-height: 1.25;
  color: #424752;
}

.addons__function-item-body {
  font-weight: 300;
  line-height: 1.36;
  color: #424752;
  margin-top: 1.3636363636em;
}
.addons__function-item-body strong {
  font-weight: 700;
}

.addons__function-item-full img {
  width: 100%;
}

.addons__pallet {
  background-color: #7A7A7A;
  padding-top: calc(var(--fluid-size) * 7.5);
  padding-bottom: calc(var(--fluid-size) * 7.5);
}

.addons__pallet-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.addons__pallet-image {
  width: 35%;
}
.addons__pallet-image img {
  max-width: 100%;
}

.addons__pallet-content {
  width: 45%;
}

.addons__pallet-title,
.addons__pallet-body {
  color: #fff;
}

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

.addons__pallet-body {
  line-height: 2.2727272727;
  margin-top: 0.7272727273em;
}
.addons__pallet-body strong {
  font-weight: 700;
}
.addons__pallet-body li {
  position: relative;
  padding-left: 1em;
}
.addons__pallet-body li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1em;
  width: 3px;
  height: 3px;
  background-color: #fff;
  border-radius: 50%;
}

.addons__spiral {
  padding-top: calc(var(--fluid-size) * 5);
  padding-bottom: calc(var(--fluid-size) * 5);
}

.addons__spiral-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.addons__spiral-content {
  width: 44%;
}

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

.addons__spiral-body {
  color: #808080;
  line-height: 2.2727272727;
  margin-top: 1.1818181818em;
}
.addons__spiral-body strong {
  font-weight: 700;
}

.addons__spiral-image {
  width: 50%;
}
.addons__spiral-image img {
  max-width: 100%;
}

@media (max-width: 1024px) {
  .addons__function-item-image {
    width: 100%;
  }
  .addons__function-item-content {
    width: 100%;
    padding-right: 0;
    margin-top: 6.6666666667vw;
  }
  .addons__pallet-container {
    flex-direction: column-reverse;
  }
  .addons__pallet-content,
  .addons__pallet-image {
    width: 100%;
  }
  .addons__pallet-content {
    margin-top: 6.6666666667vw;
  }
  .addons__function-item-container.addons__function-reverse {
    flex-direction: column-reverse;
  }
  .addons__spiral-container {
    flex-direction: column-reverse;
  }
  .addons__spiral-content {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
  .addons__spiral-image {
    width: 100%;
  }
}
.footer {
  background-color: #272727;
  padding-top: calc(var(--fluid-size) * 4.25);
  padding-bottom: calc(var(--fluid-size) * 4.25);
}

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

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

.footer__nav-group {
  margin-right: calc(var(--fluid-size) * 3.5);
}

.footer__nav-title {
  color: #fff;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 2.1428571429em;
}

.footer__nav-link {
  color: #808080;
  display: inline-flex;
  margin-bottom: 1em;
  font-weight: 300;
}

.footer__contact {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.footer__qr {
  width: calc(var(--fluid-size) * 10.3);
  margin-left: calc(var(--fluid-size) * 5);
}
.footer__qr::before {
  padding-top: 100%;
}

.footer__contact-info {
  color: #808080;
  line-height: 1.6;
  margin-top: 1.5714285714em;
}
.footer__contact-info p {
  margin-bottom: 1em;
}

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

.footer__social-link {
  display: flex;
  margin-right: calc(var(--fluid-size) * 0.5);
  margin-top: calc(var(--fluid-size) * 0.3);
}
.footer__social-link img {
  width: calc(var(--fluid-size) * 1.6);
  height: auto;
}

.footer__back {
  display: flex;
  position: relative;
  margin-top: calc(var(--fluid-size) * 0.35);
}
.footer__back::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(var(--fluid-size) * 3.5);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 1px;
  background-color: #6C7073;
}

.footer__back-btn {
  width: calc(var(--fluid-size) * 2.4);
}
.footer__back-btn img {
  width: 100%;
}

.footer__copyright {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.65);
  text-align: right;
}

@media (min-width: 1025px) {
  .footer__nav-title {
    position: relative;
    display: inline-block;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .footer__nav-title:hover {
    opacity: 0.8;
  }
  .footer__nav-link {
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .footer__nav-link:hover {
    color: #fff;
  }
  .footer__social-link .social-img {
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .footer__social-link:hover .social-img {
    opacity: 0.8;
  }
  .footer__back-btn {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .footer__back-btn:hover {
    transform: translateY(-2px);
  }
}
@media (max-width: 1024px) {
  .footer__back {
    margin-top: 4vw;
  }
  .footer__nav {
    display: none;
  }
}
@media (max-width: 750px) {
  .footer__back-btn {
    width: 6.4vw;
  }
  .footer__back::after {
    left: 9.3333333333vw;
  }
  .footer__copyright {
    margin-top: 10px;
    width: 80%;
    margin-left: auto;
  }
}
@media (max-width: 500px) {
  .footer__contact-content {
    width: 100%;
  }
  .footer__qr {
    margin-left: 0;
    margin-top: 5vw;
  }
  .footer__back {
    margin-top: 10vw;
  }
}