@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Italic.woff2") format("woff2"), url("../fonts/Inter-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2"), url("../fonts/Inter-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Inter-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Light.woff2") format("woff2"), url("../fonts/Inter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-LightItalic.woff2") format("woff2"), url("../fonts/Inter-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Thin.woff2") format("woff2"), url("../fonts/Inter-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-ExtraLight.woff2") format("woff2"), url("../fonts/Inter-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-ThinItalic.woff2") format("woff2"), url("../fonts/Inter-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Inter-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
html {
  -moz-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

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

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/**
 * Swiper 12.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 11, 2025
 */
: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);
  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-slide,
  .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 */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .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-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .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-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 */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}

.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}

.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - var(--swiper-navigation-size) / 2);
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    transform: rotate(-90deg);
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    transform: rotate(90deg);
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }
  &:only-child {
    display: none !important;
  }
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition: 200ms transform, 200ms top;
    }
  }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition: 200ms transform, 200ms left;
    }
  }
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
    &:before {
      content: "";
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}

.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}

/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

/* Flip slide shadows end */
.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

:root {
  --iti-hover-color:rgba(0, 0, 0, 0.05);
  --iti-border-color:#ccc;
  --iti-dialcode-color:#999;
  --iti-dropdown-bg:white;
  --iti-search-icon-color:#999;
  --iti-spacer-horizontal:8px;
  --iti-flag-height:12px;
  --iti-flag-width:16px;
  --iti-border-width:1px;
  --iti-arrow-height:4px;
  --iti-arrow-width:6px;
  --iti-triangle-border:calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding:6px;
  --iti-arrow-color:#555;
  --iti-path-flags-1x:url("../img/flags.webp");
  --iti-path-flags-2x:url("../img/flags@2x.webp");
  --iti-path-globe-1x:url("../img/globe.webp");
  --iti-path-globe-2x:url("../img/globe@2x.webp");
  --iti-flag-sprite-width:3904px;
  --iti-flag-sprite-height:12px;
  --iti-mobile-popup-margin:30px;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input, .iti input.iti__tel-input[type=tel], .iti input.iti__tel-input[type=text] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: 30px;
  padding-right: 28px;
}

[dir=rtl] .iti__search-input {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 8px center;
}

.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}

.iti__search-input::-webkit-search-cancel-button {
  appearance: none;
}

.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.iti__search-icon {
  position: absolute;
  left: 8px;
  display: flex;
  pointer-events: none;
}

[dir=rtl] .iti__search-icon {
  left: auto;
  right: 8px;
}

.iti__search-icon-svg {
  stroke: var(--iti-search-icon-color);
  fill: none;
  stroke-width: 3;
}

.iti__search-clear {
  position: absolute;
  right: 4px;
  background: 0 0;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
  width: 24px;
  height: 24px;
}

.iti__search-clear .iti__search-clear-x {
  stroke-width: 2;
}

.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-search-icon-color);
}

[dir=rtl] .iti__search-clear {
  right: auto;
  left: 4px;
}

.iti__search-clear:focus-visible, .iti__search-clear:hover {
  background: var(--iti-hover-color);
  outline: 0;
}

.iti__no-results {
  text-align: center;
  padding: 30px 0;
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: 0;
}

.iti__dial-code {
  color: var(--iti-dialcode-color);
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
  margin-left: 4px;
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset:100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0 0 1px 0 #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset:0px;
}

.iti__ad {
  --iti-flag-offset:-16px;
}

.iti__ae {
  --iti-flag-offset:-32px;
}

.iti__af {
  --iti-flag-offset:-48px;
}

.iti__ag {
  --iti-flag-offset:-64px;
}

.iti__ai {
  --iti-flag-offset:-80px;
}

.iti__al {
  --iti-flag-offset:-96px;
}

.iti__am {
  --iti-flag-offset:-112px;
}

.iti__ao {
  --iti-flag-offset:-128px;
}

.iti__ar {
  --iti-flag-offset:-144px;
}

.iti__as {
  --iti-flag-offset:-160px;
}

.iti__at {
  --iti-flag-offset:-176px;
}

.iti__au {
  --iti-flag-offset:-192px;
}

.iti__aw {
  --iti-flag-offset:-208px;
}

.iti__ax {
  --iti-flag-offset:-224px;
}

.iti__az {
  --iti-flag-offset:-240px;
}

.iti__ba {
  --iti-flag-offset:-256px;
}

.iti__bb {
  --iti-flag-offset:-272px;
}

.iti__bd {
  --iti-flag-offset:-288px;
}

.iti__be {
  --iti-flag-offset:-304px;
}

.iti__bf {
  --iti-flag-offset:-320px;
}

.iti__bg {
  --iti-flag-offset:-336px;
}

.iti__bh {
  --iti-flag-offset:-352px;
}

.iti__bi {
  --iti-flag-offset:-368px;
}

.iti__bj {
  --iti-flag-offset:-384px;
}

.iti__bl {
  --iti-flag-offset:-400px;
}

.iti__bm {
  --iti-flag-offset:-416px;
}

.iti__bn {
  --iti-flag-offset:-432px;
}

.iti__bo {
  --iti-flag-offset:-448px;
}

.iti__bq {
  --iti-flag-offset:-464px;
}

.iti__br {
  --iti-flag-offset:-480px;
}

.iti__bs {
  --iti-flag-offset:-496px;
}

.iti__bt {
  --iti-flag-offset:-512px;
}

.iti__bw {
  --iti-flag-offset:-528px;
}

.iti__by {
  --iti-flag-offset:-544px;
}

.iti__bz {
  --iti-flag-offset:-560px;
}

.iti__ca {
  --iti-flag-offset:-576px;
}

.iti__cc {
  --iti-flag-offset:-592px;
}

.iti__cd {
  --iti-flag-offset:-608px;
}

.iti__cf {
  --iti-flag-offset:-624px;
}

.iti__cg {
  --iti-flag-offset:-640px;
}

.iti__ch {
  --iti-flag-offset:-656px;
}

.iti__ci {
  --iti-flag-offset:-672px;
}

.iti__ck {
  --iti-flag-offset:-688px;
}

.iti__cl {
  --iti-flag-offset:-704px;
}

.iti__cm {
  --iti-flag-offset:-720px;
}

.iti__cn {
  --iti-flag-offset:-736px;
}

.iti__co {
  --iti-flag-offset:-752px;
}

.iti__cr {
  --iti-flag-offset:-768px;
}

.iti__cu {
  --iti-flag-offset:-784px;
}

.iti__cv {
  --iti-flag-offset:-800px;
}

.iti__cw {
  --iti-flag-offset:-816px;
}

.iti__cx {
  --iti-flag-offset:-832px;
}

.iti__cy {
  --iti-flag-offset:-848px;
}

.iti__cz {
  --iti-flag-offset:-864px;
}

.iti__de {
  --iti-flag-offset:-880px;
}

.iti__dj {
  --iti-flag-offset:-896px;
}

.iti__dk {
  --iti-flag-offset:-912px;
}

.iti__dm {
  --iti-flag-offset:-928px;
}

.iti__do {
  --iti-flag-offset:-944px;
}

.iti__dz {
  --iti-flag-offset:-960px;
}

.iti__ec {
  --iti-flag-offset:-976px;
}

.iti__ee {
  --iti-flag-offset:-992px;
}

.iti__eg {
  --iti-flag-offset:-1008px;
}

.iti__eh {
  --iti-flag-offset:-1024px;
}

.iti__er {
  --iti-flag-offset:-1040px;
}

.iti__es {
  --iti-flag-offset:-1056px;
}

.iti__et {
  --iti-flag-offset:-1072px;
}

.iti__fi {
  --iti-flag-offset:-1088px;
}

.iti__fj {
  --iti-flag-offset:-1104px;
}

.iti__fk {
  --iti-flag-offset:-1120px;
}

.iti__fm {
  --iti-flag-offset:-1136px;
}

.iti__fo {
  --iti-flag-offset:-1152px;
}

.iti__fr {
  --iti-flag-offset:-1168px;
}

.iti__ga {
  --iti-flag-offset:-1184px;
}

.iti__gb {
  --iti-flag-offset:-1200px;
}

.iti__gd {
  --iti-flag-offset:-1216px;
}

.iti__ge {
  --iti-flag-offset:-1232px;
}

.iti__gf {
  --iti-flag-offset:-1248px;
}

.iti__gg {
  --iti-flag-offset:-1264px;
}

.iti__gh {
  --iti-flag-offset:-1280px;
}

.iti__gi {
  --iti-flag-offset:-1296px;
}

.iti__gl {
  --iti-flag-offset:-1312px;
}

.iti__gm {
  --iti-flag-offset:-1328px;
}

.iti__gn {
  --iti-flag-offset:-1344px;
}

.iti__gp {
  --iti-flag-offset:-1360px;
}

.iti__gq {
  --iti-flag-offset:-1376px;
}

.iti__gr {
  --iti-flag-offset:-1392px;
}

.iti__gt {
  --iti-flag-offset:-1408px;
}

.iti__gu {
  --iti-flag-offset:-1424px;
}

.iti__gw {
  --iti-flag-offset:-1440px;
}

.iti__gy {
  --iti-flag-offset:-1456px;
}

.iti__hk {
  --iti-flag-offset:-1472px;
}

.iti__hn {
  --iti-flag-offset:-1488px;
}

.iti__hr {
  --iti-flag-offset:-1504px;
}

.iti__ht {
  --iti-flag-offset:-1520px;
}

.iti__hu {
  --iti-flag-offset:-1536px;
}

.iti__id {
  --iti-flag-offset:-1552px;
}

.iti__ie {
  --iti-flag-offset:-1568px;
}

.iti__il {
  --iti-flag-offset:-1584px;
}

.iti__im {
  --iti-flag-offset:-1600px;
}

.iti__in {
  --iti-flag-offset:-1616px;
}

.iti__io {
  --iti-flag-offset:-1632px;
}

.iti__iq {
  --iti-flag-offset:-1648px;
}

.iti__ir {
  --iti-flag-offset:-1664px;
}

.iti__is {
  --iti-flag-offset:-1680px;
}

.iti__it {
  --iti-flag-offset:-1696px;
}

.iti__je {
  --iti-flag-offset:-1712px;
}

.iti__jm {
  --iti-flag-offset:-1728px;
}

.iti__jo {
  --iti-flag-offset:-1744px;
}

.iti__jp {
  --iti-flag-offset:-1760px;
}

.iti__ke {
  --iti-flag-offset:-1776px;
}

.iti__kg {
  --iti-flag-offset:-1792px;
}

.iti__kh {
  --iti-flag-offset:-1808px;
}

.iti__ki {
  --iti-flag-offset:-1824px;
}

.iti__km {
  --iti-flag-offset:-1840px;
}

.iti__kn {
  --iti-flag-offset:-1856px;
}

.iti__kp {
  --iti-flag-offset:-1872px;
}

.iti__kr {
  --iti-flag-offset:-1888px;
}

.iti__kw {
  --iti-flag-offset:-1904px;
}

.iti__ky {
  --iti-flag-offset:-1920px;
}

.iti__kz {
  --iti-flag-offset:-1936px;
}

.iti__la {
  --iti-flag-offset:-1952px;
}

.iti__lb {
  --iti-flag-offset:-1968px;
}

.iti__lc {
  --iti-flag-offset:-1984px;
}

.iti__li {
  --iti-flag-offset:-2000px;
}

.iti__lk {
  --iti-flag-offset:-2016px;
}

.iti__lr {
  --iti-flag-offset:-2032px;
}

.iti__ls {
  --iti-flag-offset:-2048px;
}

.iti__lt {
  --iti-flag-offset:-2064px;
}

.iti__lu {
  --iti-flag-offset:-2080px;
}

.iti__lv {
  --iti-flag-offset:-2096px;
}

.iti__ly {
  --iti-flag-offset:-2112px;
}

.iti__ma {
  --iti-flag-offset:-2128px;
}

.iti__mc {
  --iti-flag-offset:-2144px;
}

.iti__md {
  --iti-flag-offset:-2160px;
}

.iti__me {
  --iti-flag-offset:-2176px;
}

.iti__mf {
  --iti-flag-offset:-2192px;
}

.iti__mg {
  --iti-flag-offset:-2208px;
}

.iti__mh {
  --iti-flag-offset:-2224px;
}

.iti__mk {
  --iti-flag-offset:-2240px;
}

.iti__ml {
  --iti-flag-offset:-2256px;
}

.iti__mm {
  --iti-flag-offset:-2272px;
}

.iti__mn {
  --iti-flag-offset:-2288px;
}

.iti__mo {
  --iti-flag-offset:-2304px;
}

.iti__mp {
  --iti-flag-offset:-2320px;
}

.iti__mq {
  --iti-flag-offset:-2336px;
}

.iti__mr {
  --iti-flag-offset:-2352px;
}

.iti__ms {
  --iti-flag-offset:-2368px;
}

.iti__mt {
  --iti-flag-offset:-2384px;
}

.iti__mu {
  --iti-flag-offset:-2400px;
}

.iti__mv {
  --iti-flag-offset:-2416px;
}

.iti__mw {
  --iti-flag-offset:-2432px;
}

.iti__mx {
  --iti-flag-offset:-2448px;
}

.iti__my {
  --iti-flag-offset:-2464px;
}

.iti__mz {
  --iti-flag-offset:-2480px;
}

