@charset "UTF-8";
@layer base, component, mod;
/* COLORS
------------------------ */
/* EFFECTS
------------------------ */
/* BREAKPOINTS
------------------------- */
:root {
  /* COLORS
  ------------------------- */
  --color-alt: #000;
  --color-alt--rgb: 0, 0, 0;
  --color-blck: #212121;
  --color-blck--rgb: 33, 33, 33;
  --color-whte: #fff;
  --color-whte--rgb: 255, 255, 255;
  --color-text: #000;
  --color-text--rgb: 0, 0, 0;
  --color-text-alt: #8B94A8;
  --color-text-alt--rgb: 139, 148, 168;
  --color-border: #E8E8ED;
  --color-border--rgb: 232, 232, 237;
  --color-primary: #F1AD6E;
  --color-primary--rgb: 241, 173, 110;
  --color-primary-100: #FDDBBA;
  --color-primary-100--rgb: 253, 219, 186;
  --color-primary-500: #EE9B4E;
  --color-primary-500--rgb: 238, 155, 78;
  --color-primary-dark: #ED9340;
  --color-primary-dark--rgb: 237, 147, 64;
  --color-secondary: #64A864;
  --color-secondary--rgb: 100, 168, 100;
  --color-secondary-100: #E0F2E0;
  --color-secondary-100--rgb: 224, 242, 224;
  --color-secondary-500: #559655;
  --color-secondary-500--rgb: 85, 150, 85;
  --color-gray: #F7F7F7;
  --color-gray--rgb: 247, 247, 247;
  --color-gray-200: #F0F0F0;
  --color-gray-200--rgb: 240, 240, 240;
  --color-gray-300: #E0E0E0;
  --color-gray-300--rgb: 224, 224, 224;
  --color-gray-dark: #E8E8ED;
  --color-gray-dark--rgb: 232, 232, 237;
  --color-gray-500: #8B94A8;
  --color-gray-500--rgb: 139, 148, 168;
  --color-blue-accent: #287DEC;
  --color-blue-accent--rgb: 40, 125, 236;
  --color-orange-accent: #F46F43;
  --color-orange-accent--rgb: 244, 111, 67;
  --color-yellow-accent: #F8B24A;
  --color-yellow-accent--rgb: 248, 178, 74;
  --color-yellow-100: #FFC43A;
  --color-yellow-100--rgb: 255, 196, 58;
  --color-olive-accent: #ABB98B;
  --color-olive-accent--rgb: 171, 185, 139;
  --color-red-accent: #F06161;
  --color-red-accent--rgb: 240, 97, 97;
  --color-tg: #61A8DF;
  --color-tg--rgb: 97, 168, 223;
  --color-vk: #4A76A8;
  --color-vk--rgb: 74, 118, 168;
  --color-bg: #000;
  --color-bg--rgb: 0, 0, 0;
  --color-bg-secondary: #e0e0e0;
  --color-bg-secondary--rgb: 224, 224, 224;
  --color-success: #259243;
  --color-success--rgb: 37, 146, 67;
  --color-error: #f00;
  --color-error--rgb: 255, 0, 0;
  /* FONTS
  ------------------------- */
  --font-primary: "jost", sans-serif, -apple-system, blinkmacsystemfont,
    roboto, ubuntu, "Droid Sans", "Helvetica Neue", arial, sans-serif,
    "Apple Color Emoji";
  --font-size-default: rem(14);
  /* WRAPPER PADDINGS
  ------------------------- */
  --spacing: 100px;
  /** Z-INDEX SYSTEM
  ------------------------- */
  --index-1: 100;
  --index-2: 200;
  --index-3: 1100;
  --index-4: 1200;
}
@media (max-width: 991.98px) {
  :root {
    --spacing: 80px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --spacing: 60px;
  }
}
@layer base {
  * {
    margin: 0;
    padding: 0;
    border: 0;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  *::before,
  *::after {
    display: inline-block;
  }
  html,
  body {
    min-width: 360px;
    height: 100%;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scrollbar-gutter: stable;
  }
  body {
    color: var(--color-blck);
    font-size: var(--font-size-default);
    font-family: var(--font-primary);
    line-height: 1.2;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  ::-webkit-scrollbar {
    width: 6px;
    height: 5px;
  }
  ::-webkit-scrollbar-track {
    background: var(--color-scroll-bg);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-alt);
    border-radius: 10px;
  }
  ::selection {
    color: var(--color-primary);
    background: var(--color-bg);
  }
  input,
  button,
  textarea {
    font-size: inherit;
    font-family: var(--font-primary);
    line-height: inherit;
  }
  details > summary {
    list-style: none;
  }
  details > summary::-webkit-details-marker {
    display: none;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
  button {
    color: inherit;
    font-family: var(--font-primary);
    background-color: transparent;
    outline: 0;
    cursor: pointer;
  }
  div[class*=__text] p:only-of-type,
  div[class*=__text] p:last-of-type,
  div[class*=__details] p:only-of-type,
  div[class*=__details] p:last-of-type,
  div[class*=__note] p:only-of-type,
  div[class*=__note] p:last-of-type {
    margin: 0;
  }
  [class*=image] img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  a {
    display: inline-block;
    color: var(--color-text);
    color: inherit;
    text-decoration: none;
  }
  ul li {
    list-style: none;
  }
  img {
    vertical-align: top;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: inherit;
    font-size: inherit;
  }
  address,
  cite {
    font-style: normal;
  }
  fieldset,
  dl,
  dd {
    margin: 0;
    padding: 0;
  }
  fieldset {
    border: none;
  }
}
b {
  font-weight: 500;
}
img {
  display: block;
  max-width: 100%;
}
.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.swiper-pagination-bullet {
  --size: 8px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color-text-alt);
  opacity: 0.4;
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination--primary .swiper-pagination-bullet {
  background-color: var(--color-primary);
}
@font-face {
  font-weight: 400;
  font-family: "jost";
  font-style: normal;
  src: url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-400.woff2") format("woff2"), url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-400.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-family: "jost";
  font-style: normal;
  src: url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-500.woff2") format("woff2"), url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-500.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-family: "jost";
  font-style: normal;
  src: url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-600.woff2") format("woff2"), url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-600.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: "jost";
  font-style: normal;
  src: url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-700.woff2") format("woff2"), url("https://iec.study/wp-content/themes/buddyboss-theme-child/frontend/dist/fonts/jost-700.woff") format("woff");
  font-display: swap;
}
.h1 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (min-width: 767.98px) {
  .h1 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .h1 {
    font-size: 3.5rem;
    line-height: 1.1;
  }
}
.h2 {
  font-weight: 600;
  font-size: 1.75rem;
  letter-spacing: -0.28px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 767.98px) {
  .h2 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .h2 {
    font-size: 2.875rem;
    line-height: 1.1;
    letter-spacing: -0.46px;
  }
}
.h3 {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.24;
  text-transform: uppercase;
}
@media only screen and (min-width: 767.98px) {
  .h3 {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .h3 {
    font-size: 2.25rem;
    line-height: 1.11;
    letter-spacing: -0.36px;
  }
}
.h4 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.18px;
  text-transform: uppercase;
}
@media only screen and (min-width: 767.98px) {
  .h4 {
    font-size: 1.25rem;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1119.98px) {
  .h4 {
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.24px;
  }
}
.section {
  padding: 5rem 0;
}
.section + .section {
  padding-top: 0;
}
@media only screen and (min-width: 1119.98px) {
  .section {
    padding: 8rem 0;
  }
}
.section--last {
  padding-bottom: 0 !important;
}
.section:last-of-type {
  padding-bottom: 0 !important;
}
.bg-yellow {
  background-color: var(--color-primary) !important;
  color: var(--color-whte) !important;
}
.bg-green {
  background-color: var(--color-secondary) !important;
  color: var(--color-whte) !important;
}
.bg-blue {
  background-color: var(--color-blue-accent) !important;
  color: var(--color-whte) !important;
}
.bg-red {
  background-color: var(--color-red-accent) !important;
  color: var(--color-whte) !important;
}
.bg-orange {
  background-color: var(--color-orange-accent) !important;
  color: var(--color-whte) !important;
}
.bg-olive {
  background-color: var(--color-olive-accent) !important;
  color: var(--color-whte) !important;
}
.bg-yellow {
  background-color: var(--color-yellow-accent) !important;
  color: var(--color-whte) !important;
}
.bg-gray-dark {
  background-color: var(--color-gray-500) !important;
  color: var(--color-whte) !important;
}
.slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.slider-control {
  --size: 48px;
  --icon-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color-whte);
  border: 1px solid var(--color-border);
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.slider-control::before {
  content: "";
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/var(--icon-size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
  background-color: var(--color-blck);
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1023.98px) {
  .slider-control {
    --size: 56px;
    --icon-size: 24px;
  }
}
@media (any-hover: hover) {
  .slider-control:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
  .slider-control:hover::before {
    background-color: var(--color-whte);
  }
}
.slider-control.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.slider-control--ts {
  background-color: transparent;
}
.header__nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
}
@media only screen and (min-width: 1365.98px) {
  .header__nav {
    display: flex;
  }
}
.header__nav-links {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 100px;
  border: 1px solid var(--color-border);
  padding: 0.3125rem 1.8125rem 0.3125rem 0.3125rem;
}
.header__nav-link {
  transition: 0.25s ease-in-out;
  padding: 0.125rem;
}
.header__nav-link--programs {
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-whte);
  border-radius: 100px;
  transition: 0.25s ease-in-out;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.header__nav-link--programs::after {
  content: "";
  --size: 16px;
  height: var(--size);
  display: block;
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
  width: 0;
  transition: 0.25s;
}
@media (any-hover: hover) {
  .header__nav-link--programs:hover {
    color: var(--color-blck);
    border-color: var(--color-primary);
    background-color: transparent;
  }
}
.header__nav-link--programs._active {
  color: var(--color-blck);
  border-color: var(--color-primary);
  background-color: transparent;
}
.header__nav-link--programs._active::after {
  width: var(--size);
}
@media (any-hover: hover) {
  .header__nav-link:hover {
    color: rgba(var(--color-blck--rgb), 0.6);
  }
}
.header__nav-toolbar {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__nav-buttons {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__burger {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  position: relative;
}
.header__burger span {
  display: block;
  width: 14px;
  height: 1px;
  background-color: var(--color-blck);
  border-radius: 2px;
  position: absolute;
  left: 17px;
  top: 22px;
}
.header__burger::before {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: var(--color-blck);
  border-radius: 2px;
  position: absolute;
  left: 17px;
  top: 17px;
}
.header__burger::after {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: var(--color-blck);
  border-radius: 2px;
  position: absolute;
  left: 17px;
  top: 27px;
}
@media only screen and (min-width: 1365.98px) {
  .header__burger {
    display: none;
  }
}
.header__region {
  position: relative;
}
.header__region-city {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 0.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .header__region-city {
    font-size: 1rem;
  }
}
.header__region-checking {
  position: absolute;
  width: 332px;
  top: calc(100% + 13px);
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.4s ease-in-out;
  transform: translateY(50px);
}
@media only screen and (min-width: 1119.98px) {
  .header__region-checking {
    left: -32px;
    width: 356px;
  }
}
.header__region-checking._is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.header__region-checking::before {
  position: absolute;
  content: url("../img/icons/triangle.svg");
  width: 24px;
  height: 24px;
  top: -11px;
  left: 32px;
  z-index: -1;
}
.header__region-checking-inner {
  padding: 1rem 1.5rem 1.5rem;
  background-color: var(--color-gray);
  border: 1px solid var(--color-border);
  border-radius: 24px;
  box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.1019607843), 0px 39px 39px 0px rgba(0, 0, 0, 0.0901960784), 0px 88px 53px 0px rgba(0, 0, 0, 0.0509803922), 0px 157px 63px 0px rgba(0, 0, 0, 0.0117647059), 0px 245px 69px 0px rgba(0, 0, 0, 0);
}
.header__region-checking-title {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0.5625rem 0.25rem;
  margin-bottom: 1rem;
}
.header__region-checking-title span {
  font-weight: 500;
}
.header__region-checking-desc {
  margin-bottom: 1.5rem;
  color: var(--color-text-alt);
}
.header__region-checking-bottom {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__region-checking-change {
  font-size: 1rem;
  color: var(--color-primary);
}
.header__language {
  position: relative;
  z-index: 3;
}
.header__language-selected {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 2px;
  color: rgba(var(--color-blck--rgb), 0.6);
  cursor: pointer;
}
.header__language-selected::after {
  content: "";
  display: inline-block;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 1119.98px) {
  .header__language-selected {
    font-size: 1rem;
  }
}
.header__language-selected._is-open {
  color: var(--color-blck);
}
.header__language-dropdown {
  position: fixed;
  width: 100%;
  height: 100vh;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}
@media only screen and (min-width: 1023.98px) {
  .header__language-dropdown {
    position: absolute;
  }
}
@media only screen and (min-width: 1023.98px) {
  .header__language-dropdown {
    inset: -8px -18px auto;
    width: 75px;
    height: 115px;
  }
}
.header__language-dropdown._is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 4;
}
@media only screen and (min-width: 1023.98px) {
  .header__language-dropdown._is-open {
    z-index: -1;
  }
}
.header__language-dropdown-overlay {
  background-color: rgba(var(--color-blck--rgb), 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
@media only screen and (min-width: 1023.98px) {
  .header__language-dropdown-overlay {
    display: none;
    inset: auto;
  }
}
.header__language-dropdown-content {
  position: absolute;
  inset: auto 0 0 0;
  background-color: var(--color-whte);
  border-radius: 20px 20px 0 0;
  padding: 1.5rem;
  height: 15.625rem;
}
@media only screen and (min-width: 1023.98px) {
  .header__language-dropdown-content {
    padding: 2.9375rem 1.125rem 1rem;
    border-radius: 12px;
    height: auto;
    background-color: var(--color-gray);
  }
}
.header__language-dropdown-item {
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.25s ease-in-out;
}
.header__language-dropdown-item::before {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-whte);
  border: 1px solid var(--color-border);
  border-radius: 50%;
}
@media only screen and (min-width: 1023.98px) {
  .header__language-dropdown-item::before {
    display: none;
  }
}
.header__language-dropdown-item:not(:last-of-type) {
  margin-bottom: 1rem;
}
.header__language-dropdown-item.is-selected::before {
  border: 6px solid var(--color-primary);
}
@media only screen and (min-width: 1023.98px) {
  .header__language-dropdown-item.is-selected {
    display: none;
  }
}
@media (any-hover: hover) {
  .header__language-dropdown-item:hover {
    color: var(--color-primary);
  }
}
.header__desktop-burger {
  display: none;
}
@media only screen and (min-width: 1365.98px) {
  .header__desktop-burger {
    --size: 56px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    position: relative;
    flex-shrink: 0;
    margin: 0 0.25rem 0 auto;
    transition: 0.25s ease-in-out;
  }
  .header__desktop-burger span {
    display: block;
    width: 14px;
    height: 1px;
    background-color: var(--color-blck);
    border-radius: 2px;
    position: absolute;
    left: 20px;
    top: 26px;
    transition: 0.25s ease-in-out;
  }
  .header__desktop-burger::before {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: var(--color-blck);
    border-radius: 2px;
    position: absolute;
    left: 20px;
    top: 22px;
    transition: 0.25s ease-in-out;
  }
  .header__desktop-burger::after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: var(--color-blck);
    border-radius: 2px;
    position: absolute;
    left: 20px;
    top: 30px;
    transition: 0.25s ease-in-out;
  }
}
@media (any-hover: hover) {
  .header__desktop-burger:hover {
    border-color: var(--color-primary);
  }
  .header__desktop-burger:hover span, .header__desktop-burger:hover::before, .header__desktop-burger:hover::after {
    background-color: var(--color-primary);
    opacity: 1;
  }
}
.header-top {
  padding: 0.9375rem 0;
  border-bottom: 1px solid var(--color-border);
}
@media only screen and (min-width: 1119.98px) {
  .header-top {
    padding: 0.875rem 0;
  }
}
.header-top__container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-main {
  padding: 0.75rem 0;
}
@media only screen and (min-width: 1119.98px) {
  .header-main {
    padding: 1.5rem 0;
  }
}
.header-main__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.header-main__logo {
  display: block;
  width: 7.6875rem;
  flex-shrink: 0;
  margin-right: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .header-main__logo {
    width: 8.125rem;
  }
}
.menu-open .menu {
  opacity: 1;
  visibility: visible;
}
.menu-open .header__desktop-burger::before {
  display: none;
}
.menu-open .header__desktop-burger::after {
  top: 26px;
  transform: rotate(45deg);
}
.menu-open .header__desktop-burger span {
  transform: rotate(-45deg);
  top: 26px;
}
.menu-open .header__burger {
  border-color: var(--color-primary);
}
.menu-open .header__burger::before {
  display: none;
}
.menu-open .header__burger::after {
  top: 22px;
  transform: rotate(45deg);
  background-color: var(--color-primary);
}
.menu-open .header__burger span {
  transform: rotate(-45deg);
  background-color: var(--color-primary);
  top: 22px;
}
.menu {
  position: fixed;
  inset: auto 0 0 0;
  width: 100%;
  height: 100dvh;
  overflow-y: auto;
  z-index: 99;
  background-color: var(--color-whte);
  padding: 0.75rem 0 1.5rem;
  font-size: 0.875rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
  height: calc(100dvh - 124px);
}
@media only screen and (min-width: 1365.98px) {
  .menu {
    height: calc(100dvh - 153px);
    padding: 1.5rem 0 4rem;
    top: auto;
  }
}
.menu::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 1365.98px) {
  .menu__container {
    height: 100%;
  }
}
.menu__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-width: 0;
}
@media only screen and (min-width: 1365.98px) {
  .menu__inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 1rem;
  }
}
.menu__main {
  padding: 1.5rem;
  border: 1px solid var(--color-border);
  border-radius: 1.25rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1365.98px) {
  .menu__main {
    margin-bottom: 0;
    border-radius: 1.5rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.menu__close {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 16px;
  right: 16px;
  --size: 48px;
  width: var(--size);
  height: var(--size);
  border: 1px solid var(--color-primary);
  border-radius: 50%;
}
@media only screen and (min-width: 1119.98px) {
  .menu__close {
    display: none;
  }
}
.menu__close::before {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: var(--color-primary);
}
.menu__logo {
  display: none;
  width: 123px;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 1365.98px) {
  .menu__logo {
    display: none;
  }
}
.menu__links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1365.98px) {
  .menu__links {
    gap: 1.5rem;
  }
}
.menu__link {
  display: block;
  font-size: 0.875rem;
  line-height: 1.28;
  letter-spacing: -0.14px;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 767.98px) {
  .menu__link {
    font-size: 1rem;
    letter-spacing: -0.14px;
  }
}
@media (any-hover: hover) {
  .menu__link:hover {
    opacity: 0.6;
  }
}
.menu__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 1.5rem;
  margin-top: auto;
}
@media only screen and (min-width: 1365.98px) {
  .menu__buttons {
    display: none;
  }
}
.menu__socials {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1365.98px) {
  .menu__socials {
    display: none;
  }
}
.menu__contacts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: 1rem;
  padding-top: 0.9375rem;
  border-top: 1px solid var(--color-border);
}
@media only screen and (min-width: 1365.98px) {
  .menu__contacts {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 296px);
    padding-top: 1.5rem;
    margin-top: auto;
  }
}
.menu__contacts-head {
  margin-bottom: 0.625rem;
  color: var(--color-text-alt);
}
@media only screen and (min-width: 1365.98px) {
  .menu__contacts-head {
    font-size: 1rem;
    line-height: 1.25;
  }
}
.menu__contacts-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media only screen and (min-width: 1365.98px) {
  .menu__contacts-links {
    gap: 0;
  }
}
.menu__contacts-link {
  display: block;
  font-size: 0.875rem;
  line-height: 1.28;
  letter-spacing: -0.14px;
}
@media only screen and (min-width: 767.98px) {
  .menu__contacts-link {
    font-size: 1rem;
    letter-spacing: -0.16px;
  }
}
.menu__contacts-adress {
  font-size: 0.875rem;
  line-height: 1.28;
  letter-spacing: -0.14px;
}
@media only screen and (min-width: 767.98px) {
  .menu__contacts-adress {
    font-size: 1rem;
    letter-spacing: -0.16px;
  }
}
.menu__banners {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .menu__banners {
    display: grid;
    grid-template-rows: 1fr 1fr;
  }
}
.menu-banner {
  padding: 1.5rem;
  background: url("../img/banners/menu-banner-bg-gray.svg") center center/cover no-repeat, var(--color-gray-dark);
  border-radius: 1.25rem;
  overflow: hidden;
  min-height: 22.5rem;
  position: relative;
}
@media only screen and (min-width: 1365.98px) {
  .menu-banner {
    min-height: initial;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-position: right top;
    background-size: auto 100%;
  }
}
.menu-banner--primary {
  background-color: var(--color-primary-100);
  background-image: url("../img/banners/menu-banner-bg-primary.svg");
}
@media only screen and (min-width: 1365.98px) {
  .menu-banner__main {
    max-width: 20rem;
    margin-top: auto;
  }
}
.menu-banner__icon {
  width: 2rem;
  height: 2rem;
  background-color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 1rem;
}
.menu-banner__icon::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  mask: var(--icon) center center/0.75rem no-repeat;
  -webkit-mask: var(--icon) center center/0.75rem no-repeat;
  background-color: var(--color-whte);
}
@media only screen and (min-width: 1365.98px) {
  .menu-banner__icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .menu-banner__icon::before {
    width: 1rem;
    height: 1rem;
  }
}
.menu-banner__subtitle {
  display: inline-block;
  width: auto;
  padding: 0.25rem 0.5rem;
  color: var(--color-whte);
  border-radius: 0.625rem;
  margin-bottom: 0.625rem;
}
.menu-banner__badge {
  display: inline-block;
  width: auto;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: -0.14px;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .menu-banner__badge {
    line-height: 1;
  }
}
.menu-banner__desc {
  margin-top: 1rem;
}
.menu-banner__img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.footer {
  padding: 1rem 0;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media only screen and (min-width: 767.98px) {
  .footer {
    font-size: 1rem;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 1119.98px) {
  .footer {
    padding: 2.5rem 0;
  }
}
.footer__inner {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .footer__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .footer__inner {
    padding: 3.5rem;
  }
}
.footer__main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1023.98px) {
  .footer__main {
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .footer__info {
    max-width: 272px;
    width: 100%;
  }
}
.footer__logo {
  display: block;
  margin-bottom: 1.5rem;
  width: 7.75rem;
}
@media only screen and (min-width: 767.98px) {
  .footer__logo {
    width: 8.125rem;
    margin-bottom: 1rem;
  }
}
.footer__nav {
  display: grid;
  gap: 24px;
}
@media only screen and (min-width: 767.98px) {
  .footer__nav {
    grid-template-columns: 1fr 1fr 1fr 1.3fr;
  }
}
@media only screen and (min-width: 1023.98px) {
  .footer__nav {
    gap: 16px;
  }
}
.footer__nav-section-head {
  margin-bottom: 0.5rem;
  color: var(--color-text-alt);
}
.footer__nav-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer__nav-link {
  display: block;
  transition: 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .footer__nav-link:hover {
    color: var(--color-primary);
  }
}
.footer__nav-partners {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 1119.98px) {
  .footer__socials .socials__item {
    --size: 50px;
  }
}
.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--color-border);
  color: rgba(var(--color-blck--rgb), 0.5);
}
@media only screen and (min-width: 767.98px) {
  .footer__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .footer__bottom {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .footer__bottom {
    margin-top: 4.25rem;
  }
}
.footer__policy {
  transition: 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .footer__policy:hover {
    color: var(--color-primary);
  }
}
/* stylelint-disable*/
@layer component {
  .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.9375rem 1.25rem;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-whte);
    font-size: 0.875rem;
    font-weight: 400;
    border-radius: 100px;
    transition: 0.25s ease-in-out;
    cursor: pointer;
  }
  @media only screen and (min-width: 1119.98px) {
    .btn {
      padding: 1.0625rem 1.4375rem 1.0625rem 1.5rem;
      font-size: 1rem;
      letter-spacing: -0.1px;
      gap: 2px;
    }
  }
  @media (any-hover: hover) {
    .btn:hover {
      border-color: var(--color-primary-500);
      background-color: var(--color-primary-500);
    }
  }
}
@layer mod {
  .btn--secondary {
    border: 1px solid var(--color-secondary);
    background-color: var(--color-secondary);
  }
  @media (any-hover: hover) {
    .btn--secondary:hover {
      border: 1px solid var(--color-secondary-500);
      background-color: var(--color-secondary-500);
    }
  }
  .btn--white {
    background-color: var(--color-whte);
    border-color: var(--color-whte);
    color: var(--color-blck);
  }
  @media (any-hover: hover) {
    .btn--white:hover {
      border: 1px solid var(--color-secondary);
      background-color: var(--color-secondary);
      color: var(--color-whte);
    }
  }
  .btn--outline {
    background-color: transparent;
    color: var(--color-blck);
    border-color: var(--color-secondary);
  }
  @media (any-hover: hover) {
    .btn--outline:hover {
      border-color: var(--color-secondary);
      background-color: var(--color-secondary);
      color: var(--color-whte);
    }
  }
  .btn--outline-primary {
    background-color: transparent;
    color: var(--color-primary);
    border-color: var(--color-primary);
  }
  @media (any-hover: hover) {
    .btn--outline-primary:hover {
      border-color: var(--color-primary);
      background-color: var(--color-primary);
      color: var(--color-whte);
    }
  }
  .btn--primary-dark {
    background-color: var(--color-primary-dark);
    color: var(--color-whte);
    border-color: var(--color-primary-dark);
  }
  @media (any-hover: hover) {
    .btn--primary-dark:hover {
      border-color: var(--color-whte);
      background-color: var(--color-whte);
      color: var(--color-primary-dark);
    }
  }
  .btn--black {
    background-color: var(--color-blck);
    border-color: var(--color-blck);
    color: var(--color-whte);
  }
  @media (any-hover: hover) {
    .btn--black:hover {
      background-color: #171717;
      border-color: #171717;
    }
  }
  .btn--yellow {
    background-color: var(--color-yellow-100);
    border-color: var(--color-yellow-100);
    color: var(--color-blck);
  }
  @media (any-hover: hover) {
    .btn--yellow:hover {
      background-color: #FCB91C;
      border-color: #FCB91C;
    }
  }
  .btn--tg {
    background-color: var(--color-tg);
    border-color: var(--color-tg);
    color: var(--color-whte);
  }
  @media (any-hover: hover) {
    .btn--tg:hover {
      background-color: var(--color-tg);
      border-color: var(--color-tg);
      color: var(--color-whte);
    }
  }
  .btn--vk {
    background-color: var(--color-vk);
    border-color: var(--color-vk);
    color: var(--color-whte);
  }
  @media (any-hover: hover) {
    .btn--vk:hover {
      background-color: var(--color-vk);
      border-color: var(--color-vk);
      color: var(--color-whte);
    }
  }
  .btn--icon::after {
    content: "";
    display: block;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/var(--size) no-repeat;
    -webkit-mask: var(--icon) center center/var(--size) no-repeat;
    background-color: currentColor;
  }
  .btn--icon-invert::after {
    display: none;
  }
  .btn--icon-invert::before {
    content: "";
    display: block;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/var(--size) no-repeat;
    -webkit-mask: var(--icon) center center/var(--size) no-repeat;
    background-color: currentColor;
  }
  .btn--xl {
    padding: 0.9375rem 1.375rem;
  }
  @media only screen and (min-width: 1119.98px) {
    .btn--xl {
      padding: 1.0625rem 2.0625rem;
    }
  }
}
/* stylelint-enable*/
.btn-link {
  color: var(--color-primary);
  padding: 0.4375rem 0.125rem;
  border-bottom: 1px solid currentColor;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  transition: 0.25s ease-in-out;
}
.btn-link::after {
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  display: block;
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 767.98px) {
  .btn-link {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .btn-link {
    padding: 0.375rem 0.125rem;
  }
}
@media (any-hover: hover) {
  .btn-link:hover {
    color: var(--color-secondary);
  }
}
.btn-link--secondary {
  color: var(--color-secondary);
}
@media (any-hover: hover) {
  .btn-link--secondary:hover {
    color: var(--color-primary);
  }
}
.btn-link--primary-dark {
  color: var(--color-primary-dark);
}
@media (any-hover: hover) {
  .btn-link--primary-dark:hover {
    color: var(--color-primary);
  }
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
.form-control {
  width: 100%;
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  padding: 0.875rem 1.5rem;
  border-radius: 100px;
  background-color: var(--color-gray);
  color: var(--color-black);
  border: none;
  outline: none;
  user-select: none;
}
@media only screen and (min-width: 767.98px) {
  .form-control {
    padding: 1.375rem 2rem;
  }
}
.form-control::placeholder {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.5);
}
@media only screen and (min-width: 767.98px) {
  .form-control::placeholder {
    font-size: 1rem;
  }
}
.form-control-wrapper {
  position: relative;
}
.form-control-wrapper .form-control {
  padding: 1.1875rem 1.5rem 0.5625rem 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .form-control-wrapper .form-control {
    padding: 1.9375rem 2rem 0.8125rem 2rem;
  }
}
.form-control-wrapper:has(.iti) .iti {
  width: 100%;
}
.form-control-wrapper:has(.iti) input.form-control {
  width: 100%;
  padding-left: 40px;
}
.form-control-wrapper:has(.iti) .form-floating-label {
  font-size: 0.875rem;
  top: 13px;
  left: 40px;
}
@media (max-width: 767.98px) {
  .form-control-wrapper:has(.iti) .form-floating-label {
    font-size: 0.625rem;
    top: 9px;
  }
}
.form-control-wrapper:has(.iti) .iti__country-list {
  height: 300px;
  background: var(--color-whte);
  position: absolute;
  top: 20px;
  width: 300px;
}
.form-control-wrapper:has(.iti) .iti__country:not(.iti__active) {
  cursor: pointer;
}
.form-control-wrapper:has(.iti) .iti__selected-flag {
  position: absolute;
  top: 10px;
  cursor: pointer;
  transform: translateY(-50%);
}
.form-control-wrapper:has(.iti) .iti__flag-container {
  z-index: 2;
  position: absolute;
  left: 15px;
  top: 32px;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .form-control-wrapper:has(.iti) .iti__flag-container {
    top: 21px;
  }
}
.form-control-wrapper._form-focus .form-floating-label, .form-control-wrapper._is-active .form-floating-label {
  font-size: 0.625rem;
  top: 9px;
}
@media only screen and (min-width: 767.98px) {
  .form-control-wrapper._form-focus .form-floating-label, .form-control-wrapper._is-active .form-floating-label {
    font-size: 0.875rem;
    top: 13px;
  }
}
.form-floating-label {
  position: absolute;
  top: 15px;
  left: 24px;
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.5);
  pointer-events: none;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 767.98px) {
  .form-floating-label {
    font-size: 1rem;
    top: 20px;
    left: 32px;
  }
}
textarea.form-control {
  height: 144px;
  border-radius: 24px;
}
.form-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media only screen and (min-width: 767.98px) {
  .form-row {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1023.98px) {
  .form-row {
    gap: 16px;
  }
}
.form-group {
  width: 100%;
}
.form-checkbox {
  margin-top: 0.625rem;
}
.form-checkbox._form-error label::before {
  content: "";
  border-color: var(--color-red-accent);
}
.form-checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.form-checkbox input:checked + label::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.form-checkbox input:checked + label::after {
  opacity: 1;
}
.form-checkbox label {
  position: relative;
  display: block;
  padding-left: 32px;
  color: rgba(var(--color-blck--rgb), 0.7);
  font-size: 0.875rem;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .form-checkbox label {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.form-checkbox label::before {
  position: absolute;
  content: "";
  --size: 20px;
  left: 2px;
  top: 2px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-whte);
  border: 1px solid var(--color-border);
  border-radius: 3px;
}
.form-checkbox label::after {
  position: absolute;
  content: "";
  --size: 16px;
  left: 4px;
  top: 4px;
  width: var(--size);
  height: var(--size);
  background: url("../img/icons/check.svg") center center/contain no-repeat;
}
.form-agree {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1119.98px) {
  .form-agree {
    gap: 24px;
  }
}
.form-switcher__input {
  position: fixed;
  transform: scale(0);
}
.form-switcher__input:checked + .form-switcher__label .form-switcher__toggle {
  background-color: var(--color-primary);
}
.form-switcher__input:checked + .form-switcher__label .form-switcher__toggle::before {
  transform: translateX(18px);
}
.form-switcher__label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
@media (any-hover: hover) {
  .form-switcher__label:hover .form-switcher__toggle {
    background-color: var(--color-primary-100);
  }
}
.form-switcher__toggle {
  position: relative;
  display: block;
  width: 2.625rem;
  height: 1.5rem;
  background-color: var(--color-gray-dark);
  border-radius: 100px;
  transition: 0.25s ease-in-out;
}
.form-switcher__toggle::before {
  --size: 20px;
  position: absolute;
  content: "";
  width: var(--size);
  height: var(--size);
  background-color: var(--color-whte);
  border-radius: 50%;
  inset: 2px auto 2px 2px;
  transform: translateX(0);
  transition: 0.4s ease-in-out;
}
.form-switcher__title {
  font-size: 0.875rem;
}
@media only screen and (min-width: 1119.98px) {
  .form-switcher__title {
    font-size: 1rem;
  }
}
.filter-category input {
  position: fixed;
  transform: scale(0);
}
.filter-category input:checked + label {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
.filter-category label {
  display: block;
  padding: 0.5625rem 1rem;
  border-radius: 100px;
  font-size: 0.875rem;
  line-height: 1.3;
  background-color: var(--color-gray);
  color: var(--color-black);
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .filter-category label:hover {
    background-color: var(--color-primary-100);
  }
}
@media only screen and (min-width: 1119.98px) {
  .filter-category label {
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }
}
.iti.iti--container {
  top: 50% !important;
  transform: translateY(-50%);
  max-height: 90vh;
  overflow: auto;
  z-index: var(--index-4);
  background: var(--color-whte);
  width: 100vw;
  left: 0 !important;
}
body:has(.iti.iti--container)::after {
  content: "";
  opacity: 1;
}
.iti__country-name {
  margin-right: auto;
}
.iti__dial-code {
  margin-left: auto;
}
.form-select .select__title {
  background-color: var(--color-gray);
  border-radius: 6.25rem;
  padding: 0.5rem 1.5rem;
  height: 3rem;
}
@media only screen and (min-width: 1023.98px) {
  .form-select .select__title {
    padding: 1.3125rem 2rem;
    height: 4rem;
  }
}
.form-select .select__options {
  border-radius: 1.25rem;
  margin-top: 0.25rem;
  border: 1px solid var(--color-border);
}
.form-select .select._select-open .select__title {
  border-radius: 6.25rem;
}
/* stylelint-disable selector-class-pattern */
.select {
  position: relative;
  min-width: 0;
}
.select__body {
  position: relative;
}
.select__title {
  width: 100%;
  color: inherit;
  text-align: left;
  background-color: var(--color-whte);
  border: 1px solid var(--color-whte);
  border-radius: 12px;
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  cursor: pointer;
  height: 3rem;
}
@media only screen and (min-width: 1023.98px) {
  .select__title {
    font-size: 1rem;
    padding: 0.9375rem 1.5rem;
    height: 3.4375rem;
  }
}
.select__value {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  min-width: 0;
}
.select__value > * {
  flex: 1 1 auto;
}
.select__value::after {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  display: flex;
  flex: 0 0 var(--size);
  align-items: center;
  align-self: stretch;
  justify-content: center;
  transition: all 0.3s ease 0s;
  content: "";
  background: url("../img/icons/arrow-down.svg") 0 0/100% no-repeat;
}
._select-open .select__value::after {
  transform: rotate(-180deg);
}
.select__value._select-pseudo-label::before {
  opacity: 0.5;
  content: attr(data-pseudo-label);
}
.select__content {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select__text {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select__input {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.select__options {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  color: #000;
  background-color: var(--color-whte);
  border-top: 1px solid var(--color-border);
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.031372549), 0px 28px 28px 0px rgba(0, 0, 0, 0.031372549), 0px 64px 38px 0px rgba(0, 0, 0, 0.0196078431), 0px 114px 46px 0px rgba(0, 0, 0, 0), 0px 178px 50px 0px rgba(0, 0, 0, 0);
}
.select__scroll {
  max-height: 12.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.select__scroll::-webkit-scrollbar {
  width: 20px;
  border: 8px solid transparent;
}
.select__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.select__scroll::-webkit-scrollbar-thumb {
  background: var(--color-gray-dark);
  border-radius: 10px;
  border: 8px solid var(--color-whte);
}
.select__option {
  width: 100%;
  padding: 0.9375rem 0.9375rem 0.9375rem 3.5rem;
  color: inherit;
  text-align: left;
  cursor: pointer;
  position: relative;
}
.select__option[hidden] {
  display: block;
}
.select__option[hidden]::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.select__option[hidden]::after {
  opacity: 1;
}
.select__option::before {
  position: absolute;
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-whte);
  border: 1px solid var(--color-border);
  border-radius: 50%;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
}
.select__option::after {
  position: absolute;
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  border-radius: 3px;
  border-radius: 50%;
  background: var(--color-whte);
  border: 4px solid var(--color-primary);
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.select__option:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}
.select__option._select-selected::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.select__option._select-selected::after {
  opacity: 1;
}
@media (any-hover: hover) {
  .select__option:hover {
    background: var(--color-gray-dark);
  }
}
.select__row {
  display: inline-flex;
  align-items: center;
}
.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - 0.0625rem);
  padding: 5px 0 10px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.select._select-open .select__title {
  border-radius: 12px 12px 0 0;
}
.select._select-multiple .select__option::before {
  border-radius: 3px;
}
.select._select-multiple .select__option::after {
  border: none;
  background: url("../img/icons/check.svg") center center/var(--size) no-repeat;
}
._select-tag {
  cursor: pointer;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  box-sizing: border-box;
  user-select: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  z-index: 0;
  overflow: hidden;
}
.noUi-connect,
.noUi-origin {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  transform-style: preserve-3d;
  transform-style: flat;
  will-change: transform;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  right: auto;
  left: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
  backface-visibility: hidden;
}
.noUi-touch-area {
  width: 100%;
  height: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  top: -5px;
  right: -8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  top: -6px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  right: auto;
  left: -17px;
}
.noUi-target {
  height: 2px;
  background-color: var(--color-gray);
  width: calc(100% - 48px);
  margin: 0 24px;
}
.noUi-connect {
  background: var(--color-primary);
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
/* stylelint-disable-next-line no-duplicate-selectors */
.noUi-handle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.noUi-active {
  background-color: var(--color-primary-500);
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #ccc;
}
.noUi-marker-sub {
  background: #aaa;
}
.noUi-marker-large {
  background: #aaa;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  top: 100%;
  left: 0;
  width: 100%;
  height: 80px;
  padding: 10px 0;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  width: 2px;
  height: 5px;
  margin-left: -1px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  top: 0;
  left: 100%;
  height: 100%;
  padding: 0 10px;
}
.noUi-value-vertical {
  padding-left: 25px;
  transform: translate(0, -50%);
}
.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  position: absolute;
  display: block;
  padding: 5px;
  color: #000;
  white-space: nowrap;
  text-align: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
}
.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%, 0);
}
.noUi-vertical .noUi-tooltip {
  top: 50%;
  right: 120%;
  transform: translate(0, -50%);
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  bottom: 10px;
  left: auto;
  transform: translate(50%, 0);
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  top: auto;
  right: 28px;
  transform: translate(0, -18px);
}
.tabs-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.tabs-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5625rem 1.125rem;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: -0.14px;
  background-color: var(--color-gray);
  border-radius: 6.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .tabs-item {
    padding: 0.6875rem 1.375rem;
    height: 2.75rem;
    font-size: 1rem;
    letter-spacing: -0.16px;
  }
}
.tabs-item._tab-active {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
.hero {
  position: relative;
}
.hero__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .hero__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1119.98px) {
  .hero__container {
    grid-template-columns: 1fr 328px;
    grid-template-rows: 1fr auto;
  }
}
.hero__main {
  position: relative;
  background: url("../img/hero/hero-main-bg.webp") center bottom/cover no-repeat;
  padding: 1.5rem 1.5rem 16.25rem;
  border-radius: 20px;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 767.98px) {
  .hero__main {
    grid-column: span 2;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1119.98px) {
  .hero__main {
    grid-column: span 1;
    grid-row: 1/3;
    border-radius: 24px;
  }
}
@media only screen and (min-width: 1365.98px) {
  .hero__main {
    padding: 3.5rem 3.5rem 15.8125rem;
  }
}
.hero__main-chat {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .hero__main-chat {
    display: block;
    position: absolute;
    top: 85px;
    right: 26px;
    filter: drop-shadow(1px 1px 6px var(--color-secondary));
  }
}
.hero__main-title {
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1365.98px) {
  .hero__main-title {
    font-size: 3.5rem;
    line-height: 1.1;
    max-width: 680px;
    margin-bottom: 2rem;
  }
}
.hero__main-desc {
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .hero__main-desc {
    max-width: 380px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .hero__main-desc {
    margin-bottom: 3rem;
  }
}
.hero__main-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 243px;
  width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .hero__main-img {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1365.98px) {
  .hero__main-img {
    max-width: 530px;
  }
}
.hero__main-flag {
  position: absolute;
  --size: 48px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: 0px 6.97px 13.4px 0px rgba(0, 0, 0, 0.0509803922);
  background-color: var(--color-whte);
}
@media (any-hover: hover) {
  .hero__main-flag:hover .hero__main-flag-img {
    background-color: var(--color-secondary);
    transform: rotate(45deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .hero__main-flag {
    border-radius: 8px;
    --size: 90px;
  }
}
.hero__main-flag--01 {
  top: 198px;
  right: -8px;
  transform: rotate(-20deg);
}
@media only screen and (min-width: 767.98px) {
  .hero__main-flag--01 {
    top: auto;
    right: auto;
    left: 20%;
    bottom: 20%;
    transform: rotate(0deg);
  }
}
@media only screen and (min-width: 1023.98px) {
  .hero__main-flag--01 {
    left: 7%;
    bottom: 9%;
  }
}
.hero__main-flag--02 {
  bottom: 21%;
  left: 7px;
}
@media only screen and (min-width: 767.98px) {
  .hero__main-flag--02 {
    left: 10%;
    bottom: 13%;
  }
}
@media only screen and (min-width: 1023.98px) {
  .hero__main-flag--02 {
    bottom: 18%;
    left: 21%;
    transform: rotate(6deg);
  }
}
.hero__main-flag--03 {
  bottom: 24px;
  left: 7%;
  transform: rotate(18deg);
}
@media only screen and (min-width: 767.98px) {
  .hero__main-flag--03 {
    left: 30%;
    bottom: 0;
    transform: rotate(14deg);
  }
}
@media only screen and (min-width: 767.98px) and (min-width: 1023.98px) {
  .hero__main-flag--03 {
    left: 31%;
    bottom: 5%;
  }
}
.hero__main-flag--04 {
  bottom: 34%;
  left: 16%;
  transform: rotate(26deg);
}
@media only screen and (min-width: 767.98px) {
  .hero__main-flag--04 {
    left: 26%;
    bottom: 12%;
    transform: rotate(0deg);
  }
}
@media only screen and (min-width: 1023.98px) {
  .hero__main-flag--04 {
    left: 34%;
    bottom: 24%;
  }
}
.hero__main-flag-img {
  padding: 0.5rem;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-whte);
  border-radius: 4px;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .hero__main-flag-img {
    border-radius: 8px;
  }
}
.hero__main-flag-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease-in-out;
}
.hero__main-flag-img img.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}
.hero__banner {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 360px;
}
@media only screen and (min-width: 1119.98px) {
  .hero__banner {
    border-radius: 24px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .hero__banner {
    height: 100%;
  }
}
.hero__banner-slider {
  height: 100%;
}
.hero__banner-slider .swiper-wrapper {
  height: 100%;
}
.hero__banner-slider .swiper-pagination {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  z-index: 2;
}
@media only screen and (min-width: 1023.98px) {
  .hero__banner-slider .swiper-pagination {
    bottom: 16px;
  }
}
.hero__banner-slider .swiper-pagination-bullet {
  margin: 0 !important;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color-whte);
  opacity: 0.5;
}
.hero__banner-slider .swiper-pagination-bullet-active {
  opacity: 1;
}
.hero__banner-slide.swiper-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 360px;
  padding: 1.5rem 1.5rem 3.5rem;
  border-radius: 20px;
  background: url("../img/hero/hero-banner-bg.webp") center center/cover no-repeat;
  overflow: hidden;
}
@media only screen and (min-width: 1365.98px) {
  .hero__banner-slide.swiper-slide {
    height: 100%;
    padding-bottom: 3rem;
  }
}
.hero__banner-slide--secondary.swiper-slide {
  background-image: url("../img/hero/hero-banner-bg-secondary.webp");
}
.hero__banner-slide-title {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .hero__banner-slide-title {
    font-size: 1.5rem;
  }
}
.hero__banner-slide-desc {
  color: rgba(var(--color-blck--rgb), 0.7);
  margin-bottom: 1.5rem;
}
.hero__banner-slide-bottom {
  margin: auto 0 0 0;
}
.hero__banner-slide-img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 160px;
  width: 100%;
  z-index: -1;
}
@media only screen and (min-width: 1023.98px) {
  .hero__banner-slide-img {
    max-width: 180px;
  }
}
.hero__banner-slide-img img {
  width: 100%;
}
.hero__reviews {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1119.98px) {
  .hero__reviews {
    border-radius: 24px;
  }
}
.hero__reviews-title {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  max-width: 280px;
}
@media only screen and (min-width: 1119.98px) {
  .hero__reviews-title {
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
    max-width: 100%;
  }
}
.hero__reviews-info {
  display: flex;
  align-items: center;
}
.hero__reviews-authors {
  display: flex;
  align-items: center;
}
.hero__reviews-author {
  --size: 56px;
  width: var(--size);
  height: var(--size);
}
.hero__reviews-author:not(:first-of-type) {
  margin-left: -20px;
}
.hero__reviews-amount {
  --size: 56px;
  width: var(--size);
  height: var(--size);
  position: relative;
  z-index: 2;
  background-color: var(--color-primary-100);
  margin-left: -20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.hero__vidget-buttons {
  opacity: 0;
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .hero__vidget-buttons {
    display: block;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    right: 0;
    gap: 100px;
    z-index: 3;
    transform: translateX(100%);
    transition: 0.5s ease-in-out;
  }
  .hero__vidget-buttons._is-active {
    opacity: 1;
    transform: translateX(0);
    transition: 0.25s ease-in-out;
  }
}
.hero__chat-panel {
  transition: 0.25s;
  transform: translateX(0);
}
.hero__chat-panel._is-hidden {
  transform: translateX(100%);
}
.words {
  overflow: hidden;
}
.word {
  display: inline-block;
}
.program__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .program__head {
    margin-bottom: 2.5rem;
  }
}
.program__btn {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .program__btn {
    display: inline-flex;
  }
}
.program__filters {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (min-width: 1119.98px) {
  .program__filters {
    margin-bottom: 2.5rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
.program__filters-categories {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
@media only screen and (min-width: 1119.98px) {
  .program__filters-categories {
    max-width: 800px;
    gap: 8px;
  }
}
.program__filters-types {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 1119.98px) {
  .program__filters-types {
    gap: 32px;
  }
}
.program__list {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .program__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.program__list + .program__list {
  margin-top: 1rem;
}
.program__list._is-hidden {
  display: none;
}
.program__bottom {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media only screen and (min-width: 1119.98px) {
  .program__bottom {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .program__all-programs {
    display: none;
  }
}
.catalog-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 21.75rem;
  padding: 1.5rem 1.5rem 1.25rem;
  background-color: var(--color-whte);
  border-radius: 20px;
  background-image: url("../img/programs/program-card-bg-sm.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card {
    min-height: 30rem;
    padding: 2rem;
    border-radius: 24px;
    background-image: url("../img/programs/program-card-bg.svg");
  }
}
@media (any-hover: hover) {
  .catalog-card:hover {
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.031372549);
  }
  .catalog-card:hover .catalog-card__title {
    color: var(--color-primary);
  }
}
.catalog-card--gray {
  background-color: var(--color-gray);
}
.catalog-card__top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card__top {
    margin-bottom: 1rem;
  }
}
.catalog-card__badge {
  width: 2rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-red-accent);
  border-radius: 8px;
}
.catalog-card__badge::before {
  --size: 18px;
  display: block;
  content: "";
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: var(--color-whte);
}
.catalog-card__badge--locked {
  background-color: var(--color-gray-dark);
}
.catalog-card__badge--locked::before {
  background-color: var(--color-text-alt);
}
.catalog-card__category {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1;
  color: var(--color-whte);
  text-transform: uppercase;
  background-color: var(--color-primary);
  border-radius: 8px;
  padding: 0.3125rem 0.375rem;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card__category {
    font-size: 0.875rem;
    padding: 0.25rem 0.375rem;
  }
}
.catalog-card__category::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: var(--color-whte);
  margin-right: 0.25rem;
}
.catalog-card__title {
  margin-bottom: 0.625rem;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card__title {
    margin-bottom: 1rem;
  }
}
.catalog-card__desc {
  max-width: 15.625rem;
  width: 100%;
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .catalog-card__desc {
    font-size: 1rem;
    max-width: 20.625rem;
  }
}
.catalog-card__bottom {
  margin: auto 0 0 0;
}
.catalog-card__period {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .catalog-card__period {
    margin-bottom: 1rem;
  }
}
.catalog-card__price--discount .catalog-card__price-current {
  color: var(--color-red-accent);
}
.catalog-card__price-current {
  color: var(--color-secondary);
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (min-width: 767.98px) {
  .catalog-card__price-current {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card__price-current {
    font-size: 2.25rem;
  }
}
.catalog-card__price-old {
  font-size: 0.875rem;
  text-decoration: line-through;
  color: var(--color-text-alt);
  margin-bottom: 0.1875rem;
  font-weight: 400;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card__price-old {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
  }
}
.catalog-card__img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.catalog-card__img img {
  width: auto;
  height: 160px;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card__img img {
    height: 197px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .catalog-card__img {
    height: 194px;
    right: 0px;
    right: 20px;
  }
}
.promo__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo__head {
    margin-bottom: 2.5rem;
  }
}
.promo__head-btn {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .promo__head-btn {
    display: inline-flex;
  }
}
.promo__slider {
  overflow: hidden;
}
.promo__slider .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .promo__slider .swiper-pagination {
    display: none;
  }
}
.promo__slider .swiper-wrapper {
  align-items: stretch;
}
.promo__all {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .promo__all {
    display: none;
  }
}
.promo__controls {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .promo__controls {
    display: block;
    margin-top: 2.5rem;
  }
}
.promo__item.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .promo__item.swiper-slide {
    border-radius: 24px;
  }
}
.promo__item-amount {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.3125rem 0.5625rem;
  border-radius: 8px;
  background-color: var(--color-secondary);
  color: var(--color-whte);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo__item-amount {
    font-size: 0.875rem;
  }
}
.promo__item-amount::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  mask: url("../img/icons/timer.svg") center center/var(--size) no-repeat;
  -webkit-mask: url("../img/icons/timer.svg") center center/var(--size) no-repeat;
  background-color: var(--color-whte);
  margin-right: 0.25rem;
}
.promo__item-info {
  margin-bottom: 1.5rem;
}
.promo__item-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: auto;
}
.promo__item-img {
  display: block;
  max-width: 13.75rem;
}
.promo__item-img img {
  border-radius: 12px;
}
.promo__item-date {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .promo__item-date {
    font-size: 1rem;
  }
}
.promo__item-title {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.promo__item-desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
  margin-top: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .promo__item-desc {
    font-size: 1rem;
  }
}
.why-us {
  overflow: hidden;
}
.why-us__container {
  position: relative;
}
.why-us__card {
  position: absolute;
  background-color: var(--color-whte);
  padding: 0.125rem;
  border-radius: 8px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 10px 10px 0px rgba(0, 0, 0, 0.0509803922), 0px 22px 13px 0px rgba(0, 0, 0, 0.031372549), 0px 39px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 61px 17px 0px rgba(0, 0, 0, 0);
  display: none;
}
.why-us__card--01 {
  left: -25px;
  top: 27%;
  transform: rotate(-15deg);
}
.why-us__card--02 {
  left: 9%;
  top: 5%;
  transform: rotate(-13deg);
}
.why-us__card--03 {
  right: 10%;
  top: 25%;
  transform: rotate(-9deg);
}
.why-us__card--04 {
  right: 3%;
  top: 2%;
  transform: rotate(-13deg);
}
@media only screen and (min-width: 1119.98px) {
  .why-us__card {
    display: block;
  }
}
.why-us__card img {
  border-radius: 8px;
}
.why-us__img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .why-us__img {
    display: block;
    position: absolute;
    bottom: -129px;
    right: -220px;
  }
}
.why-us__title {
  max-width: 730px;
  width: 100%;
  margin: 0 auto 1rem;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .why-us__title {
    margin-bottom: 2rem;
  }
}
.why-us__desc {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .why-us__desc {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .why-us__desc {
    max-width: 577px;
    margin: 0 auto 3.5rem;
  }
}
.why-us__more-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .why-us__more-info {
    margin-top: 3.5rem;
  }
}
.why-us__benefits {
  display: grid;
  gap: 24px;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 767.98px) {
  .why-us__benefits {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1119.98px) {
  .why-us__benefits {
    gap: 74px;
    padding: 2.4375rem;
    border-radius: 24px;
  }
}
.why-us__benefit:not(:last-of-type) {
  padding-bottom: 1.4375rem;
  border-bottom: 1px solid var(--color-secondary-100);
}
@media only screen and (min-width: 767.98px) {
  .why-us__benefit:not(:last-of-type) {
    padding-bottom: 0;
    border-bottom: 0;
    padding-right: 1.5rem;
    border-right: 1px solid var(--color-secondary-100);
  }
}
@media only screen and (min-width: 1119.98px) {
  .why-us__benefit:not(:last-of-type) {
    padding-right: 4.625rem;
  }
}
.why-us__benefit-stats {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: var(--color-secondary);
}
@media only screen and (min-width: 767.98px) {
  .why-us__benefit-stats {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .why-us__benefit-stats {
    margin-bottom: 2rem;
    font-size: 2.875rem;
    line-height: 1.2;
  }
}
.why-us__benefit-stats-desc {
  display: block;
  font-size: 1.125rem;
  line-height: 1.2;
  margin-top: 0.125rem;
}
@media only screen and (min-width: 1119.98px) {
  .why-us__benefit-stats-desc {
    font-size: 1.5rem;
    line-height: 1.1;
    margin-top: 0;
  }
}
.why-us__benefit-desc {
  font-weight: 600;
  text-transform: uppercase;
}
.reviews__img {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__img {
    display: block;
    position: absolute;
    bottom: -40px;
    left: 50px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reviews__img {
    left: 220px;
    bottom: 0px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reviews__head {
    padding: 3.5rem 0rem 3.5rem 3.5rem;
  }
}
.reviews__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews__title {
    margin-bottom: 2rem;
  }
}
.reviews__inner {
  position: relative;
  overflow: hidden;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-secondary-100);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__inner {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    height: 703px;
    padding: 2.5rem;
    border-radius: 24px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reviews__inner {
    padding: 0;
    padding-right: 2.5rem;
  }
}
.reviews__list {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__list {
    display: block;
    height: 703px;
    max-width: 696px;
    width: 100%;
    display: flex;
    gap: 16px;
  }
  .reviews__list .swiper-wrapper {
    height: 703px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .reviews__slider {
    height: 703px;
  }
  .reviews__slider .swiper-wrapper {
    --easing: linear;
    transition-timing-function: var(--easing);
  }
}
.reviews__mobile-slider {
  position: relative;
  z-index: 2;
}
.reviews__mobile-slider .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .reviews__mobile-slider .swiper-pagination {
    margin-top: 1.5rem;
  }
}
.reviews__mobile-slider .swiper-pagination-bullet {
  --size: 8px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color-text-alt);
  opacity: 0.4;
}
.reviews__mobile-slider .swiper-pagination-bullet-active {
  opacity: 1;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__mobile-slider {
    display: none;
  }
}
.reviews__item.swiper-slide {
  width: 265px;
  height: 383px;
  padding: 1rem;
  background-color: var(--color-whte);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__item.swiper-slide {
    width: 340px;
    height: auto;
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reviews__item.swiper-slide {
    border-radius: 24px;
  }
}
.reviews__item-author {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__item-author {
    margin-bottom: 1.5rem;
  }
}
.reviews__item-author-img {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex-shrink: 0;
}
.reviews__item-author-title {
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__item-author-title {
    margin-bottom: 0.5rem;
  }
}
.reviews__item-author-desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .reviews__item-author-desc {
    display: block;
    font-size: 1rem;
  }
}
.reviews__item-desc {
  line-height: 1.15;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__item-desc {
    display: block;
    line-height: 1.3;
  }
}
.reviews__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.reviews__item-category {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0.25rem 0.375rem 0.25rem;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .reviews__item-category {
    font-size: 0.875rem;
  }
}
.reviews__item-category::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
.reviews__item-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-secondary);
  padding-bottom: 4px;
  font-size: 0.875rem;
  border-bottom: 1px solid currentColor;
  outline: none;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .reviews__item-link {
    font-size: 1rem;
    padding-bottom: 0.3125rem;
  }
}
.reviews__item-link::after {
  content: "";
  --size: 14px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
@media (any-hover: hover) {
  .reviews__item-link:hover {
    color: var(--color-primary);
  }
}
.dream__inner {
  padding: 1rem 0;
  background-color: var(--color-gray);
  border-radius: 24px;
}
@media only screen and (min-width: 1119.98px) {
  .dream__inner {
    padding: 2.5rem 0;
  }
}
.dream__container {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .dream__container {
    grid-template-columns: 1fr 1fr;
  }
}
.dream__main {
  padding: 2.5rem 1.5rem;
  background: url("../img/dream/dream-bg.svg") center center/cover no-repeat;
  overflow: hidden;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 767.98px) {
  .dream__main {
    justify-content: center;
  }
}
@media only screen and (min-width: 1119.98px) {
  .dream__main {
    border-radius: 24px;
  }
}
.dream__title {
  margin-bottom: 1rem;
  text-align: center;
  max-width: 280px;
}
@media only screen and (min-width: 767.98px) {
  .dream__title {
    max-width: 640px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .dream__title {
    mask-repeat: 32;
  }
}
.dream__desc {
  max-width: 280px;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
  text-align: center;
}
@media only screen and (min-width: 767.98px) {
  .dream__desc {
    max-width: 392px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .dream__desc {
    margin-bottom: 3.5rem;
  }
}
.dream__video {
  position: relative;
  cursor: none;
  overflow: hidden;
}
.dream__video-player {
  display: block;
  max-width: 100%;
  border-radius: 14px;
  overflow: hidden;
  height: 200px;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 767.98px) {
  .dream__video-player {
    height: 420px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .dream__video-player {
    height: 690px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .dream__video-player {
    border-radius: 24px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .dream__video-btn {
    display: none;
  }
}
.dream__video-mouse {
  display: none;
  position: absolute;
  pointer-events: none;
  --size: 56px;
  width: var(--size);
  height: var(--size);
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--color-whte--rgb), 0.15);
  color: var(--color-whte);
  border-radius: 50%;
  backdrop-filter: blur(10px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1023.98px) {
  .dream__video-mouse {
    display: none;
    position: fixed;
    --size: 112px;
    top: auto;
    left: auto;
  }
}
.dream__video-mouse .play {
  display: none;
}
.dream__video-mouse.is-active {
  display: flex;
}
.dream__video-mouse.is-active .play {
  display: block;
}
.dream__video-mouse.is-active .pause {
  display: none;
}
.video-bot__title {
  max-width: 320px;
  margin: 0 auto 2rem;
  text-align: center;
}
.video-bot__title span {
  color: var(--color-secondary);
}
@media only screen and (min-width: 767.98px) {
  .video-bot__title {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .video-bot__title {
    max-width: 730px;
    margin-bottom: 2.5rem;
  }
}
.video-bot__show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .video-bot__show-more {
    margin-top: 3.5rem;
  }
}
.video-bot__cards {
  display: grid;
  gap: 16px;
  max-width: 400px;
  margin: 0 auto;
}
@media only screen and (min-width: 767.98px) {
  .video-bot__cards {
    max-width: 100%;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
  }
}
.video-bot__card {
  border-radius: 20px;
  background-color: var(--color-gray);
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
  box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.1019607843), 0px 36px 36px 0px rgba(0, 0, 0, 0.0901960784), 0px 82px 49px 0px rgba(0, 0, 0, 0.0509803922), 0px 145px 58px 0px rgba(0, 0, 0, 0.0117647059), 0px 227px 64px 0px rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 1119.98px) {
  .video-bot__card {
    border-radius: 24px;
  }
}
@media only screen and (min-width: 767.98px) {
  .video-bot__card:nth-of-type(3n + 2) {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .video-bot__card:nth-of-type(3n + 2) {
    margin-top: 5.5rem;
  }
}
.video-bot__card-info {
  padding: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .video-bot__card-info {
    padding: 2.5rem;
  }
}
.video-bot__card-title {
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}
.video-bot__card-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.875rem;
  color: var(--color-secondary);
  padding-bottom: 0.1875rem;
  border-bottom: 1px solid currentColor;
}
@media only screen and (min-width: 767.98px) {
  .video-bot__card-link {
    padding: 0.3125rem 0;
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .video-bot__card-link:hover {
    color: var(--color-primary);
  }
  .video-bot__card-link:hover::after {
    transform: translate(2px, -2px);
  }
}
.video-bot__card-link::after {
  --size: 16px;
  content: "";
  display: block;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
  transform: translate(0, 0);
  transition: 0.25s ease-in-out;
}
.video-bot__card-img {
  display: block;
  width: 100%;
}
.video-bot__card-img img {
  width: 100%;
}
.ask__inner {
  padding: 1.5rem;
  background-color: var(--color-secondary-100);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .ask__inner {
    display: grid;
    grid-template-columns: 421px 1fr;
    gap: 40px;
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ask__inner {
    padding: 3.5rem;
    border-radius: 24px;
  }
}
.ask__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ask__title {
    margin-bottom: 2rem;
  }
}
.ask__desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
.ask__desc p + p {
  margin-top: 0.875rem;
}
@media only screen and (min-width: 767.98px) {
  .ask__desc {
    font-size: 1rem;
  }
}
.ask__info {
  margin-bottom: 1.5rem;
}
.ask__chat-bot {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .ask__chat-bot {
    display: block;
    position: absolute;
    left: 22%;
    top: 41%;
    cursor: pointer;
    filter: drop-shadow(2px 3px 7px #63a763);
  }
}
.ask__img {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .ask__img {
    display: block;
    position: absolute;
    bottom: -70px;
    left: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ask__img {
    left: 80px;
  }
}
.ask__form {
  padding: 1rem;
  border-radius: 18px;
  background-color: var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .ask__form {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ask__form {
    padding: 2.5rem;
    border-radius: 24px;
  }
}
.ask__form-title {
  max-width: 260px;
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-secondary);
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .ask__form-title {
    max-width: 600px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ask__form-title {
    font-size: 2.25rem;
    line-height: 1.17;
    margin-bottom: 1rem;
  }
}
.ask__form-desc {
  max-width: 250px;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .ask__form-desc {
    font-size: 1rem;
    max-width: 100%;
  }
}
.ask__form-controls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
@media only screen and (min-width: 1023.98px) {
  .ask__form-controls {
    gap: 16px;
  }
}
.news__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .news__head {
    margin-bottom: 2.5rem;
  }
}
.news__show-all {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .news__show-all {
    display: inline-flex;
  }
}
.news__controls {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .news__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5rem;
  }
}
.news__more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .news__more {
    display: none;
  }
}
.news__slider {
  overflow: hidden;
}
.news__slider .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .news__slider .swiper-pagination {
    display: none;
  }
}
.news__item.swiper-slide {
  padding: 1.5rem;
  border-radius: 20px;
  background: url("../img/news/news-bg.webp") center center/cover no-repeat;
  min-height: 280px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1023.98px) {
  .news__item.swiper-slide {
    min-height: 310px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .news__item.swiper-slide {
    border-radius: 24px;
  }
}
@media (any-hover: hover) {
  .news__item.swiper-slide:hover .news__item-title {
    color: var(--color-secondary);
  }
}
.news__item-title {
  margin-bottom: 1rem;
  transition: 0.25s ease-in-out;
}
.news__item-desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
  margin-bottom: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .news__item-desc {
    font-size: 1rem;
  }
}
.news__item-date {
  margin: auto 0 0 0;
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .news__item-date {
    font-size: 1rem;
  }
}
.stories__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 767.98px) {
  .stories__head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1119.98px) {
  .stories__head {
    margin-bottom: 2.5rem;
  }
}
.stories__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .stories__content {
    display: grid;
    grid-template-columns: 2.05fr 1fr;
  }
}
.stories__desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .stories__desc {
    max-width: 443px;
    font-size: 1rem;
    margin-top: 0.375rem;
  }
}
.stories__main {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-secondary-100);
}
@media only screen and (min-width: 1023.98px) {
  .stories__main {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .stories__main {
    padding: 2.5rem;
    border-radius: 24px;
  }
}
.stories__main-title {
  margin-bottom: 1rem;
}
.stories__main-desc {
  font-size: 0.875rem;
}
@media only screen and (min-width: 767.98px) {
  .stories__main-desc {
    font-size: 1rem;
  }
}
.stories__main-top {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (min-width: 767.98px) {
  .stories__main-top {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1119.98px) {
  .stories__main-top {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 767.98px) {
  .stories__main-head {
    max-width: 458px;
  }
}
.stories__main-story {
  padding: 1rem;
  border-radius: 14px;
  background-color: var(--color-whte);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .stories__main-story {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1023.98px) {
  .stories__main-story {
    padding: 1.5rem;
    border-radius: 24px;
    gap: 24px;
  }
}
.stories__main-story-img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .stories__main-story-img {
    max-width: 270px;
  }
}
.stories__main-story-img img {
  width: 100%;
  border-radius: 10px;
}
.stories__main-story-title {
  margin-bottom: 1rem;
}
.stories__main-story-desc.text p + p {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .stories__main-story-desc.text p + p {
    margin-top: 1.3125rem;
  }
}
.stories__main-btn {
  flex-shrink: 0;
}
.stories__forum {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  border-radius: 20px;
  background: url("../img/stories/stories-bg.webp") center center/cover no-repeat;
  height: 352px;
}
@media only screen and (min-width: 1023.98px) {
  .stories__forum {
    height: auto;
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .stories__forum {
    padding: 2.5rem 2.5rem 4rem;
    border-radius: 24px;
  }
}
.stories__forum-title {
  margin-bottom: 1rem;
}
.stories__forum-desc {
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
@media only screen and (min-width: 767.98px) {
  .stories__forum-desc {
    font-size: 1rem;
  }
}
.stories__forum-desc p + p {
  margin-top: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .stories__forum-desc p + p {
    margin-top: 1.5rem;
  }
}
.stories__forum-btn {
  align-self: flex-start;
  margin: auto 0 0 0;
}
.program-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 21.75rem;
  padding: 1.5rem 1.5rem 1.25rem;
  background-color: var(--color-gray);
  border-radius: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .program-card {
    height: 29.375rem;
    padding: 2.5rem;
    border-radius: 24px;
  }
}
.program-card--bg {
  background-image: url("../img/programs/program-card-bg-sm.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1119.98px) {
  .program-card--bg {
    background-image: url("../img/programs/program-card-bg.svg");
  }
}
.program-card__top {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .program-card__top {
    margin-bottom: 1rem;
  }
}
.program-card__category {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1;
  color: var(--color-whte);
  text-transform: uppercase;
  background-color: var(--color-primary);
  border-radius: 8px;
  padding: 0.3125rem 0.375rem;
}
@media only screen and (min-width: 1119.98px) {
  .program-card__category {
    font-size: 0.875rem;
    padding: 0.25rem 0.375rem;
  }
}
.program-card__category::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: var(--color-whte);
  margin-right: 0.25rem;
}
.program-card__category--orange {
  background-color: var(--color-orange);
}
.program-card__category--blue {
  background-color: var(--color-blue);
}
.program-card__category--green {
  background-color: var(--color-secondary);
}
.program-card__title {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1119.98px) {
  .program-card__title {
    margin-bottom: 1rem;
  }
}
.program-card__desc {
  max-width: 15.625rem;
  width: 100%;
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .program-card__desc {
    font-size: 1rem;
    max-width: 20.625rem;
  }
}
.program-card__bottom {
  margin: auto 0 0 0;
}
.program-card__period {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  color: rgba(var(--color-blck--rgb), 0.8);
}
@media only screen and (min-width: 1119.98px) {
  .program-card__period {
    font-size: 1rem;
  }
}
.program-card__price-current {
  color: var(--color-secondary);
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (min-width: 767.98px) {
  .program-card__price-current {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .program-card__price-current {
    font-size: 2.25rem;
  }
}
.program-card__img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 9.0625rem;
}
@media only screen and (min-width: 1119.98px) {
  .program-card__img {
    max-width: 30rem;
    right: -40px;
    width: 100%;
  }
}
.benefits__container {
  display: grid;
  gap: 8px;
}
@media only screen and (min-width: 1023.98px) {
  .benefits__container {
    grid-template-columns: 1fr 1fr;
    padding: 0;
    gap: 16px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .benefits__wrapper {
    padding: 2.5rem;
    border-radius: 24px;
    background-color: var(--color-gray);
  }
}
.benefits__main {
  padding: 1.5rem;
  border-radius: 20px;
  background: url("../img/benefits/benefit-bg.svg") center center/cover no-repeat;
  border: 1px solid var(--color-border);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .benefits__main {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .benefits__main {
    padding: 3.5rem;
    border-radius: 24px;
  }
}
.benefits__title {
  margin-bottom: 1rem;
  letter-spacing: -1.5px;
}
@media only screen and (min-width: 1119.98px) {
  .benefits__title {
    margin-bottom: 2rem;
  }
}
.benefits__desc {
  font-size: 0.875rem;
  line-height: 1.25;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .benefits__desc {
    font-size: 1rem;
  }
}
.benefits__desc p + p {
  margin-top: 0.875rem;
}
.benefits__img {
  display: block;
  width: 100%;
  width: calc(100% + 48px);
  margin: 0 -24px -24px;
}
@media only screen and (min-width: 1023.98px) {
  .benefits__img {
    margin: auto -40px -40px;
    width: calc(100% + 80px);
  }
}
@media only screen and (min-width: 1119.98px) {
  .benefits__img {
    margin: auto -56px -56px;
    width: calc(100% + 112px);
  }
}
.benefits__img img {
  width: 100%;
}
.benefits__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  counter-reset: benefit;
}
@media only screen and (min-width: 1023.98px) {
  .benefits__list {
    gap: 0;
    border-radius: 24px;
    overflow: hidden;
  }
}
.benefits__item {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-secondary-100);
  border: 1px solid var(--color-secondary-100);
  counter-increment: benefit;
}
@media only screen and (min-width: 1023.98px) {
  .benefits__item {
    border-radius: 24px 24px 0 0;
    position: relative;
  }
  .benefits__item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100vh;
    background-color: var(--color-secondary-100);
    top: 100%;
    left: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .benefits__item {
    padding: 2.5rem;
  }
}
.benefits__item:nth-of-type(2) {
  background-color: var(--color-gray);
  border-color: var(--color-border);
}
.benefits__item:nth-of-type(2)::before {
  background-color: var(--color-gray);
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
}
.benefits__item-info {
  padding-left: 1.375rem;
  position: relative;
}
@media only screen and (min-width: 1023.98px) {
  .benefits__item-info {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .benefits__item-info {
    max-width: 480px;
  }
}
.benefits__item-info::before {
  content: "0" counter(benefit);
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .benefits__item-info::before {
    font-size: 0.875rem;
  }
}
.benefits__item-title {
  margin-bottom: 1rem;
}
.benefits__item-desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .benefits__item-desc {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.benefits__item-btn {
  margin-top: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .benefits__item-btn {
    margin-top: 2.5rem;
  }
}
.benefits__banner {
  position: relative;
  padding: 1.5rem 1.5rem 4.875rem;
  border-radius: 20px;
  background: url("../img/benefits/benefit-banner-bg.svg") center center/cover no-repeat;
  border: 1px solid var(--color-border);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .benefits__banner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.5rem 2.5rem 5rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .benefits__banner {
    padding: 3.5rem;
    border-radius: 24px;
    height: 39.75rem;
  }
}
.benefits__banner-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .benefits__banner-title {
    margin-bottom: 2rem;
  }
}
.benefits__banner-desc {
  max-width: 33.125rem;
  margin-bottom: 1.5rem;
  letter-spacing: -0.04px;
}
@media only screen and (min-width: 1119.98px) {
  .benefits__banner-desc {
    margin-bottom: 2rem;
  }
}
.benefits__banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.catalog {
  padding-top: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .catalog {
    padding-top: 3rem;
  }
}
.catalog__title {
  max-width: 1085px;
}
.catalog-main {
  background-color: var(--color-gray);
  padding: 2rem 0 3.5rem;
  border-radius: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-main {
    padding: 3.5rem 0 8rem;
    border-radius: 24px;
  }
}
.catalog-main__top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .catalog-main__top {
    justify-content: flex-start;
  }
}
.catalog-main__sorting {
  max-width: 231px;
  width: 100%;
}
.catalog-main__sorting .select__title {
  padding-left: 3rem;
  position: relative;
}
.catalog-main__sorting .select__title::before {
  --size: 16px;
  position: absolute;
  content: "";
  width: var(--size);
  height: var(--size);
  background: url("../img/icons/sorting-arrows.svg") center center/var(--size) no-repeat;
  top: 14px;
  left: 24px;
}
@media only screen and (min-width: 767.98px) {
  .catalog-main__sorting .select__title::before {
    top: 17px;
  }
}
@media only screen and (min-width: 767.98px) {
  .catalog-main__sorting {
    max-width: 260px;
  }
}
.catalog-main__locked {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-whte);
  transition: color 0.25s ease-in-out;
}
.catalog-main__locked::before {
  --icon-size: 20px;
  content: "";
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/var(--icon-size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
  background-color: currentColor;
}
.catalog-main__locked span {
  width: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
@media (any-hover: hover) {
  .catalog-main__locked:hover {
    background-color: #F1AD6E;
    border-radius: 1000px;
    width: auto;
    padding: 1.125rem 1.125rem;
    align-items: center;
    gap: 8px;
  }
  .catalog-main__locked:hover span {
    width: auto;
    opacity: 1;
    overflow: visible;
    visibility: visible;
  }
}
@media only screen and (min-width: 767.98px) {
  .catalog-main__locked {
    --size: 56px;
  }
}
.catalog-main__list {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .catalog-main__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .catalog-main__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.catalog-banner-card {
  background: url("../img/banners/catalog-banner-bg.webp") center center/cover no-repeat;
  padding: 1.5rem 1.5rem 2.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--color-whte);
  min-height: 21.75rem;
  z-index: 1;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.catalog-banner-card__title {
  margin-bottom: 1rem;
}
.catalog-banner-card__desc {
  max-width: 17.5rem;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: -0.14px;
  color: rgba(var(--color-whte--rgb), 0.8);
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .catalog-banner-card__desc {
    font-size: 1rem;
    letter-spacing: -0.16px;
  }
}
.catalog-banner-card__btn {
  margin-top: auto;
}
.catalog-banner-card__img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.filter-item__head {
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 0.625rem;
  color: var(--color-text-alt);
}
@media only screen and (min-width: 1023.98px) {
  .filter-item__head {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.filter-item__input {
  display: inline-block;
  width: 100%;
  padding: 0.875rem 1.5rem;
  background-color: var(--color-gray);
  border-radius: 12px;
  font-size: 1rem;
  line-height: 1;
  height: 3rem;
  outline: none;
  user-select: none;
}
@media only screen and (min-width: 1023.98px) {
  .filter-item__input {
    padding: 1.0625rem 1.5rem;
    height: 3.4375rem;
    line-height: 1.3;
  }
}
.filter-item__input[disabled] {
  color: rgba(var(--color-text-alt--rgb), 0.45);
  pointer-events: none;
}
.filter-item__input[disabled]::placeholder {
  color: rgba(var(--color-text-alt--rgb), 0.45);
}
.filter-item__select .select__title {
  background-color: var(--color-gray);
  border: 1px solid var(--color-gray);
}
.filter-item__select .select__option {
  background-color: var(--color-gray);
}
.filter-item__range {
  position: relative;
}
.filter-item__range-slider {
  position: absolute;
  bottom: 0;
}
.filter-item__range-outputs {
  display: grid;
  grid-template-columns: 1fr 20px 1fr;
  align-items: center;
  gap: 8px;
  padding: 0.875rem 1.5rem;
  background-color: var(--color-gray);
  border-radius: 12px;
  height: 3rem;
}
@media only screen and (min-width: 1023.98px) {
  .filter-item__range-outputs {
    padding: 1.0625rem 1.5rem;
    height: 3.4375rem;
  }
}
.filter-item__range-separator {
  width: 20px;
  height: 1px;
  flex-shrink: 0;
  background-color: var(--color-text-alt);
}
.filter-item__range-output {
  display: flex;
  align-items: center;
  gap: 2px;
}
.filter-item__range-output--left {
  justify-content: flex-start;
}
.filter-item__range-output--right {
  justify-content: flex-end;
}
.filter-item__range-output-text {
  font-size: 1rem;
  color: var(--color-text-alt);
}
.filter-item__range-output-control {
  width: 100%;
  display: inline-block;
  background-color: transparent;
  outline: none;
  font-size: 1rem;
}
.filter-item__labels {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 767.98px) {
  .filter-item--labels {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 1119.98px) {
  .filter-item--labels {
    grid-column: span 2;
  }
}
.filters {
  padding: 2rem 0 5rem;
}
.filters._sending {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (min-width: 1023.98px) {
  .filters {
    padding: 3rem 0 2.5rem 0;
  }
}
.filters__list {
  display: grid;
  gap: 20px;
}
@media only screen and (min-width: 767.98px) {
  .filters__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1365.98px) {
  .filters__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.filters__panel {
  padding-top: 24px;
  margin-top: 26px;
  border-top: 1px solid var(--color-border);
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media only screen and (min-width: 767.98px) {
  .filters__panel {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1119.98px) {
  .filters__panel {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
  }
}
.filters__reset {
  margin-top: 0.9375rem;
}
@media only screen and (min-width: 767.98px) {
  .filters__reset {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 0rem;
  }
}
.filters__reset-icon {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .filters__reset-icon {
    --size: 48px;
    --icon-size: 16px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    transition: 0.25s ease-in-out;
  }
  .filters__reset-icon::before {
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    mask: var(--icon) center center/var(--icon-size) no-repeat;
    -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
    background-color: currentColor;
    transition: 0.25s ease-in-out;
  }
}
@media only screen and (min-width: 1023.98px) {
  .filters__reset-icon {
    --size: 56px;
    --icon-size: 20px;
  }
}
.filters__reset-title {
  font-size: 0.875rem;
  color: var(--color-text-alt);
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 767.98px) {
  .filters__reset-title {
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .filters__reset:hover .filters__reset-title {
    color: var(--color-blck);
  }
  .filters__reset:hover .filters__reset-icon {
    background-color: var(--color-primary-500);
    border-color: var(--color-primary-500);
  }
  .filters__reset:hover .filters__reset-icon::before {
    background-color: var(--color-whte);
  }
}
@media only screen and (min-width: 767.98px) {
  .filters__result {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 16px;
  }
}
.filters__result-count {
  font-size: 0.875rem;
  margin-top: 0.625rem;
  color: var(--color-text-alt);
}
@media only screen and (min-width: 767.98px) {
  .filters__result-count {
    margin-top: 0;
    font-size: 1rem;
  }
}
.label {
  display: inline-block;
  width: auto;
}
.label input {
  position: fixed;
  transform: scale(0);
}
.label input:checked + label {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
.label label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0.375rem 1rem;
  height: 2.25rem;
  font-size: 0.875rem;
  background-color: var(--color-gray);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 1023.98px) {
  .label label {
    font-size: 1rem;
    line-height: 1.25;
  }
}
@media (any-hover: hover) {
  .label label:hover {
    background-color: var(--color-primary-100);
  }
}
@media (any-active: active) {
  .label label:active {
    background-color: var(--color-primary);
  }
}
.label--white label {
  background-color: var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .label--xl label {
    padding: 0.8125rem 1.625rem;
    height: 3rem;
  }
}
.heading__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .heading__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.breadcrumbs--no-action {
  pointer-events: none;
}
.breadcrumbs__list {
  display: flex;
  gap: 8px;
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(var(--color-blck--rgb), 0.5);
  font-size: 0.75rem;
  letter-spacing: -0.12px;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 767.98px) {
  .breadcrumbs__item {
    font-size: 0.875rem;
  }
}
.breadcrumbs__item:not(:last-of-type)::after {
  content: "";
  --size: 4px;
  width: var(--size);
  height: var(--size);
  background-color: currentColor;
  border-radius: 50%;
}
.breadcrumbs__item:last-of-type {
  pointer-events: none;
}
@media (any-hover: hover) {
  .breadcrumbs__item:hover {
    color: var(--color-blck);
    text-decoration: underline;
  }
}
.breadcrumbs--white .breadcrumbs__item {
  color: rgba(var(--color-whte--rgb), 0.5);
}
@media (any-hover: hover) {
  .breadcrumbs--white .breadcrumbs__item:hover {
    color: var(--color-whte);
  }
}
.mediacenter-hero__breadcrumbs.breadcrumbs span, .mediacenter-hero__breadcrumbs.breadcrumbs a,
.article-hero__breadcrumbs.breadcrumbs span,
.article-hero__breadcrumbs.breadcrumbs a {
  padding: 0;
}
.breadcrumbs a.breadcrumbs__item {
  display: flex;
}
.countries__inner {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .countries__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .countries__inner {
    padding: 3.5rem;
    border-radius: 24px;
  }
}
.countries__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .countries__title {
    max-width: 65rem;
    margin-bottom: 2rem;
  }
}
.countries__section {
  font-size: 0.875rem;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 767.98px) {
  .countries__section {
    font-size: 1rem;
    line-height: 1.3;
    max-width: 740px;
  }
}
.countries__section + .countries__section {
  margin-top: 1.125rem;
}
@media only screen and (min-width: 1119.98px) {
  .countries__section + .countries__section {
    margin-top: 1.5rem;
  }
}
.countries__section-head {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.countries__section-text {
  color: rgba(var(--color-blck--rgb), 0.7);
}
.materials__inner {
  position: relative;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-secondary-100);
}
@media only screen and (min-width: 1023.98px) {
  .materials__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .materials__inner {
    padding: 3.5rem;
    background-image: url("../img/ornament-bg.svg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top left;
  }
}
.materials__chat-bubble {
  display: none;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .materials__chat-bubble {
    display: block;
    position: absolute;
    top: 85px;
    left: 24%;
    z-index: 2;
  }
}
@media (any-hover: hover) {
  .materials__chat-bubble:hover {
    opacity: 0.7;
  }
}
.materials__img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .materials__img {
    max-width: 460px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 28px;
  }
}
.materials__block {
  position: relative;
  padding: 1rem;
  border-radius: 18px;
  background-color: var(--color-whte);
  z-index: 2;
}
@media only screen and (min-width: 1023.98px) {
  .materials__block {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .materials__block {
    max-width: 787px;
    padding: 2.5rem;
    margin-left: auto;
  }
}
.materials__title {
  margin-bottom: 1rem;
  color: var(--color-secondary);
}
@media only screen and (min-width: 1119.98px) {
  .materials__title {
    margin-bottom: 1.5rem;
  }
}
.materials__subtitle {
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .materials__subtitle {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .materials__subtitle {
    margin-bottom: 1rem;
  }
}
.materials__info {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .materials__info {
    margin-bottom: 2rem;
  }
}
.materials__form-inputs {
  display: grid;
  gap: 14px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .materials__form-inputs {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .materials__form-inputs .form-group:last-child {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 1119.98px) {
  .materials__form-inputs {
    margin-bottom: 2rem;
  }
}
.materials__form .form__btn {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 1023.98px) {
  .materials__form .form__btn {
    margin-top: 1rem;
  }
}
.requirements__inner {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 1119.98px) {
  .requirements__inner {
    border-radius: 24px;
  }
}
.requirements__img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .requirements__img {
    max-width: 235px;
    display: block;
    position: absolute;
    right: 11%;
    bottom: -10px;
  }
}
.requirements__main {
  position: relative;
  padding: 1.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .requirements__main {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .requirements__main {
    padding: 3.5rem;
  }
}
.requirements__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .requirements__title {
    margin-bottom: 2rem;
  }
}
.requirements__list {
  margin-bottom: 1rem;
}
.requirements__list .list li::before {
  background-color: var(--color-secondary);
}
@media only screen and (min-width: 1119.98px) {
  .requirements__list {
    margin-bottom: 1.5rem;
  }
}
.requirements__notify {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
}
.requirements__notify::before {
  content: "";
  --size: 32px;
  width: var(--size);
  height: var(--size);
  background: var(--icon) center center/contain no-repeat;
  flex-shrink: 0;
}
@media only screen and (min-width: 767.98px) {
  .requirements__notify {
    font-size: 1rem;
  }
}
.requirements__bottom {
  padding: 1.5rem;
  background-color: var(--color-secondary-100);
}
@media only screen and (min-width: 1023.98px) {
  .requirements__bottom {
    padding: 2.5rem;
  }
}
.requirements__subtext {
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .requirements__subtext {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .requirements__subtext {
    max-width: 802px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
}
.similar__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .similar__title {
    margin-bottom: 2.5rem;
  }
}
.similar__categories {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .similar__categories {
    gap: 0.5rem;
    margin-bottom: 2.5rem;
  }
}
.similar__slider {
  overflow: hidden;
  padding: 10px;
  margin: -10px;
}
.similar__slider .swiper-wrapper .swiper-slide {
  height: 21.75rem;
  display: flex;
}
@media only screen and (min-width: 1023.98px) {
  .similar__slider .swiper-wrapper .swiper-slide {
    height: 30rem;
  }
}
.similar__slider .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .similar__slider .swiper-pagination {
    display: none;
  }
}
.similar__controls {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .similar__controls {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
  }
}
.necessity__reasons {
  padding: 1.5rem;
  border-radius: 20px;
  background: url("../img/necessity/reasons-bg.svg") top center/cover no-repeat;
}
@media only screen and (min-width: 1023.98px) {
  .necessity__reasons {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .necessity__reasons {
    padding: 3.5rem;
    border-radius: 24px;
  }
}
.necessity__reasons-title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .necessity__reasons-title {
    margin-bottom: 2.5rem;
  }
}
.necessity__reasons-list {
  display: grid;
}
@media only screen and (min-width: 1023.98px) {
  .necessity__reasons-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.necessity__reasons-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1023.98px) {
  .necessity__reasons-col {
    gap: 32px;
  }
}
.necessity__reasons-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  color: rgba(var(--color-blck--rgb), 0.7);
  line-height: 1.3;
}
@media only screen and (min-width: 1119.98px) {
  .necessity__reasons-item {
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    min-height: 63px;
  }
}
.necessity__reasons-item::before {
  --size: 32px;
  content: "";
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  mask: url("../img/icons/check.svg") center center/16px no-repeat;
  -webkit-mask: url("../img/icons/check.svg") center center/16px no-repeat;
  background-color: var(--color-primary);
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.necessity__reasons-item::after {
  --size: 32px;
  content: "";
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-whte);
  border-radius: 50%;
  z-index: 1;
}
.program-info.section {
  padding-top: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .program-info.section {
    padding-top: 5rem;
  }
}
.program-info__nav {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .program-info__nav {
    margin-bottom: 3.75rem;
  }
}
.program-info__nav-item {
  padding: 0.5625rem 1rem;
  font-size: 0.875rem;
  background-color: var(--color-gray);
  border-radius: 100px;
}
.program-info__nav-item._is-active {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
@media only screen and (min-width: 1023.98px) {
  .program-info__nav-item {
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }
}
.program-info__section {
  display: none;
}
.program-info__section._is-active {
  display: block;
}
.program-info__main {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .program-info__main {
    grid-template-columns: 1fr 1fr;
  }
}
.program-info__desc {
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  max-width: 610px;
}
.program-info__desc p + p {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .program-info__desc {
    font-size: 1rem;
  }
  .program-info__desc p + p {
    margin-top: 1rem;
  }
}
.program-info__country {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .program-info__country {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .program-info__country {
    padding: 3.5rem;
    border-radius: 24px;
  }
}
.program-info__country-inner {
  max-width: 672px;
  width: 100%;
  margin: 0 auto;
}
.program-info__country-title {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .program-info__country-title {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .program-info__country-title {
    margin-bottom: 2rem;
  }
}
.program-info__country-desc {
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .program-info__country-desc {
    font-size: 1rem;
  }
}
.program-info__country-desc + .program-info__country-desc {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .program-info__country-desc + .program-info__country-desc {
    margin-top: 2rem;
  }
}
.program-info__country-desc-head {
  font-weight: 500;
  color: var(--color-blck);
  margin-bottom: 0.5rem;
}
.program-info__faq {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.program-info__gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 8px;
}
@media only screen and (min-width: 767.98px) {
  .program-info__gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1119.98px) {
  .program-info__gallery {
    grid-template-columns: repeat(4, 1fr);
    gap: 42px 4px;
  }
}
.program-info__gallery-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .program-info__gallery-item {
    gap: 6px;
  }
}
@media (any-hover: hover) {
  .program-info__gallery-item:hover .program-info__gallery-img {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.0588235294), 2px 6px 6px 0px rgba(0, 0, 0, 0.0509803922), 4px 13px 8px 0px rgba(0, 0, 0, 0.031372549), 8px 22px 9px 0px rgba(0, 0, 0, 0.0117647059), 12px 35px 10px 0px rgba(0, 0, 0, 0);
  }
}
.program-info__gallery-info {
  font-size: 0.875rem;
  line-height: 1.3;
}
@media only screen and (min-width: 767.98px) {
  .program-info__gallery-info {
    font-size: 1rem;
  }
}
.program-info__gallery-img {
  display: block;
  border-radius: 12px;
  border: 3px solid var(--color-gray);
  overflow: hidden;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .program-info__gallery-img {
    border-width: 6px;
    border-radius: 24px;
  }
}
.program-info__gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.program-hero__wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--color-secondary-100);
  border-radius: 20px;
  border: 1px solid var(--color-border);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__wrapper {
    flex-direction: row;
    border-radius: 24px;
  }
}
.program-hero__info {
  padding: 1.5rem 1.5rem 3.5rem;
  background: url("../img/program/program-bg.svg") left top/auto 100% no-repeat;
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__info {
    width: 51%;
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .program-hero__info {
    padding: 3.5rem;
  }
}
.program-hero__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.program-hero__breadcrumbs .breadcrumbs__list {
  flex-wrap: wrap;
}
.program-hero__title {
  margin-bottom: 1.5rem;
  letter-spacing: -1.5px;
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__title {
    margin-bottom: 2rem;
  }
}
.program-hero__admission {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__admission {
    margin-bottom: 2rem;
  }
}
.program-hero__admission-title {
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: rgba(var(--color-blck--rgb), 0.7);
  margin-bottom: 0.375rem;
}
@media only screen and (min-width: 767.98px) {
  .program-hero__admission-title {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .program-hero__admission-period.timeframe {
    padding: 0.5625rem 0.75rem;
  }
}
.program-hero__desc {
  max-width: 400px;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .program-hero__desc {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__desc {
    margin-bottom: 3rem;
  }
}
.program-hero__price {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-secondary);
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__price {
    font-size: 2.875rem;
    line-height: 1.2;
  }
}
.program-hero__img {
  display: block;
  height: 270px;
}
@media only screen and (min-width: 767.98px) {
  .program-hero__img {
    height: 360px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .program-hero__img {
    height: auto;
    max-width: 672px;
    width: 50%;
    border-radius: 24px;
  }
}
.program-hero__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.timeframe {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: auto;
  padding: 0.3125rem 0.375rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  background-color: var(--color-secondary-100);
  color: var(--color-secondary);
  border-radius: 100px;
}
@media only screen and (min-width: 1023.98px) {
  .timeframe {
    font-size: 0.875rem;
  }
}
.timeframe--white {
  background-color: var(--color-whte);
}
.timeframe::before {
  --size: 18px;
  content: "";
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
.faq-item {
  background-color: var(--color-gray);
  border-radius: 12px;
  font-size: 0.875rem;
  line-height: 1.3;
  overflow: hidden;
}
@media only screen and (min-width: 767.98px) {
  .faq-item {
    font-size: 1rem;
  }
}
.faq-item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .faq-item__head:hover {
    background-color: var(--color-gray-dark);
  }
  .faq-item__head:hover .faq-item__icon {
    background-color: var(--color-whte);
    border-color: var(--color-whte);
  }
  .faq-item__head:hover .faq-item__icon::before {
    background-color: var(--color-blck);
  }
}
.faq-item__head._spoller-active .faq-item__icon {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  transform: rotate(180deg);
}
.faq-item__head._spoller-active .faq-item__icon::before {
  background-color: var(--color-whte);
}
.faq-item__title {
  width: 100%;
  font-size: 0.875rem;
}
@media only screen and (min-width: 767.98px) {
  .faq-item__title {
    font-size: 1rem;
  }
}
.faq-item__icon {
  --size: 32px;
  --icon-size: 20px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  transform: rotate(0deg);
  transition: 0.4s ease-in-out;
}
@media only screen and (min-width: 1023.98px) {
  .faq-item__icon {
    --size: 40px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .faq-item__icon {
    --size: 56px;
  }
}
.faq-item__icon::before {
  content: "";
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/contain no-repeat;
  background-color: var(--color-text);
}
.faq-item__body {
  border-top: 1px solid var(--color-border);
  padding: 1.5rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
.faq-item__body p + p {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .faq-item__body p + p {
    margin-top: 1rem;
  }
}
.faq-item__body p + ul {
  margin-top: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .faq-item__body p + ul {
    margin-top: 0.75rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .faq-item__body {
    padding: 2rem;
  }
}
ul.list {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
ul.list.list--secondary li::before {
  background-color: var(--color-secondary);
}
ul.list.list--primary-dark li::before {
  background-color: var(--color-primary-dark);
}
ul.list li {
  list-style: none;
  padding-left: 1.375rem;
  position: relative;
  color: rgba(var(--color-blck--rgb), 0.7);
  font-size: 0.875rem;
  line-height: 1.3;
}
@media only screen and (min-width: 767.98px) {
  ul.list li {
    font-size: 1rem;
  }
}
ul.list li + li {
  margin-top: 0.5rem;
}
ul.list li span {
  font-weight: 500;
  display: block;
  margin-bottom: 0.3125rem;
  color: var(--color-blck);
}
@media only screen and (min-width: 1023.98px) {
  ul.list li span {
    margin-bottom: 0.5rem;
  }
}
ul.list li::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 6px;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-primary);
  border-radius: 50%;
}
@media only screen and (min-width: 1119.98px) {
  ul.list--gap-xl li + li {
    margin-top: 0.75rem;
  }
}
ol.list-num {
  margin: 0;
  padding: 0;
  counter-reset: list;
}
ol.list-num li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  font-size: 0.875rem;
  gap: 0.25rem;
  color: rgba(var(--color-blck--rgb), 0.7);
  line-height: 1.2;
  counter-increment: list;
}
@media only screen and (min-width: 1023.98px) {
  ol.list-num li {
    font-size: 1rem;
  }
}
ol.list-num li::before {
  content: counter(list) ".";
  min-width: 1.25rem;
  color: var(--color-primary);
  font-weight: 500;
}
ol.list-num li + li {
  margin-top: 0.5rem;
}
.program-catalog {
  position: fixed;
  width: 100%;
  height: calc(100vh - 153px);
  z-index: 99;
  inset: auto 0 0 0;
  padding: 1.5rem 0 0 0;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 99;
  overflow-y: visible;
}
.program-catalog._open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.program-catalog._open .program-catalog__content {
  transform: translateY(0);
  transition: 0.5s ease-in-out;
}
.program-catalog._open .program-catalog__overlay {
  opacity: 1;
  visibility: visible;
  transition: 0.25s ease-in-out;
}
.program-catalog__overlay {
  position: absolute;
  width: 100%;
  inset: 0;
  height: 100%;
  background-color: rgba(var(--color-blck--rgb), 0.5);
  z-index: 1;
  opacity: 0;
  transition: 0.25s ease-in-out;
  visibility: hidden;
}
.program-catalog__close {
  position: absolute;
  top: 24px;
  right: 24px;
  --size: 56px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  color: var(--color-blck);
  transition: 0.25s ease-in-out;
}
.program-catalog__close::before {
  content: "";
  --icon-size: 20px;
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/var(--icon-size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
  background-color: currentColor;
}
@media (any-hover: hover) {
  .program-catalog__close:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-whte);
  }
}
.program-catalog__content {
  background-color: var(--color-whte);
  position: relative;
  z-index: 2;
  border-radius: 20px;
  padding: 1.5rem;
  height: calc(100vh - 205px);
  overflow: hidden;
  transform: translateY(-100px);
  transition: 0.5s;
}
@media only screen and (min-width: 1023.98px) {
  .program-catalog__content {
    border-radius: 24px;
    padding: 2.5rem;
  }
}
.program-catalog__title {
  margin-bottom: 1.5rem;
}
.program-catalog__panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.program-catalog__nav {
  padding: 0.375rem;
  background-color: var(--color-gray);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.program-catalog__nav-item {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.3;
  border-radius: 8px;
  transition: 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .program-catalog__nav-item:hover {
    color: var(--color-primary);
  }
}
.program-catalog__nav-item._tab-active {
  background-color: var(--color-whte);
}
.program-catalog__list {
  column-count: 4;
  column-gap: 16px;
}
.program-catalog__body {
  height: 100%;
  max-height: 100%;
}
.program-catalog__block {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 3.125rem;
  height: calc(100% - 120px);
  padding-right: 1.0625rem;
  margin-right: 1.0625rem;
  width: calc(100% + 17px);
}
.program-catalog__block::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-300);
}
.program-catalog__item {
  break-inside: avoid;
  padding: 1.5rem;
  border-radius: 18px;
  background-color: var(--color-gray);
  margin-bottom: 1rem;
}
.program-catalog__item--country .program-catalog__item-list {
  padding-left: 2rem;
}
.program-catalog__item--type .program-catalog__item-head {
  margin-bottom: 1rem;
}
.program-catalog__item-head {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 0.375rem;
  transition: 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .program-catalog__item-head:hover {
    color: var(--color-primary);
  }
}
.program-catalog__item-title {
  font-weight: 500;
}
.program-catalog__item-flag {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.program-catalog__item-flag img {
  --img-size: 24px;
  width: var(--img-size);
  height: var(--img-size);
}
.program-catalog__item-link {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: var(--color-text-alt);
  letter-spacing: -0.25px;
  font-size: 1rem;
  line-height: 1.32;
}
.program-catalog__item-link img {
  display: block;
  width: 24px;
  height: 24px;
  padding: 2px;
}
.program-catalog__item-link:not(:last-of-type) {
  margin-bottom: 0.625rem;
}
@media (any-hover: hover) {
  .program-catalog__item-link:hover {
    color: var(--color-blck);
  }
}
.pwat-hero__main {
  padding: 1.5rem 1.5rem 12.25rem;
  border-radius: 20px;
  background-color: var(--color-secondary);
  background-image: url("../img/pwat/hero-bg-sm.svg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: var(--color-whte);
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 767.98px) {
  .pwat-hero__main {
    padding: 2rem 2rem 12.25rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__main {
    padding: 6.25rem 2.5rem;
    background-image: url("../img/pwat/hero-bg.svg");
    background-size: cover;
  }
}
@media only screen and (min-width: 1119.98px) {
  .pwat-hero__main {
    padding: 8.375rem 3.5rem;
  }
}
.pwat-hero__title {
  max-width: 270px;
  letter-spacing: -0.5px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .pwat-hero__title {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__title {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .pwat-hero__title {
    max-width: 720px;
  }
}
.pwat-hero__desc {
  max-width: 280px;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media only screen and (min-width: 767.98px) {
  .pwat-hero__desc {
    max-width: 390px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__desc {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .pwat-hero__desc {
    margin-bottom: 3.5rem;
  }
}
.pwat-hero__btn.btn {
  max-width: 228px;
  text-align: left;
  height: 3rem;
}
@media only screen and (min-width: 767.98px) {
  .pwat-hero__btn.btn {
    max-width: initial;
    height: auto;
  }
}
.pwat-hero__img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__img {
    left: auto;
    right: 0;
    max-width: 400px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .pwat-hero__img {
    max-width: 580px;
  }
}
.pwat-hero__tag {
  position: absolute;
  padding: 0.4375rem 0.5rem;
  background-color: rgba(var(--color-whte--rgb), 0.1);
  border-radius: 100px;
  color: rgba(var(--color-whte--rgb), 0.8);
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.3;
  z-index: 1;
}
@media only screen and (min-width: 767.98px) {
  .pwat-hero__tag {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__tag {
    padding: 0.625rem 0.875rem;
  }
}
.pwat-hero__tag--01 {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__tag--01 {
    display: block;
    width: 223px;
    inset: 130px 356px auto auto;
    transform: rotate(6deg);
  }
}
.pwat-hero__tag--02 {
  left: 210px;
  bottom: 17px;
  transform: rotate(-10deg);
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__tag--02 {
    inset: 35px 251px auto auto;
    width: 195px;
    transform: rotate(-5deg);
  }
}
.pwat-hero__tag--03 {
  left: 124px;
  bottom: 95px;
  transform: rotate(12deg);
}
@media only screen and (min-width: 1023.98px) {
  .pwat-hero__tag--03 {
    width: 223px;
    inset: 124px 44px auto auto;
    transform: rotate(9deg);
  }
}
.memories__inner {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  background-image: url("../img/memories/memories-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 1023.98px) {
  .memories__inner {
    padding: 2.5rem;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1119.98px) {
  .memories__inner {
    padding: 3.5rem;
    border-radius: 24px;
  }
}
.memories__title {
  max-width: 660px;
  color: var(--color-secondary);
  margin-bottom: 2.75rem;
}
.memories__story {
  position: relative;
  padding: 1rem;
  border-radius: 18px;
  background-color: var(--color-whte);
  background-image: url("../img/memories/story-bg-green.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 1023.98px) {
  .memories__story {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    height: 440px;
    padding-right: 40%;
    box-shadow: 0px -16px 35px 0px rgba(0, 0, 0, 0.0196078431), 0px -63px 63px 0px rgba(0, 0, 0, 0.0196078431), 0px -142px 85px 0px rgba(0, 0, 0, 0.0117647059), 0px -252px 101px 0px rgba(0, 0, 0, 0), 0px -394px 110px 0px rgba(0, 0, 0, 0);
  }
  .memories__story:not(:first-of-type) {
    margin-top: -424px;
  }
  .memories__story:nth-of-type(1) {
    transform: scale(0.9);
  }
  .memories__story:nth-of-type(2) {
    transform: scale(0.95);
  }
}
@media only screen and (min-width: 1119.98px) {
  .memories__story {
    padding: 2.5rem;
    border-radius: 24px;
    padding-right: 48%;
  }
}
.memories__story:not(:last-of-type) {
  margin-bottom: 1rem;
}
.memories__story--orange {
  background-color: var(--color-primary-100);
  background-image: url("../img/memories/story-bg-orange.svg");
}
.memories__story--orange .memories__story-icon {
  background-color: var(--color-whte);
}
.memories__story--orange .memories__story-title {
  color: var(--color-blck);
}
.memories__story-icon {
  --icon-size: 32px;
  --size: 48px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  background-color: var(--color-gray-dark);
}
@media only screen and (min-width: 1023.98px) {
  .memories__story-icon {
    --icon-size: 48px;
    --size: 72px;
  }
}
.memories__story-icon img {
  width: var(--icon-size);
  height: var(--icon-size);
}
.memories__story-img {
  display: block;
  max-width: 516px;
  width: 100%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .memories__story-img {
    position: absolute;
    width: calc(40% - 64px);
    right: 32px;
    bottom: 32px;
    height: 360px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .memories__story-img {
    width: calc(48% - 64px);
  }
}
.memories__story-img img {
  border-radius: 12px;
  width: auto;
  height: 180px;
}
@media only screen and (min-width: 767.98px) {
  .memories__story-img img {
    height: auto;
  }
}
@media only screen and (min-width: 1119.98px) {
  .memories__story-img img {
    width: 100%;
    border-radius: 24px;
  }
}
.memories__story-title {
  max-width: 446px;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-secondary);
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1023.98px) {
  .memories__story-title {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
}
.memories__story-desc {
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  letter-spacing: -0.2px;
}
@media only screen and (min-width: 767.98px) {
  .memories__story-desc {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .memories__story-desc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
.memories__story-desc p + p {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .memories__story-desc p + p {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .memories__story-desc p + p {
    margin-top: 0;
  }
}
.pwat-about {
  overflow: hidden;
  position: relative;
}
.pwat-about.section {
  padding-bottom: 9.125rem;
}
@media only screen and (min-width: 1023.98px) {
  .pwat-about.section {
    padding-bottom: 12.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .pwat-about.section {
    padding-bottom: 19.6875rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .pwat-about__container {
    position: relative;
  }
}
@media only screen and (min-width: 1023.98px) {
  .pwat-about__info {
    width: 60%;
    max-width: 785px;
  }
}
.pwat-about__title {
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 1119.98px) {
  .pwat-about__title {
    letter-spacing: -0.5px;
    margin-bottom: 2rem;
  }
}
.pwat-about__desc {
  margin-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media only screen and (min-width: 767.98px) {
  .pwat-about__desc {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .pwat-about__desc {
    max-width: 577px;
  }
}
.pwat-about__btn {
  margin-bottom: 4.375rem;
}
.pwat-about__img {
  max-width: 400px;
  margin: 0 auto;
  display: block;
  transform: rotate(8deg);
}
@media only screen and (min-width: 1023.98px) {
  .pwat-about__img {
    position: absolute;
    top: 193px;
    right: 55px;
  }
}
@media only screen and (min-width: 1365.98px) {
  .pwat-about__img {
    max-width: 640px;
    width: 100%;
  }
}
.pwat-about__img img {
  border-radius: 12px;
}
@media only screen and (min-width: 1119.98px) {
  .pwat-about__img img {
    border-radius: 24px;
  }
}
.pwat-about__girl {
  max-width: 224px;
  position: absolute;
  bottom: -10px;
  left: -60px;
}
@media only screen and (min-width: 1119.98px) {
  .pwat-about__girl {
    max-width: 400px;
    left: 10%;
  }
}
@media only screen and (min-width: 1365.98px) {
  .pwat-about__girl {
    max-width: 620px;
    bottom: -10px;
    left: 22%;
  }
}
.pwat-about__sticker {
  position: absolute;
  --size: 64px;
  width: var(--size);
  height: var(--size);
  border-radius: 4px;
  border: 2px solid var(--color-whte);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 10px 10px 0px rgba(0, 0, 0, 0.0509803922), 0px 22px 13px 0px rgba(0, 0, 0, 0.031372549), 0px 39px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 61px 17px 0px rgba(0, 0, 0, 0);
}
.pwat-about__sticker img {
  border-radius: 4px;
}
@media only screen and (min-width: 1119.98px) {
  .pwat-about__sticker {
    --size: 112px;
    border-radius: 8px;
  }
  .pwat-about__sticker img {
    border-radius: 8px;
  }
}
.pwat-about__sticker--top {
  right: 10px;
  bottom: 40%;
  transform: rotate(-11deg);
}
@media only screen and (min-width: 1119.98px) {
  .pwat-about__sticker--top {
    right: 24%;
    bottom: auto;
    top: 6%;
  }
}
.pwat-about__sticker--bottom {
  bottom: 70px;
  right: 20%;
  transform: rotate(-11deg);
}
@media only screen and (min-width: 1119.98px) {
  .pwat-about__sticker--bottom {
    bottom: 16%;
    right: 32%;
  }
}
.earnings__title .desk-hidden {
  display: inline;
}
@media only screen and (min-width: 767.98px) {
  .earnings__title .desk-hidden {
    display: none;
  }
}
.earnings__title .mobile-hidden {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .earnings__title .mobile-hidden {
    display: inline;
  }
}
.earnings__inner {
  position: relative;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-primary-100);
  background-image: url("../img/earnings/earnings-bg.svg");
  background-repeat: no-repeat;
  background-size: 1700px;
  background-position: left -100px top -50px;
}
@media only screen and (min-width: 1023.98px) {
  .earnings__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .earnings__inner {
    padding: 3.5rem;
  }
}
.earnings__bottom {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .earnings__bottom {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .earnings__bottom {
    margin-bottom: 3.5rem;
  }
}
.earnings__title {
  margin-bottom: 1rem;
}
.earnings__desc {
  letter-spacing: -0.2px;
}
.earnings__info {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 2.5rem;
  }
}
.earnings__img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__img {
    position: absolute;
    bottom: 56px;
    right: 106px;
    display: block;
    z-index: 3;
  }
}
.earnings__calc {
  padding: 1rem 0.0625rem 1rem 1rem;
  border-radius: 18px;
  background-color: var(--color-whte);
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 700px;
  overflow-y: auto;
}
.earnings__calc::-webkit-scrollbar {
  width: 15px;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc::-webkit-scrollbar {
    width: 38px;
  }
}
.earnings__calc::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-300);
  border: 6px solid var(--color-whte);
  border-radius: 24px;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc::-webkit-scrollbar-thumb {
    border-width: 16px;
  }
}
@media only screen and (min-width: 767.98px) {
  .earnings__calc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1023.98px) {
  .earnings__calc {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc {
    padding: 3rem 0.625rem 3rem 3rem;
    position: relative;
    height: 700px;
  }
}
.earnings__calc-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .earnings__calc-title {
    margin-bottom: 1.5rem;
  }
}
.earnings__calc-subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.earnings__calc-subtitle--primary {
  color: var(--color-primary);
}
.earnings__calc-subtitle--secondary {
  color: var(--color-secondary);
}
@media only screen and (min-width: 767.98px) {
  .earnings__calc-subtitle {
    font-size: 1rem;
  }
}
.earnings__calc-togglers {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.earnings__calc-section + .earnings__calc-section {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc-section + .earnings__calc-section {
    margin-top: 3rem;
  }
}
.earnings__calc-block + .earnings__calc-block {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc-block + .earnings__calc-block {
    margin-top: 2rem;
  }
}
.earnings__calc-submit {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc-submit {
    margin-top: 2rem;
  }
}
.earnings__calc-inputs {
  display: grid;
  gap: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc-inputs {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .earnings__calc-item--mt {
    margin-top: 1.25rem;
  }
}
.earnings__calc-item-label {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-text-alt);
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .earnings__calc-item-label {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.earnings__calc-item-label-icon {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
  cursor: pointer;
}
.earnings__calc-item-input .form-control {
  border-radius: 12px;
}
.earnings__calc-item-tip {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-text-alt);
}
.earnings__calc-result {
  padding: 1.5rem;
  background-color: var(--color-gray);
  border-radius: 20px;
}
@media only screen and (min-width: 767.98px) {
  .earnings__calc-result {
    position: sticky;
    top: 0px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc-result {
    padding: 3rem;
    border-radius: 24px;
  }
}
.earnings__calc-result-title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc-result-title {
    margin-bottom: 2rem;
  }
}
.earnings__calc-result-item {
  max-width: 325px;
}
.earnings__calc-result-item-label {
  font-size: 0.875rem;
  color: var(--color-text-alt);
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .earnings__calc-result-item-label {
    font-size: 1rem;
    line-height: 1.32;
    margin-bottom: 0.75rem;
  }
}
.earnings__calc-result-item-value {
  line-height: 1.4;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}
.earnings__calc-result-item-value span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.earnings__calc-result-item-value span::before {
  content: "";
  width: 2px;
  height: 14px;
  background-color: rgba(var(--color-blck--rgb), 0.25);
  display: block;
  margin-bottom: 2px;
}
.earnings__calc-result-item + .earnings__calc-result-item {
  margin-top: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .earnings__calc-result-item + .earnings__calc-result-item {
    margin-top: 2rem;
  }
}
textarea {
  resize: none;
}
._form-error .form-floating-label {
  color: var(--color-red-accent);
}
.form__error {
  color: var(--color-red-accent);
  gap: 8px;
  display: flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -1%;
  margin-top: 10px;
}
.form__error::before {
  content: "";
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../img/icons/req.svg") center center/contain no-repeat;
}
.companion {
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .companion {
    position: relative;
  }
}
.companion__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .companion__info {
    margin-bottom: 3.5rem;
  }
}
.companion__title {
  max-width: 905px;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 1119.98px) {
  .companion__title {
    margin-bottom: 2rem;
  }
}
.companion__desc {
  max-width: 460px;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 767.98px) {
  .companion__desc {
    font-size: 1rem;
  }
}
.companion__main {
  margin-bottom: 5rem;
}
@media only screen and (min-width: 1119.98px) {
  .companion__main {
    margin-bottom: 0;
  }
}
.companion__portal {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (min-width: 1023.98px) {
  .companion__portal {
    gap: 16px;
    position: absolute;
    top: 143px;
    right: -20px;
    width: 304px;
    transform: rotate(-10deg);
    z-index: 3;
  }
}
@media only screen and (min-width: 1119.98px) {
  .companion__portal {
    top: 53px;
    right: 80px;
  }
}
.companion__portal-icon {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 767.98px) {
  .companion__portal-icon {
    --size: 40px;
  }
}
.companion__portal-title {
  margin-bottom: 0.375rem;
}
.companion__portal-desc {
  font-size: 0.875rem;
  line-height: 1.3;
}
.discover.section {
  padding-bottom: 6.875rem;
}
@media only screen and (min-width: 1119.98px) {
  .discover.section {
    padding-bottom: 13.875rem;
  }
}
.discover__section {
  position: relative;
}
.discover__section + .discover__section {
  margin-top: 5.375rem;
}
@media only screen and (min-width: 1119.98px) {
  .discover__section + .discover__section {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .discover__section--bottom .discover__info {
    max-width: 670px;
    margin-left: auto;
  }
}
.discover__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .discover__title {
    margin-bottom: 2rem;
  }
}
.discover__desc {
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .discover__desc {
    font-size: 1rem;
  }
}
.discover__info {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .discover__info {
    max-width: 560px;
    width: 100%;
  }
}
.discover__item {
  position: relative;
}
.discover__item--top-left {
  max-width: 185px;
  width: 100%;
  transform: rotate(-11deg);
  left: -10px;
}
@media only screen and (min-width: 1023.98px) {
  .discover__item--top-left {
    max-width: 280px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .discover__item--top-left {
    max-width: 443px;
    left: 0;
    margin-top: 100px;
    margin-left: 180px;
  }
}
.discover__item--top-right {
  transform: rotate(6deg);
  max-width: 260px;
  width: 100%;
  margin-left: auto;
  right: -10px;
  top: 10px;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .discover__item--top-right {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .discover__item--top-right {
    max-width: 630px;
    position: absolute;
    right: 15px;
  }
}
.discover__item--bottom-left {
  max-width: 220px;
  transform: rotate(-9deg);
  top: 16px;
  left: -4px;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 1023.98px) {
  .discover__item--bottom-left {
    max-width: 320px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .discover__item--bottom-left {
    max-width: 443px;
    position: absolute;
    left: 10%;
    top: 16%;
  }
}
.discover__item--bottom-right {
  max-width: 270px;
  transform: rotate(8deg);
  top: 10px;
  margin-left: auto;
}
@media only screen and (min-width: 1023.98px) {
  .discover__item--bottom-right {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .discover__item--bottom-right {
    max-width: 557px;
    top: 60px;
    right: 24px;
  }
}
.discover__item-title {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .discover__item-title {
    display: block;
    margin-top: 0.625rem;
    color: rgba(var(--color-blck--rgb), 0.7);
  }
}
.discover__item-img img {
  border-radius: 12px;
}
@media only screen and (min-width: 1119.98px) {
  .discover__item-img img {
    border-radius: 24px;
  }
}
.advantages.section {
  padding-top: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .advantages.section {
    padding-top: 2.5rem;
  }
}
.advantages__slider {
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .advantages__slider {
    pointer-events: none;
  }
}
@media only screen and (min-width: 1023.98px) {
  .advantages__slider .swiper-wrapper {
    pointer-events: none;
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
  }
}
.advantages__slider .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .advantages__slider .swiper-pagination {
    display: none;
  }
}
.advantages__slider .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .advantages__slider .swiper-slide {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .advantages__slider .swiper-slide:nth-of-type(2) .advantages__card:nth-of-type(1) {
    grid-column: 2/3;
  }
  .advantages__slider .swiper-slide:nth-of-type(2) .advantages__card:nth-of-type(2) {
    grid-column: 3/4;
  }
  .advantages__slider .swiper-slide:nth-of-type(2) .advantages__card:nth-of-type(3) {
    grid-column: 4/5;
  }
}
.advantages__card {
  padding: 1rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  background-image: url("../img/advantages/card-bg.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1119.98px) {
  .advantages__card {
    padding: 1.5rem;
    border-radius: 24px;
  }
}
.advantages__card--orange {
  background-color: var(--color-primary-100);
}
.advantages__card--green {
  background-color: var(--color-secondary-100);
}
.advantages__card--gray {
  background-image: url("../img/advantages/card-bg-gray.svg");
}
.advantages__card-icon {
  --size: 48px;
  --icon-size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-whte);
  margin-bottom: 4rem;
}
.advantages__card-icon img {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
}
@media only screen and (min-width: 1023.98px) {
  .advantages__card-icon {
    margin-bottom: 6.25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .advantages__card-icon {
    margin-bottom: 8.375rem;
    --size: 72px;
    --icon-size: 48px;
  }
}
.advantages__card-title {
  font-size: 1.125rem;
  letter-spacing: -0.18px;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (min-width: 1119.98px) {
  .advantages__card-title {
    font-size: 1.5rem;
  }
}
.advantages__list {
  display: grid;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .advantages__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.advantages__title {
  max-width: 32.5rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .advantages__title {
    max-width: 45rem;
    margin-bottom: 2.5rem;
  }
}
.be-first__info {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1119.98px) {
  .be-first__info {
    margin-bottom: 0;
  }
}
.be-first__title {
  max-width: 770px;
  text-align: center;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 1119.98px) {
  .be-first__title {
    margin-bottom: 2rem;
  }
}
.be-first__desc {
  max-width: 460px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  text-align: center;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 767.98px) {
  .be-first__desc {
    font-size: 1rem;
  }
}
.be-first__gallery {
  padding-bottom: 376px;
  position: relative;
}
@media only screen and (min-width: 1119.98px) {
  .be-first__gallery {
    padding-bottom: 476px;
  }
}
.be-first__img {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 140px;
  width: 100%;
  aspect-ratio: 1/1;
  border: 3px solid var(--color-whte);
  box-shadow: 0px 3.27px 8.17px 0px rgba(0, 0, 0, 0.0588235294), 0px 16.34px 16.34px 0px rgba(0, 0, 0, 0.0509803922), 0px 35.96px 21.25px 0px rgba(0, 0, 0, 0.031372549), 0px 63.74px 24.52px 0px rgba(0, 0, 0, 0.0117647059), 0px 99.7px 27.78px 0px rgba(0, 0, 0, 0);
  border-radius: 12px;
}
@media only screen and (min-width: 1119.98px) {
  .be-first__img {
    border-width: 6px;
    border-radius: 24px;
  }
}
.be-first__img--01 {
  max-width: 146px;
  top: 10px;
  left: -20px;
  transform: rotate(-12deg);
}
@media only screen and (min-width: 767.98px) {
  .be-first__img--01 {
    max-width: 180px;
    left: 20px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .be-first__img--01 {
    max-width: 348px;
  }
}
.be-first__img--02 {
  max-width: 156px;
  right: 0;
  top: 16%;
  transform: rotate(12deg);
}
@media only screen and (min-width: 767.98px) {
  .be-first__img--02 {
    max-width: 180px;
    right: auto;
    bottom: auto;
    left: 40%;
    top: 20%;
    transform: rotate(15deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .be-first__img--02 {
    max-width: 300px;
    top: 32%;
    left: 38%;
  }
}
.be-first__img--03 {
  max-width: 139px;
  left: 20px;
  bottom: 5px;
  transform: rotate(-6deg);
}
@media only screen and (min-width: 767.98px) {
  .be-first__img--03 {
    max-width: 180px;
    left: auto;
    bottom: auto;
    right: 0;
    top: 5%;
    transform: rotate(-20deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .be-first__img--03 {
    max-width: 332px;
    right: 5%;
    top: 4%;
  }
}
.be-first__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
@media only screen and (min-width: 1119.98px) {
  .be-first__img img {
    border-radius: 24px;
  }
}
.enjoy__inner {
  padding: 3rem 0.5rem;
  background-color: var(--color-secondary-100);
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__inner {
    padding: 8rem 2.5rem;
  }
}
.enjoy__title {
  max-width: 296px;
  width: 100%;
  margin: 0 auto 1rem;
  text-align: center;
}
@media only screen and (min-width: 767.98px) {
  .enjoy__title {
    max-width: 420px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .enjoy__title {
    max-width: 740px;
    margin-bottom: 2rem;
  }
}
.enjoy__desc {
  max-width: 296px;
  margin: 0 auto 2rem;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  text-align: center;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 767.98px) {
  .enjoy__desc {
    max-width: 460px;
    font-size: 1rem;
    margin-bottom: 2.1875rem;
  }
}
.enjoy__section + .enjoy__section {
  margin-top: 5rem;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__block--triple .enjoy__cloud {
    position: relative;
    bottom: 250px;
    margin-bottom: -145px;
  }
}
.enjoy__triple-cards {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: -72px;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__triple-cards {
    margin-bottom: 0;
  }
}
.enjoy__triple-card {
  display: block;
  width: 166px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.enjoy__triple-card img {
  border-radius: 12px;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__triple-card {
    width: 310px;
  }
}
.enjoy__triple-card--small {
  width: 115px;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__triple-card--small {
    width: 214px;
  }
}
.enjoy__triple-card--left {
  transform: rotate(-17deg);
  position: relative;
  right: -42px;
  bottom: 47px;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__triple-card--left {
    right: -80px;
    bottom: 100px;
  }
}
.enjoy__triple-card--right {
  transform: rotate(20deg);
  position: relative;
  left: -44px;
  bottom: 45px;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__triple-card--right {
    left: -80px;
    bottom: 100px;
  }
}
.enjoy__double-cards {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: -12px;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__double-cards {
    margin-bottom: -100px;
  }
}
.enjoy__double-card {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.enjoy__double-card img {
  border-radius: 12px;
}
.enjoy__double-card--left {
  width: 150px;
  aspect-ratio: 1/1;
  transform: rotate(-8deg);
  z-index: 1;
  left: 18px;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__double-card--left {
    width: 480px;
    left: 50px;
    bottom: -40px;
  }
}
.enjoy__double-card--right {
  width: 220px;
  aspect-ratio: 2/1;
  transform: rotate(7deg);
  z-index: 0;
  right: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__double-card--right {
    width: 700px;
    right: 50px;
  }
}
.enjoy__cloud {
  max-width: 312px;
  margin: 0 auto;
  border-radius: 12px;
  padding: 2rem 0.5rem;
  background-color: var(--color-whte);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1119.98px) {
  .enjoy__cloud {
    max-width: 587px;
    padding: 2.5rem;
  }
}
.enjoy__cloud-desc {
  max-width: 371px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .enjoy__cloud-desc {
    font-size: 1rem;
  }
}
.travel__inner {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  background-image: url("../img/travel/travel-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1023.98px) {
  .travel__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .travel__inner {
    padding: 3.5rem;
  }
}
.travel__title {
  max-width: 560px;
  margin-right: auto;
}
.travel__desc {
  max-width: 440px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
  margin-right: auto;
  padding-top: 0.3125rem;
}
@media only screen and (min-width: 767.98px) {
  .travel__desc {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .travel__desc {
    margin: 0;
  }
}
.travel__head {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .travel__head {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .travel__head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 3.5rem;
  }
}
.travel__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 426px;
}
@media only screen and (min-width: 767.98px) {
  .travel__img {
    width: 100%;
  }
}
.wat-hero__inner {
  position: relative;
  padding: 1.5rem 1.5rem 20.875rem 1.5rem;
  border-radius: 20px;
  background-color: var(--color-secondary-100);
  overflow: hidden;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__inner {
    padding: 3.5rem 3.5rem 28rem;
    border-radius: 24px;
    background-image: url("../img/wat/wat-bg.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
}
.wat-hero__title {
  max-width: 240px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__title {
    max-width: 100%;
  }
}
.wat-hero__desc {
  max-width: 430px;
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.wat-hero__decor {
  position: absolute;
  max-width: 230px;
  z-index: 2;
  left: -30px;
  bottom: 100px;
  transform: rotate(2deg);
}
@media only screen and (min-width: 767.98px) {
  .wat-hero__decor {
    bottom: -20px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__decor {
    max-width: 386px;
    bottom: -40px;
    left: 0px;
  }
}
.wat-hero__banner {
  position: absolute;
  width: 340px;
  transform: rotate(7deg);
  bottom: -18px;
  right: -18px;
  z-index: 2;
}
@media only screen and (min-width: 767.98px) {
  .wat-hero__banner {
    max-width: 480px;
    width: 100%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__banner {
    max-width: 900px;
    bottom: -180px;
    right: 80px;
    transform: rotate(6deg);
  }
}
.wat-hero__badge {
  position: absolute;
  transform: rotate(5deg);
  background: url("../img/wat/badge-bg.svg") center center/contain no-repeat;
  padding: 0.5rem 0.75rem;
  width: 12.5rem;
  height: 3.75rem;
  border-radius: 100px;
  right: -5px;
  top: -25px;
  text-align: center;
  font-size: 0.875rem;
  color: var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__badge {
    font-size: 1rem;
    line-height: 1;
    padding: 1.25rem 1.5625rem 0.75rem 0.875rem;
    right: 30px;
    top: -35px;
    width: 14rem;
    height: 5rem;
    transform: rotate(0deg);
  }
}
.wat-hero__badge span {
  display: block;
  font-weight: 600;
  font-size: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__badge span {
    font-size: 1.5rem;
  }
}
.wat-hero__img img {
  border-radius: 10px;
}
@media only screen and (min-width: 1119.98px) {
  .wat-hero__img img {
    border-radius: 24px;
  }
}
.text {
  font-size: 0.875rem;
  line-height: 1.29;
  color: rgba(var(--color-blck--rgb), 0.7);
}
.text p + p {
  margin-top: 0.75rem;
}
@media only screen and (min-width: 767.98px) {
  .text {
    font-size: 1rem;
    line-height: 1.3;
  }
  .text p + p {
    margin-top: 1rem;
  }
}
.text--weight {
  font-weight: 500;
}
.text--blck {
  color: var(--color-blck);
}
.hidden-block {
  display: none;
}
.discount__list {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .discount__list {
    grid-template-columns: 1fr 1fr;
  }
}
.discount__list--single {
  grid-template-columns: 1fr !important;
}
.discount__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 380px;
  padding: 1.5rem;
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--color-secondary-100);
  background-image: url("../img/discount/discount-bg-01.svg");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1023.98px) {
  .discount__item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .discount__item {
    padding: 2.5rem;
  }
}
.discount__item--primary {
  background-color: var(--color-primary-100);
  background-image: url("../img/discount/discount-bg-02.svg");
  background-position: right center;
}
.discount__item--primary .discount__item-icon {
  background-color: var(--color-primary);
}
.discount__item--primary .discount__item-title span {
  background-color: var(--color-primary);
}
.discount__item-icon {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-red-accent);
  color: var(--color-whte);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .discount__item-icon {
    --size: 56px;
  }
}
.discount__item-icon::before {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
.discount__item-img {
  max-width: 120px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1119.98px) {
  .discount__item-img {
    max-width: 180px;
  }
}
.discount__item-title {
  max-width: 510px;
  margin-bottom: 5.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 1023.98px) {
  .discount__item-title {
    margin-bottom: 3.875rem;
    letter-spacing: -0.5px;
  }
}
.discount__item-title span {
  display: block;
  padding: 0.25rem 0.5rem;
  border-radius: 10px;
  background-color: var(--color-red-accent);
  color: var(--color-whte);
}
.discount__item-desc {
  max-width: 195px;
  color: rgba(var(--color-blck--rgb), 0.7);
  line-height: 1.3;
}
@media only screen and (min-width: 1023.98px) {
  .discount__item-desc {
    max-width: 315px;
  }
}
.variants__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .variants__title {
    margin-bottom: 2.5rem;
  }
}
.variants__nav, .variants__installment {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .variants__nav, .variants__installment {
    margin-bottom: 2.5rem;
  }
}
.variants__nav {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 0.375rem;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid var(--color-border);
  background-color: var(--color-gray);
}
@media only screen and (min-width: 767.98px) {
  .variants__nav {
    width: auto;
  }
}
@media only screen and (min-width: 1119.98px) {
  .variants__nav {
    border-bottom: 0;
  }
}
.variants__nav-item {
  --size: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  padding: 0.75rem 0.875rem;
  border-radius: 6px;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .variants__nav-item {
    font-size: 0.875rem;
    width: auto;
  }
}
@media only screen and (min-width: 1119.98px) {
  .variants__nav-item {
    padding: 1rem 1.5rem;
    gap: 8px;
    --size: 24px;
  }
}
.variants__nav-item._tab-active {
  background-color: var(--color-whte);
}
.variants__nav-item._tab-active .variants__nav-item-icon::before {
  background-color: var(--color-primary);
}
.variants__nav-item-icon {
  display: block;
  width: var(--size);
  height: var(--size);
}
.variants__nav-item-icon::before {
  content: "";
  display: block;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: rgba(var(--color-text-alt--rgb), 0.5);
}
.variants__nav-item-tooltip {
  display: block;
  width: var(--size);
  height: var(--size);
}
.variants__nav-item-tooltip::before {
  content: "";
  display: block;
  width: var(--size);
  height: var(--size);
  background: var(--icon) center center/cover no-repeat;
}
.variants-item__nav {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__nav {
    margin-bottom: 2.5rem;
  }
}
.variants-item__nav-btn {
  padding: 0.5625rem 1rem;
  border-radius: 100px;
  background-color: var(--color-gray);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.3;
}
.variants-item__nav-btn._tab-active {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .variants-item__nav-btn {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__nav-btn {
    padding: 0.75rem 1.25rem;
    gap: 8px;
  }
}
.variants-item__section-title, .variants-item__section-subtitle {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-title, .variants-item__section-subtitle {
    margin-bottom: 1.5rem;
  }
}
.variants-item__section-desc {
  max-width: 1026px;
  display: grid;
  gap: 10px;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-desc {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 2.5rem;
  }
}
.variants-item__section-bottom {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.variants-item__section-cost {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  background-image: url("../img/line-gray.svg");
  background-position: left top;
  background-size: 1600px auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1023.98px) {
  .variants-item__section-cost {
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-cost {
    padding: 2.5rem;
    border-radius: 24px;
  }
}
.variants-item__section-cost-info {
  display: grid;
  gap: 8px;
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-cost-info {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.variants-item__section-cost-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .variants-item__section-cost-top {
    flex-direction: row;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-cost-top {
    margin-bottom: 2rem;
  }
}
.variants-item__section-cost-summ {
  color: var(--color-secondary);
}
.variants-item__section-cost-first {
  padding: 0.3125rem 0.375rem;
  background-color: var(--color-gray-dark);
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-cost-first {
    padding: 0.4375rem 0.75rem;
    font-size: 0.875rem;
  }
}
.variants-item__section-cost-first::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
.variants-item__section-cost-block {
  padding: 1.5rem;
  border-radius: 18px;
  background-color: var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-cost-block {
    padding: 2.5rem;
    border-radius: 24px;
  }
}
.variants-item__section-cost-block-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .variants-item__section-cost-block-title {
    margin-bottom: 1.5rem;
  }
}
.wat-benefits {
  overflow: hidden;
}
.wat-benefits__container {
  position: relative;
}
.wat-benefits__card {
  position: absolute;
  background-color: var(--color-whte);
  padding: 0.125rem;
  border-radius: 8px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 10px 10px 0px rgba(0, 0, 0, 0.0509803922), 0px 22px 13px 0px rgba(0, 0, 0, 0.031372549), 0px 39px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 61px 17px 0px rgba(0, 0, 0, 0);
  display: none;
}
.wat-benefits__card--01 {
  left: 15px;
  top: 15%;
  transform: rotate(-15deg);
}
.wat-benefits__card--02 {
  left: 15%;
  top: -20px;
  transform: rotate(-13deg);
}
.wat-benefits__card--03 {
  right: 10%;
  top: 15%;
  transform: rotate(-9deg);
}
.wat-benefits__card--04 {
  right: 0;
  top: -50px;
  transform: rotate(-13deg);
}
@media only screen and (min-width: 1119.98px) {
  .wat-benefits__card {
    display: block;
  }
}
.wat-benefits__card img {
  border-radius: 8px;
}
.wat-benefits__title {
  max-width: 320px;
  text-align: left;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .wat-benefits__title {
    max-width: 480px;
    margin: 0 auto 2rem;
    text-align: center;
  }
}
@media only screen and (min-width: 1119.98px) {
  .wat-benefits__title {
    max-width: 620px;
    margin-bottom: 3.5rem;
  }
}
.wat-benefits__desc {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.3;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .wat-benefits__desc {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .wat-benefits__desc {
    max-width: 577px;
    margin: 0 auto 3.5rem;
  }
}
.wat-benefits__more-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .wat-benefits__more-info {
    margin-top: 3.5rem;
  }
}
.wat-benefits__list {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .wat-benefits__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.wat-benefits__item {
  padding: 1.5rem;
  border-radius: 20px;
  background: url("../img/wat/wat-benefit-bg.svg") center center/cover no-repeat;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (min-width: 1023.98px) {
  .wat-benefits__item {
    justify-content: flex-start;
    gap: 48px;
    min-height: 260px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .wat-benefits__item {
    border-radius: 24px;
  }
}
.ready__head {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .ready__head {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ready__head {
    margin-bottom: 3.5rem;
  }
}
.ready__title {
  max-width: 624px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ready__title {
    margin-bottom: 2rem;
    letter-spacing: -0.5px;
  }
}
.ready__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media only screen and (min-width: 1119.98px) {
  .ready__info {
    flex-direction: row;
    justify-content: space-between;
  }
}
.ready__desc {
  max-width: 672px;
  letter-spacing: -0.2px;
}
.ready__items {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .ready__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1119.98px) {
  .ready__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.ready__item {
  position: relative;
  min-height: 11.25rem;
  background-color: var(--color-gray);
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1.5rem;
  border-radius: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .ready__item {
    min-height: 12.5rem;
  }
}
.ready__item--green {
  background-image: url("../img/ready/ready-bg-01.svg");
}
.ready__item--orange {
  background-image: url("../img/ready/ready-bg-02.svg");
}
.ready__item-icon {
  position: absolute;
  --size: 72px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  right: -20px;
  transform: rotate(15deg);
}
.ready__item-icon--bottom {
  transform: rotate(0deg);
  inset: auto 0 0 auto;
}
.ready__item-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--color-blck);
}
.faq__container {
  display: grid;
  gap: 32px;
}
@media only screen and (min-width: 1023.98px) {
  .faq__container {
    grid-template-columns: 2.1fr 3fr;
    gap: 16px;
    align-items: flex-start;
  }
}
.faq__banner {
  position: relative;
  padding: 1.5rem 1.5rem 12.75rem;
  border-radius: 20px;
  background: url("../img/faq/faq-bg.svg") center center/cover no-repeat;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .faq__banner {
    padding: 2.5rem 2.5rem 24.625rem;
    position: sticky;
    top: 20px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .faq__banner {
    padding: 3.5rem 3.5rem 24.625rem;
    min-height: 607px;
  }
}
.faq__img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 180px;
  height: 180px;
}
@media only screen and (min-width: 1119.98px) {
  .faq__img {
    width: 360px;
    height: 360px;
    right: -50px;
  }
}
.faq__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.faq__title {
  margin-bottom: 1rem;
}
.faq__desc {
  max-width: 390px;
}
.faq__btn {
  margin-top: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .faq__btn {
    margin-top: 2rem;
  }
}
.faq__section + .faq__section {
  margin-top: 2rem;
}
.faq__section-title {
  margin-bottom: 1rem;
}
.faq__section-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reg__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .reg__title {
    margin-bottom: 2.5rem;
  }
}
.reg__wrapper {
  padding: 1.5rem;
  background-color: var(--color-gray);
  background-image: url("../img/reg/reg-bg.svg");
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  border-radius: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .reg__wrapper {
    border-radius: 24px;
    padding: 2.5rem;
  }
}
.reg__inner {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .reg__inner {
    border-radius: 24px;
    padding: 2.5rem;
  }
}
.reg__subtitle {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .reg__subtitle {
    max-width: 875px;
  }
}
.reg__desc {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .reg__desc {
    max-width: 1040px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .reg__desc p + p {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reg__desc {
    margin-bottom: 2.5rem;
  }
}
.reg__special {
  padding: 1rem;
  border-radius: 24px;
  background-color: var(--color-gray);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .reg__special {
    padding: 2rem;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reg__special {
    padding: 3rem;
    margin-bottom: 2.5rem;
  }
}
.reg__special-icon {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-whte);
  border-radius: 50%;
  flex-shrink: 0;
}
@media only screen and (min-width: 1119.98px) {
  .reg__special-icon {
    --size: 56px;
  }
}
.reg__special-icon::after {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
.reg__special-text {
  max-width: 640px;
}
.reg__special-text > a {
  color: var(--color-primary);
  text-decoration: underline;
}
.reg__decision-title, .reg__decision-desc {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .reg__decision-title, .reg__decision-desc {
    margin-bottom: 1.5rem;
  }
}
.steps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media only screen and (min-width: 1119.98px) {
  .steps {
    gap: 40px;
  }
}
.steps__item {
  --main-color: var(--color-gray-200);
  --submain-color: var(--color-primary);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media only screen and (min-width: 1119.98px) {
  .steps__item {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
  .steps__item:not(:last-of-type)::before {
    position: absolute;
    content: "";
    left: 24px;
    width: 4px;
    height: 24px;
    background-color: var(--main-color);
    border-radius: 4px;
    top: calc(100% + 8px);
  }
}
.steps__item.is-active {
  --main-color: var(--color-primary);
  --submain-color: var(--color-whte);
}
.steps__item-num {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  background-color: var(--main-color);
  color: var(--submain-color);
  border-radius: 50%;
}
@media only screen and (min-width: 1119.98px) {
  .steps__item-num {
    --size: 56px;
    font-size: 1.5rem;
  }
}
.steps__item-desc a {
  color: var(--color-primary);
  text-decoration: underline;
}
.schedule__inner {
  padding: 1.5rem;
  border-radius: 20px;
  background: url("../img/schedule/schedule-bg-top.svg") top left/100% auto no-repeat, url("../img/schedule/schedule-bg-bottom.svg") bottom right/100% auto no-repeat, var(--color-primary-100);
}
@media only screen and (min-width: 1119.98px) {
  .schedule__inner {
    border-radius: 24px;
    padding: 3.5rem;
  }
}
.schedule__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .schedule__title {
    max-width: 581px;
    margin-bottom: 3rem;
  }
}
.schedule__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1119.98px) {
  .schedule__items {
    gap: 32px;
    position: relative;
  }
}
@media only screen and (min-width: 1119.98px) {
  .schedule__item {
    padding-left: 59px;
    position: relative;
  }
  .schedule__item::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 24px;
    width: 32px;
    height: 32px;
    background: url("../img/icons/bullit.svg") center center/contain no-repeat;
    z-index: 2;
  }
  .schedule__item::after {
    position: absolute;
    content: "";
    width: 2px;
    height: calc(100% + 32px);
    top: 40px;
    left: 0;
    background-color: var(--color-whte);
    z-index: 1;
  }
  .schedule__item:last-of-type::after {
    height: 50%;
  }
  .schedule__item:last-of-type::before {
    top: calc(50% + 18px);
  }
}
.schedule__item-inner {
  background-color: var(--color-whte);
  border-radius: 12px;
  font-size: 0.875rem;
  line-height: 1.3;
  overflow: hidden;
}
@media only screen and (min-width: 767.98px) {
  .schedule__item-inner {
    font-size: 1rem;
  }
}
.schedule__item-inner__title {
  width: 100%;
  font-size: 0.875rem;
}
@media only screen and (min-width: 767.98px) {
  .schedule__item-inner__title {
    font-size: 1rem;
  }
}
.schedule__item-title {
  color: var(--color-secondary);
}
.schedule__item-icon {
  --size: 32px;
  --icon-size: 20px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--color-whte);
  border: 1px solid var(--color-border);
  color: var(--color-blck);
  transform: rotate(0deg);
  transition: 0.4s ease-in-out;
}
@media only screen and (min-width: 1023.98px) {
  .schedule__item-icon {
    --size: 40px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .schedule__item-icon {
    --size: 56px;
  }
}
.schedule__item-icon::before {
  content: "";
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
.schedule__item-body {
  border-top: 1px solid var(--color-border);
  padding: 1.5rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 1023.98px) {
  .schedule__item-body {
    padding: 2rem;
  }
}
.schedule__item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .schedule__item-head:hover {
    background-color: var(--color-gray-dark);
  }
  .schedule__item-head:hover .faq-item__icon {
    background-color: var(--color-whte);
    border-color: var(--color-whte);
  }
  .schedule__item-head:hover .faq-item__icon::before {
    background-color: var(--color-blck);
  }
}
.schedule__item-head._spoller-active .schedule__item-icon {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  transform: rotate(180deg);
}
.schedule__item-head._spoller-active .schedule__item-icon::before {
  background-color: var(--color-whte);
}
.wat-about__container {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .wat-about__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.wat-about__info {
  max-width: 560px;
}
@media only screen and (min-width: 1023.98px) {
  .wat-about__title {
    margin-bottom: 2rem;
  }
}
.wat-about__desc {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .wat-about__desc {
    margin-bottom: 3rem;
  }
}
.wat-about__content .wat-about__btn {
  display: inline-flex;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .wat-about__content .wat-about__btn {
    display: none;
  }
}
.wat-about__btn {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .wat-about__btn {
    display: inline-flex;
  }
}
.wat-about__faq {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.not-found__inner {
  padding: 3rem 1.25rem 17.25rem;
  background-color: var(--color-secondary-100);
  background-image: url("../img/not-found/not-found-bg.svg");
  background-repeat: no-repeat;
  background-size: 768px auto;
  background-position: top center;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 767.98px) {
  .not-found__inner {
    background-size: 100% auto;
    background-position: top left;
    padding-bottom: 20.3125rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .not-found__inner {
    padding: 3.5rem 3.5rem 20.3125rem;
  }
}
.not-found__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  min-width: 320px;
  max-width: 364px;
}
.not-found__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.not-found__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .not-found__title {
    margin-bottom: 2rem;
  }
}
.not-found__desc {
  max-width: 577px;
  margin-bottom: 2rem;
}
.chatbot {
  display: none;
  max-width: 416px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  padding: 2.5rem 1.5rem 1.5rem;
  background-color: var(--color-secondary);
  border-radius: 24px;
  color: var(--color-whte);
  z-index: 5;
  box-shadow: 4px 10px 24px 0px rgba(0, 0, 0, 0.1019607843), 15px 41px 43px 0px rgba(0, 0, 0, 0.0901960784), 33px 92px 58px 0px rgba(0, 0, 0, 0.0509803922), 58px 163px 69px 0px rgba(0, 0, 0, 0.0117647059), 91px 254px 76px 0px rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 1119.98px) {
  .chatbot {
    display: block;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    pointer-events: none;
    transition: transform 0.5s ease-in;
    transform: translateY(50%);
  }
  .chatbot._is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 3;
    transform: translateY(0);
  }
}
.chatbot::before {
  content: "";
  --size: 64px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-secondary);
  border-radius: 50%;
  position: absolute;
  left: -28px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -2;
}
.chatbot::after {
  content: "";
  --size: 32px;
  width: var(--size);
  height: var(--size);
  mask: url("../img/icons/chat-clouds.svg") center center/var(--size) no-repeat;
  -webkit-mask: url("../img/icons/chat-clouds.svg") center center/var(--size) no-repeat;
  background-color: var(--color-whte);
  position: absolute;
  left: -17px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.chatbot__close {
  position: absolute;
  top: 18px;
  right: 18px;
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
.chatbot__close::before {
  content: "";
  width: var(--size);
  height: var(--size);
  mask: url("../img/icons/close.svg") center center/var(--size) no-repeat;
  -webkit-mask: url("../img/icons/close.svg") center center/var(--size) no-repeat;
  background-color: var(--color-whte);
}
.chatbot__title {
  margin-bottom: 1rem;
}
.chatbot__messages {
  padding: 0.5rem;
  border-radius: 24px;
  background-color: var(--color-whte);
  display: flex;
  flex-direction: column;
  height: 19.75rem;
  overflow-y: auto;
  margin-bottom: 1rem;
}
.chatbot__messages::-webkit-scrollbar {
  display: none;
}
.chatbot__message {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.chatbot__message:not(:last-of-type) {
  margin-bottom: 1rem;
}
.chatbot__message-user {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.chatbot__message-user img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.chatbot__message-text {
  padding: 1rem;
  background-color: var(--color-gray);
  color: rgba(var(--color-blck--rgb), 0.8);
  width: 100%;
  border-radius: 16px;
}
.chatbot__controls {
  width: 100%;
  position: relative;
}
.chatbot__input {
  display: block;
  width: 100%;
  height: 4rem;
  background-color: var(--color-whte);
  padding: 0.75rem 3.5rem 0.75rem 2rem;
  border-radius: 100px;
  outline: none;
  user-select: none;
}
.chatbot__input::placeholder {
  color: rgba(var(--color-blck--rgb), 0.5);
}
.chatbot__btn {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  z-index: 2;
  background-color: var(--color-secondary);
  color: var(--color-whte);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  inset: 8px 8px 8px auto;
  transition: 0.25s ease-in-out;
}
.chatbot__btn::before {
  content: "";
  --size: 24px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
@media (any-hover: hover) {
  .chatbot__btn:hover {
    background-color: var(--color-primary);
  }
}
.popup-review {
  max-width: 1248px;
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .popup-review {
    padding: 2.5rem;
  }
}
.popup-review__author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .popup-review__author {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1119.98px) {
  .popup-review__author {
    gap: 16px;
  }
}
.popup-review__author-img {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
@media only screen and (min-width: 1119.98px) {
  .popup-review__author-img {
    --size: 56px;
  }
}
.popup-review__author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.popup-review__author-post {
  margin-top: 0.25rem;
  letter-spacing: -0.4px;
}
@media only screen and (min-width: 1119.98px) {
  .popup-review__author-post {
    margin-top: 0.5rem;
  }
}
.popup-review__program {
  margin-bottom: 1rem;
}
.popup-review__text {
  margin-bottom: 1.3125rem;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media only screen and (min-width: 767.98px) {
  .popup-review__text {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .popup-review__text {
    max-width: 878px;
  }
}
.popup-review__text p + p {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 767.98px) {
  .popup-review__text p + p {
    margin-top: 1rem;
  }
}
.popup-review__program {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 4px;
  padding: 0.25rem 0.375rem 0.25rem;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .popup-review__program {
    font-size: 0.875rem;
  }
}
.popup-review__program::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 1119.98px) {
  .popup-review__slider .gallery-slider__controls {
    margin-top: 1.125rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .popup-region .popup__inner {
    width: calc(100% + 36px);
    padding: 0 18px;
    margin: 0 -18px;
  }
}
.popup-region__heading {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .popup-region__heading {
    margin-bottom: 2rem;
  }
}
.popup-region__block {
  display: none;
  overflow-y: auto;
}
.popup-region__block._is-active {
  display: block;
}
.popup-region__block::-webkit-scrollbar {
  width: 12px;
}
.popup-region__block::-webkit-scrollbar-thumb {
  width: 12px;
  background-color: var(--color-gray);
  border: 4px solid var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .popup-region__block {
    height: auto;
    overflow: initial;
  }
}
.popup-region__search {
  margin-bottom: 1rem;
  position: relative;
}
@media only screen and (min-width: 1119.98px) {
  .popup-region__search {
    margin-bottom: 2rem;
  }
}
.popup-region__search-input {
  padding: 1rem 2rem;
  height: 3.5rem;
}
.popup-region__search-btn {
  position: absolute;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-alt);
  top: 18px;
  right: 32px;
}
@media only screen and (min-width: 1119.98px) {
  .popup-region__search-btn {
    --size: 24px;
    top: 16px;
  }
}
.popup-region__search-btn::before {
  content: "";
  --icon-size: 20px;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/var(--icon-size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
  background-color: currentColor;
}
.popup-region__search-btn[data-search=btn] {
  display: block;
}
.popup-region__search-btn[data-search=clear] {
  display: none;
}
.popup-region__countries {
  display: flex;
  flex-direction: column;
}
.popup-region__country {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 1;
}
.popup-region__country:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}
@media only screen and (min-width: 767.98px) {
  .popup-region__country {
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .popup-region__country::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 36px);
    inset: 0 -18px;
    height: 100%;
    background-color: var(--color-gray);
    z-index: -1;
    opacity: 0;
    transition: 0.25s ease-in-out;
  }
  .popup-region__country:hover {
    border-bottom-color: transparent;
  }
  .popup-region__country:hover::before {
    opacity: 1;
  }
}
.popup-region__country-arrow {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 767.98px) {
  .popup-region__country-arrow {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .popup-region__country-arrow {
    --size: 40px;
  }
}
.popup-region__country-arrow::before {
  content: "";
  --icon-size: 20px;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/var(--icon-size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
  background-color: currentColor;
}
.popup-region__cities {
  display: flex;
  flex-direction: column;
}
.popup-region__city {
  padding: 0.9375rem 0;
  font-size: 0.875rem;
  font-weight: 500;
}
@media only screen and (min-width: 767.98px) {
  .popup-region__city {
    font-size: 1rem;
  }
}
.popup-region__city:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}
.popup-region__selected-country {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.5rem 0;
}
@media only screen and (min-width: 1119.98px) {
  .popup-region__selected-country {
    margin-bottom: 1rem;
  }
}
.popup-region__selected-country-arrow {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  border-radius: 50%;
  color: var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .popup-region__selected-country-arrow {
    --size: 40px;
  }
}
.popup-region__selected-country-arrow::before {
  content: "";
  --icon-size: 20px;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/var(--icon-size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
  background-color: currentColor;
}
.popup-region__selected-country-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ED9340;
}
@media only screen and (min-width: 767.98px) {
  .popup-region__selected-country-name {
    font-size: 1rem;
  }
}
.remote__inner {
  position: relative;
  padding: 1.5rem;
  overflow: hidden;
  background-color: var(--color-secondary-100);
  background-image: url("../img/remote/remote-bg.svg");
  background-repeat: no-repeat;
  background-size: 1400 100%;
  background-position: top center;
  border-radius: 20px;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 1023.98px) {
  .remote__inner {
    padding: 2.5rem;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1119.98px) {
  .remote__inner {
    padding: 3.5rem;
    border-radius: 24px;
  }
}
.remote__info {
  max-width: 564px;
  margin-bottom: 7.25rem;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1119.98px) {
  .remote__info {
    margin-bottom: 8.8125rem;
  }
}
.remote__title {
  margin-bottom: 1rem;
  line-height: 1;
  font-size: 1.75rem;
}
@media only screen and (min-width: 1119.98px) {
  .remote__title {
    margin-bottom: 2rem;
    font-size: 3.5rem;
  }
}
.remote__text {
  max-width: 501px;
  margin-bottom: 2rem;
  letter-spacing: -0.5px;
}
.remote__btn {
  white-space: nowrap;
}
.remote__benefit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1119.98px) {
  .remote__benefit {
    flex-direction: row;
    align-items: stretch;
  }
}
.remote__benefit-icon {
  --size: 48px;
  --icon-size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-whte);
}
.remote__benefit-icon img {
  max-width: 496px;
  width: 100%;
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
}
@media only screen and (min-width: 1119.98px) {
  .remote__benefit-icon {
    --size: 72px;
    --icon-size: 48px;
  }
}
.remote__benefit-text {
  max-width: 496px;
  padding: 1rem;
  background-color: var(--color-whte);
  border-radius: 12px;
}
@media only screen and (min-width: 1119.98px) {
  .remote__benefit-text {
    padding: 1rem 6.3125rem 1rem 1.5rem;
  }
}
.remote__img {
  position: absolute;
  right: -6px;
  bottom: -15px;
  max-width: 230px;
  z-index: 1;
}
@media only screen and (min-width: 767.98px) {
  .remote__img {
    max-width: 320px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .remote__img {
    max-width: 460px;
    right: 57px;
  }
}
.info-banner__wrapper {
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-gray);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (min-width: 1023.98px) {
  .info-banner__wrapper {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .info-banner__wrapper {
    flex-direction: row;
    justify-content: space-between;
    padding: 3.5rem 2.5rem;
    border-radius: 24px;
  }
}
.info-banner__desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (min-width: 767.98px) {
  .info-banner__desc {
    flex-direction: row;
  }
}
.info-banner__desc-icon {
  --size: 48px;
  --icon-size: 20px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-primary);
}
@media only screen and (min-width: 1119.98px) {
  .info-banner__desc-icon {
    --size: 56px;
  }
}
.info-banner__desc-text {
  max-width: 640px;
}
.info-banner__desc-text a {
  color: var(--color-primary);
}
.info-banner__file {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media only screen and (min-width: 1119.98px) {
  .info-banner__file {
    align-items: center;
    gap: 6px;
  }
}
.info-banner__file-info {
  font-size: 0.875rem;
  color: var(--color-text-alt);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
}
@media only screen and (min-width: 767.98px) {
  .info-banner__file-info {
    font-size: 1rem;
  }
}
.info-banner__file-info::before {
  content: "";
  display: block;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  background-color: currentColor;
  border-radius: 50%;
}
.participation__title {
  max-width: 785px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .participation__title {
    margin-bottom: 2rem;
  }
}
.participation__desc {
  max-width: 577px;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 1119.98px) {
  .participation__desc {
    margin-bottom: 4.875rem;
  }
}
.participation__programs-title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .participation__programs-title {
    margin-bottom: 2rem;
  }
}
.participation__programs-list {
  display: grid;
  gap: 16px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .participation__programs-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.participation__programs-condition {
  padding: 1.4375rem;
  background-color: var(--color-gray);
  border-radius: 20px;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .participation__programs-condition {
    padding: 1.3125rem;
    border-radius: 24px;
  }
}
.participation__program {
  height: 16.25rem;
  background-color: var(--color-primary-100);
  background-image: url("../img/participation/participation-bg.svg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem;
  border-radius: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .participation__program {
    height: 21.25rem;
    padding: 2rem;
    border-radius: 24px;
  }
}
.participation__program--gray {
  background-color: var(--color-gray);
  background-image: url("../img/participation/participation-bg-gray.svg");
}
.participation__program-title {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .participation__program-title {
    font-size: 2rem;
  }
}
.participation__program-desc {
  max-width: 212px;
}
.participation__program-price {
  margin-top: auto;
}
.participation__program-price-title {
  margin-bottom: 0.5rem;
}
.reg-steps__title {
  max-width: 900px;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .reg-steps__title {
    margin-bottom: 2.5rem;
  }
}
.reg-steps__list {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .reg-steps__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.reg-steps__item {
  padding: 1.5rem;
  background-color: var(--color-gray);
  border-radius: 20px;
  position: relative;
}
@media only screen and (min-width: 1119.98px) {
  .reg-steps__item {
    height: 262px;
  }
}
.reg-steps__item::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translate(-50%, 0) rotate(90deg);
  --size: 32px;
  --icon-size: 24px;
  width: var(--size);
  height: var(--size);
  background: url("../img/icons/arrow-step.svg") center center/var(--icon-size) no-repeat;
  flex-shrink: 0;
  border: 4px solid var(--color-whte);
  border-radius: 50%;
  z-index: 2;
}
@media only screen and (min-width: 1023.98px) {
  .reg-steps__item::before {
    --size: 40px;
    border-width: 8px;
    left: auto;
    right: -28px;
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%);
  }
}
.reg-steps__item:last-of-type::before {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .reg-steps__item:nth-of-type(3)::before {
    display: none;
  }
}
.reg-steps__item-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .reg-steps__item-head {
    margin-bottom: 1.5rem;
    gap: 12px;
  }
}
.reg-steps__item-num {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-whte);
  border-radius: 50%;
  font-size: 0.875rem;
  color: var(--color-primary);
}
@media only screen and (min-width: 767.98px) {
  .reg-steps__item-num {
    font-size: 1rem;
  }
}
.reg-steps__item-title {
  font-size: 0.875rem;
  font-weight: 500;
}
@media only screen and (min-width: 767.98px) {
  .reg-steps__item-title {
    font-size: 1rem;
  }
}
.reg-steps__item-desc a,
.reg-steps__item-desc span {
  color: var(--color-primary);
}
@media (any-hover: hover) {
  .reg-steps__item-desc a:hover,
  .reg-steps__item-desc span:hover {
    text-decoration: underline;
  }
}
.reg-steps__item-link {
  margin-top: 1rem;
  color: var(--color-secondary);
  padding-bottom: 0.25rem;
  border-bottom: 1px solid currentColor;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  transition: 0.25s ease-in-out;
}
.reg-steps__item-link::after {
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  display: block;
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 767.98px) {
  .reg-steps__item-link {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reg-steps__item-link {
    padding: 0.375rem 0.125rem;
    margin-top: 1.5rem;
  }
}
@media (any-hover: hover) {
  .reg-steps__item-link:hover {
    color: var(--color-primary);
  }
}
.reg-steps__item-warning {
  margin-top: 1rem;
  font-size: 0.875rem;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media only screen and (min-width: 767.98px) {
  .reg-steps__item-warning {
    font-size: 1rem;
  }
}
.reg-steps__item-warning::before {
  content: "";
  display: block;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: var(--color-red-accent);
  flex-shrink: 0;
}
.payment {
  padding: 0 0 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .payment {
    padding-bottom: 8rem;
  }
}
.payment__inner {
  padding: 1.5rem;
  background-color: var(--color-gray);
  border-radius: 20px;
}
@media only screen and (min-width: 1023.98px) {
  .payment__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .payment__inner {
    border-radius: 24px;
    padding: 3.5rem;
  }
}
.payment__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 672px;
  margin: 0 auto;
}
@media only screen and (min-width: 1119.98px) {
  .payment__content {
    gap: 32px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .payment__title {
    max-width: 700px;
    text-align: center;
  }
}
.payment__types {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 767.98px) {
  .payment__types {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1119.98px) {
  .payment__types {
    max-width: 636px;
  }
  .payment__types > *:not(:last-child) {
    width: 148px;
  }
}
.payment__desc a, .payment__text a {
  color: var(--color-primary);
  text-decoration: underline;
  transition: 0.25s color ease-in-out;
}
@media (any-hover: hover) {
  .payment__desc a:hover, .payment__text a:hover {
    color: var(--color-secondary);
  }
}
.payment__type {
  height: 3rem;
}
@media only screen and (min-width: 1119.98px) {
  .payment__type {
    height: 3.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .payment__desc.text p + p {
    margin-top: 1.5rem;
  }
}
.contacts__container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__container {
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
  }
}
.contacts__banner {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 1.5rem 12.75rem;
  border-radius: 20px;
  background: url("../img/contacts/contacts-bg.webp") top center/cover no-repeat;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__banner {
    border-radius: 24px;
    max-width: 557px;
    width: 100%;
    padding: 3.5rem 3.5rem 25rem;
    min-height: 37.9375rem;
    position: sticky;
    top: 20px;
  }
}
.contacts__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__title {
    margin-bottom: 2rem;
  }
}
.contacts__desc {
  max-width: 305px;
}
.contacts__img {
  max-width: 160px;
  position: absolute;
  bottom: -40px;
  right: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__img {
    max-width: 290px;
    width: 100%;
    right: 83px;
    bottom: 0;
  }
  .contacts__img img {
    width: 100%;
  }
}
.contacts__main {
  width: 100%;
}
.contacts__info {
  margin-bottom: 2rem;
}
.contacts__info-title {
  margin-bottom: 1rem;
}
.contacts__info-desc {
  max-width: 462px;
}
.contacts__countries {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.contacts__country {
  padding: 0.5rem 1rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  width: auto;
  gap: 4px;
  border-radius: 100px;
  background-color: var(--color-gray);
  font-size: 0.875rem;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__country {
    font-size: 1rem;
    padding: 0.625rem 1.25rem;
    height: 2.75rem;
  }
}
@media (any-hover: hover) {
  .contacts__country:hover {
    background-color: var(--color-primary);
    color: var(--color-whte);
  }
}
.contacts__country._is-selected {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
.contacts__country::before {
  display: block;
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: var(--icon) center center/15px no-repeat;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__country::before {
    --size: 24px;
    background-size: 18px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .contacts__country--all {
    padding: 0.625rem 1.375rem;
  }
}
.contacts__country--all::before {
  display: none;
}
.contacts__offices {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__offices .offices__title {
    font-size: 2.25rem;
    margin-bottom: 2rem;
  }
  .contacts__offices .offices__all {
    margin-top: 2rem;
  }
}
.contacts__details {
  padding: 1.5rem;
  border: 1px solid var(--color-border);
  border-radius: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__details {
    padding: 2rem;
    border-radius: 24px;
  }
}
.contacts__details-items {
  display: grid;
  gap: 16px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .contacts__details-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.contacts__details-item span {
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--color-text-alt);
  display: block;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .contacts__details-item span {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .contacts__details-item--adress {
    grid-column: span 2;
  }
}
.map {
  height: 11.25rem;
}
@media only screen and (min-width: 767.98px) {
  .map {
    height: 15rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .map {
    height: 20.8125rem;
  }
}
.offices__inner {
  padding: 3rem 0.5rem;
  border-radius: 20px;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 767.98px) {
  .offices__inner {
    padding: 3rem 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .offices__inner {
    border-radius: 24px;
    padding: 3.5rem 3.125rem;
  }
}
.offices__title {
  text-align: center;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .offices__title {
    margin-bottom: 3rem;
  }
}
.offices__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
@media only screen and (min-width: 767.98px) {
  .offices__list {
    grid-template-columns: auto auto auto auto;
    justify-content: center;
    gap: 16px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .offices__list {
    gap: 40px;
  }
}
.offices__list-col {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1119.98px) {
  .offices__list-col {
    gap: 6px;
  }
}
.offices__all {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1119.98px) {
  .offices__all {
    margin-top: 3.5rem;
  }
}
.offices__item {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0.625rem 0.5rem 0.6875rem 0.25rem;
  font-size: 0.875rem;
  transition: 0.25s ease-in-out;
  letter-spacing: -0.5px;
}
.offices__item::before {
  content: url("../img/icons/pin.svg");
  width: 16px;
  height: 16px;
  display: block;
}
@media only screen and (min-width: 767.98px) {
  .offices__item {
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .offices__item:hover {
    color: rgba(var(--color-blck--rgb), 0.5);
  }
}
.about__inner {
  --bg-pos-left: -80px;
  --bg-pos-right: -50px;
  --min-height: 530px;
  position: relative;
  padding: 1.5rem 1.25rem 15.125rem;
  background: url("../img/ornaments/bg-curved-left.svg") left var(--bg-pos-left) top 0px/auto 100% no-repeat, url("../img/ornaments/bg-curved-right.svg") right var(--bg-pos-right) top 0px/auto 100% no-repeat, var(--color-secondary-100);
  min-height: var(--min-height);
  overflow: hidden;
}
@media only screen and (min-width: 767.98px) {
  .about__inner {
    --bg-pos-left: 0;
    --bg-pos-right: 0;
  }
}
@media only screen and (min-width: 1023.98px) {
  .about__inner {
    padding: 2.5rem 2.5rem 15.125rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .about__inner {
    padding: 3.5rem 3.5rem 17.125rem;
    --min-height: 632px;
  }
}
.about__title {
  max-width: 940px;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 767.98px) {
  .about__title {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .about__title {
    font-size: 2.5rem;
  }
  .about__title span {
    color: var(--color-secondary);
  }
}
@media only screen and (min-width: 1119.98px) {
  .about__title {
    margin-bottom: 2rem;
    font-size: 3.5rem;
  }
}
.about__text {
  max-width: 520px;
}
.about__img {
  max-width: 230px;
  position: absolute;
  bottom: 0;
  right: -50px;
}
@media only screen and (min-width: 1119.98px) {
  .about__img {
    max-width: 425px;
    width: 100%;
    right: 34px;
    bottom: -10px;
  }
  .about__img img {
    width: 100%;
  }
}
.rounded {
  border-radius: 20px;
}
@media only screen and (min-width: 1119.98px) {
  .rounded {
    border-radius: 24px;
  }
}
.bordered {
  border: 1px solid var(--color-border);
}
.tesol {
  overflow: hidden;
}
.tesol__container {
  position: relative;
}
.tesol__card-img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .tesol__card-img {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    border: 2px solid var(--color-whte);
    border-radius: 8px;
    overflow: hidden;
    transform: rotate(-13deg);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 10px 10px 0px rgba(0, 0, 0, 0.0509803922), 0px 22px 13px 0px rgba(0, 0, 0, 0.031372549), 0px 39px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 61px 17px 0px rgba(0, 0, 0, 0);
  }
  .tesol__card-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.tesol__card-img--01 {
  width: 88px;
  left: 10%;
  top: 15%;
}
@media only screen and (min-width: 1365.98px) {
  .tesol__card-img--01 {
    left: 12%;
    top: 10%;
  }
}
.tesol__card-img--02 {
  width: 112px;
  right: 5%;
  top: 2%;
}
@media only screen and (min-width: 1365.98px) {
  .tesol__card-img--02 {
    right: 10%;
  }
}
.tesol__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .tesol__info {
    margin-bottom: 3.5rem;
  }
}
.tesol__title {
  max-width: 770px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .tesol__title {
    margin-bottom: 2rem;
  }
}
.tesol__text {
  max-width: 580px;
}
@media only screen and (min-width: 767.98px) {
  .tesol__slider .swiper-slide {
    width: auto;
  }
}
.tesol__slider .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .tesol__slider .swiper-pagination {
    display: none;
  }
}
.tesol__controls {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .tesol__controls {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
  }
}
.tesol__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .tesol__items {
    flex-direction: row;
    align-items: stretch;
  }
}
.tesol__item {
  height: 260px;
}
@media only screen and (min-width: 767.98px) {
  .tesol__item {
    height: 350px;
    width: 450px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .tesol__item {
    width: 672px;
  }
}
.tesol__item--bg .tesol__item-info {
  --bg-pos-top: -122px;
  --bg-pos-bottom: 0px;
  --bg-size-top: 768px;
  --bg-size-bottom: 110%;
  background: url("../img/ornaments/bg-curved-top.svg") left 0 top var(--bg-pos-top)/var(--bg-size-top) auto no-repeat, url("../img/ornaments/bg-curved-bottom.svg") left 0 bottom var(--bg-pos-bottom)/var(--bg-size-bottom) auto no-repeat, var(--bg-color);
}
@media only screen and (min-width: 767.98px) {
  .tesol__item--bg .tesol__item-info {
    --bg-pos-bottom: -70px;
    --bg-size-top: 100%;
    --bg-size-bottom: 100%;
  }
}
.tesol__item--secondary {
  height: auto;
}
.tesol__item--secondary .tesol__item-info {
  height: auto;
}
@media only screen and (min-width: 767.98px) {
  .tesol__item--secondary {
    width: 300px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .tesol__item--secondary {
    width: 443px;
  }
}
.tesol__item-info {
  background-color: var(--color-whte);
  padding: 1.5rem 1.5rem 5.5rem;
  height: 100%;
}
@media only screen and (min-width: 767.98px) {
  .tesol__item-info {
    padding-bottom: 8.125rem;
  }
}
.tesol__item-title {
  margin-bottom: 0.5rem;
  max-width: 540px;
}
@media only screen and (min-width: 1119.98px) {
  .tesol__item-title {
    margin-bottom: 1rem;
  }
}
.tesol__item-text {
  max-width: 420px;
}
.tesol__item-img {
  display: block;
  max-width: 170px;
  margin: -64px auto 0;
}
@media only screen and (min-width: 1119.98px) {
  .tesol__item-img {
    max-width: 243px;
    margin-top: -116px;
  }
}
.gallery-slider__inner .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .gallery-slider__inner .swiper-pagination {
    display: none;
  }
}
.gallery-slider__inner .swiper-slide {
  width: auto;
}
.gallery-slider__img {
  display: flex;
  max-height: 340px;
  border: 3px solid var(--color-whte);
  border-radius: 12px;
  box-shadow: 0px 7.45px 18.64px 0px rgba(0, 0, 0, 0.0588235294), 0px 37.27px 37.27px 0px rgba(0, 0, 0, 0.0509803922), 0px 82px 48.45px 0px rgba(0, 0, 0, 0.031372549), 0px 145.36px 55.91px 0px rgba(0, 0, 0, 0.0117647059), 0px 227.36px 63.36px 0px rgba(0, 0, 0, 0);
}
.gallery-slider__img img {
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
  object-fit: cover;
  max-height: 100%;
  max-height: 340px;
  border-radius: 12px;
}
@media only screen and (min-width: 1119.98px) {
  .gallery-slider__img {
    border-width: 6px;
    border-radius: 24px;
  }
  .gallery-slider__img img {
    border-radius: 24px;
  }
}
.gallery-slider__controls {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .gallery-slider__controls {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .gallery-slider__controls {
    margin-top: 3.5rem;
  }
}
.gallery__head {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .gallery__head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 3.5rem;
  }
}
.gallery__title {
  max-width: 44rem;
}
.gallery__desc {
  max-width: 27.6875rem;
}
.history {
  overflow: hidden;
}
.history__title {
  max-width: 720px;
  margin-bottom: 2rem;
}
.history__title span {
  color: var(--color-secondary);
}
@media only screen and (min-width: 1119.98px) {
  .history__title {
    margin-bottom: 3.5rem;
  }
}
.history__main {
  overflow: hidden;
}
.history__main {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .history__main {
    margin-bottom: 3.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .history__main-slide.swiper-slide {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
  }
}
.history__main-slide.swiper-slide-active .history__main-slide-img img {
  transition-delay: 0.1s;
  transform: scale(1);
}
.history__main-slide-pic {
  width: 280px;
  height: 280px;
  margin: 0 auto 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/history/history-bg.svg") center center/contain no-repeat;
}
@media only screen and (min-width: 1119.98px) {
  .history__main-slide-pic {
    width: 443px;
    height: 376px;
    margin-bottom: 0;
    margin: 0;
  }
}
.history__main-slide-img {
  --size: 138px;
  width: var(--size);
  height: var(--size);
  transform: rotate(-10deg);
}
@media only screen and (min-width: 1119.98px) {
  .history__main-slide-img {
    --size: 162px;
    transform: rotate(-21deg);
  }
}
.history__main-slide-img img {
  border: 2px solid var(--color-whte);
  border-radius: 12px;
  transform: scale(0.2);
  transition: 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 10px 10px 0px rgba(0, 0, 0, 0.0509803922), 0px 22px 13px 0px rgba(0, 0, 0, 0.031372549), 0px 39px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 61px 17px 0px rgba(0, 0, 0, 0);
}
.history__main-slide-info {
  max-width: 672px;
}
@media only screen and (min-width: 1365.98px) {
  .history__main-slide-info {
    margin-right: 115px;
  }
}
.history__main-slide-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .history__main-slide-title {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .history__main-slide-text {
    padding-left: 115px;
  }
}
.history__steps {
  padding-right: 50%;
}
@media only screen and (min-width: 767.98px) {
  .history__steps {
    padding-right: 75%;
    overflow: hidden;
  }
}
.history__step {
  cursor: pointer;
}
.history__step.swiper-slide-active .history__step-progressbar::before {
  opacity: 1;
}
.history__step.swiper-slide-active .history__step-progressbar::after {
  background-color: var(--color-primary);
  left: 9px;
}
.history__step.swiper-slide-active .history__step-progressbar span {
  background-color: var(--color-primary-100);
}
.history__step.swiper-slide-active .history__step-text {
  color: var(--color-blck);
}
.history__step.swiper-slide-prev .history__step-progressbar span {
  background-color: var(--color-primary-100);
}
.history__step-progressbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  height: 32px;
  width: calc(100% + 8px);
}
@media only screen and (min-width: 1119.98px) {
  .history__step-progressbar {
    width: calc(100% + 16px);
  }
}
.history__step-progressbar span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-border);
}
.history__step-progressbar::before {
  content: "";
  --size: 32px;
  display: block;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-primary-100);
  border-radius: 50%;
  flex-shrink: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.history__step-progressbar::after {
  content: "";
  --size: 14px;
  display: block;
  width: var(--size);
  height: var(--size);
  position: absolute;
  left: 0px;
  top: 9px;
  border-radius: 50%;
  z-index: 2;
  background-color: var(--color-gray-dark);
}
@media only screen and (min-width: 1119.98px) {
  .history__step-progressbar {
    margin-bottom: 1.5rem;
  }
}
.history__step-text {
  font-size: 0.875rem;
  color: var(--color-text-alt);
}
@media only screen and (min-width: 767.98px) {
  .history__step-text {
    font-size: 1rem;
  }
}
.history__controls {
  margin-top: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .history__controls {
    margin-top: 3.5rem;
  }
}
.popup-offices {
  padding: 3.5rem 1rem 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .popup-offices {
    max-width: 1130px;
    padding: 5rem 1rem;
  }
  .popup-offices .offices__title {
    margin-bottom: 2rem;
  }
  .popup-offices .offices__list {
    max-width: 681px;
    width: 100%;
    margin: 0 auto;
  }
}
.popup-offices .offices__wrapper {
  height: 362px;
  overflow-y: auto;
}
.popup-offices .offices__wrapper::-webkit-scrollbar {
  width: 8px;
}
.popup-offices .offices__wrapper::-webkit-scrollbar-thumb {
  width: 8px;
  border: 2px solid var(--color-whte);
  background-color: var(--color-gray-300);
}
.socials__title {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  color: var(--color-text-alt);
}
@media only screen and (min-width: 767.98px) {
  .socials__title {
    font-size: 1rem;
  }
}
.socials__list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.socials__item {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1023.98px) {
  .socials__item {
    --size: 56px;
  }
}
.socials__item--gray {
  background-color: var(--color-gray-dark);
}
.socials__item--m {
  --size: 50px;
}
@media (any-hover: hover) {
  .socials__item:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-whte);
  }
}
.socials__item::before {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/var(--size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--size) no-repeat;
  background-color: currentColor;
}
.popup-materials {
  padding: 0;
  max-width: 660px;
  overflow: hidden;
}
.popup-materials .popup__close {
  border-color: var(--color-blck);
  color: var(--color-blck);
  background-color: transparent;
}
@media (any-hover: hover) {
  .popup-materials .popup__close:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-whte);
  }
}
.popup-materials__banner {
  display: block;
  width: 100%;
  width: 100%;
}
.popup-materials__banner img {
  width: 100%;
}
.popup-materials__content {
  padding: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .popup-materials__content {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .popup-materials__content {
    padding: 3rem 3.75rem;
  }
}
.popup-materials__title {
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 767.98px) {
  .popup-materials__title {
    margin-bottom: 1rem;
  }
}
.popup-materials__desc {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .popup-materials__title, .popup-materials__desc {
    text-align: center;
  }
}
.popup-materials__controls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media only screen and (min-width: 767.98px) {
  .popup-materials__controls {
    max-width: 233px;
    margin: 0 auto;
  }
  .popup-materials__controls > * {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
  }
}
.banner__inner {
  position: relative;
  background: url("../img/banners/banner-bg-sm.svg") left top/cover no-repeat;
  padding: 1rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .banner__inner {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .banner__inner {
    padding: 2.5rem;
    background-image: url("../img/banners/banner-bg.svg");
  }
}
.banner__info {
  max-width: 680px;
}
.banner__icon {
  display: block;
  margin-bottom: 1rem;
}
.banner__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .banner__title {
    margin-bottom: 0.375rem;
  }
}
.banner__slider {
  overflow: hidden;
}
.banner__text {
  margin-bottom: 1rem;
  /* Стиль для показа параграфов */
}
.banner__text .hidden-p {
  height: 0;
  opacity: 0;
  transition: height 0.5s, opacity 0.5s;
  overflow: hidden;
}
.banner__text .show-p {
  height: auto;
  opacity: 1;
  transition: height 0.5s, opacity 0.5s;
}
.banner__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .banner__controls {
    margin-top: 2.5rem;
  }
}
.banner__img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .banner__img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.banner__link {
  padding: 0 0 0.25rem 0;
  font-size: 0.875rem;
  line-height: 1;
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 2px;
  color: var(--color-secondary);
  border-bottom: 1px solid currentColor;
  transition: 0.25s ease-in-out;
}
.banner__link::after {
  content: "";
  display: block;
  --icon-size: 16px;
  width: var(--icon-size);
  height: var(--icon-size);
  mask: var(--icon) center center/var(--icon-size) no-repeat;
  -webkit-mask: var(--icon) center center/var(--icon-size) no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 1119.98px) {
  .banner__link {
    font-size: 1rem;
    line-height: 1.32;
    padding: 0.3125rem 0;
  }
}
@media (any-hover: hover) {
  .banner__link:hover {
    color: var(--color-primary);
  }
}
.popup-photo .popup__content {
  max-width: 830px;
  padding: 0;
}
.popup-photo__img {
  display: block;
  width: 100%;
}
.popup-photo__img img {
  width: 100%;
  border-radius: 1.25rem;
  border: 4px solid var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .popup-photo__img img {
    border-radius: 1.5rem;
    border-width: 6px;
  }
}
.popup-photo__frame {
  width: 100%;
  display: block;
  border-radius: 1.25rem;
  border: 4px solid var(--color-whte);
  overflow: hidden;
}
.popup-photo__frame iframe {
  width: 100%;
  display: block;
  height: 400px;
}
@media only screen and (min-width: 1023.98px) {
  .popup-photo__frame iframe {
    height: 600px;
  }
}
.program-details__container {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 1023.98px) {
  .program-details__container {
    grid-template-columns: 443px 1fr;
    align-items: flex-start;
  }
}
.program-details__cost {
  padding: 1.5rem;
  background: url("../img/necessity/cost-bg.svg") center center/cover no-repeat;
}
@media only screen and (min-width: 1023.98px) {
  .program-details__cost {
    padding: 2.5rem;
    position: sticky;
    top: 20px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .program-details__cost {
    padding: 3.5rem;
  }
}
.program-details__cost-title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .program-details__cost-title {
    margin-bottom: 2rem;
  }
}
.program-details__cost-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 1.5rem;
}
.program-details__cost-price-value {
  color: var(--color-secondary);
}
.program-details__sections {
  display: grid;
  gap: 16px;
}
.program-details__section {
  padding: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .program-details__section {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .program-details__section {
    padding: 3.5rem;
  }
}
.program-details__section--top {
  background: url("../img/necessity/cost-bg-top.svg") top center/cover no-repeat;
}
.program-details__section--bottom {
  background: url("../img/necessity/cost-bg-bottom.svg") bottom center/cover no-repeat;
}
.program-details__section-title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .program-details__section-title {
    margin-bottom: 2rem;
  }
}
.program-details__section-list .list li:before {
  background-color: var(--color-secondary);
}
@media only screen and (min-width: 1023.98px) {
  .program-details__section-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.hero-country__inner {
  position: relative;
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: url("../img/country/country-bg.svg") top left/100% auto no-repeat, var(--color-gray);
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .hero-country__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .hero-country__inner {
    padding: 3.5rem;
  }
}
.hero-country__breadcrumbs {
  margin-bottom: 2rem;
}
.hero-country__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .hero-country__title {
    margin-bottom: 2rem;
  }
}
.hero-country__desc {
  max-width: 15.9375rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .hero-country__desc {
    max-width: 26.25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .hero-country__desc {
    margin-bottom: 6.75rem;
  }
}
.hero-country__details {
  padding: 1rem;
  border-radius: 1rem;
  background-color: var(--color-gray-dark);
  padding-bottom: 11.125rem;
}
@media only screen and (min-width: 1023.98px) {
  .hero-country__details {
    max-width: 40.5rem;
    padding-bottom: 1rem;
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .hero-country__details {
    padding: 2rem;
  }
}
.hero-country__details-title {
  margin-bottom: 0.75rem;
}
.hero-country__details-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .hero-country__details-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 1.5rem;
  }
}
.hero-country__details-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.28;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .hero-country__details-item {
    font-size: 1rem;
  }
}
.hero-country__details-item span {
  font-weight: 500;
  color: var(--color-blck);
}
.hero-country__img {
  display: block;
  position: absolute;
  height: 11.125rem;
  right: 2rem;
  bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .hero-country__img {
    height: 15rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .hero-country__img {
    bottom: 0;
    height: 22.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .hero-country__img {
    height: 35rem;
    right: 3.125rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .hero-country__img {
    right: 6.25rem;
  }
}
.hero-country__img img {
  display: block;
  max-width: 100%;
  height: 100%;
  width: auto;
}
.country-embassy__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .country-embassy__title {
    margin-bottom: 2.5rem;
  }
}
.country-embassy__inner {
  padding: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  background-color: var(--color-gray);
  border-radius: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .country-embassy__inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .country-embassy__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .country-embassy__inner {
    gap: 4.125rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .country-embassy__inner {
    padding: 3.5rem;
  }
}
.country-embassy__item:not(:last-of-type) {
  border-bottom: 2px solid var(--color-secondary-100);
  padding-bottom: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .country-embassy__item:not(:last-of-type) {
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 2px solid var(--color-secondary-100);
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .country-embassy__item:not(:last-of-type) {
    padding-right: 4.125rem;
  }
}
.country-embassy__item-title {
  color: var(--color-secondary);
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 1023.98px) {
  .country-embassy__item-title {
    margin-bottom: 1rem;
  }
}
.course-hero__inner {
  position: relative;
  padding: 1.5rem 1.5rem 17.125rem;
  border-radius: 1.25rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-secondary-100);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 767.98px) {
  .course-hero__inner {
    padding: 2.5rem 2.5rem 17.125rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-hero__inner {
    padding: 2.5rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .course-hero__inner {
    padding: 3.5rem 3.5rem 9rem;
    background: url("../img/course/course-hero-bottom-bg.png") bottom center/contain no-repeat, var(--color-secondary-100);
  }
}
.course-hero__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-hero__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.course-hero__title {
  margin-bottom: 1rem;
  text-align: center;
}
@media only screen and (min-width: 767.98px) {
  .course-hero__title {
    margin-bottom: 1.5rem;
    max-width: 40.625rem;
  }
}
.course-hero__desc {
  max-width: 23.125rem;
  text-align: center;
  margin-bottom: 2rem;
}
.course-hero__price {
  max-width: 12rem;
  padding: 1rem 0.75rem;
  background-color: var(--color-whte);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 1023.98px) {
  .course-hero__price {
    max-width: 14.8125rem;
  }
}
.course-hero__price-num {
  color: var(--color-secondary);
}
@media only screen and (min-width: 1365.98px) {
  .course-hero__price-num {
    line-height: 1.12;
  }
}
@media only screen and (min-width: 767.98px) {
  .course-hero__price-text {
    line-height: 1.5;
  }
}
.course-hero__letter-img {
  display: none;
  position: absolute;
  display: block;
  max-width: 18.75rem;
  bottom: -70px;
  left: -100px;
}
@media only screen and (min-width: 1023.98px) {
  .course-hero__letter-img {
    left: 0;
    bottom: 0;
    max-width: 14.375rem;
    filter: drop-shadow(10px 10px 40px rgba(0, 0, 0, 0.45));
  }
}
@media only screen and (min-width: 1365.98px) {
  .course-hero__letter-img {
    max-width: 35rem;
    bottom: -125px;
    left: -50px;
  }
}
.course-hero__girl-img {
  position: absolute;
  display: block;
  bottom: -50px;
  right: -120px;
  transform: rotate(-5deg);
  max-width: 21.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-hero__girl-img {
    bottom: 0;
    right: 0;
    max-width: 14.375rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .course-hero__girl-img {
    max-width: 34.6875rem;
    bottom: -115px;
    right: -65px;
  }
}
.course-for__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-for__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    gap: 1rem;
  }
}
.course-for__info-title {
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-for__info-title {
    margin-bottom: 2rem;
  }
}
.course-for__info-text {
  max-width: 32.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-for__info-text {
    line-height: 1.5;
  }
}
.course-for__about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.5rem;
  background: url("../img/program/program-bg.svg") left top/auto 100% no-repeat, var(--color-secondary-100);
  border-radius: 1.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-for__about {
    height: 19.5rem;
  }
}
.course-for__about-title {
  margin-bottom: 1.5rem;
  max-width: 26.25rem;
}
.course-for__about-text {
  max-width: 28.75rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__inner {
    padding: 2.5rem;
    background-color: var(--color-gray);
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-purchase__inner {
    padding: 3.5rem;
  }
}
.course-purchase__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__head {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__title {
    max-width: 32.1875rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__text {
    max-width: 24.375rem;
  }
}
.course-purchase__types {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .course-purchase__types {
    flex-direction: row;
  }
}
.course-purchase__type {
  --type-bg-color: var(--color-primary-100);
  --type-accent-color: var(--color-primary-dark);
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--type-bg-color);
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__type {
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-purchase__type {
    padding: 2rem;
  }
}
.course-purchase__type--secondary {
  --type-bg-color: var(--color-secondary-100);
  --type-accent-color: var(--color-secondary);
}
.course-purchase__type-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__type-title {
    margin-bottom: 1.5rem;
  }
}
.course-purchase__type-subtitle {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__type-subtitle span {
    display: none;
  }
}
.course-purchase__type-list li:nth-of-type(n + 5) {
  display: none;
}
.course-purchase__type-list._is-open li {
  display: block;
}
.course-purchase__type-info {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-whte);
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__type-info {
    border-radius: 1.5rem;
  }
}
.course-purchase__type-show-more {
  margin-top: 1rem;
}
.course-purchase__type-total {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-whte);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__type-total {
    border-radius: 1.5rem;
    flex-direction: row;
    align-items: flex-start;
  }
}
.course-purchase__type-price-summ {
  color: var(--type-accent-color);
}
.course-purchase__type-price-desc {
  color: var(--color-text-alt);
}
.course-purchase__type-payments {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__type-payments {
    width: auto;
    flex-direction: row;
    align-items: center;
  }
}
.course-purchase__type-payment {
  padding: 0.75rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid var(--type-accent-color);
  background-color: var(--type-accent-color);
  color: var(--color-whte);
  flex-grow: 1;
}
@media only screen and (min-width: 1023.98px) {
  .course-purchase__type-payment {
    padding: 0.75rem 1rem;
    border-radius: 1rem;
  }
}
.course-purchase__type-payment--outline {
  background-color: var(--color-whte);
  color: var(--type-accent-color);
}
.course-purchase__type-payment-text {
  font-size: 0.875rem;
  line-height: 1.2;
}
@media only screen and (min-width: 767.98px) {
  .course-purchase__type-payment-text {
    font-size: 1rem;
  }
}
.course-purchase__type-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-purchase__type-bottom {
    margin-top: 2rem;
  }
}
.course-system__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-system__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.course-system__info {
  order: -1;
}
@media only screen and (min-width: 1023.98px) {
  .course-system__info {
    order: initial;
  }
}
.course-system__title {
  max-width: 35rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-system__title {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
.course-system__text {
  max-width: 28.75rem;
}
.course-system__badges {
  position: relative;
  min-height: 15.6875rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-system__badges {
    min-height: 15.9375rem;
  }
}
.course-system__badge {
  display: inline-block;
  width: auto;
  padding: 1rem;
  border-radius: 1.5rem;
  background-color: var(--color-primary-100);
  white-space: nowrap;
}
@media only screen and (min-width: 1119.98px) {
  .course-system__badge {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
.course-system__badge:nth-of-type(1) {
  position: absolute;
  left: 0;
  top: 110px;
  transform: rotate(-10deg);
}
@media only screen and (min-width: 1119.98px) {
  .course-system__badge:nth-of-type(1) {
    top: 38px;
  }
}
.course-system__badge:nth-of-type(2) {
  position: absolute;
  left: 115px;
  top: 52px;
  transform: rotate(33deg);
}
@media only screen and (min-width: 1119.98px) {
  .course-system__badge:nth-of-type(2) {
    left: 275px;
    top: 75px;
  }
}
.course-system__badge:nth-of-type(3) {
  position: absolute;
  bottom: 0;
  left: 110px;
}
@media only screen and (min-width: 1119.98px) {
  .course-system__badge:nth-of-type(3) {
    left: 80px;
  }
}
.course-benefits__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-benefits__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.course-benefits__item {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: var(--bg-color);
  background-image: var(--bg-img);
  background-position: top left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  overflow: hidden;
}
@media only screen and (min-width: 560px) {
  .course-benefits__item {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-benefits__item {
    padding: 2rem;
    height: 21.25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-benefits__item {
    padding: 2.5rem;
    height: 23.9375rem;
  }
}
.course-benefits__item-img {
  display: block;
  margin: 0 auto -24px;
}
@media only screen and (min-width: 560px) {
  .course-benefits__item-img {
    align-self: flex-end;
    margin-right: -24px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-benefits__item-img {
    margin-bottom: -32px;
    margin-right: -32px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-benefits__item-img {
    max-width: 20.625rem;
    width: 100%;
    margin-bottom: -40px;
    margin-right: -40px;
  }
}
.course-benefits__item-head {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 560px) {
  .course-benefits__item-info {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.course-benefits__item-title {
  max-width: 25rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-benefits__item-title {
    margin-bottom: 1.5rem;
  }
}
.course-benefits__item-text {
  max-width: 17.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-benefits__item-text {
    margin-top: auto;
  }
}
.course-info__container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-info__container {
    display: grid;
    grid-template-columns: 1fr 1.06fr;
    gap: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-info__container {
    gap: 3.5rem;
  }
}
.course-info__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-info__title {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-info__title {
    max-width: 36.25rem;
  }
}
.course-info__banner {
  padding: 2.5rem 1.5rem;
  border-radius: 1.5rem;
  background: url("../img/course/vawe-bottom-gray.svg") bottom center/100% auto no-repeat, var(--color-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  height: 16.5rem;
}
.course-info__banner picture {
  display: block;
  width: 100%;
  height: 100%;
}
.course-info__banner picture img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1023.98px) {
  .course-info__banner {
    height: 25rem;
    order: initial;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-info__banner {
    height: 33.75rem;
    padding: 2.5rem 4.125rem;
  }
}
.course-info__banner--bottom picture {
  align-self: flex-end;
  margin-bottom: -40px;
}
.course-advantages__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-advantages__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.course-advantages__item {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--bg-color);
  background-image: var(--bg-img);
  background-position: top left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-advantages__item {
    padding: 2rem;
    border-radius: 1.5rem;
    min-height: 21.25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-advantages__item {
    padding: 2.5rem;
    min-height: 23.9375rem;
  }
}
.course-advantages__item-title {
  max-width: 15rem;
  line-height: 1.15;
}
@media only screen and (min-width: 767.98px) {
  .course-advantages__item-title {
    max-width: 34.375rem;
  }
}
.course-advantages__item-text {
  max-width: 33.75rem;
}
.course-advantages__item-text--sm {
  max-width: 21.25rem;
}
.course-mentor__title {
  margin-bottom: 2rem;
}
.course-mentor__inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .course-mentor__inner {
    position: relative;
    padding: 2rem;
    border-radius: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-mentor__inner {
    padding: 2.5rem;
  }
}
.course-mentor__img {
  display: block;
  max-width: 35rem;
  height: 12.25rem;
  width: 100%;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294);
  box-shadow: 0px 61px 17px 0px rgba(0, 0, 0, 0);
  border: 3px solid var(--color-whte);
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-mentor__img {
    position: absolute;
    transform: rotate(-10deg);
    max-width: 25rem;
    top: -40px;
    right: 40px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-mentor__img {
    position: absolute;
    max-width: 39.375rem;
    right: 40px;
    top: 10px;
  }
}
.course-mentor__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-mentor__info-icon {
  width: 2.5rem;
  height: 1.5rem;
  background: url("../img/icons/quote.svg") center center/contain no-repeat;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-mentor__info-icon {
    width: 3.375rem;
    height: 2rem;
    margin-bottom: 7.1875rem;
  }
}
.course-mentor__info-quote {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-mentor__info-quote {
    max-width: 33.75rem;
    margin-bottom: 2rem;
  }
}
.course-mentor__info-author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.course-mentor__info-author-img {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.course-mentor__info-author-img img {
  border-radius: 50%;
}
.course-mentor__info-author-name {
  max-width: 5rem;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (min-width: 1023.98px) {
  .course-mentor__info-author-name {
    max-width: 100%;
  }
}
.course-base {
  position: relative;
}
@media only screen and (min-width: 1119.98px) {
  .course-base__container {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
}
.course-base__title {
  max-width: 20.625rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .course-base__title {
    max-width: initial;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-base__title {
    margin-bottom: 2rem;
  }
}
.course-base__text {
  max-width: 9.5625rem;
}
@media only screen and (min-width: 767.98px) {
  .course-base__text {
    max-width: 30rem;
  }
}
.course-base__info {
  width: 100%;
  max-width: 49.375rem;
}
.course-base__img {
  display: block;
  max-width: 8.4375rem;
  position: absolute;
  right: 1rem;
  bottom: 1.5625rem;
}
@media only screen and (min-width: 767.98px) {
  .course-base__img {
    position: static;
    max-width: 23.75rem;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-base__img {
    max-width: 34.8125rem;
  }
}
.opportunities__inner {
  border-radius: 1.25rem;
  overflow: hidden;
  border: 1px solid var(--color-border);
  position: relative;
  padding: 1.4375rem 1.4375rem 10.1875rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .opportunities__inner {
    padding: 2.5rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .opportunities__inner {
    padding: 3.5rem;
  }
}
.opportunities__img {
  position: absolute;
  bottom: -30px;
  max-width: 6.25rem;
  left: 50%;
  transform: translateX(-55%);
}
@media only screen and (min-width: 1119.98px) {
  .opportunities__img {
    max-width: 13.125rem;
    display: block;
    position: absolute;
    right: 8%;
    bottom: -50px;
    left: auto;
    transform: translateX(0);
  }
}
.opportunities__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .opportunities__title {
    margin-bottom: 2rem;
  }
}
.opportunities__list {
  max-width: 35.625rem;
}
.opportunities__list .list li::before {
  background-color: var(--color-secondary);
}
.opportunities__list .list li {
  line-height: 1.28;
}
/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/air-datepicker@3.3.5/air-datepicker.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.air-datepicker-cell.-year-.-other-decade-,
.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}
.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}
.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}
.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}
.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}
.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}
.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}
.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}
.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}
.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}
.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}
.air-datepicker-cell.-in-range-:hover {
  background: var(--adp-cell-background-color-in-range-hover);
}
.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}
.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}
.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}
.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}
.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}
.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}
.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}
.air-datepicker-body.-hidden- {
  display: none;
}
.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}
.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}
.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}
.air-datepicker-body--cells {
  display: grid;
}
.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}
.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}
.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}
.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}
.-only-timepicker- .air-datepicker-nav {
  display: none;
}
.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}
.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}
.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}
.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}
.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}
.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}
.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}
.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}
.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}
.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}
.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}
.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}
.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}
.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}
.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}
.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}
.-only-timepicker- .air-datepicker-time {
  border-top: none;
}
.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}
.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}
.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}
.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}
.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}
.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}
.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}
.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}
.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}
.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}
.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}
.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}
.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}
.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: 0.3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, 0.2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: var(--color-secondary);
  --adp-color-current-date: var(--color-secondary);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ee9b4e;
  --adp-day-name-color-hover: #ee9b4e;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #559655;
  --adp-cell-background-color-selected-hover: #559655;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}
.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, 0.3);
  --adp-overlay-transition-duration: 0.3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}
.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}
.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}
.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}
.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}
.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}
.air-datepicker.-active-.-custom-position- {
  transition: none;
}
.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}
.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}
.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}
.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}
.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}
.air-datepicker.-custom-position- {
  transition: none;
}
.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}
.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}
.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}
.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}
.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}
.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}
.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}
.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}
.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}
.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}
.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}
.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}
.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}
.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}
.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}
.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}
.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}
.air-datepicker--navigation {
  grid-area: nav;
}
.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}
.-only-timepicker- .air-datepicker--content {
  display: none;
}
.air-datepicker--time {
  grid-area: timepicker;
}
.air-datepicker--buttons {
  grid-area: buttons;
}
.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}
.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}
.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}
.earnings__calc-item-input {
  position: relative;
}
.earnings__calc-item-input .air-datepicker.-inline- {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 10px);
}
.earnings__calc-item-input.active .air-datepicker.-inline- {
  pointer-events: all;
  opacity: 1;
}
.ambassador-hero__inner {
  position: relative;
  padding: 1.5rem 1.5rem 17.0625rem;
  border-radius: 1.25rem;
  background: url("../img/course/left-vawe-white.svg") left top/auto 100% no-repeat, var(--color-secondary-100);
}
@media only screen and (min-width: 1023.98px) {
  .ambassador-hero__inner {
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ambassador-hero__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .ambassador-hero__inner {
    padding: 3.5rem;
  }
}
.ambassador-hero__title {
  max-width: 28.75rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ambassador-hero__title {
    max-width: 37.5rem;
    margin-bottom: 2rem;
  }
  .ambassador-hero__title span {
    color: var(--color-secondary);
  }
}
@media only screen and (min-width: 1365.98px) {
  .ambassador-hero__title {
    max-width: 42.5rem;
  }
}
.ambassador-hero__desc {
  max-width: 23.125rem;
  margin-bottom: 2rem;
}
.ambassador-hero__img {
  position: absolute;
  left: 50%;
  bottom: 4.125rem;
  max-width: 16.25rem;
  width: 100%;
  display: block;
  border: 3px solid var(--color-whte);
  border-radius: 1.5rem;
  overflow: hidden;
  transform: rotate(-10deg) translateX(-50%);
}
@media only screen and (min-width: 1023.98px) {
  .ambassador-hero__img {
    max-width: 20rem;
    left: auto;
    bottom: auto;
    top: 60px;
    right: 40px;
    transform: rotate(-10deg);
  }
}
@media only screen and (min-width: 1365.98px) {
  .ambassador-hero__img {
    max-width: 30rem;
    top: 20px;
    right: 60px;
  }
}
.ambassador-hero__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partnership {
  position: relative;
}
.partnership.section {
  padding-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .partnership.section {
    padding-top: 2.5rem;
  }
}
.partnership__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .partnership__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.partnership__inner {
  position: relative;
}
.partnership__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .partnership__title {
    margin-bottom: 2rem;
  }
}
.partnership__desc {
  max-width: 32.75rem;
  margin-bottom: 2.125rem;
}
@media only screen and (min-width: 1119.98px) {
  .partnership__desc {
    margin-bottom: 2.5rem;
  }
}
.partnership__formats-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .partnership__formats-title {
    margin-bottom: 1.5rem;
  }
}
.partnership__formats-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.partnership__formats-item {
  padding: 0.5625rem 1rem;
  height: 2.25rem;
  font-size: 0.875rem;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  background-color: var(--color-gray);
  border-radius: 6.25rem;
  transition: background-color 0.25s ease-in, color 0.25s ease-in;
}
@media only screen and (min-width: 767.98px) {
  .partnership__formats-item {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .partnership__formats-item {
    padding: 0.625rem 1.25rem;
    height: 2.75rem;
  }
}
@media (any-hover: hover) {
  .partnership__formats-item:hover {
    background-color: var(--color-primary);
    color: var(--color-whte);
  }
}
.partnership__img {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .partnership__img {
    display: block;
    position: absolute;
    bottom: -80px;
    right: 0;
    margin: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .partnership__img {
    bottom: -128px;
  }
}
.ambassador-offers__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .ambassador-offers__title {
    margin-bottom: 2.5rem;
  }
}
.ambassador-offers__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .ambassador-offers__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .ambassador-offers__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
.ambassador-offers__item {
  padding: 1.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: var(--bg-color);
  background-image: var(--bg-img);
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 19.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (min-width: 1023.98px) {
  .ambassador-offers__item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .ambassador-offers__item {
    padding: 2.5rem;
    min-height: 19.25rem;
  }
}
.ambassador-offers__item:nth-of-type(3) {
  order: 10;
}
@media only screen and (min-width: 1023.98px) {
  .ambassador-offers__item:nth-of-type(3) {
    order: initial;
  }
}
@media only screen and (min-width: 1023.98px) {
  .ambassador-offers__item--wide {
    grid-column: span 2;
  }
}
.ambassador-offers__item-title {
  max-width: 26.25rem;
}
.ambassador-offers__item-text {
  max-width: 31.25rem;
}
.reviews-page.section {
  padding-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-page.section {
    padding-top: 2.5rem;
  }
}
.reviews-page__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-page__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.reviews-page__head {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-page__head {
    margin-bottom: 2.5rem;
  }
}
.reviews-page__title {
  max-width: 56.25rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-page__title {
    margin-bottom: 2rem;
  }
}
.reviews-page__desc {
  max-width: 31rem;
}
.reviews-page__inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .reviews-page__inner {
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .reviews-page__inner {
    padding: 2.5rem;
  }
}
.reviews-page__panel {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-page__panel {
    margin-bottom: 2rem;
    gap: 1rem;
  }
}
.reviews-page__categories {
  max-width: 36.5625rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-page__categories {
    gap: 1rem;
  }
}
.reviews-page__sorting {
  width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .reviews-page__sorting {
    max-width: 16rem;
  }
}
.reviews-page__sorting select {
  width: 100%;
}
.reviews-page__sorting .select__value::before {
  content: "";
  width: 1rem;
  height: 1rem;
  mask: url("../img/icons/sorting-arrows.svg") center center/contain no-repeat;
  -webkit-mask: url("../img/icons/sorting-arrows.svg") center center/contain no-repeat;
  background-color: var(--color-primary);
}
.reviews-page__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row dense;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .reviews-page__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .reviews-page__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1365.98px) {
  .reviews-page__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.reveiws-card {
  display: flex;
}
.reviews-card {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-whte);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .reviews-card {
    padding: 1.5rem 1.5rem 2.1875rem;
    border-radius: 1.5rem;
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .reviews-card {
    width: calc(27.5% - 11px);
  }
}
@media only screen and (min-width: 767.98px) {
  .reviews-card--xl {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 1365.98px) {
  .reviews-card--xl {
    width: calc(45% - 10px);
  }
}
@media only screen and (min-width: 1119.98px) {
  .reviews-card--xl .reviews-card__img {
    height: 13.5rem;
  }
}
.reviews-card__category {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0.25rem 0.375rem 0.25rem;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
}
@media only screen and (min-width: 1023.98px) {
  .reviews-card__category {
    font-size: 0.875rem;
  }
}
.reviews-card__category::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
.reviews-card__img {
  display: block;
  width: 100%;
  height: 8.75rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media only screen and (min-width: 767.98px) {
  .reviews-card__img {
    height: 12.1875rem;
  }
}
.reviews-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reviews-card__author {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.reviews-card__author-img {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex-shrink: 0;
}
.reviews-card__author-post {
  font-size: 0.875rem;
  line-height: 1.33;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .reviews-card__author-post {
    display: block;
    font-size: 1rem;
  }
}
.reviews-card__rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.reviews-card__rating-stars {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.reviews-card__rating-stars img {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  margin: 0.125rem 0;
  display: none;
}
.reviews-card__rating-stars img:first-child {
  display: block;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-card__rating-stars img {
    display: none;
  }
}
.reviews-card__rating-num {
  font-size: 0.875rem;
  font-weight: 500;
}
@media only screen and (min-width: 767.98px) {
  .reviews-card__rating-num {
    font-size: 1rem;
  }
}
.reviews-card__text {
  font-size: 0.875rem;
  line-height: 1.29;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 767.98px) {
  .reviews-card__text {
    font-size: 1rem;
    line-height: 1.32;
  }
}
.reviews-card__more-info {
  margin-top: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .reviews-card__more-info {
    margin-top: 0.5rem;
  }
}
.mediacenter.section {
  padding-top: 0;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter.section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.mediacenter-hero {
  position: relative;
  padding: 1.5rem 1.375rem 22.625rem;
  background-color: var(--color-secondary);
  background-image: url("../img/mediacenter/vawe-bottom-secondary.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom left;
  border-radius: 1.5rem;
  overflow: hidden;
  color: var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-hero {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .mediacenter-hero {
    padding: 3.5rem;
  }
}
.mediacenter-hero__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-hero__info {
    gap: 2rem;
    margin-bottom: 1rem;
  }
}
.mediacenter-hero__title {
  max-width: 51.875rem;
  text-align: center;
}
.mediacenter-hero__text {
  max-width: 26.375rem;
  font-size: 0.875rem;
  line-height: 1.25;
  letter-spacing: -0.14px;
  text-align: center;
  color: rgba(var(--color-whte--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-hero__text {
    font-size: 1rem;
  }
}
.mediacenter-hero__img {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-hero__img {
    position: static;
    display: block;
    max-width: 25rem;
    margin: 0 auto -40px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-hero__img {
    max-width: 37.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .mediacenter-hero__img {
    margin-bottom: -56px;
  }
}
.mediacenter-news-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mediacenter-news-hero__head {
  max-width: 33.75rem;
  width: 100%;
  margin: 0 auto 1.5rem;
  text-align: center;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-news-hero__head {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-news-hero__head {
    max-width: 46.25rem;
    margin-bottom: 3.125rem;
  }
}
.mediacenter-news-hero__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-news-hero__title {
    margin-bottom: 1.5rem;
  }
}
.mediacenter-news-hero__title span {
  color: var(--color-secondary);
}
.mediacenter-news-hero__desc {
  max-width: 33.75rem;
  margin: 0 auto;
}
.mediacenter-news-hero__media {
  min-height: 18.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-news-hero__media {
    min-height: initial;
  }
}
.mediacenter-news-hero__img {
  max-width: 13.75rem;
  margin-bottom: -10px;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-news-hero__img {
    margin-bottom: 0;
    max-width: 20.625rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-news-hero__img {
    max-width: 25rem;
    margin-bottom: -4px;
  }
}
.mediacenter-news-hero__photo {
  max-width: 9.125rem;
  display: block;
  position: absolute;
  border-radius: 1.5rem;
  overflow: hidden;
  border: 3px solid var(--color-whte);
  box-shadow: 0px 7.45px 18.64px 0px rgba(0, 0, 0, 0.0588235294), 0px 37.27px 37.27px 0px rgba(0, 0, 0, 0.0509803922), 0px 82px 48.45px 0px rgba(0, 0, 0, 0.031372549), 0px 145.36px 55.91px 0px rgba(0, 0, 0, 0.0117647059), 0px 227.36px 63.36px 0px rgba(0, 0, 0, 0);
}
.mediacenter-news-hero__photo img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-news-hero__photo {
    max-width: 11.25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-news-hero__photo {
    max-width: 15.875rem;
    border-width: 6px;
  }
}
.mediacenter-news-hero__photo--left {
  transform: rotate(-10deg);
  left: 0.625rem;
  bottom: 36%;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-news-hero__photo--left {
    left: 2.5rem;
    bottom: 32%;
  }
}
.mediacenter-news-hero__photo--right {
  transform: rotate(10deg);
  right: 0.3125rem;
  bottom: 30%;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-news-hero__photo--right {
    transform: rotate(5deg);
    right: 4rem;
    bottom: 32%;
  }
}
.mediacenter-promotions-hero {
  position: relative;
}
.mediacenter-promotions-hero__title {
  max-width: 56.25rem;
  margin: 0 auto 1rem;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-promotions-hero__title {
    margin-bottom: 2rem;
  }
}
.mediacenter-promotions-hero__title span {
  color: var(--color-secondary);
}
.mediacenter-promotions-hero__desc {
  max-width: 27.5rem;
  margin: 0 auto 1.5rem;
  text-align: center;
}
.mediacenter-promotions-hero__media {
  min-height: 18.75rem;
  display: flex;
  align-items: flex-end;
}
.mediacenter-promotions-hero__img {
  display: block;
  max-width: 15.625rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-promotions-hero__img {
    max-width: 21.4375rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-promotions-hero__img {
    max-width: 31.25rem;
  }
}
.mediacenter-promotions-hero__sticker {
  display: block;
  position: absolute;
  width: 6.875rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-promotions-hero__sticker {
    width: 13.25rem;
  }
}
.mediacenter-promotions-hero__sticker--secondary {
  left: 6%;
  bottom: 9.375rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-promotions-hero__sticker--secondary {
    left: 10%;
    bottom: auto;
    top: 8.75rem;
  }
}
.mediacenter-promotions-hero__sticker--primary {
  bottom: 10.9375rem;
  right: 6%;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-promotions-hero__sticker--primary {
    right: 15%;
    bottom: 7.5rem;
  }
}
.mediacenter-promotions-hero__sticker--red {
  bottom: 14.1875rem;
  left: 23%;
  transform: rotate(0deg);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-promotions-hero__sticker--red {
    bottom: 3.75rem;
    left: 17%;
  }
}
.mediacenter-promotions-hero__decor {
  display: block;
  position: absolute;
}
.mediacenter-promotions-hero__decor--left {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-promotions-hero__decor--left {
    display: block;
    width: 5rem;
    height: 5rem;
    left: 31%;
    top: 16.25rem;
  }
}
.mediacenter-promotions-hero__decor--right {
  width: 3.75rem;
  height: 3.75rem;
  bottom: 5.9375rem;
  right: 12%;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-promotions-hero__decor--right {
    width: 8.75rem;
    height: 8.75rem;
    bottom: auto;
    top: 9.375rem;
    right: 15.5%;
  }
}
.promotion-card {
  background: url("../img/mediacenter/promotion-vawes-bg.svg") center center/cover no-repeat, var(--color-gray);
  border: 1px solid var(--color-border);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 21.875rem;
  transition: 0.25s ease-in-out;
}
.promotion-card:nth-of-type(3n) {
  background-image: url("../img/mediacenter/promotion-vawes-bg-secondary.svg");
}
@media only screen and (min-width: 1023.98px) {
  .promotion-card {
    border-radius: 1.5rem;
    min-height: 20.3125rem;
  }
}
@media (any-hover: hover) {
  .promotion-card:hover {
    background-color: var(--color-gray-dark);
  }
}
.promotion-card__time {
  margin-bottom: 1rem;
}
.promotion-card__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-card__title {
    margin-bottom: 0.625rem;
  }
}
.promotion-card__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.375rem;
  margin-top: auto;
}
@media only screen and (min-width: 767.98px) {
  .promotion-card__bottom {
    width: 100%;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
  }
}
.promotion-card__img {
  display: block;
  width: 13.75rem;
  height: 8.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-card__img {
    width: 12.5rem;
  }
}
.promotion-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mediacenter-webinars-hero__title {
  max-width: 35rem;
  margin: 0 auto 1rem;
  text-align: center;
}
.mediacenter-webinars-hero__title span {
  color: var(--color-secondary);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-webinars-hero__title {
    margin-bottom: 1.5rem;
  }
}
.mediacenter-webinars-hero__desc {
  text-align: center;
  max-width: 23.375rem;
  margin: 0 auto 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-webinars-hero__desc {
    margin-bottom: 0;
  }
}
.mediacenter-webinars-hero__img {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-webinars-hero__img {
    margin-top: -40px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-webinars-hero__img {
    margin-top: -106px;
  }
}
.webinar-card {
  position: relative;
  padding: 1.5rem 1.5rem 10.75rem;
  border-radius: 1.25rem;
  overflow: hidden;
  min-height: 24.0625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: url("../img/mediacenter/webinar-card-bg-sm.svg") center bottom/cover no-repeat, var(--color-primary-100);
}
@media only screen and (min-width: 1023.98px) {
  .webinar-card {
    background-image: url("../img/mediacenter/webinar-card-bg.svg");
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .webinar-card {
    padding: 2.5rem;
  }
}
.webinar-card--gray {
  background-color: var(--color-gray-dark);
}
.webinar-card__img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.webinar-card__date {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-card__date {
    margin-bottom: 1.5rem;
  }
}
.webinar-card__title {
  max-width: 27.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-card__title {
    margin-bottom: 1rem;
  }
}
.webinar-card__desc {
  max-width: 25rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-card__btn {
    margin-top: auto;
  }
}
.mediacenter-reviews-hero {
  position: relative;
}
.mediacenter-reviews-hero__title {
  max-width: 42.5rem;
  margin: 0 auto 1rem;
  text-align: center;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__title {
    margin-bottom: 2rem;
  }
}
.mediacenter-reviews-hero__title span {
  color: var(--color-secondary);
}
.mediacenter-reviews-hero__desc {
  max-width: 27.5rem;
  margin: 0 auto 1.5rem;
  text-align: center;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__desc {
    margin-bottom: 0rem;
  }
}
.mediacenter-reviews-hero__head {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__head {
    margin-bottom: -5px;
  }
}
.mediacenter-reviews-hero__media {
  min-height: 18.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__media {
    min-height: initial;
  }
}
.mediacenter-reviews-hero__img {
  display: block;
  max-width: 15rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__img {
    max-width: 21.875rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-reviews-hero__img {
    max-width: 37.5rem;
  }
}
.mediacenter-reviews-hero__picture {
  position: absolute;
  display: block;
  width: 7.875rem;
  height: 5.6875rem;
  border-radius: 1.25rem;
  border: 3px solid var(--color-whte);
  overflow: hidden;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0588235294), 0px 10px 10px 0px rgba(0, 0, 0, 0.0509803922), 0px 22px 13px 0px rgba(0, 0, 0, 0.031372549), 0px 39px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 61px 17px 0px rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__picture {
    width: 12rem;
    height: 8.875rem;
    border-radius: 1.5rem;
    border-width: 6px;
  }
}
.mediacenter-reviews-hero__picture--left {
  left: 11%;
  bottom: 11.25rem;
  transform: rotate(-9deg);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__picture--left {
    left: 10%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-reviews-hero__picture--left {
    left: 14%;
    bottom: 10.875rem;
  }
}
.mediacenter-reviews-hero__picture--right {
  right: 7%;
  bottom: 12.25rem;
  transform: rotate(15deg);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__picture--right {
    bottom: 7.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-reviews-hero__picture--right {
    bottom: 9.5rem;
    right: 10.5%;
  }
}
.mediacenter-reviews-hero__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mediacenter-reviews-hero__badge {
  position: absolute;
}
.mediacenter-reviews-hero__badge--left {
  left: 0.625rem;
  bottom: 7.125rem;
  transform: rotate(5deg);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__badge--left {
    bottom: 2.5rem;
    left: 20%;
    transform: rotate(4deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-reviews-hero__badge--left {
    left: 23%;
    bottom: 3.25rem;
    transform: rotate(-4deg);
  }
}
.mediacenter-reviews-hero__badge--middle {
  right: 13%;
  bottom: 8.375rem;
  transform: rotate(-5deg);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__badge--middle {
    bottom: 10.625rem;
    left: 30%;
    right: auto;
    transform: rotate(12deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-reviews-hero__badge--middle {
    left: 31%;
    bottom: 11.5625rem;
  }
}
.mediacenter-reviews-hero__badge--right {
  display: none !important;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-reviews-hero__badge--right {
    display: inline-flex !important;
    bottom: 4.1875rem;
    right: 20%;
    transform: rotate(-4deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-reviews-hero__badge--right {
    right: 15%;
    bottom: 4.625rem;
  }
}
.mediacenter-articles-hero__head {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-articles-hero__head {
    margin-bottom: -50px;
  }
}
.mediacenter-articles-hero__title {
  max-width: 43.875rem;
  margin: 0 auto 1rem;
  text-align: center;
}
.mediacenter-articles-hero__title span {
  color: var(--color-secondary);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-articles-hero__title {
    margin-bottom: 2rem;
  }
}
.mediacenter-articles-hero__desc {
  max-width: 27.5rem;
  margin: 0 auto;
  text-align: center;
}
.mediacenter-articles-hero__img {
  display: block;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-articles-hero__img {
    margin-top: -40px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-articles-hero__img {
    margin-top: -132px;
  }
}
.article-card {
  padding: 1.4375rem;
  border-radius: 1.25rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid var(--color-border);
  background: url("../img/mediacenter/article-card-bg.svg") center bottom/cover no-repeat, var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .article-card {
    border-radius: 1.5rem;
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .article-card {
    min-height: 36.25rem;
  }
}
.article-card__img {
  width: 100%;
  height: 12.5rem;
  display: block;
  border-radius: 0.75rem;
  overflow: hidden;
}
.article-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-card__desc {
  margin-top: auto;
}
.article-card__date {
  font-size: 0.875rem;
  height: 1.5rem;
}
.article-card__title {
  line-height: 1.2;
  transition: color 0.25s ease-in-out;
}
@media (any-hover: hover) {
  .article-card__title:hover {
    color: var(--color-primary);
  }
}
.article-card__link {
  margin-top: -8px;
}
@media only screen and (min-width: 1023.98px) {
  .article-card__link {
    margin-top: 0;
  }
}
.mediacenter-content {
  position: relative;
  z-index: 2;
}
.mediacenter-content__inner {
  padding: 1.5rem;
  background-color: var(--color-gray);
  border-radius: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-content__inner {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-content__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .mediacenter-content__inner {
    padding: 3.5rem;
  }
}
.mediacenter-content__head {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-content__head {
    flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-content__head {
    margin-bottom: 2.5rem;
  }
}
.mediacenter-content__bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-content__bottom {
    margin-top: 2rem;
  }
}
.mediacenter-content__news {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 560px) {
  .mediacenter-content__news {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-content__news {
    grid-template-columns: repeat(6, 1fr);
    gap: 2rem 1rem;
  }
  .mediacenter-content__news .news-card {
    grid-column: span 2;
  }
  .mediacenter-content__news .news-card--wide {
    grid-column: span 3;
  }
}
.mediacenter-content__promotions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-content__promotions {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-content__promotions {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1rem;
  }
}
.mediacenter-content__reviews {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row dense;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-content__reviews {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-content__reviews {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1365.98px) {
  .mediacenter-content__reviews {
    display: flex;
    flex-wrap: wrap;
  }
}
.mediacenter-content__articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-content__articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1119.98px) {
  .mediacenter-content__articles {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1rem;
  }
}
.mediacenter-content__webinars {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .mediacenter-content__webinars {
    grid-template-columns: repeat(2, 1fr);
  }
}
.news-card {
  padding: 1.4375rem;
  background: url("../img/mediacenter/news-card-bg.svg") center center/cover no-repeat, var(--color-gray);
  border-radius: 1.5rem;
  border: 1px solid var(--color-border);
  overflow: hidden;
  min-height: 20rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 22.5rem;
  transition: 0.25s ease-in-out;
}
@media only screen and (min-width: 1119.98px) {
  .news-card {
    min-height: 25rem;
  }
}
@media (any-hover: hover) {
  .news-card:hover {
    background: url("../img/mediacenter/news-card-bg-hover.svg") center center/cover no-repeat, var(--color-gray-dark);
  }
}
.news-card__date {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .news-card__date {
    margin-bottom: 1.5rem;
  }
}
.news-card__title {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .news-card__title {
    margin-bottom: 1rem;
  }
}
.news-card__category {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: auto;
  padding: 0.1875rem 0.6875rem;
  background-color: transparent;
  background-color: var(--color-gray-500);
  color: var(--color-whte);
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .news-card__category {
    font-size: 0.875rem;
    line-height: 1.2;
  }
}
.news-card__category::before {
  content: "";
  width: 1rem;
  height: 1rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 767.98px) {
  .news-card__category::before {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.webinar__inner {
  position: relative;
  padding: 1.5rem 1.25rem 15.125rem;
  border-radius: 1.5rem;
  background: url("../img/webinar/vawe-bg-sm.svg") bottom right/100% auto no-repeat, var(--color-secondary-100);
  overflow: hidden;
}
@media only screen and (min-width: 560px) {
  .webinar__inner {
    background-image: url("../img/webinar/vawe-bg.svg");
  }
}
@media only screen and (min-width: 767.98px) {
  .webinar__inner {
    padding: 2rem 2rem 12.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .webinar__inner {
    padding: 2.5rem 2.5rem 7.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .webinar__inner {
    padding: 3.5rem 3.5rem 6.5rem;
  }
}
.webinar__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.webinar__breadcrumbs {
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 1119.98px) {
  .webinar__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.webinar__date {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  padding: 0.375rem 0.625rem 0.375rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.2;
  background-color: var(--color-primary);
  color: var(--color-whte);
  margin-bottom: 1rem;
  border-radius: 6.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .webinar__date {
    margin-bottom: 1.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}
.webinar__date::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 1119.98px) {
  .webinar__date::before {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.webinar__title {
  max-width: 32.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .webinar__title {
    max-width: 40.625rem;
    margin-bottom: 1.5rem;
    line-height: 1.11;
  }
}
.webinar__desc {
  max-width: 22.5rem;
  margin-bottom: 2rem;
  text-align: center;
}
.webinar__sticker {
  position: absolute;
  width: 9.6875rem;
  bottom: 7rem;
  right: 1.25rem;
  transform: rotate(15deg);
}
@media only screen and (min-width: 1119.98px) {
  .webinar__sticker {
    transform: rotate(0);
    bottom: auto;
    z-index: 2;
    top: 3rem;
    right: 2.875rem;
    width: auto;
  }
}
.webinar__img {
  display: none;
  position: absolute;
}
.webinar__img--sm {
  display: block;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 1119.98px) {
  .webinar__img--sm {
    display: none;
  }
}
@media only screen and (min-width: 1119.98px) {
  .webinar__img--left {
    display: block;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .webinar__img--right {
    display: block;
    right: 0;
    bottom: 0;
  }
}
.webinar-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.0392156863);
  backdrop-filter: blur(4px);
  background-color: rgba(var(--color-whte--rgb), 0.8);
  border-top: 1px solid var(--color-border);
  z-index: 10;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.webinar-bottom-bar._is-visible {
  opacity: 1;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-bottom-bar {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
  }
}
.webinar-bottom-bar__date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  color: var(--color-primary);
  font-size: 0.875rem;
  line-height: 1.25;
}
.webinar-bottom-bar__date::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  mask: url("../img/icons/calendar.svg") center center/contain no-repeat;
  -webkit-mask: url("../img/icons/calendar.svg") center center/contain no-repeat;
  background-color: currentColor;
}
.target-audience__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .target-audience__title {
    margin-bottom: 2.5rem;
  }
}
.target-audience__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .target-audience__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1119.98px) {
  .target-audience__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.target-audience__item {
  position: relative;
  background: url("../img/target-audience/zigzag-bg-sm.svg") center center/cover no-repeat, var(--color-gray);
  padding: 1rem;
  border-radius: 1.5rem;
  min-height: 11.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .target-audience__item {
    padding: 1.5rem;
    min-height: 15rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .target-audience__item {
    padding: 2.5rem;
    min-height: 21.9375rem;
  }
  .target-audience__item:nth-of-type(3) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .target-audience__item:nth-of-type(4) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.target-audience__item-title {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .target-audience__item-title {
    margin-bottom: 1rem;
  }
}
.target-audience__item-desc {
  max-width: 20.375rem;
}
.target-audience__item-img {
  position: absolute;
  bottom: 0rem;
  right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .target-audience__item-img {
    right: 1rem;
    bottom: 1rem;
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .target-audience__item-img {
    right: 1.25rem;
    bottom: 1.25rem;
    width: 10rem;
    height: 10rem;
  }
}
.target-audience__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.speaker__inner {
  position: relative;
  padding-bottom: 5rem;
}
@media only screen and (min-width: 1023.98px) {
  .speaker__inner {
    display: flex;
    gap: 1.75rem;
  }
}
.speaker__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .speaker__title {
    margin-bottom: 2rem;
  }
}
.speaker__title span {
  color: var(--color-secondary);
}
.speaker__info {
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .speaker__info {
    max-width: 41.625rem;
    margin-bottom: 0;
    padding-bottom: 4.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .speaker__desc {
    max-width: 33.125rem;
  }
}
.speaker__btn {
  display: flex;
  max-width: max-content;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1023.98px) {
  .speaker__btn {
    position: static;
    left: 0;
    transform: translateX(0);
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .speaker__bio {
    position: relative;
    width: 100%;
  }
}
.speaker__bio-img {
  display: block;
  width: 17.375rem;
  height: 17.5rem;
  border: 6px solid var(--color-whte);
  border-radius: 1.5rem;
  overflow: hidden;
  margin: 0 auto;
  transform: rotate(-10deg);
  aspect-ratio: 1/1;
  box-shadow: 0px 7.45px 18.64px 0px rgba(0, 0, 0, 0.0588235294), 0px 37.27px 37.27px 0px rgba(0, 0, 0, 0.0509803922), 0px 82px 48.45px 0px rgba(0, 0, 0, 0.031372549), 0px 145.36px 55.91px 0px rgba(0, 0, 0, 0.0117647059), 0px 227.36px 63.36px 0px rgba(0, 0, 0, 0);
}
.speaker__bio-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 1023.98px) {
  .speaker__bio-img {
    max-width: 31.25rem;
    width: 100%;
    height: auto;
    aspect-ratio: initial;
    transform: rotate(-5deg);
    margin-left: 0;
    position: relative;
    border-radius: 1.5rem;
    top: 20px;
  }
}
.speaker__bio-info {
  margin-top: 3.875rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background-color: var(--color-whte);
  box-shadow: 1px 4px 20px 0px rgba(0, 0, 0, 0.0901960784);
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 1023.98px) {
  .speaker__bio-info {
    position: absolute;
    max-width: 17.5rem;
    width: 100%;
    right: 18px;
    top: 196px;
    margin: 0;
    z-index: 2;
    transform: rotate(5deg);
    padding: 1.5rem;
    border-radius: 1.5rem;
    background-color: var(--color-gray);
  }
}
.speaker__bio-info-section:not(:last-of-type) {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-secondary-100);
  margin-bottom: 1rem;
}
.speaker__bio-info-title {
  color: var(--color-secondary);
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .speaker__bio-info-title {
    margin-bottom: 0.5rem;
  }
}
.speaker__bio-info-desc {
  font-size: 0.875rem;
  line-height: 1.25;
  letter-spacing: -0.14px;
}
@media only screen and (min-width: 767.98px) {
  .speaker__bio-info-desc {
    font-size: 1rem;
    letter-spacing: -0.16px;
  }
}
.webinar-program__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .webinar-program__title {
    margin-bottom: 2.5rem;
  }
}
.webinar-program__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-program__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.webinar-program-item {
  padding: 1rem;
  border-radius: 1.5rem;
  background: url("../img/webinar/vawe-bottom-gray.svg") bottom right/100% auto no-repeat, var(--color-gray);
  overflow: hidden;
}
@media only screen and (min-width: 767.98px) {
  .webinar-program-item {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .webinar-program-item:nth-of-type(6) {
    order: 10;
  }
  .webinar-program-item:nth-of-type(5) {
    order: 9;
  }
  .webinar-program-item:nth-of-type(4) {
    order: 7;
  }
  .webinar-program-item:nth-of-type(3) {
    order: 8;
  }
}
@media only screen and (min-width: 1119.98px) {
  .webinar-program-item {
    padding: 2.5rem;
    min-height: 19.4375rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.webinar-program-item--secondary {
  background-color: var(--color-secondary-100);
  background-image: url("../img/webinar/vawe-bottom-white.svg");
}
.webinar-program-item__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-program-item__title {
    max-width: 31.25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .webinar-program-item__desc {
    margin-top: auto;
  }
}
.webinar-program-item-banner {
  position: relative;
  background-color: var(--color-secondary);
  color: var(--color-whte);
}
.webinar-program-item-banner__title {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .webinar-program-item-banner__title {
    margin-bottom: 1rem;
  }
}
.webinar-program-item-banner__desc {
  max-width: 18.625rem;
}
.webinar-program-item-banner__btn {
  margin-top: 4.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-program-item-banner__btn {
    margin-top: auto;
  }
}
.webinar-program-item-banner__img {
  position: absolute;
  bottom: 0;
  right: -60px;
}
@media only screen and (min-width: 1119.98px) {
  .webinar-program-item-banner__img {
    right: -1px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__inner {
    padding: 6.25rem 0;
    position: relative;
  }
}
@media only screen and (min-width: 1119.98px) {
  .webinar-promo__inner {
    padding: 13.875rem 0 11rem;
  }
}
.webinar-promo__info {
  max-width: 30rem;
  margin: 0 auto 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1119.98px) {
  .webinar-promo__info {
    max-width: 42.625rem;
    gap: 2rem;
    margin-bottom: 0;
  }
}
.webinar-promo__title {
  text-align: center;
  max-width: 25rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__title {
    max-width: initial;
  }
}
.webinar-promo__date {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  padding: 0.375rem 0.625rem 0.375rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.2;
  background-color: var(--color-primary);
  color: var(--color-whte);
  border-radius: 6.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .webinar-promo__date {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}
.webinar-promo__date::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 1119.98px) {
  .webinar-promo__date::before {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.webinar-promo__gallery {
  padding: 1.5rem;
  max-width: 25rem;
  margin: 0 auto;
}
.webinar-promo__gallery-inner {
  position: relative;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__gallery-inner {
    position: static;
  }
}
.webinar-promo__img {
  display: block;
  width: 100%;
  height: 12.875rem;
  overflow: hidden;
  border-radius: 1.5rem;
}
.webinar-promo__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__img {
    position: absolute;
  }
}
.webinar-promo__img:not(:first-child) {
  margin-top: -206px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__img:not(:first-child) {
    position: absolute;
    margin-top: 0;
  }
}
.webinar-promo__img:nth-of-type(2n + 1) {
  transform: rotate(-5deg);
  opacity: 0.2;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__img:nth-of-type(2n + 1) {
    opacity: initial;
    transform: initial;
    transform: rotate(0deg);
  }
}
.webinar-promo__img:nth-of-type(3n + 1) {
  transform: rotate(5deg);
  opacity: 0.4;
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__img:nth-of-type(3n + 1) {
    opacity: initial;
    transform: initial;
    transform: rotate(0deg);
  }
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__img {
    position: absolute;
    width: 10rem;
    height: 7.5rem;
  }
}
@media only screen and (min-width: 1023.98px) and (min-width: 1119.98px) {
  .webinar-promo__img {
    width: 13.375rem;
    height: 10rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__img--xl {
    width: 12.5rem;
    height: 8.75rem;
  }
}
@media only screen and (min-width: 1023.98px) and (min-width: 1119.98px) {
  .webinar-promo__img--xl {
    width: 17.1875rem;
    height: 12.5rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .webinar-promo__img:nth-of-type(1) {
    top: 0;
    left: 17%;
    opacity: 0.55;
  }
  .webinar-promo__img:nth-of-type(6) {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .webinar-promo__img:nth-of-type(3) {
    bottom: 1.25rem;
    left: 25%;
    opacity: 0.1;
  }
  .webinar-promo__img:nth-of-type(4) {
    top: 2.5rem;
    right: 9%;
  }
  .webinar-promo__img:nth-of-type(5) {
    top: 60%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0.28;
  }
  .webinar-promo__img:nth-of-type(2) {
    bottom: 0rem;
    right: 25%;
  }
}
.promo-banner--bg-circle .promo-banner__inner {
  background-image: url("../img/promo-banner/circle-bg-sm.svg");
  background-position: bottom left;
  background-size: 100% auto;
}
@media only screen and (min-width: 767.98px) {
  .promo-banner--bg-circle .promo-banner__inner {
    background-image: url("../img/promo-banner/circle-bg.svg");
    background-position: bottom right;
    background-size: auto auto;
  }
}
.promo-banner--bg-vawe-bottom .promo-banner__inner {
  background-image: url("../img/promo-banner/bg-bottom-vawe.svg");
  background-size: 100% auto;
  background-position: left bottom;
}
.promo-banner--bg-vawe-bottom-secondary .promo-banner__inner {
  background-image: url("../img/promo-banner/bg-bottom-vawe-secondary.svg");
  background-size: 100% auto;
  background-position: left bottom;
}
.promo-banner--bg-vawe-left .promo-banner__inner {
  background-image: url("../img/promo-banner/bg-left-vawe.svg");
  background-size: auto 100%;
  background-position: left bottom;
}
.promo-banner--secondary .promo-banner__inner {
  background-color: var(--color-secondary);
  color: var(--color-whte);
}
.promo-banner--secondary .promo-banner__desc .text {
  color: rgba(var(--color-whte--rgb), 0.8);
}
.promo-banner--gray .promo-banner__inner {
  background-color: var(--color-gray);
  background-image: url("../img/promo-banner/zigzag-bg-gray.svg");
}
.promo-banner__inner {
  position: relative;
  padding: 1.5rem 1.5rem 14.75rem;
  border-radius: 1.5rem;
  overflow: hidden;
  background: url("../img/promo-banner/zigzag-bg.svg") center center/cover no-repeat, var(--color-primary-100);
}
@media only screen and (min-width: 767.98px) {
  .promo-banner__inner {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .promo-banner__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promo-banner__inner {
    padding: 3.5rem;
    min-height: 31rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.promo-banner__subtitle {
  display: inline-block;
  width: auto;
  padding: 0.25rem 0.5rem;
  background-color: var(--color-primary);
  color: var(--color-whte);
  border-radius: 0.625rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.23;
}
@media only screen and (min-width: 1119.98px) {
  .promo-banner__subtitle {
    margin-bottom: 2rem;
    font-size: 1.5rem;
  }
}
.promo-banner__title {
  max-width: 45rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo-banner__title {
    margin-bottom: 2rem;
  }
}
.promo-banner__title span {
  color: var(--color-secondary);
}
.promo-banner__desc {
  max-width: 25rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo-banner__desc {
    max-width: 40rem;
    gap: 1.5rem;
  }
}
.promo-banner__desc span {
  color: var(--color-secondary);
}
.promo-banner__btn span {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .promo-banner__btn span {
    display: inline;
  }
}
.promo-banner__img {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  max-width: 20.5rem;
  height: 13.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .promo-banner__img {
    height: auto;
    max-width: 25rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promo-banner__img {
    max-width: 34.8125rem;
  }
}
.ct-wrapper {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: var(--color-gray);
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .ct-wrapper {
    padding: 5rem 1.5rem;
  }
}
.ct-inner {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-inner {
    gap: 5rem;
  }
}
.ct-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  max-width: 46.25rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1119.98px) {
  .ct-section {
    gap: 2rem;
  }
}
.ct-section-wide {
  padding: 2rem 1.5rem;
  position: relative;
  border-radius: 1.25rem;
  background-color: var(--color-gray-200);
  width: calc(100% + 48px);
  margin-left: -24px;
  margin-right: -24px;
}
@media only screen and (min-width: 1119.98px) {
  .ct-section-wide {
    padding: 5rem 1.5rem;
    border-radius: 1.5rem;
  }
}
.ct-back__link {
  width: auto;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-bottom: 1px solid var(--color-secondary);
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--color-secondary);
}
.ct-back__link::before {
  content: "";
  width: 1rem;
  height: 1rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
.ct-badges {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-badges {
    gap: 1rem;
  }
}
.ct-rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ct-rating__star {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.ct-rating__stars-mob {
  display: block;
}
@media only screen and (min-width: 1119.98px) {
  .ct-rating__stars-mob {
    display: none;
  }
}
.ct-rating__stars-desk {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .ct-rating__stars-desk {
    display: flex;
    align-items: center;
  }
}
.ct-rating__num {
  font-weight: 500;
}
.ct-figure {
  width: 100%;
}
.ct-figure__img {
  display: block;
  width: 100%;
  height: 11.875rem;
}
@media only screen and (min-width: 560px) {
  .ct-figure__img {
    height: auto;
  }
}
.ct-figure__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.25rem;
  border: 3px solid var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .ct-figure__img img {
    border-width: 0.375rem;
    border-radius: 1.5rem;
  }
}
.ct-figure__caption {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 0.8125rem;
  padding: 0 0.1875rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-figure__caption {
    font-size: 1rem;
    margin-top: 0.625rem;
    padding: 0 0.375rem;
  }
}
.ct-author {
  width: 100%;
  padding: 1rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray-200);
}
@media only screen and (min-width: 1119.98px) {
  .ct-author {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
.ct-author__subtitle {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-author__subtitle {
    margin-bottom: 1rem;
  }
}
.ct-author__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-author__main {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}
.ct-author__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .ct-author__img {
    width: 6rem;
    height: 6rem;
  }
}
.ct-author__img img {
  display: block;
  width: 100%;
}
.ct-author__name {
  margin-bottom: 0.25rem;
}
.ct-author__desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .ct-author__desc {
    font-size: 1rem;
  }
}
.ct-bloquote {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: var(--color-secondary-100);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 1119.98px) {
  .ct-bloquote {
    padding: 2.5rem;
  }
}
.ct-bloquote__icon {
  margin-bottom: 1rem;
  background: url("../img/icons/quote.svg") center center/contain no-repeat;
  width: 2.5rem;
  height: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-bloquote__icon {
    width: 3.375rem;
    height: 2rem;
    margin-bottom: 1.5rem;
  }
}
.ct-bloquote__text {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-bloquote__text {
    margin-bottom: 2rem;
  }
}
.ct-bloquote__author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-bloquote__author {
    flex-direction: row;
    align-items: center;
  }
}
.ct-bloquote__author-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .ct-bloquote__author-img {
    border-width: 2px;
  }
}
.ct-bloquote__author-img img {
  display: block;
  width: 100%;
}
.ct-bloquote__author-title {
  font-size: 0.875rem;
  font-weight: 500;
}
@media only screen and (min-width: 767.98px) {
  .ct-bloquote__author-title {
    font-size: 1rem;
  }
}
.ct-bloquote__author-desc {
  font-size: 0.875rem;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .ct-bloquote__author-desc {
    font-size: 1rem;
  }
}
.ct-document {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  background-color: var(--color-secondary);
  color: var(--color-whte);
  border-radius: 1.5rem;
  overflow: hidden;
}
.ct-document__title {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-document__title {
    max-width: 28.75rem;
  }
}
.ct-document__file {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--color-whte);
  background-color: var(--color-primary);
  border-radius: 6.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-document__file {
    padding: 1rem;
    height: 3.3125rem;
    gap: 0.125rem;
  }
}
.ct-document__file::before {
  content: "";
  width: 1rem;
  height: 1rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: var(--color-whte);
}
.ct-document__file-size {
  padding-left: 0.625rem;
  position: relative;
}
.ct-document__file-size::before {
  content: "";
  width: 0.125rem;
  height: 0.125rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25rem;
  background-color: var(--color-whte);
}
.ct-document__img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .ct-document__img {
    display: block;
    position: absolute;
    right: -30px;
    bottom: 0;
  }
}
.ct-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.ct-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
@media only screen and (min-width: 1023.98px) {
  .ct-text {
    gap: 1rem;
  }
}
.ct-text p a,
.ct-text p span {
  color: var(--color-secondary);
}
.ct-num-list {
  counter-reset: list;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
}
@media only screen and (min-width: 1023.98px) {
  .ct-num-list {
    gap: 1.125rem;
  }
}
.ct-num-list__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  counter-increment: list;
  font-size: 0.875rem;
  line-height: 1.25;
}
.ct-num-list__item::before {
  content: counter(list);
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 500;
  background-color: var(--color-primary);
  color: var(--color-whte);
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .ct-num-list__item::before {
    font-size: 1rem;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1023.98px) {
  .ct-num-list__item {
    position: relative;
    padding-left: 2.3125rem;
    font-size: 1rem;
  }
  .ct-num-list__item::before {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.ct-num-list__item-title {
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .ct-num-list__item-title {
    margin-bottom: 0.625rem;
  }
}
.ct-num-list__item-title span {
  color: var(--color-secondary);
}
.ct-num-list__item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .ct-num-list__item-text {
    gap: 0.75rem;
  }
}
.ct-warning {
  position: relative;
  width: 100%;
  padding: 1rem 4.375rem 1rem 1rem;
  background-color: var(--color-secondary-100);
  border-radius: 1.25rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .ct-warning {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
.ct-warning__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ct-warning__desc {
  font-size: 0.875rem;
  line-height: 1.25;
}
@media only screen and (min-width: 767.98px) {
  .ct-warning__desc {
    max-width: 28.125rem;
    font-size: 1rem;
    line-height: 1.32;
  }
}
.ct-warning__desc span {
  color: var(--color-secondary);
}
.ct-warning__icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ct-warning__img {
  position: absolute;
  display: block;
  width: 6.375rem;
  right: -33px;
  bottom: 0;
}
@media only screen and (min-width: 1023.98px) {
  .ct-warning__img {
    width: 5.8125rem;
    bottom: 0;
    right: 0;
  }
}
.ct-price {
  width: 100%;
  padding: 1rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray-200);
}
@media only screen and (min-width: 1119.98px) {
  .ct-price {
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
.ct-price__summ {
  color: var(--color-primary-dark);
}
.ct-price__text {
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--color-text-alt);
}
@media only screen and (min-width: 1119.98px) {
  .ct-price__text {
    font-size: 1rem;
    margin-top: 0.5rem;
  }
}
.ct-price-cards {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .ct-price-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.ct-price-cards__item {
  height: 9.875rem;
  padding: 1rem;
  background-color: var(--color-gray-200);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 1;
}
@media only screen and (min-width: 1119.98px) {
  .ct-price-cards__item {
    border-radius: 1.5rem;
    padding: 1.5rem;
    height: 11.375rem;
  }
}
.ct-price-cards__item-summ {
  color: var(--color-primary-dark);
  margin-bottom: 0.25rem;
}
.ct-price-cards__item-title, .ct-price-cards__item-summ-in-rubbles {
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--color-text-alt);
}
@media only screen and (min-width: 767.98px) {
  .ct-price-cards__item-title, .ct-price-cards__item-summ-in-rubbles {
    font-size: 1rem;
  }
}
.ct-cards {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .ct-cards__slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.ct-cards__slider .swiper-pagination {
  position: static;
  margin-top: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .ct-cards__slider .swiper-pagination {
    display: none;
  }
}
.ct-card.swiper-slide {
  padding: 1rem;
  border-radius: 1.25rem;
  height: 17.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background: url("../img/ct/zigzag-gray.svg") center center/cover no-repeat, var(--color-gray-200);
}
@media only screen and (min-width: 1119.98px) {
  .ct-card.swiper-slide {
    height: 21.25rem;
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
.ct-card--primary.swiper-slide {
  background-color: var(--color-primary-100);
  background-image: url("../img/ct/zigzag-white.svg");
}
.ct-card--secondary.swiper-slide {
  background-color: var(--color-secondary-100);
  background-image: url("../img/ct/zigzag-white.svg");
}
.ct-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  background-color: var(--color-whte);
  border-radius: 50%;
}
.ct-card__icon img {
  display: block;
  width: 3rem;
  height: 3rem;
}
@media only screen and (min-width: 767.98px) {
  .ct-card__title {
    max-width: 17.5rem;
  }
}
.ct-notification {
  padding: 1rem;
  background-color: var(--color-secondary-100);
  border-radius: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.2;
  color: rgba(var(--color-blck--rgb), 0.7);
}
@media only screen and (min-width: 767.98px) {
  .ct-notification {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ct-notification {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
.ct-notification p + p {
  margin-top: 0.75rem;
}
@media only screen and (min-width: 767.98px) {
  .ct-notification p + p {
    margin-top: 1rem;
  }
}
.ct-notification span,
.ct-notification a {
  color: var(--color-secondary);
}
.ct-steps {
  padding: 1rem;
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  background-color: var(--color-gray-200);
}
@media only screen and (min-width: 1119.98px) {
  .ct-steps {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
.ct-steps__item {
  padding: 1rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1119.98px) {
  .ct-steps__item {
    padding: 1.5rem;
    min-height: 11.5625rem;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1023.98px) {
  .ct-steps__item-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ct-steps__item-top {
    margin-bottom: 1.5rem;
  }
}
.ct-steps__item-num {
  width: 3rem;
  height: 3rem;
  background-color: var(--color-whte);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: var(--color-primary);
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-steps__item-num {
    margin-bottom: 0;
  }
}
.ct-steps__item-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-steps__item-title {
    margin-bottom: 0;
  }
}
.ct-steps__item-text {
  color: var(--color-text-alt);
}
@media only screen and (min-width: 1119.98px) {
  .ct-steps__item-text {
    margin-top: auto;
  }
}
.ct-text-banners {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1023.98px) {
  .ct-text-banners__slider {
    overflow: hidden;
  }
}
.ct-text-banners__slider .swiper-pagination {
  margin-top: 1rem;
}
.ct-text-banners__item {
  padding: 1rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: url("../img/ct/vawe-bottom-primary.svg") bottom left/100% auto no-repeat, var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .ct-text-banners__item {
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
.ct-text-banners__item-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-text-banners__item-title {
    margin-bottom: 1.5rem;
  }
}
.ct-table {
  overflow: auto;
  width: 100%;
}
@media only screen and (min-width: 560px) {
  .ct-table {
    width: 100%;
    margin: 0;
    border-radius: 1.5rem;
  }
}
.ct-table .table-wrapper--overflow {
  overflow-x: auto;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .ct-table .table-wrapper--overflow {
    padding-bottom: 0;
  }
}
.ct-table .table-wrapper--overflow::-webkit-scrollbar {
  width: 100%;
  height: 2px;
}
.ct-table .table-wrapper--overflow::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-500);
  height: 2px;
}
.ct-table .table-wrapper--overflow::-webkit-scrollbar-track {
  background-color: var(--color-gray-dark);
  height: 2px;
}
.ct-table .table-wrapper--overflow .table {
  min-width: 43.75rem;
}
.ct-table .table {
  border-radius: 1.25rem;
  border: 1px solid var(--color-border);
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 1119.98px) {
  .ct-table .table {
    border-radius: 1.5rem;
  }
}
.ct-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: hidden;
}
.ct-table th,
.ct-table td {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: left;
  font-weight: 400;
  vertical-align: top;
}
@media only screen and (min-width: 767.98px) {
  .ct-table th,
  .ct-table td {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ct-table th,
  .ct-table td {
    padding: 1.5rem;
  }
}
.ct-table th {
  background-color: var(--color-primary);
}
.ct-table th:not(:last-of-type) {
  border-right: 1px solid var(--color-border);
}
.ct-table td {
  border: 1px solid var(--color-border);
  background-color: var(--color-whte);
  border-bottom: 0;
  color: rgba(var(--color-blck--rgb), 0.7);
}
.ct-table td b {
  color: var(--color-blck);
}
.ct-table td p {
  margin-bottom: 0.5rem;
}
.ct-table td:first-child {
  border-left: 0;
}
.ct-table td:last-of-type {
  border-right: 0;
}
.ct-gallery {
  width: 100%;
  max-width: 100%;
}
.ct-gallery__slider .swiper-slide {
  opacity: 0.4;
}
.ct-gallery__slider .swiper-slide-active {
  opacity: 1;
}
.ct-gallery__controls {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .ct-gallery__controls {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-top: 2rem;
  }
}
.ct-gallery .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-gallery .swiper-pagination {
    display: none;
  }
}
.ct-gallery__item-info {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-gallery__item-info {
    margin-top: 2rem;
  }
}
.ct-gallery__item-title {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 767.98px) {
  .ct-gallery__item-title {
    margin-bottom: 1rem;
  }
}
.ct-reminder {
  position: relative;
  width: 100%;
  padding: 1.5rem 1.5rem 10.8125rem;
  border-radius: 1.25rem;
  background-color: var(--color-secondary);
  color: var(--color-whte);
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .ct-reminder {
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
.ct-reminder__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-reminder__title {
    margin-bottom: 1.5rem;
  }
}
.ct-reminder__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-reminder__list {
    max-width: 25.3125rem;
  }
}
.ct-reminder__img {
  position: absolute;
  display: block;
  max-width: 11.25rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  filter: drop-shadow(10px 20px 45px rgba(0, 0, 0, 0.1019607843));
}
@media only screen and (min-width: 1119.98px) {
  .ct-reminder__img {
    max-width: 20rem;
    transform: translateX(0);
    left: auto;
    right: 0;
  }
}
.ct-reminder__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-reminder__item {
    flex-direction: row;
    gap: 0.75rem;
  }
}
.ct-reminder__item-num {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-whte);
  border-radius: 50%;
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--color-secondary);
  flex-shrink: 0;
}
@media only screen and (min-width: 1119.98px) {
  .ct-reminder__item-num {
    font-size: 1rem;
  }
}
.ct-reminder__item-text {
  font-size: 0.875rem;
  line-height: 1.31;
  color: rgba(var(--color-whte--rgb), 0.7);
}
@media only screen and (min-width: 1119.98px) {
  .ct-reminder__item-text {
    font-size: 1rem;
    padding-top: 0.0625rem;
  }
}
.ct-rate-this {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ct-rate-this__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-rate-this__title {
    margin-bottom: 2rem;
  }
}
.ct-rate-this__stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.ct-rate-this__star {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
}
.ct-rate-this__num {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 767.98px) {
  .ct-rate-this__num {
    font-size: 1rem;
  }
}
.ct-rate-this__num span {
  display: block;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-rate-this__num span {
    display: none;
  }
}
.ct-advantages {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.ct-advantages__card {
  width: 100%;
  position: relative;
  padding: 1.5rem 1.5rem 8rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: var(--color-gray-200);
  background-image: url("../img/bg/waves-gray.svg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.ct-advantages__card:nth-of-type(even) {
  background-image: url("../img/bg/waves-gray-invert.svg");
}
@media only screen and (min-width: 1119.98px) {
  .ct-advantages__card {
    height: auto;
    padding: 2rem 2rem 5.5rem 2rem;
    border-radius: 1.5rem;
  }
}
.ct-advantages__card-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-advantages__card-title {
    max-width: 23.75rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ct-advantages__card-text {
    max-width: 26.25rem;
  }
}
.ct-advantages__card-icon {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  background-color: var(--color-whte);
  border-radius: 1.5rem;
  transform: rotate(-6deg);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.0196078431), 0px 11px 11px 0px rgba(0, 0, 0, 0.0196078431), 0px 26px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 46px 18px 0px rgba(0, 0, 0, 0), 0px 72px 20px 0px rgba(0, 0, 0, 0);
}
.ct-advantages__card-icon img {
  display: block;
  width: 3.4375rem;
  height: 3.4375rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-advantages__card-icon {
    width: 6.5rem;
    height: 6.5rem;
    bottom: 2rem;
    right: 2rem;
  }
  .ct-advantages__card-icon img {
    width: 5rem;
    height: 5rem;
  }
}
.ct-slider {
  width: 100%;
  max-width: 100%;
}
.ct-slider__title {
  text-align: center;
  max-width: 26.25rem;
  margin: 0 auto 1.5rem;
}
.ct-slider__main {
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1119.98px) {
  .ct-slider__main {
    margin-bottom: 1.5rem;
  }
}
.ct-slider__main .swiper-pagination {
  margin-top: 1rem;
}
.ct-slider__main .swiper-slide {
  opacity: 0.4;
}
.ct-slider__main .swiper-slide-active {
  opacity: 1;
}
.ct-slider__info {
  width: 100%;
  max-width: 100%;
}
.ct-slider__info .swiper-slide {
  opacity: 0;
}
.ct-slider__info .swiper-slide-active {
  opacity: 1;
}
.ct-slider__info-item-title {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-slider__info-item-title {
    margin-bottom: 1rem;
  }
}
.ct-slider__info-item-text {
  max-width: 26.25rem;
}
.ct-info-block {
  width: 100%;
  max-width: 100%;
}
.ct-info-block__title {
  margin-bottom: 1.5rem;
}
.ct-info-block__desc {
  max-width: 35.625rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-info-block__desc {
    margin-bottom: 2rem;
  }
}
.ct-info-block__slider .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .ct-info-block__slider .swiper-pagination {
    margin-top: 2rem;
  }
}
.ct-info-block__item.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  background: url("../img/bg/waves-gray-card.svg") center center/cover no-repeat, var(--color-gray);
  border-radius: 1.25rem;
  min-height: 20.5rem;
}
@media only screen and (min-width: 767.98px) {
  .ct-info-block__item.swiper-slide {
    width: 35.625rem;
    min-height: 20rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ct-info-block__item.swiper-slide {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}
.ct-info-block__item-num {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--color-text-alt);
  font-weight: 500;
  background-color: var(--color-whte);
  border-radius: 50%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .ct-info-block__item-num {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ct-info-block__item-num {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.5rem;
  }
}
.ct-info-block__item-desc {
  max-width: 26.25rem;
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--color-text-alt);
  margin-top: auto;
}
@media only screen and (min-width: 767.98px) {
  .ct-info-block__item-desc {
    font-size: 1rem;
  }
}
.ct-select-nav {
  width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .ct-select-nav {
    display: none;
  }
}
.ct-select-nav ._select-open .select__title {
  background-color: var(--color-whte);
  color: var(--color-blck);
}
.ct-select-nav ._select-open .select__value::after {
  background: var(--color-blck);
}
.ct-select-nav .select__title {
  background-color: var(--color-secondary);
  color: var(--color-whte);
  border-radius: 6.25rem;
  font-size: 1rem;
}
.ct-select-nav .select__value::after {
  mask: url("../img/icons/arrow-down.svg") center center/contain no-repeat;
  -webkit-mask: url("../img/icons/arrow-down.svg") center center/contain no-repeat;
  background: var(--color-whte);
}
.ct-select-nav .select__option {
  padding-left: 1.5rem;
  font-size: 1rem;
}
.ct-select-nav .select__option::before, .ct-select-nav .select__option::after {
  display: none;
}
.ct-side-nav {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .ct-side-nav {
    position: sticky;
    top: 12.5rem;
    display: block;
    width: 11.25rem;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .ct-side-nav {
    width: 12.625rem;
    top: 8.75rem;
  }
}
.ct-side-nav__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.ct-side-nav__item {
  width: 100%;
  position: relative;
}
.ct-side-nav__item input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 0;
}
.ct-side-nav__item input:checked + label {
  background-color: var(--color-secondary);
  color: var(--color-whte);
}
.ct-side-nav__item label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding: 0.625rem 0.5rem;
  height: 2.5rem;
  font-size: 0.875rem;
  background-color: var(--color-gray-dark);
  border-radius: 6.25rem;
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (min-width: 1119.98px) {
  .ct-side-nav__item label {
    padding: 0.75rem 0.5rem;
    height: 3rem;
    font-size: 1rem;
  }
}
.review.section {
  padding-top: 0.6875rem;
}
.review__controls {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.review__controls-btn::after, .review__controls-btn::before {
  margin-top: 0.125rem;
}
.badge {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.25rem 0.375rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: var(--color-whte);
}
.badge::before {
  content: "";
  width: 1rem;
  height: 1rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
.badge-round {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.3125rem 0.5625rem 0.3125rem 0.4375rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  border-radius: 1.5rem;
  height: 1.875rem;
  background-color: var(--color-whte);
  color: var(--color-secondary);
}
@media only screen and (min-width: 767.98px) {
  .badge-round {
    padding: 0.3125rem 0.6875rem;
    height: 1.875rem;
  }
}
.badge-round::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background-color: currentColor;
}
@media only screen and (min-width: 767.98px) {
  .badge-round::before {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.badge-round--outline {
  background-color: transparent;
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
.badge-round--primary {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
.badge-round--sm {
  padding: 0.1875rem 0.5625rem 0.1875rem 0.4375rem;
  height: 1.5rem;
  font-size: 0.75rem;
  letter-spacing: -0.12px;
  line-height: 1;
}
@media only screen and (min-width: 767.98px) {
  .badge-round--sm {
    height: 1.625rem;
    padding: 0.1875rem 0.6875rem;
    font-size: 0.875rem;
    line-height: 1.2;
    letter-spacing: -0.14px;
  }
}
.badge-round--sm::before {
  width: 1rem;
  height: 1rem;
}
@media only screen and (min-width: 767.98px) {
  .badge-round--sm::before {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.badge-round--lg {
  height: 1.75rem;
  padding: 0.25rem 0.3125rem;
}
.badge-round--lg::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
}
@media only screen and (min-width: 1023.98px) {
  .badge-round--lg {
    height: 2.25rem;
    padding: 0.5rem 0.75rem;
  }
  .badge-round--lg::before {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
  }
}
.badge-round--xl {
  height: 1.875rem;
  padding: 0.3125rem 0.5625rem 0.3125rem 0.4375rem;
  gap: 0.5rem;
}
.badge-round--xl::before {
  width: 1.125rem;
  height: 1.125rem;
}
@media only screen and (min-width: 1023.98px) {
  .badge-round--xl {
    height: 2.5rem;
    padding: 0.4375rem 0.9375rem;
    gap: 0.625rem;
  }
  .badge-round--xl::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
  }
}
.badge-round--md {
  height: 1.875rem;
  font-size: 0.75rem;
}
@media only screen and (min-width: 1023.98px) {
  .badge-round--md {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .infoblock--ask .infoblock__content {
    min-height: 44.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .infoblock--ask .infoblock__content {
    background: var(--color-whte);
  }
}
.infoblock__inner {
  position: relative;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: var(--color-secondary-100);
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__inner {
    padding: 2.5rem;
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    min-height: 51.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__inner {
    padding: 3.5rem;
    background: url("../img/ornament-bg.svg") top left/auto 100% no-repeat, var(--color-secondary-100);
    gap: 3rem;
  }
}
.infoblock__head {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__head {
    max-width: 20rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__head {
    max-width: 26.25rem;
    gap: 2rem;
  }
}
.infoblock__content {
  width: 100%;
  position: relative;
  padding: 1rem;
  border-radius: 18px;
  background-color: var(--color-whte);
  z-index: 2;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__content {
    padding: 1.5rem;
    height: 100%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__content {
    max-width: 787px;
    padding: 2.5rem;
    margin-left: auto;
    background: url("../img/bg/infoblock-ornament.svg") bottom right/auto auto no-repeat, var(--color-whte);
  }
}
.infoblock__img {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__img {
    max-width: 23.125rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 5%;
  }
}
.infoblock__title {
  margin-bottom: 0.625rem;
  line-height: 1.15;
  color: var(--color-secondary);
}
@media only screen and (min-width: 767.98px) {
  .infoblock__title {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__title {
    margin-bottom: 1.5rem;
  }
}
.infoblock__desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__desc {
    gap: 1rem;
  }
}
.infoblock__contact-title {
  margin-bottom: 1rem;
}
.infoblock__contact-types {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.infoblock__btn {
  width: 100%;
  margin-top: 1.5rem;
}
.infoblock__btn-text-desk {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__btn-text-desk {
    display: inline;
  }
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__btn-text-mob {
    display: none;
  }
}
@media only screen and (min-width: 767.98px) {
  .infoblock__btn {
    width: auto;
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .infoblock__btn {
    margin-top: 2.5rem;
  }
}
.infoblock__contacts-us {
  margin-top: 1.5rem;
}
.infoblock__contacts-us-gift {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__contacts-us-gift {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.infoblock__contacts-us-title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__contacts-us-title {
    margin-bottom: 1.5rem;
  }
}
.infoblock__contacts-us-tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__contacts-us-tabs {
    margin-bottom: 2.5rem;
  }
}
.infoblock__contacts-us-tab {
  padding: 0.5625rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-size: 0.875rem;
  line-height: 1.26;
  height: 2.25rem;
  background-color: var(--color-gray);
  border-radius: 6.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__contacts-us-tab {
    padding: 0.8125rem 1.625rem;
    height: 3rem;
    font-size: 1rem;
  }
}
.infoblock__contacts-us-tab._tab-active {
  background-color: var(--color-primary);
  color: var(--color-whte);
}
.infoblock__contacts-us-form-bottom {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__contacts-us-form-bottom {
    margin-top: 2.5rem;
  }
}
.infoblock__contacts-us-form-inputs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.875rem;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__contacts-us-form-inputs {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .infoblock__contacts-us-form-inputs .form-group:last-of-type {
    grid-column: span 2;
  }
}
.infoblock__contacts-us-btn {
  width: 100%;
  justify-content: center;
}
@media only screen and (min-width: 767.98px) {
  .infoblock__contacts-us-btn {
    width: auto;
  }
}
.infoblock__contacts-us-btn span {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .infoblock__contacts-us-btn span {
    display: block;
  }
}
.article-hero {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .article-hero {
    margin-bottom: 2.5rem;
  }
}
.article-hero__inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: url("../img/article/article-hero-bg.svg") bottom center/cover no-repeat, var(--color-gray);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .article-hero__inner {
    padding: 2.5rem;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    gap: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .article-hero__inner {
    gap: 3.5rem;
    padding: 3.5rem;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1023.98px) {
  .article-hero__info {
    max-width: 42rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .article-hero__info {
    padding-top: 2.125rem;
  }
}
.article-hero__breadcrumbs {
  margin-bottom: 2rem;
}
.article-hero__badge {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .article-hero__badge {
    margin-bottom: 2rem;
  }
}
.article-hero__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .article-hero__title {
    margin-bottom: 2rem;
  }
}
.article-hero__desc {
  max-width: 34.375rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .article-hero__desc {
    margin-bottom: 2rem;
  }
}
.article-hero__img {
  display: block;
  max-width: 32.5rem;
  width: 100%;
}
.article-hero__img img {
  display: block;
  width: 100%;
  border: 3px solid var(--color-whte);
  border-radius: 1.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .article-hero__img img {
    border-radius: 1.5rem;
  }
}
.promotion-hero {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-hero {
    margin-bottom: 2.5rem;
  }
}
.promotion-banner {
  position: relative;
  padding: 1.5rem 1.5rem 15.25rem;
  border-radius: 1.25rem;
  background: url("../img/promotion/promotion-banner-bg-sm.webp") center center/cover no-repeat, var(--color-primary-100);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner {
    padding: 5rem 2.5rem;
    border-radius: 1.5rem;
    background-image: url("../img/promotion/promotion-banner-bg.webp");
  }
}
@media only screen and (min-width: 1119.98px) {
  .promotion-banner {
    padding: 7.375rem 3.5rem;
  }
}
.promotion-banner__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.promotion-banner__badge {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner__badge {
    margin-bottom: 1.5rem;
  }
}
.promotion-banner__title {
  max-width: 37.5rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner__title {
    margin-bottom: 1.5rem;
  }
}
.promotion-banner__desc {
  max-width: 31.25rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner__desc {
    margin-bottom: 1.5rem;
  }
}
.promotion-banner__price {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
@media only screen and (min-width: 767.98px) {
  .promotion-banner__price {
    left: 20%;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner__price {
    left: auto;
    bottom: auto;
    right: 20%;
    top: 30%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promotion-banner__price {
    top: 28%;
    right: 24%;
  }
}
.promotion-banner__price-old {
  position: relative;
  bottom: -10px;
  padding: 0.5rem 1rem;
  background-color: var(--color-secondary-100);
  border: 2px solid var(--color-whte);
  border-radius: 1rem;
  text-transform: uppercase;
  color: var(--color-whte);
  transform: rotate(-5deg);
  opacity: 0.7;
}
@media only screen and (min-width: 1119.98px) {
  .promotion-banner__price-old {
    transform: rotate(-10deg);
    bottom: -15px;
    border-radius: 1.5rem;
  }
}
.promotion-banner__price-old::before {
  content: "";
  width: 8.375rem;
  height: 0.25rem;
  position: absolute;
  background-color: var(--color-whte);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-5deg);
  border: 1px solid var(--color-secondary-100);
}
@media only screen and (min-width: 1119.98px) {
  .promotion-banner__price-old::before {
    width: 12.5rem;
    height: 0.375rem;
  }
}
.promotion-banner__price-current {
  position: relative;
  left: 20px;
  padding: 0.5rem 1rem;
  background-color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
  border-radius: 1rem;
  text-transform: uppercase;
  color: var(--color-whte);
  transform: rotate(5deg);
}
@media only screen and (min-width: 1119.98px) {
  .promotion-banner__price-current {
    border-radius: 1.5rem;
  }
}
.promotion-banner__sticker {
  position: absolute;
  bottom: 130px;
  right: 80px;
  display: block;
  width: 9.6875rem;
}
@media only screen and (min-width: 767.98px) {
  .promotion-banner__sticker {
    right: 20%;
  }
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner__sticker {
    bottom: auto;
    right: auto;
    top: 100px;
    left: 20%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promotion-banner__sticker {
    width: 13.875rem;
    top: 120px;
    left: 32%;
  }
}
.promotion-banner__sticker img {
  display: block;
  width: 100%;
}
.promotion-banner__img {
  max-width: 14.375rem;
  position: absolute;
  bottom: -20px;
  right: -10px;
}
@media only screen and (min-width: 1023.98px) {
  .promotion-banner__img {
    max-width: 20rem;
    bottom: 0;
    right: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promotion-banner__img {
    max-width: 27.8125rem;
  }
}
.participants-history__inner {
  padding: 2.5rem 1.5rem 2.5rem;
  border-radius: 1.25rem;
  background: url("../img/bg/zigzag-gray-block.svg") center center/cover no-repeat, var(--color-gray);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .participants-history__inner {
    padding: 2.5rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .participants-history__inner {
    position: relative;
    padding: 3.5rem;
  }
}
.participants-history__title {
  max-width: 37.75rem;
  margin: 0 auto 1.5rem;
  text-align: center;
}
.participants-history__title span {
  color: var(--color-secondary);
}
@media only screen and (min-width: 1023.98px) {
  .participants-history__title {
    margin-bottom: 1.625rem;
  }
}
.participants-history__figure {
  position: relative;
  display: block;
  max-width: 43rem;
  width: 100%;
  margin: 0 auto 2.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .participants-history__figure {
    margin-bottom: 0;
  }
}
.participants-history__figure-frame {
  height: 11.875rem;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
  border: 3px solid var(--color-whte);
}
@media only screen and (min-width: 560px) {
  .participants-history__figure-frame {
    height: 15rem;
  }
}
@media only screen and (min-width: 767.98px) {
  .participants-history__figure-frame {
    height: 23.75rem;
    border-width: 6px;
  }
}
.participants-history__figure-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.participants-history__figure-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.participants-history__figure-video {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.participants-history__figure-caption {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25;
  margin-top: 0.8125rem;
}
@media only screen and (min-width: 767.98px) {
  .participants-history__figure-caption {
    font-size: 1rem;
    margin-top: 0.625rem;
  }
}
.participants-history__figure-play-btn {
  position: absolute;
  --size: 56px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--color-whte--rgb), 0.15);
  color: var(--color-whte);
  border-radius: 50%;
  backdrop-filter: blur(10px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media only screen and (min-width: 1023.98px) {
  .participants-history__figure-play-btn {
    --size: 112px;
  }
}
.participants-history__figure-play-btn .pause {
  display: none;
}
.participants-history__figure-play-btn.is-active {
  display: flex;
}
.participants-history__figure-play-btn.is-active .play {
  display: none;
}
.participants-history__figure-play-btn.is-active .pause {
  display: block;
}
.participants-history__quote {
  max-width: 15.8125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.participants-history__quote--right {
  transform: rotate(10deg);
  margin: 0 auto;
}
@media only screen and (min-width: 1119.98px) {
  .participants-history__quote--right {
    position: absolute;
    top: 33%;
    right: 3.125rem;
  }
}
.participants-history__quote--left {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .participants-history__quote--left {
    display: flex;
    transform: rotate(-10deg);
    position: absolute;
    top: 47%;
    left: 2.5rem;
  }
}
.participants-history__quote--secondary .participants-history__quote-text {
  background-color: var(--color-secondary);
}
.participants-history__quote-icon {
  width: 1.6875rem;
  height: 1rem;
}
.participants-history__quote-icon--bottom {
  margin-left: auto;
  transform: rotate(180deg);
}
.participants-history__quote-text {
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 500;
  padding: 0.5rem;
  background-color: var(--color-primary);
  color: var(--color-whte);
  text-align: center;
  border-radius: 0.75rem;
}
@media only screen and (min-width: 1119.98px) {
  .participants-history__quote-text span {
    display: none;
  }
}
.other-articles__inner {
  position: relative;
  padding-bottom: 5rem;
}
@media only screen and (min-width: 767.98px) {
  .other-articles__inner {
    padding-bottom: 0;
  }
}
.other-articles__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .other-articles__head {
    margin-bottom: 2.5rem;
  }
}
.other-articles__more-btn {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 767.98px) {
  .other-articles__more-btn {
    position: static;
    width: auto;
  }
}
.other-articles__slider {
  overflow: hidden;
}
.other-articles__slider .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .other-articles__slider .swiper-pagination {
    display: none;
  }
}
.other-articles__controls {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .other-articles__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
  }
}
.other-articles__item.swiper-slide {
  background: url("../img/article/other-article-card-bg.svg") center center/cover no-repeat, var(--color-secondary-100);
  height: 17.5rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 1.5rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .other-articles__item.swiper-slide {
    height: 19.375rem;
  }
}
.other-articles__item-title {
  margin-bottom: 1rem;
}
.other-articles__item-date {
  margin-top: auto;
}
.mediacenter-panel .filters {
  padding: 0;
}
.mediacenter-panel .filters__panel {
  margin-top: 2.5rem;
}
.mediacenter-panel__inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .mediacenter-panel__inner {
    padding: 2.5rem;
  }
}
.country.section {
  padding-top: 3.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .country.section {
    padding-top: 2.5rem;
  }
}
.country__nav {
  padding: 0 0 1.5rem 0;
  background-color: var(--color-whte);
}
@media only screen and (min-width: 1023.98px) {
  .country__nav {
    padding: 2.5rem 0;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    border-bottom: 1px solid var(--color-whte);
  }
  .country__nav._is-sticky {
    box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.0392156863);
    backdrop-filter: blur(4px);
    border-color: var(--color-border);
  }
}
.country__block {
  padding: 1.5rem 1.5rem 3.5rem;
  background-color: var(--color-gray);
  border-radius: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.country__block--with-nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .country__block--with-nav {
    flex-direction: row;
    gap: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .country__block--with-nav {
    gap: 4rem;
  }
}
.country__block--with-nav .ct-inner {
  margin: 0;
}
.country__block--with-nav .ct-section {
  margin: 0;
}
@media only screen and (min-width: 1023.98px) {
  .country__block {
    padding: 2.5rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .country__block {
    padding: 5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promo-hero {
    padding-top: 0.625rem;
  }
}
.promo-hero__inner {
  position: relative;
  padding: 1.5rem 1.5rem 14.125rem;
  border-radius: 1.25rem;
  background: url("../img/promo-page/hero-bg-vawe.svg") bottom center/100% auto no-repeat, var(--color-secondary);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .promo-hero__inner {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promo-hero__inner {
    padding: 4.8125rem 3.5rem;
  }
}
.promo-hero__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo-hero__breadcrumbs {
    margin-bottom: 2rem;
  }
}
.promo-hero__breadcrumbs .breadcrumbs__item {
  color: rgba(var(--color-whte--rgb), 0.7);
}
.promo-hero__title {
  max-width: 38.75rem;
  margin-bottom: 1rem;
  color: var(--color-whte);
}
@media only screen and (min-width: 1119.98px) {
  .promo-hero__title {
    margin-bottom: 2rem;
  }
}
.promo-hero__desc {
  max-width: 25.625rem;
  margin-bottom: 2rem;
  color: rgba(var(--color-whte--rgb), 0.7);
  line-height: 1.11;
}
@media only screen and (min-width: 767.98px) {
  .promo-hero__desc {
    line-height: 1.33;
  }
}
.promo-hero__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  max-width: 20.5rem;
  width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .promo-hero__img {
    transform: translateX(0);
    left: auto;
    right: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promo-hero__img {
    max-width: 37.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .promo-hero__img {
    max-width: 45.3125rem;
  }
}
.promo-innovation__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .promo-innovation__container {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 767.98px) {
  .promo-innovation__head {
    max-width: 25rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .promo-innovation__head {
    max-width: 39.5rem;
  }
}
.promo-innovation__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo-innovation__title {
    margin-bottom: 2rem;
  }
}
.promo-innovation__title span {
  color: var(--color-secondary);
}
.promo-innovation__desc {
  max-width: 20rem;
}
@media only screen and (min-width: 1023.98px) {
  .promo-innovation__desc {
    max-width: 32.5rem;
  }
}
.promo-innovation__img {
  max-width: 20rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1023.98px) {
  .promo-innovation__img {
    max-width: 34.25rem;
    margin: 2.5rem 3.75rem 0 0;
  }
}
.promo-effectivity__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 767.98px) {
  .promo-effectivity__container {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 767.98px) {
  .promo-effectivity__head {
    max-width: 25rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .promo-effectivity__head {
    max-width: 41.875rem;
  }
}
.promo-effectivity__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo-effectivity__title {
    margin-bottom: 2rem;
  }
}
.promo-effectivity__title span {
  color: var(--color-secondary);
}
.promo-effectivity__desc {
  max-width: 20rem;
}
@media only screen and (min-width: 1023.98px) {
  .promo-effectivity__desc {
    max-width: 32.5rem;
  }
}
.promo-effectivity__img {
  max-width: 20rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1023.98px) {
  .promo-effectivity__img {
    max-width: 26.875rem;
    margin: 0 0 0 5.625rem;
  }
}
.promo-cta__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.promo-cta__title {
  max-width: 54.125rem;
  margin: 0 auto 1rem;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .promo-cta__title {
    margin-bottom: 2rem;
  }
}
.promo-cta__title span {
  color: var(--color-secondary);
}
.promo-cta__desc {
  max-width: 26.25rem;
  width: 100%;
  margin: 0 auto 2rem;
  text-align: center;
}
.promo-cta__btn {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .promo-cta__btn {
    margin-bottom: 3.75rem;
  }
}
.promo-cta__img {
  display: block;
  max-width: 20.5rem;
  width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .promo-cta__img {
    max-width: 30rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .promo-cta__img {
    max-width: 45.625rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-conditions {
    background-color: var(--color-gray);
    border-radius: 1.5rem;
    padding: 1.5rem 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions {
    padding: 2.5rem 0;
  }
}
.course-conditions__inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-conditions__inner {
    display: grid;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    gap: 1rem;
    background-color: transparent;
    border-radius: 0;
    overflow: visible;
    padding: 0;
  }
}
.course-conditions__banner {
  position: relative;
  width: 100%;
  height: 15.625rem;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: url("../img/promo-page/condition-banner-bg.svg") bottom left/100% auto no-repeat, var(--color-secondary);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-conditions__banner {
    height: 25rem;
    padding: 2rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions__banner {
    height: 37.5rem;
    padding: 2.5rem;
  }
}
.course-conditions__banner-title {
  max-width: 25rem;
  color: var(--color-whte);
}
.course-conditions__banner-img {
  display: block;
  max-width: 12.5rem;
  position: absolute;
  bottom: -5px;
  right: 0;
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions__banner-img {
    max-width: 25rem;
    bottom: 0;
  }
}
.course-conditions__list {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-conditions__list {
    overflow: hidden;
  }
}
.course-conditions__list-inner {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
.course-conditions__item {
  width: calc(100vw - 80px);
  flex-shrink: 0;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: url("../img/promo-page/condition-card-bg.svg") top left/cover no-repeat, var(--color-secondary-100);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--color-border);
}
.course-conditions__item:nth-of-type(even) {
  background-color: var(--color-primary-100);
  border-color: var(--color-whte);
}
.course-conditions__item:nth-of-type(even) .course-conditions__item-num {
  color: var(--color-primary);
}
@media only screen and (min-width: 767.98px) {
  .course-conditions__item {
    background-position: center center;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-conditions__item {
    height: 25rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions__item {
    height: 37.5rem;
    padding: 2.5rem;
  }
}
.course-conditions__item-num {
  font-size: 0.875rem;
  line-height: 1.25;
  text-align: center;
  color: var(--color-secondary);
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-conditions__item-num {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions__item-num {
    margin-bottom: 3.75rem;
  }
}
.course-conditions__item-icon {
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions__item-icon {
    width: 7.625rem;
    height: 7.625rem;
    margin-bottom: 2rem;
  }
}
.course-conditions__item-title {
  max-width: 14.25rem;
  margin: 0 auto 1rem;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions__item-title {
    max-width: 25rem;
    margin-bottom: 1.5rem;
  }
}
.course-conditions__item-desc {
  max-width: 14.5rem;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .course-conditions__item-desc {
    max-width: 22rem;
  }
}
.course-provides__container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__container {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
.course-provides__banner {
  position: relative;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-secondary-100);
  overflow: hidden;
  height: 18.125rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__banner {
    max-width: 43.125rem;
    width: 100%;
    position: sticky;
    top: 1.25rem;
    height: 25rem;
    padding: 2.5rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-provides__banner {
    height: 41.25rem;
  }
}
.course-provides__banner-girl {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 11.25rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__banner-girl {
    max-width: 17.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-provides__banner-girl {
    max-width: 27.5rem;
  }
}
.course-provides__banner-books {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 8.75rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__banner-books {
    max-width: 12.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-provides__banner-books {
    max-width: 18.75rem;
  }
}
.course-provides__content {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.course-provides__list {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__list {
    width: 100%;
    flex-direction: column;
    gap: 1rem;
  }
}
.course-provides__item {
  width: 100%;
  flex-shrink: 0;
  padding: 1.5rem;
  border-radius: 1.25rem;
  min-height: 21.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__item {
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 1.5rem;
    justify-content: space-between;
    border-radius: 1.5rem;
    min-height: 13.75rem;
  }
}
.course-provides__item--primary {
  background-color: var(--color-primary-100);
}
.course-provides__item--secondary {
  background-color: var(--color-secondary-100);
}
.course-provides__item-icon {
  width: 5.625rem;
  height: 5.625rem;
  background-color: var(--color-whte);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__item-icon {
    width: 7.5rem;
    height: 7.5rem;
    flex-shrink: 0;
    margin: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-provides__item-icon {
    width: 10.75rem;
    height: 10.75rem;
  }
}
.course-provides__item-icon img {
  display: block;
  width: 58px;
  height: 58px;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__item-icon img {
    width: 5.75rem;
    height: 5.75rem;
  }
}
.course-provides__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
@media only screen and (min-width: 1023.98px) {
  .course-provides__item-info {
    max-width: 23.9375rem;
  }
}
.course-provides__item-title {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-provides__item-title {
    gap: 1rem;
  }
}
.course-provides__item-desc {
  max-width: 23.9375rem;
  margin-top: auto;
}
@media only screen and (min-width: 1119.98px) {
  .directions__inner {
    position: relative;
  }
}
.directions__girl {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .directions__girl.directions__item {
    display: block;
    max-width: 25rem;
    position: absolute;
    bottom: -160px;
    right: -40px;
    background: none;
    min-height: initial;
    box-shadow: none;
  }
}
.directions__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .directions__title {
    margin-bottom: 2.5rem;
  }
}
.directions__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .directions__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
.directions__item {
  position: relative;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: url("../img/directions/direction-zigzag-bg.svg") center center/cover no-repeat, var(--color-gray);
  min-height: 22.5rem;
  overflow: hidden;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.0509803922);
}
.directions__item:not(:first-child) {
  margin-top: -300px;
}
@media only screen and (min-width: 1023.98px) {
  .directions__item:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1023.98px) {
  .directions__item {
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .directions__item {
    min-height: 27.625rem;
  }
}
.directions__item-title {
  margin-bottom: 1rem;
}
.directions__item-icon {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  aspect-ratio: 1/1;
}
@media only screen and (min-width: 1023.98px) {
  .directions__item-icon {
    bottom: 0rem;
    right: 0rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .directions__item-icon {
    width: 9.375rem;
    height: 9.375rem;
  }
}
.membership__title {
  max-width: 20.5rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 767.98px) {
  .membership__title {
    max-width: initial;
  }
}
@media only screen and (min-width: 1119.98px) {
  .membership__title {
    margin-bottom: 3.75rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .membership__list {
    display: flex;
    align-items: flex-start;
    position: relative;
    min-height: 36.375rem;
  }
}
.membership__item {
  position: relative;
  padding: 2rem 1.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: url("../img/membership/membership-vawe-bg.svg") bottom right/100% auto no-repeat, var(--color-gray);
  height: 22.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 40px 61px 0px rgba(0, 0, 0, 0.0509803922), 1px 4px 10.2px 0px rgba(0, 0, 0, 0.0509803922);
}
@media only screen and (min-width: 1119.98px) {
  .membership__item {
    height: 33.125rem;
    width: 22.5rem;
    flex-shrink: 0;
    transform: rotate(-4deg);
  }
}
@media only screen and (min-width: 1365.98px) {
  .membership__item {
    width: 29.125rem;
    padding: 4.375rem 3.5rem 3.75rem 3.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .membership__item:nth-of-type(1) {
    left: 5%;
    top: 5%;
  }
}
@media only screen and (min-width: 1365.98px) {
  .membership__item:nth-of-type(1) {
    left: 5%;
    top: 5%;
  }
}
.membership__item:nth-of-type(2) {
  background-color: var(--color-secondary-100);
  z-index: 2;
  margin-top: -280px;
}
@media only screen and (min-width: 1119.98px) {
  .membership__item:nth-of-type(2) {
    margin-top: 0;
    transform: rotate(3deg);
    left: -11%;
  }
}
@media only screen and (min-width: 1365.98px) {
  .membership__item:nth-of-type(2) {
    left: -11%;
  }
}
.membership__item:nth-of-type(2) .membership__item-num {
  background-color: var(--color-secondary);
}
.membership__item:nth-of-type(3) {
  margin-top: -280px;
  z-index: 3;
}
@media only screen and (min-width: 1119.98px) {
  .membership__item:nth-of-type(3) {
    margin-top: 0;
    left: -16%;
  }
}
@media only screen and (min-width: 1365.98px) {
  .membership__item:nth-of-type(3) {
    left: -26%;
  }
}
.membership__item:nth-of-type(4) {
  background-color: var(--color-primary-100);
  margin-top: -280px;
  z-index: 4;
}
@media only screen and (min-width: 1119.98px) {
  .membership__item:nth-of-type(4) {
    margin-top: 0;
    transform: rotate(3deg);
    left: -24%;
  }
}
@media only screen and (min-width: 1365.98px) {
  .membership__item:nth-of-type(4) {
    left: -42%;
  }
}
.membership__item:nth-of-type(4) .membership__item-num {
  background-color: var(--color-primary);
}
.membership__item-num {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  font-size: 0.875rem;
  line-height: 1.25;
  margin-bottom: 1rem;
  background-color: var(--color-gray-500);
  color: var(--color-whte);
}
@media only screen and (min-width: 1023.98px) {
  .membership__item-num {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.5rem;
  }
}
.membership__item-title {
  text-align: center;
  margin-bottom: 1.125rem;
}
@media only screen and (min-width: 1023.98px) {
  .membership__item-title {
    margin-bottom: 1rem;
  }
}
.membership__item-desc {
  max-width: 20rem;
  margin: 0 auto;
  text-align: center;
}
.membership__item-icon {
  width: 6.25rem;
  height: 6.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}
@media only screen and (min-width: 1023.98px) {
  .membership__item-icon {
    width: 9.375rem;
    height: 10rem;
  }
}
.course-authors__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__head {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__head {
    margin-bottom: 3.75rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__inner {
    padding: 2.5rem;
    border-radius: 1.5rem;
    background-color: var(--color-gray);
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__inner {
    padding: 3.5rem;
  }
}
.course-authors__title {
  max-width: 29.375rem;
}
.course-authors__desc {
  max-width: 26.25rem;
}
.course-authors__items .swiper-pagination {
  margin-top: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__items .swiper-pagination {
    display: none;
  }
}
.course-authors__items .swiper-wrapper {
  align-items: stretch;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__items .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__items .swiper-wrapper {
    gap: 2.5rem;
  }
}
.course-authors__main-item {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray-dark);
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item {
    grid-column: span 2;
    padding: 2.5rem;
    border-radius: 1.5rem;
  }
}
.course-authors__main-item.swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item.swiper-slide {
    flex-direction: row;
    justify-content: space-between;
  }
}
.course-authors__main-item-label {
  display: inline-block;
  width: auto;
  margin-bottom: 0.75rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: var(--color-whte);
  border-radius: 6.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__main-item-label {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
.course-authors__main-item-name {
  margin-bottom: 0.5rem;
}
.course-authors__main-item-info {
  margin-bottom: 0.8125rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item-info {
    max-width: 23.75rem;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.course-authors__main-item-desc {
  margin-top: auto;
}
.course-authors__main-item-desc-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item-desc-text {
    display: block;
  }
}
.course-authors__main-item-desc-text._is-open {
  display: block;
}
.course-authors__main-item-desc-btn {
  padding-bottom: 0.1875rem;
  color: var(--color-secondary);
  border-bottom: 1px solid currentColor;
  margin-top: 0.625rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item-desc-btn {
    display: none;
  }
}
.course-authors__main-item-img {
  display: block;
  width: 100%;
  height: 10.875rem;
  border-radius: 1.25rem;
  overflow: hidden;
  border: 3px solid var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .course-authors__main-item-img {
    height: 20rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item-img {
    width: 25rem;
    height: 19.375rem;
    transform: rotate(-5deg);
    margin-top: -42px;
    margin-bottom: -42px;
    margin-right: 11%;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__main-item-img {
    width: 28.75rem;
    height: 23.75rem;
  }
}
.course-authors__main-item-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-authors__main-item-details {
  margin-top: 0.8125rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background-color: var(--color-whte);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item-details {
    max-width: 15rem;
    position: absolute;
    top: -20px;
    right: 0;
    box-shadow: 1px 4px 19.9px 0px rgba(0, 0, 0, 0.0901960784);
    border: 1px solid var(--color-border);
    background-color: var(--color-gray);
    padding: 1.5rem;
    transform: rotate(5deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__main-item-details {
    right: -15px;
  }
}
.course-authors__main-item-detail {
  font-size: 0.875rem;
  line-height: 1.25;
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__main-item-detail {
    font-size: 1rem;
  }
}
.course-authors__main-item-detail span {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--color-secondary);
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__main-item-detail span {
    margin-bottom: 0.5rem;
  }
}
.course-authors__main-item-detail:not(:last-of-type) {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__main-item-detail:not(:last-of-type) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
.course-authors__item {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray-dark);
}
.course-authors__item.swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
.course-authors__item-label {
  display: inline-block;
  width: auto;
  margin-bottom: 0.75rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: var(--color-whte);
  border-radius: 6.25rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__item-label {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
.course-authors__item-name {
  margin-bottom: 0.5rem;
}
.course-authors__item-info {
  margin-bottom: 0.8125rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__item-info {
    margin-bottom: 0;
  }
}
.course-authors__item-img {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 10.875rem;
  border-radius: 1.25rem;
  border: 3px solid var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .course-authors__item-img {
    height: 20rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__item-img {
    width: 19rem;
    height: 20rem;
    order: -1;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__item-img--wide {
    width: 100%;
  }
}
.course-authors__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-authors__item-details {
  margin-top: 0.8125rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background-color: var(--color-whte);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__item-details {
    max-width: 15rem;
    position: absolute;
    top: 17;
    left: 282px;
    transform: rotate(5deg);
    padding: 1.5rem;
    background-color: var(--color-gray);
    border: 1px solid var(--color-border);
    box-shadow: 1px 4px 19.9px 0px rgba(0, 0, 0, 0.0901960784);
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__item-details {
    left: 296px;
    top: 14px;
  }
}
.course-authors__item-detail {
  font-size: 0.875rem;
  line-height: 1.25;
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__item-detail {
    font-size: 1rem;
  }
}
.course-authors__item-detail span {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--color-secondary);
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 1119.98px) {
  .course-authors__item-detail span {
    margin-bottom: 0.5rem;
  }
}
.course-authors__item-detail:not(:last-of-type) {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-authors__item-detail:not(:last-of-type) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
.tariffs .ct-table table {
  min-width: 700px;
}
.tariffs__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .tariffs__wrapper {
    padding: 2.5rem;
    border: 1px solid var(--color-border);
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .tariffs__wrapper {
    padding: 3.5rem;
  }
}
.tariffs__inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  border: 1px solid var(--color-border);
}
@media only screen and (min-width: 1023.98px) {
  .tariffs__inner {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
.tariffs__banner {
  position: relative;
  margin-top: 2rem;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: url("../img/banners/discount-banner-bottom-bg.svg") bottom center/100% auto no-repeat, var(--color-primary-100);
}
@media only screen and (min-width: 1023.98px) {
  .tariffs__banner {
    padding: 2rem;
    border-radius: 1.5rem;
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .tariffs__banner {
    padding: 2.5rem;
    margin-top: 5rem;
  }
}
.tariffs__banner-title {
  max-width: 37.5rem;
  margin-bottom: 1rem;
  line-height: 1.182;
}
@media only screen and (min-width: 1119.98px) {
  .tariffs__banner-title {
    max-width: 36.25rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
}
.tariffs__banner-desc {
  max-width: 29.125rem;
}
.tariffs__banner-img {
  position: absolute;
  max-width: 5rem;
  top: -20px;
  right: -10px;
}
@media only screen and (min-width: 1023.98px) {
  .tariffs__banner-img {
    max-width: 12.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .tariffs__banner-img {
    max-width: 20rem;
    right: 20px;
    top: -40px;
  }
}
.table-cell-500 {
  font-weight: 500 !important;
}
.table-cell-center {
  text-align: center;
}
.table-cell-primary {
  background-color: var(--color-primary-100) !important;
}
.table-cell-secondary {
  background-color: var(--color-secondary-100) !important;
}
.table-cell-gray {
  background-color: var(--color-gray-dark) !important;
}
.table-cell-center {
  text-align: center !important;
}
.table-cell-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-cell-price {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table-cell-price-label {
  margin-bottom: 0.25rem;
}
.table-cell-price-num {
  margin-bottom: 1.5rem;
  color: var(--color-blck);
}
.start-cta__inner {
  position: relative;
  padding: 1.5rem 1.5rem 14.25rem;
  background: url("../img/start/start-bg-left-sm.svg") left center/auto 100% no-repeat, var(--color-primary-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1.25rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .start-cta__inner {
    padding: 2.5rem;
    border-radius: 1.5rem;
    background-image: url("../img/start/start-bg-left.svg");
  }
}
@media only screen and (min-width: 1119.98px) {
  .start-cta__inner {
    padding: 3.5rem;
  }
}
.start-cta__badge {
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--color-whte);
  text-transform: uppercase;
  border-radius: 0.625rem;
}
@media only screen and (min-width: 1119.98px) {
  .start-cta__badge {
    margin-bottom: 2rem;
  }
}
.start-cta__title {
  text-align: center;
  max-width: 61.125rem;
  margin: 0 auto 1rem;
}
.start-cta__title span {
  color: var(--color-secondary);
}
@media only screen and (min-width: 1119.98px) {
  .start-cta__title {
    margin-bottom: 2rem;
  }
}
.start-cta__desc {
  max-width: 29.375rem;
  margin: 0 auto 2rem;
  text-align: center;
}
.start-cta__img {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 1023.98px) {
  .start-cta__img {
    left: auto;
    right: 15%;
    bottom: -300px;
  }
}
.course-plan__inner {
  position: relative;
  padding: 1.5rem 1.5rem 12.3125rem;
  background: url("../img/course/plan-zigzag-bg-sm.svg") center center/cover no-repeat, var(--color-secondary);
  border-radius: 1.25rem;
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .course-plan__inner {
    padding: 2.5rem 2.5rem 10rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__inner {
    padding: 3.5rem 3.5rem 5rem;
  }
}
.course-plan__title {
  margin-bottom: 3rem;
  color: var(--color-whte);
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__title {
    margin-bottom: 5.4375rem;
  }
}
.course-plan__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.course-plan__progress-ball {
  position: sticky;
  top: 1.25rem;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  flex-shrink: 0;
  margin-bottom: 1.25rem;
  z-index: 2;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__progress-ball {
    display: none;
  }
}
.course-plan__line {
  display: none;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__line {
    display: block;
    position: absolute;
    z-index: 0;
  }
  .course-plan__line--01 {
    top: 20%;
    left: 38%;
  }
  .course-plan__line--02 {
    left: 38%;
    bottom: 36%;
  }
  .course-plan__line--03 {
    left: 30%;
    bottom: 12%;
  }
}
.course-plan__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__list {
    gap: 0;
  }
}
.course-plan__list::before {
  content: "";
  width: 1px;
  height: 100%;
  border-left: 1px dashed var(--color-whte);
  position: absolute;
  left: -25px;
  top: 0;
  z-index: 1;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__list::before {
    display: none;
  }
}
.course-plan__item {
  width: 100%;
  padding: 1rem;
  background-color: var(--color-whte);
  border-radius: 1.25rem;
  position: relative;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__item {
    max-width: 25rem;
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
  .course-plan__item:nth-of-type(1) {
    margin-bottom: 4.375rem;
    margin-left: 60px;
  }
  .course-plan__item:nth-of-type(2) {
    margin-left: auto;
    margin-right: 100px;
    margin-bottom: 60px;
  }
  .course-plan__item:nth-of-type(3) {
    margin-left: 11.25rem;
    margin-bottom: 5.25rem;
  }
  .course-plan__item:nth-of-type(4) {
    margin-left: auto;
    margin-right: 13.75rem;
  }
}
.course-plan__item-img {
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: -20px;
  right: -20px;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__item-img {
    width: 7.5rem;
    height: 7.5rem;
    top: -40px;
    right: -20px;
  }
}
.course-plan__item-num {
  font-size: 0.875rem;
  line-height: 1.25;
  color: rgba(var(--color-blck--rgb), 0.5);
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .course-plan__item-num {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__item-num {
    margin-bottom: 1.5rem;
  }
}
.course-plan__item-title {
  color: var(--color-secondary);
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__item-title {
    margin-bottom: 1.625rem;
  }
}
.course-plan__item-desc {
  max-width: 18.75rem;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__item-desc {
    max-width: 20rem;
  }
}
.course-plan__planet {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1119.98px) {
  .course-plan__planet {
    bottom: 24%;
  }
}
.course-plan__city {
  position: absolute;
  bottom: 0;
  left: 0;
}
.gp-hero__inner {
  position: relative;
  padding: 1.5rem 1.5rem 14.5rem;
  border-radius: 1.25rem;
  background: url("../img/bg/vawe-bottom-secondary.svg") bottom left/100% auto no-repeat, var(--color-secondary);
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__inner {
    padding: 3.5rem 3.5rem 4.625rem;
  }
}
.gp-hero__breadcrumbs {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__breadcrumbs {
    margin-bottom: 6.125rem;
  }
}
.gp-hero__title {
  max-width: 20rem;
  margin-bottom: 2rem;
  color: var(--color-whte);
}
@media only screen and (min-width: 1023.98px) {
  .gp-hero__title {
    max-width: 39rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__title {
    max-width: 31.25rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .gp-hero__title {
    max-width: 39rem;
  }
}
.gp-hero__desc {
  max-width: 32.75rem;
  color: rgba(var(--color-whte--rgb), 0.8);
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__desc {
    margin-bottom: 2rem;
  }
}
.gp-hero__sticker {
  position: absolute;
  top: 146px;
  right: -26px;
  transform: rotate(-8deg);
}
@media only screen and (min-width: 1023.98px) {
  .gp-hero__sticker {
    right: auto;
    left: 55%;
    transform: rotate(10deg);
  }
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__sticker {
    left: 44%;
    top: 211px;
  }
}
.gp-hero__flag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  background-color: var(--color-whte);
  border-radius: 50%;
  position: absolute;
  left: 28px;
  bottom: 104px;
  transform: rotate(-15deg);
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__flag {
    left: auto;
    bottom: auto;
    top: 55px;
    right: 65px;
    width: 5rem;
    height: 5rem;
    transform: rotate(8deg);
  }
}
.gp-hero__flag-img {
  width: 2.625rem;
  height: 2.625rem;
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__flag-img {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.gp-hero__img {
  position: absolute;
  width: 14.125rem;
  height: 14.125rem;
  border: 3px solid var(--color-whte);
  transform: rotate(5deg);
  bottom: -15px;
  right: -15px;
  border-radius: 1rem;
  overflow: hidden;
}
@media only screen and (min-width: 1119.98px) {
  .gp-hero__img {
    width: 25.8125rem;
    height: 25.8125rem;
    transform: rotate(-10deg);
    bottom: auto;
    right: 80px;
    top: 80px;
    border-width: 6px;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1365.98px) {
  .gp-hero__img {
    right: 150px;
    top: 100px;
  }
}
.gp-info {
  overflow: hidden;
}
.gp-info__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .gp-info__container {
    position: relative;
    flex-direction: row;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1119.98px) {
  .gp-info__container {
    min-height: 38.875rem;
  }
}
.gp-info__desc {
  max-width: 50rem;
}
.gp-info__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .gp-info__title {
    margin-bottom: 2rem;
  }
}
.gp-info__text {
  max-width: 32.5rem;
}
.gp-info__img {
  display: block;
  margin-right: -16px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 1119.98px) {
  .gp-info__img {
    position: absolute;
    margin: 0;
    bottom: -100px;
    right: -100px;
  }
}
.gp-advantages__inner {
  padding: 1.5rem 1.5rem 2.875rem;
  border-radius: 1.25rem;
  background-color: var(--color-gray);
}
@media only screen and (min-width: 767.98px) {
  .gp-advantages__inner {
    padding: 2rem 2rem 2.875rem;
  }
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages__inner {
    padding: 2.5rem 2.5rem 3.75rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .gp-advantages__inner {
    padding: 3.5rem 3.5rem 5.625rem;
  }
}
.gp-advantages__head {
  max-width: 50rem;
  margin: 0 auto 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages__head {
    margin-bottom: 2.5rem;
    position: sticky;
    z-index: 1;
    top: 40%;
  }
}
.gp-advantages__title {
  text-align: center;
  position: static;
}
.gp-advantages__title span {
  color: var(--color-secondary);
}
.gp-advantages__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.1875rem;
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages__list {
    gap: 0;
  }
}
.gp-advantages-card {
  width: 17.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-secondary-100);
  box-shadow: 0px 145.36px 55.91px 0px rgba(0, 0, 0, 0.0117647059), 0px 7.45px 18.64px 0px rgba(0, 0, 0, 0.0588235294), 0px -1px 10px 0px rgba(0, 0, 0, 0.0509803922);
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card {
    width: 20rem;
    padding: 2rem;
    border-radius: 1.5rem;
    position: relative;
    z-index: 2;
  }
}
@media only screen and (min-width: 1119.98px) {
  .gp-advantages-card {
    width: 24.25rem;
    padding: 2.5rem;
  }
}
.gp-advantages-card:not(:first-of-type) {
  margin-top: -175px;
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card:not(:first-of-type) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card:nth-of-type(1) {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card:nth-of-type(2) {
    margin-left: auto;
    margin-top: 65px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card:nth-of-type(3) {
    margin-right: auto;
    margin-top: -120px;
  }
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card:nth-of-type(4) {
    position: relative;
    left: 90px;
    margin-top: 3.5rem;
  }
}
.gp-advantages-card:nth-of-type(5) {
  margin-top: -195px;
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card:nth-of-type(5) {
    margin-top: 56px;
    margin-left: 60px;
    margin-right: auto;
  }
}
.gp-advantages-card:nth-of-type(6) {
  margin-top: -195px;
}
@media only screen and (min-width: 1023.98px) {
  .gp-advantages-card:nth-of-type(6) {
    margin-top: -109px;
    margin-right: 110px;
    margin-left: auto;
  }
}
.gp-advantages-card__title {
  margin-bottom: 0.5rem;
  text-align: center;
}
@media only screen and (min-width: 1119.98px) {
  .gp-advantages-card__title {
    margin-bottom: 1rem;
  }
}
.gp-advantages-card__text {
  margin-bottom: 1rem;
  text-align: center;
}
.gp-advantages-card__img {
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  margin-bottom: -65px;
}
@media only screen and (min-width: 1119.98px) {
  .gp-advantages-card__img {
    width: 8.75rem;
    height: 8.75rem;
    margin-bottom: -96px;
  }
}
.journey-steps__inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-primary-100);
  overflow: hidden;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__inner {
    border-radius: 1.5rem;
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .journey-steps__inner {
    padding: 3.5rem;
  }
}
.journey-steps__title {
  max-width: 50rem;
  margin: 0 auto 2rem;
  text-align: center;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__title {
    margin-bottom: 3.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .journey-steps__title {
    margin-bottom: 3.875rem;
  }
}
.journey-steps__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__bottom {
    display: none;
  }
}
.journey-steps__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.journey-steps__items._is-open .journey-steps__item:nth-of-type(n + 4) {
  display: block;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__items {
    flex-direction: row;
    gap: 1rem;
  }
}
.journey-steps__item {
  width: 100%;
}
.journey-steps__item:nth-of-type(n + 4) {
  display: none;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__item {
    width: 20rem;
    padding-top: 2.5rem;
    position: relative;
  }
  .journey-steps__item:nth-of-type(n + 4) {
    display: block;
  }
  .journey-steps__item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--color-primary);
    top: 0;
    left: 0;
  }
  .journey-steps__item:not(:last-of-type)::before {
    width: calc(100% + 16px);
  }
  .journey-steps__item:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    width: 0.875rem;
    height: 0.875rem;
    background-color: var(--color-primary);
    border-radius: 50%;
  }
}
@media only screen and (min-width: 1119.98px) {
  .journey-steps__item {
    width: 23.125rem;
  }
}
.journey-steps__item-inner {
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: url("../img/journey-steps/card-bg.svg") center bottom/cover no-repeat, var(--color-whte);
  min-height: 16.875rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__item-inner {
    width: 20rem;
    height: 21.25rem;
    padding: 2rem;
    border-radius: 1.5rem;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1119.98px) {
  .journey-steps__item-inner {
    width: 23.125rem;
    padding: 2.5rem;
  }
}
.journey-steps__item--primary .journey-steps__item-inner {
  background-color: var(--color-primary);
  color: var(--color-whte);
  background-image: url("../img/journey-steps/card-bg-primary.svg");
}
.journey-steps__item--primary .journey-steps__item-num {
  background-color: var(--color-whte);
  color: var(--color-primary);
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__item--primary .journey-steps__item-num {
    margin-bottom: 1.6875rem;
  }
}
.journey-steps__item--primary .journey-steps__item-title {
  color: var(--color-whte);
  min-height: initial;
}
.journey-steps__item--primary .journey-steps__item-desc {
  color: var(--color-whte);
}
.journey-steps__item--primary .journey-steps__item-link {
  margin-top: auto;
  color: var(--color-primary);
}
.journey-steps__item-num {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-whte);
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 3.875rem;
  flex-shrink: 0;
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__item-num {
    margin-bottom: 5.0625rem;
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }
}
.journey-steps__item-title {
  min-height: 3.125rem;
  margin-bottom: 1rem;
  color: var(--color-primary);
}
@media only screen and (min-width: 1023.98px) {
  .journey-steps__item-title {
    min-height: initial;
  }
}
.any-questions__inner {
  position: relative;
  padding: 1.5rem 1.5rem 16.5rem;
  border-radius: 1.25rem;
  background: url("../img/bg/vawe-top-gray.svg") top left/100% auto no-repeat, var(--color-gray);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1023.98px) {
  .any-questions__inner {
    padding: 2.5rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .any-questions__inner {
    padding: 3.5rem;
  }
}
.any-questions__label {
  padding: 0.25rem 0.5rem;
  border-radius: 0.625rem;
  background-color: var(--color-primary);
  margin-bottom: 1rem;
  color: var(--color-whte);
}
@media only screen and (min-width: 1023.98px) {
  .any-questions__label {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .any-questions__label {
    margin-bottom: 2rem;
  }
}
.any-questions__title {
  text-align: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1023.98px) {
  .any-questions__title {
    max-width: 35rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1119.98px) {
  .any-questions__title {
    max-width: 45rem;
    margin-bottom: 2rem;
  }
}
.any-questions__desc {
  max-width: 17.5rem;
  text-align: center;
  margin-bottom: 2rem;
  letter-spacing: -0.14px;
}
@media only screen and (min-width: 1023.98px) {
  .any-questions__desc {
    max-width: 32.5rem;
    letter-spacing: -0.16px;
  }
}
.any-questions__planet {
  max-width: 11.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 1119.98px) {
  .any-questions__planet {
    max-width: 20rem;
  }
}
.any-questions__girl {
  position: absolute;
  bottom: 0;
  right: -64px;
  max-width: 17.1875rem;
}
@media only screen and (min-width: 1119.98px) {
  .any-questions__girl {
    max-width: 25.5rem;
    right: -34px;
  }
}
.gp-cto-info {
  overflow: hidden;
}
.gp-cto-info__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (min-width: 1023.98px) {
  .gp-cto-info__container {
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.gp-cto-info__desc {
  max-width: 42.5rem;
}
.gp-cto-info__title {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1119.98px) {
  .gp-cto-info__title {
    margin-bottom: 2rem;
  }
}
.gp-cto-info__text {
  max-width: 32.5rem;
}
.gp-cto-info__img {
  width: 22.5rem;
  display: block;
  margin-left: -16px;
  display: flex;
}
@media only screen and (min-width: 1023.98px) {
  .gp-cto-info__img {
    width: auto;
    margin-left: -50px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .gp-cto-info__img {
    margin-left: -240px;
  }
}
.catalog-programs__title {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-programs__title {
    margin-bottom: 2.5rem;
  }
}
.catalog-programs__list {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 767.98px) {
  .catalog-programs__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1023.98px) {
  .catalog-programs__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.catalog-programs__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media only screen and (min-width: 1119.98px) {
  .catalog-programs__bottom {
    margin-top: 2.5rem;
  }
}
.popup-course-order {
  padding: 0;
  max-width: 56.25rem;
}
.popup-course-order .materials {
  width: 100%;
}
.popup-course-order .materials__block {
  width: 100%;
  max-width: 100%;
}
.popup-course-order .materials__inner {
  background-color: var(--color-secondary-100);
  background-image: none !important;
}
@media only screen and (min-width: 767.98px) {
  .popup-course-order .materials__form-inputs .form-group:first-child {
    grid-column: span 2;
  }
  .popup-course-order .materials__form-inputs .form-group:last-child {
    grid-column: span 1;
  }
}
.popup-course-order .popup__close {
  top: -64px;
  right: 0;
}
@media only screen and (min-width: 1023.98px) {
  .popup-course-order .popup__close {
    top: -80px;
  }
}
/* BASE STYLES
---------------------------- */
.lock body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
/* CONTAINER
---------------------------- */
@layer base {
  [class*=__container] {
    --pad: 20px;
    box-sizing: border-box;
    max-width: calc(87.5rem);
    margin: 0 auto;
    padding: 0 var(--pad);
  }
  @media (max-width: 991.98px) {
    [class*=__container] {
      --pad: 16px;
    }
  }
}
/* stylelint-disable*/
/* IMPORTS
---------------------------- */
body::after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--index-3) - 1);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  content: "";
  pointer-events: none;
}
.popup-show body::after {
  opacity: 1;
}
@layer component {
  .popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    visibility: hidden;
    transition: visibility 0.8s ease 0s;
    pointer-events: none;
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .popup_show {
    z-index: var(--index-3);
    overflow: auto;
    visibility: visible;
    pointer-events: auto;
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .popup_show .popup__content {
    transform: scale(1);
    visibility: visible;
  }
  .popup__wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
  }
  .popup__content {
    width: 100%;
    max-width: 902px;
    padding: 1.5rem;
    background-color: var(--color-whte);
    border-radius: 20px;
    transform: scale(0);
    visibility: hidden;
    transition: transform 0.3s ease 0s;
  }
  @media only screen and (min-width: 1023.98px) {
    .popup__content {
      padding: 2rem;
    }
  }
  @media only screen and (min-width: 1119.98px) {
    .popup__content {
      padding: 2.5rem;
    }
  }
  @media only screen and (min-width: 1365.98px) {
    .popup__content {
      padding: 3.5rem;
    }
  }
  .lock .popup__content {
    visibility: visible;
  }
  .popup__close {
    --size: 48px;
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: 8px;
    right: 8px;
    background-color: var(--color-whte);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    transition: 0.25s ease-in-out;
  }
  .popup__close::before {
    content: "";
    --size: 20px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/var(--size) no-repeat;
    -webkit-mask: var(--icon) center center/var(--size) no-repeat;
    background-color: currentColor;
  }
  @media only screen and (min-width: 1119.98px) {
    .popup__close {
      --size: 56px;
      top: 24px;
      right: 24px;
    }
  }
  @media (any-hover: hover) {
    .popup__close:hover {
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      color: var(--color-whte);
    }
  }
}
.popup-bottom {
  padding: 0;
}
@media only screen and (min-width: 767.98px) {
  .popup-bottom {
    padding: 2.5rem 1.5rem 2.5rem 1.5rem;
  }
}
.popup-bottom .popup__close {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .popup-bottom .popup__close {
    display: flex;
  }
}
.popup-bottom .popup__wrapper {
  justify-content: flex-end;
}
@media only screen and (min-width: 767.98px) {
  .popup-bottom .popup__wrapper {
    justify-content: center;
  }
}
.popup-bottom .popup__inner {
  padding-right: 0.375rem;
  height: 23.125rem;
  overflow-y: auto;
}
.popup-bottom .popup__inner::-webkit-scrollbar {
  width: 12px;
}
.popup-bottom .popup__inner::-webkit-scrollbar-thumb {
  width: 12px;
  background-color: var(--color-gray);
  border: 4px solid var(--color-whte);
}
@media only screen and (min-width: 767.98px) {
  .popup-bottom .popup__inner {
    padding-right: 0;
    overflow: hidden;
    height: auto;
  }
}
.popup-bottom .popup__content {
  border-radius: 20px 20px 0 0;
  padding: 2.5rem 0.375rem 1.5rem 1.5rem;
}
.popup-bottom .popup__content::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 4px;
  background-color: var(--color-gray-dark);
}
@media only screen and (min-width: 767.98px) {
  .popup-bottom .popup__content::before {
    display: none;
  }
}
@media only screen and (min-width: 767.98px) {
  .popup-bottom .popup__content {
    padding: 2.5rem;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 1119.98px) {
  .popup-bottom .popup__content {
    padding: 3.5rem;
  }
}
.popup-newmaterials {
  max-width: 1300px;
  padding: 0px 0px 0px 0px;
}
.popup-newmaterials .popup__close {
  z-index: 4;
  right: 5px;
  top: 5px;
}
.popup-faq {
  max-width: 1300px;
  padding: 0px 0px 0px 0px;
}
.popup-faq .popup__close {
  z-index: 4;
  right: 5px;
  top: 5px;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  line-height: 1.3;
  background-color: var(--color-gray-dark);
  border-radius: 8px;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  right: -7px;
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow::before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  content: "";
}
.tippy-content {
  position: relative;
  z-index: 1;
  padding: 0.5rem 1rem;
}
/* stylelint-enable*/
/* UTILS
---------------------------- */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern *//**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */