*,
:before,
:after {
  box-sizing: border-box
}

html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0
}

ul[role=list],
ol[role=list] {
  list-style: none
}

::-ms-clear {
  display: none
}

html:focus-within {
  scroll-behavior: smooth
}

body {
  text-rendering: optimizeSpeed;
  line-height: 1.5
}

a:not([class]) {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto
}

a {
  background-color: #0000
}

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

img {
  border-style: none
}

input,
button,
textarea,
select {
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15
}

textarea {
  overflow: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

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

button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

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

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

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

button:-moz-focusring {
  outline: 1px dotted buttontext
}

[type=button]:-moz-focusring {
  outline: 1px dotted buttontext
}

[type=reset]:-moz-focusring {
  outline: 1px dotted buttontext
}

[type=submit]:-moz-focusring {
  outline: 1px dotted buttontext
}

[hidden] {
  display: none
}

svg {
  height: auto
}

@media (prefers-reduced-motion:reduce) {
  html:focus-within {
    scroll-behavior: auto
  }

  *,
  :before,
  :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important
  }
}

:root {
  --typo-ff-1: Commissioner, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --color-fill-1: #c22151;
  --color-fill-1-lighter: #de3b6c;
  --color-fill-2: #fef9f1;
  --color-fill-3: #262626;
  --color-fill-4: #24131f;
  --color-fill-5: #4b1231;
  --color-fill-6: white;
  --color-fill-8: #f9eddc;
  --color-border-1: #eaeaea;
  --color-typo-1: #232323;
  --color-typo-2: #494949;
  --color-typo-3: #cbc5c3;
  --color-typo-4: #fcfcfc;
  --color-typo-5: #e2a56e;
  --color-typo-6: red;
  --color-typo-7: #1bb21b;
  --color-typo-8: #c22151;
  --_rem-px: .0625rem;
  --typo-2xs-fs: calc(13*var(--_rem-px));
  --typo-2xs-lh-s: calc(16*var(--_rem-px));
  --typo-2xs-lh-m: calc(20*var(--_rem-px));
  --typo-2xs-lh-l: calc(24*var(--_rem-px));
  --typo-2xs-ps-s: 0;
  --typo-2xs-ps-m: calc(8*var(--_rem-px));
  --typo-2xs-ps-l: calc(12*var(--_rem-px));
  --typo-xs-fs: calc(16*var(--_rem-px));
  --typo-xs-lh-s: calc(20*var(--_rem-px));
  --typo-xs-lh-m: calc(24*var(--_rem-px));
  --typo-xs-lh-l: calc(28*var(--_rem-px));
  --typo-xs-ps-s: 0;
  --typo-xs-ps-m: calc(12*var(--_rem-px));
  --typo-xs-ps-l: calc(16*var(--_rem-px));
  --typo-s-fs: calc(19*var(--_rem-px));
  --typo-s-lh-s: calc(24*var(--_rem-px));
  --typo-s-lh-m: calc(28*var(--_rem-px));
  --typo-s-lh-l: calc(32*var(--_rem-px));
  --typo-s-ps-s: calc(12*var(--_rem-px));
  --typo-s-ps-m: calc(16*var(--_rem-px));
  --typo-s-ps-l: calc(20*var(--_rem-px));
  --typo-m-fs: calc(23*var(--_rem-px));
  --typo-m-lh-s: calc(28*var(--_rem-px));
  --typo-m-lh-m: calc(32*var(--_rem-px));
  --typo-m-lh-l: calc(36*var(--_rem-px));
  --typo-m-ps-s: 0;
  --typo-m-ps-m: calc(20*var(--_rem-px));
  --typo-m-ps-l: calc(24*var(--_rem-px));
  --typo-l-fs: calc(28*var(--_rem-px));
  --typo-l-lh-s: calc(36*var(--_rem-px));
  --typo-l-lh-m: calc(40*var(--_rem-px));
  --typo-l-lh-l: calc(44*var(--_rem-px));
  --typo-l-ps-s: 0;
  --typo-l-ps-m: calc(24*var(--_rem-px));
  --typo-l-ps-l: calc(28*var(--_rem-px));
  --typo-xl-fs: calc(34*var(--_rem-px));
  --typo-xl-lh-s: calc(42*var(--_rem-px));
  --typo-xl-lh-m: calc(48*var(--_rem-px));
  --typo-xl-lh-l: calc(56*var(--_rem-px));
  --typo-xl-ps-s: 0;
  --typo-xl-ps-m: calc(28*var(--_rem-px));
  --typo-xl-ps-l: calc(36*var(--_rem-px));
  --typo-2xl-fs: calc(41*var(--_rem-px));
  --typo-2xl-lh-s: calc(48*var(--_rem-px));
  --typo-2xl-lh-m: calc(56*var(--_rem-px));
  --typo-2xl-lh-l: calc(64*var(--_rem-px));
  --typo-2xl-ps-s: 0;
  --typo-2xl-ps-m: calc(36*var(--_rem-px));
  --typo-2xl-ps-l: calc(44*var(--_rem-px));
  --typo-3xl-fs: calc(49*var(--_rem-px));
  --typo-3xl-lh-s: calc(56*var(--_rem-px));
  --typo-3xl-lh-m: calc(64*var(--_rem-px));
  --typo-3xl-lh-l: calc(72*var(--_rem-px));
  --typo-3xl-ps-s: 0;
  --typo-3xl-ps-m: calc(44*var(--_rem-px));
  --typo-3xl-ps-l: calc(52*var(--_rem-px));
  --typo-4xl-fs: calc(59*var(--_rem-px));
  --typo-4xl-lh-s: calc(72*var(--_rem-px));
  --typo-4xl-lh-m: calc(84*var(--_rem-px));
  --typo-4xl-lh-l: calc(96*var(--_rem-px));
  --typo-5xl-fs: calc(71*var(--_rem-px));
  --typo-5xl-lh-s: calc(84*var(--_rem-px));
  --typo-5xl-lh-m: calc(100*var(--_rem-px));
  --typo-5xl-lh-l: calc(112*var(--_rem-px));
  --typo-6xl-fs: calc(85*var(--_rem-px));
  --typo-6xl-lh-s: calc(100px*var(--_rem-px));
  --typo-6xl-lh-m: calc(116px*var(--_rem-px));
  --typo-6xl-lh-l: calc(136px*var(--_rem-px));
  --typo-7xl-fs: calc(102*var(--_rem-px));
  --typo-8xl-fs: calc(122*var(--_rem-px));
  --typo-9xl-fs: calc(146*var(--_rem-px));
  --typo-10xl-fs: calc(175*var(--_rem-px));
  --typo-11xl-fs: calc(210*var(--_rem-px));
  --color-ui-gray-800: #27272a;
  --color-ui-gray-700: #3f3f46;
  --color-ui-gray-600: #52525b;
  --color-ui-gray-500: #71717a;
  --color-ui-gray-400: #a1a1aa;
  --color-ui-gray-300: #d4d4d8;
  --color-ui-gray-200: #e4e4e7;
  --color-ui-gray-100: #f4f4f5;
  --color-ui-gray-50: #fafafa;
  --color-ui-red-800: #991b1b;
  --color-ui-red-700: #b91c1c;
  --color-ui-red-600: #dc2626;
  --color-ui-red-500: #ef4444;
  --color-ui-red-400: #f87171;
  --color-ui-red-300: #fca5a5;
  --color-ui-red-200: #fecaca;
  --color-ui-red-100: #fee2e2;
  --color-ui-red-50: #fef2f2;
  --color-ui-yellow-800: #854d0e;
  --color-ui-yellow-700: #a16207;
  --color-ui-yellow-600: #ca8a04;
  --color-ui-yellow-500: #eab308;
  --color-ui-yellow-400: #facc15;
  --color-ui-yellow-300: #fde047;
  --color-ui-yellow-200: #fef08a;
  --color-ui-yellow-100: #fef9c3;
  --color-ui-yellow-50: #fefce8;
  --color-ui-green-800: #166534;
  --color-ui-green-700: #15803d;
  --color-ui-green-600: #16a34a;
  --color-ui-green-500: #22c55e;
  --color-ui-green-400: #4ade80;
  --color-ui-green-300: #86efac;
  --color-ui-green-200: #bbf7d0;
  --color-ui-green-100: #dcfce7;
  --color-ui-green-50: #f0fdf4;
  --color-ui-blue-700: #1d4ed8;
  --color-ui-blue-600: #2563eb;
  --color-ui-blue-500: #3b82f6;
  --color-ui-blue-400: #60a5fa;
  --color-ui-blue-300: #93c5fd;
  --color-ui-blue-200: #bfdbfe;
  --color-ui-blue-100: #dbeafe;
  --color-ui-blue-50: #eff6ff;
  --shadow-one-s: 0 .0625rem .125rem 0 #00000014;
  --shadow-one-m: 0 .25rem .375rem -.0625rem #0000001a, 0 .125rem .25rem -.125rem #0000001a;
  --bdrs-s: calc(4*var(--_rem-px));
  --bdrs-m: calc(8*var(--_rem-px));
  --bdrs-l: calc(16*var(--_rem-px));
  --size-2xs: 8px;
  --size-xs: 16px;
  --size-s: 32px;
  --size-m: 48px;
  --size-l: 64px;
  --size-xl: 80px;
  --size-2xl: 96px;
  --size-3xl: 114px;
  --size-4xl: 168px;
  --size-5xl: 256px;
  --size-6xl: 384px;
  --trns-one: .2s ease
}

:focus {
  outline: none
}

body.is-focus :focus {
  z-index: 10;
  outline: 4px solid #ffce0a
}

a {
  text-decoration: none
}

.c-l {
  z-index: 10;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=);
  position: absolute;
  inset: 0
}

.h-ws {
  white-space: nowrap
}

.g-hidden {
  will-change: transform, opacity;
  transition: transform .4s, opacity .4s
}

.g-hidden:not(.is-visible) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  transform: translateY(6px)
}

p {
  max-width: 40em
}

@keyframes shake {

  0%,
  to {
    transform: translate(0, 0)
  }

  0%,
  20%,
  40%,
  60%,
  80% {
    transform: translate(-3px)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate(3px)
  }
}

.is-shake {
  animation: .2s shake
}

.sod_select,
.sod_select * {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none
}

.sod_select {
  color: #444;
  text-align: left;
  text-transform: uppercase;
  outline-offset: -2px;
  cursor: default;
  background: #fff;
  border: 3px solid #5e5e5e;
  outline: 0;
  width: 200px;
  padding: 15px 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  position: relative
}

.sod_select:before,
.sod_select:after {
  content: "▲";
  font-size: 7px;
  position: absolute;
  top: 12px;
  right: 10px
}

.sod_select:after {
  content: "▼";
  top: auto;
  bottom: 12px
}

.sod_select:hover,
.sod_select.open,
.sod_select.focus {
  border-color: #000
}

.sod_select.focus {
  box-shadow: 0 0 5px #0003
}

.sod_select.disabled {
  color: #b2b2b2;
  cursor: not-allowed;
  border-color: #828282
}

.sod_select .sod_label {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
  display: block;
  overflow: hidden
}

.sod_select .sod_list_wrapper {
  color: #444;
  z-index: 1;
  background: #fff;
  border: 3px solid #000;
  border-top: none;
  width: 200px;
  height: auto;
  margin: 0 0 0 -3px;
  font-weight: 300;
  display: none;
  position: absolute;
  top: 100%;
  left: 0
}

.sod_select.open .sod_list_wrapper {
  display: block
}

.sod_select.disabled.open .sod_list_wrapper {
  display: none
}

.sod_select.above .sod_list_wrapper {
  border-top: 3px solid #000;
  border-bottom: none;
  top: auto;
  bottom: 100%
}

.sod_select .sod_list {
  margin: 0;
  padding: 0;
  display: block;
  overflow-y: auto
}

.sod_select .sod_option {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px;
  list-style-type: none;
  display: block;
  position: relative;
  overflow: hidden
}

.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic
}

.sod_select .sod_option.groupchild {
  padding-left: 20px
}

.sod_select .sod_option.is-placeholder {
  display: none
}

.sod_select .sod_option.disabled {
  background: inherit;
  color: #ccc
}

.sod_select .sod_option.active {
  color: #333;
  background: #f7f7f7
}

.sod_select .sod_option.selected {
  padding-right: 25px;
  font-weight: 700
}

.sod_select .sod_option.selected:before {
  content: "";
  color: gray;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
  width: 10px;
  height: 9px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%)
}

.sod_select.no_highlight .sod_option.selected {
  font-weight: 300
}

.sod_select.no_highlight .sod_option.selected:before {
  display: none
}

.sod_select select {
  display: none !important
}

.sod_select.touch select {
  -webkit-appearance: menulist-button;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important
}

.sod_select {
  border: 2px solid var(--color-ui-gray-800);
  border-radius: var(--bdrs-m);
  width: auto;
  height: 48px;
  text-transform: unset;
  font-size: var(--typo-s-fs);
  color: var(--color-ui-gray-800);
  cursor: default;
  background-color: #fff;
  padding: 0 32px 0 8px;
  font-weight: 400;
  line-height: normal;
  display: inline-flex
}

@media (min-width:768px) {
  .sod_select {
    min-width: var(--size-4xl)
  }
}

.sod_select:not(.disabled):hover,
body:not(.is-focus) .sod_select.focus {
  box-shadow: 0 0 0 4px var(--color-ui-blue-100)
}

.sod_select.disabled {
  background-color: var(--color-ui-gray-50);
  color: var(--color-ui-gray-500);
  border-color: var(--color-ui-gray-300)
}

.sod_select.disabled:after {
  opacity: .3
}

.sod_select.disabled .sod_label svg {
  opacity: .2;
  filter: grayscale()
}

.sod_select.open {
  color: var(--color-ui-gray-800)
}

.sod_select:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L5 5L8 2' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 10px;
  height: 7px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  right: 13px
}

.sod_select.open:before {
  transform: rotate(180deg)
}

.sod_select:not(.b-number_select):after {
  display: none
}

.sod-select {
  opacity: 0;
  height: 50px
}

.sod-select-two {
  opacity: 0;
  position: absolute
}

.sod_select .sod_label {
  width: 100%;
  margin: auto;
  padding: 3px 0
}

.sod_select .sod_list_wrapper {
  z-index: 10;
  border: 1px solid var(--color-ui-gray-100);
  border-radius: var(--bdrs-m);
  width: calc(100% + 2px);
  margin: 0;
  font-weight: 400;
  transition: opacity .2s, transform .2s;
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: -2px;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}

.sod_select--three .sod_list_wrapper {
  width: 300px
}

.sod_select.above .sod_list_wrapper {
  border-top: none;
  top: auto;
  bottom: calc(100% + 5px)
}

.sod_select:not(.open) .sod_list_wrapper {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  transform: translateY(-6px)
}

.sod_select .sod_option {
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  display: flex
}

.sod_option--last {
  border-top: 1px solid #f5f5f5
}

.sod_select .sod_option[data-value=placeholder] {
  display: none
}

.sod_select .sod_option.selected {
  color: var(--color-ui-gray-800);
  background: #fff;
  padding-right: 8px;
  font-weight: 500
}

.sod_select .sod_option.active {
  background: var(--color-ui-blue-50)
}

.sod_select .sod_option.selected:before,
.sod_select .sod_option.is-placeholder {
  display: none
}

.slick-slider {
  -webkit-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;
  position: relative
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate(0, 0)
}

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

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

.slick-track:after {
  clear: both
}

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

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

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

.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 {
  border: 1px solid #0000;
  height: auto;
  display: block
}

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

.slick-event .slick-arrow {
  color: #a9a9a9;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 26px;
  position: absolute;
  bottom: 67px
}

.slick-event .slick-prev {
  left: calc(50% - 70px)
}

.slick-event .slick-next {
  right: calc(50% - 70px)
}

.e-btn {
  border: var(--_normal-border-style);
  border-radius: var(--_bdrs-size);
  background: linear-gradient(to bottom, var(--_normal-background-gradient-start), var(--_normal-background-gradient-end));
  text-align: center;
  font-family: inherit;
  line-height: normal;
  font-weight: var(--_normal-foreground-weight);
  color: var(--_normal-foreground-color);
  cursor: pointer;
  border-color: var(--_normal-border-color);
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex
}

@media (hover:hover) and (pointer:fine) {
  .e-btn:not([disabled]):hover {
    background: linear-gradient(to bottom, var(--_hover-background-gradient-start), var(--_hover-background-gradient-end))
  }
}

.e-btn:not(.is-spinner):disabled {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none
}

.e-btn.is-spinner {
  color: #fff0;
  pointer-events: none;
  position: relative
}

.e-btn.is-spinner svg {
  opacity: 0
}

.e-btn.is-spinner:before {
  content: "";
  background-image: radial-gradient(circle, var(--_normal-foreground-color).125rem, #fff0 .1875rem);
  width: 100%;
  animation: 1s linear infinite eSpinner;
  position: absolute;
  inset: 0
}

.e-btn--size-s {
  --_bdrs-size: .75rem;
  min-height: 2.5rem;
  font-size: var(--typo-xs-fs);
  padding-inline: 1em
}

.e-btn--size-m {
  --_bdrs-size: var(--bdrs-s);
  min-height: 3rem;
  font-size: var(--typo-s-fs);
  padding-inline: 1em
}

.e-btn--var-primary {
  --_normal-border-style: none;
  --_normal-background-gradient-start: #089665;
  --_normal-background-gradient-end: #078358;
  --_normal-foreground-color: white;
  --_normal-foreground-weight: 500;
  --_hover-background-gradient-start: #07885b;
  --_hover-background-gradient-end: #06744e
}

.link-native {
  --_self-color: currentColor;
  --_self-underline-opacity: .4;
  white-space: nowrap;
  line-height: inherit;
  color: var(--_self-color);
  text-decoration: none;
  position: relative
}

@media (hover:hover) and (pointer:fine) {
  .link-native {
    cursor: pointer
  }

  .link-native:hover {
    --_self-underline-opacity: .8;
    color: var(--_self-color)
  }
}

.link-native:after {
  content: "";
  opacity: var(--_self-underline-opacity);
  border-bottom: 1px solid var(--_self-color);
  width: 100%;
  height: 0;
  position: absolute;
  bottom: -.05em;
  left: 0
}

.spinner {
  --size: 1.5rem;
  --size-two: .375rem;
  --color: var(--color-ui-gray-800);
  width: var(--size);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: inline-flex
}

.spinner:before {
  content: "";
  background-color: var(--color);
  width: var(--size-two);
  aspect-ratio: 1;
  border-radius: 100%;
  animation: 1s linear infinite eSpinner
}

@keyframes eSpinner {
  25% {
    translate: .25rem
  }

  75% {
    translate: -.25rem
  }
}

.form-item {
  --item-width: 17rem;
  --input-border-width: 2px;
  --input-typo-color: var(--color-ui-gray-800);
  --disabled-input-border-color: var(--color-ui-gray-300);
  --disabled-input-bg-color: var(--color-ui-gray-50);
  --disabled-input-typo-color: var(--color-ui-gray-500);
  --label-height: var(--typo-xs-lh-s);
  --alert-typo-color: var(--color-ui-red-500);
  width: var(--item-width);
  position: relative
}

.form-item:not(.is-alert) {
  --input-border-color: var(--color-ui-gray-800);
  --input-bg-color: white;
  --hover-input-box-shadow: 0 0 0 .25rem var(--color-ui-blue-100)
}

.form-item.is-alert {
  --input-border-color: var(--color-ui-red-500);
  --input-bg-color: var(--color-ui-red-50);
  --hover-input-box-shadow: 0 0 0 .25rem var(--color-ui-red-100)
}

.form-item_header {
  padding-top: var(--label-height);
  padding-bottom: .5rem;
  position: relative
}

.form-item_label {
  width: 100%;
  height: 100%;
  font-size: var(--typo-xs-fs);
  line-height: var(--label-height);
  color: var(--color-ui-gray-800);
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0
}

.form-item_info {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-s);
  color: var(--color-ui-gray-600)
}

.form-item_wrap {
  position: relative
}

.form-item--variant-one .form-item_wrap,
.form-item--variant-one .form-item_input {
  width: calc(var(--item-width)/2)
}

.form-item_alert {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-s);
  color: var(--alert-typo-color);
  font-weight: 400
}

.form-item:not(.is-alert) .form-item_alert {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden
}

.form-item.is-alert .form-item_alert {
  padding-top: .25rem;
  transition: opacity .1s
}

.form-item_input {
  background-color: var(--input-bg-color);
  width: 100%;
  height: 3rem;
  font-family: inherit;
  font-size: var(--typo-s-fs);
  color: var(--input-typo-color);
  border-color: var(--input-border-color);
  border-style: solid;
  border-width: var(--input-border-width);
  border-radius: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  line-height: normal
}

.form-item_input:-webkit-autofill {
  transition-property: color, background-color;
  transition-duration: 10000s
}

.form-item_textarea {
  border-radius: var(--bdrs-m);
  background-color: var(--input-bg-color);
  resize: none;
  width: 100%;
  height: auto;
  padding-top: var(--size-2xs);
  padding-right: var(--size-2xs);
  padding-left: var(--size-2xs);
  font-family: inherit;
  font-size: var(--typo-s-fs);
  line-height: var(--typo-s-lh-m);
  color: var(--input-typo-color);
  border-color: var(--input-border-color);
  border-style: solid;
  border-width: var(--input-border-width);
  display: block
}