.iti__na {
  --iti-flag-offset:-2496px;
}

.iti__nc {
  --iti-flag-offset:-2512px;
}

.iti__ne {
  --iti-flag-offset:-2528px;
}

.iti__nf {
  --iti-flag-offset:-2544px;
}

.iti__ng {
  --iti-flag-offset:-2560px;
}

.iti__ni {
  --iti-flag-offset:-2576px;
}

.iti__nl {
  --iti-flag-offset:-2592px;
}

.iti__no {
  --iti-flag-offset:-2608px;
}

.iti__np {
  --iti-flag-offset:-2624px;
}

.iti__nr {
  --iti-flag-offset:-2640px;
}

.iti__nu {
  --iti-flag-offset:-2656px;
}

.iti__nz {
  --iti-flag-offset:-2672px;
}

.iti__om {
  --iti-flag-offset:-2688px;
}

.iti__pa {
  --iti-flag-offset:-2704px;
}

.iti__pe {
  --iti-flag-offset:-2720px;
}

.iti__pf {
  --iti-flag-offset:-2736px;
}

.iti__pg {
  --iti-flag-offset:-2752px;
}

.iti__ph {
  --iti-flag-offset:-2768px;
}

.iti__pk {
  --iti-flag-offset:-2784px;
}

.iti__pl {
  --iti-flag-offset:-2800px;
}

.iti__pm {
  --iti-flag-offset:-2816px;
}

.iti__pr {
  --iti-flag-offset:-2832px;
}

.iti__ps {
  --iti-flag-offset:-2848px;
}

.iti__pt {
  --iti-flag-offset:-2864px;
}

.iti__pw {
  --iti-flag-offset:-2880px;
}

.iti__py {
  --iti-flag-offset:-2896px;
}

.iti__qa {
  --iti-flag-offset:-2912px;
}

.iti__re {
  --iti-flag-offset:-2928px;
}

.iti__ro {
  --iti-flag-offset:-2944px;
}

.iti__rs {
  --iti-flag-offset:-2960px;
}

.iti__ru {
  --iti-flag-offset:-2976px;
}

.iti__rw {
  --iti-flag-offset:-2992px;
}

.iti__sa {
  --iti-flag-offset:-3008px;
}

.iti__sb {
  --iti-flag-offset:-3024px;
}

.iti__sc {
  --iti-flag-offset:-3040px;
}

.iti__sd {
  --iti-flag-offset:-3056px;
}

.iti__se {
  --iti-flag-offset:-3072px;
}

.iti__sg {
  --iti-flag-offset:-3088px;
}

.iti__sh {
  --iti-flag-offset:-3104px;
}

.iti__si {
  --iti-flag-offset:-3120px;
}

.iti__sj {
  --iti-flag-offset:-3136px;
}

.iti__sk {
  --iti-flag-offset:-3152px;
}

.iti__sl {
  --iti-flag-offset:-3168px;
}

.iti__sm {
  --iti-flag-offset:-3184px;
}

.iti__sn {
  --iti-flag-offset:-3200px;
}

.iti__so {
  --iti-flag-offset:-3216px;
}

.iti__sr {
  --iti-flag-offset:-3232px;
}

.iti__ss {
  --iti-flag-offset:-3248px;
}

.iti__st {
  --iti-flag-offset:-3264px;
}

.iti__sv {
  --iti-flag-offset:-3280px;
}

.iti__sx {
  --iti-flag-offset:-3296px;
}

.iti__sy {
  --iti-flag-offset:-3312px;
}

.iti__sz {
  --iti-flag-offset:-3328px;
}

.iti__tc {
  --iti-flag-offset:-3344px;
}

.iti__td {
  --iti-flag-offset:-3360px;
}

.iti__tg {
  --iti-flag-offset:-3376px;
}

.iti__th {
  --iti-flag-offset:-3392px;
}

.iti__tj {
  --iti-flag-offset:-3408px;
}

.iti__tk {
  --iti-flag-offset:-3424px;
}

.iti__tl {
  --iti-flag-offset:-3440px;
}

.iti__tm {
  --iti-flag-offset:-3456px;
}

.iti__tn {
  --iti-flag-offset:-3472px;
}

.iti__to {
  --iti-flag-offset:-3488px;
}

.iti__tr {
  --iti-flag-offset:-3504px;
}

.iti__tt {
  --iti-flag-offset:-3520px;
}

.iti__tv {
  --iti-flag-offset:-3536px;
}

.iti__tw {
  --iti-flag-offset:-3552px;
}

.iti__tz {
  --iti-flag-offset:-3568px;
}

.iti__ua {
  --iti-flag-offset:-3584px;
}

.iti__ug {
  --iti-flag-offset:-3600px;
}

.iti__us {
  --iti-flag-offset:-3616px;
}

.iti__uy {
  --iti-flag-offset:-3632px;
}

.iti__uz {
  --iti-flag-offset:-3648px;
}

.iti__va {
  --iti-flag-offset:-3664px;
}

.iti__vc {
  --iti-flag-offset:-3680px;
}

.iti__ve {
  --iti-flag-offset:-3696px;
}

.iti__vg {
  --iti-flag-offset:-3712px;
}

.iti__vi {
  --iti-flag-offset:-3728px;
}

.iti__vn {
  --iti-flag-offset:-3744px;
}

.iti__vu {
  --iti-flag-offset:-3760px;
}

.iti__wf {
  --iti-flag-offset:-3776px;
}

.iti__ws {
  --iti-flag-offset:-3792px;
}

.iti__xk {
  --iti-flag-offset:-3808px;
}

.iti__ye {
  --iti-flag-offset:-3824px;
}

.iti__yt {
  --iti-flag-offset:-3840px;
}

.iti__za {
  --iti-flag-offset:-3856px;
}

.iti__zm {
  --iti-flag-offset:-3872px;
}

.iti__zw {
  --iti-flag-offset:-3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
* {
  --swiper-scrollbar-border-radius: .3rem;
  --swiper-scrollbar-top: 0;
  --swiper-scrollbar-bottom: 0;
  --swiper-scrollbar-left: 0;
  --swiper-scrollbar-right: 0;
  --swiper-scrollbar-sides-offset: 3.2rem;
  --swiper-scrollbar-bg-color: rgba(49, 49, 49, 0.44);
  --swiper-scrollbar-drag-bg-color: #313131;
  --swiper-scrollbar-size: 1px;
}

*:after, *:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
  font-weight: inherit;
  font-family: "Inter";
  margin: 0;
  line-height: 1;
}

html {
  line-height: 1;
  font-size: 10px;
}

a {
  text-decoration: none;
  color: inherit;
  outline: none;
}

img {
  display: block;
}

button, input, textarea, select {
  outline: none;
  line-height: 1;
}

section, footer, header {
  width: 100%;
  position: relative;
}

body {
  font-family: "Inter";
  font-weight: 400;
  font-size: 2.8rem;
  color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.home {
  background: #313131;
}
body.compensate-for-scrollbar .header {
  padding-right: 17px;
}
body.compensate-for-scrollbar .link--zapis {
  padding-right: 17px;
}
.lock body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}

p {
  font-family: "Inter";
  color: #000000;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
p.error {
  font-size: 1.2rem;
  font-weight: 400;
  color: #ff6767;
}
p.bold {
  font-weight: 600;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

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

.flex {
  display: flex;
}
.flex.row {
  flex-direction: row;
}
.flex.row.rowr {
  flex-direction: row-reverse;
}
.flex.row.aic {
  align-items: center;
}
.flex.row.ais {
  align-items: flex-start;
}
.flex.row.aid {
  align-items: flex-end;
}
.flex.row.aist {
  align-items: stretch;
}
.flex.row.jcsb {
  justify-content: space-between;
}
.flex.row.jcs {
  justify-content: flex-start;
}
.flex.row.jcd {
  justify-content: flex-end;
}
.flex.row.jcsa {
  justify-content: space-around;
}
.flex.row.jcc {
  justify-content: center;
}
.flex.row.wrap {
  flex-wrap: wrap;
}
.flex.column {
  flex-direction: column;
}
.flex.column.aic {
  align-items: center;
}
.flex.column.ais {
  align-items: flex-start;
}
.flex.column.aid {
  align-items: flex-end;
}
.flex.column.jcsb {
  justify-content: space-between;
}
.flex.column.jcs {
  justify-content: flex-start;
}
.flex.column.jcd {
  justify-content: flex-end;
}
.flex.column.jcsa {
  justify-content: space-around;
}
.flex.column.jcc {
  justify-content: center;
}
.flex.column.wrap {
  flex-wrap: wrap;
}

.wrapper {
  max-width: 120rem;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0 2rem;
  z-index: 2;
}
@media (max-width: 992px) {
  .home .wrapper {
    padding: 0 3.2rem;
  }
}

.title {
  color: #f2ede7;
  font-family: "Inter";
  font-size: 6rem;
  font-weight: 500;
  text-align: center;
  line-height: 7.5rem;
  text-transform: uppercase;
}
.title--section {
  font-weight: 800;
  font-size: 5.6rem;
  color: #fff;
  font-family: "Inter";
  font-kerning: none;
  text-align: left;
  line-height: 122%;
}
.title--price {
  line-height: 1;
  font-weight: 300;
  letter-spacing: initial;
}
.title--curs {
  text-align: left;
  color: #ffffff;
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 300;
}
.title--f {
  color: #111111;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  letter-spacing: initial;
  text-transform: initial;
}

.heading {
  font-weight: 800;
  font-size: 5.6rem;
  color: #fff;
  font-family: "Inter";
  font-kerning: none;
  text-align: left;
  line-height: 122%;
}
@media (max-width: 992px) {
  .heading {
    font-size: 2.4rem;
  }
}
.heading p, .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 {
  display: inline;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-kerning: none;
}
.heading b, .heading strong {
  color: #D9AE5B;
}
.heading--main {
  font-size: 6rem;
}
@media (max-width: 992px) {
  .heading--main {
    font-size: 2.8rem;
  }
}
.heading--main b, .heading--main strong {
  font-weight: 600;
}
.heading i {
  font-weight: 400;
  letter-spacing: -2px;
}
.heading i b, .heading i strong {
  font-weight: 500;
}

.paragraph {
  color: #4e4e4e;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.6rem;
  letter-spacing: 0.009rem;
}
.paragraph--city {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 100;
  line-height: 1;
}
.paragraph--td {
  color: #d9ae5b;
  font-family: "Inter";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}
.paragraph--price {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.009rem;
  line-height: 2.6rem;
  text-align: center;
}
.paragraph--work {
  color: #fff;
  font-family: "Inter";
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: initial;
}
.paragraph--cf {
  color: #111111;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: initial;
}
.paragraph--curs {
  color: #ffffff;
  font-family: "Inter";
  font-size: 1.8rem;
  font-weight: 100;
  letter-spacing: 0.045rem;
  line-height: 2rem;
}

.section-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 7;
  background: rgba(49, 49, 49, 0.78);
  border-bottom: 1px solid rgba(252, 252, 252, 0.12);
}
.admin-bar .section-header {
  top: 3.2rem;
}
[data-map-page] .section-header {
  display: none;
}
.section-header:not(.header__project)._header-scroll {
  position: fixed;
  transition: transform 0.24s ease-in-out;
  transform: translateY(0);
}
.section-header:not(.header__project)._header-up {
  transform: translateY(-100%);
}
.section-header:not(.header__project)._header-down {
  transform: translateY(-100%);
}
.section-header .header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.section-header .header-logo {
  max-width: 15.3rem;
  width: 100%;
}
@media (max-width: 992px) {
  .section-header .header-logo {
    max-width: 12.8rem;
  }
}
.section-header .header-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4.2rem;
}
.section-header .header-action ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 992px) {
  .section-header .header-action ul.header-lang {
    display: none;
  }
}
.section-header .header-lang {
  gap: 0.8rem;
}
@media (max-width: 992px) {
  .section-header .header-lang {
    display: none;
  }
}
@media (max-width: 992px) {
  .section-header .header-social {
    display: none;
  }
}
.section-header .header-social ul {
  gap: 2.2rem;
}
.section-header .header-social ul li a {
  width: 2.4rem;
  height: 2.4rem;
}
.section-header .header-social ul li a svg {
  width: 100%;
  display: block;
  height: 100%;
}
@media (max-width: 992px) {
  .section-header .header-menu {
    display: none;
  }
}
.section-header .header-menu ul {
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 2.2rem;
}

