   :root {
      --grid-columns: 4;
      --grid-gutter: 10px;
      --grid-margin: 25px;
      --container-width: calc(100vw - 2 * var(--grid-margin));
      --font-size: 14px;
      --spacer-xs: 15px;
      --spacer-s: 40px;
      --spacer-default: 80px;
      --spacer-l: 120px
    }

    @media (min-width:760px) {
      :root {
        --grid-columns: 10;
        --grid-gutter: 1.5vw;
        --grid-margin: 4vw;
        --font-size: 18px;
        --spacer-xs: 20px;
        --spacer-s: 60px;
        --spacer-default: 120px;
        --spacer-l: 160px
      }
    }

    @media (min-width:1100px) {
      :root {
        --grid-columns: 10;
        --grid-gutter: 1.5vw;
        --grid-margin: 8vw;
        --font-size: 18px;
        --spacer-xs: 20px;
        --spacer-s: 60px;
        --spacer-default: 120px;
        --spacer-l: 160px
      }
    }

    html {
      box-sizing: border-box;
      -webkit-text-size-adjust: 100%;
      word-break: normal;
      -moz-tab-size: 4;
      -o-tab-size: 4;
      tab-size: 4
    }

    *,
    ::after,
    ::before {
      background-repeat: no-repeat;
      box-sizing: inherit
    }

    ::after,
    ::before {
      text-decoration: inherit;
      vertical-align: inherit
    }

    * {
      padding: 0;
      margin: 0
    }

    [hidden] {
      display: none
    }

    a {
      background-color: rgba(0, 0, 0, 0)
    }

    a:active,
    a:hover {
      outline-width: 0
    }

    strong {
      font-weight: bolder
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
      height: auto
    }

    [type=search] {
      -webkit-appearance: textfield;
      outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
      -webkit-appearance: none
    }

    [role=button],
    [type=button],
    [type=reset],
    [type=submit] {
      cursor: pointer
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
      border-style: none;
      padding: 0
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
      outline: 1px dotted ButtonText
    }

    [type=reset],
    [type=submit],
    html [type=button] {
      -webkit-appearance: button
    }

    a:focus {
      outline-width: 0
    }

    ::-webkit-file-upload-button {
      -webkit-appearance: button;
      color: inherit;
      font: inherit
    }

    [disabled] {
      cursor: default
    }

    progress {
      vertical-align: baseline
    }

    [aria-busy=true] {
      cursor: progress
    }

    [aria-controls] {
      cursor: pointer
    }

    [aria-disabled=true] {
      cursor: default
    }

    *,
    ::after,
    ::before,
    :active,
    :after,
    :before,
    :focus {
      box-sizing: border-box;
      outline: 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -ms-interpolation-mode: bicubic;
      -webkit-tap-highlight-color: transparent
    }

    a,
    a:visited {
      color: #152cb6
    }

    a:focus,
    a:hover {
      color: #102188
    }

    p {
      margin: 0
    }

    p+p {
      margin-top: 1em
    }

    ul {
      padding: 0;
      margin: 0
    }

    ul,
    ul li {
      list-style: none
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0;
      font-weight: 400;
      font-size: 1rem
    }

    html {
      min-height: 100%;
      font-size: var(--font-size);
      line-height: 1.777777778;
      font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
      font-weight: 500;
      color: #1d2245
    }

    body {
      background-color: #fdfdff
    }

    ::-moz-selection {
      background-color: #1d2245;
      color: #fff;
      text-shadow: none
    }

    ::selection {
      background-color: #1d2245;
      color: #fff;
      text-shadow: none
    }

    :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-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-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
    }

    .o-container {
      margin-right: auto;
      margin-left: auto;
      padding-left: var(--grid-margin);
      padding-right: var(--grid-margin)
    }

    .o-section {
      position: relative;
      padding-top: var(--spacer-default);
      padding-bottom: var(--spacer-default)
    }

    .o-section_progress {
      position: absolute;
      top: 0;
      bottom: 0
    }

    .c-heading {
      font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
      font-weight: 800
    }

    .c-heading.-h1 {
      font-size: 3.3333333333rem;
      line-height: 1.0833333333;
      letter-spacing: -1px
    }

    @media (max-width:1099px) {
      .c-heading.-h1 {
        font-size: 2.7777777778rem;
        line-height: 1.1
      }
    }

    @media (max-width:759px) {
      .c-heading.-h1 {
        font-size: 2.8571428571rem;
        line-height: 1.125
      }
    }

    .c-heading.-h1[data-split] {
      padding-bottom: .6em
    }

    .c-heading.-h2 {
      font-size: 2.7777777778rem;
      line-height: 1.2;
      letter-spacing: -1px
    }

    .c-heading.-h2[data-split] {
      padding-bottom: .6em
    }

    @media (max-width:1099px) {
      .c-heading.-h2 {
        font-size: 2.2222222222rem;
        line-height: 1.125
      }
    }

    @media (max-width:759px) {
      .c-heading.-h2 {
        font-size: 2.1428571429rem;
        line-height: 1.1666666667
      }
    }

    .c-heading.-h3 {
      font-size: 1.7777777778rem;
      line-height: 1.25
    }

    @media (max-width:1099px) {
      .c-heading.-h3 {
        font-size: 1.4444444444rem;
        line-height: 1.2307692308
      }
    }

    @media (max-width:759px) {
      .c-heading.-h3 {
        font-size: 1.4285714286rem;
        line-height: 1.4
      }
    }

    .c-heading.-h4 {
      font-size: 1.1666666667rem;
      line-height: 1.7619047619;
      font-weight: 700
    }

    @media (max-width:1099px) {
      .c-heading.-h4 {
        font-size: 1rem;
        line-height: 1.7222222222
      }
    }

    @media (max-width:759px) {
      .c-heading.-h4 {
        font-size: 1.2142857143rem;
        line-height: 1.6470588235
      }
    }

    .c-heading.-h5 {
      font-size: 1rem;
      line-height: 1.7777777778;
      font-weight: 700;
      opacity: .8
    }

    .c-heading.-h5.u-appear,
    .c-heading.-h5.u-opacity {
      opacity: 0
    }

    .c-heading.-h5.u-appear.is-inview,
    .c-heading.-h5.u-opacity.is-inview {
      opacity: .8
    }

    @media (max-width:759px) {
      .c-heading.-h5 {
        font-size: 1.0714285714rem;
        line-height: 1.8666666667
      }
    }

    [data-split] {
      font-kerning: none
    }

    .c-wysiwyg ul {
      padding-top: .5555555556rem;
      padding-left: 1.6666666667rem;
      padding-bottom: 1.1111111111rem
    }

    .c-wysiwyg ul li {
      list-style: disc
    }

    .c-wysiwyg ul li+li {
      margin-top: .2777777778rem
    }

    .c-wysiwyg a,
    .c-wysiwyg a:visited {
      display: inline-block;
      color: #152cb6;
      text-decoration: none;
      font-weight: 600
    }

    .c-wysiwyg a::before,
    .c-wysiwyg a:visited::before {
      margin-top: -2px
    }

    .c-navbar {
      position: fixed;
      z-index: 50;
      color: #fff;
      padding: 2.2222222222rem calc(var(--grid-margin)*.66);
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      pointer-events: none;
      transition: transform .6s cubic-bezier(.19, 1, .22, 1), opacity .2s linear, color .2s linear
    }

    @media (max-width:989px) {
      .c-navbar {
        padding: 20px var(--grid-margin)
      }
    }

    .c-navbar[data-style=light] {
      color: #1d2245
    }

    .c-navbar-style {
      position: absolute;
      top: 10px;
      right: 30px;
      bottom: 0;
      pointer-events: none
    }

    @keyframes scroll {
      from {
        transform: translateX(0)
      }

      to {
        transform: translateX(-100%)
      }
    }

    @font-face {
      font-family: swiper-icons;
      src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
      font-weight: 400;
      font-style: normal
    }

    :root {
      --swiper-theme-color: #007aff
    }

    :host {
      position: relative;
      display: block;
      margin-left: auto;
      margin-right: auto;
      z-index: 1
    }

    @keyframes swiper-preloader-spin {
      0% {
        transform: rotate(0)
      }

      100% {
        transform: rotate(360deg)
      }
    }

    :root {
      --swiper-navigation-size: 44px
    }

    @keyframes loader {

      0%,
      80%,
      to {
        transform: scale(0)
      }

      40% {
        transform: scale(1)
      }
    }

    .u-appear {
      transform: translateY(4rem);
      opacity: 0;
      transition: opacity .4s linear, transform 1s cubic-bezier(.19, 1, .22, 1);
      will-change: transform, opacity
    }

    .u-appear.is-inview {
      transform: translateY(0);
      opacity: 1
    }

    .u-opacity {
      opacity: 0;
      transition: opacity .25s linear;
      will-change: opacity
    }

    .u-opacity.is-inview {
      opacity: 1
    }

    @keyframes u-rotate {
      0% {
        transform: rotateZ(-360deg)
      }

      100% {
        transform: rotateZ(0)
      }
    }

    .c-wysiwyg a,
    .c-wysiwyg a:visited {
      position: relative;
      text-decoration: none
    }

    .c-wysiwyg a::before,
    .c-wysiwyg a:visited::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-wysiwyg a:hover::before {
      transform-origin: 0 50%;
      transform: scale3d(1, 1, 1)
    }

    .u-colorify.-secondary strong {
      color: #57cdff
    }

    .o-section.-home-brands {
      padding: 0;
      background: linear-gradient(109.34deg, #f4f6ff 1.05%, #d9ddf2 125.45%)
    }

    @media (max-width:759px) {
      .o-section.-home-brands {
        padding-bottom: 30px
      }
    }

    .o-section.-home-brands .brands_wrap {
      position: relative;
      height: calc(100dvh*var(--items))
    }

    @media (max-width:759px) {
      .o-section.-home-brands .brands_wrap {
        height: calc(30svh + 100dvh*var(--items))
      }
    }

    .o-section.-home-brands .brands_item {
      position: sticky;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 100dvh
    }

    @media (max-width:989px) {
      .o-section.-home-brands .brands_item {
        display: block
      }

      .o-section.-home-brands .brands_item:not(:first-child) {
        padding-top: 54vw
      }
    }

    @media (max-width:759px) {
      .o-section.-home-brands .brands_item {
        display: block
      }

      .o-section.-home-brands .brands_item:not(:first-child) {
        padding-top: 0vw
      }
    }

    .o-section.-home-brands .brands_item_cardWrap {
      position: relative;
      min-height: 100dvh;
      width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter))/ var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      justify-content: center
    }

    @media (max-width:989px) {
      .o-section.-home-brands .brands_item_cardWrap {
        width: 100%;
        /* min-height: auto */
      }
    }

    .o-section.-home-brands .brands_item_card {
      position: relative;
      /*background: linear-gradient(180deg, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .6);*/
      background: #ffffff;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      border-radius: 20px;
      padding: 3.3333333333rem calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter))/ var(--grid-columns) * .75 + -.25 * var(--grid-gutter) + 0vw);
      transform-origin: top center
    }

    @media (max-width:759px) {
      .o-section.-home-brands .brands_item_card {
        padding: 30px 30px;
        height: auto !important
      }
    }

    .o-section.-home-brands .brands_item_card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 20px;
      border: 2px solid #fff;
      -webkit-mask-image: linear-gradient(to bottom, #000 10%, rgba(0, 0, 0, .1) 90%);
      mask-image: linear-gradient(to bottom, #000 10%, rgba(0, 0, 0, .1) 90%);
      opacity: .5
    }

    .o-section.-home-brands .brands_item_card .c-heading.-h3 {
      margin-bottom: 1.1111111111rem
    }

    @media (max-width:759px) {
      .o-section.-home-brands .brands_item_card .c-heading.-h3 {
        margin-bottom: 10px
      }
    }

    .o-section.-home-brands .brands_progress {
      position: absolute;
      top: calc(50svh + var(--index)*100svh);
      right: 0;
      height: 50svh;
      pointer-events: none;
      width: 30px
    }

    @media (max-width:759px) {
      .o-section.-home-brands .brands_progress {
        height: 30svh
      }
    }

    .o-section.-home-brands .brands_trigger {
      position: absolute;
      top: calc(50svh + var(--index)*100svh);
      right: 40px;
      height: 40px;
      pointer-events: none;
      width: 40px
    }

    .o-section.-home-offers {
      background-color: #eff2fd
    }

    .o-section.-home-offers .c-heading.-h2 {
      text-align: center;
      margin-bottom: 3.3333333333rem
    }

    @media (max-width:759px) {
      .o-section.-home-offers .c-heading.-h2 {
        margin-bottom: 40px
      }
    }

    .o-section.-home-offers .offers {
      display: flex;
      justify-content: space-between
    }

    @media (max-width:989px) {
      .o-section.-home-offers .offers {
        display: block
      }
    }

    .o-section.-home-offers .offers_card {
      width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter))/ var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
      border-radius: 20px;
      background-color: #fdfdff;
      overflow: hidden
    }

    @media (max-width:989px) {
      .o-section.-home-offers .offers_card {
        width: 100%
      }

      .o-section.-home-offers .offers_card+.offers_card {
        margin-top: 40px
      }
    }

    @media (max-width:759px) {
      .o-section.-home-offers .offers_card+.offers_card {
        margin-top: 24px
      }
    }

    .o-section.-home-offers .offers_card .c-heading.-h3 {
      margin-bottom: 1.6666666667rem
    }

    .o-section.-home-offers .offers_card .c-heading.-h4 {
      margin-bottom: 1.1111111111rem
    }