.form-item_input:disabled,
.form-item_textarea:disabled {
  --input-bg-color: var(--disabled-input-bg-color);
  --input-border-color: var(--disabled-input-border-color);
  --input-typo-color: var(--disabled-input-typo-color);
  cursor: not-allowed
}

.form-item_input:not(:disabled):hover,
body:not(.is-focus) .form-item_input:focus,
.form-item_textarea:not(:disabled):hover,
body:not(.is-focus) .form-item_textarea:focus {
  box-shadow: var(--hover-input-box-shadow)
}

.form-item_selector {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0
}

.form-item_selector-flag {
  border: 1px solid var(--color-ui-gray-100);
  border-radius: .125rem;
  width: 2rem;
  height: auto;
  overflow: hidden
}

@media (min-width:768px) {
  .form-item_selector:focus-within {
    outline: 5px auto -webkit-focus-ring-color
  }
}

.form-item_selector-select {
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%;
  font-family: inherit;
  font-size: var(--typo-s-fs);
  color: var(--color-ui-gray-800);
  cursor: pointer;
  -webkit-appearance: menulist-button;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  inset: 0
}

@keyframes dashOffset {
  to {
    stroke-dashoffset: 0
  }
}

.form-item_sign {
  z-index: 2;
  border-radius: var(--bdrs-m);
  background: linear-gradient(to right, #fff0, var(--input-bg-color).25rem, var(--input-bg-color));
  pointer-events: none;
  stroke-width: 2px;
  stroke-dasharray: 300;
  stroke-dashoffset: 300px;
  fill: none;
  animation-duration: .8s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  position: absolute;
  top: 50%;
  right: .25rem;
  transform: translateY(-50%)
}

.form-item:not(.is-complete) .form-item_sign {
  display: none
}

.form-item.is-complete .form-item_sign {
  stroke: var(--color-ui-green-600);
  animation-name: dashOffset
}

.form-item.is-complete .form-item_input:disabled + .form-item_sign {
  stroke-dashoffset: 0;
  stroke: var(--color-ui-gray-300)
}

.form-item_input:disabled + .form-item_sign,
.form-item_textarea:disabled + .form-item_sign {
  --input-bg-color: var(--disabled-input-bg-color)
}

.form-item.is-complete .form-item_input {
  padding-right: 1.875rem
}

.form-item--phone-number {
  --select-width: 3.5rem;
  position: relative
}

.form-item--phone-number .form-item_input {
  padding-left: calc(var(--select-width) - .5rem)
}

.form-item--phone-number .sod_label {
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 0
}

.form-item--phone-number .sod_label svg {
  width: 1.75rem;
  height: auto
}

.form-item--phone-number .sod_select {
  min-width: 0;
  width: var(--select-width);
  text-transform: none;
  border-top-left-radius: var(--bdrs-m);
  border-bottom-left-radius: var(--bdrs-m);
  background-color: #0000;
  border: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: .625rem 0 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0
}

.form-item--phone-number:not(.is-init) .sod_select {
  visibility: hidden;
  pointer-events: none;
  width: 0;
  height: 0;
  overflow: hidden
}

.form-item--phone-number .sod_select:after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L5 5L8 2' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: .625rem;
  height: .4375rem;
  display: block;
  position: absolute;
  bottom: .375rem;
  left: 50%;
  transform: translate(-50%);
  content: "" !important
}

.form-item--phone-number .sod_select:hover:after {
  opacity: .6
}

.form-item--phone-number .sod_select:is(:hover, .open, .focus, :focus) {
  border: none;
  box-shadow: none !important
}

.form-item--phone-number .sod_select:before {
  display: none
}

.form-item--phone-number .sod_list_wrapper {
  z-index: 3;
  border: 1px solid var(--color-ui-gray-100);
  border-radius: var(--bdrs-m);
  font-size: var(--typo-s-fs);
  margin: 0;
  font-weight: 400;
  line-height: normal;
  transition-property: opacity, transform;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: block;
  top: calc(100% + .25rem);
  left: 0;
  overflow: hidden;
  box-shadow: 0 0 .5rem #2323231a
}

@media (min-width:768px) {
  .form-item--phone-number .sod_select .sod_list_wrapper {
    width: var(--item-width)
  }
}

.form-item--phone-number .sod_select:not(.open) .sod_list_wrapper {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0
}

.form-item--phone-number .sod_select:not(.open):not(.above) .sod_list_wrapper {
  transform: translateY(-.375rem)
}

.form-item--phone-number .sod_select.above:not(.open) .sod_list_wrapper {
  transform: translateY(.375rem)
}

.form-item--phone-number .sod_select.above .sod_list_wrapper {
  border-top: none;
  top: auto;
  bottom: calc(100% + .25rem)
}

.form-item--phone-number .sod_option {
  justify-content: space-between;
  transition: none
}

.form-item--phone-number .sod_option.selected:before {
  display: none
}

.form-one {
  --width-basic: 17.25rem;
  position: relative
}

.form-one--theme-one {
  --color-fill: white;
  border-radius: var(--bdrs-s);
  background-color: var(--color-fill);
  box-shadow: var(--shadow-one-s)
}

@media (max-width:767px) {
  .form-one--theme-one {
    padding: 2rem 1rem
  }
}

@media (min-width:768px) {
  .form-one--theme-one {
    padding: 1.5rem 2rem 2rem
  }
}

.form-one--variant-one {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.form-one--variant-one .form-one_title {
  text-align: center
}

.form-one_title {
  max-width: 16em;
  font-size: var(--typo-s-fs);
  line-height: var(--typo-s-lh-m);
  color: var(--color-ui-gray-700);
  margin-top: 0;
  margin-bottom: .75rem;
  font-weight: 600;
  position: relative;
  top: -.0625rem
}

.form-one_title--one {
  text-align: center
}

.form-one_floor + .form-one_floor {
  margin-top: .75rem
}

.form-one_floor + .form-one_floor--two,
.form-one_floor--two {
  margin-top: 1.25rem
}

.form-one_text {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  color: var(--color-ui-gray-700);
  margin: 0
}

.form-one_link {
  --color: currentColor;
  --underline-opacity: .4;
  white-space: nowrap;
  line-height: inherit;
  color: var(--color);
  position: relative
}

.form-one_link:hover {
  color: var(--color)
}

.form-one_link:after {
  content: "";
  opacity: var(--underline-opacity);
  border-bottom: 1px solid var(--color);
  width: 100%;
  height: 0;
  position: absolute;
  bottom: -.1em;
  left: 0
}

@media (min-width:768px) {
  .form-one_link:hover {
    --underline-opacity: .7
  }
}

.form-one_note {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-right: .75rem
}

.form-one_note + .form-one_note {
  margin-top: -.75rem
}

.form-one_btn--size-xs {
  min-width: calc(var(--width-basic)/3)
}

.form-one_btn--size-s {
  min-width: calc(var(--width-basic)/3*2)
}

.form-one_btn--size-full {
  width: var(--width-basic)
}

.form-one_btn.is-spinner .spinner + span,
.form-one_btn:not(.is-spinner) .spinner {
  display: none
}

.form-one_outro {
  max-width: calc(var(--width-basic) + var(--width-basic)/3);
  color: var(--color-ui-gray-500)
}

.form-one_note--size-l {
  max-width: calc(var(--width-basic) + var(--width-basic)/3)
}

.form-one_notice {
  z-index: 3;
  background-color: var(--color-fill);
  padding-top: 2rem;
  position: absolute;
  inset: .75rem
}

@media (min-width:48em) {
  .form-one_notice {
    padding-left: 1.25rem
  }
}

.form-one_notice p {
  font-size: var(--typo-s-fs);
  line-height: var(--typo-s-lh-m);
  color: var(--color-ui-gray-700);
  text-wrap: pretty;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400
}

.form-one_notice p:not(:last-child) {
  margin-bottom: .75rem
}

.form-one_notice .spinner {
  margin-top: .5rem;
  margin-bottom: .75rem
}

.form-one_notice svg {
  margin-bottom: .5rem
}

.form-one_notice .form-one_btn {
  margin-top: .5rem
}

@keyframes slideShowcase {
  0% {
    opacity: 0;
    transform: translateY(-50%)
  }

  5% {
    opacity: 1;
    transform: translateY(0)
  }

  95% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(50%)
  }
}

