@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Inter-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Inter-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: fallback-inter;
  src: local("Arial");
  size-adjust: 107.4%;
  ascent-override: 90.2%;
  descent-override: 22.48%;
  line-gap-override: 0%;
  font-display: swap;
}
:root {
  --ON: initial;
  --OFF: ;
  --theme-light: var(--OFF);
  --theme-dark: var(--ON);
  --white: #fff;
  --primary-50: #fdf7e6;
  --primary-100: #fae7b2;
  --primary-200: #f7db8d;
  --primary-300: #f4ca5a;
  --primary-400: #f1c039;
  --primary-500: #eeb008;
  --primary-600: #d9a007;
  --primary-700: #a97d06;
  --primary-800: #836104;
  --primary-900: #644a03;
  --light-50: #fefefe;
  --light-100: #fbfbfb;
  --light-200: #f9f9f9;
  --light-300: #f7f7f7;
  --light-400: #f5f5f5;
  --light-500: #f3f3f3;
  --light-600: #ddd;
  --light-700: #adadad;
  --light-800: #868686;
  --light-900: #666;
  --dark-50: #ebebeb;
  --dark-100: #c0c0c0;
  --dark-200: #a1a1a1;
  --dark-300: #767676;
  --dark-400: #5c5c5c;
  --dark-500: #333;
  --dark-600: #2e2e2e;
  --dark-700: #242424;
  --dark-800: #1c1c1c;
  --dark-900: #151515;
  --red-50: #fbe9e8;
  --red-100: #f4bbb6;
  --red-200: #ee9a93;
  --red-300: #e76c62;
  --red-400: #e24f43;
  --red-500: #db2314;
  --red-600: #c72012;
  --red-700: #9b190e;
  --red-800: #78130b;
  --red-900: #5c0f08;
  --blue-50: #e6eaf6;
  --blue-100: #b0bfe2;
  --blue-200: #8aa0d4;
  --blue-300: #5474c0;
  --blue-400: #3359b4;
  --blue-500: #0030a1;
  --blue-600: #002c93;
  --blue-700: #002272;
  --blue-800: #001a59;
  --blue-900: #001444;
  --container-padding: 20px;
  --margin-block: 24px;
  --margin-heading: 16px;
  --margin-text: 14px;
  --white: #fefefe;
  --black-1: #212121;
  --black-2: #0e0d0f;
  --black-dark-blue: #0f0d3d;
  --grey-2: #7a7a7a;
  --yellow-1: #ffb805;
  --yellow-2: #ffcf55;
  --yellow-3: #ffa600;
  --yellow-4: #ffedc0;
  --grey-1: #f6f6f6;
  --blue-1: #93c0e9;
  --blue-2: #3690e1;
  --blue-3: #a9bfd3;
  --blue-4: rgba(169, 191, 211, 0.17);
  --green-light: #d6ffd8;
  --green-dark: #2a7761;
  --green-stroke: rgba(42, 119, 97, 0.3);
  --red-light: #ffd3d3;
  --red-dark: #e12727;
  --red-stroke: rgba(225, 39, 39, 0.3);
  --grey-3: #262626;
  --blue-5: #282672;
  --body-color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
  --body-bg: var(--theme-light, var(--white)) var(--theme-dark, var(--black-1));
}

@media (min-width: 740px) {
  :root {
    --spacer: 80px;
    --header-height: 102px;
  }
}
@media (max-width: 739.98px) {
  :root {
    --spacer: 60px;
    --header-height: 90px;
  }
}
html:has(#themeToggle:checked) {
  --theme-light: var(--ON);
  --theme-dark: var(--OFF);
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background: var(--primary-500);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--theme-light, var(--primary-700)) var(--theme-dark, var(--primary-600));
}

::selection {
  color: var(--theme-light, var(--light-100)) var(--theme-dark, var(--dark-900));
  background-color: var(--primary-300);
}

:-moz-focusring {
  outline: none;
}

:focus-visible {
  outline: none;
}

@-moz-document url-prefix() {
  html,
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--theme-yellow) var(--black-54);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 360px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  font-family: Inter, fallback-inter, sans-serif;
  font-weight: 500;
  line-height: normal;
  color: var(--body-color);
  background-color: var(--body-bg);
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1200px) {
  body {
    font-size: 20px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 739.98px) {
  body {
    font-size: 14px;
  }
}
body:has(.modal[open]) {
  overflow: hidden;
}

p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 250ms ease-in-out;
}

button {
  padding: 0;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: none;
}
button:not(:disabled) {
  cursor: pointer;
}

:disabled,
[disabled],
.disabled {
  pointer-events: none;
  cursor: default;
}

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

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

input,
textarea {
  width: 100%;
  margin: 0;
  font: inherit;
  color: inherit;
  border: none;
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:focus-visible {
  background-color: transparent !important;
  transition: background-color 5000000s ease-in-out 0s, color 5000000s ease-in-out 0s !important;
}

input::-webkit-contacts-auto-fill-button {
  position: absolute !important;
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

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

ul[class],
ol[class] {
  list-style: none;
}

img,
svg,
video,
iframe {
  display: block;
  max-width: 100%;
  user-select: none;
}

img {
  height: auto;
}

h2 {
  margin-block: 1em var(--margin-heading);
}

h3,
h4,
h5,
h6 {
  margin-top: 1em;
}
@media (min-width: 1200px) {
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 8px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 6px;
  }
}
@media (max-width: 739.98px) {
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 4px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 600;
  line-height: normal;
}

h1,
.h1 {
  margin: 0;
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 48px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  h1,
  .h1 {
    font-size: 36px;
  }
}
@media (max-width: 739.98px) {
  h1,
  .h1 {
    font-size: 26px;
  }
}

@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 42px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  h2,
  .h2 {
    font-size: 32px;
  }
}
@media (max-width: 739.98px) {
  h2,
  .h2 {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 36px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  h3,
  .h3 {
    font-size: 26px;
  }
}
@media (max-width: 739.98px) {
  h3,
  .h3 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 24px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  h4,
  .h4 {
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  h4,
  .h4 {
    font-size: 16px;
  }
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

.container {
  width: min(100%, 1340px);
  padding-inline: var(--container-padding);
  margin-inline: auto;
}

.footer {
  margin-top: auto;
}

#overlay {
  position: fixed;
  inset: 0;
  z-index: 7;
  visibility: hidden;
  background-color: #000;
  opacity: 0;
  transition: all 250ms ease-in-out;
  transform: translateZ(0);
}
#overlay.show {
  z-index: 11;
  visibility: visible;
  opacity: 0.6;
}

@media (max-width: 1199.98px) {
  [data-visible=onlyDesktop] {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  [data-visible=noDesktop] {
    display: none !important;
  }
}

@media (min-width: 740px) {
  [data-visible=onlyMobile] {
    display: none !important;
  }
}

@media (max-width: 739.98px) {
  [data-visible=noMobile] {
    display: none !important;
  }
}

body,
html {
  overflow-x: hidden;
}

.main {
  position: relative;
  isolation: isolate;
}
.main_container {
  max-width: 1050px;
  padding-inline: var(--container-padding);
  margin-inline: auto;
}
.main_container ul:not([class]),
.main_container ol:not([class]) {
  display: grid;
  row-gap: 10px;
  padding-inline-start: 1.1em;
  margin-block: var(--margin-heading);
  margin-inline-start: 0.25em;
}
.main_container a:not([class]) {
  color: var(--yellow);
  text-decoration: underline;
}
.main_container a:not([class]):hover, .main_container a:not([class]):focus-visible {
  text-decoration: none;
}
.main_container p:not([class]) {
  margin-block: var(--margin-text);
}
.main_container > div:not(.spacer, :first-child) {
  margin-top: var(--margin-block);
}
.main_container > div:not(.spacer, :last-child) {
  margin-bottom: var(--margin-block);
}
.main_container .spacer + *,
.main_container :not([class]):first-child,
.main_container .content-pic:first-child {
  margin-top: 0 !important;
}
.main_container :has(+ .spacer),
.main_container :not([class]):last-child,
.main_container .content-pic:last-child {
  margin-bottom: 0 !important;
}
.main_container > ul:not([class]),
.main_container > ol:not([class]),
.main_container .accent > ul:not([class]),
.main_container .accent > ol:not([class]) {
  --margin-text: 6px;
  display: grid;
  row-gap: 16px;
  padding: 0;
  margin-block: 20px;
  margin-inline: auto;
  list-style: none;
}
.main_container > ul:not([class]) li,
.main_container > ol:not([class]) li,
.main_container .accent > ul:not([class]) li,
.main_container .accent > ol:not([class]) li {
  position: relative;
  align-content: center;
  min-height: var(--marker-size);
  padding-inline-start: calc(var(--marker-size) + 28px);
}
@media (min-width: 740px) {
  .main_container > ul:not([class]) li,
  .main_container > ol:not([class]) li,
  .main_container .accent > ul:not([class]) li,
  .main_container .accent > ol:not([class]) li {
    --marker-size: 40px;
  }
}
@media (max-width: 739.98px) {
  .main_container > ul:not([class]) li,
  .main_container > ol:not([class]) li,
  .main_container .accent > ul:not([class]) li,
  .main_container .accent > ol:not([class]) li {
    --marker-size: 24px;
  }
}
.main_container > ul:not([class]) li::before,
.main_container > ol:not([class]) li::before,
.main_container .accent > ul:not([class]) li::before,
.main_container .accent > ol:not([class]) li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: var(--marker-size);
  height: var(--marker-size);
  border-radius: 50%;
}
.main_container > ul:not([class]) b,
.main_container > ol:not([class]) b,
.main_container .accent > ul:not([class]) b,
.main_container .accent > ol:not([class]) b {
  font-weight: 600;
  color: var(--primary-500);
}
@media (min-width: 1200px) {
  .main_container > ul:not([class]) b,
  .main_container > ol:not([class]) b,
  .main_container .accent > ul:not([class]) b,
  .main_container .accent > ol:not([class]) b {
    font-size: 24px;
  }
}
@media (max-width: 1199.98px) {
  .main_container > ul:not([class]) b,
  .main_container > ol:not([class]) b,
  .main_container .accent > ul:not([class]) b,
  .main_container .accent > ol:not([class]) b {
    font-size: 20px;
  }
}
.main_container > ul:not([class]) li::before,
.main_container .accent > ul:not([class]) li::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Ccircle cx='20' cy='20' r='10' fill='%23EEB008'/%3E%3C/svg%3E") no-repeat center/contain;
}
.main_container > ol:not([class]),
.main_container .accent > ol:not([class]) {
  counter-reset: list;
}
.main_container > ol:not([class]) li,
.main_container .accent > ol:not([class]) li {
  counter-increment: list;
}
.main_container > ol:not([class]) li::before,
.main_container .accent > ol:not([class]) li::before {
  font-weight: 600;
  line-height: 1;
  color: var(--primary-500);
  content: counter(list, decimal-leading-zero);
  border: solid 1px currentColor;
}
@media (min-width: 740px) {
  .main_container > ol:not([class]) li::before,
  .main_container .accent > ol:not([class]) li::before {
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .main_container > ol:not([class]) li::before,
  .main_container .accent > ol:not([class]) li::before {
    font-size: 12px;
  }
}

.spacer {
  height: var(--spacer);
}

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

.content-btn {
  width: fit-content;
  margin-inline: auto;
  margin-top: 32px;
}
.content-btn:not(:last-child) {
  margin-bottom: 40px;
}

.btn-with-icon svg path {
  fill: var(--theme-light, var(--light-100)) var(--theme-dark, var(--dark-800));
}

.content-pic {
  margin-block: var(--margin-block);
  margin-inline: auto;
  border-radius: 16px;
}

.content-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  object-fit: cover;
}
.content-bg + * {
  margin-top: 0 !important;
}

.content-center {
  text-align: center;
}
@media (min-width: 1200px) {
  .content-center > *:not(h2, h3, .btn) {
    max-width: 810px;
    margin-inline: auto;
  }
}

