@charset "UTF-8";
@font-face {
  font-family: "Instrument Serif";
  font-display: swap;
  src: url("../assets/fonts/InstrumentSerif-Italic.woff2") format("woff2"), url("../assets/fonts/InstrumentSerif-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@charset "UTF-8";
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../assets/fonts/Inter-Medium.woff2") format("woff2"), url("../assets/fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../assets/fonts/Inter-Regular.woff2") format("woff2"), url("../assets/fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../assets/fonts/Inter-SemiBold.woff2") format("woff2"), url("../assets/fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: KharkivTone;
  font-display: swap;
  src: url("../assets/fonts/KharkivTone-regular.woff2") format("woff2"), url("../assets/fonts/KharkivTone-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NeueAlteGrotesk;
  font-display: swap;
  src: url("../assets/fonts/NeueAlteGrotesk-Regular.woff2") format("woff2"), url("../assets/fonts/NeueAlteGrotesk-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NeueAlteGrotesk;
  font-display: swap;
  src: url("../assets/fonts/NeueAlteGrotesk-SemiBold.woff2") format("woff2"), url("../assets/fonts/NeueAlteGrotesk-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: NeueAlteGrotesk;
  font-display: swap;
  src: url("../assets/fonts/NeueAlteGrotesk-Bold.woff2") format("woff2"), url("../assets/fonts/NeueAlteGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

:root {
  --clr-01: #000000;
  --clr-02: #ffffff;
  --clr-03: #ffc615;
  --clr-04: #DBDDDD;
  --clr-05: #353535;
  --clr-06: #ffd143;
  --clr-07: rgba(255,198,21,0.3);
  --clr-08: rgba(0,0,0,0.36);
  --clr-09: rgba(255,198,21,0.36);
  --clr-10: rgba(219,221,221,0.16);
  --clr-11: rgba(0,0,0,0.3);
  --clr-12: rgba(0,0,0,0.16);
  --clr-13: #120f00;
  --clr-14: #b28b0f;
  --font-family: "NeueAlteGrotesk", sans-serif;
  --second-family: "KharkivTone", serif;
  --third-family: "Inter", serif;
  --font-size: 16px;
  --containerPadding: 24px;
  --rowPadding:12px;
  --header-height: 64px;
  --container-width:100%;
}
@media (min-width: 48em) {
  :root {
    --containerPadding: 40px;
  }
}
@media (min-width: 62em) {
  :root {
    --font-size: 16px;
    --header-height: 82px;
    --rowPadding:16px;
  }
}
@media (min-width: 36em) {
  :root {
    --container-width:540px;
  }
}
@media (min-width: 48em) {
  :root {
    --container-width: 720px;
  }
}
@media (min-width: 62em) {
  :root {
    --container-width: 960px;
  }
}
@media (min-width: 75em) {
  :root {
    --container-width: 1170px;
  }
}
@media (min-width: 88.25em) {
  :root {
    --container-width: 1412px;
  }
}

.clr-1 {
  color: var(--clr-01);
}

.bg-clr-1 {
  background-color: var(--clr-01) !important;
}

.clr-2 {
  color: var(--clr-02);
}

.bg-clr-2 {
  background-color: var(--clr-02) !important;
}

.clr-3 {
  color: var(--clr-03);
}

.bg-clr-3 {
  background-color: var(--clr-03) !important;
}

.clr-4 {
  color: var(--clr-04);
}

.bg-clr-4 {
  background-color: var(--clr-04) !important;
}

.clr-5 {
  color: var(--clr-05);
}

.bg-clr-5 {
  background-color: var(--clr-05) !important;
}

.clr-6 {
  color: var(--clr-06);
}

.bg-clr-6 {
  background-color: var(--clr-06) !important;
}

.clr-7 {
  color: var(--clr-07);
}

.bg-clr-7 {
  background-color: var(--clr-07) !important;
}

.clr-8 {
  color: var(--clr-08);
}

.bg-clr-8 {
  background-color: var(--clr-08) !important;
}

.clr-9 {
  color: var(--clr-09);
}

.bg-clr-9 {
  background-color: var(--clr-09) !important;
}

.clr-10 {
  color: var(--clr-10);
}

.bg-clr-10 {
  background-color: var(--clr-10) !important;
}

.clr-11 {
  color: var(--clr-11);
}

.bg-clr-11 {
  background-color: var(--clr-11) !important;
}

.clr-12 {
  color: var(--clr-12);
}

.bg-clr-12 {
  background-color: var(--clr-12) !important;
}

.clr-13 {
  color: var(--clr-13);
}

.bg-clr-13 {
  background-color: var(--clr-13) !important;
}

.clr-14 {
  color: var(--clr-14);
}

.bg-clr-14 {
  background-color: var(--clr-14) !important;
}

/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  transition: color 0.3s, background-color 0.3s;
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * 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;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* 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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  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.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-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;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
button,
input,
select,
optgroup,
textarea {
  color: #000000;
  font-weight: 400;
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
  font-size: 1rem;
  line-height: 1.38;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: var(--clr-01);
}

a:visited {
  /*color: #800080;*/
}

a:hover {
  color: var(--clr-01);
  text-decoration: none;
}

a:focus,
a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
/*button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
*/
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border: 1px solid transparent;
  cursor: pointer;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border: 1px solid transparent;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  border-radius: 0;
  padding: 6px 0;
  border: none;
  border-bottom: 1px solid #808080;
  background: transparent;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder,
textarea::placeholder {
  color: var(--clr-01);
}

textarea {
  border: 1px solid #808080;
  padding: 10px 8px;
}
textarea::placeholder {
  color: #808080;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel] {
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #000;
  outline: none;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

body.lock {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.site {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .site {
    overflow: clip;
  }
}
.site > main {
  flex: 1 1 auto;
}
.site > * {
  min-width: 0;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/*
(i) Стилі будуть застосовані до всіх класів, 
що містять *__container
Наприклад, header__container, main__container і т.п.
Сніпет (HTML): cnt
*/
.container {
  width: 100%;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 calc(0.5 * var(--containerPadding));
}

.container-fluid {
  width: 100%;
  padding: 0 calc(0.5 * var(--containerPadding));
}

body {
  color: var(--clr-01);
  background-color: var(--clr-03);
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: -0.01em;
  position: relative;
  min-height: 100%;
}

.site-main {
  padding-top: var(--header-height);
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 62em) {
  .site-main {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.container {
  position: relative;
}

.site-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 10px;
  height: 36px;
}
@media (min-width: 62em) {
  .site-logo {
    padding: 18px;
    height: 48px;
  }
}
.site-logo img {
  display: block;
  height: 12px;
}
@media (min-width: 62em) {
  .site-logo img {
    height: 17px;
  }
}

section {
  position: relative;
  z-index: 1;
  scroll-margin-top: var(--header-height);
}
.section-top {
  margin-bottom: 14px;
}
@media (min-width: 62em) {
  .section-top {
    margin-bottom: 24px;
  }
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.section-subtitle {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

a {
  text-decoration: underline;
  color: inherit;
  text-decoration-skip-ink: none;
}
a:hover {
  text-decoration: none;
  color: inherit;
}

.brdr {
  border: 2px solid var(--clr-01) !important;
}

.brdr-1 {
  border: 1px solid var(--clr-01) !important;
}

.brdr-top {
  border-top: 2px solid var(--clr-01) !important;
}

.brdr-clr-3 {
  border-color: var(--clr-03) !important;
}

.fw-600,
strong, b {
  font-weight: 600 !important;
}

p,
ul {
  margin-top: 0;
}
p:last-child,
ul:last-child {
  margin-bottom: 0;
}

.admin-bar .sidebar {
  top: 46px;
}
@media (min-width: 48em) {
  .admin-bar .sidebar {
    top: 32px;
  }
}
.admin-bar .site-main {
  padding-top: calc(var(--header-height) - var(--wp-admin--admin-bar--height));
}

.noise {
  position: relative;
}
.noise:before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 5;
  opacity: 0.6;
}
.noise--6:before {
  opacity: 0.8;
}

.hidden {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  height: 0;
  padding: 0 !important;
  border: 0;
  transform: translateY(-50px);
  overflow: hidden;
  margin-bottom: 0;
}

.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

@media (min-width: 36em) {
  .d-sm-none {
    display: none !important;
  }
}

@media (min-width: 36em) {
  .d-sm-flex {
    display: flex !important;
  }
}

@media (min-width: 36em) {
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 48em) {
  .d-md-none {
    display: none !important;
  }
}

@media (min-width: 48em) {
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 48em) {
  .d-md-flex {
    display: flex !important;
  }
}

@media (min-width: 48em) {
  .d-md-inline {
    display: inline !important;
  }
}

@media (min-width: 62em) {
  .d-lg-none {
    display: none !important;
  }
}

@media (min-width: 62em) {
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 62em) {
  .d-lg-flex {
    display: flex !important;
  }
}

@media (min-width: 62em) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 75em) {
  .d-xl-none {
    display: none !important;
  }
}

@media (min-width: 75em) {
  .d-xl-block {
    display: block !important;
  }
}

@media (min-width: 75em) {
  .d-xl-flex {
    display: flex !important;
  }
}

@media (min-width: 88.25em) {
  .d-xxl-none {
    display: none !important;
  }
}

@media (min-width: 88.25em) {
  .d-xxl-block {
    display: block !important;
  }
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-on-hover {
  text-decoration: none;
}
.text-decoration-on-hover:hover {
  text-decoration: underline;
}

.clr-on-hover-2:hover {
  color: var(--clr-02);
}

.text-left {
  text-align: left !important;
}

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

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

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

.text-uppercase {
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .text-md-left {
    text-align: left !important;
  }
}

@media (min-width: 48em) {
  .text-md-center {
    text-align: center !important;
  }
}

/*------------margin pdding--------------*/
.pt-18 {
  padding-top: 18px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pt-54 {
  padding-top: 36px;
}
@media (min-width: 62em) {
  .pt-54 {
    padding-top: 54px;
  }
}

.pb-84 {
  padding-bottom: 48px !important;
}
@media (min-width: 62em) {
  .pb-84 {
    padding-bottom: 84px !important;
  }
}

.pt-64 {
  padding-top: 48px !important;
}
@media (min-width: 62em) {
  .pt-64 {
    padding-top: 64px !important;
  }
}

.pt-80 {
  padding-top: 48px !important;
}
@media (min-width: 62em) {
  .pt-80 {
    padding-top: 80px !important;
  }
}

.pb-112 {
  padding-bottom: 64px;
}
@media (min-width: 62em) {
  .pb-112 {
    padding-bottom: 90px;
  }
}
@media (min-width: 88.25em) {
  .pb-112 {
    padding-bottom: 112px;
  }
}

.pt-98 {
  padding-top: 48px;
}
@media (min-width: 62em) {
  .pt-98 {
    padding-top: 98px;
  }
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-24 {
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 62em) {
  .px-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.pt-100 {
  padding-top: 50px;
}
@media (min-width: 62em) {
  .pt-100 {
    padding-top: 75px;
  }
}
@media (min-width: 88.25em) {
  .pt-100 {
    padding-top: 100px;
  }
}

.pt-112 {
  padding-top: 48px;
}
@media (min-width: 62em) {
  .pt-112 {
    padding-top: 90px;
  }
}
@media (min-width: 88.25em) {
  .pt-112 {
    padding-top: 112px;
  }
}

.pt-120 {
  padding-top: 64px;
}
@media (min-width: 62em) {
  .pt-120 {
    padding-top: 88px;
  }
}
@media (min-width: 88.25em) {
  .pt-120 {
    padding-top: 120px;
  }
}

@media (min-width: 48em) {
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 62em) {
  .py-lg-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

.py-40 {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 62em) {
  .py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-60 {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 48em) {
  .py-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 62em) {
  .py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.py-112 {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (min-width: 48em) {
  .py-112 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 62em) {
  .py-112 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
}

.pt-160 {
  padding-top: 100px;
}
@media (min-width: 62em) {
  .pt-160 {
    padding-top: 120px;
  }
}
@media (min-width: 88.25em) {
  .pt-160 {
    padding-top: 160px;
  }
}

.pt-200 {
  padding-top: 100px;
}
@media (min-width: 62em) {
  .pt-200 {
    padding-top: 150px;
  }
}
@media (min-width: 88.25em) {
  .pt-200 {
    padding-top: 200px;
  }
}

.pb-60 {
  padding-bottom: 40px;
}
@media (min-width: 62em) {
  .pb-60 {
    padding-bottom: 60px;
  }
}

.pb-100 {
  padding-bottom: 50px;
}
@media (min-width: 62em) {
  .pb-100 {
    padding-bottom: 75px;
  }
}
@media (min-width: 88.25em) {
  .pb-100 {
    padding-bottom: 100px;
  }
}

.pb-160 {
  padding-bottom: 100px;
}
@media (min-width: 62em) {
  .pb-160 {
    padding-bottom: 120px;
  }
}
@media (min-width: 88.25em) {
  .pb-160 {
    padding-bottom: 160px;
  }
}

.p-30 {
  padding: 16px;
}
@media (min-width: 48em) {
  .p-30 {
    padding: 20px;
  }
}
@media (min-width: 62em) {
  .p-30 {
    padding: 24px;
  }
}
@media (min-width: 88.25em) {
  .p-30 {
    padding: 30px;
  }
}

.p-50 {
  padding: 16px;
}
@media (min-width: 48em) {
  .p-50 {
    padding: 24px;
  }
}
@media (min-width: 62em) {
  .p-50 {
    padding: 30px;
  }
}
@media (min-width: 75em) {
  .p-50 {
    padding: 40px;
  }
}
@media (min-width: 88.25em) {
  .p-50 {
    padding: 50px;
  }
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.p-md {
  padding: 20px 10px 24px;
}
@media (min-width: 62em) {
  .p-md {
    padding: 28px 14px 30px;
  }
}

.p-lg {
  padding: 20px 14px 48px;
}
@media (min-width: 88.25em) {
  .p-lg {
    padding: 28px 14px 64px;
  }
}

@media (min-width: 48em) {
  .pe-md-10 {
    padding-right: 10px;
  }
}

@media (min-width: 62em) {
  .pe-lg-20 {
    padding-right: 20px;
  }
}

.py-98 {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 62em) {
  .py-98 {
    padding-top: 98px;
    padding-bottom: 98px;
  }
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-64 {
  margin-bottom: 40px;
}
@media (min-width: 62em) {
  .mb-64 {
    margin-bottom: 64px;
  }
}

.mb-84 {
  margin-bottom: 48px;
}
@media (min-width: 62em) {
  .mb-84 {
    margin-bottom: 84px;
  }
}

.mb-48-84 {
  margin-bottom: 48px;
}
@media (min-width: 62em) {
  .mb-48-84 {
    margin-bottom: 84px;
  }
}

.mb-90 {
  margin-bottom: 32px;
}
@media (min-width: 62em) {
  .mb-90 {
    margin-bottom: 64px;
  }
}
@media (min-width: 88.25em) {
  .mb-90 {
    margin-bottom: 90px;
  }
}

.mb-90-0 {
  margin-bottom: 90px;
}
@media (min-width: 48em) {
  .mb-90-0 {
    margin-bottom: 0;
  }
}

.my--30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.my-40 {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (min-width: 62em) {
  .my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.my-64 {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (min-width: 62em) {
  .my-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 24px;
}
@media (min-width: 62em) {
  .mt-40 {
    margin-top: 40px;
  }
}

.mt-48 {
  margin-top: 48px;
}

.mt-54 {
  margin-top: 40px;
}
@media (min-width: 62em) {
  .mt-54 {
    margin-top: 54px;
  }
}

.mt-auto {
  margin-top: auto !important;
}

.ms-auto {
  margin-left: auto !important;
}

@media (min-width: 48em) {
  .ms-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 48em) {
  .ms-md-0 {
    margin-left: 0 !important;
  }
}

@media (min-width: 48em) {
  .ms-md-10 {
    margin-left: 10% !important;
  }
}

@media (min-width: 48em) {
  .mt-md-0 {
    margin-top: 0;
  }
}

@media (min-width: 75em) {
  .mt-xl-auto {
    margin-top: auto !important;
  }
}

@media (min-width: 75em) {
  .ms-xl-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 48em) {
  .mb-md-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 62em) {
  .ms-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 62em) {
  .ms-lg-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 75em) {
  .ms-xl-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 88.25em) {
  .ms-xxl-32 {
    margin-left: 32px !important;
  }
}

@media (min-width: 62em) {
  .me-lg-13 {
    margin-right: 13% !important;
  }
}

@media (min-width: 48em) {
  .mt-md--11em {
    margin-top: -1.1em;
  }
}

@media (min-width: 75em) {
  .me-xl-20 {
    margin-right: 20% !important;
  }
}

@media (min-width: 75em) {
  .me-xl-29 {
    margin-right: 29% !important;
  }
}

@media (min-width: 88.25em) {
  .me-xxl-20 {
    margin-right: 20% !important;
  }
}

@media (min-width: 88.25em) {
  .me-xxl-33 {
    margin-right: 33% !important;
  }
}

.w-fit-content {
  width: fit-content !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.position-relative {
  position: relative;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.img-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  object-fit: cover;
  transition: all 0.3s;
}

.rounded {
  border-radius: 100%;
  overflow: hidden;
}

.slider-arrows {
  display: flex;
  gap: 8px;
}
.slider-arrows .slick-arrow {
  position: static;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.slider-arrows .slick-arrow:hover {
  background-color: var(--clr-03);
}
.slider-arrows .slick-arrow:hover svg path {
  fill: var(--clr-01);
}
@media (min-width: 62em) {
  .slider-arrows .slick-arrow {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 75em) {
  .slider-arrows .slick-arrow {
    width: 60px;
    height: 60px;
  }
}
.slider-arrows .slick-arrow svg {
  transition: fill 0.3s;
  width: 24px;
  height: 24px;
}
@media (min-width: 62em) {
  .slider-arrows .slick-arrow svg {
    width: 36px;
    height: 36px;
  }
}

.slick-dotted {
  padding-bottom: 26px;
}

.slick-dots {
  bottom: 0;
}
.slick-dots button {
  display: block;
  background-color: var(--clr-01);
  margin: 0 3px;
  padding: 0;
  opacity: 0.2;
  border-radius: 6px;
}
.slick-dots .slick-active button {
  background-color: var(--clr-01) !important;
  width: 50px;
  opacity: 1;
}

.slick-arrow {
  border-radius: 18px;
  background-color: var(--clr-02);
  width: 54px;
  aspect-ratio: 1/1;
  font-size: 0;
  border: none;
  outline: none;
  height: auto;
}
@media (min-width: 62em) {
  .slick-arrow {
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    height: 84px;
    width: 84px;
  }
}
.slick-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 14px;
  mask-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 1L1.5 7L7.5 13" stroke="%23494949" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--clr-01);
}
@media (min-width: 62em) {
  .slick-arrow:before {
    height: 16px;
  }
}
.slick-arrow + .slick-list {
  padding-bottom: 86px;
}
.slick-arrow:hover, .slick-arrow:active, .slick-arrow:focus {
  border: none;
  outline: none;
  background: radial-gradient(50% 50% at 50% 50%, rgb(250, 210, 101) 0%, rgb(245, 201, 81) 100%);
  box-shadow: inset 0 0 7px 0 #f5e18b;
}
.slick-arrow.slick-prev {
  right: calc(50% + 10px);
}
.slick-arrow.slick-next {
  left: calc(50% + 10px);
}
.slick-arrow.slick-next:before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.over-slider.slick-slider {
  margin-right: -20px !important;
}
@media (min-width: 36em) {
  .over-slider.slick-slider {
    width: 100vw;
    margin-left: calc(-1 * (100vw - var(--container-width) + var(--containerPadding)) / 2);
  }
}
.over-slider.slick-slider .slick-list {
  margin: 0 -5px;
}
@media (min-width: 36em) {
  .over-slider.slick-slider .slick-track {
    margin-left: calc((100vw - var(--container-width)) / 2);
  }
}
@media (min-width: 48em) {
  .over-slider.slick-slider .slick-track {
    margin-left: calc((100vw - var(--container-width) - 10px) / 2);
  }
}
@media (min-width: 62em) {
  .over-slider.slick-slider .slick-track {
    margin-left: calc((100vw - var(--container-width) - 30px) / 2);
  }
}
.over-slider.slick-slider .slick-slide {
  padding: 0 5px;
  height: unset;
}
@media (min-width: 36em) {
  .over-slider.slick-slider .slick-slide {
    width: 510px;
  }
}

/*----Readmore block -----*/
.readmore-block.collapsed .readmore-slide {
  display: none;
}
.readmore-block.collapsed .readmore-panel {
  margin-top: 0;
}
.readmore-block.collapsed .readmore-panel span:first-child {
  display: flex;
}
.readmore-block.collapsed .readmore-panel span:last-child {
  display: none;
}
.readmore-block.disabled .readmore-panel {
  display: none !important;
}

@media (min-width: 48em) {
  .readmore-slide {
    display: block !important;
  }
}

.readmore-panel {
  margin-top: 10px;
  opacity: 0.48;
}
.readmore-panel__btn {
  border: none;
  padding: 0;
  background: none;
}
.readmore-panel__btn span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.readmore-panel__btn span:first-child {
  display: none;
}
.readmore-panel__btn span:last-child {
  display: flex;
}
.readmore-panel__btn .si {
  font-size: 1.25em;
}

/*---- /Readmore block -----*/
.page-header {
  padding: 24px 0;
}
@media (min-width: 62em) {
  .page-header {
    padding: 50px 0;
  }
}
@media (min-width: 88.25em) {
  .page-header {
    padding: 60px 0;
  }
}
.page-header .move-top {
  margin-top: -1.1em;
}
.page-header span:last-child {
  margin-left: auto;
}

.word-break {
  word-wrap: break-word;
}

blockquote {
  padding: 0;
  margin: 0;
  font-weight: 400;
  line-height: 125%;
}
blockquote:before {
  content: "";
  display: block;
  width: 60px;
  background-color: var(--clr-02);
  mask-image: url('data:image/svg+xml,<svg width="94" height="74" viewBox="0 0 94 74" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="21.3203" cy="22.1081" r="21.3203" fill="white" /><path d="M13.283 73.1231L13.2832 38.1441L39.3129 33.5342L13.283 73.1231Z" fill="white" /><circle cx="71.7744" cy="22.1081" r="21.3203" fill="white" /><path d="M63.7371 73.1231L63.7373 38.1441L89.767 33.5342L63.7371 73.1231Z" fill="white" /></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  display: block;
  margin-bottom: 20px;
  aspect-ratio: 47/37;
}
blockquote footer {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 133%;
  margin-top: 16px;
}
@media (min-width: 48em) {
  blockquote footer {
    font-size: 18px;
  }
}
@media (min-width: 62em) {
  blockquote:before {
    width: 70px;
  }
  blockquote footer {
    font-size: 22px;
  }
}
@media (min-width: 75em) {
  blockquote {
    font-size: 20px;
  }
  blockquote:before {
    width: 80px;
    margin-bottom: 24px;
  }
  blockquote footer {
    font-size: 22px;
    margin-top: 24px;
  }
}
@media (min-width: 88.25em) {
  blockquote {
    font-size: 24px;
  }
  blockquote:before {
    width: 94px;
    margin-bottom: 35px;
  }
  blockquote footer {
    font-size: 24px;
    margin-top: 35px;
  }
}

/*-------------------- Reviews ------------------*/
/*.reviews {
    &__wrapper {
        &.row {
            @include md {
                row-gap: var(--containerPadding);
            }
            @include xxl {
                --containerPadding: 60px;
            }
        }
        > .col {
            width:100%;
            @include md {
                width:50%;
            }
        }
    }
    &__btn {
        margin: 32px auto 0;
        @include md {
            margin-top: 50px;
        }
        @include lg {
            margin-top: 75px;
        }
    }
}
.reviews-slider {
    @include md {
        margin: 0 calc(-0.5 * var(--containerPadding));
    }
}

.review {
    border-radius: 18px;
    overflow: hidden;
    height: 460px;
    display: flex;
    flex-direction: column;
    gap:40px;
    @include lg {
        height: 520px;
        border-radius: 24px;
    }
    @include xxl {
        height: 605px;
        font-size: 24px;
        border-radius: 30px;
    }
    &:hover {
        .review__img {
            transform:scale(1.05);
        }
    }
    &__img {
        transition: transform 0.3s;
    }

    &__flag,
    &__country,
    &__video {
        border: 1px solid rgba(0, 0, 0, 0.37);
        border-radius: 16px;
        background-color: var(--clr-02);
        display: flex;
        justify-content: center;
        align-items: center;
        @include lg {
            border-radius: 24px;
        }
        @include xxl {
            border-radius: 32px;
        }
    }

    &__header {
        padding:16px;
        display:flex;
        @include md {
            padding: 20px;
        }
        @include xl {
            padding: 40px;
        }
        @include xxl {
            padding:50px;
        }
    }

    &__flag {
        padding: 16px;
        width: 48px;
        height: 48px;
        @include lg {
            height: 64px;
            width: 64px;
        }
        @include xxl {
            height: 84px;
            width: 84px;
        }

        img {
            display: block;
            width:16px;
            height: 16px;
            @include lg {
                width: 20px;
                height: 20px;
            }
        }
    }

    &__country {
        padding: 12px 26px;
    }

    &__inner {
        padding:28px 16px 16px 16px;
        margin-top:auto;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 100%);
        backdrop-filter: blur(3px);
        @include md {
            padding: 40px 20px 20px;
        }
        @include xl {
            padding: 60px 40px 40px;
        }
        @include xxl {
            padding:100px 50px 44px;
        }
    }

    &__name {
        margin-bottom: 12px;
        @include xl {
            margin-bottom: 16px;
        }
        @include xxl {
            margin-bottom: 22px;
        }
    }

    &__row {
        line-height: 100%;
        text-transform: capitalize;
        .col {
            width:36%;
        }
    }

    &__title {
        color: var(--clr-06);
        margin-bottom: 4px;
        @include xl {
            margin-bottom: 8px;
        }
        @include xxl {
            margin-bottom: 10px;
        }
    }

    &__desc {
        color: var(--clr-05);
    }

    &__video {
        padding:6px;
        display: flex;
        align-items: center;
        margin-top: 22px;
        @include lg {
            padding: 10px;
        }
        @include xl {
            margin-top: 0;
            position: absolute;
            flex-direction: column;
            width: 143px;
            height: 185px;
            padding:14px;
            bottom: 40px;
            right: 40px;
        }
        @include xxl {
            bottom: 44px;
            right: 50px;
        }
    }

    &__poster {
        border-radius: 12px;
        height: 68px;
        overflow: hidden;
        width:50%;
        display: flex;
        justify-content: center;
        @include lg {
            height: 80px;
            border-radius: 20px;
        }
        @include xl {
            width:100%;
            height: unset;
            aspect-ratio: 1 / 1;
            border-radius:30px;
        }
    }

    &__video-img {
        width:100%;
        height: 100%;
        object-fit: cover;
        z-index:0;
        position: absolute;
    }

    &__video-btn {
    }

    &__video-title {
        text-align: center;
        width:50%;
        line-height: 1;
        padding-left: 6px;
        @include xl {
            width: 100%;
            flex: 1;
            margin-top: 15px;
            padding-left:0;
        }
    }
}
    */
/*-------------------- /Reviews ------------------*/
/*----- cards -------------*/
/*.card {
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: var(--clr-02);
    border-radius: 18px;
    @include lg {
        border-radius: 32px;
    }
}
    */
/*----- /cards -------------*/
/*
.content {
    margin: 50px 0;
    @include lg {
        margin: 100px 0;
    }
    &__wrapper {
        padding: 40px 0;
        border-bottom: 1px solid rgba(73, 73, 73, 0.4);
        border-top: 1px solid rgba(73, 73, 73, 0.4);
        @include lg {
            padding: 70px 0;
        }
    }

    h1 {
        margin-bottom: 20px;
        @include lg {
            margin-bottom: 32px;
        }
    }
    h2 {
        font-family: var(--second-family);
        margin:40px 0 24px;
        font-weight: 400;
        font-size: 32px;
        line-height: 1;
        @include lg {
            margin: 80px 0 32px;
            font-size: 50px;
        }
    }
}

.content-text {
    margin:40px 0;
    @include lg {
        margin: 80px 0;
    }
}

.transp-words {
    i,em {
        font-style:normal;
        opacity:0.5;
    }
}

.fz-27  {
    @include xxl {
        font-size: 24px!important;
    }
    @include hd {
        font-size: 27px!important;
    }
}

.fz-50 {
    font-size: 36px!important; 
    @include lg {
        font-size: 50px!important;
    }
}
    */
/*--------------------*/
.slider-arrows {
  display: flex;
  gap: 12px;
}
.slider-arrows .slider-arrow {
  transition: background-color 0.3s;
  cursor: pointer;
  font-size: 54px;
}
.slider-arrows .slider-arrow.swiper-button-disabled {
  pointer-events: none;
  background-color: var(--clr-09) !important;
}
.slider-arrows .slider-arrow:not(.swiper-button-disabled):hover {
  background: var(--clr-06) !important;
}
.slider-arrows .slider-arrow:not(.swiper-button-disabled):active {
  background: var(--clr-03) !important;
}
.slider-arrows--bottom-right {
  position: absolute;
  bottom: 10px;
  right: 14px;
  z-index: 1;
  font-size: 36px;
}
@media (min-width: 62em) {
  .slider-arrows--bottom-right {
    font-size: 50px;
  }
}

/*
.swiper {
    overflow: unset;
    &-slide {
        height:unset;
        box-sizing: border-box;
    }
    &-pagination {
        --swiper-pagination-bullet-horizontal-gap:3px;
        --swiper-pagination-color:var(--clr-01);
        --swiper-pagination-bullet-inactive-color:var(--clr-01);
        --swiper-pagination-bullet-width:6px;
        --swiper-pagination-bullet-height:6px;
        --swiper-pagination-bullet-size:6px;
        --swiper-pagination-bullet-border-radius:3px;
        position: static;
        display:none;
        justify-content: center;
        margin-top: 20px;
        &-bullet {
            transition: opacity 0.3s, width 0.3s;
        }
        &-bullet-active {
            --swiper-pagination-bullet-width:50px;
        }
    }
}

.slider-init {
    .swiper-pagination {
        display: flex;
    }
}

*/
.invisible {
  opacity: 0;
  visibility: hidden;
}

/*
.video-fixed {
    position: fixed;
    left:16px;
    bottom:16px;
    z-index:8;
    transition: opacity 0.5s, visibility 0.5s;
    @include lg {
        left:30px;
        bottom:30px;
    }
    @include xxl {
        left:48px;
        bottom:48px;
    }
}

.video-window {
    border-radius: 18px;
    width: 124px;
    height: 164px;
    overflow: hidden;
    background-color: var(--clr-02);
    padding:8px;

    @include md {
        width:200px;
        height: 264px;
    }

    @include lg {
        border-radius: 24px;
        width:281px;
        height: 330px;
        padding:16px;
    }

    &__close {
        position: absolute;
        top:14px;
        right:14px;
        box-shadow: inset 0 0 7px 0 #f5e18b;
        background: var(--clr-03);
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border:none;
        outline: none;
        border-radius: 100%;
        z-index:1;
        @include lg {
            width: 60px;
            height: 60px;
            top: 28px;
            right: 28px;
        }
        &:hover {
            background: var(--clr-02);
            box-shadow: none;
            border: 1px solid var(--clr-09);
        }
        .si {
            width: 16px;
            height: 16px;
            @include lg {
                width: 28px;
                height: 28px;
            }
            &:after {
                background-color: var(--clr-01);
            }
        }
    }

    &__video {
        display: block;
        width:100%;
        height: 100%;
        object-fit: cover;
        border-radius: 14px;
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }


}
    */
.plyr {
  --plyr-color-main: var(--clr-03);
  height: auto;
  width: 100%;
}
.plyr .plyr__control {
  border: none;
  outline: none;
}
.plyr .plyr__control--overlaid {
  --plyr-color-main: transparent;
}
.plyr .plyr__control--overlaid svg {
  display: block;
  width: 34px;
  height: 34px;
}
@media (min-width: 62em) {
  .plyr .plyr__control--overlaid svg {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 88.25em) {
  .plyr .plyr__control--overlaid svg {
    width: 90px;
    height: 90px;
  }
}
.plyr .plyr--full-ui input[type=range] {
  color: var(--clr-03) !important;
  opacity: 1 !important;
}

@media (min-width: 62em) {
  .d-video .container-video-slider {
    max-width: unset;
    padding: 0;
    width: unset;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.video-slider {
  width: 100%;
}
.video-slider .swiper-wrapper {
  align-items: center;
}
.video-slider .swiper-slide {
  transition: width 0.8s, height 0.8s;
}
@media (min-width: 62em) {
  .video-slider .swiper-slide {
    width: 47%;
    height: auto;
    aspect-ratio: 482/324;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    display: flex;
    align-items: center;
  }
  .video-slider .swiper-slide .video-container {
    height: 83.5%;
    transition: width 0.8s, height 0.8s;
  }
}
.video-slider .swiper-slide .plyr {
  aspect-ratio: 16/9 !important;
}
@media (min-width: 62em) {
  .video-slider .swiper-slide-active {
    width: 56.45%;
    aspect-ratio: 16/9;
  }
  .video-slider .swiper-slide-active .video-container {
    height: 100%;
  }
}

/*-----------------*/
/*.round-icon {
    width: 50px;
    height: 50px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    flex-shrink: 0;
    border: 1px solid var(--clr-09);
    @include lg {
        width: 84px;
        height: 84px;
    }
    .si {
        width: 16px;
        height: auto;
        aspect-ratio: 1 / 1;
        @include lg {
            width: 20px;
        }
        &:after {
            background-color: var(--clr-01);
        }
    }

    &.bg-clr-3 {
        border:none;
        background: var(--clr-03);
        box-shadow: inset 0 0 7px 0 #f5e18b;
    }

    &--sm {
        @include lg {
            width: 50px;
            height: 50px;
        }
        .si {
            @include lg {
                width: 16px;
            }
        }
    }
    &--lg {
        width: 56px;
        height: 56px;
        @include lg {
            width: 84px;
            height: 84px;
        }
        .si {
            width: 24px;
            height: 24px;
        }
    }
}

*/
.lang-switcher {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
}

.lang-switcher a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-family: var(--second-family);
  font-size: 18px;
  letter-spacing: -0.02em;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  padding-top: 8px;
  border: 1px solid var(--clr-07);
  color: var(--clr-03);
  background-color: var(--clr-01);
  text-transform: uppercase;
  transition: all 0.3s;
}
@media (min-width: 62em) {
  .lang-switcher a {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
}
.lang-switcher .current-lang a,
.lang-switcher a:hover {
  border-color: transparent;
  color: var(--clr-01);
  background-color: var(--clr-03);
}

.social-media {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 6px;
  justify-content: center;
  font-size: 44px;
}
.social-media__link {
  display: block;
  height: 1em;
}
.social-media__icon {
  width: 1em;
  height: auto;
  aspect-ratio: 1/1;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  background-color: var(--clr-01);
  transition: background-color 0.3s;
}

.go-to-top {
  display: flex;
  align-items: center;
  justify-content: end;
  text-decoration: none;
  line-height: 1;
  gap: 5px;
  font-size: 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.go-to-top:hover {
  text-decoration: underline;
}

.slashes:before {
  content: "//";
  color: var(--clr-03);
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-24 {
  opacity: 0.24;
}

.opacity-8 {
  opacity: 0.8;
}

.rank-math-breadcrumb {
  color: var(--clr-02);
  text-transform: uppercase;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.02em;
  overflow: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 48px;
}
@media (min-width: 62em) {
  .rank-math-breadcrumb {
    margin-bottom: 30px;
  }
}
.rank-math-breadcrumb a {
  text-decoration: none;
  opacity: 0.48;
  transition: opacity 0.3s;
}
.rank-math-breadcrumb a:hover {
  text-decoration: none;
  opacity: 1;
}
.rank-math-breadcrumb .separator {
  opacity: 0.48;
}

.overlay-gradient:before {
  content: "";
  width: 100%;
  height: 75%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 48px;
  gap: 6px;
}
@media (min-width: 62em) {
  .pagination {
    margin-top: 64px;
  }
}
.pagination .page-numbers {
  display: flex;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  height: 36px;
  aspect-ratio: 1/1;
  transition: background-color 0.3s;
  font-size: 14px;
  text-decoration: none;
  color: var(--clr-02);
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
  background-color: var(--clr-03);
  font-family: var(--font-family);
  color: var(--clr-01);
  font-weight: 700;
}
.pagination .page-numbers:hover .si:after, .pagination .page-numbers.current .si:after {
  background-color: var(--clr-01);
}
.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover {
  font-weight: 400;
}
.pagination .page-numbers .si:after {
  background-color: var(--clr-02);
}

/*------- Headdings-------*/
.h1 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 36px;
  line-height: 108%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .h1 {
    font-size: 42px;
  }
}
@media (min-width: 88.25em) {
  .h1 {
    font-size: 48px;
  }
}

.h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 108%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .h2 {
    font-size: 38px;
  }
}
@media (min-width: 88.25em) {
  .h2 {
    font-size: 44px;
  }
}

.h3 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .h3 {
    font-size: 30px;
  }
}
@media (min-width: 88.25em) {
  .h3 {
    font-size: 36px;
  }
}

.h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .h4 {
    font-size: 22px;
  }
}
@media (min-width: 88.25em) {
  .h4 {
    font-size: 24px;
  }
}

.body1 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .body1 {
    font-size: 20px;
  }
}

.body2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.body3 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .body3 {
    font-size: 16px;
  }
}

.body3-small {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
}
@media (min-width: 62em) {
  .body3-small {
    font-size: 16px;
  }
}

.body4 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .body4 {
    font-size: 14px;
  }
}

.body5 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 10px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .body5 {
    font-size: 12px;
  }
}

/*------- Buttons ----------*/
.btn {
  border-radius: 0;
  padding: 16px 30px 14px;
  height: 48px;
  background-color: var(--clr-01);
  width: fit-content;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-align: center;
  color: var(--clr-03);
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  outline: none;
  white-space: nowrap;
}
.btn:hover, .btn:focus {
  outline: none;
  background-color: var(--clr-05);
  color: var(--clr-03);
}
.btn:active {
  background-color: var(--clr-01);
}
.btn.disabled {
  pointer-events: none;
  background-color: var(--clr-08);
}
.btn--yellow {
  background: var(--clr-03);
  color: var(--clr-01);
}
.btn--yellow:hover, .btn--yellow:focus {
  background-color: var(--clr-06);
  color: var(--clr-01);
}
.btn--yellow:active {
  background: var(--clr-03);
}
.btn--yellow.disabled {
  background-color: var(--clr-09);
}
.btn--red {
  background: #f00;
  color: var(--clr-02);
}
.btn--red:hover, .btn--red:focus {
  background-color: #fb4040;
  color: var(--clr-02);
}
.btn--red:active {
  background: #f00;
}
.btn--red.disabled {
  background-color: #850000;
}
.btn--border {
  background: transparent;
  color: var(--clr-01);
  border: 1px solid var(--clr-01);
}
.btn--border:hover, .btn--border:focus {
  background-color: var(--clr-08);
  color: var(--clr-01);
}
.btn--border:active {
  background-color: transparent;
}
.btn--border.disabled {
  background-color: transparent;
  color: var(--clr-01);
  opacity: 0.36;
}
.btn--border.clr-4 {
  color: var(--clr-04);
  border: 1px solid rgba(219, 221, 221, 0.3);
}
.btn--border.clr-4:hover, .btn--border.clr-4:focus {
  background-color: rgba(219, 221, 221, 0.2);
  color: var(--clr-04);
}
.btn--border.clr-4.disabled {
  color: var(--clr-04);
}
.btn--border.clr-3 {
  color: var(--clr-03);
  border: 1px solid var(--clr-03);
}
.btn--border.clr-3:hover, .btn--border.clr-3:focus {
  background-color: var(--clr-07);
  color: var(--clr-03);
}
.btn--border.clr-3.disabled {
  color: var(--clr-03);
}
.btn--header {
  width: 180px;
}
@media (min-width: 75em) {
  .btn--header {
    width: 240px;
  }
}

.btn-close {
  mask-image: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.5479 9.75L9.75 31.5479L7.45215 29.25L29.25 7.45215L31.5479 9.75Z" fill="black" /><path d="M31.5479 29.25L29.25 31.5479L7.45215 9.75L9.75 7.45215L31.5479 29.25Z" fill="black" /></svg>');
  mask-repeat: no-repeat;
  background-color: var(--clr-01);
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  width: 39px;
  height: 39px;
}

/*------------------------------------*/
.btn-media {
  border-radius: 18px;
  padding: 17px;
  width: 56px;
  height: 56px;
  box-shadow: inset 0 0 7px 0 #f5e18b;
  background: var(--clr-03);
  border: none;
  outline: none;
}
@media (min-width: 62em) {
  .btn-media {
    width: 66px;
    height: 66px;
    border-radius: 21px;
  }
}
.btn-media:hover, .btn-media:active, .btn-media:focus {
  outline: none;
  border: 1px solid var(--clr-09);
}
.btn-media .si {
  width: 22px;
  height: 22px;
}
@media (min-width: 62em) {
  .btn-media .si {
    width: 26px;
    height: 26px;
  }
}
.btn-media .si:after {
  background-color: var(--clr-01);
}
@media (min-width: 88.25em) {
  .btn-media-contacts {
    width: 84px;
    height: 84px;
    border-radius: 33px;
  }
}
.btn-media-contacts .si {
  width: 18px;
  height: 18px;
}
@media (min-width: 62em) {
  .btn-media-contacts .si {
    width: 20px;
    height: 20px;
  }
}

.btn-play {
  position: absolute;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(3px);
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
}
@media (min-width: 62em) {
  .btn-play {
    width: 53px;
    height: 53px;
  }
}
.btn-play .si {
  width: 10px;
  height: 10px;
  object-fit: contain;
  object-position: center;
}
@media (min-width: 62em) {
  .btn-play .si {
    width: 16px;
    height: 18px;
    margin-left: 4px;
    margin-top: 1px;
  }
}
.btn-play .si:after {
  background-color: var(--clr-02);
}
.btn-play--lg {
  width: 45px;
  height: 45px;
}
@media (min-width: 62em) {
  .btn-play--lg {
    width: 77px;
    height: 77px;
  }
}
.btn-play--lg .si {
  width: 15px;
  height: 15px;
}
@media (min-width: 62em) {
  .btn-play--lg .si {
    width: 25px;
    height: 28px;
  }
}

.row {
  margin-left: calc(-0.5 * var(--rowPadding));
  margin-right: calc(-0.5 * var(--rowPadding));
  display: flex;
  row-gap: calc(2 * var(--rowPadding));
  flex-wrap: wrap;
}
@media (min-width: 48em) {
  .row {
    row-gap: var(--rowPadding);
  }
}
.row > * {
  padding: 0 calc(0.5 * var(--rowPadding));
}

.row-full {
  margin: 0;
}
.row-full > * {
  padding: 0;
}

.flex-column {
  flex-direction: column;
}

@media (min-width: 48em) {
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-start {
  justify-content: flex-start !important;
}

@media (min-width: 48em) {
  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
}

.align-items-end {
  align-items: end !important;
}

.align-items-center {
  align-items: center !important;
}

@media (min-width: 75em) {
  .row-gap-xl-24 {
    row-gap: 24px;
  }
}

.col {
  width: 100% !important;
}

.col-auto {
  width: auto !important;
}

.col-33 {
  width: 33.333333% !important;
}

.col-50 {
  width: 50% !important;
}

.col-60 {
  width: 60% !important;
}

.col-80 {
  width: 80% !important;
}

@media (min-width: 36em) {
  .col-sm-50 {
    width: 50% !important;
  }
}

@media (min-width: 48em) {
  .col-md-auto {
    width: auto !important;
  }
}

@media (min-width: 48em) {
  .col-md-10 {
    width: 10% !important;
  }
}

@media (min-width: 48em) {
  .col-md-20 {
    width: 20% !important;
  }
}

@media (min-width: 48em) {
  .col-md-25 {
    width: 25% !important;
  }
}

@media (min-width: 48em) {
  .col-md-28 {
    width: 28% !important;
  }
}

@media (min-width: 48em) {
  .col-md-30 {
    width: 30% !important;
  }
}

@media (min-width: 48em) {
  .col-md-33 {
    width: 33.333333% !important;
  }
}

@media (min-width: 48em) {
  .col-md-40 {
    width: 40% !important;
  }
}

@media (min-width: 48em) {
  .col-md-50 {
    width: 50% !important;
  }
}

@media (min-width: 48em) {
  .col-md-60 {
    width: 60% !important;
  }
}

@media (min-width: 48em) {
  .col-md-70 {
    width: 70% !important;
  }
}

@media (min-width: 48em) {
  .col-md-72 {
    width: 72% !important;
  }
}

@media (min-width: 48em) {
  .col-md-75 {
    width: 75% !important;
  }
}

@media (min-width: 48em) {
  .col-md-80 {
    width: 80% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-auto {
    width: auto !important;
  }
}

@media (min-width: 62em) {
  .col-lg-25 {
    width: 25% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-30 {
    width: 30% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-33 {
    width: 33% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-40 {
    width: 40% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-50 {
    width: 50% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-60 {
    width: 60% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-65 {
    width: 65% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-70 {
    width: 70% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-80 {
    width: 80% !important;
  }
}

@media (min-width: 62em) {
  .col-lg-90 {
    width: 90% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-auto {
    width: auto !important;
  }
}

@media (min-width: 75em) {
  .col-xl-20 {
    width: 20% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-25 {
    width: 25% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-33 {
    width: 33% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-40 {
    width: 40% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-50 {
    width: 50% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-60 {
    width: 60% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-65 {
    width: 65% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-75 {
    width: 75% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-80 {
    width: 80% !important;
  }
}

@media (min-width: 75em) {
  .col-xl-85 {
    width: 85% !important;
  }
}

@media (min-width: 88.25em) {
  .col-xxl-20 {
    width: 20% !important;
  }
}

@media (min-width: 88.25em) {
  .col-xxl-40 {
    width: 40% !important;
  }
}

@media (min-width: 88.25em) {
  .col-xxl-55 {
    width: 55% !important;
  }
}

@media (min-width: 88.25em) {
  .col-xxl-60 {
    width: 60% !important;
  }
}

@media (min-width: 88.25em) {
  .col-xxl-80 {
    width: 80% !important;
  }
}

@media (min-width: 48em) {
  .order-md--1 {
    order: -1;
  }
}

#menu {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-height));
  top: var(--header-height);
  padding: 6px 0 30px;
  overflow: auto;
  z-index: 100;
}
#menu .social-media__icon {
  opacity: 0.54;
  background-color: var(--clr-02);
}

.main-navigation {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 62em) {
  .main-navigation {
    margin-right: 8px;
  }
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 75em) {
  .menu {
    flex-direction: row;
    align-items: center;
  }
}
.menu-item a:not(.btn) {
  display: block;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--clr-02);
  text-decoration: none;
}
@media (min-width: 75em) {
  .menu-item a:not(.btn) {
    color: var(--clr-01);
  }
  .menu-item a:not(.btn):hover {
    text-decoration: underline;
  }
}
.menu > .menu-item {
  border-bottom: 1px solid var(--clr-10);
}
.menu > .menu-item > a {
  padding: 24px 0;
  font-size: 24px;
}
@media (min-width: 75em) {
  .menu > .menu-item > a {
    padding: 8px 16px;
    font-size: 16px;
  }
}
.menu > .menu-item:last-child {
  border: none;
}
.menu-toggle {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  width: 36px;
  aspect-ratio: 1/1;
  height: auto;
  border: none;
  padding: 8px;
  gap: 6px;
  background-color: transparent;
}
.menu-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: var(--clr-01);
  transition: transform 0.3s, opacity 0.3s;
}
.menu-toggle span:nth-child(2) {
  width: 15px;
}

.sub-menu {
  list-style: none;
  padding: 0 0 24px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (min-width: 75em) {
  .sub-menu {
    display: none;
  }
}
.sub-menu a {
  font-size: 18px;
  opacity: 0.7;
  line-height: 1.2;
}
.sub-menu a:before {
  content: "/";
  color: var(--clr-03);
}

body.menu-open .menu-toggle {
  position: relative;
}
body.menu-open .menu-toggle span {
  position: absolute;
  left: 7px;
  width: 22px;
}
body.menu-open .menu-toggle span:nth-child(1) {
  top: auto;
  transform: rotate(45deg);
}
body.menu-open .menu-toggle span:nth-child(2) {
  display: none;
}
body.menu-open .menu-toggle span:nth-child(3) {
  bottom: auto;
  transform: rotate(-45deg);
}

#menu .container {
  height: 100%;
}
#menu .main-navigation {
  height: 100%;
}

.acc__item {
  overflow: clip;
}
.acc__item.open .acc__icon span:first-child {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.acc__item.open .acc__head .si-plus {
  display: none;
}
.acc__item.open .acc__head .si-minus {
  display: block;
}
.acc__head {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.acc__title {
  flex: 1;
}
.acc__icon {
  min-width: 24px;
  min-height: 24px;
  transition: all 0.5s;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  outline: none;
  position: relative;
  padding: 0;
  cursor: pointer;
}
.acc__icon:hover, .acc__icon:active, .acc__icon:focus {
  border: none;
  outline: none;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 10px 6px 6px;
  background-color: var(--clr-03);
}
@media (min-width: 62em) {
  .header {
    padding: 12px 15px;
  }
}
.header__wrapper {
  height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (min-width: 62em) {
  .header__wrapper {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 58px;
  }
}
.header__wrapper > .container {
  max-width: unset;
  padding-right: 8px;
}
@media (min-width: 62em) {
  .header__wrapper > .container {
    padding-right: 8px;
  }
}
.header__inner {
  display: flex;
  align-items: center;
}
@media (min-width: 62em) {
  .header__inner {
    padding-right: 3px;
  }
}

.footer {
  padding-top: 64px;
}
.footer .row-1 {
  row-gap: 48px;
}
.footer .row-2 {
  margin-top: 82px;
  margin-bottom: 16px;
  justify-content: space-between;
  align-items: end;
}
@media (min-width: 62em) {
  .footer .row-2 {
    margin-top: 35px;
    margin-bottom: 20px;
  }
}
.footer .row-3 {
  border-top: 1px solid var(--clr-12);
  padding: 20px 0 32px;
  justify-content: space-between;
  font-size: 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.footer .row-3 .col {
  width: auto;
  opacity: 0.24;
}
.footer .row-3 a {
  text-decoration: none;
}
.footer .row-3 a:hover {
  text-decoration: underline;
}
.footer .footer-1 {
  width: 100%;
}
@media (min-width: 62em) {
  .footer .footer-1 {
    width: 15%;
  }
}
@media (min-width: 75em) {
  .footer .footer-1 {
    width: 20%;
  }
}
.footer .footer-2 {
  width: 100%;
}
@media (min-width: 48em) {
  .footer .footer-2 {
    width: 50%;
  }
}
@media (min-width: 62em) {
  .footer .footer-2 {
    width: 44%;
  }
}
@media (min-width: 88.25em) {
  .footer .footer-2 {
    width: 41%;
  }
}
.footer .footer-3 {
  width: auto;
  margin-right: 20px;
}
@media (min-width: 36em) {
  .footer .footer-3 {
    width: 50%;
    margin: 0;
  }
}
@media (min-width: 48em) {
  .footer .footer-3 {
    order: -1;
    width: auto;
  }
}
.footer .footer-4 {
  flex: 1;
}
@media (min-width: 36em) {
  .footer .footer-4 {
    flex: unset;
    width: 50%;
  }
}
@media (min-width: 48em) {
  .footer .footer-4 {
    width: auto;
  }
}
@media (min-width: 62em) {
  .footer .footer-5 {
    width: 15%;
  }
}
@media (min-width: 75em) {
  .footer .footer-5 {
    width: 20%;
  }
}
.footer .footer-group .row {
  row-gap: 48px;
}
@media (min-width: 62em) {
  .footer .footer-group {
    width: 70%;
  }
}
@media (min-width: 75em) {
  .footer .footer-group {
    width: 60%;
  }
}
@media (min-width: 48em) {
  .footer .footer-group .row {
    justify-content: space-between;
  }
}
.footer__logo svg {
  display: block;
  width: 85px;
  height: auto;
}
@media (min-width: 62em) {
  .footer__logo svg {
    width: 90px;
  }
}
.footer__title {
  font-size: 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  opacity: 0.54;
  margin-bottom: 20px;
}
.footer .footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footer .menu-item a {
  color: var(--clr-01);
}
.footer .lang-switcher {
  margin-top: 12px;
}
.footer .lang-switcher a {
  border-color: var(--clr-11);
  color: var(--clr-01);
  background-color: var(--clr-03);
}
.footer .lang-switcher .current-lang a,
.footer .lang-switcher a:hover {
  border-color: var(--clr-01);
  color: var(--clr-03);
  background-color: var(--clr-01);
}
.footer .social-media {
  font-size: 40px;
}
@media (min-width: 62em) {
  .footer .social-media {
    font-size: 32px;
  }
}

.contacts {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.contacts__item {
  display: block;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-decoration: none;
}
.contacts__item:hover {
  text-decoration: underline;
}

.animate {
  opacity: 0;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in;
  /*@media (max-width: $pc) {
      opacity:1;
      transform: unset!important;
  }*/
}

.animate.active {
  opacity: 1;
}

.fade-up {
  transform: translateY(40px);
}

.fade-up.active {
  transform: translateY(0);
}

.fade-left {
  transform: translateX(40px);
}

.fade-left.active {
  transform: translateX(0);
}

.fade-right {
  transform: translateX(-40px);
}

.fade-right.active {
  transform: translateX(0);
}

.zoom-in {
  transform: scale(0);
}

.zoom-in.active {
  transform: scale(1);
}

.zoom-out {
  transform: scale(1);
}

.zoom-out.active {
  transform: scale(0);
}

.rotating-image {
  animation: rotateAnimation 10s linear infinite;
  transform-origin: center;
}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.td-2000 {
  transition-duration: 2000ms;
}

[data-aos=aos-animate-scale-down] {
  opacity: 0;
  transform: scale(1.02);
  transition-property: opacity, transform;
}

[data-aos=aos-animate-scale-down].aos-animate {
  opacity: 1;
  transform: scale(1);
}

[data-aos=pop-in] {
  opacity: 0;
  transform: scale(0);
}

@keyframes pop-in {
  0% {
    opacity: 0;
    transform: scale(0); /* Починаємо з нуля розміру */
  }
  70% {
    opacity: 1;
    transform: scale(1.1); /* Збільшуємо до 110% */
  }
  100% {
    opacity: 1;
    transform: scale(1); /* Повертаємося до 100% */
  }
}
[data-aos=pop-in].aos-animate {
  animation: pop-in 1s forwards;
  animation-delay: var(--aos-delay);
}

.aos-word-wrapper {
  display: inline-block;
  white-space: nowrap;
}

.aos-wave-char {
  display: inline-block;
  opacity: 0;
  transform: translateY(50px);
  transition-property: opacity, transform;
}

[data-aos=scale-y] {
  transform-origin: bottom !important;
  transform: scaleY(0) !important;
  opacity: 0 !important;
  transition-property: opacity, transform;
}

[data-aos=scale-y].aos-animate {
  transform: scaleY(1) !important;
  opacity: 1 !important;
}

.aos-word-wrapper[data-aos=fade-up] {
  transform: translate3d(0, 100%, 0);
}

/*--------------- Tabs ------------*/
.tabs__caption {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.tabs__caption li {
  cursor: pointer;
}
.tabs__content {
  display: none;
}
.tabs__content.active {
  display: block;
}

/*--------------- /Tabs ------------*/
/*----------------------New view for select---------------------------------------------*/
.select-panel {
  position: relative;
  padding: 6px 0;
  border-bottom: 1px solid var(--clr-05);
}
@media (min-width: 88.25em) {
  .select-panel {
    padding: 8px 0;
  }
}
.select-panel.open .arrow:after {
  transform: rotate(-180deg);
}

.selected-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  padding: 0;
  width: 100%;
  margin-bottom: 0 !important;
  transition: box-shadow 0.3s;
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 62em) {
  .selected-items {
    font-size: 20px;
  }
}
@media (min-width: 88.25em) {
  .selected-items {
    font-size: 24px;
  }
}
.selected-items .default-text {
  font-size: 18px;
  color: var(--clr-01);
  display: block;
}
@media (min-width: 62em) {
  .selected-items .default-text {
    font-size: 20px;
  }
}
@media (min-width: 88.25em) {
  .selected-items .default-text {
    font-size: 24px;
  }
}
.selected-items .arrow {
  margin-left: auto;
  width: 24px;
  height: 24px;
  position: relative;
  flex-shrink: 0;
}
.selected-items .arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
  pointer-events: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: transform 0.5s;
}

.dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 1px);
  right: -10px;
  width: calc(100% + 20px);
  min-width: fit-content;
  z-index: 1000;
  overflow: hidden;
  background: #fff;
  font-size: 18px;
  color: var(--clr-05);
  max-height: 315px;
  overflow: auto;
  scrollbar-width: thin;
  padding: 0 12px 20px;
  padding-top: 5px;
}
@media (min-width: 62em) {
  .dropdown {
    font-size: 20px;
  }
}
@media (min-width: 88.25em) {
  .dropdown {
    font-size: 24px;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: unset;
  box-shadow: unset;
  background: transparent;
}

.wpcf7-form-control-wrap.your-source {
  width: 100%;
}

.selected-items__wrap,
.dropdown .options-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.selected-item {
  font-size: 18px;
  color: var(--clr-01);
  cursor: pointer;
}
@media (min-width: 62em) {
  .selected-item {
    font-size: 20px;
  }
}
@media (min-width: 88.25em) {
  .selected-item {
    font-size: 24px;
  }
}

.dropdown .options-list li {
  margin-bottom: 10px;
  cursor: pointer;
  border-bottom: 1px solid var(--clr-08);
  transition: color 0.3s;
}
.dropdown .options-list li:hover {
  color: var(--clr-01);
}
.dropdown .options-list li span {
  display: block;
  padding: 6px 2px;
}

.hidden {
  display: none !important;
}

/*---------------- /New view for select------------------*/
.wpcf7 {
  position: relative;
}
.wpcf7 .form-row:not(:last-child) {
  margin-bottom: 12px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email],
.wpcf7 input[type=url], .wpcf7 input[type=password],
.wpcf7 input[type=search], .wpcf7 input[type=number],
.wpcf7 input[type=tel], .wpcf7 textarea {
  display: block;
  border: 1px solid var(--clr-01);
  padding: 15px 20px;
  height: 54px;
  color: var(--clr-01);
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .wpcf7 input[type=text], .wpcf7 input[type=email],
  .wpcf7 input[type=url], .wpcf7 input[type=password],
  .wpcf7 input[type=search], .wpcf7 input[type=number],
  .wpcf7 input[type=tel], .wpcf7 textarea {
    padding: 22px 20px;
    height: 64px;
  }
}
.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus,
.wpcf7 input[type=url]:focus, .wpcf7 input[type=password]:focus,
.wpcf7 input[type=search]:focus, .wpcf7 input[type=number]:focus,
.wpcf7 input[type=tel]:focus, .wpcf7 textarea:focus {
  color: var(--clr-01);
}
.wpcf7 input[type=text]::placeholder, .wpcf7 input[type=email]::placeholder,
.wpcf7 input[type=url]::placeholder, .wpcf7 input[type=password]::placeholder,
.wpcf7 input[type=search]::placeholder, .wpcf7 input[type=number]::placeholder,
.wpcf7 input[type=tel]::placeholder, .wpcf7 textarea::placeholder {
  color: var(--clr-01);
}
.wpcf7 textarea {
  padding-top: 32px;
  height: 200px;
}
@media (min-width: 62em) {
  .wpcf7 textarea {
    padding-top: 22px;
    height: 230px;
  }
}
.wpcf7 .wpcf7-submit.wpcf7-form-control {
  width: 100%;
  height: 64px;
}
.wpcf7 .wpcf7-form-control-wrap {
  width: 100%;
  display: block;
}
.wpcf7 .error-msg {
  padding: 10px;
  margin-top: 20px;
  border: 2px solid red;
}
.wpcf7 .wpcf7-spinner {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.wpcf7 .success-msg {
  padding: 10px;
  margin-top: 20px;
  border: 2px solid green;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: var(--clr-01);
}
.wpcf7 .wpcf7-not-valid-tip {
  font-size: 0.8em;
  margin-top: 5px;
}

.si {
  width: 1em;
  height: auto;
  aspect-ratio: 1/1;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  /*&-bomb:after {
      mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.9975 20.3873C28.7597 20.3873 28.5212 20.3907 28.2834 20.3865C28.2776 19.875 28.2767 19.3645 28.2801 18.853H27.7643C27.7668 18.3399 27.766 17.8276 27.7635 17.3136H27.1292V16.5976C26.8789 16.5976 26.6269 16.6027 26.3766 16.595V15.8429H25.6928L25.6911 15.2361C25.3198 15.2361 24.9502 15.2395 24.5788 15.2361V14.6481L23.1029 14.6464C23.097 14.025 23.0936 13.4044 23.0945 12.7829H20.8818L20.8726 10.5059H21.6009V11.2434C21.8479 11.2434 22.0965 11.2382 22.3435 11.2468V10.505H23.4448L23.4431 9.74522H22.3443C22.3443 9.74522 22.3418 10.2472 22.3418 10.4973C22.0982 10.5016 21.8554 10.5016 21.6126 10.4982V9.74608H22.3401H22.3435V9L21.6009 9.00344V9.74608L20.8608 9.7478C20.8591 9.99792 20.8591 10.2489 20.8608 10.4991C20.6105 10.5033 20.3593 10.5042 20.109 10.5016C20.1039 11.2615 20.1148 12.0222 20.1056 12.7819H17.9022V14.6394C17.4049 14.6463 16.9067 14.6368 16.4094 14.6489V15.2377H15.2955C15.2955 15.4353 15.2989 15.6356 15.2913 15.8333C15.0536 15.8393 14.815 15.8419 14.5773 15.8402V16.5992H13.8582V17.3177C13.6473 17.3203 13.4382 17.322 13.2281 17.322C13.2248 17.8317 13.2323 18.3423 13.2223 18.852H12.6754V20.382L12 20.3837L12.0034 24.5216H12.6678V26.0679C12.8476 26.0679 13.0282 26.0671 13.208 26.0739C13.208 26.5768 13.2013 27.0813 13.2113 27.5842C13.4348 27.5842 13.6591 27.5824 13.8817 27.5902C13.8817 27.8248 13.8792 28.0595 13.8834 28.2941C14.1127 28.2941 14.3429 28.2898 14.5722 28.2993L14.5739 28.956H15.277C15.277 29.1374 15.2736 29.3179 15.277 29.4992L16.4178 29.5018V30.2135C16.9143 30.2135 17.4124 30.2075 17.908 30.2144V30.9974L21.2304 30.9983C21.852 30.9983 22.4762 30.9854 23.097 31C23.1012 30.7378 23.1028 30.4757 23.102 30.2135H24.5662V29.5018H25.6784V28.9414C25.8826 28.9397 26.0858 28.9388 26.29 28.9397C26.29 28.7317 26.2875 28.5237 26.29 28.3157H26.8621V27.5808H27.5232L27.5282 26.0318C27.7819 26.0327 28.0356 26.0379 28.2893 26.0336C28.2935 25.5368 28.3028 25.0399 28.2935 24.544H29L28.9975 20.3847L28.9975 20.3873ZM23.4556 18.4748H24.9265L24.9248 19.973C24.4351 19.9773 23.9445 19.9782 23.4548 19.9765V18.4731L23.4556 18.4748ZM21.9821 21.5039V19.9877C22.4719 19.992 22.9625 19.992 23.4531 19.9877C23.4413 20.4914 23.4589 20.9977 23.4531 21.5014C22.9633 21.51 22.4719 21.5057 21.9821 21.5014V21.5039ZM24.9273 23.015C24.7677 23.0348 24.5929 23.0202 24.4308 23.0202L23.4606 23.0185C23.4446 22.5165 23.4547 22.0102 23.4547 21.5082C23.9486 21.5108 24.4417 21.51 24.9365 21.5065C24.9222 22.0076 24.9357 22.5122 24.9298 23.0142L24.9273 23.015ZM26.4083 21.5031C25.9185 21.5117 25.4271 21.5014 24.9365 21.5005V19.9843C25.4271 19.9894 25.9185 19.9912 26.41 19.9912L26.4083 21.5022L26.4083 21.5031Z" fill="black" /></svg>');
  }
  &-eye:after {
      mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.4967 19.1106V17.3333H11.2527V15.556H14.748V13.7773H16.5039V12H23.4961V13.7773H25.252V15.556H28.7487V17.3333H30.5033V19.1106H34V20.8894H30.5033V22.6667H28.7487V24.444H25.252V26.2213H23.4961V28H16.5039V26.2213H14.748V24.444H11.2527V22.6667H9.4967V20.8894H6V19.1106H9.4967ZM23.4958 15.556H16.5037V24.444H23.4958V15.556ZM19.1225 18.2283H20.8771V21.7703H19.1225V18.2283Z" fill="black" /></svg>');
  }*/
  /*&-menu:after {
      mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 11H30V13.375H9V11ZM16 19.3125H30V21.6875H16V19.3125ZM9 27.625H30V30H9V27.625Z" fill="black" /></svg>');
  }*/
  /* &-calibers:after {
       mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3957 12.8853H9.67304C9.30978 12.8853 9.01172 13.1833 9.01172 13.5466V24.3191C9.01172 24.6824 9.30978 24.9804 9.67304 24.9804H13.3957C13.759 24.9804 14.0571 24.6824 14.0571 24.3191V13.5466C14.0571 13.1833 13.759 12.8853 13.3957 12.8853Z" fill="black" /><path d="M12.7612 6.74889C12.4487 6.10103 12.0357 5.50697 11.5338 5.01953C10.5175 5.96649 9.79926 7.4392 9.66162 8.86013H13.3957C13.2984 8.13568 13.0821 7.41434 12.7613 6.74783L12.7612 6.74889Z" fill="black" /><path d="M21.1501 12.8853H17.4274C17.0642 12.8853 16.7661 13.1833 16.7661 13.5466V24.3191C16.7661 24.6824 17.0642 24.9804 17.4274 24.9804H21.1501C21.5134 24.9804 21.8115 24.6824 21.8115 24.3191V13.5466C21.8115 13.1833 21.5134 12.8853 21.1501 12.8853Z" fill="black" /><path d="M20.5161 6.74889C20.2036 6.10103 19.7906 5.50697 19.2887 5.01953C18.2734 5.96649 17.5541 7.4392 17.4165 8.86013H21.1506C21.0533 8.13568 20.838 7.41434 20.5162 6.74783L20.5161 6.74889Z" fill="black" /><path d="M21.1781 9.3385H17.3984V12.4092C18.6352 12.3792 19.9413 12.3792 21.1781 12.4092V9.3385Z" fill="black" /><path d="M13.4247 12.4081V9.3374H9.64502V12.4081C10.8818 12.3781 12.1879 12.3781 13.4247 12.4081Z" fill="black" /></svg>');
   }
   &-weight:after {
       mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.4777 13.4633H16.2461V12.951C18.1169 12.5947 19.52 10.9688 19.52 9.00891C19.52 6.80401 17.716 5 15.5111 5C13.3062 5 11.5022 6.80401 11.5022 9.00891C11.5022 10.9688 12.9053 12.5947 14.7761 12.951V13.4633H10.5445C10.5445 13.4633 6.86966 24.8441 6.7583 25H15.3552H15.6447H24.2416C24.1525 24.8441 20.4777 13.4633 20.4777 13.4633ZM12.6826 9.00891C12.6826 7.44989 13.9521 6.1804 15.5111 6.1804C17.0701 6.1804 18.3396 7.44989 18.3396 9.00891C18.3396 10.3007 17.4487 11.392 16.2683 11.7261V11.0356H14.7761V11.7261C13.5512 11.392 12.6826 10.3007 12.6826 9.00891Z" fill="black" /></svg>');
   }
   &-battery:after {
       mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.03174 10.0641V21.891H21.1471V10.0641H9.03174ZM17.4292 15.6731C16.6279 16.7628 14.3843 19.7756 13.7433 20.641C13.7112 20.6731 13.6792 20.6731 13.6471 20.6731C13.583 20.6731 13.551 20.609 13.551 20.5449C13.9035 19.5833 14.8971 16.7949 14.9292 16.7628C14.9612 16.7308 14.9292 16.7308 14.8971 16.7308C14.8651 16.7308 14.833 16.7308 14.833 16.7308C14.7689 16.7308 13.6151 16.7308 12.9099 16.7308C12.7176 16.7308 12.5894 16.5064 12.7176 16.3461C13.5189 15.2884 15.6664 12.3718 16.4356 11.3141C16.4356 11.282 16.4676 11.282 16.4997 11.282C16.5638 11.282 16.5958 11.3141 16.5638 11.3782C16.1471 12.5 15.1856 15.1923 15.1535 15.2564C15.1215 15.3205 15.1215 15.3205 15.2176 15.3205H17.1728C17.4292 15.2884 17.5253 15.5128 17.4292 15.6731Z" fill="black" /><path d="M9.03174 22.532H21.1471V24.0063C21.1471 24.5512 20.6984 24.9999 20.1535 24.9999H10.0253C9.48046 24.9999 9.03174 24.5512 9.03174 24.0063V22.532Z" fill="black" /><path d="M20.1538 6.98718H17.1731V5.73718C17.1731 5.32051 16.8526 5 16.4359 5H13.7115C13.2949 5 12.9744 5.32051 12.9744 5.73718V6.95513H9.99359C9.44872 6.95513 9 7.40385 9 7.94872V9.42308H21.1154V7.94872C21.1474 7.40385 20.6987 6.98718 20.1538 6.98718Z" fill="black" /></svg>');
   }
   &-auto:after {
       mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.95068 15.8093H9.55704L8.7761 12.3921L7.95068 15.8093Z" fill="black" /><path d="M21.7287 12.271C20.9338 12.271 20.6289 13.4668 20.6289 14.9413C20.6289 16.4164 20.9477 17.6115 21.7287 17.6115C22.5091 17.6115 22.8282 16.4164 22.8282 14.9413C22.8282 13.4665 22.5233 12.271 21.7287 12.271Z" fill="black" /><path d="M23.8235 10H6.17647C5.52659 10 5 10.5266 5 11.1765V18.7059C5 19.3558 5.52659 19.8824 6.17647 19.8824H23.8235C24.4734 19.8824 25 19.3558 25 18.7059V11.1765C25 10.5266 24.4734 10 23.8235 10ZM10.1894 18.5788L9.78918 16.8271H7.70424L7.28094 18.5788H6.19294L8.19082 11.3033H9.39318L11.3104 18.5788H10.1894ZM13.2308 18.5889C11.1527 18.5889 11.3134 16.0104 11.3134 16.0104V11.376H12.3489V15.9911C12.3489 17.4706 12.9191 17.5593 13.1562 17.5602H13.2306H13.3049C13.5421 17.5593 14.1129 17.4706 14.1129 15.9911V11.376H15.148V16.0104C15.148 16.0104 15.3089 18.5889 13.2308 18.5889ZM18.2619 18.5059H17.1146V12.4111H15.7014V11.376H19.6496V12.4111H18.2619V18.5059ZM21.7285 18.6075C20.3344 18.6075 19.6496 16.9664 19.6496 14.9412C19.6496 12.9165 20.3416 11.2746 21.7285 11.2746C23.1148 11.2746 23.8071 12.9162 23.8071 14.9412C23.8071 16.9664 23.1224 18.6075 21.7285 18.6075Z" fill="black" /></svg>');
   }
   &-range:after {
       mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5265 12.1845C11.1919 12.4293 10.6077 12.9844 10.132 13.8006C10.1192 13.8239 10.0888 13.8321 10.0655 13.8192C9.32859 13.4111 8.643 12.9226 8.02033 12.3664C7.86525 12.2276 7.62622 12.2405 7.48744 12.3955C7.34869 12.5506 7.36151 12.7896 7.51659 12.9284C8.19288 13.5336 8.9368 14.0618 9.73669 14.5014C9.75884 14.513 9.76817 14.5398 9.75884 14.562C9.70287 14.7007 9.65157 14.8453 9.60609 14.9946C9.50698 15.3187 9.29708 15.8003 9.61425 15.9204L9.68538 15.9472C10.0107 16.0708 10.2684 15.8423 10.5074 15.5893L10.9552 15.117C10.9692 15.1019 10.9901 15.0972 11.0088 15.1054C11.6256 15.3549 12.2646 15.5531 12.9222 15.6977C12.9374 15.7012 12.9491 15.7105 12.9561 15.7245C12.9631 15.7385 12.9631 15.7537 12.9561 15.7677L11.8787 18.0193C11.8682 18.0403 11.8448 18.0519 11.8215 18.0461C9.5851 17.4619 7.5294 16.3495 5.82466 14.8244C5.66958 14.6856 5.43056 14.6984 5.29178 14.8535C5.15303 15.0086 5.16585 15.2476 5.32093 15.3864C7.07811 16.9582 9.17814 18.1102 11.4715 18.7365C11.4855 18.74 11.4972 18.7493 11.503 18.7633C11.5088 18.7773 11.5088 18.7913 11.503 18.8053L10.4349 21.0382C10.4244 21.0603 10.4 21.0708 10.3766 21.0638C7.86387 20.3106 5.56094 19.0093 3.62906 17.2813C3.47398 17.1425 3.23495 17.1553 3.09617 17.3104C2.95742 17.4655 2.97025 17.7045 3.12532 17.8433C5.10987 19.618 7.46043 20.959 10.0317 21.7495C10.0457 21.7541 10.0562 21.7634 10.062 21.7763C10.0679 21.7903 10.0679 21.8043 10.0609 21.8171L8.99163 24.0512C8.8144 24.4208 9.02661 24.9094 9.45105 25.0481L9.50586 25.0656C9.84865 25.1787 10.1833 25.0154 10.392 24.7216L12.1271 22.2893C12.1387 22.273 12.1562 22.266 12.176 22.2695C13.2977 22.4724 14.4474 22.5738 15.6216 22.5657C15.6379 22.5657 15.6519 22.5727 15.6613 22.5855C15.6706 22.5983 15.6741 22.6135 15.6694 22.6286L15.5388 23.0577C15.4281 23.4227 15.6158 23.8121 15.9773 23.9346L16.0694 23.9661C16.4064 24.0803 16.7713 23.9241 16.9229 23.6023L17.4453 22.4899C17.4523 22.4735 17.4674 22.4642 17.4849 22.4619C21.3714 22.0503 24.9883 20.4249 27.8742 17.8432C28.0293 17.7044 28.0433 17.4654 27.9034 17.3103C27.7646 17.1552 27.5256 17.1412 27.3705 17.2812C24.7376 19.6353 21.4575 21.1664 17.9245 21.6467C17.9058 21.649 17.8895 21.6421 17.8778 21.6269C17.8673 21.6117 17.865 21.5942 17.8732 21.5768L18.6754 19.8662C18.8095 19.5817 18.8246 19.2646 18.7208 18.9882C18.7162 18.9742 18.7162 18.9602 18.7232 18.9474C18.7302 18.9346 18.7418 18.9264 18.7558 18.9229C21.3409 18.3609 23.7184 17.1354 25.6762 15.3842C25.8313 15.2454 25.8453 15.0064 25.7054 14.8513C25.5666 14.6962 25.3276 14.6822 25.1725 14.8222C23.1915 16.5945 20.7511 17.8002 18.1112 18.2794C18.096 18.2817 18.0821 18.2782 18.0704 18.2689L16.2234 16.7076C16.2036 16.6913 16.2001 16.6621 16.2153 16.6411L16.9813 15.5824C16.9942 15.5649 17.0163 15.5579 17.0373 15.5649L18.7572 16.1514C18.7595 16.1525 18.7618 16.1537 18.7653 16.1549C18.8959 16.226 19.4999 15.8459 19.8719 15.5707L21.5346 14.3452C21.5358 14.3441 21.5369 14.3429 21.5393 14.3429C22.233 13.9371 22.8837 13.4614 23.4818 12.9273C23.6369 12.7886 23.6509 12.5496 23.511 12.3945C23.3722 12.2394 23.1332 12.2254 22.9781 12.3653C22.6563 12.6533 22.317 12.9238 21.9614 13.1733C21.9404 13.1885 21.9112 13.1838 21.8949 13.164L21.8809 13.1465C21.6652 12.8772 21.4285 13.0113 21.1277 13.1815L18.7187 14.5353C18.707 14.5423 18.6942 14.5434 18.6814 14.5399C18.6686 14.5364 18.6581 14.5283 18.6522 14.5166L17.5329 12.5041C17.5247 12.4901 17.5247 12.4749 17.5305 12.4609C17.5364 12.4469 17.548 12.4364 17.5643 12.4329C18.953 12.0936 20.2264 11.4174 21.2851 10.4705C21.4402 10.3318 21.4542 10.0928 21.3143 9.93766C21.1755 9.78258 20.9365 9.76859 20.7814 9.90851C20.055 10.558 19.2026 11.078 18.2722 11.4255C18.2558 11.4313 18.2383 11.429 18.2243 11.4173C18.2104 11.4057 18.2045 11.3893 18.2069 11.3719C18.3468 10.4577 17.6413 9.61584 16.6992 9.61584C15.6358 9.61584 14.9187 10.6687 15.258 11.6412C15.2638 11.6575 15.2615 11.6739 15.251 11.6867C15.2405 11.7007 15.2265 11.7065 15.209 11.7065L14.9747 11.6937C14.9478 11.6925 14.5351 11.7263 14.0022 11.78C13.9976 11.78 13.9929 11.78 13.9882 11.7788C13.5347 11.6914 13.0951 11.5654 12.673 11.4045C11.76 11.0559 10.9286 10.5452 10.2162 9.90736C10.0611 9.76861 9.82207 9.78143 9.68329 9.93651C9.54454 10.0916 9.55736 10.3306 9.71244 10.4694C10.3922 11.0781 11.1676 11.5806 12.0118 11.9514C12.0316 11.9607 12.0433 11.9805 12.041 12.0015C12.0386 12.0237 12.0235 12.04 12.0013 12.0447C11.7635 12.0925 11.5895 12.139 11.5265 12.1845ZM16.2464 5.9533C16.4855 5.86235 16.7047 5.7271 16.8947 5.55687C17.0498 5.41811 17.0638 5.17909 16.9239 5.02399C16.7851 4.86891 16.5461 4.85491 16.391 4.99483C15.8861 5.44608 15.1119 5.44608 14.607 4.99483C14.4519 4.85608 14.2129 4.8689 14.0741 5.02399C13.9353 5.17907 13.9482 5.41809 14.1033 5.55687C14.6898 6.07924 15.513 6.23315 16.2464 5.9533ZM13.5797 9.03263C12.9618 8.79709 12.3974 8.44846 11.91 8.01352C11.7549 7.87476 11.7409 7.63574 11.8809 7.48064C12.0196 7.32556 12.2586 7.31156 12.4137 7.45149C14.1686 9.02094 16.8342 9.02094 18.5891 7.45149C18.7442 7.31273 18.9832 7.32556 19.122 7.48064C19.2607 7.63572 19.2479 7.87475 19.0928 8.01352C17.591 9.35444 15.4675 9.7532 13.5797 9.03263ZM12.6808 21.5171L14.1465 19.4626C14.2106 19.3728 14.2899 19.297 14.3773 19.2422C14.3866 19.2364 14.396 19.234 14.4065 19.2352C14.649 19.2527 14.8927 19.2643 15.1387 19.2702C15.1457 19.2702 15.1504 19.2713 15.1574 19.2737L15.9398 19.6083C16.2733 19.7506 16.4318 20.119 16.3269 20.4653L15.9305 21.7724C15.9246 21.7934 15.906 21.8062 15.885 21.8074C14.8122 21.8296 13.75 21.7573 12.7134 21.5952C12.6959 21.5929 12.6831 21.5824 12.6761 21.5661C12.6691 21.5486 12.6714 21.5311 12.6808 21.5171ZM12.2447 13.5647L13.9307 13.5671C13.9482 13.5671 13.9634 13.5752 13.9727 13.5904C13.982 13.6056 13.9832 13.6219 13.975 13.6382L13.3361 14.9733C13.3267 14.9943 13.3046 15.0048 13.2824 15.0001C12.6831 14.88 12.1013 14.7121 11.5416 14.5011C11.5404 14.5011 11.5404 14.4999 11.5392 14.4999L11.3865 14.4521C11.369 14.4463 11.3573 14.4334 11.3538 14.4159C11.3503 14.3985 11.355 14.3821 11.3678 14.3693L12.2109 13.5776C12.2202 13.5694 12.2319 13.5647 12.2447 13.5647Z" fill="black" /></svg>');
   }
   &-target:after {
       mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0005 5V25" stroke="black" stroke-width="2" stroke-miterlimit="10" /><path d="M25 15.0005H5" stroke="black" stroke-width="2" stroke-miterlimit="10" /><path d="M15.001 10.3994C17.5419 10.3997 19.6016 12.46 19.6016 15.001C19.6013 17.5418 17.5418 19.6013 15.001 19.6016C12.46 19.6016 10.3997 17.5419 10.3994 15.001C10.3994 12.4598 12.4598 10.3994 15.001 10.3994Z" stroke="black" stroke-width="2" stroke-miterlimit="10" /><path d="M15.001 5.42944C20.2869 5.42954 24.5723 9.71482 24.5723 15.0007C24.5722 20.2866 20.2868 24.5719 15.001 24.572C9.71507 24.572 5.42979 20.2866 5.42969 15.0007C5.42969 9.71476 9.715 5.42944 15.001 5.42944Z" stroke="black" stroke-width="2" stroke-miterlimit="10" /></svg>');
   }
   &-ai:after {
       mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6114 8.29714C14.7607 7.82641 15.4282 7.82641 15.5776 8.29714L17.0234 12.868L17.0451 12.9244C17.1044 13.0539 17.2162 13.1538 17.3537 13.1973L21.9235 14.6441C22.3953 14.7934 22.3953 15.46 21.9235 15.6093L17.3537 17.0561C17.1964 17.1055 17.0728 17.2292 17.0234 17.3854L15.5776 21.9563C15.4322 22.4132 14.8022 22.427 14.6272 21.9988L14.6114 21.9563L13.1656 17.3854C13.1152 17.2292 12.9925 17.1055 12.8353 17.0561L8.26541 15.6093C7.79369 15.46 7.79369 14.7934 8.26541 14.6441L12.8353 13.1973C12.9925 13.1479 13.1152 13.0243 13.1656 12.868L14.6114 8.29714Z" fill="black" /><path d="M21.4231 5.37988C21.5863 5.37988 21.7306 5.48372 21.7831 5.637L22.4961 7.72462L24.5837 8.43862C24.738 8.49103 24.8408 8.63541 24.8408 8.7976C24.8408 8.9598 24.738 9.10416 24.5837 9.15659L22.4961 9.8696L21.7831 11.9582C21.7307 12.1115 21.5863 12.2153 21.4231 12.2153C21.2609 12.2153 21.1165 12.1115 21.0641 11.9582L20.3511 9.8696L18.2625 9.15659C18.1092 9.10418 18.0054 8.9598 18.0054 8.7976C18.0054 8.63541 18.1092 8.49105 18.2625 8.43862L20.3511 7.72462L21.0641 5.637C21.1165 5.48371 21.2609 5.37988 21.4231 5.37988Z" fill="black" /></svg>');
   }*/
}
.si:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  background-color: var(--clr-01);
  transition: background-color 0.3s;
}
.si-plus:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="32.1221" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 32.1221 18.1218)" fill="black" /><rect x="28.0811" y="18.1217" width="2.85714" height="2.85714" transform="rotate(45 28.0811 18.1217)" fill="black" /><rect x="24.0405" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 24.0405 18.1218)" fill="black" /><rect x="20" y="18.1219" width="2.85714" height="2.85714" transform="rotate(45 20 18.1219)" fill="black" /><rect x="15.9595" y="18.1219" width="2.85714" height="2.85714" transform="rotate(45 15.9595 18.1219)" fill="black" /><rect x="11.9185" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 11.9185 18.1218)" fill="black" /><rect x="7.87793" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 7.87793 18.1218)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.02 8.02026)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.0205 12.0609)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.0205 16.1014)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.02 20.142)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.02 24.1826)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.0205 28.2234)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.02 32.264)" fill="black" /></svg>');
}
.si-close:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="27.1431" y="10" width="2.8571" height="2.85715" fill="black" /><rect x="24.2817" y="12.8573" width="2.8571" height="2.85715" fill="black" /><rect x="21.4307" y="15.7141" width="2.8571" height="2.85715" fill="black" /><rect x="18.5723" y="18.5713" width="2.8571" height="2.85715" fill="black" /><rect x="15.7173" y="21.4287" width="2.8571" height="2.85715" fill="black" /><rect x="12.8594" y="24.286" width="2.8571" height="2.85715" fill="black" /><rect x="10.0029" y="27.1428" width="2.8571" height="2.85715" fill="black" /><rect width="2.8571" height="2.85715" transform="matrix(-1 0 0 1 12.8569 10)" fill="black" /><rect width="2.8571" height="2.85715" transform="matrix(-1 0 0 1 15.7173 12.8573)" fill="black" /><rect width="2.8571" height="2.85715" transform="matrix(-1 0 0 1 18.5703 15.7141)" fill="black" /><rect width="2.8571" height="2.85715" transform="matrix(-1 0 0 1 21.4302 18.5713)" fill="black" /><rect width="2.8571" height="2.85715" transform="matrix(-1 0 0 1 24.2837 21.4287)" fill="black" /><rect width="2.8571" height="2.85715" transform="matrix(-1 0 0 1 27.1416 24.286)" fill="black" /><rect width="2.8571" height="2.85715" transform="matrix(-1 0 0 1 29.9976 27.1428)" fill="black" /></svg>');
}
.si-minus:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="32.1221" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 32.1221 18.1218)" fill="black" /><rect x="28.0811" y="18.1217" width="2.85714" height="2.85714" transform="rotate(45 28.0811 18.1217)" fill="black" /><rect x="24.0405" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 24.0405 18.1218)" fill="black" /><rect x="20" y="18.1219" width="2.85714" height="2.85714" transform="rotate(45 20 18.1219)" fill="black" /><rect x="15.9595" y="18.1219" width="2.85714" height="2.85714" transform="rotate(45 15.9595 18.1219)" fill="black" /><rect x="11.9185" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 11.9185 18.1218)" fill="black" /><rect x="7.87793" y="18.1218" width="2.85714" height="2.85714" transform="rotate(45 7.87793 18.1218)" fill="black" /><rect width="2.85714" height="2.85714" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.0205 20.1421)" fill="black" /></svg>');
}
.si-check:after {
  mask-image: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.7203 17.2565L5.4531 13.214L4 14.5809L9.7203 20L22 8.36689L20.5571 7L9.7203 17.2565Z" fill="black" /></svg>');
}
.si-resize:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 25.0001H19V22.0001H16V25.0001Z" fill="black" /><path d="M19 22H22V19H19V22Z" fill="black" /><path d="M21.9995 19H24.9995V16H21.9995V19Z" fill="black" /><path d="M27.9999 10C24.9999 10 22 10 19 10V13C21 13 23 13 24.9999 13V16H27.9999C27.9999 18 27.9999 20 27.9999 22H30.9999C30.9999 18 30.9999 14 30.9999 10H27.9999Z" fill="black" /><path d="M13 22V19H10C10 23 10 27 10 31C14 31 17.9999 31 21.9999 31V28C19.9999 28 17.9999 28 15.9999 28V25H13V22Z" fill="black" /></svg>');
}
.si-arrow-left:after {
  mask-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.2667 21.9998L12.3772 21.9998M20.748 13.1998L11.7333 21.9998L20.748 30.7998" stroke="black" stroke-width="2" /></svg>');
}
.si-location:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4995 30.2706V29.5375H17V28.0713H15.5004L15.4986 27.3373V26.6042H13.9991V25.138H12.4995V22.2039H11V13.4013H12.4995L12.4977 12.6682V11.9342H13.9972L13.9981 11.2011V10.4671H15.4976L15.4986 9.734V9H24.5014V10.4662H26.0009V11.9324H27.5005V13.3985H29V22.2012H27.5005V25.1353H26.0009V26.6015H24.5014V28.0676H23.0019V29.5338H21.5024V31H18.5015L18.4995 30.2706ZM23.0008 20.0018V19.2687H24.5003V14.8682H23.0008V13.402H16.9988V14.8682H15.4993V19.2687H16.9988V20.7349H23.0008V20.0018Z" fill="black" /></svg>');
}
.si-arrow-right:after {
  mask-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7333 22.0002L31.6228 22.0002M23.252 30.8002L32.2667 22.0002L23.252 13.2002" stroke="black" stroke-width="2" /></svg>');
}
.si-arrow-top:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 32.5H21.5V14.5H24.5V11.5H21.5V8.5H18.5V11.5H15.5V14.5H18.5V32.5ZM12.5 17.5V14.5H15.5V17.5H12.5ZM12.5 17.5V20.5H9.5V17.5H12.5ZM27.5 17.5V14.5H24.5V17.5H27.5ZM27.5 17.5V20.5H30.5V17.5H27.5Z" fill="black" /></svg>');
}
.si-arrow-down:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 7.5L18.5 7.5L18.5 25.5L15.5 25.5L15.5 28.5L18.5 28.5L18.5 31.5L21.5 31.5L21.5 28.5L24.5 28.5L24.5 25.5L21.5 25.5L21.5 7.5ZM27.5 22.5L27.5 25.5L24.5 25.5L24.5 22.5L27.5 22.5ZM27.5 22.5L27.5 19.5L30.5 19.5L30.5 22.5L27.5 22.5ZM12.5 22.5L12.5 25.5L15.5 25.5L15.5 22.5L12.5 22.5ZM12.5 22.5L12.5 19.5L9.5 19.5L9.5 22.5L12.5 22.5Z" fill="black" /></svg>');
}
.si-arrow-link:after {
  mask-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6846 24.8839L24.47 12.0985M24.746 23.1362L24.8839 11.6846L13.4323 11.8225" stroke="black" stroke-width="2" /></svg>');
}
.si-filter:after {
  mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6.00037L13 14.0002V22.0001L17 24V13.9999L24 6H15.0002L6 6.00037Z" fill="white" /></svg>');
}
.si-search:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4998 9.16663H22.1665V11.3333H13.4998V9.16663ZM11.3332 13.5V11.3333H13.4998V13.5H11.3332ZM11.3332 22.1666H9.1665V13.5H11.3332V22.1666ZM13.4998 24.3333H11.3332V22.1666H13.4998V24.3333ZM22.1665 24.3333V26.5H13.4998V24.3333H22.1665ZM24.3332 22.1666H22.1665V24.3333H24.3332V26.5H26.4998V28.6666H28.6665V30.8333H30.8332V28.6666H28.6665V26.5H26.4998V24.3333H24.3332V22.1666ZM24.3332 13.5H26.4998V22.1666H24.3332V13.5ZM24.3332 13.5V11.3333H22.1665V13.5H24.3332Z" fill="black" /></svg>');
}
.si-tt:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.7502 12.275C24.8959 11.2994 24.4251 10.0467 24.4252 8.75H20.5627V24.25C20.5335 25.089 20.1796 25.8838 19.5756 26.4669C18.9716 27.0499 18.1647 27.3755 17.3252 27.375C15.5502 27.375 14.0752 25.925 14.0752 24.125C14.0752 21.975 16.1502 20.3625 18.2877 21.025V17.075C13.9752 16.5 10.2002 19.85 10.2002 24.125C10.2002 28.2875 13.6502 31.25 17.3127 31.25C21.2377 31.25 24.4252 28.0625 24.4252 24.125V16.2625C25.9914 17.3873 27.8719 17.9908 29.8002 17.9875V14.125C29.8002 14.125 27.4502 14.2375 25.7502 12.275Z" fill="black" /></svg>');
}
.si-tg:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.156 12.9563L27.754 28.8827C27.5003 30.0043 26.8491 30.2569 25.9082 29.7506L20.8053 25.9871L18.3071 28.3752C18.0545 28.6289 17.8007 28.8827 17.2214 28.8827L17.62 23.6338L27.1387 14.984C27.5362 14.5855 27.0298 14.4406 26.5235 14.7673L14.6885 22.2225L9.58439 20.6663C8.46276 20.3048 8.46276 19.5436 9.83814 19.0383L29.6717 11.3283C30.6485 11.0387 31.4816 11.5461 31.156 12.9563Z" fill="black" /></svg>');
}
.si-fb:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.725 30V22.255H26.325L26.714 19.237H23.724V17.31C23.724 16.436 23.967 15.84 25.221 15.84H26.819V13.14C26.0452 13.0569 25.2673 13.0168 24.489 13.02C22.185 13.02 20.608 14.427 20.608 17.01V19.237H18V22.255H20.607V30H11.104C10.494 30 10 29.506 10 28.896V11.104C10 10.494 10.494 10 11.104 10H28.896C29.506 10 30 10.494 30 11.104V28.896C30 29.506 29.506 30 28.896 30H23.725Z" fill="black" /></svg>');
}
.si-yt:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6788 24.1071L23.7029 20.625L17.6788 17.1429V24.1071ZM31.0966 15.0187C31.2475 15.5643 31.352 16.2955 31.4216 17.2241C31.5029 18.1527 31.5377 18.9536 31.5377 19.65L31.6074 20.625C31.6074 23.167 31.4216 25.0357 31.0966 26.2312C30.8065 27.2759 30.1332 27.9491 29.0886 28.2393C28.5431 28.3902 27.5449 28.4946 26.0127 28.5643C24.5038 28.6455 23.1225 28.6804 21.8457 28.6804L20.0002 28.75C15.1368 28.75 12.1074 28.5643 10.9118 28.2393C9.86717 27.9491 9.19396 27.2759 8.90378 26.2312C8.75289 25.6857 8.64842 24.9545 8.57878 24.0259C8.49753 23.0973 8.46271 22.2964 8.46271 21.6L8.39307 20.625C8.39307 18.083 8.57878 16.2143 8.90378 15.0187C9.19396 13.9741 9.86717 13.3009 10.9118 13.0107C11.4574 12.8598 12.4556 12.7554 13.9877 12.6857C15.4966 12.6045 16.8779 12.5696 18.1547 12.5696L20.0002 12.5C24.8636 12.5 27.8931 12.6857 29.0886 13.0107C30.1332 13.3009 30.8065 13.9741 31.0966 15.0187Z" fill="black" /></svg>');
}
.si-x:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_464_1486" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="10" width="20" height="20"><path d="M10 10H30V30H10V10Z" fill="white" /></mask><g mask="url(%23mask0_464_1486)"><path d="M25.75 10.9365H28.8171L22.1171 18.6137L30 29.0622H23.8286L18.9914 22.7265L13.4629 29.0622H10.3929L17.5586 20.8479L10 10.938H16.3286L20.6943 16.728L25.75 10.9365ZM24.6714 27.2222H26.3714L15.4 12.6808H13.5771L24.6714 27.2222Z" fill="black" /></g></svg>');
}
.si-in:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.4698 10.0001H11.53C11.3396 9.9975 11.1505 10.0324 10.9736 10.1028C10.7967 10.1733 10.6354 10.2779 10.4988 10.4106C10.3623 10.5434 10.2533 10.7018 10.178 10.8767C10.1028 11.0517 10.0627 11.2397 10.0601 11.4301V28.5699C10.0627 28.7603 10.1028 28.9483 10.178 29.1233C10.2533 29.2982 10.3623 29.4566 10.4988 29.5894C10.6354 29.7221 10.7967 29.8267 10.9736 29.8972C11.1505 29.9676 11.3396 30.0025 11.53 29.9999H28.4698C28.6602 30.0025 28.8493 29.9676 29.0262 29.8972C29.2032 29.8267 29.3645 29.7221 29.501 29.5894C29.6375 29.4566 29.7465 29.2982 29.8218 29.1233C29.8971 28.9483 29.9372 28.7603 29.9398 28.5699V11.4301C29.9372 11.2397 29.8971 11.0517 29.8218 10.8767C29.7465 10.7018 29.6375 10.5434 29.501 10.4106C29.3645 10.2779 29.2032 10.1733 29.0262 10.1028C28.8493 10.0324 28.6602 9.9975 28.4698 10.0001ZM16.09 26.7399H13.09V17.74H16.09V26.7399ZM14.59 16.48C14.1763 16.48 13.7795 16.3157 13.4869 16.0231C13.1944 15.7306 13.03 15.3338 13.03 14.9201C13.03 14.5063 13.1944 14.1096 13.4869 13.817C13.7795 13.5244 14.1763 13.3601 14.59 13.3601C14.8097 13.3352 15.0322 13.3569 15.2429 13.424C15.4536 13.491 15.6477 13.6018 15.8126 13.749C15.9776 13.8963 16.1095 14.0768 16.1998 14.2786C16.2902 14.4804 16.3369 14.699 16.3369 14.9201C16.3369 15.1412 16.2902 15.3598 16.1998 15.5616C16.1095 15.7634 15.9776 15.9438 15.8126 16.0911C15.6477 16.2384 15.4536 16.3491 15.2429 16.4162C15.0322 16.4832 14.8097 16.505 14.59 16.48ZM26.9098 26.7399H23.9099V21.91C23.9099 20.7 23.4799 19.91 22.3899 19.91C22.0526 19.9125 21.7241 20.0183 21.4487 20.2132C21.1734 20.4081 20.9644 20.6827 20.8499 21C20.7717 21.235 20.7377 21.4826 20.7499 21.73V26.7299H17.75V17.73H20.7499V19C21.0224 18.5271 21.4188 18.1375 21.8963 17.8732C22.3739 17.6089 22.9144 17.4799 23.4599 17.5C25.4598 17.5 26.9098 18.79 26.9098 21.56V26.7399Z" fill="black" /></svg>');
}
.si-wa:after {
  mask-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 10C25.523 10 30 14.477 30 20C30 25.523 25.523 30 20 30C18.2328 30.003 16.4966 29.5353 14.97 28.645L10.004 30L11.356 25.032C10.465 23.5049 9.99692 21.768 10 20C10 14.477 14.477 10 20 10ZM16.592 15.3L16.392 15.308C16.2627 15.3169 16.1364 15.3509 16.02 15.408C15.9116 15.4695 15.8126 15.5463 15.726 15.636C15.606 15.749 15.538 15.847 15.465 15.942C15.0951 16.4229 14.896 17.0133 14.899 17.62C14.901 18.11 15.029 18.587 15.229 19.033C15.638 19.935 16.311 20.89 17.199 21.775C17.413 21.988 17.623 22.202 17.849 22.401C18.9524 23.3724 20.2673 24.073 21.689 24.447L22.257 24.534C22.442 24.544 22.627 24.53 22.813 24.521C23.1042 24.5056 23.3885 24.4268 23.646 24.29C23.7769 24.2223 23.9046 24.1489 24.029 24.07C24.029 24.07 24.0713 24.0413 24.154 23.98C24.289 23.88 24.372 23.809 24.484 23.692C24.568 23.6053 24.638 23.5047 24.694 23.39C24.772 23.227 24.85 22.916 24.882 22.657C24.906 22.459 24.899 22.351 24.896 22.284C24.892 22.177 24.803 22.066 24.706 22.019L24.124 21.758C24.124 21.758 23.254 21.379 22.722 21.137C22.6663 21.1127 22.6067 21.0989 22.546 21.096C22.4776 21.0888 22.4084 21.0965 22.3432 21.1184C22.278 21.1403 22.2182 21.176 22.168 21.223C22.163 21.221 22.096 21.278 21.373 22.154C21.3315 22.2098 21.2744 22.2519 21.2088 22.275C21.1433 22.2982 21.0723 22.3013 21.005 22.284C20.9398 22.2666 20.876 22.2446 20.814 22.218C20.69 22.166 20.647 22.146 20.562 22.11C19.9879 21.8599 19.4565 21.5215 18.987 21.107C18.861 20.997 18.744 20.877 18.624 20.761C18.2306 20.3842 17.8878 19.958 17.604 19.493L17.545 19.398C17.5033 19.3338 17.469 19.265 17.443 19.193C17.405 19.046 17.504 18.928 17.504 18.928C17.504 18.928 17.747 18.662 17.86 18.518C17.97 18.378 18.063 18.242 18.123 18.145C18.241 17.955 18.278 17.76 18.216 17.609C17.936 16.925 17.6467 16.2447 17.348 15.568C17.289 15.434 17.114 15.338 16.955 15.319C16.901 15.3123 16.847 15.307 16.793 15.303C16.6587 15.2953 16.5241 15.2966 16.39 15.307L16.592 15.3Z" fill="black" /></svg>');
}
.si-person:after {
  mask-image: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0296 5.00977C16.3583 5.00977 17.6326 5.53758 18.5721 6.4771C19.5116 7.41662 20.0394 8.69089 20.0394 10.0196C20.0394 11.3483 19.5116 12.6225 18.5721 13.562C17.6326 14.5016 16.3583 15.0294 15.0296 15.0294C13.7009 15.0294 12.4267 14.5016 11.4872 13.562C10.5476 12.6225 10.0198 11.3483 10.0198 10.0196C10.0198 8.69089 10.5476 7.41662 11.4872 6.4771C12.4267 5.53758 13.7009 5.00977 15.0296 5.00977ZM15.0296 17.5343C20.5655 17.5343 25.0492 19.7762 25.0492 22.5441V25.049H5.01001V22.5441C5.01001 19.7762 9.49379 17.5343 15.0296 17.5343Z" fill="black" /></svg>');
}
.si-shop:after {
  mask-image: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 1.4585C15.7595 1.4585 14.0903 2.1499 12.8596 3.38061C11.6289 4.61131 10.9375 6.28051 10.9375 8.021V10.2085H4.375V33.5418H30.625V10.2085H24.0625V8.021C24.0625 6.28051 23.3711 4.61131 22.1404 3.38061C20.9097 2.1499 19.2405 1.4585 17.5 1.4585ZM21.1458 8.021V10.2085H13.8542V8.021C13.8542 7.05406 14.2383 6.12673 14.922 5.443C15.6057 4.75928 16.5331 4.37516 17.5 4.37516C18.4669 4.37516 19.3943 4.75928 20.078 5.443C20.7617 6.12673 21.1458 7.05406 21.1458 8.021ZM10.9375 17.5002V13.1252H13.8542V17.5002H10.9375ZM21.1458 17.5002V13.1252H24.0625V17.5002H21.1458Z" fill="black" /></svg>');
}
.si-gift:after {
  mask-image: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.46875 30.5566C5.46875 31.1616 5.95752 31.6504 6.5625 31.6504H16.3379V18.7988H5.46875V30.5566ZM18.6621 31.6504H28.4375C29.0425 31.6504 29.5312 31.1616 29.5312 30.5566V18.7988H18.6621V31.6504ZM30.0781 10.5957H25.0332C25.498 9.86426 25.7715 8.99609 25.7715 8.06641C25.7715 5.46533 23.6558 3.34961 21.0547 3.34961C19.6396 3.34961 18.3647 3.97852 17.5 4.96973C16.6353 3.97852 15.3604 3.34961 13.9453 3.34961C11.3442 3.34961 9.22852 5.46533 9.22852 8.06641C9.22852 8.99609 9.49854 9.86426 9.9668 10.5957H4.92188C4.31689 10.5957 3.82812 11.0845 3.82812 11.6895V16.4746H16.3379V10.5957H18.6621V16.4746H31.1719V11.6895C31.1719 11.0845 30.6831 10.5957 30.0781 10.5957ZM16.3379 10.459H13.9453C12.626 10.459 11.5527 9.38574 11.5527 8.06641C11.5527 6.74707 12.626 5.67383 13.9453 5.67383C15.2646 5.67383 16.3379 6.74707 16.3379 8.06641V10.459ZM21.0547 10.459H18.6621V8.06641C18.6621 6.74707 19.7354 5.67383 21.0547 5.67383C22.374 5.67383 23.4473 6.74707 23.4473 8.06641C23.4473 9.38574 22.374 10.459 21.0547 10.459Z" fill="black" /></svg>');
}
.si-lt:after {
  mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2329 4.18414C10.4626 4.423 10.4551 4.80282 10.2163 5.0325L7.06605 8L10.2163 10.9675C10.4551 11.1972 10.4626 11.577 10.2329 11.8159C10.0032 12.0547 9.62339 12.0622 9.38452 11.8325L5.78452 8.4325C5.66688 8.31938 5.60039 8.16321 5.60039 8C5.60039 7.83679 5.66688 7.68062 5.78452 7.5675L9.38452 4.1675C9.62339 3.93782 10.0032 3.94527 10.2329 4.18414Z" fill="white" /></svg>');
}
.si-gt:after {
  mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.76711 11.8159C5.53743 11.577 5.54488 11.1972 5.78374 10.9675L8.93395 8L5.78374 5.0325C5.54488 4.80282 5.53743 4.423 5.76711 4.18413C5.99679 3.94527 6.37661 3.93782 6.61548 4.1675L10.2155 7.5675C10.3331 7.68062 10.3996 7.83679 10.3996 8C10.3996 8.16321 10.3331 8.31938 10.2155 8.4325L6.61548 11.8325C6.37661 12.0622 5.99679 12.0547 5.76711 11.8159Z" fill="white" /></svg>');
}
.si-ad:after {
  mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 11.8538L15 18.0001L21 11.8538" stroke="%23FFC615" stroke-width="2" /></svg>');
}
.si-lock:after {
  mask-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.4336 13.5212H18.5662V7.03839H10.4336V13.5212ZM22 13.5237V24H7V13.5237H9.38381L9.38296 6H19.6173V13.5237H22ZM15.025 16.8293H13.9742V20.6942H15.025V16.8293Z" fill="%23FFC615" /></svg>');
}
.si-mail:after {
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.67178 7.2002L11.9996 12.5089L18.3275 7.2002H5.67178ZM14.0458 12.0002L19.136 7.72941V16.2711L14.0458 12.0002ZM4.86328 16.271V7.72925L9.95353 12L4.86328 16.271ZM10.6734 12.6042L5.67178 16.8002H18.3275L13.3259 12.6042L12.2965 13.4676C12.1203 13.6149 11.8675 13.6088 11.6985 13.464L10.6734 12.6042Z" fill="%23FFC615" /></svg>');
}
.si.clr-2:after {
  background-color: var(--clr-02);
}
.si.clr-3:after {
  background-color: var(--clr-03);
}
.si.clr-4:after {
  background-color: var(--clr-04);
}

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px);
  background: rgba(0, 0, 0, 0.23);
  transition: opacity 0.5s, visibility 0.5s;
  z-index: 1000;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: -10;
  /*   .video-container {
         width: 100%;
         object-fit: contain;
         height: 100%;
         iframe, video {
             object-fit: contain;
             max-height: calc(100vh - 86px);
         }
     }*/
}
.modal.open {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}
.modal__content {
  max-width: min(900px, 100%);
  width: fit-content;
  width: 100%;
}
.modal__header {
  display: flex;
  justify-content: end;
}
.modal__close {
  cursor: pointer;
  transition: opacity 0.3s;
  border: none;
  outline: none;
  background: transparent;
  display: flex;
  align-items: center;
  padding: 5px;
}
.modal__close:hover {
  opacity: 1;
  border: none;
  outline: none;
}
.modal__close .si {
  width: 32px;
}
.modal__close .si:after {
  background-color: var(--clr-02);
}
.modal__body {
  max-height: calc(100vh - 86px);
  overflow: hidden;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.modal__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 135%;
  letter-spacing: -0.04em;
  color: #101820;
}

.product {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.product__link {
  display: flex;
  flex-direction: column;
}
.product__link:hover .img-bg {
  transform: scale(1.05);
}
.product__img {
  aspect-ratio: 331/218;
}
.product__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 50px;
}
.product__cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-top: 2px solid var(--clr-03);
  padding: 24px 14px;
  backdrop-filter: blur(10px);
  background: rgba(18, 15, 0, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.product__lock {
  border: 2px solid rgba(255, 198, 21, 0.14);
  width: 54px;
  height: 54px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--clr-01);
}
.product__tag {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  padding: 2px 10px;
}
.product__logo {
  position: absolute;
  object-fit: contain;
  object-position: bottom right;
  right: 10px;
  bottom: 10px;
  padding: 7px 10px;
  min-width: 110px;
}
@media (min-width: 36em) {
  .product__logo {
    min-width: 140px;
  }
}
.product__logo img {
  display: block;
  margin: 0 auto;
  height: 22px;
  width: auto;
}
@media (min-width: 36em) {
  .product__logo img {
    height: 32px;
  }
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.preloader img {
  opacity: 0.18;
}

.loading-active .preloader {
  opacity: 1;
  visibility: visible;
}

.progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 12px;
  width: 0;
  animation: loadProgress 1.5s ease-in-out forwards;
}

@keyframes loadProgress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.loading-active {
  overflow: hidden;
}

.share {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 30px 24px;
  border: 1px solid rgba(255, 198, 21, 0.24);
  background: #120f00;
}
@media (min-width: 62em) {
  .share {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.share__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  font-size: 22px;
}
@media (min-width: 48em) {
  .share__list {
    justify-content: end;
  }
}
.share__link {
  border: 1px solid var(--clr-03);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share__link:hover {
  background: rgba(246, 196, 43, 0.2);
}
.share__icon {
  width: 1em;
  height: auto;
  aspect-ratio: 1/1;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  background-color: var(--clr-03);
  transition: background-color 0.3s;
}

.copy-success-msg {
  position: absolute;
  text-decoration: none;
  font-size: 1rem;
  transform: translate(-10px, -40px);
}

/*----------- /main.min.css ----------*/




.stats {
  position: relative;
}
.stats__wrapper {
  height: 650px;
}
@media (min-width: 48em) {
  .stats__wrapper {
    position: relative;
    height: 450px;
    overflow: hidden;
  }
}
@media (min-width: 62em) {
  .stats__wrapper {
    height: 550px;
  }
}
@media (min-width: 75em) {
  .stats__wrapper {
    height: 650px;
  }
}
@media (min-width: 88.25em) {
  .stats__wrapper {
    height: 752px;
  }
}
.stats__bg {
  position: absolute;
  left: -105px;
  top: 50%;
  transform: translateY(-60%);
  max-width: unset;
  width: 500px;
  height: auto;
  aspect-ratio: 964/700;
  overflow: hidden;
  z-index: -1;
}
@media (min-width: 48em) {
  .stats__bg {
    top: unset;
    width: 80%;
    left: 0;
    bottom: 0;
    transform: unset;
  }
}
@media (min-width: 62em) {
  .stats__bg {
    width: 70%;
  }
}
.stats__bg:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 50%, #000 100%);
}

.counter__icon {
  width: 38px;
  height: auto;
  aspect-ratio: 1/1;
  margin-bottom: 20px;
}
@media (min-width: 62em) {
  .counter__icon {
    margin-bottom: 24px;
    width: 48px;
  }
}
.counter__icon .si,
.counter__icon img {
  display: block;
  width: 22px;
}
@media (min-width: 62em) {
  .counter__icon .si,
  .counter__icon img {
    width: 30px;
  }
}

.about {
  padding: 48px 0 0;
}
@media (min-width: 48em) {
  .about {
    padding: 48px 0;
  }
}
.about .container {
  position: static;
}
.about .section-title {
  margin-bottom: 16px;
}
.about__text ul {
  padding-left: 0px;
}
.about__img {
  position: relative;
  margin: 0 -12px;
  margin-top: 65px;
}
@media (min-width: 48em) {
  .about__img {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
  }
}
.about__img img {
  height: 325px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 48em) {
  .about__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: bottom left;
  }
}
@media (min-width: 88.25em) {
  .about__img img {
    object-fit: contain;
    object-position: bottom right;
  }
}
.about .btn {
  margin-top: 40px;
}
@media (min-width: 75em) {
  .about .btn {
    margin-top: 96px;
  }
}

.faq .acc__item:not(:last-child) {
  border-bottom: 2px solid var(--clr-03);
}
.faq .acc__body {
  display: none;
}
.faq .acc__head {
  padding: 30px 0;
}
.faq .acc__icon {
  width: 40px;
  height: 40px;
}
.faq .acc__icon span {
  display: block;
  background-color: var(--clr-03);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.5s;
}
.faq .acc__icon span:nth-child(1) {
  width: 2px;
  height: 24px;
}
.faq .acc__icon span:nth-child(2) {
  width: 24px;
  height: 2px;
}
.faq .acc__body {
  padding-bottom: 30px;
  display: none;
}
@media (min-width: 75em) {
  .faq .acc__body {
    max-width: 80%;
  }
}

.contacts {
  margin-top: 6px;
}
@media (min-width: 48em) {
  .contacts {
    margin-top: 0;
  }
}
.contacts .row {
  margin-left: calc(-0.5 * var(--containerPadding));
  margin-right: calc(-0.5 * var(--containerPadding));
}
.contacts .section-title span:nth-child(2) {
  display: block;
  text-align: right;
}
@media (min-width: 62em) {
  .contacts .section-title span:nth-child(2) {
    margin-top: -1.07em;
  }
}
.contacts__bg {
  position: relative;
  min-height: 564px;
}
@media (min-width: 48em) {
  .contacts__bg {
    min-height: 0;
  }
}
.contacts__bg .img-bg {
  width: calc(100vw - 12px);
  object-position: left bottom;
  left: 0;
  max-width: unset;
}
@media (min-width: 36em) {
  .contacts__bg .img-bg {
    left: calc(-1 * (100vw - var(--container-width) + var(--containerPadding)) / 2 + 18px);
  }
}
@media (min-width: 48em) {
  .contacts__bg .img-bg {
    width: calc(50vw - 5px);
    left: calc(-1 * (100vw - var(--container-width) + var(--containerPadding)) / 2 + 26px);
  }
}
@media (min-width: 62em) {
  .contacts__bg .img-bg {
    left: calc(-1 * (100vw - var(--container-width) + var(--containerPadding)) / 2 + 35px);
  }
}
.contacts a {
  text-decoration: none;
}
.contacts a:hover {
  text-decoration: underline;
}
.contacts__inner {
  margin-top: 12px;
  margin-bottom: 60px;
}
@media (min-width: 48em) {
  .contacts__inner {
    margin-top: auto;
    margin-bottom: 40px;
  }
}
@media (min-width: 62em) {
  .contacts__inner {
    margin-bottom: 60px;
    margin-left: 20%;
  }
}
@media (min-width: 75em) {
  .contacts__inner {
    margin-left: 40%;
  }
}
.contacts__list {
  list-style: none;
  padding-left: 0;
  line-height: 1.5;
}
.contacts__text {
  width: 260px;
}
@media (min-width: 62em) {
  .contacts__text {
    margin-left: 20%;
  }
}
@media (min-width: 75em) {
  .contacts__text {
    margin-left: 40%;
  }
}
.contacts .social-media {
  font-size: 32px;
  justify-content: start;
}
@media (min-width: 48em) {
  .contacts .wpcf7 {
    padding: 40px 0 40px 20px;
  }
}
@media (min-width: 62em) {
  .contacts .wpcf7 {
    padding: 40px 0 40px 32px;
  }
}
@media (min-width: 75em) {
  .contacts .wpcf7 {
    padding: 40px 32px;
  }
}
@media (min-width: 62em) {
  .contacts .btn {
    height: 64px;
  }
}
.contacts--2 {
  margin-top: 0;
  padding-bottom: 24px;
}
@media (min-width: 48em) {
  .contacts--2 {
    background-color: var(--clr-01);
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 62em) {
  .contacts--2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.contacts--2 .col-left {
  width: calc(100% + var(--containerPadding));
  background-color: var(--clr-01);
  margin-left: -6px;
  margin-right: -6px;
  padding-left: calc(0.5 * var(--containerPadding));
  padding-right: calc(0.5 * var(--containerPadding));
}
@media (min-width: 48em) {
  .contacts--2 .col-left {
    padding-left: calc(0.5 * var(--rowPadding));
    padding-right: 30px;
    background-color: transparent;
  }
}
.contacts--2 .contacts__bg {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 48em) {
  .contacts--2 .contacts__bg {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.contacts--2 .section-title span:nth-child(2) {
  margin-top: -1.1em;
}
@media (min-width: 48em) {
  .contacts--2 .wpcf7 {
    padding: 24px;
  }
}
@media (min-width: 62em) {
  .contacts--2 .wpcf7 {
    padding: 36px 24px;
  }
}
@media (min-width: 75em) {
  .contacts--2 .wpcf7 textarea {
    height: 200px;
  }
}
@media (min-width: 88.25em) {
  .contacts--2 .wpcf7 textarea {
    height: 225px;
  }
}
.contacts--2 .wpcf7-submit.wpcf7-form-control {
  margin-top: 30px;
}

@media (min-width: 48em) {
  .who {
    padding: 10px 0;
  }
}
@media (min-width: 62em) {
  .who {
    padding: 15px 0;
  }
}
.who__inner {
  padding: 40px 0 36px;
}
@media (min-width: 48em) {
  .who__inner {
    padding: 30px 0;
  }
}
@media (min-width: 62em) {
  .who__inner {
    padding: 40px 0;
  }
}
.who__inner .img-bg {
  object-fit: contain;
  object-position: bottom;
  bottom: -50px;
  top: unset;
  left: -40px;
  width: 340px;
}
@media (min-width: 48em) {
  .who__inner .img-bg {
    bottom: 0;
  }
}
@media (min-width: 75em) {
  .who__inner .img-bg {
    width: 70%;
  }
}
.who__img {
  position: relative;
  aspect-ratio: 3/2;
  margin-left: calc(-0.5 * var(--containerPadding));
  margin-right: calc(-0.5 * var(--containerPadding));
}
@media (min-width: 48em) {
  .who__img {
    aspect-ratio: unset;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    transform: translateX(calc(-0.5 * var(--containerPadding)));
  }
}
.who__subtitle {
  margin-top: 60px;
  width: 270px;
}
@media (min-width: 48em) {
  .who__subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 62em) {
  .who__subtitle {
    width: 70%;
  }
}
@media (min-width: 75em) {
  .who__subtitle {
    margin-top: 100px;
    width: 60%;
  }
}
@media (min-width: 88.25em) {
  .who__subtitle {
    margin-top: 180px;
  }
}

.ceo .section-title {
  margin-bottom: 24px;
}
@media (min-width: 62em) {
  .ceo .section-title {
    margin-bottom: 34px;
  }
}
.ceo__name {
  font-size: 24px;
  padding: 4px 5px 0px 10px;
  display: block;
  width: fit-content;
}
.ceo__position {
  font-size: 14px;
  padding: 0 5px 2px 10px;
  display: block;
  width: fit-content;
}
.ceo__row {
  margin-top: 54px;
}
@media (min-width: 48em) {
  .ceo__row {
    margin-top: -25px;
  }
}
@media (min-width: 62em) {
  .ceo__row {
    margin-top: -30px;
  }
}
.ceo__img {
  border: 4px solid var(--clr-03);
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 48em) {
  .ceo__img {
    aspect-ratio: 527/410;
  }
}
@media (min-width: 62em) {
  .ceo__img {
    border-width: 6px;
  }
}
.ceo__text {
  margin-top: 54px;
}
@media (min-width: 48em) {
  .ceo__text {
    margin-top: auto;
  }
}
@media (min-width: 62em) {
  .ceo__text {
    width: 80%;
  }
}
@media (min-width: 75em) {
  .ceo__text {
    width: 58%;
  }
}

/*Single Catalog*/
.hero-product {
  padding: 20px 0;
  /* Кнопка Fullscreen */
}
@media (min-width: 62em) {
  .hero-product {
    padding: 30px 0 40px;
  }
}
.hero-product .page-title {
  margin-bottom: 24px;
}
.hero-product .row-sliders {
  --rowPadding:5px;
}
@media (min-width: 48em) {
  .hero-product .row-sliders {
    --rowPadding: 6px;
  }
}
@media (min-width: 62em) {
  .hero-product .row-sliders {
    --rowPadding: 12px;
  }
}
@media (min-width: 88.25em) {
  .hero-product .row-sliders {
    --rowPadding: 16px;
  }
}
.hero-product .slider-arrows--bottom-right {
  right: 10px;
}
.hero-product .main-container {
  row-gap: 10px;
}
.hero-product .main-slider {
  height: 348px;
  width: 100%;
  position: relative;
}
@media (min-width: 48em) {
  .hero-product .main-slider {
    aspect-ratio: 555/712;
    height: 100%;
  }
}
.hero-product .thumbs-slider {
  height: auto;
  box-sizing: border-box;
}
@media (min-width: 48em) {
  .hero-product .thumbs-slider {
    padding: 0;
    height: 100%;
    aspect-ratio: 123/712;
  }
}
@media (min-width: 62em) {
  .hero-product .thumbs-slider {
    aspect-ratio: 126/712;
  }
}
@media (min-width: 75em) {
  .hero-product .thumbs-slider {
    aspect-ratio: 128/712;
  }
}
@media (min-width: 88.25em) {
  .hero-product .thumbs-slider {
    aspect-ratio: 126/712;
  }
}
.hero-product .thumbs-slider .swiper-slide {
  aspect-ratio: 77/54;
}
@media (min-width: 48em) {
  .hero-product .thumbs-slider .swiper-slide {
    aspect-ratio: 123/66;
  }
}
.hero-product .thumbs-slider .swiper-slide {
  cursor: pointer;
}
.hero-product .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-product .fs-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 20;
  font-size: 36px;
  padding: 0;
}
.hero-product .fs-button:hover {
  background-color: var(--clr-06) !important;
}
.hero-product .btn {
  margin-top: 24px;
}
@media (min-width: 62em) {
  .hero-product .btn {
    margin-top: 30px;
  }
}

@media (min-width: 48em) {
  .readmore-slide {
    height: auto !important;
  }
}

@media (min-width: 48em) {
  .readmore-panel {
    display: none;
  }
}

/* /Single Catalog*/
.media .section-title {
  margin-bottom: 32px;
}
@media (min-width: 62em) {
  .media .section-title {
    margin-bottom: 48px;
  }
}
.media__hero {
  height: 430px;
}
@media (min-width: 62em) {
  .media__hero {
    height: 100%;
  }
}
.media__hero:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 75%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.media__inner {
  z-index: 1;
  padding: 24px 60px 24px 14px;
}
@media (min-width: 62em) {
  .media__inner {
    padding: 28px 100px 28px 24px;
  }
}
@media (min-width: 88.25em) {
  .media__inner {
    padding-right: 200px;
  }
}
.media__link {
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.media__link:hover .img-bg {
  transform: scale(1.05);
}
.media__link img {
  transition: transform 0.3s;
}
.media__logo {
  position: absolute;
  height: 31px;
  top: 24px;
  left: 14px;
}
@media (min-width: 62em) {
  .media__logo {
    height: 40px;
    top: 25px;
    left: 25px;
  }
}
.media__date {
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.8;
  margin-bottom: 20px;
}
.media__title {
  font-size: 20px;
  text-transform: uppercase;
}
.media__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 50px;
}
.media .btn {
  margin-top: 54px;
}
@media (min-width: 62em) {
  .media .btn {
    margin-top: 64px;
  }
}
.media--news {
  padding-bottom: 32px;
}
@media (min-width: 48em) {
  .media--news {
    padding-bottom: 20px;
  }
}
.media--news .media__link {
  border: 1px solid rgba(255, 198, 21, 0.24);
}

.media-item:not(:last-child) {
  margin-bottom: 16px;
}
.media-item .row {
  row-gap: 0;
}
.media-item__inner {
  padding: 28px 28px 28px 14px;
}
.media-item__img {
  height: auto;
  aspect-ratio: 34/14;
  overflow: hidden;
}
@media (min-width: 48em) {
  .media-item__img {
    height: 100%;
    aspect-ratio: unset;
  }
}

.media-slider {
  --swiper-theme-color:var(--clr-03);
  --swiper-pagination-bullet-inactive-color: var(--clr-04);
  --swiper-pagination-bullet-inactive-opacity:0.24;
  --swiper-pagination-bullet-border-radius:0;
  --swiper-pagination-bullet-size:14px;
  --swiper-pagination-bullet-horizontal-gap:3px;
}
@media (min-width: 62em) {
  .media-slider {
    --swiper-pagination-bullet-size:16px;
    --swiper-pagination-bullet-horizontal-gap:4px;
  }
}
.media-slider .media__link {
  height: 430px;
  border: 1px solid rgba(255, 198, 21, 0.24);
}
@media (min-width: 88.25em) {
  .media-slider .media__link {
    height: 525px;
  }
}
.media-slider .swiper-pagination {
  position: static;
  margin-top: 30px;
}
@media (min-width: 62em) {
  .media-slider .swiper-pagination {
    margin-top: 48px;
  }
}

.training__row {
  margin-top: 40px;
}
@media (min-width: 48em) {
  .training__row {
    --rowPadding: 30px;
    row-gap: 40px;
  }
}
@media (min-width: 62em) {
  .training__row {
    --rowPadding: 48px;
    margin-top: 64px;
    row-gap: 54px;
  }
}

.training-item__title {
  margin-bottom: 16px;
}
.training-item__title span {
  display: block;
  padding: 0 10px;
  width: fit-content;
}