@media (max-width:767px) {
  .title {
    font-size: var(--typo-l-fs);
    line-height: var(--typo-l-lh-s);
    font-weight: 600
  }
}

@media (min-width:768px) {
  .title {
    font-size: var(--typo-2xl-fs);
    line-height: var(--typo-2xl-lh-s);
    font-weight: 600
  }
}

.title_showcase {
  display: block
}

.title_alt {
  opacity: 0;
  color: var(--color-typo-8);
  display: inline-block;
  position: absolute;
  left: 0
}

.title_alt.is-visible {
  animation-name: slideShowcase;
  animation-duration: var(--showcase-duration);
  animation-timing-function: linear;
  position: static
}

.features {
  padding: 0;
  list-style: none
}

@media (max-width:767px) {
  .features_item {
    max-width: 280px;
    margin-bottom: 8px
  }
}

@media (min-width:768px) {
  .features_item {
    padding-right: 32px
  }
}

@media (max-width:767px) {
  .features_ico {
    width: 80px;
    margin-bottom: -4px
  }
}

@media (min-width:768px) {
  .features_ico {
    width: 100px;
    margin-bottom: -8px;
    margin-left: -5px
  }
}

.features_title {
  font-weight: 600
}

@media (max-width:767px) {
  .features_title {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
    margin-bottom: 4px
  }
}

@media (min-width:768px) {
  .features_title {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-s);
    margin-bottom: 8px
  }
}

.features_text {
  color: var(--color-typo-2)
}

@media (max-width:767px) {
  .features_text {
    font-size: var(--typo-xs-fs);
    line-height: var(--typo-xs-lh-m)
  }
}

@media (min-width:768px) {
  .features_text {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m)
  }
}

.selection {
  padding: 0;
  list-style: none
}

@media (max-width:767px) {
  .selection_item {
    max-width: 280px;
    margin-bottom: 0
  }
}

@media (min-width:768px) {
  .selection_item {
    padding-right: 32px
  }
}

.selection_ico {
  width: 94px;
  margin-bottom: -16px;
  margin-left: -20px
}

@media (max-width:767px) {
  .selection_ico {
    margin-top: -12px
  }
}

.selection_title {
  font-weight: 600
}

@media (max-width:767px) {
  .selection_title {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
    margin-bottom: 4px
  }
}

@media (min-width:768px) {
  .selection_title {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-s);
    margin-bottom: 8px
  }
}

.selection_text {
  color: var(--color-typo-2)
}

@media (max-width:767px) {
  .selection_text {
    font-size: var(--typo-xs-fs);
    line-height: var(--typo-xs-lh-m)
  }
}

@media (min-width:768px) {
  .selection_text {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m)
  }
}

.person {
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.person_avatar {
  border-radius: 100%;
  position: relative;
  overflow: hidden
}

.person--size-s .person_avatar {
  width: var(--size-m);
  flex: 0 0 var(--size-m)
}

.person--size-m .person_avatar {
  width: var(--size-l);
  flex: 0 0 var(--size-l)
}

.person_avatar:before {
  content: "";
  padding-top: 100%;
  display: block
}

.person_pic {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0
}

.person_meta {
  margin-left: 12px
}

.person_name {
  font-size: var(--typo-s-fs);
  line-height: var(--typo-s-lh-s);
  font-weight: 600
}

.person_info {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-s);
  color: var(--color-typo-2);
  font-weight: 400
}

.skills {
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex
}

@media (min-width:768px) {
  .skills {
    justify-content: space-between
  }
}

@media (max-width:767px) {
  .skills_item {
    flex: 0 0 50%;
    margin-bottom: 16px;
    padding-right: 5px
  }
}

.skills_value {
  line-height: normal
}

@media (max-width:767px) {
  .skills_value {
    font-size: var(--typo-l-fs)
  }
}

@media (min-width:768px) {
  .skills_value {
    font-size: var(--typo-2xl-fs);
    margin-bottom: -4px;
    display: block
  }
}

.skills_label {
  font-weight: 500
}

@media (max-width:767px) {
  .skills_label {
    font-size: var(--typo-xs-fs);
    line-height: var(--typo-xs-lh-s)
  }
}

@media (min-width:768px) {
  .skills_label {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-s)
  }
}

.case-card {
  border-radius: var(--bdrs-s);
  background-color: var(--color-fill-6);
  position: relative;
  overflow: hidden
}

@media (min-width:768px) {
  .case-card:before {
    content: "";
    padding-top: 140%;
    display: block
  }

  .case-card_wrap {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0
  }
}

.case-card_floor {
  padding: var(--size-xs)
}

.case-card_answer {
  background-color: var(--color-fill-8)
}

.case-card_subtitle {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  margin-bottom: 8px;
  font-weight: 600
}

.case-card_person {
  margin-bottom: 4px
}

.case-card_intro {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  color: var(--color-typo-2)
}

.case-card_expert {
  margin-bottom: 16px
}

.case-card_player {
  width: 100%
}

.case-card_player::-webkit-media-controls-play-button {
  background-color: #fff
}

.case-card_player::-webkit-media-controls-panel {
  background-color: #fff
}

.review-card {
  border: 1px solid var(--color-border-1);
  border-radius: var(--bdrs-s);
  background-color: var(--color-fill-6);
  position: relative;
  overflow: hidden
}

@media (min-width:768px) {
  .review-card:before {
    content: "";
    padding-top: 130%;
    display: block
  }
}

.review-card_wrap {
  flex-direction: column;
  justify-content: flex-start;
  display: flex
}

@media (min-width:768px) {
  .review-card_wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
  }
}

.review-card_floor {
  padding: var(--size-xs)
}

.review-card_answer {
  background-color: var(--color-fill-5);
  height: 100%
}

.review-card_subtitle {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  color: var(--color-typo-5);
  margin-bottom: 8px;
  font-weight: 600
}

.review-card_person {
  margin-bottom: 4px
}

.review-card_question {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  color: var(--color-typo-2)
}