.content-flag {
  position: relative;
  z-index: -1;
  display: grid;
  justify-items: center;
  float: left;
  width: 100%;
  height: 0;
  margin-block: 0 !important;
}
.content-flag--revert {
  transform: scaleX(-1);
}
.content-flag_pic {
  position: absolute;
  top: var(--margin-block);
  width: min(1440px, 100vw);
  max-width: unset;
}
@media (min-width: 1441px) {
  .content-flag_pic {
    mask-image: linear-gradient(to left, transparent, #fff 20px, #fff calc(100% - 20px), transparent);
  }
}

@media (min-width: 1280px) {
  .content-wide {
    width: calc(100% + 204px);
    margin-inline: -102px;
  }
}

:has(> .content-bg) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

[data-scrollable] {
  --height: 6px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
[data-scrollable]::-webkit-scrollbar {
  height: var(--height);
}
[data-scrollable]::-webkit-scrollbar-track {
  background: var(--dark-50);
  border-radius: var(--height);
}
[data-scrollable]::-webkit-scrollbar-thumb {
  background: var(--primary-500);
  border-radius: var(--height);
}
[data-scrollable]::-webkit-scrollbar-thumb:hover {
  opacity: 0.8;
}

@-moz-document url-prefix() {
  [data-scrollable] {
    scrollbar-width: thin;
    scrollbar-color: var(--theme-light, var(--gray)) var(--theme-dark, var(--black2)) var(--theme-light, var(--black-54)) var(--theme-dark, var(--white6));
  }
}
.has-scroll {
  padding-bottom: 16px;
  cursor: grab;
/*   user-select: none; */
  scroll-behavior: smooth;
}
.has-scroll > * {
  scroll-snap-align: start;
  flex: 0 0 auto;
}
.has-scroll:active {
  cursor: grabbing;
}
.has-scroll ::selection {
/*   background-color: transparent; */
}

:has(+ .footer) {
  padding-bottom: var(--spacer);
}

[class*=swiper-btn] {
  width: var(--size);
  height: var(--size);
  background-color: var(--theme-light, var(--black)) var(--theme-dark, var(--black2));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none'%3E%3Cpath fill='%23fff' d='m18.6 21 5.9 5.9-1.8 1.8L15 21l7.7-7.7 1.8 1.8-6 5.9Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  transition: opacity 150ms ease-in-out;
}
@media (min-width: 1200px) {
  [class*=swiper-btn] {
    --size: 45px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  [class*=swiper-btn] {
    --size: 32px;
  }
}
@media (max-width: 739.98px) {
  [class*=swiper-btn] {
    --size: 20px;
  }
}
[class*=swiper-btn]:hover, [class*=swiper-btn]:focus-visible {
  opacity: 0.7;
}

.swiper {
  width: 100%;
}
.swiper-btn-next {
  transform: rotate(180deg);
}
.swiper-pagination-lock {
  display: none;
}

.scroll_up {
  position: fixed;
  right: 50px;
  bottom: 50px;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.scroll_up svg {
  max-width: 25px;
  height: auto;
  transform: translateY(-1px);
}
.scroll_up svg path {
  stroke: var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-1));
}
@media screen and (max-width: 700px) {
  .scroll_up {
    display: none;
  }
}

.themeToggle {
  position: fixed;
  top: 75%;
  right: 5px;
  z-index: 10000;
  display: grid;
  place-items: center;
  width: 80px;
  height: 80px;
  color: var(--theme-light, var(--light-100)) var(--theme-dark, var(--dark-900));
  cursor: pointer;
  user-select: none;
  background-color: var(--theme-light, var(--dark-900)) var(--theme-dark, var(--light-100));
  border: solid 1px var(--theme-light, var(--light-100)) var(--theme-dark, var(--dark-900));
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: translateY(-50%);
}
.themeToggle input {
  display: none;
}

body:has(.themeToggle:hover) * {
  transition: none !important;
}

.header {
  position: relative;
  display: grid;
  align-items: center;
  min-height: var(--header-height);
  border-bottom: solid 1px rgba(169, 191, 211, 0.17);
  background: #0e0d0f;
}
.header_container {
  display: flex;
  align-items: center;
  padding-block: 20px 16px;
}
@media (min-width: 740px) {
  .header_container {
    column-gap: 48px;
  }
}
@media (max-width: 739.98px) {
  .header_container {
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
.header_logo {
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .header_logo {
    margin-right: auto;
  }
}
@media (max-width: 739.98px) {
  .header_logo {
    max-width: 93px;
  }
}
@media (min-width: 1200px) {
  .header_nav {
    margin-inline: auto;
  }
}
@media (max-width: 1199.98px) {
  .header_nav {
    position: absolute;
    top: var(--header-height);
    left: 0;
    z-index: 12;
    display: flex;
    flex-direction: column;
    place-content: center flex-start;
    width: 100%;
    height: calc(100vh - var(--header-height));
    height: calc(100dvh - var(--header-height));
    padding: 60px var(--container-padding);
    overflow: auto;
    visibility: hidden;
    background-color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--black-1));
    opacity: 0;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
    transition-property: opacity, visibility, transform;
    transform: translateY(10px);
  }
}
.header_nav.show {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}
.header_hamb {
  --size: 32px;
  --padding: 0px;
  --line-size: 3px;
  --space: 4px;
  position: relative;
  display: flex;
  align-items: center;
  width: var(--size);
  height: var(--size);
  padding: var(--padding);
  color: var(--body-color);
}
.header_hamb.active .header_hamb_line {
  top: calc(50% - var(--line-size) / 2);
  width: calc(var(--size) + 6px);
  margin-left: -3px;
}
.header_hamb.active .header_hamb_line:first-child {
  transform: rotate(-45deg);
}
.header_hamb.active .header_hamb_line:last-child {
  transform: rotate(45deg);
}
.header_hamb.active .header_hamb_line::before {
  opacity: 0;
}
.header_hamb_line, .header_hamb_line::before {
  position: absolute;
  display: block;
  width: calc(100% - 2 * var(--padding));
  height: var(--line-size);
  content: "";
  background-color: currentColor;
  border-radius: var(--line-size);
  transition: all 250ms ease-in-out;
}
.header_hamb_line:first-child {
  top: calc(50% - var(--line-size) - var(--space) / 2);
}
.header_hamb_line:first-child::before {
  bottom: calc(100% + var(--space));
}
.header_hamb_line:last-child {
  top: calc(50% + var(--space) / 2);
}
.header_hamb_line:last-child::before {
  top: calc(100% + var(--space));
}

.menu {
  display: flex;
  justify-content: center;
}
.menu a {
  display: block;
  transition: all 150ms ease-in-out;
  color: var(--grey-1);
}
@media (min-width: 1200px) {
  .menu--header {
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (max-width: 1199.98px) {
  .menu--header {
    flex-direction: column;
    margin-inline: calc(var(--container-padding) * -1);
  }
}
.menu--header a {
  font-size: 16px;
  font-weight: 500;
}
.menu--header a:hover, .menu--header a:focus-visible {
  color: #fefefe;
}
@media (min-width: 1200px) {
  .menu--header a {
    column-gap: 12px;
    align-items: center;
    padding: 16px;
  }
}
@media (max-width: 1199.98px) {
  .menu--header a {
    display: grid;
    grid-auto-flow: column;
    column-gap: var(--column-gap, 32px);
    place-content: center start;
    align-items: center;
    min-height: 60px;
    padding-inline: var(--padding-inline, 28px);
  }
}
@media (max-width: 1199.98px) {
  .menu--header a::before {
    width: var(--dot-size, 16px);
    height: var(--dot-size, 16px);
    content: "";
    background-color: currentColor;
    border-radius: 50%;
  }
}
@media (max-width: 1199.98px) {
  .menu--header > li > a {
    font-weight: 600;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .menu--header > li > a {
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .menu--header > li > a {
    --column-gap: 15px;
    --dot-size: 10px;
  }
}
.menu--header > li.menu-item-has-children {
  position: relative;
}
@media (min-width: 1200px) {
  .menu--header > li.menu-item-has-children:hover > a {
    color: var(--primary-500);
  }
  .menu--header > li.menu-item-has-children:hover > a::after {
    transform: scaleY(-1);
  }
  .menu--header > li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1199.98px) {
  .menu--header > li.menu-item-has-children:has(a:hover, a:focus-visible, a:active) > a::before {
    color: var(--primary-500);
  }
}
@media (min-width: 1200px) {
  .menu--header > li.menu-item-has-children > a {
    display: grid;
    grid-auto-flow: column;
    column-gap: 6px;
    align-items: center;
    justify-content: start;
  }
}
.menu--header > li.menu-item-has-children > a[href="#"] {
  cursor: default;
}
@media (min-width: 1200px) {
  .menu--header > li.menu-item-has-children > a::after {
    width: 16px;
    height: 16px;
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23001444' d='m7.61 11.34-4.45-4.4a.54.54 0 0 1 0-.77l.52-.51a.55.55 0 0 1 .78 0L8 9.15l3.54-3.5a.55.55 0 0 1 .78 0l.52.52c.21.21.21.56 0 .77l-4.45 4.4a.55.55 0 0 1-.78 0Z'/%3E%3C/svg%3E");
    transition: transform 150ms ease-in-out;
  }
}
.menu--header .sub-menu {
  transition: all 150ms ease-in-out;
}
@media (min-width: 1200px) {
  .menu--header .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    width: max-content;
    min-width: 275px;
    overflow: hidden;
    visibility: hidden;
    background-color: var(--body-bg);
    border-radius: 12px;
    opacity: 0;
    transform: translateY(-5px);
  }
}
.menu--header .sub-menu a:hover, .menu--header .sub-menu a:focus-visible {
  background-color: var(--theme-light, var(--primary-50)) var(--theme-dark, var(--dark-400));
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .menu--header .sub-menu a {
    --padding-inline: 85px;
    --dot-size: 10px;
  }
}
@media (max-width: 740px) {
  .menu--header .sub-menu a {
    --dot-size: 8px;
    --padding-inline: 36px;
    --column-gap: 24px;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .menu--header .sub-menu li:not(:last-child) {
    border-bottom: 1px solid var(--theme-light, var(--primary-100)) var(--theme-dark, var(--dark-600));
  }
}
.menu--footer {
  gap: var(--gap);
}
@media (min-width: 1200px) {
  .menu--footer {
    --gap: 40px;
    justify-content: space-evenly;
  }
}
@media (max-width: 1199.98px) {
  .menu--footer {
    --gap: 20px;
    flex-wrap: wrap;
  }
}
.menu--footer a {
  width: fit-content;
}
.menu--footer a:hover, .menu--footer a:focus-visible {
  color: var(--blue-500);
}
.menu--footer a[href="#"] {
  pointer-events: none;
}
.menu--footer > li {
  display: grid;
  flex-basis: calc((100% - 2 * var(--gap)) / 3);
  flex-grow: 1;
  row-gap: 10px;
  align-content: start;
  min-width: 120px;
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .menu--footer > li {
    justify-content: center;
  }
}
.menu--footer > li > a {
  width: fit-contnet;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .menu--footer > li > a {
    font-size: 24px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .menu--footer > li > a {
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .menu--footer > li > a {
    font-size: 16px;
  }
}
.menu--footer .sub-menu {
  display: grid;
  row-gap: 8px;
  align-content: start;
}
.menu--footer .sub-menu a {
  display: block;
  padding: 4px;
  margin: -4px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .menu--footer .sub-menu a {
    font-size: 18px;
  }
}
@media (max-width: 1199.98px) {
  .menu--footer .sub-menu a {
    font-size: 14px;
  }
}

[data-dropdown-toggle].active {
  pointer-events: none;
  cursor: default;
}
[data-dropdown-toggle]:not(.active):hover, [data-dropdown-toggle]:not(.active):focus-visible {
  opacity: 0.8;
}

[data-dropdown-content] {
  visibility: hidden;
  opacity: 0;
  transition-timing-function: ease-in-out;
  transition-duration: 250ms;
  transition-property: opacity, visibility, transform;
  transform: translateY(-4px) translateZ(0);
}
[data-dropdown-content].show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateZ(0);
}

[data-accordion-content] {
  overflow: hidden;
  transition: max-height 250ms ease-in-out;
}
[data-accordion-content].show {
  max-height: var(--max-height, 100%);
}
[data-accordion-content]:not(.show) {
  max-height: 0;
}

.hero_slot_review {
  background: var(--theme-light, var(--blue-1)) var(--theme-dark, var(--blue-4));
  padding: 75px 0px;
  padding-top: 70px;
}
.hero_slot_review .for_img {
  width: 100%;
  max-width: 1010px;
  margin: 0px auto;
  position: relative;
}
.hero_slot_review .for_img img {
  width: 100%;
}
.hero_slot_review .for_img .buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 37px;
  flex-wrap: wrap;
}
.hero_slot_review .for_img .buttons a {
  padding: 14px 40px !important;
  display: inline-flex;
  height: 56px;
}
@media screen and (max-width: 600px) {
  .hero_slot_review .for_img .buttons a {
    padding: 16px;
    height: 44px;
  }
}

button svg {
  pointer-events: none;
}

.btn {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  justify-content: center;
  min-width: 108px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  border-radius: 6px;
  transition: all 250ms ease-in-out;
  font-size: 16px;
}
@media (min-width: 740px) {
  .btn {
    column-gap: 12px;
    font-size: 16px;
  }
}
@media (max-width: 739.98px) {
  .btn {
    column-gap: 6px;
    font-size: 16px;
  }
}
@media (min-width: 740px) {
  .btn--sm {
    column-gap: 6px;
    font-size: 16px;
  }
}
.btn--primary {
  background-color: var(--yellow-1);
}
.btn--primary, .btn--primary:hover, .btn--primary:focus-visible {
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--black-1));
}
.btn--primary:hover, .btn--primary:focus-visible {
  background-color: var(--theme-light, var(--yellow-3)) var(--theme-dark, var(--yellow-3));
}
.btn--primary:active {
  background-color: var(--yellow-3);
}
.btn--primary:disabled, .btn--primary[disabled] {
  background-color: var(--yellow-2);
  color: var(--grey-2);
}
@media (min-width: 740px) {
  .btn--primary {
    padding: 14px 40px;
  }
}
@media (max-width: 739.98px) {
  .btn--primary {
    padding: 10px 18px;
  }
}
@media (min-width: 740px) {
  .btn--primary.btn--sm {
    padding: 10px 18px;
  }
}
.btn--outline {
  color: var(--theme-light, var(--dark-900)) var(--theme-dark, var(--primary-500));
  background-color: var(--theme-light, var(--primary-50)) var(--theme-dark, var(--dark-800));
  border: solid 1px var(--primary-500);
}
.btn--outline:hover, .btn--outline:focus-visible {
  color: var(--primary-700);
  border-color: var(--primary-700);
}
.btn--outline:active {
  color: var(--primary-800);
  border-color: var(--primary-800);
}
.btn--outline:disabled, .btn--outline[disabled] {
  color: var(--light-800);
  background-color: var(--dark-800);
  border-color: var(--light-800);
}
@media (min-width: 740px) {
  .btn--outline {
    padding: 11px 31px;
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .btn--outline {
    padding: 9px 17px;
    font-size: 16px;
  }
}
@media (min-width: 740px) {
  .btn--outline.btn--sm {
    padding: 9px 17px;
    font-size: 16px;
  }
}
.btn-more::before {
  content: attr(data-content);
}
.btn-more::after {
  display: none;
  content: attr(data-content-active);
}
.btn-more.active::before {
  display: none;
}
.btn-more.active::after {
  display: block;
}

.content_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  flex-wrap: wrap;
  margin: 0px auto;
}
.content_buttons .btn svg path {
  fill: var(--theme-light, var(--light-100)) var(--theme-dark, var(--dark-800));
}

.breadcrumbs {
  position: relative;
  z-index: 33;
}
@media (min-width: 1200px) {
  .breadcrumbs {
    padding-block: 38px 25px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .breadcrumbs {
    padding-block: 16px;
  }
}
@media (max-width: 739.98px) {
  .breadcrumbs {
    padding-block: 8px;
  }
}
.breadcrumbs_list {
  --padding-block: 8px;
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(var(--icon-size) + var(--padding-inline) * 2);
}
@media (min-width: 1200px) {
  .breadcrumbs_list {
    --icon-size: 16px;
    --padding-inline: 13px;
  }
}
@media (max-width: 1199.98px) {
  .breadcrumbs_list {
    --icon-size: 14px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .breadcrumbs_list {
    --padding-inline: 10px;
  }
}
@media (max-width: 739.98px) {
  .breadcrumbs_list {
    --padding-inline: 8px;
  }
}
.breadcrumbs_item {
  margin: calc(var(--padding-block) * -1) calc(var(--padding-inline) * -1);
  color: var(--theme-light, var(--grey-2)) var(--theme-dark, var(--grey-2));
}
@media (min-width: 1200px) {
  .breadcrumbs_item {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .breadcrumbs_item {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
  }
}
@media (max-width: 739.98px) {
  .breadcrumbs_item {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8;
  }
}
.breadcrumbs_item:not(:last-child) {
  position: relative;
}
.breadcrumbs_item:not(:last-child)::after {
  position: absolute;
  inset-inline-start: 100%;
  top: 50%;
  width: var(--icon-size);
  height: var(--icon-size);
  content: "";
  background-color: var(--white);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.02 4.31a.5.5 0 0 0-.7.71l1.17 1.17a14.7 14.7 0 0 1 1.2 1.31H2.67a.5.5 0 1 0 0 1h10.02l-.17.24c-.23.28-.55.6-1.03 1.07l-1.18 1.17a.5.5 0 0 0 .7.7l1.2-1.18c.46-.44.82-.8 1.08-1.13A2.17 2.17 0 0 0 13.83 8l-.01-.27a2.17 2.17 0 0 0-.53-1.1c-.26-.32-.62-.69-1.08-1.13l-1.2-1.19Z'/%3E%3C/svg%3E") center/contain;
  transform: translateY(-50%);
}
.breadcrumbs_item:last-child {
  padding: var(--padding-block) var(--padding-inline);
  color: var(--theme-light, var(--grey-2)) var(--theme-dark, var(--grey-2));
}
.breadcrumbs_link {
  display: block;
  padding: var(--padding-block) var(--padding-inline);
  opacity: 0.4;
  color: var(--theme-light, var(--grey-2)) var(--theme-dark, var(--grey-2));
}
.breadcrumbs_link:hover, .breadcrumbs_link:focus-visible {
  opacity: 1;
}

.hero {
  display: grid;
  align-content: center;
  padding-bottom: min(14%, 202px);
}
@media (min-width: 1200px) {
  .hero {
    min-height: 790px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .hero {
    min-height: 480px;
  }
}
@media (max-width: 739.98px) {
  .hero {
    min-height: 560px;
  }
}
.hero:has(.breadcrumbs) {
  grid-template-rows: 1fr auto 1fr;
}
@media (min-width: 1200px) {
  .hero:not(:has(.breadcrumbs)) .hero_content {
    padding-block: 80px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .hero:not(:has(.breadcrumbs)) .hero_content {
    padding-block: 60px;
  }
}
@media (max-width: 739.98px) {
  .hero:not(:has(.breadcrumbs)) .hero_content {
    padding-block: 40px;
  }
}
.hero_bg {
  bottom: auto;
  padding-bottom: min(7.7%, 111.1px);
  object-position: center;
}
.hero_flag {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 3;
  margin-inline: auto;
}
@media (min-width: 1441px) {
  .hero_flag {
    mask-image: linear-gradient(to left, transparent, #fff 20px, #fff calc(100% - 20px), transparent);
  }
}
.hero_content {
  display: grid;
  row-gap: 16px;
  max-width: 1340px;
  text-align: left;
}
.hero_content .hero_inherit_container {
  max-width: 680px;
}
.hero_content h1 {
  color: #fff;
  text-wrap: balance;
}
.hero_descr {
  display: grid;
  row-gap: 0.5em;
  color: #fff;
}
.hero_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: flex-start;
  justify-self: flex-start;
}
@media (min-width: 1200px) {
  .hero_btns {
    margin-top: 32px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .hero_btns {
    margin-top: 16px;
  }
}
@media (max-width: 739.98px) {
  .hero_btns {
    margin-top: 8px;
  }
}
.hero_btns .btn {
  color: #212121;
}
.hero_code {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}
.hero_code_btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  border: 1px solid #93c0e9;
  background: #0f0d3d;
  border-radius: 3px;
  padding: 10px 16px;
  box-sizing: border-box;
  padding-right: 0px;
  color: #fff;
}
.hero_code_btn svg:first-child {
  margin-right: 4px;
}
.hero_code_btn .right_icon_gift {
  border-left: 1px dashed #93c0e9;
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
.hero_code .btn--primary {
  color: #212121;
}
.hero--left .hero_content {
  text-align: left;
}
.hero--left .hero_btns {
  justify-self: start;
}

.table {
  width: fit-content;
  min-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.table--center {
  text-align: center;
}
.table--center img,
.table--center svg {
  margin-inline: auto;
}
.table th,
.table td {
  min-width: 140px;
  padding: 8px 16px;
  padding-inline: 20px;
  line-height: normal;
  vertical-align: middle;
}
@media (min-width: 740px) {
  .table th,
  .table td {
    height: 60px;
  }
}
@media (max-width: 739.98px) {
  .table th,
  .table td {
    height: 50px;
  }
}
.table th b,
.table th strong,
.table td b,
.table td strong {
  font-weight: 600;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
}
@media (min-width: 1200px) {
  .table th b,
  .table th strong,
  .table td b,
  .table td strong {
    font-size: 24px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .table th b,
  .table th strong,
  .table td b,
  .table td strong {
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .table th b,
  .table th strong,
  .table td b,
  .table td strong {
    font-size: 16px;
  }
}
.table th {
  font-size: 16px;
  font-weight: 600;
  color: var(--light-100);
  text-align: inherit;
  background-color: var(--blue-1);
}
@media (min-width: 1200px) {
  .table td {
    font-size: 18px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .table td {
    font-size: 16px;
  }
}
@media (max-width: 739.98px) {
  .table td {
    font-size: 14px;
  }
}
.table thead tr {
  background-color: var(--blue-1);
  color: var(--black-1);
}
.table thead tr td,
.table thead tr th {
  font-size: 16px;
  font-weight: 500;
  border-right: 1px solid var(--theme-light, var(--grey-2)) var(--theme-dark, var(--black-1));
}
.table thead tr td:last-child,
.table thead tr th:last-child {
  border: none;
}
.table tbody tr:nth-child(odd) {
  background-color: var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-2));
}
.table tbody tr:nth-child(even) {
  background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-1));
}
.table:has(thead) tbody tr:nth-child(odd) {
  background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-2));
}
.table:has(thead) tbody tr:nth-child(even) {
  background-color: var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-1));
}
.table:has(thead) tbody td:not(:last-child) {
  border-right: var(--theme-light, var(--grey-2)) var(--theme-dark, var(--black-1));
}
.table .content-pic {
  border-radius: 0;
}

.tableWrap {
  width: fit-content;
  min-width: 100%;
}
.tableWrap:has(thead) {
  overflow: hidden;
  border: solid 1px var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-2));
  border-radius: 10px;
}

.toc {
  width: 100%;
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: grid;
  margin-block: var(--margin-block);
  margin-top: -80px;
}
@media screen and (max-width: 1100px) {
  .toc {
    margin-top: -20px;
  }
}
.toc_toggle {
  position: relative;
  z-index: 2;
  display: grid;
  grid-auto-flow: column;
  column-gap: 6px;
  align-items: center;
  justify-content: start;
  width: 100%;
  padding: 10px 16px 10px 42px;
  margin-block: 12px;
  margin-inline: auto;
  font-size: 20px;
  font-weight: 500;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
  background-color: var(--blue-4);
  border-radius: 4px;
  transition: all 250ms ease-in-out;
  border-radius: 8px;
  min-height: 52px;
}
.toc_toggle::before {
  content: "";
  background-color: currentColor;
  display: block;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.125 7.25C12.7463 7.25 13.25 6.74632 13.25 6.125C13.25 5.50368 12.7463 5 12.125 5C11.5037 5 11 5.50368 11 6.125C11 6.74632 11.5037 7.25 12.125 7.25Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.125 13.5C12.7463 13.5 13.25 12.9963 13.25 12.375C13.25 11.7537 12.7463 11.25 12.125 11.25C11.5037 11.25 11 11.7537 11 12.375C11 12.9963 11.5037 13.5 12.125 13.5Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.125 19.75C12.7463 19.75 13.25 19.2463 13.25 18.625C13.25 18.0037 12.7463 17.5 12.125 17.5C11.5037 17.5 11 18.0037 11 18.625C11 19.2463 11.5037 19.75 12.125 19.75Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
.toc_toggle::after {
  display: block;
  width: 18px;
  height: 18px;
  margin-bottom: -1px;
  content: "";
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.67' d='m15 6-6 6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform 150ms ease-in-out;
  position: absolute;
  right: 16px;
  font-weight: 400;
}
.toc_toggle.active::after {
  transform: scaleY(-1);
}
.toc_link {
  display: grid;
  grid-auto-flow: column;
  column-gap: var(--column-gap);
  place-content: center start;
  align-items: center;
  min-height: 20px;
  padding-block: 10px;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
  background-color: transparent;
  transition: all 150ms ease-in-out;
  margin-left: 16px;
  margin-right: 16px;
  display: block;
  position: relative;
}
.toc_link:hover {
  color: var(--blue-2);
}
.toc_link::after {
  content: "";
  display: block;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5686 9.4334V14.8728C15.5686 15.0755 15.6373 15.2456 15.7747 15.3831C15.9121 15.5205 16.082 15.5889 16.2843 15.5885C16.4866 15.588 16.6565 15.5193 16.7939 15.3823C16.9313 15.2454 17 15.0755 17 14.8728V7.71571C17 7.51292 16.9313 7.34306 16.7939 7.20612C16.6565 7.06918 16.4866 7.00048 16.2843 7H9.12724C8.92445 7 8.75436 7.06871 8.61694 7.20612C8.47952 7.34354 8.41105 7.5134 8.41153 7.71571C8.41201 7.91801 8.48072 8.08811 8.61765 8.226C8.75459 8.3639 8.92445 8.43237 9.12724 8.43141H14.5666L8.19682 14.8012C8.06561 14.9324 8 15.0994 8 15.3022C8 15.505 8.06561 15.672 8.19682 15.8032C8.32803 15.9344 8.49503 16 8.69781 16C8.9006 16 9.0676 15.9344 9.19881 15.8032L15.5686 9.4334Z' fill='%23212121'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.toc_list {
  max-width: 100%;
  margin-inline: auto;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--blue-4);
}
.toc_list li {
  border-bottom: 1px solid rgba(169, 191, 211, 0.17);
}
.toc_list li:last-child {
  border-bottom: none;
}
.toc_list > li > .toc_link {
  font-weight: 300;
}
@media (min-width: 1200px) {
  .toc_list > li > .toc_link {
    --column-gap: 32px;
    --padding-inline: 44px 32px;
    --dot-size: 16px;
    font-size: 14px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .toc_list > li > .toc_link {
    --column-gap: 32px;
    --padding-inline: 28px 16px;
    --dot-size: 16px;
    font-size: 14px;
  }
}
@media (max-width: 739.98px) {
  .toc_list > li > .toc_link {
    --column-gap: 15px;
    --dot-size: 10px;
    --padding-inline: 20px 12px;
    font-size: 12px;
  }
}
.toc_list > li > .toc_link:has(+ ul a:hover, + ul a:focus-visible, + ul a:active)::before {
  background-color: var(--blue-4);
}
.toc_sublist .toc_link {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .toc_sublist .toc_link {
    --column-gap: 25px;
    --padding-inline: 133px 128px;
    --dot-size: 10px;
    font-size: 12px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .toc_sublist .toc_link {
    --column-gap: 25px;
    --padding-inline: 85px 80px;
    --dot-size: 10px;
    font-size: 12px;
  }
}
@media (max-width: 739.98px) {
  .toc_sublist .toc_link {
    --column-gap: 23px;
    --dot-size: 8px;
    --padding-inline: 35px 12px;
    font-size: 10px;
  }
}

.accent h1,
.accent h2,
.accent h3,
.accent h4,
.accent h5,
.accent h6,
.accent p,
.accent li {
  color: #212121;
}
@media (min-width: 740px) {
  .accent {
    font-size: 18px;
  }
}
@media (max-width: 739.98px) {
  .accent {
    font-size: 16px;
  }
}
.accent--filled {
  background-color: var(--bg);
}
@media (min-width: 740px) {
  .accent--filled {
    border-radius: 8px;
  }
}
@media (min-width: 1200px) {
  .accent--filled {
    padding: 40px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .accent--filled {
    padding: 32px;
  }
}
@media (max-width: 739.98px) {
  .accent--filled {
    padding: 16px;
    border-radius: 8px;
  }
}
.accent--primary {
  --bg: var(--yellow-2);
  color: #212121;
}
.accent--primary h2,
.accent--primary h3,
.accent--primary h4,
.accent--primary h5,
.accent--primary h6 {
  color: #212121;
}
.accent--light {
  --bg: #ffedc0;
}
.accent--spaced {
  padding-block: 20px;
}
@media (min-width: 740px) {
  .accent--spaced {
    padding-inline: 60px;
  }
}
@media (max-width: 739.98px) {
  .accent--spaced {
    padding-inline: 20px;
  }
}
.accent--outlined {
  border: 1px solid var(--primary-500);
  border-radius: 8px;
}
.accent h2 {
  margin-bottom: 24px;
}

.numlist {
  display: grid;
  counter-reset: numlist;
}
@media (min-width: 1200px) {
  .numlist {
    row-gap: 24px;
  }
}
@media (max-width: 1199.98px) {
  .numlist {
    row-gap: 18px;
  }
}
.numlist_item {
  display: grid;
  align-items: center;
  justify-content: start;
  min-height: var(--icon-size);
  counter-increment: numlist;
  background-color: var(--theme-light, var(--gray)) var(--theme-dark, var(--black2));
  border-radius: 12px;
}
@media (min-width: 740px) {
  .numlist_item {
    grid-template-areas: "counter title" "counter descr";
    column-gap: 16px;
  }
}
@media (min-width: 1200px) {
  .numlist_item {
    --icon-size: 48px;
    padding: 42px 52px;
  }
}
@media (max-width: 1199.98px) {
  .numlist_item {
    --icon-size: 38px;
    padding: 32px 24px;
  }
}
@media (max-width: 739.98px) {
  .numlist_item {
    grid-template-areas: "counter" "title" "descr";
    padding-top: calc(var(--icon-size) + var(--gap));
  }
}
.numlist_item::after {
  display: grid;
  grid-area: counter;
  place-items: center;
  align-self: start;
  width: var(--icon-size);
  height: var(--icon-size);
  font-weight: 600;
  line-height: 1;
  color: var(--theme-light, var(--black)) var(--theme-dark, var(--gray3));
  content: counter(numlist);
  background-color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--green2));
}
@media (min-width: 1200px) {
  .numlist_item::after {
    font-size: 20px;
    border-radius: 5px;
  }
}
@media (max-width: 1199.98px) {
  .numlist_item::after {
    font-size: 16px;
    border-radius: 8px;
  }
}
.numlist_title {
  grid-area: title;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .numlist_title {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 1.2;
  }
}
@media (max-width: 1199.98px) {
  .numlist_title {
    margin-bottom: 6px;
    line-height: 1.3;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .numlist_title {
    font-size: 24px;
  }
}
@media (max-width: 739.98px) {
  .numlist_title {
    margin-top: 16px;
    font-size: 22px;
  }
}
.numlist_descr {
  display: grid;
  grid-area: descr;
  row-gap: 6px;
}
.numlist_descr p {
  margin-block: 0 !important;
}

.benefits {
  display: grid;
}
@media (min-width: 740px) {
  .benefits {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .benefits {
    gap: 20px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .benefits {
    gap: 12px;
  }
}
@media (max-width: 739.98px) {
  .benefits {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
}
.benefits_item {
  display: grid;
  grid-template-rows: auto 1fr;
  place-items: center center;
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
  text-align: center;
  background-color: var(--theme-light, var(--primary-50)) var(--theme-dark, var(--dark-700));
  border: solid 1px var(--primary-500);
  border-radius: 18px;
}
@media (min-width: 1200px) {
  .benefits_item {
    row-gap: 16px;
    padding: 20px 20px 40px;
  }
}
@media (max-width: 1199.98px) {
  .benefits_item {
    row-gap: 6px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .benefits_item {
    padding: 12px 12px 32px;
  }
}
@media (max-width: 739.98px) {
  .benefits_item {
    padding: 12px 12px 26px;
  }
}
.benefits_pic {
  width: var(--size);
  height: var(--size);
  object-fit: contain;
}
@media (min-width: 1200px) {
  .benefits_pic {
    --size: 134px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .benefits_pic {
    --size: 104px;
  }
}
@media (max-width: 739.98px) {
  .benefits_pic {
    --size: 90px;
  }
}

.howto_main_container {
  position: relative;
  margin: 100px auto !important;
  padding-top: 50px;
  padding-bottom: 50px;
}
.howto_main_container h2 {
  color: var(--white);
}
.howto_main_container .like_bg {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--white);
  z-index: -2;
}
.howto_main_container::before, .howto_main_container::after {
  content: "";
  height: 27%;
  max-height: 149px;
  width: 100vw;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #74acdf;
  z-index: -1;
}
.howto_main_container::after {
  top: auto;
  bottom: -50px;
}

.howto {
  display: grid;
  gap: 16px;
  counter-reset: howto;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .howto {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .howto {
    grid-template-columns: repeat(2, 1fr);
  }
}
.howto_item {
  display: grid;
  row-gap: 16px;
  align-content: start;
  padding: 24px 16px;
  counter-increment: howto;
  background-color: var(--white);
  border: solid 1px var(--yellow-1);
  border-radius: 8px;
  width: 100%;
  max-width: 320px;
}
.howto_title {
  display: grid;
  grid-auto-flow: column;
  column-gap: 0.4em;
  place-content: start start;
  padding-left: 0.2em;
  font-size: 20px;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--black-1));
}
.howto_title::before {
  content: counter(howto) ". ";
  display: none;
}
.howto_descr {
  font-size: 16px;
  color: var(--black-1);
}

.bonuses {
  display: grid;
  gap: 24px;
}
@media (min-width: 740px) {
  .bonuses {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bonuses_item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-block: 40px;
  text-align: center;
  background-color: var(--theme-light, var(--primary-50)) var(--theme-dark, var(--dark-700));
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .bonuses_item {
    padding-inline: 40px;
  }
}
@media (max-width: 1199.98px) {
  .bonuses_item {
    padding-inline: 20px;
    font-size: 26px;
  }
}
.bonuses_title {
  padding-bottom: 30px;
  margin-bottom: auto;
}
@media (max-width: 739.98px) {
  .bonuses_title {
    font-size: 26px;
  }
}
.bonuses_btns {
  display: grid;
  row-gap: 10px;
}

.bonuses2 {
  display: grid;
  gap: 24px;
}
@media (min-width: 740px) {
  .bonuses2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bonuses2_item {
  display: grid;
  row-gap: 10px;
  align-content: start;
}
.bonuses2_pic {
  width: 100%;
  height: 224px;
  object-fit: cover;
  border-radius: 20px;
}
.bonuses2_title {
  margin-top: 6px;
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
}
.bonuses2_descr {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .bonuses2_descr {
    font-size: 18px;
  }
}
@media (max-width: 1199.98px) {
  .bonuses2_descr {
    font-size: 16px;
  }
}

.bonuses_with_bg {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin: 50px auto;
}
.bonuses_with_bg_item {
  padding: 24px;
  box-sizing: border-box;
  width: 100%;
  max-width: 412px;
  min-height: 562px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  background-repeat: no-repeat;
  border: 1px solid var(--primary-500);
}
.bonuses_with_bg_item_heading {
  text-align: center;
  display: block;
  width: 100%;
  min-height: 60px;
  font-weight: 500;
  font-size: 24px;
  color: var(--primary-500);
}
.bonuses_with_bg_item ul {
  text-align: left;
}
.bonuses_with_bg_item .bonus-item-btn {
  margin-top: 10px;
  width: 100%;
  color: var(--light-500);
}
@media screen and (max-width: 991px) {
  .bonuses_with_bg_item {
    max-width: 320px;
  }
}

.bonuses3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  margin: 50px 0px;
  margin-top: 0px;
}
.bonuses3 .bonuses3_item {
  background: var(--white);
  overflow: hidden;
  position: relative;
  border: 1px solid var(--yellow-1);
  padding: 24px;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 5px;
  justify-content: space-between;
  width: 100%;
  max-width: 320px;
}
.bonuses3 .bonuses3_item .for_img {
  width: 93px;
  height: 20px;
  position: absolute;
  top: 20wpx;
  left: 10px;
  transform: rotate(-16deg);
}
.bonuses3 .bonuses3_item .for_img img {
  max-width: 100%;
}
.bonuses3 .bonuses3_item .item_heading,
.bonuses3 .bonuses3_item .item_bottom {
  width: 100%;
}
.bonuses3 .bonuses3_item .item_heading svg,
.bonuses3 .bonuses3_item .item_bottom svg {
  margin: 0px auto;
}
.bonuses3 .bonuses3_item .item_heading svg path,
.bonuses3 .bonuses3_item .item_bottom svg path {
  fill: var(--theme-light, var(--blue-2)) var(--theme-dark, var(--blue-2));
}
.bonuses3 .bonuses3_item .item_heading {
  margin-bottom: 5px;
}
.bonuses3 .bonuses3_item .item_heading svg {
  margin-bottom: 10px;
}
.bonuses3 .bonuses3_item .item_heading .h4 {
  color: var(--theme-light, var(--yellow-1)) var(--theme-dark, var(--yellow-1));
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  display: inline-block;
}
.bonuses3 .bonuses3_item .item_heading .bonus_descr {
  font-size: 18px;
  display: block;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--black-1));
}
.bonuses3 .bonuses3_item .item_bottom .bonus_text {
  font-size: 24px;
  font-weight: 600;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--black-1));
}

.bonuses4 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: flex-start;
  gap: 24px;
  padding-bottom: 40px;
  margin: 50px auto;
  scroll-snap-type: x mandatory;
}
.bonuses4 .bonuses4_item {
  scroll-snap-align: center;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
}
.bonuses4 .bonuses4_item .for_img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 264px;
  border-radius: 20px;
  border: 1px solid var(--primary-500);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.bonuses4 .bonuses4_item .for_img img {
  height: 100%;
  width: auto;
  object-fit: cover;
  object-position: center;
}
.bonuses4 .bonuses4_item .item_title {
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
  margin-bottom: 10px;
}
.bonuses4 .bonuses4_item .bonuses_text {
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-600));
}

.games {
  display: grid;
}
@media (min-width: 740px) {
  .games {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .games {
    gap: 24px 30px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .games {
    gap: 12px 16px;
  }
}
@media (max-width: 739.98px) {
  .games {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
.games_item {
  display: grid;
  align-content: end;
  overflow: hidden;
  font-weight: 600;
  color: var(--light-100);
  border: solid 1px var(--primary-500);
  border-radius: 8px;
}
@media (min-width: 1200px) {
  .games_item {
    min-height: 300px;
    padding: 15px;
    font-size: 24px;
  }
}
@media (max-width: 1199.98px) {
  .games_item {
    padding: 12px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .games_item {
    min-height: 220px;
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .games_item {
    min-height: 190px;
    font-size: 16px;
  }
}

.slots {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.slots_item {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: 234px;
  font-size: 24px;
  font-weight: 600;
}
.slots_item .btn {
  margin-top: auto;
}
.slots_pic {
  width: 100%;
  height: 224px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}

.providers_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-height: unset !important;
}
@media (min-width: 740px) {
  .providers_list {
    gap: 24px;
  }
}
@media (max-width: 739.98px) {
  .providers_list {
    gap: 12px;
  }
}
.providers_list:not(.show):has(.providers_item:nth-child(21)) .providers_item:nth-child(n+21) {
  display: none;
}
.providers_list:has(.providers_item:nth-child(21)) + .providers_more {
  display: block;
}
.providers_item {
  display: grid;
  place-items: center;
  background-color: var(--body-bg);
  border: solid 1px var(--theme-light, var(--primary-500)) var(--theme-dark, var(--light-600));
}
@media (min-width: 740px) {
  .providers_item {
    width: 220px;
    height: 90px;
    border-radius: 20px;
  }
}
@media (max-width: 739.98px) {
  .providers_item {
    width: 96px;
    height: 40px;
    border-radius: 12px;
  }
}
.providers_item .btn {
  margin-top: auto;
}
.providers_pic {
  width: auto;
  object-fit: contain;
  mix-blend-mode: var(--theme-light, difference) var(--theme-dark, none);
}
@media (min-width: 740px) {
  .providers_pic {
    max-height: 49px;
  }
}
@media (max-width: 739.98px) {
  .providers_pic {
    max-height: 22px;
  }
}
.providers_more {
  display: none;
}

.features {
  display: grid;
  overflow: hidden;
  background-color: var(--theme-light, var(--primary-50)) var(--theme-dark, var(--dark-700));
  border-radius: 20px 20px 0 0;
}
@media (min-width: 740px) {
  .features {
    grid-template-columns: repeat(2, 1fr);
  }
}
.features_block:first-child {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%2329DBA2' fill-rule='evenodd' d='M27.4 8.38c.62.55.68 1.5.13 2.12l-11.5 13a1.5 1.5 0 0 1-2.15.1l-7.5-7a1.5 1.5 0 0 1 2.05-2.2l6.38 5.95L25.29 8.5a1.5 1.5 0 0 1 2.12-.13h-.01Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.features_block:last-child {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23DB2314' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m22.5 9.5-13 13m0-13 13 13'/%3E%3C/svg%3E");
}
.features_title {
  display: block;
  padding-inline: 30px;
  color: var(--light-100);
  background-color: var(--primary-500);
}
@media (min-width: 740px) {
  .features_title {
    padding-block: 16px;
  }
}
@media (max-width: 739.98px) {
  .features_title {
    padding-block: 12px;
  }
}
@media (min-width: 740px) {
  .features_list {
    padding-inline: 30px;
  }
}
.features_item {
  position: relative;
  padding-block: 16px;
}
@media (min-width: 740px) {
  .features_item {
    padding-left: 48px;
  }
}
@media (min-width: 1200px) {
  .features_item {
    font-size: 18px;
  }
}
@media (max-width: 739.98px) {
  .features_item {
    padding-inline: 46px 16px;
  }
}
.features_item:not(:last-child) {
  border-bottom: 1px solid var(--theme-light, var(--primary-100)) var(--theme-dark, var(--dark-500));
}
.features_item::before {
  position: absolute;
  top: 50%;
  width: var(--size);
  height: var(--size);
  content: "";
  background-image: var(--icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
}
@media (min-width: 740px) {
  .features_item::before {
    --size: 32px;
    left: 0;
  }
}
@media (max-width: 739.98px) {
  .features_item::before {
    --size: 24px;
    left: 16px;
  }
}

.info {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%233690E1' d='M16 0C7.18 0 0 7.18 0 16s7.18 16 16 16 16-7.18 16-16S24.82 0 16 0Zm0 6.56a2.08 2.08 0 1 1 0 4.16 2.08 2.08 0 0 1 0-4.16Zm5.12 17.08a1 1 0 0 1-1 1h-7.6a1 1 0 0 1-1-1v-.56a1 1 0 0 1 1-1h2.52v-7.04h-1.56a1 1 0 0 1-1-1v-.56a1 1 0 0 1 1-1h3.12a1 1 0 0 1 1 1v8.6h2.52a1 1 0 0 1 1 1v.56Z'/%3E%3C/svg%3E");
  position: relative;
  padding-right: 24px;
  overflow: hidden;
  border: solid 1px var(--blue-1);
  border-radius: 6px;
}
@media (min-width: 740px) {
  .info {
    padding-block: 16px 24px;
  }
}
@media (max-width: 739.98px) {
  .info {
    padding-block: 20px 28px;
  }
}
.info_title {
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
}
@media (min-width: 740px) {
  .info_title {
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .info_title {
    font-size: 16px;
  }
}
.info_text {
  max-width: 90%;
  margin-top: 6px;
}
@media (min-width: 740px) {
  .info_text {
    font-size: 18px;
  }
}
@media (max-width: 739.98px) {
  .info_text {
    font-size: 14px;
  }
}
.info--v1 {
  background-color: var(--body-bg);
}
@media (min-width: 740px) {
  .info--v1 {
    padding-left: 74px;
  }
}
@media (max-width: 739.98px) {
  .info--v1 {
    padding-left: 64px;
  }
}
.info--v1::before {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 32px;
  height: 32px;
  content: "";
  background: var(--icon) no-repeat center/contain;
}
.info--v2 {
  padding-left: 36px;
  background-color: var(--blue-4);
}
.info--v2::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 100%;
  content: "";
  background-color: var(--blue-1);
}
.info--v2 .info_title {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  column-gap: 8px;
  align-items: center;
  justify-content: start;
}
.info--v2 .info_title::before {
  width: 16px;
  height: 16px;
  content: "";
  background: var(--icon) no-repeat center/contain;
}

.more {
  display: grid;
  justify-content: center;
}
@media (min-width: 640px) {
  .more {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .more {
    grid-template-columns: repeat(4, 230px);
  }
}
@media (min-width: 640px) and (max-width: 1199.98px) {
  .more {
    grid-template-columns: repeat(2, 230px);
  }
}
@media (max-width: 639.98px) {
  .more {
    gap: 24px;
  }
}
.more_item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 18px;
  place-content: end space-between;
  align-items: center;
  width: 230px;
  min-height: 300px;
  padding: 20px 15px;
  overflow: hidden;
  font-size: 20px;
  font-weight: 600;
  color: var(--light-100);
  border-radius: 10px;
}
.more_item:hover .more_icon, .more_item:focus-visible .more_icon {
  background-color: var(--primary-500);
}
.more_icon {
  display: grid;
  place-content: center;
  justify-self: center;
  width: 24px;
  height: 32px;
  margin-inline: 4px;
  content: "";
  background-size: 16px;
  border: solid 1px var(--primary-500);
  border-radius: 4px;
  transition: background-color 0.25s ease-in-out;
  transform: skew(-15deg);
}
.more_icon::after {
  width: 16px;
  height: 16px;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23FBFBFB' d='M4.85 13.54a.67.67 0 1 0 .97.92l5.66-6a.67.67 0 0 0 0-.92l-5.66-6a.67.67 0 1 0-.97.92L10.08 8l-5.23 5.54Z'/%3E%3C/svg%3E") no-repeat center/16px;
  transform: skew(15deg);
}

.countdown {
  display: grid;
  grid-auto-flow: column;
  column-gap: 6px;
  justify-content: center;
}
.countdown_item {
  display: grid;
  row-gap: 8px;
  justify-items: center;
}
.countdown_value {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 66px;
  padding-block: 14px;
  font-size: 24px;
  font-weight: 600;
  color: var(--light-100);
  isolation: isolate;
}
.countdown_value::before, .countdown_value::after {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(50% - 1px);
  content: "";
  background-color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--dark-600));
  border-radius: 2px;
}
.countdown_value::before {
  top: 0;
}
.countdown_value::after {
  bottom: 0;
}
.countdown_label {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
  text-transform: uppercase;
}

.picinfo {
  display: grid;
  gap: 24px;
}
@media (min-width: 740px) {
  .picinfo {
    grid-auto-flow: column;
  }
}
@media (min-width: 1200px) {
  .picinfo {
    align-items: center;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .picinfo {
    align-items: start;
  }
}
.picinfo img {
  border-radius: 8px;
}
@media (min-width: 740px) {
  .picinfo img {
    max-width: min(40vw, 400px);
  }
}
@media (max-width: 739.98px) {
  .picinfo img {
    justify-self: center;
    order: 2;
  }
}
@media (min-width: 740px) {
  .picinfo--start img {
    order: -1;
  }
}
@media (min-width: 740px) {
  .picinfo--end img {
    order: 2;
  }
}

.baninfo {
  display: flex;
  align-items: center;
  padding-block: 16px;
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .baninfo {
    column-gap: 32px;
    padding-inline: 32px;
  }
}
@media (max-width: 1199.98px) {
  .baninfo {
    gap: 16px;
    padding-inline: 16px;
  }
}
@media (max-width: 739.98px) {
  .baninfo {
    flex-direction: column;
  }
}
@media (max-width: 739.98px) {
  .baninfo_logo {
    align-self: flex-start;
    margin-bottom: 16px;
  }
}
.baninfo_content {
  display: grid;
  margin-inline: auto;
  font-weight: 600;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
}
@media (min-width: 740px) {
  .baninfo_content {
    grid-auto-flow: column;
    place-items: center center;
  }
}
@media (min-width: 1200px) {
  .baninfo_content {
    column-gap: 32px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .baninfo_content {
    margin-right: 0;
  }
}
@media (max-width: 1199.98px) {
  .baninfo_content {
    gap: 16px;
    justify-items: center;
  }
}
.baninfo:not(:has(.content-bg)) {
  background-color: var(--theme-light, var(--primary-50)) var(--theme-dark, var(--dark-700));
  border: solid 1px var(--primary-500);
}
.baninfo:not(:has(.content-bg)) .baninfo_content {
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
}
.baninfo:has(.content-bg) .baninfo_content {
  color: var(--light-100);
}
@media (max-width: 739.98px) {
  .baninfo .btn svg {
    width: 24px;
    height: 24px;
  }
}

.appLinks {
  display: flex;
  gap: var(--margin-block);
  align-items: center;
  justify-content: center;
  margin-top: var(--margin-block);
}
.appLinks svg rect {
  fill: var(--theme-light, var(--black-dark-blue)) var(--theme-dark, var(--blue-5));
}
.appLinks a:hover, .appLinks a:focus-visible {
  opacity: 0.7;
}

.appScreens {
  position: relative;
  display: grid;
  align-items: center;
}
.appScreens:not(:has(.swiper-button-lock)) {
  grid-template-columns: auto 1fr auto;
}
@media (min-width: 1200px) {
  .appScreens:not(:has(.swiper-button-lock)) {
    column-gap: 18px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .appScreens:not(:has(.swiper-button-lock)) {
    column-gap: 8px;
  }
}
@media (max-width: 739.98px) {
  .appScreens:not(:has(.swiper-button-lock)) {
    column-gap: 10px;
  }
}
.appScreens_list {
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  height: auto;
}
.appScreens_item {
  display: grid;
  justify-content: center;
}
.appScreens_pic {
  border-radius: 8px;
}
.appScreens .swiper-btn-prev,
.appScreens .swiper-btn-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 0px;
  line-height: 0px;
  background: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--theme-light, var(--black-dark-blue)) var(--theme-dark, var(--blue-2));
}
.appScreens .swiper-btn-prev svg path,
.appScreens .swiper-btn-next svg path {
  fill: var(--theme-light, var(--white)) var(--theme-dark, var(--white));
}
.appScreens .appScreens_btn--next {
  transform: rotate(0deg);
}

.faq {
  display: grid;
}
@media (min-width: 740px) {
  .faq {
    row-gap: 16px;
  }
}
@media (max-width: 739.98px) {
  .faq {
    row-gap: 12px;
  }
}
.faq_item {
  border-bottom: 1px solid var(--theme-light, var(--black-42)) var(--theme-dark, var(--white-6));
  transition: border-color 250ms ease-in-out;
}
.faq_item:has(.faq_title.active) {
  border-color: var(--theme-yellow);
}
.faq_item:first-child {
  margin-top: -16px;
}
.faq_title {
  display: grid;
  grid-auto-flow: column;
  column-gap: 16px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 600;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
  text-align: left;
  background-color: var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-2));
  border-radius: 10px;
  transition: all 150ms ease-in-out;
}
@media (min-width: 740px) {
  .faq_title {
    padding: 24px;
    font-size: 24px;
  }
}
@media (max-width: 739.98px) {
  .faq_title {
    padding: 16px;
    font-size: 16px;
  }
}
.faq_title:hover, .faq_title:focus-visible {
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
}
.faq_title::after {
  width: 32px;
  height: 32px;
  content: "";
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23EEB008' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.67' d='M26.67 10.67 16 21.33 5.33 10.67'/%3E%3C/svg%3E");
  transition: transform 150ms ease-in-out;
}
.faq_title.active {
  font-weight: 600;
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .faq_title.active {
    padding-bottom: 10px;
  }
}
.faq_title.active::after {
  transform: scaleY(-1);
}
.faq_text {
  padding-block: 24px;
  margin-top: 16px;
  font-size: 16px;
  background-color: var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-2));
  border-radius: 10px;
}
@media (min-width: 740px) {
  .faq_text {
    padding-inline: 24px;
  }
}
@media (max-width: 739.98px) {
  .faq_text {
    padding-inline: 16px;
  }
}

.comments {
  width: 100%;
  max-width: 945px;
  margin: 0px auto;
}
.comments .comments_reviews {
  margin-top: 24px;
}
.comments .comments_item {
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid var(--theme-light, var(--primary-500)) var(--theme-dark, var(--dark-400));
  border-radius: 20px;
  margin-bottom: 20px;
}
.comments .comments_item p {
  font-size: 18px;
  color: var(--theme-light, var(--dark-200)) var(--theme-dark, var(--light-100));
}
.comments .comments_item .comments_top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.comments .comments_item .comments_top .comments_name {
  font-size: 20px;
  font-weight: 500;
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
}
.comments .comments_item .comments_top .comments_date {
  font-size: 18px;
  color: var(--theme-light, var(--primary-500)) var(--theme-dark, var(--light-100));
}

.comments_form {
  width: 100%;
  max-width: 945px;
  margin: 0px auto;
  background: var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-2));
  position: relative;
  padding-top: 85px;
  padding-bottom: 80px;
}
.comments_form::after {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background: var(--theme-light, var(--grey-1)) var(--theme-dark, var(--black-2));
}
.comments_form .comments_title {
  text-align: center;
}
.comments_form .form_group {
  margin-bottom: 32px;
  position: relative;
}
.comments_form .form_group svg {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.comments_form .form_group svg path {
  fill: var(--theme-light, var(--dark-200)) var(--theme-dark, var(--dark-400));
}
.comments_form .form_group .form_label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 12px;
  display: inline-block;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-2));
}
.comments_form .form_group .form_input {
  padding-left: 10px;
  height: 42px;
  box-sizing: border-box;
  color: var(--theme-light, var(--dark-200)) var(--theme-dark, var(--white));
  background: var(--theme-light, var(--white)) var(--theme-dark, transparent);
  border: 1px solid var(--theme-light, var(--blue-4)) var(--theme-dark, var(--blue-4));
  border-radius: 8px;
  font-size: 14px;
}
.comments_form .form_group input,
.comments_form .form_group textarea {
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-400)) !important;
}
.comments_form .form_group .form_textarea {
  height: 175px;
  padding: 12px 16px;
}
.comments_form .two_in_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.comments_form .two_in_row .form_group {
  width: 100%;
  max-width: 48%;
}
@media screen and (max-width: 991px) {
  .comments_form .two_in_row .form_group {
    width: 100%;
    max-width: 100%;
  }
}
.comments_form .comments_btn {
  width: 100%;
}

