:root {
  --Colors-White: #fff;
  --Colors-BG-Black: #101010;
  --Colors-BG-Black-2: #1b1b1b;
  --Colors-Gray-1: #525252;
  --Colors-Gray-2: #424242;
  --Colors-Gray-3: #bfbfbf;
  --Colors-Gray-4: #eeeeee;
  --Colors-Blue-Accident: #5ab9e7;
  --Colors-Blue-Accident-2: #259fda;
  --Colors-Blue-Surface: #eef8fd;
  --Green-1: #219653;
  --Colors-Red-Error: #ff6868;
  --Indents-S: 20px;
  --Radius-Raduis-S: 24px;
  --font-poiret: "Ubuntu-Thin", sans-serif;
  --font-ubuntu: "Ubuntu", sans-serif;
  --font-inter: "Inter", sans-serif;
  --bg: var(--Colors-BG-Black);
  --bg-surface: var(--Colors-BG-Black-2);
  --text: var(--Colors-White);
  --text-muted: var(--Colors-Gray-3);
  --border: var(--Colors-Gray-2);
  --accent: var(--Colors-Blue-Accident);
  --accent-hover: var(--Colors-Blue-Accident-2);
  --surface-accent-soft: var(--Colors-Blue-Surface);
  --danger: var(--Colors-Red-Error);
  --font-heading: var(--font-poiret);
  --font-text: var(--font-ubuntu);
  --font-size: 16px;
  --font-weight: 400;
  --line-height: 1.42;
  --container-width: 1380px;
  --container-padding: 20px;
  --transition: 0.4s;
}
@media screen and (max-width: 743.98px) {
  :root {
    --container-padding: 10px;
  }
}

[data-theme=light] {
  --bg: var(--Colors-Gray-4);
  --bg-surface: var(--Colors-White);
  --text: var(--Colors-BG-Black);
  --text-muted: var(--Colors-Gray-1);
  --border: var(--Colors-Gray-3);
  --accent: var(--Colors-Blue-Accident-2);
  --accent-hover: var(--Colors-Blue-Accident);
  --surface-accent-soft: var(--Colors-Blue-Surface);
  --danger: var(--Colors-Red-Error);
  --font-heading: var(--font-inter);
  --font-text: var(--font-inter);
}

body {
  --webcomp-dialog-border: 1px solid var(--accent-hover);
  --webcomp-dialog-bg: var(--bg-surface);
  --webcomp-dialog-color: var(--text);
  --webcomp-dialog-muted: var(--text-muted);
  --webcomp-dialog-radius: 12px;
  --webcomp-dialog-padding: 24px;
  --webcomp-dialog-max-width: 680px;
  --webcomp-dialog-backdrop-bg: rgba(0, 0, 0, 0.75);
}

@font-face {
  font-family: "Ubuntu-Thin";
  src: url("fonts/PoiretOne-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("fonts/Ubuntu-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("fonts/Ubuntu-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("fonts/Ubuntu-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter18pt-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter18pt-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter18pt-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
	font-family: 'Ubuntu-Thin';
	src: url('fonts/ubuntu-thin.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/ubuntu-thin.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/ubuntu-thin.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/ubuntu-thin.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/ubuntu-thin.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/ubuntu-thin.svg#ubuntu-thin') format('svg'); /* Chrome < 4, Legacy iOS */
}
body {
  background: var(--bg);
  font-family: var(--font-text);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}

.wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrapper__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.container {
  width: 100%;
  max-width: calc(0px + var(--container-width) + var(--container-padding) * 2);
  padding-inline: var(--container-padding);
  margin-inline: auto;
}

@media (any-hover: hover) {
  a:hover {
    color: var(--accent);
  }
}
@media (any-hover: none) {
  a:active {
    color: var(--accent);
  }
}

body[data-theme=light] {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] {
    letter-spacing: 0;
  }
}

h1, .h1 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 54px;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  h1, .h1 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
body[data-theme=light] h1, body[data-theme=light] .h1 {
  font-weight: 500;
  font-size: 58px;
  line-height: 1.42;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] h1, body[data-theme=light] .h1 {
    font-size: 24px;
    line-height: 1.25;
  }
}

h2, .h2 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 36px;
  line-height: 1.3;
  letter-spacing: 0.07px;
}
@media screen and (max-width: 743.98px) {
  h2, .h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
body[data-theme=light] h2, body[data-theme=light] .h2 {
  font-weight: 500;
  font-size: 44px;
  line-height: 1.42;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] h2, body[data-theme=light] .h2 {
    font-size: 22px;
    line-height: 1.27;
  }
}