.review-card_question--one {
  color: var(--color-typo-4);
  font-weight: 300
}

.review-card_expert {
  margin-bottom: 16px
}

@media (min-width:768px) {
  .slick:not(.slick-initialized) {
    flex-wrap: wrap;
    display: flex
  }

  .slick .slick-arrow {
    z-index: 10;
    height: var(--size-l);
    width: var(--size-l);
    cursor: pointer;
    padding: 0;
    font-size: 0;
    position: absolute
  }

  .slick .slick-arrow--prev {
    transform: rotate(-180deg)
  }

  .slick-arrow.slick-disabled {
    cursor: default;
    pointer-events: none
  }
}

.slick .slick-dots {
  justify-content: center;
  padding: 0;
  font-size: 0;
  display: flex
}

.slick--theme-one {
  --base: 8px
}

@media (min-width:768px) {
  .slick--theme-one {
    margin-right: calc(var(--base)/-2);
    margin-left: calc(var(--base)/-2)
  }
}

.slick--theme-one .slick_item {
  margin-right: calc(var(--base)/2);
  margin-left: calc(var(--base)/2)
}

@media (min-width:768px) {
  .slick--theme-one .slick_item {
    flex-basis: calc(33.33% - var(--base))
  }
}

@media (max-width:767px) {
  .section-case {
    overflow: hidden
  }

  .slick--theme-one li {
    margin-left: 4px;
    margin-right: 4px
  }

  .slick--theme-one li:not(.slick-active) button {
    width: var(--base);
    cursor: pointer
  }

  .slick--theme-one li.slick-active button {
    width: calc(var(--base)*4)
  }

  .slick--theme-one .slick-dots {
    width: 100%;
    position: absolute;
    bottom: -24px
  }

  .slick--theme-one .slick-dots button {
    --base: 8px;
    border-radius: var(--base);
    background-color: var(--color-typo-1);
    height: var(--base);
    transition: width var(--trns-one);
    border: none;
    padding: 0
  }

  .slick--theme-one .slick-list {
    overflow: visible
  }
}

.slick--theme-two {
  --base: 8px
}

@media (min-width:768px) {
  .slick--theme-two .slick-arrow {
    transition: opacity var(--trns-one);
    background-color: #0000;
    border: none;
    top: -72px
  }

  .slick--theme-two .slick-arrow.slick-disabled {
    opacity: .15
  }

  .slick--theme-two .slick-arrow_ico {
    width: 100%;
    transition: transform var(--trns-one);
    fill: var(--color-typo-4)
  }

  .slick--theme-two .slick-arrow:hover .slick-arrow_ico {
    transform: translate(6px)
  }

  .slick--theme-two .slick-arrow--prev {
    right: 70px
  }

  .slick--theme-two .slick-arrow--next {
    right: -10px
  }
}

@media (max-width:767px) {
  .section-expert {
    overflow: hidden
  }

  .slick--theme-two .slick-list {
    overflow: visible
  }
}

@media (min-width:768px) {

  .slick--theme-two:not(.slick-initialized),
  .slick--theme-two .slick-list {
    margin-right: calc(var(--base)/-2);
    margin-left: calc(var(--base)/-2)
  }
}

.slick--theme-two .slick_item {
  margin-right: calc(var(--base)/2);
  margin-left: calc(var(--base)/2)
}

.slick--theme-two:not(.slick-initialized) .slick_item {
  margin-bottom: 8px
}

@media (min-width:768px) {
  .slick--theme-two:not(.slick-initialized) .slick_item {
    flex-basis: calc(33.33% - var(--base))
  }
}

.slick--theme-two .slick-dots {
  width: 100%;
  position: absolute;
  bottom: -24px
}

.slick--theme-two .slick-dots button {
  --base: 8px;
  border-radius: var(--base);
  background-color: var(--color-typo-4);
  height: var(--base);
  transition: width var(--trns-one);
  border: none;
  padding: 0
}

.slick--theme-two li {
  margin-left: 4px;
  margin-right: 4px
}

.slick--theme-two li:not(.slick-active) button {
  width: var(--base);
  cursor: pointer
}

.slick--theme-two li.slick-active button {
  width: calc(var(--base)*4)
}

.slick--theme-three {
  --base: 8px
}

@media (min-width:768px) {
  .slick--theme-three .slick-arrow {
    transition: opacity var(--trns-one);
    background-color: #0000;
    border: none;
    top: -72px
  }

  .slick--theme-three .slick-arrow.slick-disabled {
    opacity: .15
  }

  .slick--theme-three .slick-arrow_ico {
    width: 100%;
    transition: transform var(--trns-one);
    fill: var(--color-typo-1)
  }

  .slick--theme-three .slick-arrow:hover .slick-arrow_ico {
    transform: translate(6px)
  }

  .slick--theme-three .slick-arrow--prev {
    right: 70px
  }

  .slick--theme-three .slick-arrow--next {
    right: -10px
  }
}

@media (max-width:767px) {
  .section-review {
    overflow: hidden
  }

  .slick--theme-three .slick-list {
    overflow: visible
  }
}

@media (min-width:768px) {

  .slick--theme-three:not(.slick-initialized),
  .slick--theme-three .slick-list {
    margin-right: calc(var(--base)/-2);
    margin-left: calc(var(--base)/-2)
  }
}

.slick--theme-three .slick_item {
  margin-right: calc(var(--base)/2);
  margin-left: calc(var(--base)/2)
}

.slick--theme-three:not(.slick-initialized) .slick_item {
  margin-bottom: 8px
}

@media (min-width:768px) {
  .slick--theme-three:not(.slick-initialized) .slick_item {
    flex-basis: calc(50% - var(--base))
  }
}

.slick--theme-three .slick-dots {
  width: 100%;
  position: absolute;
  bottom: -24px
}

.slick--theme-three .slick-dots button {
  --base: 8px;
  border-radius: var(--base);
  background-color: var(--color-typo-1);
  height: var(--base);
  transition: width var(--trns-one);
  border: none;
  padding: 0
}

.slick--theme-three li {
  margin-left: 4px;
  margin-right: 4px
}

.slick--theme-three li:not(.slick-active) button {
  width: var(--base);
  cursor: pointer
}

.slick--theme-three li.slick-active button {
  width: calc(var(--base)*4)
}

.cta {
  flex-direction: column;
  align-items: center;
  display: flex
}

.cta_text {
  text-align: center
}

@media (max-width:767px) {
  .cta_text {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
    margin-bottom: 24px
  }
}

@media (min-width:768px) {
  .cta_text {
    max-width: 30em;
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-l);
    margin-bottom: 32px
  }
}

.cta_text--one {
  color: var(--color-typo-4);
  font-weight: 300
}

.exp-card {
  border-radius: var(--bdrs-s);
  background-color: var(--color-fill-3);
  position: relative;
  overflow: hidden
}

.exp-card:before {
  content: "";
  padding-top: 140%;
  display: block
}

.exp-card_wrap {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0
}

.exp-card_picture {
  width: 100%;
  position: absolute;
  top: -5%;
  left: 0;
  right: 0
}

.exp-card_cnt {
  z-index: 2;
  background-color: var(--color-fill-6);
  width: 100%;
  padding: var(--size-xs)var(--size-xs)var(--size-s);
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative
}