.footer {
  padding-block: 36px 12px;
  font-size: 16px;
  color: var(--white);
  background-color: var(--black-2);
  padding-top: 100px;
}
.footer_inner {
  display: grid;
}
@media (min-width: 1200px) {
  .footer_inner {
    row-gap: 60px;
  }
}
@media (max-width: 1199.98px) {
  .footer_inner {
    row-gap: 48px;
  }
}
.footer_top {
  display: grid;
  gap: 48px;
  align-items: start;
}
@media (min-width: 1200px) {
  .footer_top {
    grid-template-columns: 320px 1fr auto;
  }
}
.footer_info {
  display: grid;
  row-gap: 24px;
  align-content: start;
  max-width: 600px;
}
.footer_contacts {
  display: grid;
  row-gap: 10px;
}
.footer_contacts_list {
  display: grid;
  row-gap: 10px;
  justify-items: start;
}
.footer_contacts_item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 6px;
  align-items: center;
  justify-content: start;
}
.footer_contacts_link {
  display: block;
  padding: 4px;
  margin: -4px;
}
.footer_contacts_link:hover, .footer_contacts_link:focus-visible {
  color: var(--blue-500);
}
.footer_socials {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  place-items: center start;
  margin-top: 10px;
}
.footer_socials a {
  display: block;
  padding: 4px;
  margin: -4px;
}
.footer_socials a:hover, .footer_socials a:focus-visible {
  color: var(--blue-500);
}
.footer_badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #fefefe;
  border-bottom: 1px solid #fefefe;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 740px) {
  .footer_badges {
    gap: 30px;
    justify-content: center;
  }
}
@media (max-width: 739.98px) {
  .footer_badges {
    gap: 12px;
    justify-content: space-evenly;
  }
}
.footer_copy {
  text-align: center;
}

.steps-section {
  margin: 50px auto;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--primary-500);
}
.steps-section .step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  border-bottom: 1px solid var(--primary-500);
}
.steps-section .step:last-child {
  border-bottom: none;
}
.steps-section .step-number {
  width: 44px;
  height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid var(--primary-500);
  font-size: 20px;
  font-weight: 500;
  color: var(--primary-500);
  flex-shrink: 0;
}
.steps-section .step-content {
  flex: 1;
  max-width: 678px;
}
.steps-section .step-content .step-title {
  font-size: 24px;
  font-weight: 600;
  margin: 16px 0px;
  color: var(--primary-500);
}
.steps-section .step-content p {
  font-size: 18px;
  color: var(--theme-light, var(--dark400)) var(--theme-dark, var(--light-600));
  margin-top: 8px;
}
.steps-section .step-img {
  width: 268px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.steps-section .step-img img {
  max-width: 100%;
}

.promocode {
  display: flex;
  margin: 50px auto;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 802px;
  border: 2px solid var(--blue-1);
  background: var(--black-dark-blue);
  padding: 32px;
  border-radius: 8px;
}
.promocode .left {
  padding-right: 40px;
  margin-right: 40px;
  border-right: 1px dashed var(--blue-1);
  width: 100%;
  max-width: 272px;
}
.promocode .right .field_promocode .hero_code_btn {
  height: auto;
}
.promocode .right .field_promocode .hero_code_btn a {
  margin-left: 10px;
  margin-right: 5px;
}
.promocode .promocode_description {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  margin-top: 10px;
}
@media screen and (max-width: 660px) {
  .promocode {
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
  }
  .promocode .left {
    border: none;
    padding: 0px;
    margin: 0px auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .promocode .left svg {
    max-width: 100%;
    height: auto;
  }
  .promocode .right .field_promocode {
    text-align: center;
  }
  .promocode .right .field_promocode .hero_code_btn {
    margin: 0px auto;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  .promocode .right .field_promocode .hero_code_btn a {
    margin: 20px;
  }
}
@media screen and (max-width: 500px) {
  .promocode .left svg {
    max-width: 60px;
    margin-bottom: 20px;
  }
  .promocode .right .field_promocode .hero_code_btn {
    padding: 10px;
    text-align: center;
    justify-content: center;
  }
  .promocode .right .field_promocode .hero_code_btn a {
    width: 100%;
    margin: 5px;
    margin-top: 10px;
  }
}

.ios_app_download {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
.ios_app_download .item {
  max-width: 272px;
  box-sizing: border-box;
  padding: 10px;
}
.ios_app_download .item p {
  font-size: 18px;
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-600));
}
.ios_app_download .item .mockup {
  position: relative;
  overflow: hidden;
  width: 252px;
  height: 509px;
  position: relative;
}
.ios_app_download .item .mockup::before {
  content: "";
  display: block;
  width: 56px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='17' viewBox='0 0 56 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.689 16.6034H8.1218C3.67419 16.6034 0.0664062 12.9897 0.0664062 8.5349C0.0664062 4.08006 3.67419 0.45459 8.1218 0.45459H47.689C52.1366 0.45459 55.7444 4.06822 55.7444 8.5349C55.7444 12.9897 52.1366 16.6034 47.689 16.6034Z' fill='%231D1D1B'/%3E%3Cpath d='M45.4527 12.0658C47.3995 12.0658 48.9777 10.485 48.9777 8.53509C48.9777 6.58514 47.3995 5.00439 45.4527 5.00439C43.5059 5.00439 41.9277 6.58514 41.9277 8.53509C41.9277 10.485 43.5059 12.0658 45.4527 12.0658Z' fill='url(%23paint0_linear_2008_18251)'/%3E%3Cpath d='M45.4523 10.5493C46.5629 10.5493 47.4632 9.64753 47.4632 8.53515C47.4632 7.42276 46.5629 6.521 45.4523 6.521C44.3417 6.521 43.4414 7.42276 43.4414 8.53515C43.4414 9.64753 44.3417 10.5493 45.4523 10.5493Z' fill='url(%23paint1_linear_2008_18251)'/%3E%3Cpath d='M47.2144 8.53488C47.2144 9.50641 46.4219 10.3002 45.4519 10.3002C44.482 10.3002 43.6895 9.50641 43.6895 8.53488C43.6895 7.56334 44.4701 6.76953 45.4519 6.76953C46.4337 6.76953 47.2144 7.5515 47.2144 8.53488Z' fill='url(%23paint2_linear_2008_18251)'/%3E%3Cpath style='mix-blend-mode:multiply' d='M47.2144 8.53488C47.2144 9.50641 46.4219 10.3002 45.4519 10.3002C44.482 10.3002 43.6895 9.50641 43.6895 8.53488C43.6895 7.56334 44.4701 6.76953 45.4519 6.76953C46.4337 6.76953 47.2144 7.5515 47.2144 8.53488Z' fill='url(%23paint3_radial_2008_18251)'/%3E%3Cpath style='mix-blend-mode:screen' d='M47.0488 9.459C47.0488 9.11541 46.7649 8.83105 46.4219 8.83105C46.0788 8.83105 45.7949 9.11541 45.7949 9.459C45.7949 9.80259 46.0788 10.0869 46.4219 10.0869C46.7649 10.0869 47.0488 9.80259 47.0488 9.459Z' fill='url(%23paint4_radial_2008_18251)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2008_18251' x1='45.4527' y1='11.8407' x2='45.4527' y2='4.89776' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23666666'/%3E%3Cstop offset='1' stop-color='%23010104'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2008_18251' x1='45.4641' y1='6.65132' x2='45.4641' y2='10.6204' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230B131C'/%3E%3Cstop offset='1' stop-color='%23354039'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2008_18251' x1='46.694' y1='9.77891' x2='44.2059' y2='7.29488' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23231F20'/%3E%3Cstop offset='0.08' stop-color='%23212226'/%3E%3Cstop offset='0.2' stop-color='%231F2C37'/%3E%3Cstop offset='0.33' stop-color='%231A3C53'/%3E%3Cstop offset='0.47' stop-color='%2313537B'/%3E%3Cstop offset='0.62' stop-color='%230A70AE'/%3E%3Cstop offset='0.78' stop-color='%230095EE'/%3E%3Cstop offset='0.8' stop-color='%230387D6'/%3E%3Cstop offset='0.84' stop-color='%230D689F'/%3E%3Cstop offset='0.88' stop-color='%23154D71'/%3E%3Cstop offset='0.91' stop-color='%231B394E'/%3E%3Cstop offset='0.95' stop-color='%231F2A34'/%3E%3Cstop offset='0.98' stop-color='%23222225'/%3E%3Cstop offset='1' stop-color='%23231F20'/%3E%3C/linearGradient%3E%3CradialGradient id='paint3_radial_2008_18251' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(45.4519 8.53488) scale(1.76248 1.76535)'%3E%3Cstop stop-color='%23231F20'/%3E%3Cstop offset='0.2' stop-color='%23165068'/%3E%3Cstop offset='0.38' stop-color='%230C78A1'/%3E%3Cstop offset='0.54' stop-color='%230594CB'/%3E%3Cstop offset='0.66' stop-color='%2301A6E4'/%3E%3Cstop offset='0.73' stop-color='%2300ADEE'/%3E%3Cstop offset='0.76' stop-color='%2301A5E3'/%3E%3Cstop offset='0.81' stop-color='%230693C8'/%3E%3Cstop offset='0.87' stop-color='%230D749B'/%3E%3Cstop offset='0.94' stop-color='%23184A5E'/%3E%3Cstop offset='1' stop-color='%23231F20'/%3E%3C/radialGradient%3E%3CradialGradient id='paint4_radial_2008_18251' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(46.4219 9.459) scale(0.626929 0.627941)'%3E%3Cstop stop-color='%23CCCCCC'/%3E%3Cstop offset='0.02' stop-color='%23C4C4C4'/%3E%3Cstop offset='0.22' stop-color='%23898989'/%3E%3Cstop offset='0.41' stop-color='%23585858'/%3E%3Cstop offset='0.59' stop-color='%23313131'/%3E%3Cstop offset='0.75' stop-color='%23161616'/%3E%3Cstop offset='0.89' stop-color='%23050505'/%3E%3Cstop offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
}
.ios_app_download .item .mockup .for_image {
  width: 224px;
  height: 485px;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ios_app_download .item .mockup .for_image img {
  height: 100%;
  width: auto;
  object-fit: cover;
}
@media screen and (max-width: 580px) {
  .ios_app_download {
    margin: 0px -20px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    gap: 34px;
  }
  .ios_app_download .item {
    scroll-snap-align: start;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ios_app_download .item .mockup {
    margin: 0px auto;
  }
  .ios_app_download .item p {
    padding: 0px 10px;
  }
}

.payments {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 34px;
}
.payments .item .for_img {
  margin-bottom: 24px;
  max-height: 60px;
  overflow: hidden;
}
.payments .item .for_img img {
  max-width: 100%;
}

.advantages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}
.advantages .item {
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid var(--primary-500);
  border-radius: 20px;
  min-height: 360px;
}
.advantages .item .for_img {
  height: 121px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.advantages .item .for_img img {
  max-width: 100%;
}
.advantages .item .h4 {
  display: inline-block;
  margin-top: 15px;
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
  min-height: 60px;
}
.advantages .item p {
  font-size: 18px;
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-400));
}

.today_events {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.today_events .item {
  width: 100%;
  max-width: 460px;
  border-radius: 20px;
  border: 1px solid var(--primary-500);
  padding: 20px 30px;
  text-align: center;
}
.today_events .item .h3 {
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
  margin-bottom: 14px;
  font-size: 18px;
}
.today_events .item .item_heading div {
  font-size: 16px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.today_events .item .item_heading div svg {
  margin-right: 10px;
}
.today_events .item .teams {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  font-size: 16 px;
}
.today_events .item .teams .team_logo {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.today_events .item .teams .team_logo img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .today_events .item {
    max-width: 320px;
    padding: 20px;
  }
  .today_events .item .teams {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

.conditions_list {
  max-width: 95%;
  margin: 0px auto;
}
.conditions_list .list_item {
  padding: 20px 0px;
  border-bottom: 1px solid var(--primary-500);
  margin-bottom: 16px;
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-600));
}
.conditions_list .list_item:first-child {
  border-top: 1px solid var(--primary-500);
}
.conditions_list .list_item .item_title {
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
}

.hero-stats {
  width: 100%;
  max-width: 1440px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  clip-path: polygon(0.709% 56.789%, 0.709% 56.789%, 0.477% 55.66%, 0.297% 54.329%, 0.168% 52.847%, 0.091% 51.265%, 0.066% 49.633%, 0.092% 48.002%, 0.169% 46.422%, 0.299% 44.945%, 0.48% 43.621%, 0.712% 42.5%, 0.712% 42.5%, 1.727% 38.569%, 2.863% 34.16%, 4.078% 29.438%, 5.332% 24.567%, 6.581% 19.71%, 7.783% 15.032%, 8.896% 10.697%, 9.879% 6.869%, 10.688% 3.711%, 11.283% 1.389%, 11.283% 1.389%, 11.354% 1.127%, 11.427% 0.892%, 11.503% 0.684%, 11.579% 0.503%, 11.658% 0.35%, 11.738% 0.224%, 11.819% 0.126%, 11.901% 0.056%, 11.984% 0.014%, 12.068% 0%, 90.345% 0%, 90.345% 0%, 90.446% 0.021%, 90.546% 0.083%, 90.645% 0.187%, 90.742% 0.33%, 90.836% 0.513%, 90.929% 0.735%, 91.018% 0.995%, 91.105% 1.293%, 91.188% 1.628%, 91.267% 1.998%, 91.267% 1.998%, 91.782% 4.583%, 92.452% 7.948%, 93.245% 11.93%, 94.129% 16.364%, 95.07% 21.086%, 96.035% 25.932%, 96.993% 30.737%, 97.909% 35.338%, 98.751% 39.569%, 99.487% 43.268%, 99.487% 43.268%, 99.663% 44.319%, 99.799% 45.493%, 99.897% 46.76%, 99.957% 48.088%, 99.977% 49.449%, 99.959% 50.811%, 99.902% 52.143%, 99.806% 53.417%, 99.672% 54.6%, 99.499% 55.663%, 99.499% 55.663%, 98.761% 59.461%, 97.917% 63.806%, 96.998% 68.53%, 96.039% 73.462%, 95.072% 78.435%, 94.129% 83.279%, 93.244% 87.826%, 92.45% 91.904%, 91.779% 95.347%, 91.264% 97.985%, 91.264% 97.985%, 91.186% 98.359%, 91.103% 98.697%, 91.017% 98.998%, 90.928% 99.26%, 90.836% 99.484%, 90.742% 99.668%, 90.645% 99.812%, 90.546% 99.916%, 90.446% 99.979%, 90.345% 100%, 12.078% 100%, 12.078% 100%, 11.992% 99.985%, 11.907% 99.942%, 11.823% 99.869%, 11.74% 99.767%, 11.659% 99.637%, 11.579% 99.478%, 11.501% 99.291%, 11.424% 99.076%, 11.35% 98.832%, 11.277% 98.561%, 11.277% 98.561%, 10.682% 96.193%, 9.87% 92.969%, 8.884% 89.061%, 7.766% 84.637%, 6.561% 79.868%, 5.31% 74.924%, 4.056% 69.974%, 2.843% 65.188%, 1.713% 60.737%, 0.709% 56.789%);
  position: relative;
}
.hero-stats .stats_content {
  background: rgba(47, 48, 48, 0.7);
  box-sizing: border-box;
  padding: 70px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-align: center;
  gap: 70px;
}
.hero-stats .stats_content .stat_item {
  font-weight: 600;
  font-size: 48px;
  color: var(--primary-500);
  position: relative;
}
.hero-stats .stats_content .stat_item::after {
  content: "";
  display: block;
  height: 57px;
  width: 1px;
  background: var(--primary-500);
  position: absolute;
  top: 50%;
  left: calc(100% + 30px);
  transform: rotate(10deg) translateY(-50%);
}
.hero-stats .stats_content .stat_item:last-child::after {
  display: none;
}
.hero-stats .stats_content span {
  color: var(--light-100);
  font-weight: 500;
  font-size: 24px;
}

.items_list_with_icon .item {
  min-height: 220px;
  margin: 24px 0px;
  padding: 24px;
  box-sizing: border-box;
  border: 1px solid var(--primary-500);
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-600));
}
.items_list_with_icon .item .for_img {
  width: 100%;
  max-width: 100px;
}
.items_list_with_icon .item .for_content {
  width: calc(100% - 125px);
}
.items_list_with_icon .item .h4,
.items_list_with_icon .item h4,
.items_list_with_icon .item p:first-child {
  margin-bottom: 10px;
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500));
}
@media screen and (max-width: 650px) {
  .items_list_with_icon .item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .items_list_with_icon .item .for_content {
    width: 100%;
  }
}
.items_list_with_icon.items_list_with_right_icon .item .for_img {
  order: 1;
}
.items_list_with_icon.items_list_with_right_icon .item .for_content {
  order: 0;
}
@media screen and (max-width: 650px) {
  .items_list_with_icon.items_list_with_right_icon .item .for_img {
    order: 0;
  }
  .items_list_with_icon.items_list_with_right_icon .item .for_content {
    order: 1;
  }
}