h3, .h3 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 27px;
  line-height: 1;
  letter-spacing: normal;
}
@media screen and (max-width: 743.98px) {
  h3, .h3 {
    font-size: 22px;
    line-height: 1.27;
  }
}
body[data-theme=light] h3, body[data-theme=light] .h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] h3, body[data-theme=light] .h3 {
    font-size: 20px;
    line-height: 1.3;
  }
}

h4, .h4 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.07px;
}
@media screen and (max-width: 743.98px) {
  h4, .h4 {
    font-size: 24px;
    letter-spacing: normal;
    line-height: 27px;
  }
}

.h1-display {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 54px;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .h1-display {
    font-size: 26px;
    line-height: 1.23;
    letter-spacing: 0;
  }
}

.h2-upper {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 40px;
  line-height: 1.52;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
@media screen and (max-width: 743.98px) {
  .h2-upper {
    font-size: 22px;
  }
}

.text-accent {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 24px;
  line-height: 1.32;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .text-accent {
    font-size: 20px;
  }
}

.text-36 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 36px;
  line-height: 1.52;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
@media screen and (max-width: 743.98px) {
  .text-36 {
    font-size: 24px;
  }
}

body[data-theme=light] .text-38 {
  font-family: var(--font-text);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.1;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-38 {
    font-size: 20px;
    line-height: 1.2;
  }
}

body[data-theme=light] .text-26 {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 26px;
  line-height: 0.92;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-26 {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 0;
  }
}

.text-24 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 24px;
  line-height: 1.32;
  letter-spacing: 0.06em;
}
body[data-theme=light] .text-24 {
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-24 {
    font-size: 17px;
    line-height: 1.29;
  }
}

body[data-theme=light] .text-22 {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.09;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-22 {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0;
  }
}

body[data-theme=light] .text-20 {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.52;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-20 {
    font-size: 16px;
    line-height: 1.5;
  }
}

.text-18 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.62;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .text-18 {
    line-height: 1.5;
  }
}

.text-16-medium {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.text-16-regular {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
body[data-theme=light] .text-16-regular {
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-16-regular {
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.text-16-light {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}

body[data-theme=light] .text-16-black {
  font-family: var(--font-text);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #000000;
}

.text-16 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .text-16 {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-16 {
    font-size: 16px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}

.text-15 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .text-15 {
    font-size: 14px;
    line-height: 1.43;
  }
}
body[data-theme=light] .text-15 {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-15 {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}

.text-14 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.06em;
}
body[data-theme=light] .text-14 {
  font-weight: 400;
  letter-spacing: -0.1504px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-14 {
    letter-spacing: 0;
  }
}

body[data-theme=light] .text-price {
  font-family: var(--font-text);
  font-weight: 600;
  font-size: 40px;
  line-height: 0.7;
  letter-spacing: -0.4395px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-price {
    font-size: 24px;
    line-height: 1.17;
    letter-spacing: 0;
  }
}

body[data-theme=light] .btn-18 {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.62;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .btn-18 {
    font-size: 14px;
    line-height: 1.43;
  }
}

.menu-18 {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .menu-18 {
    font-size: 16px;
    line-height: 1.5;
  }
}

.btn-16 {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.06em;
}

.menu-15 {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.06em;
}

.link-15 {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.06em;
  text-decoration: underline;
  text-underline-position: from-font;
}
@media screen and (max-width: 743.98px) {
  .link-15 {
    font-size: 14px;
    line-height: 1.43;
  }
}

.link-14 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.06em;
  text-decoration: underline;
  text-underline-position: from-font;
}

.btn {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.06em;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--gap, 10px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid transparent;
  border-radius: var(--radius, 100vmax);
  padding: var(--padding, 12px 20px);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.btn--outline {
  border-color: var(--accent);
  color: var(--accent);
}
@media (any-hover: hover) {
  .btn--outline:hover {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--Colors-White);
  }
}
@media (any-hover: none) {
  .btn--outline:active {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--Colors-White);
  }
}
.btn--primary {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--Colors-White);
}
@media (any-hover: hover) {
  .btn--primary:hover {
    border-color: var(--accent-hover);
    background: var(--accent-hover);
    color: var(--Colors-White);
  }
}
@media (any-hover: none) {
  .btn--primary:active {
    border-color: var(--accent-hover);
    background: var(--accent-hover);
    color: var(--Colors-White);
  }
}
.btn--white {
  border-color: var(--Colors-White);
  background: var(--Colors-White);
  color: var(--Colors-BG-Black);
}
@media (any-hover: hover) {
  .btn--white:hover {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--Colors-White);
  }
}
@media (any-hover: none) {
  .btn--white:active {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--Colors-White);
  }
}
.btn--card {
  border-color: var(--Colors-Blue-Accident-2);
  color: var(--Colors-White);
}
[data-theme=light] .btn--card {
  color: var(--Colors-BG-Black);
}
@media (any-hover: hover) {
  .btn--card:hover {
    border-color: var(--Colors-Blue-Accident-2);
    background: var(--Colors-Blue-Accident-2);
    color: var(--Colors-White);
  }
}
@media (any-hover: none) {
  .btn--card:active {
    border-color: var(--Colors-Blue-Accident-2);
    background: var(--Colors-Blue-Accident-2);
    color: var(--Colors-White);
  }
}
.btn--inline {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--Colors-White);
}
@media (any-hover: hover) {
  .btn--inline:hover {
    border-color: var(--accent-hover);
    background: var(--accent-hover);
    color: var(--Colors-White);
  }
}
@media (any-hover: none) {
  .btn--inline:active {
    border-color: var(--accent-hover);
    background: var(--accent-hover);
    color: var(--Colors-White);
  }
}
.btn--inline::after {
  content: "";
  width: 7px;
  height: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7px;
          flex: 0 0 7px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52856 5.43274C6.60465 5.50883 6.6427 5.59633 6.6427 5.69525C6.6427 5.79417 6.60465 5.88167 6.52856 5.95776L1.20984 11.2765C1.13375 11.3526 1.04624 11.3906 0.947327 11.3906C0.848409 11.3906 0.760905 11.3526 0.684814 11.2765L0.114136 10.7058C0.0380452 10.6297 0 10.5422 0 10.4433C0 10.3444 0.0380452 10.2569 0.114136 10.1808L4.59967 5.69525L0.114136 1.20972C0.0380452 1.13363 0 1.04612 0 0.947205C0 0.848287 0.0380452 0.760783 0.114136 0.684692L0.684814 0.114014C0.760905 0.0379229 0.848409 0 0.947327 0C1.04624 0 1.13375 0.0379229 1.20984 0.114014L6.52856 5.43274Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52856 5.43274C6.60465 5.50883 6.6427 5.59633 6.6427 5.69525C6.6427 5.79417 6.60465 5.88167 6.52856 5.95776L1.20984 11.2765C1.13375 11.3526 1.04624 11.3906 0.947327 11.3906C0.848409 11.3906 0.760905 11.3526 0.684814 11.2765L0.114136 10.7058C0.0380452 10.6297 0 10.5422 0 10.4433C0 10.3444 0.0380452 10.2569 0.114136 10.1808L4.59967 5.69525L0.114136 1.20972C0.0380452 1.13363 0 1.04612 0 0.947205C0 0.848287 0.0380452 0.760783 0.114136 0.684692L0.684814 0.114014C0.760905 0.0379229 0.848409 0 0.947327 0C1.04624 0 1.13375 0.0379229 1.20984 0.114014L6.52856 5.43274Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.btn--inline {
  min-height: 51px;
  padding: var(--padding, 14px 24px 14px 28px);
}
.btn--arrow::after {
  content: "";
  width: 7px;
  height: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7px;
          flex: 0 0 7px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52856 5.43274C6.60465 5.50883 6.6427 5.59633 6.6427 5.69525C6.6427 5.79417 6.60465 5.88167 6.52856 5.95776L1.20984 11.2765C1.13375 11.3526 1.04624 11.3906 0.947327 11.3906C0.848409 11.3906 0.760905 11.3526 0.684814 11.2765L0.114136 10.7058C0.0380452 10.6297 0 10.5422 0 10.4433C0 10.3444 0.0380452 10.2569 0.114136 10.1808L4.59967 5.69525L0.114136 1.20972C0.0380452 1.13363 0 1.04612 0 0.947205C0 0.848287 0.0380452 0.760783 0.114136 0.684692L0.684814 0.114014C0.760905 0.0379229 0.848409 0 0.947327 0C1.04624 0 1.13375 0.0379229 1.20984 0.114014L6.52856 5.43274Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52856 5.43274C6.60465 5.50883 6.6427 5.59633 6.6427 5.69525C6.6427 5.79417 6.60465 5.88167 6.52856 5.95776L1.20984 11.2765C1.13375 11.3526 1.04624 11.3906 0.947327 11.3906C0.848409 11.3906 0.760905 11.3526 0.684814 11.2765L0.114136 10.7058C0.0380452 10.6297 0 10.5422 0 10.4433C0 10.3444 0.0380452 10.2569 0.114136 10.1808L4.59967 5.69525L0.114136 1.20972C0.0380452 1.13363 0 1.04612 0 0.947205C0 0.848287 0.0380452 0.760783 0.114136 0.684692L0.684814 0.114014C0.760905 0.0379229 0.848409 0 0.947327 0C1.04624 0 1.13375 0.0379229 1.20984 0.114014L6.52856 5.43274Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.btn--upper {
  text-transform: uppercase;
}

.content {
  --content-step: 10px;
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .content {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .content {
    font-size: 16px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.content > * {
  margin: 0;
}
.content > * + * {
  margin-top: calc(var(--content-step) * 3);
}
.content > p + p {
  margin-top: var(--content-step);
}
.content h5 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 24px;
  line-height: 1.32;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .content h5 {
    font-size: 20px;
  }
}
.content h6 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.62;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .content h6 {
    line-height: 1.5;
  }
}
.content a:not(.btn) {
  color: var(--accent);
  text-decoration: underline;
  text-underline-position: from-font;
}
@media (any-hover: hover) {
  .content a:not(.btn):hover {
    color: var(--accent-hover);
  }
}
@media (any-hover: none) {
  .content a:not(.btn):active {
    color: var(--accent-hover);
  }
}
.content strong,
.content b {
  font-weight: 500;
}
.content em,
.content i {
  font-style: italic;
}
.content ul,
.content ol {
  padding-left: calc(var(--content-step) * 2.4);
}
.content ul {
  list-style: disc;
}
.content ol {
  list-style: decimal;
}
.content li + li,
.content li > ul,
.content li > ol {
  margin-top: 0;
}
.content ul.check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--content-step) * 0.6);
  padding-left: 0;
  list-style: none;
}
.content ul.check li {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.62;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .content ul.check li {
    line-height: 1.5;
  }
}
.content ul.check li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--content-step);
}
.content ul.check li::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 2C11.8783 2 9.84344 2.84285 8.34315 4.34315C6.84285 5.84344 6 7.87827 6 10C6 12.1217 6.84285 14.1566 8.34315 15.6569C9.84344 17.1571 11.8783 18 14 18C16.1217 18 18.1566 17.1571 19.6569 15.6569C21.1571 14.1566 22 12.1217 22 10H20C20 13.32 17.32 16 14 16C12.4087 16 10.8826 15.3679 9.75736 14.2426C8.63214 13.1174 8 11.5913 8 10C8 8.4087 8.63214 6.88258 9.75736 5.75736C10.8826 4.63214 12.4087 4 14 4C14.43 4 14.86 4.05 15.27 4.14L16.88 2.54C15.96 2.18 15 2 14 2ZM20.59 3.58L14 10.17L11.62 7.79L10.21 9.21L14 13L22 5M4.93 5.82C3.08 7.34 2 9.61 2 12C2 14.1217 2.84285 16.1566 4.34315 17.6569C5.84344 19.1571 7.87827 20 10 20C10.64 20 11.27 19.92 11.88 19.77C10.12 19.38 8.5 18.5 7.17 17.29C5.22 16.25 4 14.21 4 12C4 11.7 4.03 11.41 4.07 11.11C4.03 10.74 4 10.37 4 10C4 8.56 4.32 7.13 4.93 5.82Z' fill='%23259FDA'/%3E%3C/svg%3E") center/contain no-repeat;
}
.content img {
  display: block;
  border-radius: 0;
}
.content img.round {
  border-radius: 18px;
}
.content figure img {
  width: 100%;
}
.content figcaption {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.06em;
}
body[data-theme=light] .content figcaption {
  font-weight: 400;
  letter-spacing: -0.1504px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .content figcaption {
    letter-spacing: 0;
  }
}
.content figcaption {
  margin-top: var(--content-step);
  color: var(--text-muted);
}
.content blockquote {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .content blockquote {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .content blockquote {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.content blockquote {
  padding-left: calc(var(--content-step) * 3);
  border-left: 4px solid var(--accent);
}
.content blockquote > p {
  margin: 0;
}
.content blockquote > p + p {
  margin-top: var(--content-step);
}
.content blockquote.info {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.62;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .content blockquote.info {
    line-height: 1.5;
  }
}
.content blockquote.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: calc(var(--content-step) * 2);
  padding: calc(var(--content-step) * 4);
  border: 1px dashed var(--text);
  border-radius: 20px;
  font-style: italic;
}
@media screen and (max-width: 743.98px) {
  .content blockquote.info {
    padding: calc(var(--content-step) * 2);
    gap: calc(var(--content-step) * 1);
  }
}
.content blockquote.info.info--normal {
  font-style: normal;
}
.content blockquote.info::before {
  content: "";
  width: 47px;
  height: 47px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47px;
          flex: 0 0 47px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47 47' fill='none'%3E%3Cpath d='M23.5001 43.0834C34.271 43.0834 43.0835 34.2709 43.0835 23.5C43.0835 12.7292 34.271 3.9167 23.5001 3.9167C12.7293 3.9167 3.91679 12.7292 3.91679 23.5C3.91679 34.2709 12.7293 43.0834 23.5001 43.0834ZM24.0876 14.2763C24.4793 13.9238 24.9493 13.7084 25.4585 13.7084C25.9872 13.7084 26.4376 13.9238 26.8489 14.2763C27.221 14.6875 27.4168 15.1575 27.4168 15.6667C27.4168 16.1954 27.221 16.6459 26.8489 17.0571C26.4376 17.4292 25.9872 17.625 25.4585 17.625C24.9493 17.625 24.4793 17.4292 24.0876 17.0571C23.7155 16.6459 23.5001 16.1954 23.5001 15.6667C23.5001 15.1575 23.7155 14.6875 24.0876 14.2763ZM19.1918 23.4413C19.1918 23.4413 23.4414 20.0729 24.9885 19.9359C26.4376 19.8184 26.1439 21.4829 26.0068 22.3446L25.9872 22.4621C25.713 23.5 25.3801 24.7534 25.0472 25.9479C24.303 28.67 23.5785 31.3334 23.7547 31.8229C23.9505 32.4888 25.1647 31.6467 26.046 31.0592C26.1635 30.9809 26.2614 30.9025 26.3593 30.8438C26.3593 30.8438 26.516 30.6871 26.6726 30.9025C26.7118 30.9613 26.751 31.02 26.7901 31.0592C26.9664 31.3334 27.0643 31.4313 26.8293 31.5879L26.751 31.6271C26.3201 31.9209 24.4793 33.2134 23.7351 33.6834C22.9322 34.2121 19.8576 35.9746 20.3276 32.5475C20.7389 30.1388 21.2872 28.0629 21.718 26.4375C22.521 23.5 22.8735 22.1684 21.0718 23.3238C20.3472 23.7546 19.9164 24.0288 19.6618 24.205C19.4464 24.3617 19.4268 24.3617 19.2897 24.1071L19.231 23.9896L19.133 23.8329C18.996 23.6371 18.996 23.6175 19.1918 23.4413Z' fill='%235AB9E7'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media screen and (max-width: 743.98px) {
  .content blockquote.info::before {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
}
.content blockquote.info > p {
  margin: 0;
}
.content blockquote.info > p + p {
  margin-top: var(--content-step);
}
.content hr {
  border: 0;
  border-top: 1px solid var(--border);
}
.content table {
  width: 100%;
  border-collapse: collapse;
}
.content table.fixed {
  table-layout: fixed;
}
.content thead {
  background-color: var(--accent-hover);
}
.content tbody tr:nth-child(odd) {
  background-color: var(--bg-surface);
}
.content tbody tr:nth-child(even) {
  background-color: var(--bg);
}
.content th,
.content td {
  padding: calc(var(--content-step) * 1.8) calc(var(--content-step) * 2) calc(var(--content-step) * 1.7);
  border: 0;
  text-align: left;
  vertical-align: top;
}
.content th {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
.content .video {
  position: relative;
  cursor: pointer;
}
.content video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 900/512;
  border: 0;
  border-radius: 0;
  background-color: var(--bg-surface);
  -o-object-fit: cover;
     object-fit: cover;
}
.content iframe {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 18px;
  aspect-ratio: 16/9;
}

.header {
  display: -ms-grid;
  display: grid;
  gap: 18px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 743.98px) {
  .header {
    gap: 10px;
  }
}
.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  background: var(--bg-surface);
}
@media screen and (max-width: 743.98px) {
  .header__top {
    padding-block: 0;
  }
}
.header__top a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.header__info {
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
body[data-theme=light] .header__info {
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .header__info {
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 743.98px) {
  body[data-theme] .header__info {
    font-size: 12px;
    line-height: 2;
  }
}
.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 14px;
  background: var(--bg-surface);
  backdrop-filter: blur(10px);
}
@media screen and (max-width: 743.98px) {
  .header__bottom {
    padding: 10px 10px 10px 5px;
    border-radius: 10px;
  }
}
.header__logo {
  display: block;
  width: 262px;
  height: 68px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--text);
  background-color: currentColor;
  -webkit-mask: url("/upload/images/logo.svg") center/contain no-repeat;
          mask: url("/upload/images/logo.svg") center/contain no-repeat;
  margin-right: auto;
}
@media (any-hover: hover) {
  .header__logo:hover {
    color: currentColor;
  }
}
@media (any-hover: none) {
  .header__logo:active {
    color: currentColor;
  }
}
@media screen and (max-width: 743.98px) {
  .header__logo {
    width: 195px;
    height: 50px;
  }
}
@media screen and (max-width: 743.98px) {
  .header__menu {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    left: calc(-1 * var(--container-padding));
    width: 100vw;
    max-height: calc(100dvh - 94px);
    overflow-y: auto;
  }
  .header__menu--open {
    display: block;
  }
}
.header__burger {
  display: none;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  color: var(--text);
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
@media (any-hover: hover) {
  .header__burger:hover {
    color: var(--accent);
  }
}
@media (any-hover: none) {
  .header__burger:active {
    color: var(--accent);
  }
}
@media screen and (max-width: 743.98px) {
  .header__burger {
    display: block;
    margin-left: 18px;
  }
}
.header__burger svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header__burger-line {
  transform-box: fill-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity var(--transition), -webkit-transform var(--transition);
  transition: opacity var(--transition), -webkit-transform var(--transition);
  transition: transform var(--transition), opacity var(--transition);
  transition: transform var(--transition), opacity var(--transition), -webkit-transform var(--transition);
}
.header__burger[aria-expanded=true] .header__burger-line--top {
  -webkit-transform: translateY(5px) rotate(45deg);
          transform: translateY(5px) rotate(45deg);
}
.header__burger[aria-expanded=true] .header__burger-line--middle {
  opacity: 0;
}
.header__burger[aria-expanded=true] .header__burger-line--bottom {
  -webkit-transform: translateY(-5px) rotate(-45deg);
          transform: translateY(-5px) rotate(-45deg);
}
.header__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  height: 42px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
@media (any-hover: hover) {
  .header__cart:hover {
    opacity: 0.75;
  }
}
@media (any-hover: none) {
  .header__cart:active {
    opacity: 0.75;
  }
}
.header__cart.active svg circle {
  display: block;
}
.header__cart svg {
  width: 100%;
  height: 100%;
}
.header__cart svg circle {
  display: none;
}

.page {
  padding-top: 40px;
  padding-bottom: 80px;
}
@media screen and (max-width: 743.98px) {
  .page {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
.page__breadcrumbs {
  margin-bottom: 30px;
}
.page__search {
  margin-bottom: 30px;
}
@media screen and (max-width: 743.98px) {
  .page__search {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.page__title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}
.page__title {
  margin-bottom: 0;
}
.page__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 401px;
  grid-template-columns: 1fr 401px;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .page__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 743.98px) {
  .page__grid {
    gap: 40px;
  }
}
.page__main {
  min-width: 0;
}
.page__aside {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.webcomp-dialog:has(.form) {
  --bg: var(--Colors-Gray-4);
  --bg-surface: var(--Colors-White);
  --text: var(--Colors-BG-Black);
  --text-muted: var(--Colors-Gray-1);
  --border: var(--Colors-Gray-3);
  --accent: var(--Colors-Blue-Accident-2);
  --accent-hover: var(--Colors-Blue-Accident);
  --webcomp-dialog-bg: var(--bg-surface);
  --webcomp-dialog-color: var(--text);
  --webcomp-dialog-muted: var(--text-muted);
  --webcomp-dialog-border: 0;
  --webcomp-dialog-max-width: 480px;
  --webcomp-dialog-padding: 32px 24px 24px;
  --webcomp-dialog-close-top: 8px;
  --webcomp-dialog-close-right: 8px;
  --webcomp-dialog-close-size: 24px;
}
@media screen and (max-width: 743.98px) {
  .webcomp-dialog:has(.form) {
    --webcomp-dialog-padding: 28px 16px 16px;
  }
}

.form__title {
  margin: 0 24px 12px 0;
  color: var(--text);
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0;
}
@media screen and (max-width: 743.98px) {
  .form__title {
    font-size: 20px;
    line-height: 1.3;
  }
}
.form__title:has(+ .form__subtitle) {
  margin-bottom: 4px;
}
.form__subtitle {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.06em;
}
body[data-theme=light] .form__subtitle {
  font-weight: 400;
  letter-spacing: -0.1504px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .form__subtitle {
    letter-spacing: 0;
  }
}
.form__subtitle {
  margin: 0 0 12px;
  color: var(--text-muted);
}
.form__thanks-text {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .form__thanks-text {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .form__thanks-text {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.form__thanks-text {
  margin: 0;
  color: var(--text-muted);
}
.form__message {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .form__message {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .form__message {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.form__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
  padding: 14px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text-muted);
}
.form__message[hidden] {
  display: none;
}
.form__message[data-webcomp-form-message-type=danger] .form__message-title {
  color: var(--danger);
}
.form__message-text a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--accent);
}
@media (any-hover: hover) {
  .form__message-text a:hover {
    color: var(--accent-hover);
  }
}
@media (any-hover: none) {
  .form__message-text a:active {
    color: var(--accent-hover);
  }
}
.form__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.form__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.form__field[hidden] {
  display: none;
}
.form__label {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .form__label {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .form__label {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.form__label {
  color: var(--text);
}
.form__required {
  color: var(--accent);
}
.form__control {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .form__control {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .form__control {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.form__control {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.form__control[data-webcomp-field-state=invalid] {
  border-color: var(--danger);
}
.form__control[data-webcomp-field-state=valid] {
  border-color: var(--accent);
}
.form__control {
  width: 100%;
  min-height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 12px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text);
}
.form__control::-webkit-input-placeholder {
  color: var(--text-muted);
}
.form__control::-moz-placeholder {
  color: var(--text-muted);
}
.form__control:-ms-input-placeholder {
  color: var(--text-muted);
}
.form__control::-ms-input-placeholder {
  color: var(--text-muted);
}
.form__control::placeholder {
  color: var(--text-muted);
}
.form__control:focus {
  border-color: var(--accent);
  outline: none;
}
.form__control:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
  opacity: 0.6;
}
.form__control--textarea {
  min-height: 88px;
  resize: vertical;
}
.form__control--select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bfbfbf' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
}
.form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}
.form__check {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 10px minmax(0, 1fr);
  grid-template-columns: 24px minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.form__check-input[data-webcomp-field-state=invalid] {
  border-color: var(--danger);
}
.form__check-input[data-webcomp-field-state=valid] {
  border-color: var(--accent);
}
.form__check-input {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  cursor: pointer;
}
.form__check-input:checked {
  background: var(--accent);
  border-color: var(--accent);
  -webkit-mask: none;
          mask: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5l4 4 8-8' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.form__check-input:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.form__check-label {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .form__check-label {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .form__check-label {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.form__check-label {
  color: var(--text);
  cursor: pointer;
}
.form__check-label a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--accent);
}
@media (any-hover: hover) {
  .form__check-label a:hover {
    color: var(--accent-hover);
  }
}
@media (any-hover: none) {
  .form__check-label a:active {
    color: var(--accent-hover);
  }
}
.form__submit {
  --radius: 6px;
  width: 100%;
  margin-top: 4px;
}
.form__captcha {
  margin-top: 6px;
}
.form__trap {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media screen and (max-width: 743.98px) {
  .form__submit {
    min-height: 48px;
  }
}

[data-webcomp-form-ajax-error] {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.06em;
}
body[data-theme=light] [data-webcomp-form-ajax-error] {
  font-weight: 400;
  letter-spacing: -0.1504px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] [data-webcomp-form-ajax-error] {
    letter-spacing: 0;
  }
}
[data-webcomp-form-ajax-error] {
  color: var(--danger);
}

.order-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
  padding: 12px;
  background: var(--bg);
  border-radius: 6px;
}
.order-summary__line {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.06em;
}
body[data-theme=light] .order-summary__line {
  font-weight: 400;
  letter-spacing: -0.1504px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .order-summary__line {
    letter-spacing: 0;
  }
}
.order-summary__line {
  margin: 0;
  color: var(--text-muted);
}
.order-summary__line--main {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .order-summary__line--main {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .order-summary__line--main {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.order-summary__line--main {
  color: var(--text);
}

.webcomp-dialog:has(.text-modal) {
  --webcomp-dialog-max-width: 768px;
  --webcomp-dialog-padding: 44px;
  --webcomp-dialog-border: 1px solid var(--accent);
  --webcomp-dialog-overflow: hidden;
  --webcomp-dialog-close-top: 11px;
  --webcomp-dialog-close-right: 8px;
  --webcomp-dialog-close-size: 24px;
}
@media screen and (max-width: 743.98px) {
  .webcomp-dialog:has(.text-modal) {
    --webcomp-dialog-padding: 30px 25px 30px 20px;
    --webcomp-dialog-close-top: 6px;
    --webcomp-dialog-close-right: 6px;
    --webcomp-dialog-close-size: 20px;
  }
}

.text-modal__title {
  margin: 0;
  color: var(--text);
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 26px;
  line-height: 0.93;
  letter-spacing: -0.3125px;
}
.text-modal__scroll {
  overflow-y: auto;
  max-height: min(600px, 65vh);
  margin-top: 20px;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
}
.text-modal__scroll::-webkit-scrollbar {
  width: 8px;
}
.text-modal__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.text-modal__scroll::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 20px;
}
.text-modal__scroll .content {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.06em;
}
body[data-theme=light] .text-modal__scroll .content {
  font-weight: 400;
  letter-spacing: -0.1504px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-modal__scroll .content {
    letter-spacing: 0;
  }
}
body[data-theme] .text-modal__scroll .content {
  line-height: 1.43;
}
.text-modal__scroll .content > * + *,
.text-modal__scroll .content > p + p {
  margin-top: 16px;
}
.text-modal__scroll .content h2 {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.06em;
}
body[data-theme=light] .text-modal__scroll .content h2 {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .text-modal__scroll .content h2 {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.text-modal__scroll .content h2 {
  color: var(--text);
}
@media screen and (max-width: 743.98px) {
  body[data-theme] .text-modal__scroll .content h2 {
    font-size: 16px;
    line-height: 1.52;
  }
}
.text-modal__fade {
  height: 64px;
  margin-top: -64px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--bg-surface)));
  background: linear-gradient(to bottom, transparent, var(--bg-surface));
  pointer-events: none;
}
.text-modal__ok {
  --radius: 6px;
  --padding: 12px 22px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.62;
}
@media screen and (max-width: 743.98px) {
  .text-modal__title {
    font-size: 22px;
    line-height: 1.09;
  }
  .text-modal__scroll {
    margin-top: 14px;
  }
  .text-modal__ok {
    margin-top: 14px;
  }
}

.footer {
  padding: 30px 0;
  background: var(--bg-surface);
}
@media screen and (max-width: 743.98px) {
  .footer {
    padding: 25px 0;
  }
}
.footer__top {
  margin-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 743.98px) {
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
    margin-bottom: 22px;
  }
}
.footer__logo {
  width: 195px;
  height: 50px;
}
.footer__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 321fr 90px 659fr 90px 220fr;
  grid-template-columns: 321fr 659fr 220fr;
  gap: 90px;
}
@media screen and (max-width: 743.98px) {
  .footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
@media screen and (max-width: 743.98px) {
  .footer__center {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
}
.footer__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
}
.footer__contact-icon {
  width: 20px;
  height: 20px;
}
.footer__contact-icon img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 743.98px) {
  .footer__contact-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer__contact-link a {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .footer__contact-link a {
    font-size: 14px;
    line-height: 1.43;
  }
}
body[data-theme=light] .footer__contact-link a {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .footer__contact-link a {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.footer__contact-link a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.footer__info {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .footer__info {
    font-size: 14px;
    line-height: 1.43;
  }
}
body[data-theme=light] .footer__info {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .footer__info {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.footer__vendor {
  font-family: var(--font-text);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 743.98px) {
  .footer__vendor {
    font-size: 14px;
    line-height: 1.43;
  }
}
body[data-theme=light] .footer__vendor {
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.3125px;
}
@media screen and (max-width: 743.98px) {
  body[data-theme=light] .footer__vendor {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0;
  }
}
.footer__vendor {
  white-space: nowrap;
}
.footer__vendor a {
  color: var(--accent);
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.06em;
  text-decoration: underline;
  text-underline-position: from-font;
}
@media screen and (max-width: 743.98px) {
  .footer__vendor a {
    font-size: 14px;
    line-height: 1.43;
  }
}
@media (any-hover: hover) {
  .footer__vendor a:hover {
    color: var(--accent-hover);
  }
}
@media (any-hover: none) {
  .footer__vendor a:active {
    color: var(--accent-hover);
  }
}
.footer__vendor a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.iff_300 {
  font-weight: 300 !important;
}

.iff_link {
  font-family: var(--font-text);
  font-weight: 300 !important;
  /*font-size: 15px;*/
  line-height: 1.33;
  letter-spacing: 0.06em;
}
.iff-link {
  font-family: var(--font-text);
  font-weight: 300 !important;
  /*font-size: 15px;*/
  line-height: 1.33;
  letter-spacing: 0.06em;
}

a.iff_link {
  color: #5ab9e7 !important;
  text-decoration: none !important;
}
a.iff_link:hover {
  color: #5ab9e7 !important;
  text-decoration: underline !important;
}
a.iff_link:visited {
  color: #5ab9e7;
}
a.iff_link:active {
  color: #5ab9e7;
}
a.iff-link {
  color: #5ab9e7 !important;
  text-decoration: none !important;
}
a.iff-link:hover {
  color: #5ab9e7 !important;
  text-decoration: underline !important;
}
a.iff-link:visited {
  color: #5ab9e7;
}
a.iff-link:active {
  color: #5ab9e7;
}

.iff-margin10 {
  margin: 10px 0;
}

.iff-nopm {
  margin: 0;
  padding: 0;
}

.iff_font300 {
  font-weight: 300 !important;
}

.iff-margin-top20 {
  margin-top: 20px;
}

.iff-margin-top30 {
  margin-top: 30px;
}

.iff-padding16 {
  padding: 16px 0;
}

.iff-padding10 {
  padding: 10px 0;
}

.iff-blalck {
  color: #000000;
}

.iff-white {
  color: #FFFFFF !important;
}
@media screen and (max-width: 743.98px) {
#bx_incl_area_5_1 p{
  color: #000000;
	letter-spacing: 0.06em;
}		
#bx_incl_area_5_2 p{
  color: #000000;
	letter-spacing: 0.06em;
}	
}
@media screen and (max-width: 743.98px) {

blockquote.catalog-intro__body .catalog-intro__part--booking p
	{
		color: #000000;
letter-spacing: 0.03em !important;
	}
blockquote.catalog-intro__body .catalog-intro__part--order p
	{
		color: #000000;
letter-spacing: 0.03em !important;
	}
}

/*# sourceMappingURL=styles.css.map */