.exp-card_title {
  font-size: var(--typo-m-fs);
  line-height: var(--typo-m-lh-s);
  margin-bottom: 4px;
  font-weight: 600
}

.exp-card_text {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  color: var(--color-typo-2);
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 400
}

.exp-card_footer {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.exp-card_meta {
  align-items: center;
  display: flex
}

.exp-card_rating {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  align-items: center;
  margin-right: 8px;
  font-weight: 600;
  display: flex
}

.exp-card_star {
  width: 20px;
  fill: var(--color-typo-5);
  flex-shrink: 0;
  margin-left: -2px;
  margin-right: 2px
}

.exp-card_val {
  font-size: var(--typo-xs-fs);
  line-height: var(--typo-xs-lh-m);
  font-weight: 400
}

.partners {
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex
}

.partners_label {
  font-size: var(--typo-xs-fs);
  color: var(--color-typo-3);
  flex-basis: 100%;
  margin-bottom: 8px;
  font-weight: 400
}

.partners_item {
  background-image: url(../img/sprite-partners.svg);
  background-repeat: no-repeat
}

.partners_item:not(:last-child) {
  margin-bottom: 4px;
  margin-right: 16px
}

.partners_item--sun {
  width: 194px;
  height: 37px
}

.partners_item--cosmo {
  background-position: 0 -42px;
  width: 116px;
  height: 22px
}

.partners_item--ftime {
  background-position: 0 -67px;
  width: 145px;
  height: 23px
}

.partners_item--rambler {
  background-position: 0 -94px;
  width: 111px;
  height: 25px;
  margin-top: 10px
}

.partners_item--lj {
  background-position: 0 -123px;
  width: 153px;
  height: 28px;
  margin-top: 8px;
  margin-right: 18px
}

.partners_item--ranm {
  background-position: 0 -155px;
  width: 97px;
  height: 17px
}

@media (min-width:768px) {
  .call {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }
}

.call_label {
  font-size: var(--typo-xs-fs);
  color: var(--color-typo-3)
}

@media (max-width:767px) {
  .call_label {
    line-height: var(--typo-xs-lh-m)
  }
}

@media (min-width:768px) {
  .call_label {
    max-width: 540px;
    line-height: var(--typo-xs-lh-l);
    margin-right: 8px
  }
}

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

@media (max-width:767px) {
  .call_wrap {
    margin-top: 8px
  }
}

@media (min-width:768px) {
  .call_wrap {
    margin-top: 2px
  }
}

.call_item {
  width: 48px;
  height: 48px;
  transition: border-color var(--trns-one);
  border: 1px solid #8888884d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: inline-flex
}

.call_item:not(:last-child) {
  margin-right: 5px
}

.call_item svg {
  fill: var(--color-typo-3)
}

@media (min-width:768px) {
  .call_item:hover {
    border-color: #888888b3
  }
}

html {
  font-family: var(--typo-ff-1);
  font-size: var(--typo-xs-fs);
  -webkit-font-smoothing: antialiased;
  color: var(--color-typo-1);
  overflow-wrap: anywhere;
  scroll-behavior: smooth;
  background-color: #fff
}

@media (max-width:767px) {
  .cnt-wrap {
    padding-right: var(--size-xs);
    padding-left: var(--size-xs)
  }
}

@media (min-width:768px) {
  .cnt-wrap {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
  }

  .holder {
    align-items: flex-start;
    display: flex
  }

  .holder--2 .holder_item {
    flex-basis: 50%
  }

  .holder--3 .holder_item {
    flex-basis: 33.33%
  }

  .holder--4 .holder_item {
    flex-basis: 25%
  }
}

@media (max-width:767px) {
  .section {
    padding-top: 48px;
    padding-bottom: 48px
  }
}

@media (min-width:768px) {
  .section {
    padding-top: 72px;
    padding-bottom: 72px
  }
}

.section_subtitle {
  font-weight: 600
}

@media (max-width:767px) {
  .section_subtitle {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-m);
    margin-top: -8px;
    margin-bottom: 32px
  }
}

@media (min-width:768px) {
  .section_subtitle {
    max-width: 760px;
    font-size: var(--typo-xl-fs);
    line-height: var(--typo-xl-lh-m);
    margin-top: -20px;
    margin-bottom: 40px
  }
}

.section_subtitle--one {
  color: var(--color-typo-4);
  font-weight: 500
}

@media (min-width:768px) {
  .section_subtitle--two {
    line-height: var(--typo-xl-lh-s)
  }
}

.section_subtitle span {
  color: var(--color-typo-8)
}

.section_text {
  color: var(--color-typo-2)
}

@media (max-width:767px) {
  .section_text {
    margin-bottom: var(--typo-xs-ps-s);
    font-size: var(--typo-xs-fs);
    line-height: var(--typo-xs-lh-m)
  }
}

@media (min-width:768px) {
  .section_text {
    max-width: 700px;
    margin-bottom: var(--typo-m-ps-l);
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-m)
  }
}

.section-header {
  background-color: var(--color-fill-2)
}

@media (max-width:767px) {
  .section-header {
    padding-top: 16px;
    padding-bottom: 0
  }
}

@media (min-width:768px) {
  .section-header {
    padding-top: 32px;
    padding-bottom: 0
  }
}

.section-intro {
  background-color: var(--color-fill-2)
}

@media (min-width:768px) {
  .section-intro {
    flex-direction: column;
    padding-top: 64px;
    padding-bottom: 114px;
    display: flex
  }

  .section-intro_cnt {
    justify-content: space-between;
    display: flex
  }
}

.section-intro_header {
  justify-content: flex-start;
  align-items: center;
  display: flex
}

@media (max-width:767px) {
  .section-intro_header {
    max-width: 360px
  }
}

@media (min-width:768px) {
  .section-intro_header {
    max-width: 430px
  }
}

.section-intro_logo {
  flex-shrink: 0
}

@media (max-width:767px) {
  .section-intro_logo {
    width: 96px
  }
}

@media (min-width:768px) {
  .section-intro_logo {
    width: 120px
  }
}

@media (max-width:767px) {
  .section-intro_label {
    font-size: var(--typo-2xs-fs);
    line-height: var(--typo-2xs-lh-m);
    margin-left: 12px
  }
}

@media (min-width:768px) {
  .section-intro_label {
    font-size: var(--typo-xs-fs);
    line-height: var(--typo-xs-lh-m);
    margin-left: 16px
  }

  .section-intro_left {
    flex-direction: column;
    justify-content: space-between;
    display: flex
  }
}

.section-intro_right {
  position: relative
}

@media (max-width:767px) {
  .section-intro_right {
    margin-top: 40px;
    margin-bottom: -30px;
    padding-bottom: 80px
  }
}

@media (min-width:768px) {
  .section-intro_right {
    flex-shrink: 0;
    margin-top: -20px;
    margin-bottom: -30px;
    margin-right: -50px
  }
}

@media (max-width:340px) {
  .section-intro_title {
    min-height: 240px
  }
}

@media (min-width:341px) and (max-width:400px) {
  .section-intro_title {
    min-height: 200px
  }
}

@media (min-width:401px) and (max-width:767px) {
  .section-intro_title {
    margin-bottom: 20px
  }
}

