@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Roboto/Roboto-Regular.eot");
  src: url("../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg");
}

@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Medium.eot");
  src: url("../fonts/Inter/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter/Inter-Medium.woff") format("woff"), url("../fonts/Inter/Inter-Medium.ttf") format("truetype"), url("../fonts/Inter/Inter-Medium.svg#Inter") format("svg");
}

@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Bold.eot");
  src: url("../fonts/Inter/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter/Inter-Bold.woff") format("woff"), url("../fonts/Inter/Inter-Bold.ttf") format("truetype"), url("../fonts/Inter/Inter-Bold.svg#Inter") format("svg");
}

@font-face {
  font-family: "HostGrotesk";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/HostGrotesk/HostGrotesk-Light.eot");
  src: url("../fonts/HostGrotesk/HostGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HostGrotesk/HostGrotesk-Light.woff") format("woff"), url("../fonts/HostGrotesk/HostGrotesk-Light.ttf") format("truetype"), url("../fonts/HostGrotesk/HostGrotesk-Light.svg#HostGrotesk") format("svg");
}

@font-face {
  font-family: "HostGrotesk";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/HostGrotesk/HostGrotesk-Regular.eot");
  src: url("../fonts/HostGrotesk/HostGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/HostGrotesk/HostGrotesk-Regular.woff") format("woff"), url("../fonts/HostGrotesk/HostGrotesk-Regular.ttf") format("truetype"), url("../fonts/HostGrotesk/HostGrotesk-Regular.svg#HostGrotesk") format("svg");
}

@font-face {
  font-family: "HostGrotesk";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/HostGrotesk/HostGrotesk-Medium.eot");
  src: url("../fonts/HostGrotesk/HostGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/HostGrotesk/HostGrotesk-Medium.woff") format("woff"), url("../fonts/HostGrotesk/HostGrotesk-Medium.ttf") format("truetype"), url("../fonts/HostGrotesk/HostGrotesk-Medium.svg#HostGrotesk") format("svg");
}

@font-face {
  font-family: "HostGrotesk";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/HostGrotesk/HostGrotesk-Bold.eot");
  src: url("../fonts/HostGrotesk/HostGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HostGrotesk/HostGrotesk-Bold.woff") format("woff"), url("../fonts/HostGrotesk/HostGrotesk-Bold.ttf") format("truetype"), url("../fonts/HostGrotesk/HostGrotesk-Bold.svg#HostGrotesk") format("svg");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  outline: none;
}

body {
  font: 400 var(--fz-default) var(--default-font-family), Helvetica, Arial, sans-serif;
  background: var(--bg);
  min-width: 360px;
  color: var(--yellow-gray-100);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.overflow-hidden,
body._lock {
  overflow: hidden;
  height: 100vh;
}

.hidden {
  display: none !important;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}

.wrapper:is(.single-blog .wrapper),
.wrapper:is(.post-type-archive .wrapper) {
  overflow: initial;
}

.wrapper:has(.checkout-page) {
  overflow: initial;
}

[class*=__container] {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 10px;
  width: 100%;
}

[class*=__container] [class*=__container] {
  padding: 0;
}

.header {
  padding: 12px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: var(--tr);
}

.header._filled {
  background: var(--bg);
}

.header__container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
}

.header__logo {
  aspect-ratio: 128/40;
  width: 150px;
  flex: 0 0 auto;
  background: left center/contain no-repeat;
  position: relative;
  z-index: 10;
}

.header__logo_mob {
  display: none;
}

.header__burger-menu:before {
  display: none;
}

.header__burger-menu ._close {
  display: none;
}

.header__menu {
  height: 100%;
}

.header__menu .menu {
  display: flex;
  align-items: center;
  gap: 32px;
  height: inherit;
}

.header__menu .menu a {
  transition: var(--tr);
}

.header__menu .menu > .menu-item {
  display: flex;
  align-items: center;
  height: inherit;
}

.header__menu .menu > .menu-item.menu-item-has-children > a:before {
  background: var(--yellow-gray-50);
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 100%;
  transform: scale(0);
  transition: var(--tr);
}