.how_to_start_playing ol {
  counter-reset: list;
  padding-left: 0px !important;
}
.how_to_start_playing li {
  margin: 12px 0px;
  position: relative;
  min-height: var(--marker-size);
  padding-inline-start: calc(var(--marker-size) + 28px);
  counter-increment: list;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  font-size: 18px;
  color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--grey-1));
}
@media (min-width: 740px) {
  .how_to_start_playing li {
    --marker-size: 40px;
  }
}
@media (max-width: 739.98px) {
  .how_to_start_playing li {
    --marker-size: 24px;
  }
}
.how_to_start_playing li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: var(--marker-size);
  height: var(--marker-size);
  border-radius: 50%;
}
.how_to_start_playing li::before {
  font-weight: 600;
  line-height: 1;
  color: var(--primary-500);
  content: counter(list, decimal-leading-zero);
  border: solid 1px currentColor;
}
@media (min-width: 740px) {
  .how_to_start_playing li::before {
    font-size: 20px;
  }
}
@media (max-width: 739.98px) {
  .how_to_start_playing li::before {
    font-size: 12px;
  }
}
.how_to_start_playing li .btn {
  margin: 0px;
}
.how_to_start_playing li .for_img {
  width: 100%;
  max-width: 290px;
  border-radius: 10px;
  overflow: hidden;
}
.how_to_start_playing li .for_img img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .how_to_start_playing li {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0px;
    padding-top: calc(var(--marker-size) + 18px);
  }
  .how_to_start_playing li .for_img {
    order: 0;
    margin-bottom: 10px;
  }
  .how_to_start_playing li .item_content {
    order: 1;
  }
  .how_to_start_playing li::before {
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
  }
  .how_to_start_playing li .btn {
    margin: 0px auto;
  }
}