@media (min-width:768px) {
  .section-intro_title {
    max-width: 700px;
    margin-top: -8px;
    margin-bottom: 20px
  }
}

@media (max-width:767px) {
  .section-intro_text {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
    margin-bottom: 32px
  }

  .section-intro_text--one {
    font-size: var(--typo-m-fs);
    font-weight: 500;
    line-height: var(--typo-m-lh-s);
    margin-bottom: 8px
  }
}

@media (min-width:768px) {
  .section-intro_text {
    max-width: 500px;
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-m);
    margin-bottom: 32px
  }

  .section-intro_text--one {
    font-size: var(--typo-xl-fs);
    font-weight: 500;
    line-height: var(--typo-xl-lh-m);
    margin-bottom: 16px
  }
}

.section-intro_text span {
  font-weight: 500
}

@media (max-width:767px) {
  .section-intro_btn {
    justify-content: center;
    align-items: center;
    display: flex
  }
}

.section-intro_pointer {
  position: absolute
}

@media (max-width:767px) {
  .section-intro_pointer {
    bottom: 0;
    left: 0
  }
}

@media (min-width:768px) {
  .section-intro_pointer {
    bottom: 12px;
    right: 100%
  }
}

.section-skills {
  border-bottom: 1px solid var(--color-border-1)
}

@media (max-width:767px) {
  .section-skills {
    padding-top: 20px;
    padding-bottom: 20px
  }
}

@media (min-width:768px) {
  .section-skills {
    padding-top: 20px;
    padding-bottom: 28px
  }
}

@media (max-width:767px) {
  .section-skills_skills {
    margin-bottom: -16px
  }
}

.section-features_list {
  margin-bottom: 0
}

@media (max-width:767px) {
  .section-features_list {
    margin-top: -16px
  }
}

@media (min-width:768px) {
  .section-features_list {
    margin-top: -16px
  }
}

@media (max-width:767px) {
  .section-features_outro {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
    margin-top: 24px
  }
}

@media (min-width:768px) {
  .section-features_outro {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-l);
    margin-top: 32px;
    margin-bottom: -8px
  }
}

.section-case {
  background-color: var(--color-fill-2)
}

@media (min-width:768px) {
  .section-case_slider {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 48px;
    display: flex
  }
}

@media (max-width:767px) {
  .section-case_cta {
    margin-top: 48px
  }
}

@media (min-width:768px) {
  .section-case_cta {
    margin-top: 48px
  }
}

.section-expert {
  background-color: var(--color-fill-4);
  background-image: radial-gradient(circle at center, var(--color-fill-5), var(--color-fill-4))
}

@media (max-width:767px) {
  .section-expert_slider {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
  }

  .slick-initialized.section-expert_slider {
    margin-bottom: 24px
  }
}

@media (min-width:768px) {
  .section-expert_slider {
    margin-top: 48px
  }
}

@media (max-width:767px) {
  .section-expert_cta {
    margin-top: 48px
  }
}

@media (min-width:768px) {
  .section-expert_cta {
    margin-top: 56px
  }
}

.section-test_selection {
  margin-bottom: 0
}

@media (max-width:767px) {
  .section-test_selection {
    margin-top: -32px
  }
}

@media (min-width:768px) {
  .section-test_selection {
    margin-top: -32px;
    margin-bottom: -8px
  }
}

.section-advantages {
  background-color: var(--color-fill-2)
}

@media (min-width:768px) {
  .section-advantages_holder {
    justify-content: flex-start;
    align-items: center;
    display: flex
  }

  .section-advantages_right {
    flex: 0 0 50%;
    margin-left: 50px
  }
}

.section-advantages_list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

@media (max-width:767px) {
  .section-advantages_list {
    margin-top: -16px
  }
}

@media (min-width:768px) {
  .section-advantages_list {
    margin-top: 24px
  }
}

.section-advantages_item:not(:last-child) {
  margin-bottom: 20px
}

.section-advantages_subtitle {
  font-size: var(--typo-s-fs);
  font-weight: 600;
  line-height: var(--typo-s-lh-m);
  margin-bottom: 4px
}

.section-advantages_text {
  color: var(--color-typo-2)
}

@media (min-width:768px) {
  .section-advantages_text {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m)
  }
}

.section-advantages_pic {
  border-radius: 2px
}

@media (min-width:768px) {
  .section-advantages_pic {
    margin-bottom: 16px
  }
}

@media (max-width:767px) {
  .section-advantages_pic--two {
    display: none
  }

  .section-advantages_pic--one {
    margin-top: 28px;
    margin-bottom: 24px
  }
}

@media (min-width:768px) {
  .section-advantages_pic--one {
    display: none
  }
}

.section-review {
  background-color: var(--color-fill-6)
}

@media (min-width:768px) {
  .section-review {
    background-image: url(./../img/bg_1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1600px
  }
}

@media (max-width:767px) {
  .section-review_slider {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto
  }

  .slick-initialized.section-review_slider {
    margin-bottom: 24px
  }
}

@media (min-width:768px) {
  .section-review_slider {
    margin-top: 48px
  }
}

.section-registration {
  background-color: var(--color-fill-2);
  padding-bottom: 150px
}

@media (min-width:768px) {
  .section-registration_subtitle {
    margin-bottom: 32px
  }

  .section-registration_holder {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .section-registration_right {
    flex: 0 0 360px;
    margin-left: 50px
  }
}

.section-registration_list {
  color: var(--color-typo-2);
  padding-left: 0;
  list-style: none
}

@media (max-width:767px) {
  .section-registration_list {
    margin-top: -16px
  }
}

@media (min-width:768px) {
  .section-registration_list {
    max-width: 500px;
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m)
  }
}

@media (max-width:767px) {
  .section-registration_list li {
    margin-bottom: 12px
  }
}

@media (min-width:768px) {
  .section-registration_list li {
    margin-bottom: 16px
  }
}

@media (max-width:767px) {
  .section-registration_form {
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto
  }
}

@media (min-width:768px) {
  .section-registration_form {
    margin-top: -30px
  }
}

.section-footer {
  background-color: var(--color-fill-3);
  margin-top: auto
}

.section-footer_text {
  max-width: none;
  font-size: var(--typo-2xs-fs);
  color: var(--color-typo-3)
}

@media (max-width:767px) {
  .section-footer_text {
    line-height: var(--typo-2xs-lh-m)
  }
}

@media (min-width:768px) {
  .section-footer_text {
    line-height: var(--typo-2xs-lh-l)
  }
}

.section-footer_link {
  color: inherit;
  border-bottom: 1px solid #88888880
}

.section-footer_link:hover {
  color: inherit
}

@media (min-width:768px) {
  .section-footer_link:hover {
    transition: border-color var(--trns-one);
    border-color: #888c
  }
}

@media (max-width:767px) {
  .section-footer_call {
    flex-direction: column;
    margin-bottom: 24px
  }
}

@media (min-width:768px) {
  .section-footer_call {
    margin-bottom: 32px
  }
}

@media (max-width:767px) {
  .section-footer_partners {
    margin-bottom: 20px
  }
}

@media (min-width:768px) {
  .section-footer_partners {
    margin-top: -24px;
    margin-bottom: 32px
  }
}