.header__menu .menu > .menu-item.menu-item-has-children > a:after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 16px;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M1.60156%205.9155L8.00156%2012L14.4016%205.9155L13.2282%204.8L8.00153%209.76904L2.77487%204.80003L1.60156%205.9155Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
  transition: var(--tr);
}

.header__menu .menu > .menu-item.menu-item-has-children:hover > a:before {
  transform: scale(1);
}

.header__menu .menu > .menu-item.menu-item-has-children:hover > a:after {
  transform: rotate(180deg);
}

.header__menu .menu > .menu-item.menu-item-has-children:hover .sub-menu-wrapper {
  transform: translateY(0px);
  opacity: 1;
  pointer-events: initial;
}

.header__menu .menu > .menu-item > a {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 4px;
  align-items: center;
  height: inherit;
  text-transform: uppercase;
}

.header__menu .menu > .menu-item .sub-menu:is(:not(.sub-menu-wrapper .sub-menu)) {
  display: none;
}

.header__menu .menu > .menu-item .sub-menu-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  padding: 104px calc((100% - var(--container-width) + 20px) / 2) 60px;
  background: var(--bg);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 201px;
  pointer-events: none;
  transform: translateY(-20px);
  opacity: 0;
  transition: var(--tr);
}

.header__menu .menu > .menu-item .sub-menu-wrapper:before {
  content: attr(data-label);
  color: var(--yellow-gray-10);
  font-size: 84px;
  font-weight: 500;
  line-height: 1;
}

.header__menu .menu > .menu-item .sub-menu-wrapper .sub-menu {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 700px;
  gap: 8px 0;
}

.header__menu .menu > .menu-item .sub-menu-wrapper .sub-menu > .menu-item {
  flex: 0 0 350px;
  padding: 10px 0;
  font-weight: 300;
  font-size: 20px;
  line-height: 140%;
}

.header__menu .menu:has(.menu-item:hover) > .menu-item:not(:hover) > a,
.header__menu .menu:has(.sub-menu .menu-item:hover) .sub-menu > .menu-item:not(:hover) > a {
  color: #A1A9B1;
}

.header__contacts {
  display: none;
}

.header__actions {
  display: none;
}

.header__actions .btn {
  flex: 1 1 40%;
}

.header__actions-label {
  flex: 0 0 100%;
  font-weight: 300;
  font-size: 14px;
  line-height: 130%;
}

.header__right-panel {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 10;
}

.header__right-panel .header__cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  aspect-ratio: 1/1;
  cursor: pointer;
  position: relative;
}

.header__right-panel .header__cart:before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 20px;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M18.332%207.49992H14.3404L10.6904%202.03326C10.6138%201.91975%2010.5105%201.82691%2010.3894%201.76299C10.2683%201.69907%2010.1334%201.66606%209.99647%201.66689C9.85957%201.66771%209.72501%201.70235%209.60473%201.76772C9.48445%201.83309%209.38218%201.92717%209.30703%202.04159L5.65703%207.49992H1.66536C1.20703%207.49992%200.832031%207.87493%200.832031%208.33326C0.832031%208.40826%200.832031%208.48326%200.865365%208.55826L2.98203%2016.2833C3.1737%2016.9833%203.81536%2017.4999%204.58203%2017.4999H15.4154C16.182%2017.4999%2016.8237%2016.9833%2017.0237%2016.2833L19.1404%208.55826L19.1654%208.33326C19.1654%207.87493%2018.7904%207.49992%2018.332%207.49992ZM9.9987%203.99993L12.332%207.49992H7.66536L9.9987%203.99993ZM15.4154%2015.8333H4.58203L2.75703%209.16659H17.2487L15.4154%2015.8333ZM9.9987%2010.8333C9.08203%2010.8333%208.33203%2011.5833%208.33203%2012.4999C8.33203%2013.4166%209.08203%2014.1666%209.9987%2014.1666C10.9154%2014.1666%2011.6654%2013.4166%2011.6654%2012.4999C11.6654%2011.5833%2010.9154%2010.8333%209.9987%2010.8333Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.header__right-panel .header__cart:after {
  background: var(--blue);
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 7.5px;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 15px;
  transform: scale(0);
  transition: var(--tr);
}