.link {
  display: block;
  font-family: "Inter";
  position: relative;
  transition: 0.24s ease-in-out;
  border: none;
  cursor: pointer;
}
.link--zapis {
  background: #d9ae5b;
  color: #313131;
  position: absolute;
  bottom: calc(100% - 1px);
  right: 0;
  transition: background 0.24s ease-in-out, color 0.24s ease-in-out;
  z-index: 3;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.2rem;
  padding: 1.8rem 0;
  text-transform: uppercase;
  font-family: "Inter";
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 700;
  letter-spacing: 1px;
  justify-content: center;
}
@media (max-width: 992px) {
  .link--zapis {
    bottom: initial;
    top: 0;
    font-size: 1.1rem;
    padding: 1rem 0;
  }
}
.link--zapis svg {
  margin-left: 1.5rem;
  width: 2.5rem;
  display: block;
  height: 2.5rem;
}
.link--zapis svg path {
  transition: 0.24s ease-in-out;
  fill: #fff;
}
.link--zapis svg circle {
  transition: 0.24s ease-in-out;
  fill: #fff;
}
.link--zapis.fixed {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
  position: fixed;
  bottom: 0;
  right: 0;
}
@media (max-width: 992px) {
  .link--zapis.fixed {
    bottom: 0;
    top: initial;
  }
}
.link--zapis:hover {
  background: #EAD7B3;
}
.link--zapis:hover svg path {
  fill: #000;
}
.link--zapis:hover svg circle {
  fill: #000;
}
.link--student {
  border: 1px solid #fff;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  padding: 0.5rem;
}
.link--student svg {
  display: block;
  width: 100%;
  height: 100%;
}
.link--student svg path {
  transition: 0.24s ease-in-out;
  fill: #fff;
}
.link--numb {
  color: #323232;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.018rem;
}
.link--mess {
  color: #139bd0;
  font-size: 2.4rem;
}
.link--mess:nth-child(2) {
  margin-left: 0.5rem;
  color: #7c519b;
}
.link--mess:hover {
  transform: scale(1.05);
}
.link--social {
  font-size: 2.4rem;
  color: #000;
  transition: 0.1s;
}
.link--social + .link {
  font-size: 2.8rem;
  margin-left: 1rem;
}
.link--social:hover {
  transform: scale(1.05);
}
.link--nav {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.link--nav svg {
  width: 1.5rem;
  display: block;
}
.link--nav svg path {
  fill: #7f7e7c;
}
.link--nav:hover {
  background: #f5f2ed;
}
.link--nav.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.link--logo {
  max-width: 20.4rem;
  width: 100%;
}
.link--logo img {
  width: 100%;
}
.link--logom {
  display: none;
}
.link--menu {
  font-family: "Inter";
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.link--menu:hover {
  color: #d9ae5b;
}
.link--go {
  height: 8rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #c4b7aa;
  width: 15.5rem;
}
.link--go.active {
  background: #d9ae5b;
  color: #fff;
  letter-spacing: 0.135rem;
  font-weight: 700;
}
.link--go:hover {
  background: #d9ae5b;
  color: #fff;
}
.link--lang {
  font-family: "Inter";
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
.link--lang.active {
  color: #D9AE5B;
  font-weight: 600;
}
.link--lang:hover {
  opacity: 1;
}
.link--footer {
  color: #313131;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.link--footer:hover {
  color: #fff;
}
.link--socfooter {
  width: 4.2rem;
  height: 4.2rem;
}
.link--socfooter span {
  display: block;
  width: 100%;
  height: 100%;
}
.link--socfooter span svg {
  width: 100%;
  height: 100%;
  display: block;
}

.btn {
  transition: 0.24s ease-in-out;
  display: block;
  font-family: "Inter";
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  position: relative;
  padding: 0;
  font-weight: 400;
  line-height: normal;
  width: max-content;
}
.btn--toggle {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  cursor: pointer;
  width: 4.2rem;
  height: 2rem;
  z-index: 999;
  font-family: "Inter";
}
@media (max-width: 992px) {
  .btn--toggle {
    display: flex;
  }
}
.btn--toggle svg {
  width: 100%;
  height: 100%;
  display: block;
}
.btn--goprice {
  background-color: #d9ae5b;
  max-width: 18rem;
  width: 100%;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  padding: 1rem 0;
}
.btn--goprice:hover {
  background: rgba(217, 174, 91, 0.8);
}
.btn--sub {
  background-color: #D9AE5B;
  max-width: 100%;
  width: 100%;
  color: #313131;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  line-height: normal;
  padding: 2rem 1rem;
  text-transform: uppercase;
  border-radius: 6.4rem;
  letter-spacing: 1px;
}
@media (max-width: 992px) {
  .btn--sub {
    padding: 1.5rem 1rem;
    font-size: 1.1rem;
  }
}
.btn--sub:hover {
  background: rgba(217, 174, 91, 0.8);
}
.btn--totop {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 100%;
  background: #D9AE5B;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
@media (max-width: 992px) {
  .btn--totop {
    z-index: 10;
    position: fixed;
    width: 4.4rem;
    height: 4.4rem;
    background: #B79C68;
    bottom: 5.2rem;
    right: 3.2rem;
    top: initial;
    opacity: 0;
  }
  .btn--totop.is-visible {
    opacity: 1;
  }
}
.btn--totop svg {
  width: 1.9rem;
  height: 2.4rem;
  display: block;
}
@media (max-width: 992px) {
  .btn--totop svg {
    width: 1.5rem;
    height: 1.9rem;
  }
}

.wpcf7-spinner {
  display: none;
}

.field {
  border: none;
  border: 1px solid #B79C68;
  outline: none;
  text-overflow: ellipsis;
  font-family: "Inter";
  width: 100%;
  color: #313131;
  font-size: 1.4rem;
  -webkit-appearance: none;
  border-radius: 0;
  font-weight: 500;
  background-color: transparent;
  border-radius: 6.4rem;
  padding: 1.1rem 2.1rem;
  line-height: 148%;
}
.field::placeholder {
  color: rgba(49, 49, 49, 0.4);
}
.field--select {
  -webkit-appearance: menulist;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #313131 50%), linear-gradient(135deg, #313131 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.field--select:focus {
  background-image: linear-gradient(45deg, #313131 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #313131 50%);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: #v;
}
.field:focus {
  border-color: #edb158;
}
.field.error {
  border-color: red;
}
.error .field {
  border-color: red;
}

.wpcf7-form-control-wrap {
  display: block;
}

div.wpcf7-response-output {
  margin: 1rem 0 0 0;
  padding: 1rem;
  font-size: 1.6rem;
  font-family: "Akrobat";
}

.ajax-loader {
  display: none !important;
}

span.wpcf7-not-valid-tip {
  display: none;
  font-size: 1rem;
  font-weight: normal;
  position: absolute;
  top: 100%;
  left: 2.2rem;
  margin-top: 0.25rem;
}

.section-footer {
  background: #D9AE5B;
  padding: 3rem 0;
  flex-grow: 1;
}
@media (max-width: 992px) {
  .section-footer {
    padding: 4.4rem 0 8.6rem;
  }
}
.section-footer .footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .section-footer .footer {
    flex-direction: column;
    justify-content: flex-start;
    gap: 4.4rem;
  }
}
.section-footer .footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: 2.4rem;
}
@media (max-width: 992px) {
  .section-footer .footer ul {
    flex-direction: column;
    align-items: center;
    gap: 4rem;
  }
}
.section-footer .footer-logo {
  display: block;
  max-width: 20rem;
  width: 100%;
}
.section-footer .footer-logo img {
  width: 100%;
}
.section-footer .footer .copy {
  color: #313131;
  font-size: 1rem;
  font-weight: 500;
}
@media (max-width: 992px) {
  .section-footer .footer .copy {
    font-size: 1.1rem;
  }
}

.section-students {
  background: #060606;
  padding: 16rem 0 4rem 0;
}
.section-students .students-more {
  display: none;
}
.section-students .students-more__flex {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-students .students .btn {
  margin: 0 auto;
}
.section-students .students .title--section {
  text-align: left;
}
.section-students .students-items {
  margin-top: 5.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 4rem;
  grid-column-gap: 4rem;
}
.section-students .students-item {
  position: relative;
  width: 100%;
  height: 30rem;
  cursor: pointer;
}
.section-students .students-item:hover .students-item__bottom {
  padding: 2rem 1.5rem;
}
.section-students .students-item:hover .link {
  border-color: #d9ae5b;
  transform: translateY(-50%) rotate(360deg);
}
.section-students .students-item:hover .link svg path {
  fill: #d9ae5b;
}
.section-students .students-item__name {
  color: #d9ae5b;
  font-family: "Inter";
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 1;
  margin-bottom: 1.3rem;
  max-width: 85%;
  width: auto;
}
.section-students .students-item__bottom {
  transition: 0.24s ease-in-out;
  width: 100%;
  padding: 1.5rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-students .students-item__bottom .link {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 1.5rem;
}
.section-students .students-item__photo {
  width: 100%;
  height: 100%;
}
.section-students .students-item__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-price {
  background: #060606;
  padding: 16rem 0 15rem 0;
  min-height: 90vh;
}
.section-price .price .title--section {
  text-align: center;
}
.section-price .price .paragraph--price {
  margin-top: 1.7rem;
  text-align: center;
  padding: 0 14rem;
}
.section-price .price-items {
  margin-top: 3rem;
}
.section-price .price-item {
  width: 100%;
}
.section-price .price-item__arr {
  position: absolute;
  top: 50%;
  right: 3rem;
  transition: 0.24s ease-in-out;
  width: 2rem;
  height: 1.3rem;
  transform: translateY(-50%);
}
.section-price .price-item__arr svg {
  display: block;
  width: 100%;
  height: 100%;
}
.section-price .price-item__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.section-price .price-item__photo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.section-price .price-item__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-price .price-item__head {
  cursor: pointer;
  position: relative;
  display: flex;
  transform-origin: center center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  transition: 0.24s ease-in-out;
  opacity: 0.8;
  padding: 2rem 3rem 2rem 3rem;
}
.section-price .price-item__head h3 {
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
}
.section-price .price-item__head h3:last-child {
  margin-bottom: 0;
}
.section-price .price-item__content {
  background: #fff;
  display: none;
  width: 100%;
  height: 100%;
}
.section-price .price-item__table {
  width: 100%;
  height: 100%;
}
.section-price .price-item__table .tr {
  padding: 1.3rem 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d9d9d9;
  transition: 0.24s ease-in-out;
}
.section-price .price-item__table .tr .paragraph {
  transition: 0.24s ease-in-out;
}
.section-price .price-item__table .tr-head {
  padding: 1.5rem 3rem;
  background-color: #e8e8e8;
  border-bottom: none;
  border-top: none;
}
.section-price .price-item__table .tr-head .paragraph {
  letter-spacing: initial;
  color: #000;
  line-height: 2.6rem;
}
.section-price .price-item__table .tr:not(.tr-head):hover {
  background: #e8e8e8;
  border-color: #d9ae5b;
  transform: scale(1.01);
}
.section-price .price-item__table .tr:not(.tr-head).active {
  background: #e8e8e8;
  border-color: #d9ae5b;
  transform: scale(1.01);
}
.section-price .price-item__table .tr:last-child {
  border-bottom: 1px solid #fff;
}
.section-price .price-item__table .td:nth-child(1) {
  flex: 1;
}
.section-price .price-item__table .td:nth-child(2) {
  flex: 0.65;
}
.section-price .price-item__table .td:nth-child(3) {
  flex: 0.5;
}
.section-price .price-item__table .td:nth-child(4) {
  flex: 1;
}
.section-price .price-item__table .td:nth-child(5) {
  flex: 1;
}
.section-price .price-item__table .td:not(:first-child) .paragraph {
  text-align: center;
}
.section-price .price-item.active .price-item__arr {
  transform: translateY(-50%) rotate(180deg);
}
.section-price .price-item.active .price-item__head {
  opacity: 1;
}
.section-price .price-item:hover .price-item__head {
  opacity: 1;
}
.section-curs {
  background: #060606;
  padding: 16rem 0 15rem 0;
  min-height: 85vh;
}
.section-curs .curs .title--section {
  text-align: center;
}
.section-curs .curs-items {
  margin-top: 7rem;
}
.section-curs .curs-item__arr {
  position: absolute;
  top: 50%;
  right: 8rem;
  transition: 0.24s ease-in-out;
  width: 3rem;
  height: 1.8rem;
  transform: translateY(-50%);
}
.section-curs .curs-item__arr svg {
  display: block;
  width: 100%;
  height: 100%;
}
.section-curs .curs-item_go .curs-item__arr {
  transform: translateY(-50%) rotate(-90deg);
}
.section-curs .curs-item__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.section-curs .curs-item__photo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.section-curs .curs-item__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-curs .curs-item__head {
  cursor: pointer;
  position: relative;
  display: flex;
  transform-origin: center center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  transition: 0.24s ease-in-out;
  padding: 5rem 10rem 5rem 8rem;
}
.section-curs .curs-item__head h3 {
  margin-bottom: 1rem;
  max-width: 90%;
  width: auto;
}
.section-curs .curs-item__head p {
  padding-right: 10rem;
  display: none;
}
.section-curs .curs-item__content {
  display: none;
  background: #fff;
}
.section-curs .curs-item__footer {
  padding: 2.5rem 8rem;
  border-top: 1px solid #d9ae5b;
  background-color: #faf8f5;
}
.section-curs .curs-item__footer .paragraph {
  margin-bottom: 1.5rem;
}
.section-curs .curs-item__bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #423f3a;
  padding: 1.6rem 8rem;
}
.section-curs .curs-item__cols {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.section-curs .curs-item__col {
  flex: 2;
  padding-right: 2rem;
}
.section-curs .curs-item__col:first-child {
  flex: 1;
}
.section-curs .curs-item__col:last-child {
  flex: 1;
}
.section-curs .curs-item__col ul {
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
}
.section-curs .curs-item__col ul li {
  color: #111111;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1;
  padding-left: 1rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.section-curs .curs-item__col ul li:last-child {
  margin-bottom: 0;
}
.section-curs .curs-item__col ul li:after {
  position: absolute;
  content: "";
  top: 4.5px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  left: 0;
  background: #d9ae5b;
}
.section-curs .curs-item__text {
  padding: 3.5rem 4rem 3.5rem 8rem;
  height: 30rem;
}
.section-curs .curs-item__text-scroll {
  width: 100%;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  padding-right: 3rem;
}
.section-curs .curs-item__text p {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2rem;
}
.section-curs .curs-item__text p b {
  font-weight: 700;
}
.section-curs .curs-item__text p + p {
  margin-top: 2rem;
}
.section-curs .curs-item__text ul {
  list-style: none;
  margin: 2rem 0;
  padding: 0;
}
.section-curs .curs-item__text ul li {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.4rem;
  padding-left: 1rem;
  position: relative;
}
.section-curs .curs-item__text ul li:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  left: 0;
  background: #d9ae5b;
  transform: translateY(-50%);
}
.section-curs .curs-item.active .curs-item__arr {
  transform: translateY(-50%) rotate(180deg);
}
.section-curs .curs-item.hover .curs-item__head {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.section-curs .curs-item.hover-t {
  pointer-events: none;
}
.section-curs .curs-item.hover-t .curs-item__head {
  opacity: 0.4;
}

.section-main {
  padding: 14rem 0 8rem;
  min-height: 100vh;
  background: url("../img/main/equalizer.png") center/100% auto no-repeat, url("../img/main/bg.png") center/100% 100% no-repeat, #313131;
  background-blend-mode: overlay, normal, normal;
}
@media (max-width: 992px) {
  .section-main {
    padding: 10rem 0 6rem;
    min-height: auto;
    background: url("../img/main/equalizer.png") top 20rem center/auto 32rem no-repeat, url("../img/main/bg.png") center/100% 100% no-repeat, #313131;
    background-blend-mode: overlay, normal, normal;
  }
  .section-main .wrapper {
    padding: 0;
  }
}
.section-main .main .heading {
  text-align: center;
  letter-spacing: -1px;
}
@media (max-width: 992px) {
  .section-main .main .heading {
    padding: 0 2rem;
  }
}
@media (min-width: 992px) {
  .section-main .main .heading br:nth-of-type(2) {
    display: none;
  }
  .section-main .main .heading br:nth-of-type(3) {
    display: none;
  }
}
.section-main .main .action {
  margin-top: 6rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .section-main .main .action {
    padding: 0 3.2rem;
    gap: 1.2rem;
    margin-top: 3.7rem;
    flex-direction: column;
  }
}
.section-main .main .action .link--policy {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 7.8rem;
  height: 7.8rem;
  border-radius: 100%;
  background: rgba(252, 252, 252, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 500;
  color: #F8F8F8;
  font-size: 1rem;
}
@media (max-width: 992px) {
  .section-main .main .action .link--policy {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 6.4rem;
    background: rgba(252, 252, 252, 0.12);
    padding: 1.5rem 0.3rem;
    font-weight: 700;
    line-height: normal;
    font-size: 1.1rem;
    gap: 0;
    justify-content: flex-start;
  }
}
.section-main .main .action .link--policy span {
  display: block;
}
@media (max-width: 992px) {
  .section-main .main .action .link--policy span.icon {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    flex-shrink: 0;
    background: rgba(252, 252, 252, 0.12);
    border-radius: 4.4rem;
  }
}
.section-main .main .action .link--policy span.icon svg {
  width: 2.4rem;
  height: 3.2rem;
  display: block;
}
@media (max-width: 992px) {
  .section-main .main .action .link--policy span.icon svg {
    width: 1.3rem;
    height: 1.6rem;
  }
}
.section-main .main .action .link--policy span.curved-text {
  --diametr: 14.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--diametr);
  height: var(--diametr);
  transform: translate(-50%, -50%);
  animation: effectCurve 40s linear infinite;
}
@media (max-width: 992px) {
  .section-main .main .action .link--policy span.curved-text {
    display: none;
  }
}
.section-main .main .action .link--policy span.curved-text span {
  position: absolute;
  left: 50%;
  transform-origin: 0 calc(var(--diametr) / 2);
  transform-style: flat;
  white-space: pre;
}
.section-main .main .action .link--policy span.text {
  display: none;
}
@media (max-width: 992px) {
  .section-main .main .action .link--policy span.text {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.section-main .main .action .btn {
  border: 1px solid #D9AE5B;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: normal;
  letter-spacing: 1px;
  font-family: "Inter";
  color: #D9AE5B;
  padding: 1.85rem 2rem;
  max-width: 49.2rem;
  width: 100%;
  border-radius: 6.4rem;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .section-main .main .action .btn {
    padding: 1.4rem 0.3rem;
    font-size: 1.1rem;
    background: #D9AE5B;
    color: #313131;
    font-weight: 700;
  }
}
.section-main .main .action .btn:hover {
  background: #D9AE5B;
  color: #313131;
  box-shadow: 4px 4px 16px 0 rgba(217, 174, 91, 0.44);
}
@media (max-width: 992px) {
  .section-main .main .action .btn:hover {
    background: transparent;
    color: #D9AE5B;
  }
}
.section-main .main .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.2rem;
}
@media (max-width: 992px) {
  .section-main .main .items {
    padding: 0 3.2rem;
    gap: 1.1rem;
    margin-top: 2.4rem;
  }
}
.section-main .main .items .item {
  width: 17.4rem;
  height: auto;
  border-radius: 3.2rem;
  transition: 0.24s ease-in-out;
}
@media (max-width: 992px) {
  .section-main .main .items .item {
    border-radius: 1.6rem;
  }
}
.section-main .main .items .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3.2rem;
}
@media (max-width: 992px) {
  .section-main .main .items .item img {
    border-radius: 1.6rem;
  }
}
.section-main .main .items .item:nth-child(1) {
  height: 16.8rem;
}
.section-main .main .items .item:nth-child(1):hover {
  box-shadow: 4px 4px 32px 0 rgba(217, 174, 91, 0.44);
}
@media (max-width: 992px) {
  .section-main .main .items .item:nth-child(1) {
    display: none;
  }
}
.section-main .main .items .item:nth-child(2) {
  height: 24.4rem;
}
@media (max-width: 992px) {
  .section-main .main .items .item:nth-child(2) {
    height: 12.8rem;
  }
}
.section-main .main .items .item:nth-child(2):hover {
  box-shadow: 4px 4px 32px 0 rgba(1, 66, 138, 0.64);
}
.section-main .main .items .item:nth-child(3) {
  height: 30.6rem;
}
@media (max-width: 992px) {
  .section-main .main .items .item:nth-child(3) {
    height: 16rem;
  }
}
.section-main .main .items .item:nth-child(3):hover {
  box-shadow: 4px 4px 32px 0 rgba(151, 71, 255, 0.44);
}
.section-main .main .items .item:nth-child(4) {
  height: 24.4rem;
}
@media (max-width: 992px) {
  .section-main .main .items .item:nth-child(4) {
    height: 12.8rem;
  }
}
.section-main .main .items .item:nth-child(4):hover {
  box-shadow: 4px 4px 32px 0 rgba(6, 93, 95, 0.64);
}
.section-main .main .items .item:nth-child(5) {
  height: 16.8rem;
}
.section-main .main .items .item:nth-child(5):hover {
  box-shadow: 4px 4px 32px 0 rgba(1, 66, 138, 0.64);
}
@media (max-width: 992px) {
  .section-main .main .items .item:nth-child(5) {
    display: none;
  }
}

@keyframes effectCurve {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.section-info {
  background: url("../img/info.png") top center/cover no-repeat, #313131;
  background-blend-mode: exclusion;
  min-height: calc(100vh + 5rem);
  padding: 10rem 0;
}
@media (max-width: 992px) {
  .section-info {
    padding: 5rem 0;
    min-height: initial;
    background: url("../img/info.png") top 8rem center/100% auto no-repeat, #313131;
  }
}
@media (max-width: 992px) {
  .section-info .info .heading {
    text-align: center;
  }
}
.section-info .info .items {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 2.2rem;
  margin-top: 3.2rem;
}
@media (max-width: 992px) {
  .section-info .info .items {
    grid-template-columns: 1fr;
    grid-gap: 1.2rem;
    margin-top: 15rem;
  }
}
.section-info .info .items .item {
  border-radius: 3.2rem;
  background: rgba(252, 252, 252, 0.03);
  backdrop-filter: blur(11px);
  padding: 2.2rem 1.2rem;
}
.section-info .info .items .item p {
  font-family: "Inter";
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 164%;
}
@media (max-width: 992px) {
  .section-info .info .items .item p {
    font-size: 1.6rem;
    line-height: 148%;
  }
}
.section-info .info .items .item p.item-name {
  color: #D9AE5B;
  font-size: 4.2rem;
  font-weight: 800;
  margin-bottom: 0.4rem;
}
@media (max-width: 992px) {
  .section-info .info .items .item p.item-name {
    font-size: 1.8rem;
    line-height: 164%;
  }
}
.section-info .info .items .item p.item-name i {
  font-weight: 500;
  letter-spacing: -1px;
}

.section-world {
  padding: 8rem 0 4rem;
}
@media (max-width: 992px) {
  .section-world {
    padding: 2rem 0;
  }
  .section-world .wrapper {
    padding: 0;
  }
}
.section-world::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 33.1rem;
  background: linear-gradient(180deg, #313131 0%, #222 100%);
  content: "";
  z-index: -1;
  pointer-events: none;
}
.section-world .world .heading {
  max-width: 95.6rem;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 992px) {
  .section-world .world .heading {
    padding: 0 3.2rem;
  }
}
.section-world .world .heading span {
  display: block;
  text-align: left;
}
.section-world .world-map {
  margin-top: 2.7rem;
}
@media (max-width: 992px) {
  .section-world .world-map {
    overflow-y: hidden;
    padding: 0 3.2rem;
  }
  .section-world .world-map .simplebar-scrollbar.simplebar-visible:before {
    background: #f8f8f8;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 3px;
  }
  .section-world .world-map .simplebar-track {
    background: rgba(248, 248, 248, 0.44);
    opacity: 1;
    border-radius: 3px;
  }
  .section-world .world-map .simplebar-track.simplebar-horizontal {
    height: 3px;
    max-width: calc(100% - 6.4rem);
    left: 3.2rem;
  }
}
.section-world .world-map img {
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .section-world .world-map img {
    height: 48.1rem;
    width: auto;
  }
}

.section-services {
  padding: 4rem 0 12rem;
  background: #222;
}
@media (max-width: 992px) {
  .section-services {
    padding: 5rem 0;
  }
}
.section-services .services .heading {
  text-align: center;
}
.section-services .services .items {
  margin-top: 6.2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2.2rem;
  grid-row-gap: 2.2rem;
}
@media (max-width: 992px) {
  .section-services .services .items {
    margin-top: 4.4rem;
    grid-template-columns: 1fr;
    grid-row-gap: 3.6rem;
  }
}
.section-services .services .items .item {
  border-radius: 2.2rem;
  border: 1px solid rgba(252, 252, 252, 0.12);
  overflow: hidden;
  cursor: pointer;
  background: rgba(252, 252, 252, 0.03);
}
@media (max-width: 992px) {
  .section-services .services .items .item {
    border-radius: 2.6rem;
  }
}
.section-services .services .items .item .image {
  height: 34.4rem;
  width: 100%;
}
@media (max-width: 992px) {
  .section-services .services .items .item .image {
    height: 26.4rem;
  }
}
.section-services .services .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-services .services .items .item .content {
  padding: 1.7rem 1rem 1.5rem;
  height: calc(100% - 34.4rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .section-services .services .items .item .content {
    padding: 2.7rem 0.8rem 1.2rem;
  }
}
.section-services .services .items .item .content p {
  color: #F8F8F8;
  font-size: 2.4rem;
  font-family: "Inter";
  text-transform: uppercase;
  font-weight: 500;
  line-height: 122%;
  text-align: center;
  margin-bottom: 1.5rem;
  width: 100%;
}
@media (max-width: 992px) {
  .section-services .services .items .item .content p {
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
}
.section-services .services .items .item .content .btn {
  margin-top: auto;
  border: 1px solid #D9AE5B;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: normal;
  letter-spacing: 1px;
  font-family: "Inter";
  color: #D9AE5B;
  padding: 1.8rem 2rem;
  width: 100%;
  border-radius: 6.4rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 992px) {
  .section-services .services .items .item .content .btn {
    padding: 1.2rem 1rem;
    background: #D9AE5B;
    color: #313131;
  }
}
.section-services .services .items .item .content .btn span {
  display: block;
}
.section-services .services .items .item .content .btn .icon {
  width: 2.2rem;
  height: 1.8rem;
}
@media (max-width: 992px) {
  .section-services .services .items .item .content .btn .icon {
    width: 1.7rem;
    height: auto;
  }
}
.section-services .services .items .item .content .btn .icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.section-services .services .items .item .content .btn .icon svg path {
  transition: 0.24s ease-in-out;
}
@media (max-width: 992px) {
  .section-services .services .items .item .content .btn .icon svg path {
    fill: #313131;
  }
}
.section-services .services .items .item:hover .btn {
  background: #D9AE5B;
  color: #313131;
}
.section-services .services .items .item:hover .btn .icon svg path {
  fill: #313131;
}
@media (max-width: 992px) {
  .section-services .services .items .item:hover .btn {
    background: transparent;
    color: #D9AE5B;
  }
}

.section-author {
  padding: 10rem 0;
  background: url("../img/bga.png") center/auto repeat;
}
@media (max-width: 992px) {
  .section-author {
    padding: 4.5rem 0 7rem;
  }
}
.section-author .author-info {
  display: grid;
  grid-template-columns: 52.6rem 1fr;
  grid-gap: 6.2rem;
  margin-top: 5.6rem;
}
@media (max-width: 992px) {
  .section-author .author-info {
    grid-template-columns: 1fr;
    margin-top: 3.4rem;
    grid-gap: 0;
  }
}
.section-author .author-info .photo {
  width: 100%;
  height: 56.5rem;
}
@media (max-width: 992px) {
  .section-author .author-info .photo {
    display: none;
  }
}
.section-author .author-info .photo img {
  width: 100%;
  border-radius: 3.2rem;
  height: 100%;
  object-fit: cover;
}
.section-author .author-info .info p {
  font-family: "Inter";
  font-weight: 500;
}
.section-author .author-info .info p.name {
  color: #f8f8f8;
  font-size: 2.4rem;
  line-height: 138%;
}
@media (max-width: 992px) {
  .section-author .author-info .info p.name {
    font-size: 2rem;
  }
}
.section-author .author-info .info p.spec {
  color: #D9AE5B;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 148%;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 1.2rem;
}
@media (max-width: 992px) {
  .section-author .author-info .info p.spec {
    font-size: 1.6rem;
  }
}
.section-author .author-info .info .image {
  display: none;
}
@media (max-width: 992px) {
  .section-author .author-info .info .image {
    display: block;
    min-height: 31.8rem;
    height: auto;
    width: 100%;
    margin-top: 2.2rem;
  }
  .section-author .author-info .info .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 3.2rem;
  }
}
.section-author .author-info .info ul {
  list-style: none;
  padding: 0;
  margin: 1.2rem 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3.2rem;
}
@media (max-width: 992px) {
  .section-author .author-info .info ul {
    margin-top: 2.2rem;
    gap: 2rem;
    justify-content: space-between;
  }
}
.section-author .author-info .info ul li .link {
  max-height: 2.6rem;
  max-width: 4.9rem;
  width: auto;
  height: auto;
}
.section-author .author-info .info ul li .link svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.section-author .author-info .info .bio {
  margin-top: 2.2rem;
}
.section-author .author-info .info .bio p {
  color: #FFF;
  font-size: 1.8rem;
  line-height: 164%;
}
@media (max-width: 992px) {
  .section-author .author-info .info .bio p {
    font-size: 1.6rem;
    line-height: 148%;
  }
}
.section-author .author-info .info .bio p + p {
  margin-top: 1.8rem;
}
@media (max-width: 992px) {
  .section-author .author-info .info .bio p + p {
    margin-top: 1.6rem;
  }
}
.section-author .author-letter {
  display: grid;
  grid-template-columns: 1fr 31.7rem;
  grid-gap: 5rem;
  margin-top: 14rem;
}
@media (max-width: 992px) {
  .section-author .author-letter {
    grid-template-columns: 1fr;
    margin-top: 2.2rem;
    grid-gap: 2.2rem;
  }
}
@media (max-width: 992px) {
  .section-author .author-letter .letter {
    order: 2;
  }
}
.section-author .author-letter .letter-text {
  padding-right: 3rem;
  width: 100%;
  max-height: 56.5rem;
  height: auto;
  overflow: auto;
  scrollbar-width: thin;
}
@media (max-width: 992px) {
  .section-author .author-letter .letter-text {
    overflow: hidden;
    padding-right: 0;
    max-height: 37.6rem;
  }
}
.section-author .author-letter .letter-text .simplebar-track {
  width: 3px;
}
.section-author .author-letter .letter-text .simplebar-track::after {
  position: absolute;
  top: 0;
  left: 1px;
  width: 1px;
  background-color: rgba(217, 174, 91, 0.44);
  border-radius: 0.3rem;
  content: "";
  height: 100%;
}
.section-author .author-letter .letter-text .simplebar-scrollbar::before {
  background: #D9AE5B;
  border-radius: 0.3rem;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-author .author-letter .letter-text p {
  color: #FFF;
  font-family: "Inter";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 164%;
}
@media (max-width: 992px) {
  .section-author .author-letter .letter-text p {
    font-size: 1.6rem;
    line-height: 148%;
  }
}
.section-author .author-letter .letter-text p + p {
  margin-top: 1.8rem;
}
@media (max-width: 992px) {
  .section-author .author-letter .letter-text p + p {
    margin-top: 1.6rem;
  }
}
.section-author .author-letter .image {
  width: 100%;
  height: 56.5rem;
}
@media (max-width: 992px) {
  .section-author .author-letter .image {
    order: 1;
    min-height: 52.8rem;
    height: auto;
  }
}
.section-author .author-letter .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3.2rem;
}
@media (max-width: 992px) {
  .section-author .author-letter .image img {
    height: auto;
  }
}
.section-author .author-player {
  margin-top: 14rem;
}
@media (max-width: 992px) {
  .section-author .author-player {
    margin-top: 4rem;
  }
}
.section-author .author-player .content {
  margin-top: 0;
  grid-template-columns: 1fr 37rem;
}
@media (max-width: 992px) {
  .section-author .author-player .content {
    grid-template-columns: 1fr;
  }
}
.section-author .author-player .content .player {
  order: 2;
}
@media (max-width: 992px) {
  .section-author .author-player .content .player {
    order: 1;
  }
}
.section-author .author-player .content .playlist {
  order: 1;
}
@media (max-width: 992px) {
  .section-author .author-player .content .playlist {
    order: 2;
  }
}

[data-showmore] {
  display: none;
}
@media (max-width: 992px) {
  [data-showmore] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2.2rem;
    border: 1px solid rgba(252, 252, 252, 0.12);
    font-weight: 700;
    font-size: 1.1rem;
    line-height: normal;
    letter-spacing: 1px;
    font-family: "Inter";
    color: #F8F8F8;
    padding: 1.4rem 1rem;
    text-align: center;
    max-width: 100%;
    width: 100%;
    border-radius: 3.2rem;
    text-transform: uppercase;
  }
  [data-showmore] span {
    display: block;
  }
  [data-showmore] .icon {
    width: 0.9rem;
    height: 1.2rem;
  }
  [data-showmore] .icon svg {
    width: 100%;
    height: 100%;
  }
  [data-showmore]:hover {
    background: #F8F8F8;
    border-color: #F8F8F8;
    color: #313131;
  }
  [data-showmore]:hover .icon svg path {
    fill: #313131;
  }
  [data-showmore][aria-expanded=true] .icon {
    transform: rotate(180deg);
  }
}

.section-online {
  background: #F8F8F8;
  padding: 10rem 0;
}
@media (max-width: 992px) {
  .section-online {
    padding: 5rem 0 6rem;
  }
}
.section-online .online .heading {
  text-align: right;
  max-width: 95.6rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #313131;
}
.section-online .online .heading span {
  text-align: left;
  display: block;
}
.section-online .online .action {
  margin-top: 4.8rem;
  display: flex;
  justify-content: center;
}
.section-online .online .action .btn {
  border: 1px solid #D9AE5B;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: normal;
  letter-spacing: 1px;
  font-family: "Inter";
  color: #313131;
  padding: 1.85rem 2rem;
  max-width: 100%;
  width: 100%;
  border-radius: 6.4rem;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .section-online .online .action .btn {
    padding: 1.4rem 1rem;
    font-size: 1.1rem;
    line-height: normal;
  }
}
.section-online .online .action .btn:hover {
  background: #D9AE5B;
  color: #313131;
  box-shadow: 4px 4px 16px 0 rgba(217, 174, 91, 0.44);
}
.section-online .online .items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2.2rem;
  margin-top: 4.8rem;
}
@media (max-width: 992px) {
  .section-online .online .items {
    grid-template-columns: 1fr;
    grid-gap: 1.2rem;
  }
}
.section-online .online .items .item {
  padding: 2.2rem 1.2rem 4.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2.2rem;
  min-height: 38.6rem;
}
@media (max-width: 992px) {
  .section-online .online .items .item {
    padding: 2.2rem 0.6rem 2.2rem;
    border: 1px solid rgba(217, 174, 91, 0.22);
    border-radius: 2.2rem;
    min-height: initial;
    gap: 0.6rem;
  }
}
.section-online .online .items .item p {
  font-family: "Inter";
  color: rgba(49, 49, 49, 0.8);
  font-size: 1.6rem;
  line-height: 148%;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 992px) {
  .section-online .online .items .item p {
    font-size: 1.4rem;
  }
}
.section-online .online .items .item p.name {
  color: #313131;
  line-height: 122%;
  font-size: 2.4rem;
}
@media (max-width: 992px) {
  .section-online .online .items .item p.name {
    font-size: 1.8rem;
  }
}
.section-online .online .items .item .icon {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 100%;
  border: 1px solid rgba(217, 174, 91, 0.22);
  background: rgba(217, 174, 91, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .section-online .online .items .item .icon {
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    background: transparent;
    margin-bottom: 1rem;
  }
}
.section-online .online .items .item .icon svg {
  max-width: 5.6rem;
  max-height: 5rem;
  width: auto;
  height: auto;
  display: block;
}
@media (max-width: 992px) {
  .section-online .online .items .item .icon svg {
    max-width: 6rem;
    max-height: 6rem;
  }
}
@media (max-width: 992px) {
  .section-online .online .items .item .icon svg path {
    fill: #B79C68;
  }
}

.section-features {
  background: #B79C68;
  padding: 10rem 0 14rem;
}
@media (max-width: 992px) {
  .section-features {
    padding: 5rem 0 6rem;
  }
}
.section-features .features .heading {
  color: #313131;
  text-align: center;
}
.section-features .features .items {
  margin-top: 4.8rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2.2rem;
}
@media (max-width: 992px) {
  .section-features .features .items {
    grid-template-columns: 1fr;
    margin-top: 2.2rem;
  }
}
.section-features .features .items .item {
  padding: 3.2rem 1.2rem 4.8rem 1.2rem;
  border-radius: 2.2rem;
  border: 1px solid rgba(248, 248, 248, 0.22);
}
@media (max-width: 992px) {
  .section-features .features .items .item {
    padding: 1.2rem 0.6rem 2.2rem;
    background: rgba(248, 248, 248, 0.22);
  }
}
.section-features .features .items .item .icon {
  width: 5.6rem;
  height: 5rem;
  margin-left: auto;
  margin-right: auto;
}
.section-features .features .items .item .icon img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.section-features .features .items .item p {
  text-align: center;
  margin-top: 2.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 144%;
  font-family: "Inter";
  color: #313131;
}
@media (max-width: 992px) {
  .section-features .features .items .item p {
    font-size: 1.6rem;
  }
}

.section-works {
  padding: 9.4rem 0 12.4rem;
}
@media (max-width: 992px) {
  .section-works {
    padding: 6.5rem 0;
  }
}
.section-works .works .heading {
  text-align: center;
}

[data-player-root] {
  margin-top: 7.2rem;
  display: grid;
  grid-template-columns: 37rem 1fr;
  grid-column-gap: 3.4rem;
}
@media (max-width: 992px) {
  [data-player-root] {
    grid-template-columns: 1fr;
    grid-row-gap: 3.2rem;
    margin-top: 4.4rem;
  }
}
[data-player-root] .player .audio-ui {
  padding: 1.4rem 1.4rem 2.8rem;
  border-radius: 2.2rem;
  border: 1px solid var(--fc12, rgba(252, 252, 252, 0.12));
  background: linear-gradient(162deg, #383838 1.27%, #313131 94.41%);
}
@media (max-width: 992px) {
  [data-player-root] .player .audio-ui {
    padding: 1.4rem 1.4rem 2.3rem;
  }
}
[data-player-root] .player .audio-ui .controls {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
}
[data-player-root] .player .audio-ui .controls .btn span {
  display: block;
}
[data-player-root] .player .audio-ui .controls .btn span svg {
  width: 100%;
  height: 100%;
  display: block;
}
[data-player-root] .player .audio-ui .controls .btn span svg path, [data-player-root] .player .audio-ui .controls .btn span svg rect {
  transition: 0.24s ease-in-out;
  fill: #f8f8f8;
}
[data-player-root] .player .audio-ui .controls .btn:hover span svg path, [data-player-root] .player .audio-ui .controls .btn:hover span svg rect {
  fill: #D9AE5B;
}
[data-player-root] .player .audio-ui .controls .btn.play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  background: linear-gradient(139deg, #363636 15.92%, #484848 81.56%);
  box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.12) inset, 2px 2px 3px 0 rgba(85, 85, 85, 0.25) inset;
  filter: drop-shadow(2px 2px 11.5px rgba(17, 17, 17, 0.25)) drop-shadow(-2px -2px 6px rgba(136, 136, 136, 0.04));
  border-radius: 100%;
  filter: drop-shadow(2px 2px 11.5px rgba(17, 17, 17, 0.25)) drop-shadow(-2px -2px 6px rgba(136, 136, 136, 0.04));
}
[data-player-root] .player .audio-ui .controls .btn.play:hover {
  filter: none;
}
[data-player-root] .player .audio-ui .controls .btn.play span {
  width: 3.2rem;
  height: 4.2rem;
}
[data-player-root] .player .audio-ui .controls .btn.play span.icon-pause {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[data-player-root] .player .audio-ui .controls .btn.play.active span.icon-pause {
  opacity: 1;
  visibility: visible;
}
[data-player-root] .player .audio-ui .controls .btn.play.active span.icon-play {
  opacity: 0;
  visibility: hidden;
}
[data-player-root] .player .audio-ui .controls .vol {
  display: none;
}
[data-player-root] .player .audio-ui .wave {
  width: 100%;
  height: auto;
}
[data-player-root] .player .audio-ui .wave-wrap {
  margin: 1.9rem 0 0;
}
@media (max-width: 992px) {
  [data-player-root] .player .audio-ui .wave-wrap {
    margin-top: 2rem;
  }
}
[data-player-root] .player .audio-ui .wave-wrap .time-rail {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 0.3rem;
}
[data-player-root] .player .audio-ui .wave-wrap .time-rail span {
  color: #FFF;
  display: block;
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2rem;
}
[data-player-root] .player .audio-ui .now-meta {
  width: 100%;
  margin-top: 1.3rem;
}
[data-player-root] .player .audio-ui .now-meta p {
  font-family: "Inter";
  font-size: 1.8rem;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  color: #F8F8F8;
  line-height: 138%;
  font-weight: 500;
  overflow: hidden;
}
@media (max-width: 992px) {
  [data-player-root] .player .audio-ui .now-meta p {
    font-size: 1.4rem;
  }
}
[data-player-root] .player .audio-ui .now-cover {
  width: 100%;
  border-radius: 1.6rem;
  background-color: #ddd;
  height: 34.2rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 992px) {
  [data-player-root] .player .audio-ui .now-cover {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    min-height: 26.4rem;
    height: auto;
  }
  [data-player-root] .player .audio-ui .now-cover::before {
    content: "";
    padding-top: 100%;
    display: block;
  }
}
[data-player-root] .player .audio-ui .now-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.2rem;
  margin-top: 1.3rem;
}
[data-player-root] .player .audio-ui .now-actions .btn {
  width: 1.9rem;
  height: 1.6rem;
}
[data-player-root] .player .audio-ui .now-actions .btn span {
  display: block;
  width: 100%;
  height: 100%;
}
[data-player-root] .player .audio-ui .now-actions .btn span svg {
  width: 100%;
  display: block;
  height: 100%;
}
[data-player-root] .player .audio-ui .now-actions .btn span svg path {
  fill: rgba(248, 248, 248, 0.6);
}
[data-player-root] .player .audio-ui .now-actions .btn.active span svg path {
  fill: #F8F8F8;
}
[data-player-root] .playlist-list {
  max-height: 62.2rem;
  height: auto;
  overflow: auto;
  list-style: none;
  padding: 0 3rem 0 0;
  margin: 0;
  width: 100%;
  scrollbar-width: thin;
}
@media (max-width: 992px) {
  [data-player-root] .playlist-list {
    overflow: hidden;
    padding-right: 0;
    max-height: 52rem;
  }
}
[data-player-root] .playlist-list .simplebar-track {
  width: 3px;
}
[data-player-root] .playlist-list .simplebar-track::after {
  position: absolute;
  top: 0;
  left: 1px;
  width: 1px;
  background-color: rgba(217, 174, 91, 0.44);
  border-radius: 0.3rem;
  content: "";
  height: 100%;
}
[data-player-root] .playlist-list .simplebar-scrollbar::before {
  background: #D9AE5B;
  border-radius: 0.3rem;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
[data-player-root] .playlist-list li {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.8rem;
  border-radius: 6.4rem;
  border: 1px solid rgba(252, 252, 252, 0.12);
  background: #313131;
  padding: 0.3rem;
}
@media (max-width: 992px) {
  [data-player-root] .playlist-list li {
    gap: 0.8rem;
    background: linear-gradient(0deg, rgba(252, 252, 252, 0.12) 0%, rgba(252, 252, 252, 0.12) 100%), #313131;
  }
}
[data-player-root] .playlist-list li + li {
  margin-top: 1.5rem;
}
@media (max-width: 992px) {
  [data-player-root] .playlist-list li + li {
    margin-top: 1.2rem;
  }
}
[data-player-root] .playlist-list li .cover {
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #eee;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  [data-player-root] .playlist-list li .cover {
    width: 5.6rem;
    height: 5.6rem;
  }
}
[data-player-root] .playlist-list li .meta p {
  color: #F8F8F8;
  font-family: "Inter";
  font-size: 1.8rem;
  line-height: 138%;
  font-weight: 500;
}
@media (max-width: 992px) {
  [data-player-root] .playlist-list li .meta p {
    font-size: 1.2rem;
  }
}
[data-player-root] .playlist-list li.active {
  background: url("../img/active-track.svg") right 2.6rem center/4.1rem no-repeat, linear-gradient(0deg, rgba(252, 252, 252, 0.12) 0%, rgba(252, 252, 252, 0.12) 100%), #313131;
}
@media (max-width: 992px) {
  [data-player-root] .playlist-list li.active {
    background: linear-gradient(0deg, rgba(252, 252, 252, 0.12) 0%, rgba(252, 252, 252, 0.12) 100%), #313131;
  }
}
[data-player-root] .playlist-list li.active .meta p {
  color: #D9AE5B;
}

.section-sekv {
  background: #F8F8F8;
  padding: 10rem 0;
}
@media (max-width: 992px) {
  .section-sekv {
    padding: 6.5rem 0;
  }
  .section-sekv .wrapper {
    padding: 0;
  }
}
.section-sekv .sekv .heading {
  text-align: right;
  max-width: 95.6rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #313131;
}
@media (max-width: 992px) {
  .section-sekv .sekv .heading {
    padding: 0 3.2rem;
  }
}
.section-sekv .sekv .heading span {
  text-align: left;
  display: block;
}
.section-sekv .sekv .text {
  max-width: 76.5rem;
  width: 100%;
  margin-top: 4.8rem;
}
@media (max-width: 992px) {
  .section-sekv .sekv .text {
    margin-top: 4.5rem;
    padding: 0 3.2rem;
  }
}
.section-sekv .sekv .text p {
  font-size: 1.8rem;
  line-height: 164%;
  font-family: "Inter";
  font-weight: 500;
  color: #313131;
}
@media (max-width: 992px) {
  .section-sekv .sekv .text p {
    font-size: 1.4rem;
    line-height: 148%;
  }
}
.section-sekv .sekv .text-right {
  margin-left: auto;
  margin-top: 3.2rem;
}
@media (max-width: 992px) {
  .section-sekv .sekv .text-right {
    margin-left: 0;
    margin-top: 4.5rem;
  }
}
.section-sekv .sekv .text-right p {
  text-align: left;
}
.section-sekv .sekv .items {
  margin-top: 6.4rem;
}
@media (max-width: 992px) {
  .section-sekv .sekv .items {
    margin-top: 4.4rem;
    position: relative;
  }
}
.section-sekv .sekv .items .swiper-scrollbar {
  display: none;
}
@media (max-width: 992px) {
  .section-sekv .sekv .items .swiper-scrollbar {
    display: block;
    position: relative;
    margin-top: 2.2rem;
  }
  .section-sekv .sekv .items .swiper-scrollbar-drag {
    border: 1px solid #313131;
    height: 3px;
    top: -1px;
  }
}
@media (min-width: 992px) {
  .section-sekv .sekv .items-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.2rem;
  }
}
.section-sekv .sekv .items .item {
  overflow: hidden;
  border-radius: 2.2rem;
  background: #FCFCFC;
  border: 1px solid rgba(49, 49, 49, 0.12);
}
.section-sekv .sekv .items .item .content {
  padding: 1.6rem 1.6rem 2.6rem;
}
@media (max-width: 992px) {
  .section-sekv .sekv .items .item .content {
    padding: 1.2rem 1.2rem 2.1rem;
  }
}
.section-sekv .sekv .items .item .content p {
  font-family: "Inter";
  color: #313131;
  font-size: 2.4rem;
  line-height: 122%;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 992px) {
  .section-sekv .sekv .items .item .content p {
    font-size: 1.8rem;
  }
}
.section-sekv .sekv .items .item .image {
  width: 100%;
  height: 32.8rem;
}
@media (max-width: 992px) {
  .section-sekv .sekv .items .item .image {
    height: 26.24rem;
  }
}
.section-sekv .sekv .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-reviews {
  background: #FFFFFF;
  padding: 11rem 0 11rem 0;
}
@media (max-width: 992px) {
  .section-reviews {
    padding: 6.5rem 0;
  }
}
.section-reviews .reviews {
  display: grid;
  grid-template-columns: 37rem 1fr;
  grid-column-gap: 2.2rem;
}
@media (max-width: 992px) {
  .section-reviews .reviews {
    grid-template-columns: 1fr;
    grid-row-gap: 4.4rem;
  }
}
.section-reviews .reviews-info__content {
  position: sticky;
  top: 10rem;
}
@media (max-width: 992px) {
  .section-reviews .reviews-info__content {
    position: static;
  }
}
.section-reviews .reviews-info__content .heading {
  color: #313131;
}
.section-reviews .reviews-info__content .google {
  margin-top: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
@media (max-width: 992px) {
  .section-reviews .reviews-info__content .google {
    margin-top: 2.2rem;
  }
}
.section-reviews .reviews-info__content .google .icon {
  width: 4.9rem;
  flex-shrink: 0;
  height: 4.9rem;
}
@media (max-width: 992px) {
  .section-reviews .reviews-info__content .google .icon {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.section-reviews .reviews-info__content .google .icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.section-reviews .reviews-info__content .google .text-top p {
  font-family: "Inter";
  color: #2E3332;
  font-size: 1.23rem;
  font-weight: 700;
}
.section-reviews .reviews-info__content .google .text-bottom {
  margin-top: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
@media (max-width: 992px) {
  .section-reviews .reviews-info__content .google .text-bottom {
    flex-wrap: wrap;
  }
}
.section-reviews .reviews-info__content .google .text-bottom .rate p {
  font-family: "Inter";
  color: #2E3332;
  font-size: 1.8rem;
  font-weight: 500;
}
.section-reviews .reviews-info__content .google .text-bottom .rate p b {
  font-weight: 800;
}
.section-reviews .reviews-info__content .google .text-bottom .all p {
  font-family: "Inter";
  color: #2E3332;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.036rem;
}
.section-reviews .reviews-info__content .google .text-bottom .all p b {
  font-weight: 600;
}
.section-reviews .reviews-info__content .google .text-bottom .all p a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.section-reviews .reviews-info__content .google .text-bottom .all p a:hover {
  text-decoration: none;
}
.section-reviews .reviews-info__content .google .text-bottom .stars {
  width: 10rem;
  height: auto;
  flex-shrink: 0;
}
.section-reviews .reviews-info__content .google .text-bottom .stars svg {
  width: 100%;
  height: auto;
  display: block;
}
.section-reviews .reviews-info__content .btns {
  margin-top: 2.2rem;
}
.section-reviews .reviews-info__content .btns .btn {
  border: 1px solid #D9AE5B;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: normal;
  letter-spacing: 1px;
  font-family: "Inter";
  color: #D9AE5B;
  padding: 1.85rem 2rem;
  text-align: center;
  max-width: 100%;
  width: 100%;
  border-radius: 6.4rem;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .section-reviews .reviews-info__content .btns .btn {
    font-size: 1.1rem;
    padding: 1.4rem 1rem;
    background: #D9AE5B;
    color: #313131;
  }
}
.section-reviews .reviews-info__content .btns .btn:hover {
  background: #D9AE5B;
  color: #313131;
  box-shadow: 4px 4px 16px 0 rgba(217, 174, 91, 0.44);
}
@media (max-width: 992px) {
  .section-reviews .reviews-info__content .btns .btn:hover {
    background: transparent;
    color: #D9AE5B;
  }
}
.section-reviews .reviews-descript {
  margin-top: 1.6rem;
}
.section-reviews .reviews-descript p {
  font-family: "Inter";
  font-size: 1.8rem;
  color: #313131;
  line-height: 164%;
  font-weight: 500;
}
@media (max-width: 992px) {
  .section-reviews .reviews-descript p {
    font-size: 1.4rem;
    line-height: 148%;
  }
}
.section-reviews .reviews-descript p + p {
  margin-top: 1.6rem;
}
@media (max-width: 992px) {
  .section-reviews .reviews-descript p + p {
    margin-top: 1.4rem;
  }
}
.section-reviews .reviews-date {
  margin: 0 0 0 2.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(49, 49, 49, 0.5);
  font-family: "Inter";
}
@media (max-width: 992px) {
  .section-reviews .reviews-date {
    margin-left: auto;
    font-size: 1.2rem;
  }
}
.section-reviews .reviews-item {
  background: #fff;
  padding: 3.2rem 2.2rem;
  border-radius: 2.2rem;
  box-shadow: 4px 4px 16px 0 rgba(49, 49, 49, 0.06);
  border: 1px solid rgba(49, 49, 49, 0.12);
}
@media (max-width: 992px) {
  .section-reviews .reviews-item {
    padding: 1.2rem;
  }
}
.section-reviews .reviews-item__rate {
  display: block;
  margin-right: 1rem;
  font-family: "Inter";
  font-size: 1.8rem;
  color: #313131;
  line-height: 164%;
  font-weight: 500;
}
@media (max-width: 992px) {
  .section-reviews .reviews-item__rate {
    font-size: 1.4rem;
    margin-right: 0.75rem;
  }
}
.section-reviews .reviews-item__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .section-reviews .reviews-item__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.section-reviews .reviews-item + .reviews-item {
  margin-top: 2rem;
}
@media (max-width: 992px) {
  .section-reviews .reviews-item + .reviews-item {
    margin-top: 1.2rem;
  }
}
.section-reviews .reviews-item__info {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .section-reviews .reviews-item__info {
    width: 100%;
    justify-content: flex-start;
  }
}
.section-reviews .reviews-item__linestar {
  width: 10.8rem;
  height: auto;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .section-reviews .reviews-item__linestar {
    width: 8.1rem;
  }
}
.section-reviews .reviews-item__linestar svg {
  display: block;
  width: 100%;
  height: auto;
}
.section-reviews .reviews-item__linestar svg path {
  fill: #FEA500;
  stroke: #FEA500;
}
.section-reviews .reviews-item__name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.2rem;
}
.section-reviews .reviews-item__name .icon {
  width: 5.6rem;
  height: 5.6rem;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .section-reviews .reviews-item__name .icon {
    width: 4.4rem;
    height: 4.4rem;
  }
}
.section-reviews .reviews-item__name .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.section-reviews .reviews-item__name p {
  font-family: "Inter";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 164%;
  color: #000000;
}
@media (max-width: 992px) {
  .section-reviews .reviews-item__name p {
    font-size: 1.6rem;
    line-height: 148%;
  }
}
.section-reviews .reviews-content [data-readmore-btn] {
  margin-top: 2rem;
  border: 1px solid #D9AE5B;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: normal;
  letter-spacing: 1px;
  font-family: "Inter";
  color: #313131;
  padding: 1.85rem 2rem;
  text-align: center;
  max-width: 100%;
  width: 100%;
  border-radius: 6.4rem;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .section-reviews .reviews-content [data-readmore-btn] {
    padding: 1.4rem 1rem;
    font-size: 1.1rem;
    margin-top: 4.4rem;
    background: #D9AE5B;
    color: #313131;
  }
}
.section-reviews .reviews-content [data-readmore-btn]:hover {
  background: #D9AE5B;
  color: #313131;
  box-shadow: 4px 4px 16px 0 rgba(217, 174, 91, 0.44);
}
@media (max-width: 992px) {
  .section-reviews .reviews-content [data-readmore-btn]:hover {
    background: transparent;
    color: #D9AE5B;
  }
}

.section-location {
  width: 100%;
  padding: 5rem 0 10rem;
}
@media (max-width: 992px) {
  .section-location {
    padding: 5rem 0 44rem;
  }
}
.section-location #map {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 4.8rem);
  z-index: 2;
}
@media (max-width: 992px) {
  .section-location #map {
    height: 100%;
  }
}
.section-location #map::after {
  background: linear-gradient(119deg, rgba(34, 34, 34, 0.5) 47.37%, rgba(72, 72, 72, 0) 80.01%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
}
.section-location .wrapper {
  pointer-events: none;
}
.section-location .location {
  max-width: 100%;
  width: 100%;
  border-bottom: 1px solid rgba(183, 156, 104, 0.44);
  padding-bottom: 2.4rem;
}
@media (max-width: 992px) {
  .section-location .location {
    border: none;
    padding-bottom: 0;
  }
}
.section-location .location {
  z-index: 3;
}
.section-location .location .heading {
  pointer-events: auto;
}
@media (max-width: 992px) {
  .section-location .location .heading {
    text-align: center;
  }
}
.section-location .location .paragraph {
  font-family: "Inter";
  color: #f8f8f8;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 164%;
  pointer-events: auto;
  margin-top: 1.2rem;
}
@media (max-width: 992px) {
  .section-location .location .paragraph {
    font-size: 1.6rem;
    line-height: 148%;
    text-align: center;
  }
}
.section-location .location-mess {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 2.4rem 0 0;
  pointer-events: auto;
  gap: 2.2rem;
}
@media (max-width: 992px) {
  .section-location .location-mess {
    justify-content: center;
    gap: 4.4rem;
  }
}
.section-location .location-add {
  pointer-events: auto;
  margin-top: 15rem;
  max-width: 50rem;
}
@media (max-width: 992px) {
  .section-location .location-add {
    margin-top: 4.5rem;
  }
}
.section-location .location-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 992px) {
  .section-location .location-row:nth-child(2) {
    flex-wrap: wrap;
  }
}
.section-location .location-row + .location-row {
  margin-top: 1.2rem;
}
@media (max-width: 992px) {
  .section-location .location-row + .location-row {
    margin-top: 2.2rem;
  }
}
.section-location .location-row a {
  font-family: "Inter";
  display: block;
  color: #D9AE5B;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 164%;
  margin-left: 0.5rem;
  transition: 0.24s ease-in-out;
}
@media (max-width: 992px) {
  .section-location .location-row a {
    font-size: 1.6rem;
  }
}
.section-location .location-row a:hover {
  text-decoration: underline;
}
.section-location .location-row p {
  font-family: "Inter";
  color: #f8f8f8;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 164%;
}
@media (max-width: 992px) {
  .section-location .location-row p {
    font-size: 1.6rem;
  }
}
.section-location .location-row img {
  width: 2.8rem;
  margin-right: 1.2rem;
  flex-shrink: 0;
  height: auto;
}
@media (max-width: 992px) {
  .section-location .location-row img {
    width: 2.4rem;
    margin-right: 0.8rem;
  }
}

.form-row {
  position: relative;
}
.form-row.focused label {
  top: 0.8rem;
  font-size: 1.2rem;
}
.form-row.error label {
  color: var(--red);
}
[data-theme=dark] .form-row.error label {
  color: var(--red);
}
.form-row__drop {
  position: relative;
}
.form-row__drop .iti--container {
  width: 100%;
  top: 100% !important;
  left: 0 !important;
}
.form-row__drop.open-drop .iti--container {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.form-item__drop {
  position: relative;
}
.form-item__drop .iti--container {
  width: 100%;
  top: 100% !important;
  left: 0 !important;
  position: absolute;
}
.form-item__drop.open-drop .iti--container {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.iti {
  --iti-path-flags-1x: url("../img/flags.webp");
  --iti-path-flags-2x: url("../img/flags@2x.webp");
  --iti-path-globe-1x: url("../img/globe.webp");
  --iti-path-globe-2x: url("../img/globe@2x.webp");
  --iti-border-color: #B79C68;
}

.iti {
  width: 100%;
  display: block;
}
.iti .iti__divider {
  display: none;
}

.iti__dropdown-content {
  border-radius: 1rem;
  padding: 1rem 0;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background: transparent;
}

.iti--container {
  padding: 0;
  background: #F6F6F6;
  width: 100%;
  border: none;
  transition: 0.24s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 0.5rem;
}

.iti__selected-flag {
  padding-left: 1.5rem;
  padding-right: 1rem;
}

.iti__arrow {
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  transition: 0.24s;
  margin-left: 1rem;
}

.iti__arrow--up {
  transform: rotate(180deg);
}

.iti--allow-dropdown input[type=tel] {
  padding-left: 7rem;
}

.iti__country {
  align-items: center;
  justify-content: flex-start;
  padding: 0.75rem 1.5rem 0.75rem 1.5rem;
}

.iti__country-list {
  background-color: transparent;
  border: none;
  width: auto;
  padding-bottom: 0;
  max-height: 150px;
  z-index: 2;
  position: static;
  box-shadow: none;
}
.iti__country-list::-webkit-scrollbar {
  width: 5px;
}
.iti__country-list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3.3rem;
  border: 1px solid #eee;
}
.iti__country-list::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 3.3rem;
}

.iti__country-name {
  font-weight: 400;
  font-size: 1.4rem;
  margin-right: 0;
  color: #363636;
  width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.iti__hide {
  display: block;
}

.iti__dial-code {
  margin-left: auto;
  color: #363636;
  font-size: 1.4rem;
  font-weight: 500;
}

.iti-mobile .iti--container {
  bottom: initial;
  right: initial;
  position: absolute;
}
.iti-mobile .iti__country {
  line-height: normal;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}
.iti-mobile .iti__country-list {
  max-height: 35vh;
}

@media (max-width: 500px) {
  .iti-mobile .iti--container {
    padding: 0;
  }
}
@media (max-width: 500px) {
  .iti-mobile .iti__country-list {
    white-space: nowrap;
  }
}
.mobile-menu {
  display: none;
}
@media (max-width: 992px) {
  .mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: 0.24s ease-in-out;
    z-index: 12;
    background: #313131;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
  }
  .menu-open .mobile-menu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .mobile-menu .btn--closemenu {
    position: absolute;
    top: 1.2rem;
    right: 3.2rem;
    width: 5.1rem;
    height: 5.2rem;
  }
  .mobile-menu .btn--closemenu svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  .mobile-menu__content {
    padding: 1rem 3.2rem 1rem 3.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .mobile-menu__content ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .mobile-menu__content ul.header-lang {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 4.4rem;
    margin-bottom: 3.2rem;
  }
  .mobile-menu__content nav {
    width: 100%;
  }
  .mobile-menu__content nav ul li a {
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
  }
  .mobile-menu__content nav ul li + li {
    margin-top: 3.8rem;
  }
  .mobile-menu__content .top-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 3.2rem;
    width: 100%;
  }
  .mobile-menu__content .top-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 3.2rem;
    width: 100%;
  }
  .mobile-menu__content .top-phone__mess {
    width: 100%;
  }
  .mobile-menu__content .top-phone__mess ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.4rem;
  }
  .mobile-menu__content .top-phone__mess ul li a {
    width: 2.4rem;
    height: 2.4rem;
  }
  .mobile-menu__content .top-phone__mess ul li a svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  .mobile-menu__content .top-phone__number {
    width: 100%;
  }
  .mobile-menu__content .top-phone__number .link {
    width: 100%;
    color: #f8f8f8;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 164%;
    border: 1px solid #f8f8f8;
    border-radius: 3.6rem;
    padding: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
  }
  .mobile-menu__content .top-phone__number .link span {
    display: block;
  }
  .mobile-menu__content .top-phone__number .link .icon {
    width: 2.1rem;
    height: 2.2rem;
  }
  .mobile-menu__content .top-phone__number .link .icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }
}

.iti__selected-country-primary {
  padding: 0 0.5rem 0 2.2rem;
}

.wpcf7-response-output {
  display: none;
}

.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7 .hidden-fields-container {
  display: none;
}

.wpcf7-response-output {
  display: none;
}

body::after {
  content: "";
  background: rgba(49, 49, 49, 0.64);
  backdrop-filter: blur(11px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease 0s;
  pointer-events: none;
  z-index: 8;
}

.popup-show body::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 3rem 1rem;
  transition: visibility 0.6s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 992px) {
  .popup {
    padding-top: 8rem;
  }
}

.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}
.popup_show .popup__content {
  visibility: visible;
  opacity: 1;
}

.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup__content {
  visibility: hidden;
  opacity: 0;
  transition: transform 0.3s ease 0s;
  background-color: #fff;
  padding: 2rem;
  width: 100%;
  max-width: 61rem;
  border-radius: 0;
}

.lock::-webkit-scrollbar {
  display: none;
}
.lock .popup__content {
  visibility: visible;
}

.popup .popup__close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, -100%);
  z-index: 3;
  cursor: pointer;
  transition: 0.24s ease-in-out;
  -webkit-appearance: none;
  border-radius: 0;
  width: 5.1rem;
  height: 5.1rem;
  background: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  justify-content: center;
  padding: 0;
}
@media (max-width: 992px) {
  .popup .popup__close {
    transform: translate(0, -100%);
  }
}
.popup .popup__close svg {
  width: 100%;
  height: 100%;
  display: block;
}
.popup .popup__close svg path {
  transition: 0.24s ease-in-out;
}
.popup-default .popup__content {
  border-radius: 2rem;
  padding: 3.3rem 4rem 5rem;
  max-width: 96rem;
  width: 100%;
  position: relative;
}
@media (max-width: 992px) {
  .popup-default .popup__content {
    padding: 2.1rem 1.6rem 4rem;
    border-radius: 2.2rem;
  }
}
.popup-default .popup__text .heading {
  color: #313131;
  text-align: right;
}
@media (max-width: 992px) {
  .popup-default .popup__text .heading {
    text-align: left;
  }
}
.popup-default .popup__text .heading span {
  display: block;
  text-align: left;
}
@media (max-width: 992px) {
  .popup-default .popup__text .heading span {
    display: inline;
  }
}
.popup-default .popup__text .form-wrap {
  margin-top: 2.6rem;
}
@media (max-width: 992px) {
  .popup-default .popup__text .form-wrap {
    margin-top: 2rem;
  }
}
.popup-default .popup__text .form-wrap form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.2rem;
}
@media (max-width: 992px) {
  .popup-default .popup__text .form-wrap form {
    grid-template-columns: 1fr;
  }
}
.popup-default .popup__text .form-wrap form .form-item p.label {
  padding-left: 2.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #313131;
  line-height: 148%;
  margin-bottom: 0.2rem;
}
.popup-default .popup__text .form-wrap form .form-item p.label b {
  font-weight: 500;
  color: #D9395E;
}
.popup-default .popup__text .form-wrap form .form-submit {
  padding-top: 1rem;
  grid-column: span 2;
}
@media (max-width: 992px) {
  .popup-default .popup__text .form-wrap form .form-submit {
    grid-column: 1;
  }
}
.popup-thanks .popup__content {
  max-width: 70rem;
  padding: 4rem;
}
@media (max-width: 992px) {
  .popup-thanks .popup__content {
    padding: 2.1rem 1.6rem;
  }
}
.popup-thanks .popup__text .heading {
  text-align: center;
  text-transform: uppercase;
  font-size: 4rem;
}
@media (max-width: 992px) {
  .popup-thanks .popup__text .heading {
    font-size: 2rem;
  }
}
.popup-team {
  max-width: 80rem;
  width: 100%;
}
.popup-team .track-wrapper {
  margin-top: 3rem;
}
.popup-team .track-wrapper .audiojs {
  position: relative;
  z-index: 2;
}
.popup-team .track-wrapper .alt_content {
  list-style: none;
  margin: -5rem 0 0 0;
  padding: 6rem 0 1rem 0;
  border: 2px solid #dfdad2;
  border-top: none;
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  z-index: 1;
  position: relative;
}
.popup-team .track-wrapper .alt_content li {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #a5977c;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.009rem;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid #dfdad2;
  transition: 0.24s ease-in-out;
}
.popup-team .track-wrapper .alt_content li:last-child {
  border: none;
}
.popup-team .track-wrapper .alt_content li img {
  border-radius: 100%;
  width: 5.7rem;
  height: 5.7rem;
  margin-right: 2.5rem;
}
.popup-team .track-wrapper .alt_content li.playing {
  color: #d9ae5b;
}
.popup-team .track-wrapper .alt_content li:hover {
  color: #d9ae5b;
}
.popup-team .team-text {
  margin-top: 3rem;
}
.popup-team .team-text p {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2rem;
}
.popup-team .team-text p + p {
  margin-top: 2rem;
}
.popup-team .team-name {
  font-family: "Inter";
  font-weight: 400;
  line-height: 1;
}
.popup-team .team-name--nik {
  font-family: "Inter";
  font-weight: 700;
  line-height: 1;
  margin: 0.5rem 0 2rem 0;
}
.popup-team .team-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.popup-team .team-info__photo {
  width: 25rem;
  height: 25rem;
  clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
}
.popup-team .team-info__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.popup-team .team-info__soc {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.popup-team .team-info__soc .link {
  max-width: 3.2rem;
  width: 100%;
  margin-right: 1rem;
}
.popup-team .team-info__soc .link:last-child {
  margin-right: 0;
}
.popup-team .team-info__soc .link img {
  width: 100%;
}
.popup-team {
  max-width: 80rem;
  width: 100%;
}
.popup-team .student-wrapper {
  margin-top: 3rem;
}
.popup-team .student-text {
  margin-top: 3rem;
}
.popup-team .student-text p {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2rem;
}
.popup-team .student-text p + p {
  margin-top: 2rem;
}
.popup-team .student-text h3 {
  color: #111111;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 2rem;
  position: relative;
  margin: 2rem 0;
}
.popup-team .student-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.popup-team .student-info__photo {
  width: 22rem;
  height: 25rem;
  margin-right: 2rem;
}
.popup-team .student-info__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-team .student-info__list {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}
.popup-team .student-info__list li {
  color: #111111;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3rem;
  padding-left: 2rem;
  position: relative;
}
.popup-team .student-info__list li.student-name {
  font-family: "Inter";
  font-weight: 700;
  line-height: 3.6rem;
  font-size: 2.6rem;
}
.popup-team .student-info__list li:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  left: 0;
  background: #d9ae5b;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1660px) {
  /**/
}
@media only screen and (max-width: 1400px) {
  /**/
  html {
    font-size: 9px;
  }
}
@media only screen and (max-width: 1300px) {
  /**/
  html {
    font-size: 9px;
  }
}
@media only screen and (max-width: 1200px) {
  /**/
  html {
    font-size: 8px;
  }
}
@media only screen and (max-width: 1100px) {
  /**/
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  /**/
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 768px) {
  /**/
  html {
    font-size: 10px;
  }
  .link--logom {
    display: block;
    max-width: 15rem;
  }
  .link--go {
    width: 33.3333333333%;
    font-size: 1.4rem;
    height: 4rem;
  }
  body.compensate-for-scrollbar .header {
    padding-right: 0;
  }
  body.compensate-for-scrollbar .link--zapis {
    padding-right: 0;
  }
  .top {
    padding: 0;
    display: none;
  }
  .top-links {
    width: 100%;
  }
  .top-controls {
    display: none;
  }
  .title {
    font-size: 3.5rem;
    line-height: 4.5rem;
    letter-spacing: initial;
  }
  .title--section {
    font-size: 3rem;
    line-height: 4rem;
  }
  .title--price {
    font-size: 2.4rem;
  }
  .section-curs {
    padding: 8rem 0 5rem 0;
    min-height: initial;
  }
  .section-curs .curs .mCSB_scrollTools {
    width: 4px;
  }
  .section-curs .curs .mCSB_inside > .mCSB_container {
    margin-right: 10px;
  }
  .section-curs .curs .title--section {
    font-size: 3rem;
  }
  .section-curs .curs-items {
    margin-top: 2.5rem;
  }
  .section-curs .curs-item__cols {
    flex-direction: column;
  }
  .section-curs .curs-item__cols .title {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .section-curs .curs-item__col {
    margin-bottom: 1.5rem;
  }
  .section-curs .curs-item__col:last-child {
    margin-bottom: 0;
  }
  .section-curs .curs-item__footer {
    padding: 1rem 1.5rem 1rem 1.5rem;
  }
  .section-curs .curs-item__footer .paragraph--cf {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .section-curs .curs-item__bottom {
    padding: 1rem 1.5rem 1rem 1.5rem;
    align-items: center;
  }
  .section-curs .curs-item__bottom .btn {
    max-width: 15rem;
  }
  .section-curs .curs-item__text {
    padding: 1rem 1.5rem 1rem 1.5rem;
    overflow: auto;
  }
  .section-curs .curs-item__text p {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .section-curs .curs-item__text p + p {
    margin-top: 1.6rem;
  }
  .section-curs .curs-item__text ul li {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .section-curs .curs-item__head {
    padding: 1rem 5rem 1rem 1.5rem;
  }
  .section-curs .curs-item__head p {
    padding-right: 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 300;
  }
  .section-curs .curs-item__head h3 {
    line-height: 3rem;
    text-align: left;
    font-size: 2.4rem;
  }
  .section-curs .curs-item__arr {
    right: 1.5rem;
    width: 1.8rem;
  }
  .section-curs .curs-item.hover .curs-item__head {
    padding: 1rem 5rem 1rem 1.5rem;
  }
  .section-students {
    padding: 8rem 0 2.5rem 0;
  }
  .section-students .students .title--section {
    font-size: 3rem;
  }
  .section-students .students-items {
    margin-top: 2.5rem;
    flex-direction: column;
    align-items: center;
  }
  .section-price {
    padding: 8rem 0 5rem 0;
  }
  .section-price .price .title--section {
    font-size: 3rem;
  }
  .section-price .price .paragraph--price {
    font-size: 1.4rem;
    padding: 0;
    line-height: 1.8rem;
  }
  .section-price .price-item__table .tr {
    flex-direction: column;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border-bottom: 1px solid #000;
  }
  .section-price .price-item__table .tr .td {
    width: 100%;
    text-align: right;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #d9d9d9;
  }
  .section-price .price-item__table .tr .td:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .section-price .price-item__table .tr .td:first-child {
    padding-top: 0;
  }
  .section-price .price-item__table .tr .td:after {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    content: attr(data-after);
    width: 50%;
    text-align: left;
  }
  .section-price .price-item__table .tr .paragraph {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .section-price .price-item__table .tr-head {
    display: none;
    padding: 1rem 1.5rem 1rem 1.5rem;
  }
  .section-price .price-item__table .tr-head .paragraph {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .section-price .price-item__head {
    padding: 1.5rem 5rem 1.5rem 1.5rem;
  }
  .section-price .price-item__head h3 {
    font-size: 2rem;
    text-align: left;
  }
  .section-price .price-item__arr {
    right: 1.5rem;
  }
  .section-about {
    background: #fff;
    height: auto;
    padding: 0 0 3rem 0;
  }
  .section-about .bg {
    display: none;
  }
  .section-about .about-content {
    margin-bottom: 0;
  }
  .section-about .about-content h2 {
    margin-bottom: 2.5rem;
  }
  .section-country {
    height: auto;
    padding: 3rem 0;
    margin-top: 0;
    background: #faf8f5;
  }
  .section-country .map {
    width: 100%;
    height: auto;
    position: static;
  }
  .section-country .country {
    margin-top: 2.5rem;
    height: auto;
  }
  .section-country .country .title {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
    max-width: 100%;
    line-height: 4rem;
    text-align: center;
  }
  .section-country .country .title span:after {
    transform: translateY(0.25rem);
  }
  .section-team {
    background-size: auto;
    padding: 5rem 0;
  }
  .section-team .team-slider {
    margin-top: 2.5rem;
  }
  .section-team .team-nav {
    margin-top: 1rem;
  }
  .section-team .team-slide img {
    height: auto;
    margin: 0 auto;
  }
  .section-team .team-slide__name {
    margin-top: 4rem;
  }
  .section-usl {
    padding: 5rem 0;
    background: rgba(0, 0, 0, 0.8);
  }
  .section-usl .usl .title {
    margin-bottom: 4rem;
  }
  .section-usl .usl-row {
    flex-direction: column;
  }
  .section-usl .usl-item {
    width: 100%;
    margin-bottom: 3.5rem;
  }
  .section-usl .usl-item:nth-last-child(3) {
    margin-bottom: 3.5rem;
  }
  .section-usl .usl-item:nth-last-child(2) {
    margin-bottom: 3.5rem;
  }
  .section-usl .usl-item:last-child {
    margin-bottom: 0;
  }
  .section-usl .usl-item__photo {
    max-width: 17.5rem;
    margin-bottom: 1rem;
  }
  .section-usl .usl-item__photo:after {
    width: 17.5rem;
    height: 17.5rem;
  }
  .section-track {
    background-size: cover;
    padding: 5rem 0;
  }
  .section-track .track-content {
    padding: 0;
  }
  .section-pre {
    background: #d9ae5b;
    margin-top: 0;
    padding: 5rem 0;
  }
  .section-pre .pre-items {
    margin-top: 5.5rem;
    flex-direction: column;
    align-items: center;
  }
  .section-pre .pre-item {
    margin-bottom: 4rem;
    width: 100%;
  }
  .section-pre .pre-item:last-child {
    margin-bottom: 0;
  }
  .section-pre .pre-item__photo {
    margin-bottom: 2rem;
  }
  .section-pre .pre-item__photo:after {
    width: 11rem;
    height: 11rem;
  }
  .section-why {
    background-size: contain;
    padding: 5rem 0;
  }
  .section-why .why .title {
    margin-bottom: 5rem;
  }
  .section-why .why .title br {
    display: none;
  }
  .section-why .why-item {
    flex-direction: column;
  }
  .section-why .why-item:nth-child(odd) {
    flex-direction: column;
  }
  .section-why .why-item:nth-child(odd) .why-item__content {
    text-align: center;
    margin-right: 0;
  }
  .section-why .why-item:nth-child(odd) .why-item__wrap {
    justify-content: center;
  }
  .section-why .why-item__wrap {
    width: 100%;
    justify-content: center;
  }
  .section-why .why-item__img {
    width: 6rem;
    height: 6rem;
  }
  .section-why .why-item__img:before {
    content: none;
  }
  .section-why .why-item__img:after {
    width: 10rem;
    height: 10rem;
  }
  .section-why .why-item__img img {
    width: auto !important;
  }
  .section-why .why-item__content {
    width: 100%;
    margin-left: 0;
  }
  .section-why .why-item__content h3 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .section-why .why-item__content .paragraph {
    text-align: center;
  }
  .section-work {
    padding: 5rem 0;
  }
  .section-work .work-slider {
    margin-top: 4rem;
    width: 100%;
  }
  .section-work .work-nav .link {
    z-index: 5;
  }
  .popup-team {
    padding: 1.5rem;
  }
  .popup-team .student-info {
    flex-direction: column;
  }
  .popup-team .student-info__photo {
    margin-right: 0;
  }
  .popup-team .student-info__content {
    width: 100%;
  }
  .popup-team .student-info__list {
    margin-top: 1.5rem;
  }
  .popup-team .track-wrapper .audiojs {
    padding: 1rem;
    border-radius: 4rem;
  }
  .popup-team .track-wrapper .audiojs .circle-content {
    max-width: 70%;
  }
  .popup-team .track-wrapper .audiojs .circle-content .name {
    font-size: 1.4rem;
  }
  .popup-team .track-wrapper .alt_content li {
    font-size: 1.4rem;
  }
  .popup-team .track-wrapper .alt_content li img {
    margin-right: 1.5rem;
  }
  .popup-team .team-name {
    text-align: center;
  }
  .popup-team .team-name--nik {
    text-align: center;
  }
  .popup-team .team-info {
    flex-direction: column;
  }
  .popup-team .team-info__content {
    width: 100%;
  }
  .popup-team .team-info__soc {
    justify-content: center;
  }
}