.indian-players-choice {
  box-sizing: border-box;
  margin: 20px auto;
  padding: 20px;
  border: 1px solid var(--theme-light, var(--primary-500)) var(--theme-dark, var(--primary-500));
  border-radius: 10px;
}
.indian-players-choice a {
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--theme-light, var(--blue-900)) var(--theme-dark, var(--primary-500)) !important;
}
.indian-players-choice a svg {
  margin-right: 5px;
}
.indian-players-choice a svg path {
  fill: var(--theme-light, var(--primary-500)) var(--theme-dark, var(--primary-500));
}
.indian-players-choice a:hover {
  color: var(--primary-500);
}
.indian-players-choice a:hover {
  color: var(--theme-light, var(--primary-500)) var(--theme-dark, var(--primary-800)) !important;
}

.blog-articles .blog-articles_list {
  display: grid;
  gap: 16px;
  counter-reset: howto;
}
@media (min-width: 1200px) {
  .blog-articles .blog-articles_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .blog-articles .blog-articles_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.blog-articles .blog-articles_list .article-card {
  display: grid;
  row-gap: 16px;
  align-content: start;
  padding: 20px 18px;
  border-radius: 10px;
}
.blog-articles .blog-articles_list .article-card .for_img {
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 202px;
  position: relative;
}
.blog-articles .blog-articles_list .article-card .for_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  width: auto;
}
.blog-articles .blog-articles_list .article-card .article-card_title {
  font-size: 24px;
  color: var(--theme-light, var(--primary-500)) var(--theme-dark, var(--primary-500));
  margin-bottom: 10px;
}
.blog-articles .blog-articles_list .article-card .article-card_descr {
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-600));
  margin: 7px 0px;
  height: 150px;
  overflow: hidden;
}
.blog-articles .blog-articles_list .article-card .article-card_heading {
  display: none;
}
.blog-articles .blog-articles_list .article-card .article-card_info {
  color: var(--primary-500);
  margin: 10px 0px;
  font-size: 18px;
}
.blog-articles .blog-articles_list .article-card .article-card_date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.blog-articles .blog-articles_list .article-card .article-card_date svg {
  margin-right: 10px;
}

.custom-pagination {
  text-align: center;
}
.custom-pagination .pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-pagination .pagination-list li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 48px;
  min-height: 48px;
  color: var(--primary-500);
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  background: var(--theme-light, var(--dark-50)) var(--theme-dark, var(--dark-700));
}
.custom-pagination .pagination-list li::after {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background: var(--theme-light, var(--dark-200)) var(--theme-dark, var(--dark-400));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
}
.custom-pagination .pagination-list li:nth-child(2) {
  padding-left: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.custom-pagination .pagination-list li:nth-child(2)::after {
  display: none;
}
.custom-pagination .pagination-list li:nth-last-of-type(2) {
  padding-right: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.custom-pagination .pagination-list li a,
.custom-pagination .pagination-list li .page-numbers {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-pagination .pagination-list .active span {
  background: var(--primary-500);
  border-radius: 10px;
  color: var(--light-100);
}
.custom-pagination .pagination-list .prev,
.custom-pagination .pagination-list .next {
  padding: 0px;
  border: 1px solid var(--primary-500);
  background: var(--primary-500);
}
.custom-pagination .pagination-list .prev::after,
.custom-pagination .pagination-list .next::after {
  display: none;
}
.custom-pagination .pagination-list .prev svg path,
.custom-pagination .pagination-list .next svg path {
  fill: var(--theme-light, var(--light-100)) var(--theme-dark, var(--light-100));
}
.custom-pagination .pagination-list .prev.disabled,
.custom-pagination .pagination-list .next.disabled {
  background: transparent;
}
.custom-pagination .pagination-list .prev.disabled svg path,
.custom-pagination .pagination-list .next.disabled svg path {
  fill: var(--primary-500);
}
.custom-pagination .pagination-list .prev {
  margin-right: 24px;
  border-radius: 8px;
}
.custom-pagination .pagination-list .next {
  margin-left: 24px;
  border-radius: 8px;
}
@media screen and (max-width: 714px) {
  .custom-pagination .pagination-list li {
    padding: 0px !important;
    min-width: 22px;
    min-height: 22px;
    width: 32px;
    height: 32px;
  }
  .custom-pagination .pagination-list li::after {
    display: none;
  }
  .custom-pagination .pagination-list li a, .custom-pagination .pagination-list li span,
  .custom-pagination .pagination-list li .page-numbers {
    min-width: 22px;
    min-height: 22px;
    width: 32px;
    height: 32px;
  }
  .custom-pagination .pagination-list .prev,
  .custom-pagination .pagination-list .next {
    width: 32px;
    height: 32px;
  }
  .custom-pagination .pagination-list .prev a,
  .custom-pagination .pagination-list .next a {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .custom-pagination .pagination-list .prev a span,
  .custom-pagination .pagination-list .next a span {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .custom-pagination .pagination-list .prev.disabled span,
  .custom-pagination .pagination-list .next.disabled span {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}

.about_block {
  clip-path: polygon(0.709% 56.789%, 0.709% 56.789%, 0.477% 55.66%, 0.297% 54.329%, 0.168% 52.847%, 0.091% 51.265%, 0.066% 49.633%, 0.092% 48.002%, 0.169% 46.422%, 0.299% 44.945%, 0.48% 43.621%, 0.712% 42.5%, 0.712% 42.5%, 1.727% 38.569%, 2.863% 34.16%, 4.078% 29.438%, 5.332% 24.567%, 6.581% 19.71%, 7.783% 15.032%, 8.896% 10.697%, 9.879% 6.869%, 10.688% 3.711%, 11.283% 1.389%, 11.283% 1.389%, 11.354% 1.127%, 11.427% 0.892%, 11.503% 0.684%, 11.579% 0.503%, 11.658% 0.35%, 11.738% 0.224%, 11.819% 0.126%, 11.901% 0.056%, 11.984% 0.014%, 12.068% 0%, 90.345% 0%, 90.345% 0%, 90.446% 0.021%, 90.546% 0.083%, 90.645% 0.187%, 90.742% 0.33%, 90.836% 0.513%, 90.929% 0.735%, 91.018% 0.995%, 91.105% 1.293%, 91.188% 1.628%, 91.267% 1.998%, 91.267% 1.998%, 91.782% 4.583%, 92.452% 7.948%, 93.245% 11.93%, 94.129% 16.364%, 95.07% 21.086%, 96.035% 25.932%, 96.993% 30.737%, 97.909% 35.338%, 98.751% 39.569%, 99.487% 43.268%, 99.487% 43.268%, 99.663% 44.319%, 99.799% 45.493%, 99.897% 46.76%, 99.957% 48.088%, 99.977% 49.449%, 99.959% 50.811%, 99.902% 52.143%, 99.806% 53.417%, 99.672% 54.6%, 99.499% 55.663%, 99.499% 55.663%, 98.761% 59.461%, 97.917% 63.806%, 96.998% 68.53%, 96.039% 73.462%, 95.072% 78.435%, 94.129% 83.279%, 93.244% 87.826%, 92.45% 91.904%, 91.779% 95.347%, 91.264% 97.985%, 91.264% 97.985%, 91.186% 98.359%, 91.103% 98.697%, 91.017% 98.998%, 90.928% 99.26%, 90.836% 99.484%, 90.742% 99.668%, 90.645% 99.812%, 90.546% 99.916%, 90.446% 99.979%, 90.345% 100%, 12.078% 100%, 12.078% 100%, 11.992% 99.985%, 11.907% 99.942%, 11.823% 99.869%, 11.74% 99.767%, 11.659% 99.637%, 11.579% 99.478%, 11.501% 99.291%, 11.424% 99.076%, 11.35% 98.832%, 11.277% 98.561%, 11.277% 98.561%, 10.682% 96.193%, 9.87% 92.969%, 8.884% 89.061%, 7.766% 84.637%, 6.561% 79.868%, 5.31% 74.924%, 4.056% 69.974%, 2.843% 65.188%, 1.713% 60.737%, 0.709% 56.789%);
  background: var(--primary-500);
  padding: 2px;
  margin: 50px auto;
}
.about_block .inherit_container {
  flex-wrap: wrap;
  padding: 16px;
  box-sizing: border-box;
  background: var(--body-bg);
  clip-path: polygon(0.709% 56.789%, 0.709% 56.789%, 0.477% 55.66%, 0.297% 54.329%, 0.168% 52.847%, 0.091% 51.265%, 0.066% 49.633%, 0.092% 48.002%, 0.169% 46.422%, 0.299% 44.945%, 0.48% 43.621%, 0.712% 42.5%, 0.712% 42.5%, 1.727% 38.569%, 2.863% 34.16%, 4.078% 29.438%, 5.332% 24.567%, 6.581% 19.71%, 7.783% 15.032%, 8.896% 10.697%, 9.879% 6.869%, 10.688% 3.711%, 11.283% 1.389%, 11.283% 1.389%, 11.354% 1.127%, 11.427% 0.892%, 11.503% 0.684%, 11.579% 0.503%, 11.658% 0.35%, 11.738% 0.224%, 11.819% 0.126%, 11.901% 0.056%, 11.984% 0.014%, 12.068% 0%, 90.345% 0%, 90.345% 0%, 90.446% 0.021%, 90.546% 0.083%, 90.645% 0.187%, 90.742% 0.33%, 90.836% 0.513%, 90.929% 0.735%, 91.018% 0.995%, 91.105% 1.293%, 91.188% 1.628%, 91.267% 1.998%, 91.267% 1.998%, 91.782% 4.583%, 92.452% 7.948%, 93.245% 11.93%, 94.129% 16.364%, 95.07% 21.086%, 96.035% 25.932%, 96.993% 30.737%, 97.909% 35.338%, 98.751% 39.569%, 99.487% 43.268%, 99.487% 43.268%, 99.663% 44.319%, 99.799% 45.493%, 99.897% 46.76%, 99.957% 48.088%, 99.977% 49.449%, 99.959% 50.811%, 99.902% 52.143%, 99.806% 53.417%, 99.672% 54.6%, 99.499% 55.663%, 99.499% 55.663%, 98.761% 59.461%, 97.917% 63.806%, 96.998% 68.53%, 96.039% 73.462%, 95.072% 78.435%, 94.129% 83.279%, 93.244% 87.826%, 92.45% 91.904%, 91.779% 95.347%, 91.264% 97.985%, 91.264% 97.985%, 91.186% 98.359%, 91.103% 98.697%, 91.017% 98.998%, 90.928% 99.26%, 90.836% 99.484%, 90.742% 99.668%, 90.645% 99.812%, 90.546% 99.916%, 90.446% 99.979%, 90.345% 100%, 12.078% 100%, 12.078% 100%, 11.992% 99.985%, 11.907% 99.942%, 11.823% 99.869%, 11.74% 99.767%, 11.659% 99.637%, 11.579% 99.478%, 11.501% 99.291%, 11.424% 99.076%, 11.35% 98.832%, 11.277% 98.561%, 11.277% 98.561%, 10.682% 96.193%, 9.87% 92.969%, 8.884% 89.061%, 7.766% 84.637%, 6.561% 79.868%, 5.31% 74.924%, 4.056% 69.974%, 2.843% 65.188%, 1.713% 60.737%, 0.709% 56.789%);
  display: flex;
  justify-content: center;
  gap: 20px;
}
.about_block .inherit_container .for_img {
  margin-left: auto;
  margin-right: auto;
  width: 96px;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 20px;
}
.about_block .inherit_container .for_img img {
  max-width: 100%;
}
.about_block .inherit_container .h4 {
  color: var(--theme-light, var(--primary-500)) var(--theme-dark, var(--light-600));
}
.about_block .inherit_container p {
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-600));
}
.about_block .inherit_container .item {
  width: 100%;
  max-width: 185px;
  text-align: center;
}

.error_container {
  margin: 100px auto;
  max-width: 463px;
  text-align: center;
}
.error_container h1 {
  font-size: 48px;
  color: var(--theme-light, var(--primary-500)) var(--theme-dark, var(--primary-500));
  margin-bottom: 24px;
}
.error_container p {
  color: var(--theme-light, var(--dark-400)) var(--theme-dark, var(--light-600));
  margin-bottom: 24px;
}
.error_container .for_img {
  width: 100%;
  max-width: 463px;
  margin-bottom: 24px;
}

.pros_and_cons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pros_and_cons .pros,
.pros_and_cons .cons {
  width: 100%;
  max-width: 471px;
}
.pros_and_cons .pros .pros_title,
.pros_and_cons .pros .cons_title,
.pros_and_cons .cons .pros_title,
.pros_and_cons .cons .cons_title {
  width: 100%;
  padding: 24px 22px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 20px;
  color: var(--black-1);
  font-weight: 500;
  border-radius: 8px;
  margin-bottom: 8px;
}
.pros_and_cons .pros .pros_title svg,
.pros_and_cons .pros .cons_title svg,
.pros_and_cons .cons .pros_title svg,
.pros_and_cons .cons .cons_title svg {
  margin-right: 5px;
}
.pros_and_cons .pros .pros_title,
.pros_and_cons .cons .pros_title {
  background: var(--green-light);
}
.pros_and_cons .pros .cons_title,
.pros_and_cons .cons .cons_title {
  background: var(--red-light);
}
.pros_and_cons .pros .item,
.pros_and_cons .cons .item {
  width: 100%;
  padding: 16px 22px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  color: var(--black-1);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.pros_and_cons .pros .item span,
.pros_and_cons .cons .item span {
  display: inline-block;
  margin-right: 10px;
}
.pros_and_cons .pros .item {
  background-color: var(--green-light);
  border-bottom: 1px solid var(--green-stroke);
}
.pros_and_cons .cons .item {
  background: var(--red-light);
  border-bottom: 1px solid var(--red-stroke);
}

.dotted_list_container .dotted_list {
  position: relative;
}
.dotted_list_container .dotted_list::before {
  content: "";
  width: 2px;
  height: calc(100% - 30px);
  top: 20px;
  left: 9px;
  background: var(--blue-3);
  position: absolute;
}
.dotted_list_container .dotted_list .item {
  padding-left: 50px;
  margin-bottom: 20px;
  position: relative;
}
.dotted_list_container .dotted_list .item h1,
.dotted_list_container .dotted_list .item h2,
.dotted_list_container .dotted_list .item h3,
.dotted_list_container .dotted_list .item h4,
.dotted_list_container .dotted_list .item h5,
.dotted_list_container .dotted_list .item h6 {
  color: var(--blue-2);
  margin-top: 5px;
}
.dotted_list_container .dotted_list .item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 4px solid var(--blue-1);
  background: var(--white);
  border-radius: 50%;
  position: absolute;
  top: 17px;
  left: 0px;
}

p a:not(.btn) {
  color: var(--blue-2) !important;
  text-decoration: none !important;
}

.video-container {
  border: 1px solid var(--yellow-2);
  border-radius: 8px;
  overflow: hidden;
}

.breadcrumbs {
  padding-top: 0px;
  padding-bottom: 0px;
}

.breadcrumbs .breadcrumbs_list {
  position: absolute;
  top: 20px;
}

.hero_services_page {
  padding: 100px 0px;
  margin-bottom: 100px;
}

.breadcrumbs_list li,
.breadcrumbs_list a {
  color: var(--white) !important;
}