.header__right-panel .header__cart._not-empty:after {
  transform: scale(1);
}

.header__right-panel .btn {
  padding: 16px 20px;
}

.header._active .burger span {
  transition: top var(--tr), bottom var(--tr), transform var(--trd), opacity var(--tr);
}

.header._active .burger span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.header._active .burger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.header._active .burger span:nth-child(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.burger {
  display: none;
  height: 20px;
  width: 27px;
  position: relative;
  z-index: 6;
  cursor: pointer;
}

.burger:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 40px;
  width: 40px;
}

.burger span {
  background: var(--white);
  position: absolute;
  height: 2px;
  width: 100%;
  display: block;
  left: 0%;
  transition: top var(--trd), bottom var(--trd), transform var(--tr), opacity var(--trd);
}

.burger span:nth-child(1) {
  top: 0%;
}

.burger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.burger span:nth-child(3) {
  top: calc(100% - 2px);
}

.currency-switcher {
  position: relative;
  min-width: 50px;
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
}

.currency-switcher__current {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  aspect-ratio: 1/1;
  width: 50px;
}

.currency-switcher__current:after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 16px;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M1.60156%205.9155L8.00156%2012L14.4016%205.9155L13.2282%204.8L8.00153%209.76904L2.77487%204.80003L1.60156%205.9155Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.currency-switcher__list {
  background: var(--bg);
  position: absolute;
  top: 100%;
  left: 50%;
  width: 120%;
  transform: translateX(-50%) translateY(-20px);
  pointer-events: none;
  opacity: 0;
  transition: var(--tr);
}

.currency-switcher__list li {
  padding: 0px 10px 0px 6px;
  transition: var(--tr);
  cursor: pointer;
}

.currency-switcher._active .currency-switcher__list {
  transform: translateX(-50%) translateY(0);
  pointer-events: initial;
  opacity: 1;
}

.currency-switcher._active .currency-switcher__list li {
  padding: 8px 10px 8px 6px;
}

.hero {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1500/700;
  width: 100%;
  min-height: 400px;
  max-height: 80vh;
  background: center/cover no-repeat;
  -webkit-mask-image: linear-gradient(0deg, transparent 0%, black 20%, black 60%, transparent 95%);
  mask-image: linear-gradient(0deg, transparent 0%, black 20%, black 60%, transparent 95%);
}

.hero__bg_mob {
  display: none;
}

.hero__bg:before {
  background: var(--bg);
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  mix-blend-mode: color;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  transition: var(--tr);
}

.hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  padding-top: var(--sp) !important;
  padding-bottom: var(--sp) !important;
  height: 100vh;
  max-height: 1280px;
}

.hero__text-content {
  font-weight: 300;
  font-size: 26px;
  line-height: 130%;
  color: var(--yellow-gray-100);
}

.hero__text-content h1,
.hero__text-content h2,
.hero__text-content h3,
.hero__text-content h4,
.hero__text-content h5,
.hero__text-content h6 {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.hero__text-content h1:is(.home .hero .hero__text-content h1,
.home .hero .hero__text-content h2,
.home .hero .hero__text-content h3,
.home .hero .hero__text-content h4,
.home .hero .hero__text-content h5,
.home .hero .hero__text-content h6),
.hero__text-content h2:is(.home .hero .hero__text-content h1,
.home .hero .hero__text-content h2,
.home .hero .hero__text-content h3,
.home .hero .hero__text-content h4,
.home .hero .hero__text-content h5,
.home .hero .hero__text-content h6),
.hero__text-content h3:is(.home .hero .hero__text-content h1,
.home .hero .hero__text-content h2,
.home .hero .hero__text-content h3,
.home .hero .hero__text-content h4,
.home .hero .hero__text-content h5,
.home .hero .hero__text-content h6),
.hero__text-content h4:is(.home .hero .hero__text-content h1,
.home .hero .hero__text-content h2,
.home .hero .hero__text-content h3,
.home .hero .hero__text-content h4,
.home .hero .hero__text-content h5,
.home .hero .hero__text-content h6),
.hero__text-content h5:is(.home .hero .hero__text-content h1,
.home .hero .hero__text-content h2,
.home .hero .hero__text-content h3,
.home .hero .hero__text-content h4,
.home .hero .hero__text-content h5,
.home .hero .hero__text-content h6),
.hero__text-content h6:is(.home .hero .hero__text-content h1,
.home .hero .hero__text-content h2,
.home .hero .hero__text-content h3,
.home .hero .hero__text-content h4,
.home .hero .hero__text-content h5,
.home .hero .hero__text-content h6) {
  font: 500 var(--h1-big)/90% var(--heading-font-family);
}

.hero__text-content h1 ._row-1 {
  display: flex;
  gap: 0.5em;
  width: 100%;
  justify-content: space-between;
}

.hero__btn-wrap {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

.hero .form {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 64px;
}

.hero .form__field {
  flex: 1 1 25%;
}

.hero .form__button {
  flex: 0 0 auto;
}

.hero .form .cs-select .cs-option[data-value=none] {
  display: none;
}

.hero__search-mob {
  display: none;
}

.hero-course {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hero-course__bg {
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1500/700;
  width: 100%;
  min-height: 400px;
  max-height: 100%;
  background: center/cover no-repeat;
  -webkit-mask-image: linear-gradient(0deg, transparent 0%, black 20%, black 60%, transparent 95%);
  mask-image: linear-gradient(0deg, transparent 0%, black 20%, black 60%, transparent 95%);
}

.hero-course__bg_mob {
  display: none;
}

.hero-course__bg:before {
  background: var(--bg);
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  mix-blend-mode: color;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  transition: var(--tr);
}

.hero-course__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 420px;
  padding-top: var(--sp) !important;
}

.hero-course__content {
  position: relative;
  padding-bottom: var(--sp);
}

.hero-course__content:before {
  background: linear-gradient(0deg, var(--bg) 50%, transparent 100%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 200vw;
  transform: translateX(-50%);
}

.hero-course__content:is(.hero-course:has(+ .is-style-light) .hero-course__content) {
  padding-bottom: calc(var(--sp) * 2);
}

.hero-course__text-content {
  position: relative;
  color: var(--yellow-gray-100);
  margin-bottom: 80px;
  font-weight: 300;
  font-size: 26px;
  line-height: 130%;
}

.hero-course__text-content > * {
  margin-top: 20px;
}

.hero-course__text-content > *:first-child {
  margin-top: 0;
}

.hero-course__text-content h1,
.hero-course__text-content h2,
.hero-course__text-content h3,
.hero-course__text-content h4,
.hero-course__text-content h5,
.hero-course__text-content h6 {
  text-transform: uppercase;
}

.hero-course__text-content h1:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6),
.hero-course__text-content h2:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6),
.hero-course__text-content h3:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6),
.hero-course__text-content h4:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6),
.hero-course__text-content h5:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6),
.hero-course__text-content h6:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) {
  font: 500 var(--h1-big)/90% var(--heading-font-family);
}

.hero-course__text-content h1:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
.hero-course__text-content h2:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
.hero-course__text-content h3:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
.hero-course__text-content h4:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
.hero-course__text-content h5:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
.hero-course__text-content h6:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hero-course__text-content h1 ._row-1 {
  display: flex;
  gap: 0.5em;
  width: 100%;
  justify-content: space-between;
}

.hero-course__btn-wrap {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

.hero-course__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 32px;
  position: relative;
}

.hero-course__items .item {
  padding: 20px 0;
  border-top: 1px solid var(--white-10);
  display: grid;
  grid-template-columns: 200px 1fr 24px;
  gap: 8px;
  align-items: center;
  font-weight: 300;
  font-size: 18px;
  line-height: 135%;
}

.hero-course__items .item__name {
  font-weight: 700;
}

.hero-course__items .item__value {
  opacity: 0.7;
}

@media (max-width: 1260px) {
  .header__container {
    align-items: center;
    justify-content: flex-start;
  }

  .header .burger {
    order: 4;
  }

  .header__burger-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--bg);
    padding: 64px calc((100% - var(--container-width) + 20px) / 2) 0px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    z-index: 15;
    transform: translateY(-100%);
    transition: var(--tr);
  }

  .header__burger-menu > * {
    border-top: 1px solid var(--yellow-gray-50);
  }

  .header__burger-menu:is(.header._active .header__burger-menu) {
    transform: translateY(0%);
  }

  .header__burger-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    aspect-ratio: 52/62;
    width: 32px;
    background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2252%22%20height%3D%2263%22%20viewBox%3D%220%200%2052%2063%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M31.529%2019.1292C30.4957%2020.6337%2028.8385%2021.6878%2026.9254%2021.9505C26.6224%2021.9925%2026.3151%2022.0212%2026%2022.0212C25.6856%2022.0212%2025.3783%2021.9925%2025.0746%2021.9505C23.1615%2021.6885%2021.505%2020.6337%2020.4717%2019.1292C19.5391%2017.7717%2019.1118%2016.055%2019.4591%2014.2388C19.955%2011.643%2022.086%209.55928%2024.7351%209.07879C28.9614%208.31252%2032.6617%2011.4868%2032.6617%2015.4926C32.6617%2016.8381%2032.2436%2018.089%2031.529%2019.1292ZM3.7932%2027.6862C2.9085%2027.6862%202.19102%2026.983%202.19102%2026.1159C2.19102%2025.2481%202.9085%2024.5448%203.7932%2024.5448C4.67861%2024.5448%205.39609%2025.2481%205.39609%2026.1159C5.39609%2026.983%204.67861%2027.6862%203.7932%2027.6862ZM48.2068%2024.5448C49.0922%2024.5448%2049.8097%2025.2481%2049.8097%2026.1159C49.8097%2026.983%2049.0922%2027.6862%2048.2068%2027.6862C47.3221%2027.6862%2046.6046%2026.983%2046.6046%2026.1159C46.6046%2025.2481%2047.3221%2024.5448%2048.2068%2024.5448ZM50.9474%2029.894C51.6284%2027.6197%2052%2025.2166%2052%2022.7293C52%2022.4912%2051.9886%2022.2552%2051.9821%2022.0184H44.9145C44.9238%2022.2545%2044.9331%2022.4912%2044.9331%2022.7293C44.9331%2025.2677%2044.4093%2027.6883%2043.4639%2029.894C42.4748%2032.2019%2041.0192%2034.2688%2039.2183%2035.9912L33.73%2023.9565C36.4613%2021.5575%2038.0421%2017.9251%2037.5039%2013.9516C36.9122%209.58309%2033.7143%205.97521%2029.5338%204.65981V0.168701H22.4662L22.4669%204.65911C17.7897%206.1286%2014.3924%2010.4271%2014.3924%2015.4926C14.3924%2018.8546%2015.8967%2021.872%2018.27%2023.9565L12.7838%2035.987C10.9851%2034.2632%209.52516%2032.2005%208.53684%2029.894C7.5914%2027.6883%207.06759%2025.2677%207.06759%2022.7293C7.06759%2022.4912%207.07687%2022.2545%207.08545%2022.0184H0.0185781C0.0121465%2022.2552%200%2022.4912%200%2022.7293C0%2025.2166%200.372316%2027.6197%201.05335%2029.894C2.57191%2034.965%205.66121%2039.3826%209.76384%2042.6102L0.465932%2062.9995H8.20741L15.8703%2046.1942C18.9853%2047.4921%2022.4076%2048.2136%2026%2048.2136C27.8444%2048.2136%2029.6438%2048.0245%2031.3804%2047.6644L28.399%2041.1267C27.6122%2041.2247%2026.814%2041.2871%2026%2041.2871C23.4338%2041.2871%2020.9898%2040.7758%2018.7566%2039.8652L24.7158%2026.796C25.2125%2025.7082%2026.7882%2025.7082%2027.2842%2026.796L33.2441%2039.8652C33.2434%2039.8652%2033.2427%2039.8652%2033.2427%2039.8659L36.129%2046.1949L36.1304%2046.1942L43.7933%2062.9995H51.5348L42.2369%2042.6102C46.3402%2039.384%2049.4281%2034.965%2050.9474%2029.894Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
    left: calc((100% - var(--container-width) + 20px) / 2);
  }

  .header__burger-menu ._close {
    position: absolute;
    top: 16px;
    right: calc((100% - var(--container-width) + 0px) / 2);
    display: block;
    aspect-ratio: 1/1;
    width: 32px;
    border: none;
    background: center/16px no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12.5%204.54656L11.4534%203.5L8%206.95344L4.54656%203.5L3.5%204.54656L6.95344%208L3.5%2011.4534L4.54656%2012.5L8%209.04656L11.4534%2012.5L12.5%2011.4534L9.04656%208L12.5%204.54656Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
  }

  .header__menu {
    height: initial;
    flex: 1 1 auto;
    padding-bottom: 58px;
  }

  .header__menu .menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    height: initial;
  }

  .header__menu .menu > .menu-item {
    flex-wrap: wrap;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
  }

  .header__menu .menu > .menu-item.menu-item-has-children {
    display: flex;
  }

  .header__menu .menu > .menu-item.menu-item-has-children:after {
    content: "";
    display: block;
    aspect-ratio: 1/1;
    width: 24px;
    background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M1.60156%205.9155L8.00156%2012L14.4016%205.9155L13.2282%204.8L8.00153%209.76904L2.77487%204.80003L1.60156%205.9155Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
    transition: var(--tr);
    order: 2;
  }

  .header__menu .menu > .menu-item.menu-item-has-children._active:after {
    transform: rotate(180deg);
  }

  .header__menu .menu > .menu-item.menu-item-has-children > a:before {
    display: none;
  }

  .header__menu .menu > .menu-item.menu-item-has-children > a:after {
    width: 24px;
    display: none;
  }

  .header__menu .menu > .menu-item > a {
    font-weight: 500;
    font-size: 28px;
    line-height: 150%;
    order: 1;
    margin-right: auto;
  }

  .header__menu .menu > .menu-item .sub-menu-wrapper {
    position: static;
    padding: 0;
    pointer-events: initial;
    transform: translateY(0px);
    opacity: 1;
    order: 3;
  }

  .header__menu .menu > .menu-item .sub-menu-wrapper:before {
    display: none;
  }

  .header__menu .menu > .menu-item .sub-menu-wrapper .sub-menu {
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    gap: 0;
    padding-left: 20px;
    width: 100%;
    border-bottom: 2px solid transparent;
    height: 0;
    overflow: hidden;
    transition: var(--tr);
  }

  .header__menu .menu > .menu-item .sub-menu-wrapper .sub-menu:is(.menu-item._active .sub-menu) {
    border-bottom: 2px solid var(--primary);
  }

  .header__menu .menu > .menu-item .sub-menu-wrapper .sub-menu > .menu-item {
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    flex: 0 0 auto;
    padding: 11px 0;
  }

  .header__menu .menu > .menu-item .sub-menu-wrapper .sub-menu > .menu-item:last-child {
    padding-bottom: 20px;
  }

  .header__contacts {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 32px 0;
  }

  .header__contacts a {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 300;
    font-size: 26px;
    line-height: 130%;
  }

  .header__contacts a:before {
    content: "";
    display: block;
    aspect-ratio: 1/1;
    width: 24px;
  }

  .header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 0 32px;
    border-top: none;
  }

  .header__right-panel {
    margin-left: auto;
  }

  .burger {
    display: block;
  }

  .hero__bg {
    min-height: 435px;
    margin-bottom: -125px;
  }

  .hero__container {
    max-height: 920px;
    min-height: initial;
    gap: 120px;
  }

  .hero__text-content {
    font-weight: 300;
    font-size: 20px;
    line-height: 130%;
  }

  .hero__btn-wrap {
    margin-top: 32px;
  }

  .hero .form {
    display: none;
  }

  .hero__search-mob {
    display: block;
    margin-top: 32px;
  }

  .hero:not(.home .hero) .hero__container {
    min-height: initial;
    max-height: initial;
    height: initial;
    gap: 260px;
  }

  .hero-course__bg {
    min-height: 435px;
    margin-bottom: -200px;
  }

  .hero-course__container {
    gap: 230px;
  }

  .hero-course__content:before {
    background-image: linear-gradient(0deg, var(--bg) 80%, transparent 100%);
  }

  .hero-course__text-content {
    margin-bottom: 32px;
    font-weight: 300;
    font-size: 20px;
    line-height: 130%;
  }

  .hero-course__btn-wrap {
    margin-top: 32px;
  }

  .hero-course__items {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 760px) {
  [class*=__container] {
    flex-direction: column;
    padding: 0 10px;
  }

  .header__container {
    gap: initial;
    justify-content: space-between;
    flex-direction: row;
  }

  .header .burger {
    order: 1;
    margin-right: 65px;
  }

  .header__logo {
    display: none;
    background: center/contain no-repeat;
    order: 2;
    width: 128px;
  }

  .header__logo_mob {
    display: block;
  }

  .header__contacts {
    flex-direction: column;
  }

  .header__contacts a {
    flex-direction: column;
    align-items: flex-start;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
  }

  .header__contacts a:before {
    content: "";
    width: 16px;
  }

  .header__contacts a.phone-link {
    font-family: var(--heading-font-family);
    font-weight: 500;
    font-size: var(--h5);
    line-height: 115%;
  }

  .header__right-panel {
    order: 3;
    gap: 4px;
    margin-left: initial;
  }

  .header__right-panel .header__cart:after {
    top: 10px;
    right: 10px;
  }

  .header__right-panel .header__cart {
    width: 40px;
  }

  .header__right-panel .btn {
    display: none;
  }

  .burger {
    height: 14px;
    width: 22px;
  }

  .currency-switcher {
    min-width: initial;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
  }

  .currency-switcher__current {
    width: -moz-fit-content;
    width: fit-content;
  }

  .hero__bg {
    display: none;
    aspect-ratio: 390/350;
    width: 100%;
    margin-bottom: -120px;
    background-position: center;
  }

  .hero__bg_mob {
    display: block;
  }

  .hero__text-content h1 ._row-1 {
    display: initial;
  }

  .hero__text-content br {
    display: none;
  }

  .hero-course__bg {
    display: none;
    aspect-ratio: 390/350;
    width: 100%;
    margin-bottom: -120px;
  }

  .hero-course__bg_mob {
    display: block;
  }

  .hero-course__content:before {
    background-image: linear-gradient(0deg, var(--bg) 50%, transparent 100%);
  }

  .hero-course__text-content h1:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
  .hero-course__text-content h2:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
  .hero-course__text-content h3:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
  .hero-course__text-content h4:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
  .hero-course__text-content h5:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1,
  .hero-course__text-content h6:is(.home .hero .hero-course__text-content h1, .home .hero .hero-course__text-content h2, .home .hero .hero-course__text-content h3, .home .hero .hero-course__text-content h4, .home .hero .hero-course__text-content h5, .home .hero .hero-course__text-content h6) ._row-1 {
    display: initial;
  }

  .hero-course__text-content h1 ._row-1 {
    display: initial;
  }

  .hero-course__text-content {
    margin-bottom: 20px;
  }

  .hero-course__text-content br {
    display: none;
  }

  .hero-course__items .item {
    padding: 8px 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    grid-template-columns: 126px 1fr 18px;
  }
}

@media (max-width: 480px) {
  .header__burger-menu {
    padding: 64px 10px 0px;
  }

  .header__burger-menu:before {
    left: 10px;
  }

  .header__burger-menu ._close {
    right: 0px;
  }
}