@charset "UTF-8";
:root {
  --Green-Normal: #006930;
  --green-hover-pressed: #029344;
  --stroke-geen-normal-53: rgba(0, 105, 48, 0.53);
  --stroke-geen-normal-40: rgba(0, 105, 48, 0.40);
  --stroke-geen-normal-30: rgba(0, 105, 48, 0.30);
  --stroke-geen-normal-15: rgba(0, 145, 48, 0.15);
  --stroke-geen-normal-10: rgba(0, 105, 48, 0.10);
  --character-disabled-amp-placeholder-25: rgba(0, 0, 0, 0.25);
  --Grey-secondaty-text: #575757;
  --white-90: rgba(255, 255, 255, 0.90);
  --white-80: rgba(255, 255, 255, 0.80);
  --white-70: rgba(255, 255, 255, 0.70);
  --white-50: rgba(255, 255, 255, 0.50);
  --white-40: rgba(255, 255, 255, 0.40);
  --white-30: rgba(255, 255, 255, 0.30);
  --white-20: rgba(255, 255, 255, 0.20);
  --white-10: rgba(255, 255, 255, 0.1);
  --BG-1: #F7F7F7;
  --BG-2: #F2F2F2;
  --Grey-1: #7c7c7c;
  --Grey-3-Stroke: #E5E5E5;
  --Grey-2: #B0B0B0;
  --Line: #cccccc;
  --line: #E8E8E8;
  --Stroke: #cacaca;
  --Neutral-3: #F5F5F5;
  --Color: #3C3C3C;
  --Error: #D80027;
  --tooltip-75: rgba(0, 0, 0, 0.75);
  --disable: #B0B6B4;
  --default: #F6F6F6;
  --line2: #F4F4F4;
  --line4: rgba(0, 106, 65, 0.3);
  --banner-bg: #EBEFEE;
  --light-bg: #EBF3F0;
  --menu-dark: #4d4d4d;
  --light-green: rgba(0, 106, 65, 0.08);
  --bg-grey: #C6C6C6;
  --violet: #8B849B;
  --border: #CBCBCB;
  --grey52: #525252;
  --grey70: #707070;
  --grey8b: #8B8B8B;
  --greyE4: #E4E4E4;
  --greenD9: #ccead9;
  --white: white;
  --black: black;
  --black-30: rgba(0, 0, 0, 0.30);
  --black-77: rgba(0, 0, 0, 0.77);
  --black-85: rgba(0, 0, 0, 0.85);
  --card-bg: rgba(235, 241, 238, 1);
  --Gradient-Card: linear-gradient(96deg, #1C5152 5.97%, #165C5F 10.39%, #047573 20.17%, #017D79 27.34%, #169182 36.31%, #479D82 43.97%, #87A471 64.42%, #C5A052 79.61%, #D79944 94.42%, #E09549 106.84%, #DC924B 113.01%);
  --global: max(32px, calc(50vw - 820px));
  --global-xl: max(32px, calc(50vw - 720px));
  --Gradient-Card-Mb: linear-gradient(173deg, #1C5152 -6.54%, #165C5F 0.08%, #047573 14.75%, #017D79 25.5%, #169182 38.94%, #479D82 50.43%, #87A471 66.81%, #C5A052 89.05%, #D79944 103.71%, #E09549 115.93%, #DC924B 129.13%);
  --mt: 72px;
  --gap: 32px;
}

@media screen and (max-width: 1300px) {
  :root {
    --global: 32px;
    --global-xl: 32px;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --global: 24px;
    --global-xl: 24px;
  }
}
@media screen and (max-width: 600px) {
  :root {
    --mt: 60px;
    --gap: 24px;
  }
}
@media screen and (max-width: 450px) {
  :root {
    --global: 16px;
    --global-xl: 16px;
  }
}
body {
  margin: 0;
}

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

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  display: inline-block;
  background-color: transparent; /* 1 */
  text-decoration: none;
  -webkit-text-decoration-skip: objects; /* 2 */
}

span {
  display: inline-block;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button {
  cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  background: initial;
  border: 0;
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

ol,
ul {
  padding: 0;
  margin: 0;
}
ol li,
ul li {
  list-style: none;
}

p {
  margin: 0;
}

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

picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .vbox-container,
  .vbox-content {
    padding: 0;
    align-items: flex-end;
  }
}

.vbox-close {
  display: none;
}

.vbox-container::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}
.vbox-container::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 6px;
}
.vbox-container::-webkit-scrollbar-corner {
  background: transparent;
}
.vbox-container .vbox-child {
  box-shadow: unset;
  width: max-content;
  position: relative;
}
.vbox-container .popup {
  max-width: calc(100vw - 20px);
}
@media screen and (max-width: 1024px) {
  .vbox-container .popup {
    max-width: 100%;
  }
}
.vbox-container .popup__inner {
  position: relative;
  width: 76.7rem;
  max-width: 100%;
  max-height: 90vh;
  background: var(--white);
  padding: 54px 48px 48px;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .vbox-container .popup__inner {
    width: 100%;
    padding: 24px;
    border-radius: 12px 12px 0px 0px;
    box-shadow: 0px -1px 22px 0px rgba(0, 0, 0, 0.23);
  }
}
.vbox-container .popup__inner::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}
.vbox-container .popup__inner::-webkit-scrollbar-thumb {
  background: var(--stroke-geen-normal-15);
  border-radius: 6px;
}
.vbox-container .popup__inner::-webkit-scrollbar-corner {
  background: transparent;
}
.vbox-container .popup__close {
  position: absolute;
  top: 22px;
  right: 32px;
  width: auto;
  height: 24px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .vbox-container .popup__close {
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Grey-2);
    padding: 7px 8px;
    position: relative;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    max-width: max-content;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    margin-bottom: 16px;
    color: var(--Grey-secondaty-text);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
}
@media screen and (hover: hover) {
  .vbox-container .popup__close:hover svg,
  .vbox-container .popup__close:hover img {
    stroke: var(--green-hover-pressed);
  }
}
@media screen and (max-width: 1024px) {
  .vbox-container .popup__close::before {
    content: "";
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: block;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M5 10L2 7L5 4' stroke='%23575757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 13C14 11.4087 13.3679 9.88258 12.2426 8.75736C11.1174 7.63214 9.5913 7 8 7H2' stroke='%23575757' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}
.vbox-container .popup__close .popup__close_back {
  display: none;
}
@media screen and (max-width: 1024px) {
  .vbox-container .popup__close .popup__close_back {
    display: block;
  }
}
@media (max-width: 600px) {
  .vbox-container .popup__close .btn__back {
    border: none;
    padding: 0;
  }
}
.vbox-container .popup__close svg,
.vbox-container .popup__close img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  transition: stroke 0.3s;
  stroke: var(--Grey-2);
}
@media screen and (max-width: 1024px) {
  .vbox-container .popup__close svg,
  .vbox-container .popup__close img {
    display: none;
  }
}
.vbox-container .popup-mobile {
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.vbox-container .popup-mobile ul li {
  display: flex;
  align-items: flex-start;
}
.vbox-container .popup-mobile ul li::before {
  content: "-";
  margin-right: 5px;
}
.vbox-container .popup-mobile .popup-mobile__links {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  margin-bottom: 24px;
}
.vbox-container .popup-mobile a {
  color: var(--Green-Normal);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.vbox-container .popup-mobile-credit b,
.vbox-container .popup-mobile-credit strong {
  color: var(--black);
}
.vbox-container .popup__body {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.vbox-container .popup__title {
  color: var(--black);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.vbox-container .popup__grey {
  margin-top: 24px;
  width: 100%;
  border-radius: 16px;
  background: var(--BG-1);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px 16px;
  color: var(--Grey-secondaty-text);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 600px) {
  .vbox-container .popup__grey {
    grid-template-columns: 1fr;
    gap: 16px;
    font-size: 1.4rem;
    line-height: 135%;
  }
}
.vbox-container .popup__grey b {
  color: var(--black);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .vbox-container .popup__grey b {
    font-size: 1.7rem;
  }
}
.vbox-container .popup__grey .popup__grey_col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.vbox-container .popup__scrollable {
  margin-top: 16px;
  margin-bottom: 32px;
  max-height: calc(100vh - 58rem);
  overflow-y: auto;
  padding-right: 10px;
}
@media screen and (max-width: 1024px) {
  .vbox-container .popup__scrollable {
    max-height: unset;
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .vbox-container .popup__scrollable {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}
.vbox-container .popup__scrollable::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}
.vbox-container .popup__scrollable::-webkit-scrollbar-thumb {
  background: var(--stroke-geen-normal-15);
  border-radius: 6px;
}
.vbox-container .popup__scrollable::-webkit-scrollbar-corner {
  background: transparent;
}
.vbox-container .popup__scrollable_row {
  padding: 16px 0;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  border-bottom: 1px solid var(--Line);
}
@media screen and (max-width: 768px) {
  .vbox-container .popup__scrollable_row {
    font-size: 1.5rem;
    line-height: 135%;
    padding: 8px 0;
  }
}
.vbox-container .popup__top-calc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  margin-top: 16px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .vbox-container .popup__top-calc {
    grid-template-columns: 1fr;
  }
}
.vbox-container .popup__top-credit-calc .popup__top-calc__calc {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vbox-container .popup__top-credit-calc .popup__top-calc__calc span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.3rem;
  font-weight: 400;
}
.vbox-container .popup__top-calc__green {
  padding: 16px;
  border-radius: 8px;
  background: var(--Green-Normal);
  color: var(--white);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.vbox-container .popup__top-calc__calc {
  margin-top: 8px;
  color: var(--white);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.vbox-container .popup__droppable_trigger {
  margin-top: 24px;
  margin-bottom: 24px;
  color: var(--Green-Normal);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 8px;
}
.vbox-container .popup__droppable_trigger::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.98871 11.4002L3.19271 5.91823C2.62671 5.27223 3.08671 4.26023 3.94571 4.26023L13.5377 4.26023C13.73 4.26007 13.9182 4.31532 14.0798 4.41937C14.2415 4.52342 14.3697 4.67187 14.4492 4.84692C14.5286 5.02198 14.5559 5.21623 14.5278 5.40641C14.4997 5.59659 14.4174 5.77464 14.2907 5.91923L9.49471 11.3992C9.40085 11.5066 9.28509 11.5927 9.15522 11.6517C9.02534 11.7107 8.88435 11.7412 8.74171 11.7412C8.59907 11.7412 8.45808 11.7107 8.3282 11.6517C8.19832 11.5927 8.08257 11.5066 7.98871 11.3992V11.4002Z' fill='%23006930'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.vbox-container .popup__droppable_wrap.drop .popup__droppable {
  max-height: unset;
  overflow: unset;
}
.vbox-container .popup__droppable_wrap.drop .popup__droppable_trigger::after {
  transform: scale(1, -1);
}
.vbox-container .popup__droppable {
  max-height: 0px;
  overflow: hidden;
}

html[class*=c1] .popup__inner {
  border-top: 2px solid white;
}
html[class*=c1] .popup__close {
  border-color: white;
  color: white;
}
html[class*=c1] .popup__droppable_trigger::after,
html[class*=c1] .popup__close::before {
  filter: grayscale(1) brightness(1.5);
}
html[class*=c1] .popup__grey {
  border: 2px solid white;
}
html[class*=c1] .popup-mobile__links {
  text-decoration: underline;
}
.cookie-holder {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  padding: 0 16px;
  z-index: 100;
}

.cookie-disclaime {
  margin: auto;
  background-color: #fff;
  box-shadow: 0 19px 38px 0 #00143c, 0 15px 12px 0 #00143c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin: 0 auto;
  max-width: 1180px;
}

.cookie-img {
  flex: none;
  display: block;
  height: 60px;
  margin: 12px;
  margin-left: 20px;
  width: 64px;
}

.cookie-main {
  margin: 12px;
  display: flex;
  flex-direction: column;
}

.bx-text.cookie-main p, .bx-text.cookie-main a, .bx-text.cookie-main button {
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 0;
}

.cookie-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.cookie-link {
  margin-left: auto;
}

@media (max-width: 600px) {
  .cookie-img {
    display: none;
  }
}
@font-face {
  font-family: "Fira Sans";
  src: url("./../files/fonts/FiraSans-Bold.woff") format("woff"), url("./../files/fonts/FiraSans-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("./../files/fonts/FiraSans-SemiBold.woff") format("woff"), url("./../files/fonts/FiraSans-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("./../files/fonts/FiraSans-Medium.woff") format("woff"), url("./../files/fonts/FiraSans-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("./../files/fonts/FiraSans-Regular.woff") format("woff"), url("./../files/fonts/FiraSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-style: normal;
}
html {
  font-size: 10px;
}
html::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
html::-webkit-scrollbar-thumb {
  background: var(--green-hover-pressed);
  border-radius: 4px;
}
html::-webkit-scrollbar-corner {
  background: transparent;
}

.scrollable::-webkit-scrollbar,
.header__menu-main::-webkit-scrollbar,
.header__menu-central::-webkit-scrollbar,
.header__menu_side::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent;
}
.scrollable::-webkit-scrollbar-thumb,
.header__menu-main::-webkit-scrollbar-thumb,
.header__menu-central::-webkit-scrollbar-thumb,
.header__menu_side::-webkit-scrollbar-thumb {
  background: var(--stroke-geen-normal-15);
  border-radius: 6px;
}
.scrollable::-webkit-scrollbar-corner,
.header__menu-main::-webkit-scrollbar-corner,
.header__menu-central::-webkit-scrollbar-corner,
.header__menu_side::-webkit-scrollbar-corner {
  background: transparent;
}

.moz {
  scrollbar-width: thin;
  scrollbar-color: var(--green-hover-pressed) transparent;
}
.moz .scrollable,
.moz .header__menu-main,
.moz .header__menu-central,
.moz .header__menu_side {
  scrollbar-width: thin;
  scrollbar-color: var(--stroke-geen-normal-15) transparent;
}

body {
  color: var(--black);
  font-family: "Fira Sans";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100dvh;
}

main {
  flex-grow: 1;
  padding-bottom: 80px;
  padding-top: var(--headerH, 13.9rem);
}
@media screen and (max-width: 1300px) {
  main {
    padding-top: var(--headerH, 11.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main {
    padding-top: 0;
  }
}
main > *:nth-last-child(1).page-grey, main > *:nth-last-child(1).page-grey-desk {
  margin-bottom: -80px;
  border-bottom: 1px solid var(--Line);
}
@media screen and (max-width: 600px) {
  main > *:nth-last-child(1).page-grey-desk {
    margin-bottom: 0px;
    border-bottom: unset;
  }
}

.page-grey,
.page-grey-desk {
  background-color: var(--BG-1);
}

@media screen and (max-width: 600px) {
  .page-grey-desk {
    background: var(--white);
  }
}

.visually-hidden {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  width: 0;
  height: 0;
  position: absolute;
}

a:focus-visible,
button:focus-visible {
  box-shadow: 0 0 0 2px var(--Green-Normal);
}

a,
button,
input,
textarea {
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

.container {
  width: 100%;
  padding: 0 var(--global);
  margin: 0 auto;
}

.container-xl {
  width: 100%;
  padding: 0 var(--global-xl);
  margin: 0 auto;
}

.container-sm {
  max-width: calc(1080px + var(--global) + var(--global));
  padding: 0 var(--global);
  margin: 0 auto;
}

.swiper-notification {
  position: absolute;
}

[data-trigger] {
  display: flex;
  align-items: center;
}

@media screen and (hover: hover) {
  .header__lang[data-dropdown]:hover {
    z-index: 2;
    color: var(--green-hover-pressed);
  }
  .header__lang[data-dropdown]:hover .dropdown-block {
    opacity: 1;
    transition: 0.3s 0.1s;
    grid-template-rows: 1fr;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  }

  .header__lang[data-dropdown]:hover .icon-chevron-down {
    transform: scale(1, -1);
    fill: var(--green-hover-pressed);
  }
  .header__call[data-dropdown]:hover ._link,
  .header__lang[data-dropdown]:hover ._link {
    color: var(--green-hover-pressed);
  }
}

.dropdown-block {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s 0s;
  overflow: hidden;
  position: absolute;
  top: 100%;
  border-radius: 6px;
  opacity: 0;
  background: var(--white);
}

.dropdown-inner {
  min-height: 0;
}
.dropdown-inner .select-item:nth-last-child(1) {
  border: unset;
}

.drop {
  z-index: 2;
}
.drop .dropdown-block {
  opacity: 1;
  pointer-events: all !important;
  grid-template-rows: 1fr;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.drop .icon-chevron-down {
  transform: scale(1, -1);
  fill: var(--green-hover-pressed);
}
.drop ._link {
  color: var(--green-hover-pressed);
}

.select-item {
  padding: 1rem 4.4rem 1rem 1.6rem;
  background: var(--white);
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-bottom: 1px solid var(--Stroke);
  transition: color 0.3s, background 0.3s;
  position: relative;
  display: block;
}
@media screen and (hover: hover) {
  .select-item:hover {
    background: var(--BG-1);
  }
}
.select-item.active {
  color: var(--Green-Normal);
}
.select-item.active::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6666 5L7.49992 14.1667L3.33325 10' stroke='%23006930' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}

.icon-chevron-down {
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  fill: var(--grey52);
  display: block;
  transition: 0.3s;
}

.page-title {
  color: var(--black);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 1024px) {
  .page-title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .page-title {
    font-size: 2.3rem;
  }
}

.page-subtitle {
  color: var(--black);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 1024px) {
  .page-subtitle {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .page-subtitle {
    font-size: 2rem;
  }
}

.page-subsubtitle {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .page-subsubtitle {
    font-size: 1.6rem;
    font-weight: 700;
  }
}

.h5 {
  color: var(--black);
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .h5 {
    font-size: 1.6rem;
    font-weight: 600;
  }
}

.h6 {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .h6 {
    font-size: 1.5rem;
    font-weight: 700;
  }
}

.container__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 40px;
  flex-wrap: wrap;
  margin-bottom: var(--gap);
}
@media screen and (max-width: 450px) {
  .container__top {
    gap: 24px 10px;
  }
}
@media screen and (max-width: 450px) {
  .container__top .container__selects {
    flex-wrap: wrap;
  }
}
.container__top .custom-trigger {
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 450px) {
  .container__top .custom-trigger span {
    max-width: calc(100% - 15px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.container__top .js-select__wrap {
  width: 20rem;
}
@media screen and (max-width: 450px) {
  .container__top .js-select__wrap {
    width: calc(50% - 5px);
    min-width: 159px;
    flex-grow: 1;
  }
}

.container__top_text {
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 100%;
  padding-right: clamp(24px, 21vw, 400px);
}
@media screen and (max-width: 600px) {
  .container__top_text {
    padding-right: 0;
    font-size: 1.4rem;
    margin-top: -10px;
  }
}

.container__selects {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .container__selects {
    width: 100%;
  }
}

.container__selects.archive-page .custom-trigger {
  height: 4.4rem;
  width: 15.9rem;
}

.btn {
  height: 4.5rem;
  padding: 1.4rem 2rem;
  color: var(--white);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 6px;
  background: var(--Green-Normal);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media screen and (max-width: 600px) {
  .btn {
    height: auto;
  }
}
@media screen and (hover: hover) {
  .btn:hover {
    border-radius: 6px;
    background: var(--green-hover-pressed);
  }
}
.btn[disabled], .btn.disabled {
  background: var(--Neutral-3);
  color: var(--character-disabled-amp-placeholder-25);
  pointer-events: none;
  cursor: default;
}

.btn-circle {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.btn-circle .btn-circle__arr {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border: 1px solid var(--stroke-geen-normal-30);
  background: var(--white);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}
@media screen and (max-width: 600px) {
  .btn-circle .btn-circle__arr {
    display: none;
  }
}
.btn-circle .icon-arr-right {
  width: 1.7rem;
  height: 1.1rem;
  stroke: var(--Green-Normal);
  stroke-width: 1.5;
  fill: none;
  transition: stroke 0.3s;
}
@media screen and (hover: hover) {
  .btn-circle:hover .btn-circle__arr {
    background: var(--green-hover-pressed);
  }
  .btn-circle:hover .icon-arr-right {
    stroke: var(--white);
  }
}
.btn-circle[disabled], .btn-circle.disabled {
  pointer-events: none;
  cursor: default;
}
.btn-circle[disabled] .btn-circle__arr, .btn-circle.disabled .btn-circle__arr {
  background: var(--Neutral-3);
  border-color: transparent;
}
.btn-circle[disabled] .icon-arr-right, .btn-circle.disabled .icon-arr-right {
  stroke: var(--black-30);
}

.btn__back {
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: flex;
  gap: 8px;
  padding: 0.7rem 0.8rem;
  border-radius: 2px;
  border: 1px solid var(--border);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  max-width: max-content;
  transition: border 0.3s, color 0.3s;
}
@media screen and (hover: hover) {
  .btn__back:hover {
    border-color: var(--green-hover-pressed);
    color: var(--green-hover-pressed);
  }
}
.btn__back img,
.btn__back svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: unset;
  pointer-events: none;
  transition: filter 0.2s;
}
.btn__back span {
  pointer-events: none;
}
.btn__back[disabled], .btn__back.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.btn-light {
  padding: 1.4rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--Green-Normal);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: var(--light-bg);
  border-radius: 6px;
  height: 4.5rem;
  transition: color 0.3s;
}
@media screen and (max-width: 600px) {
  .btn-light {
    height: unset;
  }
}
@media screen and (hover: hover) {
  .btn-light:hover {
    color: var(--green-hover-pressed);
  }
  .btn-light:hover .icon-search {
    stroke: var(--green-hover-pressed);
  }
}
.btn-light[disabled], .btn-light.disabled {
  pointer-events: none;
  cursor: default;
  background: var(--Neutral-3);
  color: var(--character-disabled-amp-placeholder-25);
}
.btn-light[disabled] .btn-circle__arr, .btn-light.disabled .btn-circle__arr {
  background: var(--Neutral-3);
  border-color: transparent;
}
.btn-light[disabled] .icon, .btn-light.disabled .icon {
  stroke: var(--black-30);
}
.btn-light .icon {
  transition: color 0.3s, fill 0.3s;
}

.btn-arr {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 100%;
  border: 1px solid var(--stroke-geen-normal-30);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

.btn-arr .icon-arr-right {
  width: 1.7rem;
  height: 1.1rem;
  stroke: var(--Green-Normal);
  stroke-width: 1.5;
  fill: none;
  transition: stroke 0.3s;
}
@media screen and (hover: hover) {
  .btn-arr:hover {
    background: var(--green-hover-pressed);
  }
  .btn-arr:hover .icon {
    stroke: var(--white);
  }
}
.btn-arr[disabled], .btn-arr.disabled {
  pointer-events: none;
  cursor: default;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-arr[disabled] .icon-arr-right, .btn-arr.disabled .icon-arr-right {
  stroke: var(--black-30);
}

.btn-transp {
  border-radius: 6px;
  background: var(--white-20);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
  color: var(--white);
  padding: 1.4rem 2rem;
  height: 4.5rem;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: background 0.3s;
}
@media screen and (max-width: 600px) {
  .btn-transp {
    height: unset;
  }
}
@media screen and (hover: hover) {
  .btn-transp:hover {
    background: var(--white-40);
  }
}
.btn-transp[disabled], .btn-transp.disabled {
  pointer-events: none;
  cursor: default;
  background: var(--Neutral-3);
  color: var(--character-disabled-amp-placeholder-25);
}
.btn-transp[disabled] .btn-circle__arr, .btn-transp.disabled .btn-circle__arr {
  background: var(--Neutral-3);
  border-color: transparent;
}
.btn-transp[disabled] .icon, .btn-transp.disabled .icon {
  stroke: var(--black-30);
}

.btn-white {
  padding: 1.4rem 2rem;
  background: var(--white);
  border-radius: 6px;
  color: var(--Green-Normal);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .btn-white:hover {
    color: var(--green-hover-pressed);
  }
}
.btn-white[disabled], .btn-white.disabled {
  pointer-events: none;
  cursor: default;
  background: var(--Neutral-3);
  color: var(--character-disabled-amp-placeholder-25);
}
.btn-white[disabled] .btn-circle__arr, .btn-white.disabled .btn-circle__arr {
  background: var(--Neutral-3);
  border-color: transparent;
}
.btn-white[disabled] .icon, .btn-white.disabled .icon {
  stroke: var(--black-30);
}

.btn-bordered {
  height: 4.5rem;
  padding: 1.4rem 2rem;
  color: var(--Green-Normal);
  border: 1px solid var(--Green-Normal);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 6px;
  background: transparent;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
  transition: background 0.3s, color 0.3s, border 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media screen and (max-width: 600px) {
  .btn-bordered {
    height: auto;
  }
}
@media screen and (hover: hover) {
  .btn-bordered:hover {
    border-color: var(--green-hover-pressed);
    background: rgba(2, 147, 68, 0.1);
    color: var(--green-hover-pressed);
  }
}
.btn-bordered[disabled], .btn-bordered.disabled {
  border-color: 1px solid var(--stroke-geen-normal-40);
  color: var(--stroke-geen-normal-40);
  pointer-events: none;
  cursor: default;
}

.page-grey .loading::after {
  background: rgba(247, 247, 247, 0.8);
}

.loading {
  position: relative;
}
.loading::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  background: rgba(255, 255, 255, 0.78);
}
.loading::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 150px;
  transform: translateX(-50%);
  width: 45px;
  aspect-ratio: 1;
  z-index: 3;
  --c: no-repeat linear-gradient(var(--Green-Normal) 0 0);
  background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
  animation: l2 1s infinite linear;
}
@keyframes l2 {
  0% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }
  20% {
    background-size: 20% 60%, 20% 100%, 20% 100%;
  }
  40% {
    background-size: 20% 80%, 20% 60%, 20% 100%;
  }
  60% {
    background-size: 20% 100%, 20% 80%, 20% 60%;
  }
  80% {
    background-size: 20% 100%, 20% 100%, 20% 80%;
  }
  100% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }
}

.tooltip {
  display: inline;
  position: relative;
  z-index: 1;
  --tr: 0;
  padding: 0 2px;
  top: -2px;
  font-size: 14px;
}
@media (min-width: 1025px) {
  .tooltip[data-position=center] .tooltip__block {
    right: 50%;
    transform: translateX(-50%);
  }
  .tooltip[data-position=center] .tooltip__block::before {
    transform: translate(-50%, -96%);
    right: 50%;
  }
}
@media (min-width: 1025px) {
  .tooltip[data-position=left] .tooltip__block {
    right: unset;
    left: -6px;
  }
  .tooltip[data-position=left] .tooltip__block::before {
    right: unset;
    left: 0;
    transform: translate(12px, -96%);
  }
}
.tooltip.init .tooltip__block {
  width: 300px;
}
@media screen and (max-width: 450px) {
  .tooltip.init .tooltip__block {
    max-width: 80vw;
  }
}
.tooltip.hovered {
  z-index: 2;
}
.tooltip.hovered .tooltip__block {
  transition: opacity 0.3s;
  opacity: 1;
  pointer-events: all;
}
.tooltip .tooltip__inner {
  /*padding-left: 4px;*/
  /*padding-right: 4px;*/
}
.tooltip .icon {
  fill: none;
  stroke: rgb(0, 0, 0);
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.tooltip span.icon.icon-info{
  fill: none;
  color: #000000FF;
  border: 1px solid #000000FF;
  border-radius: 50%;
  text-align: center;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  z-index: 2;
  pointer-events: none;
  font-size: 10px;
  line-height: 1.6;
}
@media (max-width: 600px) {
  .tooltip span.icon.icon-info{
    font-size: 12px;
  }
}
.table-trigger .tooltip .icon {
  stroke: var(--white-90);
}

.table-trigger .tooltip span.icon.icon-info{
  color: var(--white-90);
  border-color: var(--white-90);
}


.tooltip .tooltip__block {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: unset;
  right: -6px;
  top: calc(100% + 8px);
  border-radius: 2px;
  background: var(--tooltip-75, rgba(0, 0, 0, 0.75));
  padding: 6px 8px;
  pointer-events: none;
  color: var(--character-primary-inverse, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
  text-align: left;
  width: 0px;
  opacity: 0;
  z-index: 3;
  transform: translateX(var(--tr));
  /* &::before {
          content: "";
          position: absolute;
          top: 0;
          transform: translate(calc(-12px - var(--tr)), -96%);
          right: 0;
          width: 12px;
          height: 6px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.24265 1.07425C5.0237 0.293199 6.29003 0.293199 7.07107 1.07425L11.3137 5.31689L5.65686 10.9737L6.19888e-06 5.31689L4.24265 1.07425Z' fill='black' fill-opacity='0.75'/%3E%3C/svg%3E%0A");
          @include xmd-block {
              content: none;
          }
      }*/
}
@media screen and (max-width: 1024px) {
  .tooltip .tooltip__block {
    /*transform: translateX(calc(var(--tr)* -1));
          position: fixed;
          left: var(--left, 0);
          top: var(--top, 0);*/
  }
}
@media screen and (max-width: 600px) {
  .tooltip .tooltip__block {
    max-width: 80vw;
  }
}
.tooltip .tooltip__block::after {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: -18px;
  opacity: 0;
}

.share {
  position: relative;
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  transition: color 0.3s;
  padding-left: 15px;
}
@media screen and (max-width: 1024px) {
  .share {
    color: var(--black);
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 0;
  }
}
.share.hovered {
  z-index: 15;
  color: var(--green-hover-pressed);
}
.share.hovered .icon {
  fill: var(--green-hover-pressed);
}
@media (hover: hover) {
  .share.hovered .share__block {
    pointer-events: all;
    opacity: 1;
    transform: translate(-20px, -50%);
  }
}
.share .share__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.share .share__btn .share__btn_mob {
  display: none;
}
@media screen and (max-width: 1024px) {
  .share .share__btn .share__btn_mob {
    display: block;
  }
}
.share .share__btn .icon,
.share .share__btn img {
  display: block;
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  fill: var(--Grey-2);
  transition: fill 0.3s;
}
@media screen and (max-width: 1024px) {
  .share .share__btn .icon,
  .share .share__btn img {
    display: none;
  }
}
.share .share__block {
  pointer-events: none;
  position: absolute;
  right: calc(100% - 20px);
  z-index: 2;
  top: 50%;
  transform: translate(0px, -50%);
  border-radius: 6px;
  border: 1px solid #f4f4f4;
  background: var(--white);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  gap: 19px;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}
@media screen and (max-width: 600px) {
  .share .share__block {
    left: unset;
    right: 100%;
  }
}
@media screen and (max-width: 450px) {
  .share .share__block {
    display: none;
  }
}
.share .share__block .icon,
.share .share__block img {
  display: block;
  width: 24px;
  height: 24px;
  fill: var(--black);
  transition: fill 0.3s;
}
@media screen and (hover: hover) {
  .share .share__block_link:hover .icon {
    fill: var(--green-hover-pressed);
  }
}

.bg-grey {
  background: var(--banner-bg);
}

.bg-gradient-orange {
  background: linear-gradient(152deg, #09191c -13.69%, #16343c -0.68%, #10393f 7.43%, #054243 14.94%, #024a49 23.34%, #01504d 31.9%, #016058 41.21%, #00716b 51.26%, #008778 63.58%, #3d9271 71.53%, #c1be50 99.76%), linear-gradient(182deg, #06913e 8.61%, #6da544 77.28%), radial-gradient(48.16% 73.84% at 58.3% 63.8%, #7bb66f 0%, #1c623b 71.97%, #00492b 100%), #9cc3b8;
}

.bg-gradient-radial {
  background: radial-gradient(63.62% 79.28% at 70.7% 53.73%, #20897a 0%, #09152f 100%);
}

.container-xl + .page-head {
  padding-top: 12px;
}
@media screen and (max-width: 600px) {
  .container-xl + .page-head {
    padding-top: 16px;
  }
}

.page-head {
  padding-top: 32px;
  padding-bottom: calc(32px + 8rem);
  margin-bottom: -8rem;
  gap: 24px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .page-head {
    padding: 32px 0 calc(32px + 8rem);
  }
}
@media screen and (max-width: 450px) {
  .page-head {
    padding-top: 24px;
    padding-bottom: calc(24px + 8rem);
  }
}
.page-head .main-title {
  pointer-events: all;
}
@media screen and (max-width: 1024px) {
  .page-head .main-title {
    padding: 0 var(--global-xl);
  }
}

@media screen and (max-width: 1300px) {
  .breadcrumbs {
    width: calc(100% + var(--global-xl) + var(--global-xl));
    margin-left: calc(var(--global-xl) * -1);
  }
}
.breadcrumbs .breadcrumbs__list {
  display: flex;
  gap: 8px;
  width: 100%;
  overflow-x: auto;
  padding: 16px 0;
}
@media screen and (max-width: 1300px) {
  .breadcrumbs .breadcrumbs__list {
    padding: 16px var(--global-xl);
  }
}
@media screen and (max-width: 600px) {
  .breadcrumbs .breadcrumbs__list {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.breadcrumbs .breadcrumbs__list::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
  display: none;
}
.breadcrumbs .breadcrumbs__list::-webkit-scrollbar-thumb {
  border-radius: 100%;
  background: transparent;
}
.breadcrumbs .breadcrumbs__list::-webkit-scrollbar-corner {
  background: transparent;
}
.breadcrumbs .breadcrumbs__list .breadcrumbs__item:nth-last-child(1)::after {
  content: none;
}
@media screen and (hover: hover) {
  .breadcrumbs .breadcrumbs__list .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link:hover {
    color: var(--Grey-secondaty-text);
  }
}
.breadcrumbs .breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.breadcrumbs .breadcrumbs__item::after {
  content: "/";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: var(--Grey-secondaty-text);
}
.breadcrumbs .breadcrumbs__link {
  white-space: nowrap;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .breadcrumbs .breadcrumbs__link:hover {
    color: var(--green-hover-pressed);
  }
}

.page-tabs {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  position: relative;
  margin-bottom: 60px;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .page-tabs {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .page-tabs {
    margin-bottom: 32px;
    padding: 0;
  }
}
.page-tabs::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--Grey-3-Stroke);
}
.page-tabs.no-line::after {
  content: none;
}
@media screen and (max-width: 1024px) {
  .page-tabs .share {
    display: none;
  }
}

.to-top {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 16;
  width: 4.5rem;
  height: 4.5rem;
  background: var(--white);
}
@media screen and (max-width: 1300px) {
  .to-top {
    right: 16px;
    bottom: 80px;
  }
}
.to-top .icon {
  transform: rotate(-90deg);
  width: 1.7rem;
  height: 1.1rem;
}

.page-tabs__inner {
  display: flex;
  position: relative;
  z-index: 2;
}

.page-tabs-slider {
  max-width: calc(100% - 15rem);
  overflow: hidden;
  padding: 0 20px;
  margin-left: -20px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .page-tabs-slider {
    margin: 0;
    padding: 0 var(--global);
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .page-tabs-slider {
    padding: 0;
  }
}
.page-tabs-slider .swiper {
  position: static;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .page-tabs-slider .swiper {
    padding: 0 var(--global);
  }
}
.page-tabs-slider .swiper-button-prev {
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  top: calc(50% - 7px);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .page-tabs-slider .swiper-button-prev {
    display: none;
  }
}
.page-tabs-slider .swiper-button-prev::after {
  font-size: 12px;
  font-weight: 700;
  color: var(--Green-Normal);
}
@media screen and (hover: hover) {
  .page-tabs-slider .swiper-button-prev:hover::after {
    color: var(--green-hover-pressed);
  }
}
.page-tabs-slider .swiper-button-next {
  right: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  top: calc(50% - 7px);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .page-tabs-slider .swiper-button-next {
    display: none;
  }
}
.page-tabs-slider .swiper-button-next::after {
  font-size: 12px;
  font-weight: 700;
  color: var(--Green-Normal);
}
@media screen and (hover: hover) {
  .page-tabs-slider .swiper-button-next:hover::after {
    color: var(--green-hover-pressed);
  }
}
.page-tabs-slider .swiper-container-initialized .swiper-button-next,
.page-tabs-slider .swiper-container-initialized .swiper-button-prev {
  opacity: 1;
}
.page-tabs-slider .swiper-container-initialized .swiper-button-disabled {
  opacity: 0;
}
.page-tabs-slider .swiper-button-disabled {
  opacity: 0;
  pointer-events: all;
}
@media screen and (hover: hover) {
  .page-tabs-slider .swiper-button-disabled:hover .icon {
    fill: var(--Grey-1);
  }
}
.page-tabs-slider .swiper-button-disabled .icon {
  fill: var(--Grey-1);
}

.page-tab {
  width: max-content;
  max-width: max-content;
  color: var(--black);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: color 0.3s;
  position: relative;
  padding: 21px 0;
  white-space: nowrap;
  padding-right: 30px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-tab .icon,
.page-tab img,
.page-tab svg {
  width: 1.6rem;
  height: 1.8rem;
  fill: var(--Grey-2);
}
.page-tab::after {
  content: "";
  width: calc(100% - 30px);
  bottom: 0;
  left: 0;
  height: 2px;
  position: absolute;
  background: var(--Green-Normal);
  opacity: 0;
  transform-origin: left;
  transform: scaleX(0);
  transition: 0.3s;
  border-radius: 6px;
}
@media screen and (hover: hover) {
  .page-tab:hover {
    color: var(--green-hover-pressed);
  }
}
.page-tab.active {
  color: var(--Green-Normal);
}
.page-tab.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.leaflet-container {
  position: relative;
  z-index: 1;
}

.page-head__links {
  text-align: center;
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow-x: auto;
  gap: 8px;
  pointer-events: all;
}
@media screen and (max-width: 1024px) {
  .page-head__links {
    padding: 0 var(--global-xl);
  }
}
.page-head__links.--eng-v {
  margin-left: auto;
}
.page-head__links::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
  display: none;
}
.page-head__links::-webkit-scrollbar-thumb {
  border-radius: 100%;
  background: transparent;
}
.page-head__links::-webkit-scrollbar-corner {
  background: transparent;
}

.imp-btn-link {
  width: max-content;
  margin-left: auto;
  overflow-x: auto;
  margin-bottom: 20px;
}

.page-head__link {
  color: var(--black);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid var(--Line);
  transition: color 0.3s, border 0.3s;
  white-space: nowrap;
}
.page-head__link.active {
  border-color: var(--green-hover-pressed);
  color: var(--green-hover-pressed);
}
@media screen and (hover: hover) {
  .page-head__link:hover {
    border-color: var(--green-hover-pressed);
    color: var(--green-hover-pressed);
  }
}

.page-head__tabs {
  text-align: center;
  display: flex;
  align-items: center;
  max-width: 100%;
  pointer-events: all;
}
@media screen and (max-width: 1024px) {
  .page-head__tabs {
    padding: 0 var(--global-xl);
    margin-left: unset;
    margin-right: unset;
    width: 100%;
  }
}
.page-head__tabs .swiper-wrapper {
  align-items: center;
}
.page-head__tabs .swiper-slide {
  width: max-content;
  padding-left: 8px;
}
.page-head__tabs .swiper-slide:nth-child(1) {
  padding-left: 0;
}

.page-head__tab {
  border-radius: 6px;
  border: 1px solid var(--Line);
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0 12px;
  height: 4rem;
  display: flex;
  align-items: center;
  transition: color 0.3s;
  width: max-content;
  white-space: nowrap;
  gap: 5px;
  max-width: max-content;
}
@media screen and (max-width: 1024px) {
  .page-head__tab {
    order: 1;
  }
}
@media screen and (max-width: 450px) {
  .page-head__tab {
    padding: 6px 8px;
  }
}
@media screen and (hover: hover) {
  .page-head__tab:hover {
    color: var(--green-hover-pressed);
  }
  .page-head__tab:hover .icon-calc {
    fill: var(--green-hover-pressed);
  }
}
.page-head__tab.active {
  color: var(--Green-Normal);
}
.page-head__tab.green {
  color: var(--white);
  background-color: var(--Green-Normal);
  transition: color 0.3s, background 0.3s;
  padding: 1.4rem 2rem;
  border-radius: 6px;
  cursor: pointer;
  border: unset;
  user-select: none;
}
@media screen and (hover: hover) {
  .page-head__tab.green:hover {
    background-color: var(--green-hover-pressed);
  }
}
@media screen and (max-width: 600px) {
  .page-head__tab .hide-mob {
    display: none;
  }
}
.page-head__tab .icon {
  width: 2.4rem;
  height: 2.4rem;
}
.page-head__tab .icon-calc {
  fill: var(--Grey-1);
}

.page-head__tab-wrap {
  position: relative;
  max-width: max-content;
  padding: 0 8px;
}
@media screen and (max-width: 1024px) {
  .page-head__tab-wrap {
    order: 0;
  }
}
.page-head__tab-wrap .dropdown-block {
  top: calc(100% + 10px);
  left: unset;
  right: 0;
  pointer-events: none;
}
.page-head__tab-wrap .dropdown-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.page-head__tab-wrap .dropdown-inner li {
  list-style: none;
  border-top: 1px solid var(--Stroke);
  background: var(--white);
}
.page-head__tab-wrap .dropdown-inner li:nth-child(1) {
  border-top: unset;
}

.page-head__tab_link {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding: 1rem 1.6rem;
  width: 100%;
  text-align: left;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .page-head__tab_link:hover {
    color: var(--green-hover-pressed);
  }
}

.tab-block {
  display: none;
}
.tab-block.active {
  display: block;
}
.tab-block .cards-info {
  margin-top: 0;
}

.main-title {
  color: var(--black);
  font-size: 4.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
@media screen and (max-width: 1024px) {
  .main-title {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .main-title {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 450px) {
  .main-title {
    font-size: 2.8rem;
  }
}

.pagination {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 32px;
  width: 100%;
}
.pagination .icon-chevron {
  fill: none;
  stroke: var(--grey52);
  width: 2.2rem;
  height: 2.2rem;
  transition: stroke 0.3s;
}

.pagination__next,
.pagination__prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
}
@media screen and (hover: hover) {
  .pagination__next:hover .icon,
  .pagination__prev:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}
.pagination__next.disabled,
.pagination__prev.disabled {
  opacity: 0.2;
  pointer-events: none;
  cursor: default;
}

.pagination__prev .icon {
  transform: scale(-1, 1);
}

.pagination__pages {
  display: flex;
  gap: 1rem;
}

.pagination__page {
  border-radius: 100%;
  border: 1px solid transparent;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border 0.3s, color 0.3s;
}
@media screen and (hover: hover) {
  .pagination__page:hover {
    color: var(--green-hover-pressed);
  }
}
.pagination__page.current {
  border-color: var(--Green-Normal);
  color: var(--Green-Normal);
}

.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 16px;
  gap: 13px;
}
.swiper-pagination .swiper-pagination-bullet {
  opacity: 1 !important;
  margin: 0 !important;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  cursor: pointer;
  background: var(--Line);
  transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 29px;
  background: var(--Green-Normal);
}

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

.mt32 {
  margin-top: var(--gap);
}

.mt72 {
  margin-top: var(--mt);
}

.documents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
}

.document {
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  transition: color 0.3s;
}
@media screen and (max-width: 600px) {
  .document {
    gap: 14px;
  }
}
@media screen and (hover: hover) {
  .document:hover {
    color: var(--green-hover-pressed);
  }
}
.document .document__ico {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: var(--BG-1);
  box-shadow: 0px 1.389px 2.778px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .document .document__ico {
    width: 72px;
    min-width: 72px;
    height: 72px;
  }
}
.document img,
.document svg {
  width: 2.1rem;
  min-width: 2.1rem;
  height: 2.1rem;
  display: block;
  object-fit: contain;
  object-position: center;
}
@media screen and (max-width: 768px) {
  .document img,
  .document svg {
    width: 24px;
    min-width: 24px;
    height: 33px;
  }
}

[accordion-block] {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s;
  overflow: hidden;
  padding: 0 6px;
  width: calc(100% + 12px);
  margin-left: -6px;
}

[accordion-inner] {
  min-height: 0px;
}

[accordion-el].active > [accordion-block] {
  grid-template-rows: 1fr;
  overflow: visible;
}
[accordion-el].active > [accordion-trigger] .icon-chevron-down {
  transform: scale(1, -1);
}

.js-select__wrap {
  position: relative;
}

.custom-select {
  position: relative;
}
.custom-select.show {
  z-index: 5;
}
.custom-select.show .custom-trigger::after {
  transform: scale(1, -1);
}
.custom-select.show .custom-select__wrap {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.js-select {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  width: 0;
  height: 0;
  position: absolute;
}

.custom-trigger {
  border-radius: 6px;
  border: 1px solid var(--Grey-3-Stroke);
  padding: 1rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  gap: 32px;
  color: var(--grey52);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  transition: color 0.3s, border 0.3s;
}
@media screen and (max-width: 600px) {
  .custom-trigger {
    gap: 10px;
    padding: 1.1rem 1.2rem;
  }
}
@media screen and (hover: hover) {
  .custom-trigger:hover {
    color: var(--green-hover-pressed);
    border-color: var(--green-hover-pressed);
  }
  .custom-trigger:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M12 1.53847L7.35493 6.54086C6.89336 7.03793 6.10665 7.03794 5.64507 6.54086L1 1.53847' stroke='%23029344' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}
.custom-trigger.default {
  color: var(--Stroke);
}
.custom-trigger.default::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M12 1.53847L7.35493 6.54086C6.89336 7.03793 6.10665 7.03794 5.64507 6.54086L1 1.53847' stroke='%23CACACA' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.custom-trigger::after {
  content: "";
  transition: transform 0.3s;
  width: 1.3rem;
  min-width: 1.3rem;
  height: 0.8rem;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M12 1.53847L7.35493 6.54086C6.89336 7.03793 6.10665 7.03794 5.64507 6.54086L1 1.53847' stroke='%23525252' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.custom-select__wrap {
  opacity: 0;
  pointer-events: none;
  user-select: none;
  visibility: hidden;
  transition: 0.1s;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  background: var(--white);
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}

.custom-option {
  padding: 1rem 4.4rem 1rem 1.6rem;
  background: var(--white);
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-bottom: 1px solid var(--Stroke);
  transition: color 0.3s, background 0.3s;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
@media screen and (hover: hover) {
  .custom-option:hover {
    background: var(--BG-1);
  }
}
.custom-option.checked {
  color: var(--Green-Normal);
}
.custom-option.checked::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6666 5L7.49992 14.1667L3.33325 10' stroke='%23006930' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.custom-option.hidden {
  display: none !important;
}

.js-select__wrap {
  position: relative;
}
.js-select__wrap .js-select {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
  visibility: hidden;
}

.closeable.inited .closeable__btn {
  display: flex;
}
.closeable.inited .closeable__content::before {
  opacity: 1;
}
.closeable.drop [data-closeable-conteiner] {
  overflow: visible;
  display: -webkit-box;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: vertical;
}
.closeable.drop .closeable__content::before {
  opacity: 0;
}
.closeable.drop .closeable__btn::before {
  content: attr(data-hide);
}
.closeable [data-closeable-conteiner] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: 0.3s;
}
@media screen and (max-width: 600px) {
  .closeable [data-closeable-conteiner] {
    -webkit-line-clamp: 11;
    line-clamp: 11;
  }
}

.closeable__btn {
  display: none;
  align-items: center;
  gap: 6px;
  color: var(--grey52);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .closeable__btn:hover {
    color: var(--green-hover-pressed);
  }
  .closeable__btn:hover .icon {
    fill: var(--green-hover-pressed);
  }
}
.closeable__btn::before {
  content: attr(data-show);
}

.closeable__content {
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}
.closeable__content::before {
  content: "";
  background: var(--Gradient-Seo-text, linear-gradient(180deg, rgba(255, 255, 255, 0) -38.64%, #fff 100%));
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.3rem;
}

.bx-text.float-img img {
  float: right;
  margin: 0 0 4px 4px;
  width: 100%;
  max-width: 518px;
  max-height: 196px;
  border-radius: 6px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .bx-text.float-img img {
    display: none;
  }
}

.bx-text {
  color: var(--black);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 600px) {
  .bx-text {
    font-size: 1.5rem;
    line-height: 135%;
  }
}
.bx-text img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 32px 0;
}
@media screen and (max-width: 450px) {
  .bx-text img {
    margin: 20px 0;
  }
}
.bx-text .btn {
  max-width: max-content;
  color: var(--white);
  text-decoration: none;
  margin-top: 32px;
  margin-bottom: 32px;
  transition: background 0.3s;
}
@media screen and (hover: hover) {
  .bx-text .btn:hover {
    color: var(--white);
  }
}
.bx-text p {
  margin-bottom: 16px;
}
.bx-text.black-links a {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}
@media screen and (max-width: 600px) {
  .bx-text.black-links a {
    font-size: 1.4rem;
    font-weight: 500;
  }
}
@media screen and (hover: hover) {
  .bx-text.black-links a:hover {
    color: var(--green-hover-pressed);
  }
}
.bx-text h1 {
  font-size: 4.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  margin-top: 32px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .bx-text h1 {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .bx-text h1 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 450px) {
  .bx-text h1 {
    font-size: 2.8rem;
  }
}
.bx-text h2 {
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-top: 32px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .bx-text h2 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .bx-text h2 {
    font-size: 2.3rem;
  }
}
.bx-text h3 {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 32px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .bx-text h3 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .bx-text h3 {
    font-size: 2rem;
  }
}
.bx-text h4 {
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  .bx-text h4 {
    font-size: 1.8rem;
    font-weight: 700;
  }
}
.bx-text h5 {
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  .bx-text h5 {
    font-size: 1.6rem;
    font-weight: 600;
  }
}
.bx-text h6 {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  .bx-text h6 {
    font-size: 1.5rem;
    font-weight: 700;
  }
}
.bx-text i {
  color: var(--Grey-1);
  font-style: italic;
}
.bx-text p {
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 600px) {
  .bx-text p {
    font-size: 1.5rem;
    line-height: 135%;
  }
}
.bx-text b {
  font-weight: 700;
}
.bx-text a {
  color: var(--Green-Normal);
  text-decoration: underline;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .bx-text a:hover {
    color: var(--green-hover-pressed);
    text-decoration: none;
  }
}
.bx-text video,
.bx-text iframe {
  display: block;
  width: 100%;
  border-radius: 6px;
}
@media screen and (max-width: 600px) {
  .bx-text video,
  .bx-text iframe {
    aspect-ratio: 1/0.734;
    object-fit: cover;
  }
}
.bx-text ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  margin-bottom: 16px;
}
.bx-text ul.square > li::before {
  border-radius: 0;
}
.bx-text ul.line > li::before {
  border-radius: 0;
  width: 1.2rem;
  height: 2px;
  top: 0.9rem;
}
.bx-text ul ul,
.bx-text ul ol {
  margin-bottom: 0;
}
.bx-text ul > li {
  padding-left: 1.8rem;
  position: relative;
}
@media screen and (max-width: 600px) {
  .bx-text ul > li {
    font-size: 1.5rem;
    line-height: 135%;
  }
}
.bx-text ul > li::before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background: var(--Green-Normal);
}
.bx-text ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  counter-reset: section;
  /* Создаёт новый счётчик для каждого тега <ol> */
  list-style-type: none;
  margin-bottom: 16px;
}
.bx-text ol ul,
.bx-text ol ol {
  margin-bottom: 0;
}
.bx-text ol > li {
  padding-left: 1.8rem;
  position: relative;
}
.bx-text ol > li::before {
  counter-increment: section;
  content: counters(section, ".") " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
}

.table-trigger {
  padding: 16px;
  padding-right: 31px;
  border-radius: 6px;
  background: var(--Green-Normal);
  color: var(--white);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
}
.table-trigger::after {
  content: "";
  position: absolute;
  right: 15px;
  top: calc(50% - 0.8rem);
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.98871 11.9002L3.19271 6.41823C2.62671 5.77223 3.08671 4.76023 3.94571 4.76023L13.5377 4.76023C13.73 4.76007 13.9182 4.81532 14.0798 4.91937C14.2415 5.02342 14.3697 5.17187 14.4492 5.34692C14.5286 5.52198 14.5559 5.71623 14.5278 5.90641C14.4997 6.09659 14.4174 6.27464 14.2907 6.41923L9.49471 11.8992C9.40085 12.0066 9.28509 12.0927 9.15522 12.1517C9.02534 12.2107 8.88435 12.2412 8.74171 12.2412C8.59907 12.2412 8.45808 12.2107 8.3282 12.1517C8.19832 12.0927 8.08257 12.0066 7.98871 11.8992V11.9002Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.table-trigger a {
  color: var(--Grey-3-Stroke);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
}

.text-footnote {
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .text-footnote {
    font-size: 1.2rem;
  }
}
.text-footnote a {
  text-decoration: underline;
  transition: color 0.3s;
  color: var(--Grey-1);
}
@media screen and (hover: hover) {
  .text-footnote a:hover {
    color: var(--green-hover-pressed);
  }
}

.table__top {
  margin-bottom: var(--gap);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1024px) {
  .table__top {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 600px) {
  .table__top {
    font-size: 1.4rem;
  }
}

.table1 {
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid var(--Grey-2);
  border-radius: 7px;
}
@media screen and (max-width: 1024px) {
  .table1 {
    border-radius: unset;
    border: unset;
  }
}
.table1 table {
  width: 100%;
  border-collapse: collapse;
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 1300px) {
  .table1 table {
    font-size: 1.3rem;
  }
}
.table1 thead th {
  background: var(--Green-Normal);
  text-align: left;
  color: var(--white);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 17px 10px;
  vertical-align: top;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 1300px) {
  .table1 thead th {
    padding: 10px 6px;
  }
}
@media screen and (max-width: 1024px) {
  .table1 thead th {
    border-color: var(--Grey-2);
  }
}
.table1 thead th:nth-child(1) {
  border-radius: 6px 0 0 6px;
  padding-left: 22px;
}
@media screen and (max-width: 1300px) {
  .table1 thead th:nth-child(1) {
    padding-left: 15px;
  }
}
.table1 thead th:nth-last-child(1) {
  border-radius: 0 6px 6px 0;
  padding-right: 22px;
  border-right: unset;
}
@media screen and (max-width: 1300px) {
  .table1 thead th:nth-last-child(1) {
    padding-right: 15px;
  }
}
.table1 thead th a {
  color: var(--Grey-3-Stroke);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .table1 thead th a:hover {
    text-decoration: unset;
    color: var(--white);
  }
}
.table1 thead th sup a {
  text-decoration: none;
}
.table1 thead .tooltip .icon {
  width: 16px;
  height: 16px;
  stroke: var(--white-90);
}
.table1 tbody tr {
  border-bottom: 1px solid var(--Grey-2);
}
.table1 tbody tr td {
  border-right: 1px solid var(--Grey-2);
}
.table1 tbody tr td:nth-child(1) {
  padding-left: 15px;
}
.table1 tbody tr td:nth-last-child(1) {
  padding-right: 15px;
  border-right: unset;
}
.table1 tbody tr:nth-last-child(1) {
  border-bottom: unset;
}
@media screen and (max-width: 1024px) {
  .table1 tbody tr:nth-last-child(1) {
    border-bottom: 1px solid var(--Grey-2);
  }
}
.table1 tbody sup a {
  text-decoration: none;
  color: var(--Green-Normal);
}
.table1 tbody td {
  padding: 17px 10px;
}
@media screen and (max-width: 1300px) {
  .table1 tbody td {
    padding: 10px 6px;
  }
}
.table1.drop .table-drop {
  grid-template-rows: 1fr;
}
.table1.drop .table-trigger::after {
  transform: scale(1, -1);
}
.table1 .table-drop {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid 0.3s;
  overflow: hidden;
}
.table1 .table-drop .table-drop__inner {
  min-height: 0px;
}
.table1 .table-drop th a {
  color: var(--Green-Normal);
}
.table1 .table-drop .tooltip .icon {
  stroke: var(--Green-Normal);
}
.table1 .table-drop table {
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 16px;
}
@media screen and (max-width: 600px) {
  .table1 .table-drop table {
    font-size: 1.2rem;
  }
}
.table1 .table-drop thead th {
  background: unset;
  border-radius: 0;
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 10px 10px 10px;
  border-bottom: 2px solid var(--Green-Normal);
}
.table1 .table-drop tbody td {
  padding: 10px;
}
.table1 .table-drop tbody td:nth-child(1) {
  padding-left: 0;
}
.table1 .table-drop .big {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  margin: 0;
}
.table1 .big {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  display: block;
  margin-bottom: 2px;
  min-width: 11rem;
}
@media screen and (max-width: 1300px) {
  .table1 .big {
    font-size: 1.8rem;
  }
}
.table1 .grey {
  padding: 10px 12px;
  border-radius: 1000px;
  background: var(--BG-2);
  color: var(--grey52);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  max-width: max-content;
  width: max-content;
}
@media screen and (max-width: 1300px) {
  .table1 .grey {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .table1 .grey {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .table1 .grey {
    background: unset;
    padding: 0;
    border-radius: unset;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
  }
}
@media screen and (max-width: 600px) {
  .table1 .grey .tooltip .icon {
    stroke: var(--grey52);
  }
}
.table1 .green {
  padding: 10px 12px;
  border-radius: 1000px;
  background: var(--Green-Normal);
  max-width: max-content;
  width: max-content;
  color: var(--white);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 1300px) {
  .table1 .green {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .table1 .green {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .table1 .green {
    background: unset;
    padding: 0;
    border-radius: unset;
    color: var(--Green-Normal);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 900;
    line-height: 150%;
  }
}
.table1 .green .tooltip .icon {
  stroke: var(--white-90);
}
@media screen and (max-width: 600px) {
  .table1 .green .tooltip .icon {
    stroke: var(--grey52);
  }
}

.table-title {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.table-footnote {
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-top: 8px;
}
@media screen and (max-width: 600px) {
  .table-footnote {
    font-size: 1.2rem;
    line-height: 135%;
  }
}
.table-footnote p {
  max-width: 1030px;
}

.table-footnote__anchor {
  margin-top: 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
@media screen and (max-width: 600px) {
  .table-footnote__anchor {
    font-size: 1.2rem;
    margin-top: 9px;
  }
}
.table-footnote__anchor .table-footnote__anchor_num {
  min-width: 2.3rem;
  color: var(--Green-Normal);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.table2 {
  border-radius: 6px;
  padding: 16px;
  background: var(--white);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.table2 thead th {
  background: var(--Green-Normal);
  text-align: left;
  color: var(--white);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 17px 16px;
  vertical-align: middle;
  border-right: 1px solid var(--white-40);
}
@media screen and (max-width: 1300px) {
  .table2 thead th {
    padding: 10px 6px;
  }
}
.table2 thead th:nth-child(1) {
  padding-left: 22px;
  border-left: 1px solid var(--Grey-3-Stroke);
}
@media screen and (max-width: 1300px) {
  .table2 thead th:nth-child(1) {
    padding-left: 15px;
  }
}
.table2 thead th:nth-last-child(1) {
  padding-right: 22px;
}
@media screen and (max-width: 1300px) {
  .table2 thead th:nth-last-child(1) {
    padding-right: 15px;
  }
}
.table2 thead th a {
  color: var(--Grey-3-Stroke);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
}
@media screen and (hover: hover) {
  .table2 thead th a:hover {
    text-decoration: unset;
  }
}
.table2 tbody tr {
  border-bottom: 1px solid var(--Grey-3-Stroke);
}
.table2 tbody tr td:nth-child(1) {
  padding-left: 15px;
  border-left: 1px solid var(--Grey-3-Stroke);
}
.table2 tbody tr td:nth-last-child(1) {
  padding-right: 15px;
}
.table2 tbody td {
  padding: 17px 16px;
  border-right: 1px solid var(--Grey-3-Stroke);
}
@media screen and (max-width: 1300px) {
  .table2 tbody td {
    padding: 10px 6px;
  }
}
.table2 .scrollable {
  overflow-x: auto;
  width: 100%;
  max-width: calc(100vw - var(--global-xl) - var(--global-xl));
}
.table2 .scrollable::-webkit-scrollbar-thumb {
  background: var(--Green-Normal);
}
.table2 .scrollable .table-footnote {
  min-width: 768px;
}
.table2 table {
  width: 100%;
  border-collapse: collapse;
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  min-width: 768px;
}
@media screen and (max-width: 768px) {
  .table2 table {
    font-size: 1.4rem;
  }
}
.table2 tbody tr {
  border-bottom: 1px solid var(--Grey-3-Stroke);
}
.table2 tbody tr td:nth-last-child(1) {
  padding-right: 0;
}
.table2 tbody td {
  padding: 12px 16px;
}
@media screen and (max-width: 1024px) {
  .table2 tbody td {
    padding: 12px 10px;
  }
}

.table-title {
  margin-bottom: 24px;
}

.table3 {
  border-radius: 6px;
  padding: 16px 0;
  background: var(--white);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.table3 > * {
  padding-left: 16px;
  padding-right: 16px;
}
.table3 .green {
  color: var(--Green-Normal);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 130%;
  margin-bottom: 4px;
}
.table3 tbody tr {
  border-bottom: 1px solid var(--Grey-3-Stroke);
}
.table3 tbody tr td:nth-child(1) {
  padding-left: 15px;
}
.table3 tbody tr td:nth-child(2) {
  text-align: right;
}
.table3 tbody tr td:nth-last-child(1) {
  padding-right: 15px;
  border-right: unset;
}
.table3 tbody td {
  padding: 17px 10px;
  border-right: 1px solid var(--Grey-3-Stroke);
}
@media screen and (max-width: 1300px) {
  .table3 tbody td {
    padding: 10px 6px;
  }
}
.table3 .tooltip .icon {
  stroke: var(--Green-Normal);
}
.table3 sup a {
  text-decoration: none;
  color: var(--Green-Normal);
}
.table3 table {
  width: 100%;
  border-collapse: collapse;
  color: var(--black);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 768px) {
  .table3 table {
    font-size: 1.4rem;
  }
}
.table3 tbody tr {
  border-bottom: 1px solid var(--Grey-3-Stroke);
}
.table3 tbody tr:nth-child(1) {
  border-top: 1px solid var(--Grey-3-Stroke);
}
.table3 tbody td {
  padding: 12px 16px;
}
@media screen and (max-width: 768px) {
  .table3 tbody td {
    padding: 10px;
  }
}

.bx-video {
  position: relative;
}
.bx-video.play .bx-video-btn {
  opacity: 0;
  pointer-events: none;
}

.bx-video-btn {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background: rgba(217, 217, 217, 0.2);
  backdrop-filter: blur(11.5145959854px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: background 0.3s, opacity 0.3s;
}
@media screen and (hover: hover) {
  .bx-video-btn:hover {
    background: rgba(217, 217, 217, 0.4);
  }
}
.bx-video-btn::after {
  content: "";
  display: block;
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='19' viewBox='0 0 15 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16.9317V1.10233C0.000323366 0.904278 0.0529042 0.70996 0.152234 0.539739C0.251564 0.369519 0.393987 0.229661 0.564576 0.134823C0.735164 0.0399857 0.92764 -0.00634084 1.12183 0.000697645C1.31603 0.00773613 1.50479 0.06788 1.66833 0.174828L13.7497 8.08729C13.9026 8.18719 14.0285 8.32469 14.1157 8.48716C14.2029 8.64962 14.2486 8.83182 14.2486 9.017C14.2486 9.20217 14.2029 9.38437 14.1157 9.54684C14.0285 9.7093 13.9026 9.84681 13.7497 9.9467L1.66833 17.8614C1.50479 17.9683 1.31603 18.0285 1.12183 18.0355C0.92764 18.0425 0.735164 17.9962 0.564576 17.9014C0.393987 17.8065 0.251564 17.6667 0.152234 17.4965C0.0529042 17.3262 0.000323366 17.1319 0 16.9339V16.9317Z' fill='white'/%3E%3C/svg%3E");
}

.slider-gallery {
  width: 100%;
  overflow: hidden;
  margin-top: 24px;
}
@media screen and (max-width: 600px) {
  .slider-gallery {
    width: 100vw;
    margin-left: calc(var(--global) * -1);
    padding: 0 var(--global);
  }
}
.slider-gallery .swiper-slide {
  aspect-ratio: 1/0.76;
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .slider-gallery .swiper-slide {
    width: 290px !important;
  }
}
.slider-gallery .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lightbox {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox .lb-outerContainer {
  border-radius: 8px;
  background: var(--white);
}
.lightbox .lb-outerContainer .lb-container {
  border-radius: 8px;
  overflow: hidden;
  padding: 6px;
}
.lightbox .lb-outerContainer .lb-container .lb-image {
  border-radius: 6px;
  border: unset;
}
.lightbox .lb-data .lb-close {
  position: fixed;
  right: 10px;
  top: 10px;
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.lightbox .lb-dataContainer {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1 !important;
  display: block !important;
}

.quote {
  margin-top: 24px;
  position: relative;
  background: var(--BG-1);
  padding: 15px 16px 15px 20px;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 400;
  line-height: 130%;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 24px;
}
.quote::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 4px;
  height: 100%;
  background: var(--Green-Normal);
}

.checked-wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}

.checked-box {
  padding-bottom: 5px;
  border-bottom: 1px solid var(--line);
}
.checked-box p,
.checked-box span {
  margin: 0;
}

.checked-box:last-child {
  padding: 0;
  border-bottom: none;
}

.checked-box__head {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.checked-box__head span {
  cursor: pointer;
}

.checked-box__head input:checked ~ .checked-box__checked {
  border-color: var(--Green-Normal);
  background-color: var(--Green-Normal);
}
.checked-box__head input:checked ~ .checked-box__checked svg {
  opacity: 1;
}

.checked-box__head input:disabled ~ .checked-box__checked,
.checked-box__head input:disabled ~ span {
  pointer-events: none;
  opacity: 0.5;
}

.checked-box__checked {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 6px;
  border: 1px solid var(--Grey-3-Stroke);
  z-index: 1;
  box-sizing: border-box;
  transition: border 0.3s, background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.checked-box__checked svg {
  fill: transparent;
  stroke: #fff;
  opacity: 0;
  width: 1.4rem;
  height: 1.4rem;
}

.checked-btn {
  display: flex;
  justify-content: center;
}

.header {
  width: 100%;
  border-radius: 0px 0px 6px 6px;
  background: var(--white);
  position: fixed;
  left: 0;
  top: 0;
  padding: 2rem 3.2rem 0;
  z-index: 70;
  transition: transform 0.3s;
}
@media screen and (max-width: 1300px) {
  .header {
    padding: 1.2rem var(--global-xl) 0;
  }
}
.header.hide {
  transform: translateY(-101%);
}

.search-results {
  padding-left: var(--global-xl);
  padding-right: var(--global-xl);
  padding-bottom: 12px;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: none;
  background: var(--white);
  transition: transform 0.4s;
  transform: translateY(calc(-100% - 100px));
}
.search-results ul {
  max-height: min(42vh, 45rem);
  overflow-y: auto;
}

.header__right_link {
  color: var(--grey52);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header__right_link:hover {
    color: var(--green-hover-pressed);
  }
}

.header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}

.header__bottom {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 0px 2.4rem;
}

.header__container {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}

.header__general {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}

.header__categories {
  gap: 2.4rem;
  display: flex;
  padding: 0 0 24px;
  margin-left: 0;
}
@media screen and (max-width: 1300px) {
  .header__categories {
    padding-bottom: 12px;
  }
}

.header__category {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--black);
  text-align: center;
  font-family: "Fira Sans";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 1rem 0;
  transition: color 0.3s;
}
.header__category.current {
  color: var(--Green-Normal);
}
.header__category.current .icon {
  stroke: var(--Green-Normal);
}
.header__category.active {
  color: var(--green-hover-pressed);
}
.header__category.active .icon {
  stroke: var(--green-hover-pressed);
  transform: scale(1, 1);
}
.header__category .icon,
.header__category img {
  width: 2.4rem;
  height: 2.4rem;
  stroke-width: 1.5;
  stroke: var(--Grey-1);
  transform: scale(1, -1);
  transition: stroke 0.3s, transform 0.3s;
}
@media screen and (hover: hover) {
  .header__category:hover {
    color: var(--green-hover-pressed);
  }
  .header__category.active .icon {
    transform: scale(1, 1);
    stroke: var(--green-hover-pressed);
  }
  .header__category:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}

.header__logo {
  width: 20.2rem;
  height: 3.5rem;
}
.header__logo .icon-logo,
.header__logo img {
  fill: var(--Green-Normal);
  display: block;
  width: 100%;
  height: 100%;
}

.header__right_top {
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}
@media screen and (max-width: 1536px) {
  .header__right_top {
    gap: 24px;
  }
}

.header__vi {
  height: 2.4rem;
  width: 2.4rem;
}
@media screen and (hover: hover) {
  .header__vi:hover .icon-eye {
    stroke: var(--green-hover-pressed);
  }
}
.header__vi .icon-eye,
.header__vi img {
  fill: none;
  stroke: var(--grey52);
  display: block;
  width: 100%;
  height: 100%;
  transition: stroke 0.3s;
}

.header__search {
  height: 2rem;
  width: 2rem;
}
@media screen and (hover: hover) {
  .header__search:hover .icon-search {
    stroke: var(--green-hover-pressed);
  }
}
.header__search .icon-search,
.header__search img {
  fill: none;
  stroke: var(--grey52);
  display: block;
  width: 100%;
  height: 100%;
  transition: stroke 0.3s;
}

.header__lang_trigger {
  display: flex;
  gap: 6px;
}
@media screen and (hover: hover) {
  .header__lang_trigger:hover .icon {
    fill: var(--green-hover-pressed);
  }
}

.header__lang {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.header__lang .dropdown-block {
  left: -1.6rem;
}
.header__lang .select-item {
  padding: 10px 44px 10px 16px;
}
.header__lang span {
  font-size: 14px;
  white-space: nowrap;
  letter-spacing: normal;
}

._link {
  color: var(--grey52);
  text-align: center;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  ._link:hover {
    color: var(--green-hover-pressed);
  }
}

.header__colored_link {
  padding: 1rem 1.6rem;
  color: var(--Green-Normal);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  background: var(--light-bg);
  max-width: max-content;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header__colored_link:hover {
    color: var(--green-hover-pressed);
  }
  .header__colored_link:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}
@media (max-width: 500px) {
  .header__colored_link {
    font-size: 1rem;
    padding: 1rem;
  }
}
.header__colored_link .icon-list,
.header__colored_link img {
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--Green-Normal);
  stroke-width: 1.5;
}

.header__right_bottom {
  display: flex;
  gap: 10px;
  align-items: stretch;
  justify-content: flex-end;
  flex-grow: 1;
  padding-bottom: 24px;
}
@media screen and (max-width: 1300px) {
  .header__right_bottom {
    padding-bottom: 12px;
  }
}

.header__call {
  display: flex;
  align-items: center;
  color: var(--Green-Normal);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  gap: 6px;
  position: relative;
}
.header__call .header__call_trigger {
  display: flex;
  height: 100%;
  padding: 0 1.6rem;
  gap: 6px;
}
.header__call .header__call_trigger .icon-chevron-down, .header__call .header__call_trigger span{
  pointer-events: none;
}
.header__call .icon-chevron-down {
  fill: var(--Green-Normal);
}
.header__call .dropdown-block {
  right: 0;
  width: 25.5rem;
}

.header__call_short {
  color: var(--white);
  font-size: 4.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header__call_short:hover {
    color: var(--white-90);
  }
  .header__call_short:hover .icon-phone {
    fill: var(--white-90);
  }
}
.header__call_short .icon-phone,
.header__call_short img {
  width: 32px;
  height: 32px;
  fill: var(--white);
  transition: fill 0.3s;
}

.header__call_top {
  padding: 24px;
}
.header__call_top.green {
  background: var(--Green-Normal);
}
.header__call_top.green .text-normal {
  color: var(--white);
  margin-bottom: 24px;
}
.header__call_top.green .text-light {
  margin-top: 8px;
  color: var(--white-90);
}

.header__call_tel {
  color: var(--white);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header__call_tel:hover {
    color: var(--white-90);
  }
}

.text-bold {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.text-normal {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.text-light {
  color: var(--Grey-2);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.schedule {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 16px;
  padding-top: 4px;
}
.schedule .text-bold {
  margin-bottom: 4px;
}

.header__call_main {
  padding: 20px 24px 24px;
  position: relative;
}
.header__call_main::before {
  content: "";
  width: calc(100% - 48px);
  left: 24px;
  top: 0;
  position: absolute;
  height: 1px;
  background: var(--Stroke);
}
.header__call_main .btn {
  margin-top: 24px;
}

.header__call_bottom {
  padding: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.header__call_bottom::before {
  content: "";
  width: calc(100% - 48px);
  left: 24px;
  top: 0;
  position: absolute;
  height: 1px;
  background: var(--Stroke);
}

._link-bold {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  ._link-bold:hover {
    color: var(--green-hover-pressed);
  }
}

.header__colored .dropdown-block {
  right: 0;
}

.header-services {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-services .btn-circle {
  margin-bottom: 24px;
}

.header-services__wrap {
  padding: 32px 24px 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 33rem;
  grid-gap: 6px;
}

.header-services__service {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--black);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header-services__service:hover {
    color: var(--green-hover-pressed);
  }
}
.header-services__service span {
  padding: 10px 8px;
}

.title-search-result {
  width: 100% !important;
  left: 0 !important;
  border: unset !important;
  z-index: 100;
}

.show-search .header-search,
.show-search .search-results {
  z-index: 2;
  transform: translateY(0);
  width: 100vw;
}
.show-search .search-results {
  display: block;
}
.show-search .main {
  user-select: none;
  -webkit-user-select: none;
}
.show-search .main::before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  transition: background 0.3s;
  z-index: 16;
}

.show-menu .header__menu-block {
  grid-template-rows: 1fr;
  box-shadow: 0 0 0 1px #f4f4f4;
}
.show-menu .main {
  user-select: none;
  -webkit-user-select: none;
}
.show-menu .main::before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  transition: background 0.3s;
  z-index: 16;
}

.header-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  padding: 20px var(--global-xl) 0;
  background: var(--white);
  display: none;
  transform: translateY(-110%);
  transition: transform 0.5s;
}
.header-search .input-wrap {
  width: 100%;
}
.header-search .input-wrap input {
  border-radius: 100px;
  border: 1px solid var(--Stroke);
  background: var(--BG-2);
  padding: 1.2rem 5.2rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: 100%;
  transition: background 0.3s;
  color: var(--black);
}
.header-search .input-wrap input::placeholder {
  color: var(--Grey-secondaty-text);
}
.header-search .input-wrap input:placeholder-shown {
  background: var(--white);
}
.header-search .input-wrap input:placeholder-shown ~ .header-search__clear {
  opacity: 0;
  pointer-events: none;
}
@media screen and (hover: hover) {
  .header-search .input-wrap input:hover {
    background: var(--BG-2);
  }
}
.header-search .input-wrap input:active, .header-search .input-wrap input:focus {
  background: var(--BG-2);
  border-color: var(--Green-Normal);
}

.header-search__clear {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  transition: opacity 0.3s;
}
@media screen and (hover: hover) {
  .header-search__clear:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}
.header-search__clear .icon,
.header-search__clear img {
  stroke: var(--grey52);
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  stroke-width: 2;
  transition: stroke 0.3s;
}

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

.header-search__form {
  width: min(830px, 100% - 20rem);
}

.header-search__inner {
  position: relative;
  width: 100%;
}
.header-search__inner .icon-search,
.header-search__inner img {
  width: 2rem;
  height: 2rem;
  fill: none;
  stroke: var(--grey52);
  display: block;
}

.header-search__ico {
  position: absolute;
  left: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}

.header-search__close {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
}
@media screen and (hover: hover) {
  .header-search__close:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}
.header-search__close .icon,
.header-search__close img {
  transition: stroke 0.3s;
  stroke-width: 2;
  stroke: var(--black);
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.header-search__results_tabs {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.header-search__results_tab {
  color: var(--black);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0.8rem 0;
  transition: color 0.3s;
  position: relative;
  cursor: pointer;
}
@media screen and (hover: hover) {
  .header-search__results_tab:hover {
    color: var(--green-hover-pressed);
  }
}
.header-search__results_tab.active {
  color: var(--Green-Normal);
}
.header-search__results_tab.active::before {
  opacity: 1;
}
.header-search__results_tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  border-radius: 4px;
  background: var(--Green-Normal);
  width: 100%;
  height: 2px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.header-search__results_list {
  display: none;
  flex-direction: column;
}
.header-search__results_list.active {
  display: flex;
}

.header-search__results_item {
  padding: 15px 0;
  border-bottom: 1px solid var(--Line);
}

.header-search__results_link {
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header-search__results_link:hover {
    color: var(--black);
  }
  .header-search__results_link:hover .header-search__results_title {
    color: var(--green-hover-pressed);
  }
}

.header-search__results_title {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  transition: color 0.3s;
}

.header__menu-block {
  position: fixed;
  width: 100vw;
  box-shadow: 0 0 0 1px transparent;
  background: var(--white);
  left: 0;
  top: calc(var(--headerH, 139px) - 6px);
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s;
  overflow: hidden;
  padding: 0 2.4rem;
}
@media screen and (max-width: 1300px) {
  .header__menu-block {
    padding: 0 2.4rem;
  }
}

.header__menu {
  display: none;
  align-items: flex-start;
  gap: 40px;
  min-height: 0;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .header__menu {
    gap: 24px;
  }
}
.header__menu.active {
  display: flex;
}
.header__menu .icon-arr-min {
  stroke: var(--Grey-1);
  width: 20px;
  height: 20px;
  min-width: 20px;
  transform: rotate(90deg);
}

.header__menu-main {
  width: 27.8rem;
  min-width: 27.8rem;
  max-height: min(648px, 90vh - var(--headerH));
  overflow-y: auto;
  margin: 1.6rem 0 2.4rem;
  padding-right: 10px;
}
@media screen and (max-width: 1300px) {
  .header__menu-main {
    margin: 1.2rem 0;
  }
}

.header__menu-central {
  width: 100%;
  max-height: min(648px, 90vh - var(--headerH));
  overflow-y: auto;
  margin: 2.4rem 0 2.4rem;
  padding-right: 10px;
}
@media screen and (max-width: 1300px) {
  .header__menu-central {
    margin: 1.2rem 0;
  }
}

.header__menu_side {
  width: 24.3rem;
  min-width: 24.3rem;
  overflow: hidden;
  max-height: min(648px, 82vh - var(--headerH));
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 1300px) {
  .header__menu_side {
    margin: 5.8rem 0;
  }
}

.header__menu_close {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  position: absolute;
  right: max(2.4rem, 50vw - 720px);
  top: 1.6rem;
}
@media screen and (hover: hover) {
  .header__menu_close:hover img,
  .header__menu_close:hover svg {
    stroke: var(--green-hover-pressed);
  }
}
.header__menu_close img,
.header__menu_close svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  stroke: var(--Grey-secondaty-text);
  transition: stroke 0.3s;
}

.header-swiper {
  width: 100%;
}
.header-swiper .swiper-slide {
  min-height: 18rem;
  background: linear-gradient(271deg, #0d3e20 0.53%, rgba(0, 118, 49, 0) 99.42%), linear-gradient(0deg, #00862c 0%, #00862c 100%);
  padding: 16px;
  border-radius: 6px;
  color: var(--Grey-3-Stroke);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.header-swiper .swiper-slide .btn-arr {
  width: 45px;
  height: 45px;
  margin-top: 8px;
  border-color: var(--white-30);
}
.header-swiper .swiper-slide .btn-arr .icon {
  stroke: var(--white);
}

.header-swiper__title {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  color: var(--white);
}

.header__menu-central_inner {
  display: none;
}
.header__menu-central_inner.active {
  display: block;
}

.header__menu-central_categories {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.header__menu-central_categories .header__menu-central_category {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 1300px) {
  .header__menu-central_categories .header__menu-central_category {
    width: calc((100% - 48px) / 2);
  }
}

.header__menu_side-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin-top: 32px;
  border-radius: 6px;
  background: var(--BG-1);
  padding: 16px;
}

.header__menu_side-link {
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header__menu_side-link:hover {
    color: var(--green-hover-pressed);
  }
}

.header__menu_side-contacts {
  padding: 8px 0;
  margin-top: 20px;
  display: flex;
  gap: 30px;
}
.header__menu_side-contacts .header__menu_side-contact:nth-last-child(1)::after {
  content: none;
}

.header__menu_side-contact {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  transition: color 0.3s;
  position: relative;
}
.header__menu_side-contact::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--black);
  opacity: 0.5;
  position: absolute;
  left: calc(100% + 12px);
  top: calc(50% - 3px);
}
@media screen and (hover: hover) {
  .header__menu_side-contact:hover {
    color: var(--green-hover-pressed);
  }
}

.header__menu_side-socials {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 8px 0;
  margin-top: -4px;
}

.header__menu_side-social {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
@media screen and (hover: hover) {
  .header__menu_side-social:hover .icon {
    fill: var(--green-hover-pressed);
  }
}
.header__menu_side-social .icon,
.header__menu_side-social img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  fill: var(--black);
  transition: fill 0.3s;
}

.header__menu-central_link {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.header__menu-central_submenu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
}
.header__menu-central_submenu.show-more [hidden] {
  display: block;
}
.header__menu-central_submenu.show-more .menu-more::before {
  content: attr(data-hide);
}
.header__menu-central_submenu.show-more .menu-more .icon-arr-min {
  transform: scale(1, 1);
}

.header__menu-central_submenu-link {
  color: var(--Grey-secondaty-text);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .header__menu-central_submenu-link:hover {
    color: var(--Green-Normal);
  }
}

.header__menu-central_top {
  margin-bottom: 24px;
}

.menu-more {
  display: flex;
  align-items: center;
  color: var(--Green-Normal);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .menu-more:hover {
    color: var(--green-hover-pressed);
  }
  .menu-more:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}
.menu-more::before {
  content: attr(data-show);
}
.menu-more .icon {
  stroke: var(--Green-Normal);
  transform: scale(1, -1);
}

.header-submenu {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  transition: color 0.3s;
}
.header-submenu.active {
  color: var(--Green-Normal);
}
.header-submenu.active .icon-arr-min {
  stroke: var(--Green-Normal);
}
@media screen and (hover: hover) {
  .header-submenu:hover {
    color: var(--green-hover-pressed);
  }
  .header-submenu:hover .icon-arr-min {
    stroke: var(--green-hover-pressed);
  }
}

.header-subitem {
  flex-grow: 1;
}

.header__menu-central_title {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
}
.header__menu-central_title a {
  color: var(--Grey-secondaty-text);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  transition: color 0.3s;
  min-width: max-content;
  padding-right: 100px;
}
@media screen and (hover: hover) {
  .header__menu-central_title a:hover {
    color: var(--green-hover-pressed);
  }
  .header__menu-central_title a:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}

.business-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 24px 20px;
}

.business-box__title {
  font-weight: 600;
  margin-bottom: 10px;
}

.business-box__row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.business-box__row a:not([class]) {
  color: var(--Green-Normal);
  text-decoration: underline;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .business-box__row a:not([class]):hover {
    color: var(--green-hover-pressed);
    text-decoration: none;
  }
}

.footer {
  border-radius: 6px 6px 0px 0px;
  background: var(--BG-1);
  padding-top: 80px;
}

.footer__top {
  display: flex;
  max-width: 1488px;
  margin: 0 auto;
  padding: 0 24px;
  gap: 35px;
  justify-content: space-between;
}

.footer__nav {
  display: flex;
  align-items: flex-start;
  gap: 64px;
}
@media screen and (max-width: 1536px) {
  .footer__nav {
    gap: 40px;
  }
}
@media screen and (max-width: 1300px) {
  .footer__nav {
    gap: min(32px, 2.5vw);
  }
}
@media screen and (max-width: 1024px) {
  .footer__nav {
    flex-wrap: wrap;
  }
}

.footer__mid {
  display: flex;
  justify-content: space-between;
  max-width: 1488px;
  padding: 0 24px;
  position: relative;
  margin: 32px auto 40px;
  padding-top: 33px;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .footer__mid {
    flex-wrap: wrap;
  }
}
.footer__mid::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 0;
  width: calc(100% - 48px);
  height: 1px;
  background: var(--Line);
}

.footer__bottom {
  background: linear-gradient(180deg, #006930 0%, #00492B 99.67%);
  padding: 40px 24px 80px;
}

.footer__inner {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1300px) {
  .footer__inner {
    display: grid;
    grid-template-areas: "footer-text web" "gov author";
  }
}

.footer__bottom_text {
  color: var(--white);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  gap: 4px;
  flex-direction: column;
}
@media screen and (max-width: 1300px) {
  .footer__bottom_text {
    grid-area: footer-text;
  }
}

.footer__bottom_gov {
  display: flex;
  gap: 17px;
}
@media screen and (max-width: 1300px) {
  .footer__bottom_gov {
    grid-area: gov;
  }
}
.footer__bottom_gov a {
  filter: grayscale(1) contrast(0.1) brightness(1.9);
  opacity: 0.4;
  transition: 0.3s;
}
@media screen and (hover: hover) {
  .footer__bottom_gov a:hover {
    filter: unset;
    opacity: 1;
  }
}

.footer__bottom_web {
  position: relative;
}
@media screen and (max-width: 1300px) {
  .footer__bottom_web {
    grid-area: web;
  }
}
.footer__bottom_web .dropdown-block {
  top: unset;
  bottom: 100%;
  background: white;
  right: 0;
}
@media screen and (max-width: 1300px) {
  .footer__bottom_web .dropdown-block {
    right: 0;
    left: unset;
  }
}
.footer__bottom_web [data-trigger] {
  color: var(--white);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}
.footer__bottom_web .dropdown-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 288px;
}
.footer__bottom_web .select-item {
  padding-right: 1.6rem;
}

.icon-arr-min {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: white;
  stroke-width: 1.5;
}

.footer__mid_col {
  display: flex;
  height: auto;
  flex-direction: column;
  justify-content: space-between;
}

.footer__subscribe {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 1.3rem 1.6rem;
  border-radius: 6px;
  border: 1px solid var(--Line, #CCC);
  color: var(--Green-Normal);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: background 0.3s, border 0.3s, color 0.3s;
}
.footer__subscribe .icon-arr-right {
  width: 17px;
  height: 11px;
  stroke: var(--Green-Normal);
  stroke-width: 1.5;
  fill: none;
  transition: stroke 0.3s;
}
@media screen and (hover: hover) {
  .footer__subscribe:hover {
    background: var(--Green-Normal);
    border-color: var(--Green-Normal);
    color: var(--white);
  }
  .footer__subscribe:hover .icon-arr-right {
    stroke: var(--white);
  }
}

.footer__socials {
  display: flex;
  gap: 19px;
  padding: 8px 0;
}
@media screen and (max-width: 1300px) {
  .footer__socials {
    gap: 12px;
  }
}

.footer__app {
  display: flex;
  gap: 16px;
}

.footer__app_item {
  width: 4.8rem;
  height: 4.8rem;
  filter: grayscale(1) brightness(1.1);
  transition: filter 0.3s;
}
.footer__app_item.android {
  filter: grayscale(1) brightness(0.9);
}
.footer__app_item img, .footer__app_item svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}
@media screen and (hover: hover) {
  .footer__app_item:hover {
    filter: grayscale(0) brightness(1);
  }
}

.footer__social {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (hover: hover) {
  .footer__social:hover .icon {
    fill: var(--green-hover-pressed);
  }
}
.footer__social .icon, .footer__social img {
  width: 100%;
  height: 100%;
  fill: var(--black);
  transition: fill 0.3s;
}

.footer__phones {
  display: flex;
  gap: 38px;
  padding: 8px 0;
  align-items: center;
}
.footer__phones a {
  position: relative;
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .footer__phones a:hover {
    color: var(--green-hover-pressed);
  }
}
.footer__phones a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 16px);
  width: 6px;
  height: 6px;
  background: var(--Green-Normal);
  border-radius: 50%;
}
.footer__phones a:nth-last-child(1)::after {
  content: none;
}

.footer__title {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.3s;
}

@media screen and (hover: hover) {
  a.footer__title:hover {
    color: var(--green-hover-pressed);
  }
}

.footer__general {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.footer__logo {
  width: 17.6rem;
  height: 3.3rem;
  margin: 0.5rem 0 0;
}
.footer__logo .icon, .footer__logo img {
  width: 100%;
  height: 100%;
  fill: var(--Green-Normal);
}

.footer__nav_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}

.footer__nav_link {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: var(--Grey-secondaty-text);
  transition: color 0.3s;
  display: block;
}
@media screen and (hover: hover) {
  .footer__nav_link:hover {
    color: var(--green-hover-pressed);
  }
}

.footer__bottom_author {
  color: var(--white);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1300px) {
  .footer__bottom_author {
    grid-area: author;
  }
}
.footer__bottom_author a {
  color: var(--white-40);
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .footer__bottom_author a:hover {
    color: var(--white);
  }
}

.vi-module {
  position: fixed;
  opacity: 0;
  left: 0;
  top: 0;
  background: var(--white);
  width: 100%;
  z-index: 100;
  transform: translateY(-105%);
  transition: 0.3s;
  max-height: var(--h);
  display: none;
}
@media screen and (max-width: 600px) {
  .vi-module {
    height: 100vh;
  }
}
.vi-module.show {
  opacity: 1;
  transform: translateY(0);
}

.vi__inner {
  max-width: 1470px;
  padding: 20px 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0 auto;
  height: 100%;
  overflow-y: auto;
}

.vi-close {
  position: relative;
  width: 40px;
  min-height: 40px;
  height: 40px;
  border: 2px solid var(--black);
  align-self: flex-end;
}
.vi-close::before {
  content: "";
  width: 2px;
  background: var(--black);
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
  transform: rotate(-45deg);
}
.vi-close::after {
  content: "";
  width: 2px;
  height: 100%;
  background: var(--black);
  position: absolute;
  margin-left: -1px;
  left: 50%;
  top: 0;
  transform: rotate(45deg);
}

.vi-disable {
  width: 100%;
  height: 50px;
  min-height: 5rem;
  border: 2px solid var(--black);
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background: var(--black);
  text-align: center;
}

.vi-container {
  display: flex;
  width: 100%;
  border: 2px solid var(--black);
}
@media screen and (max-width: 1024px) {
  .vi-container {
    flex-wrap: wrap;
  }
}

.vi-col {
  width: 33.3333333333%;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-right: 2px solid var(--black);
}
@media screen and (max-width: 1024px) {
  .vi-col {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .vi-col {
    width: 100%;
    border-right: unset;
    border-bottom: 2px solid var(--black);
  }
}
.vi-col:nth-last-child(1) {
  border-right: unset;
}
@media screen and (max-width: 600px) {
  .vi-col:nth-last-child(1) {
    border-bottom: unset;
  }
}
@media screen and (max-width: 1024px) {
  .vi-col:nth-child(2) {
    border-right: unset;
    border-bottom: 2px solid var(--black);
  }
}
@media screen and (max-width: 1024px) {
  .vi-col:nth-child(1) {
    border-bottom: 2px solid var(--black);
  }
}
.vi-col a {
  font-size: 1.8rem;
  color: var(--black);
  border: 2px solid var(--black);
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
.vi-col a.active {
  background: var(--black);
  color: var(--white);
}

.vi-col__title {
  font-size: 1.8rem;
  color: var(--black);
  text-align: center;
  flex-grow: 1;
}

html[class*=s1] {
  font-size: 12px;
}
@media (min-width: 1300px) {
  html[class*=s1] {
    --global: max(32px, 3vw);
    --global-xl: max(32px, 4vw);
  }
  html[class*=s1] .header__container,
  html[class*=s1] .footer__top,
  html[class*=s1] .footer__mid,
  html[class*=s1] .header__menu {
    max-width: 100%;
  }
  html[class*=s1] .header__menu_close {
    right: 2.4rem;
  }
}
@media (max-width: 1600px) {
  html[class*=s1] .header__menu-central_categories .header__menu-central_category {
    width: calc((100% - 24px) / 2);
  }
  html[class*=s1] .header__menu-central_title a {
    padding-right: 0;
  }
  html[class*=s1] .header__menu-central_title {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1300px) {
  html[class*=s1] .header__menu-central_categories .header__menu-central_category {
    width: 100%;
  }
}
html[class*=s2] {
  font-size: 14px;
}
@media (min-width: 1300px) {
  html[class*=s2] {
    --global: max(32px, 3vw);
    --global-xl: max(32px, 4vw);
  }
  html[class*=s2] .header__container,
  html[class*=s2] .footer__top,
  html[class*=s2] .footer__mid,
  html[class*=s2] .footer__inner,
  html[class*=s2] .header__menu {
    max-width: 100%;
  }
  html[class*=s2] .header__menu_close {
    right: 2.4rem;
  }
}
@media (max-width: 1600px) {
  html[class*=s2] .header__menu-central_categories .header__menu-central_category {
    width: calc((100% - 24px) / 2);
  }
  html[class*=s2] .header__menu-central_title a {
    padding-right: 0;
  }
  html[class*=s2] .header__menu-central_title {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1300px) {
  html[class*=s2] .header__menu-central_categories .header__menu-central_category {
    width: 100%;
  }
}
html[class*=sp1] {
  letter-spacing: 1px;
}
html[class*=sp2] {
  letter-spacing: 2px;
}
html.vi {
  word-break: normal;
  hyphens: auto;
  word-break: break-word;
  --Green-Normal: black;
  --green-hover-pressed: black;
  --stroke-geen-normal-53: rgba(0, 0, 0, 0.53);
  --stroke-geen-normal-40: rgba(0, 0, 0, 0.40);
  --stroke-geen-normal-30: rgba(0, 0, 0, 0.30);
  --stroke-geen-normal-10: rgba(0, 0, 0, 0.10);
  --stroke-geen-normal-15: rgba(0, 0, 0, 0.15);
  --greenD9:rgba(0, 0, 0, 0.15);
  --light-bg: lightgrey;
  --light-green: lightgrey;
  --card-bg: #f0f0f0;
  --line4: lightgrey;
  --Error: black;
}
html.vi .header__right,
html.vi .header__subcategories {
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  html.vi .container__top .js-select__wrap {
    width: 100%;
  }
}
html.vi .p404__img .p404__title {
  background-image: linear-gradient(180deg, #353333 39.69%, rgba(0, 0, 0, 0.8196078431) 103%);
}
html.vi .select-item.active::after,
html.vi .custom-option.checked::after,
html.vi .custom-trigger::after {
  filter: invert(1) grayscale(1);
}
html.vi .tabbar__center_ico path {
  fill: black;
}
html.vi .bg-gradient-orange,
html.vi .footer__bottom,
html.vi .footer-mob__apps,
html.vi .footer-mob__bottom,
html.vi .header-swiper .swiper-slide {
  background: linear-gradient(180deg, #717070 39.69%, rgba(0, 0, 0, 0.8196078431) 103%);
}
html.vi .footer__nav,
html.vi .footer__mid {
  flex-wrap: wrap;
}
html.vi .bg-grey {
  background: var(--light-bg);
}
html.vi .main {
  background: var(--white);
}
html.vi img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
}
html.vi a:hover {
  text-decoration: underline;
}
html.vi a:hover.main-news__title {
  color: var(--black) !important;
}
html.vi a:hover .main-news__title {
  color: var(--black) !important;
}
html.vi .bg-gradient-radial {
  background: radial-gradient(63.62% 79.28% at 70.7% 53.73%, #676262 0%, #000000 100%);
}
html.vi .btn-transp {
  border: 2px solid white;
  background: white;
  color: black;
}
html[class*=c1] {
  --white: black;
  --black: white;
  --Green-Normal: white;
  --grey52: white;
  --green-hover-pressed: white;
  --Grey-secondaty-text: rgba(255, 255, 255, 0.7);
  --BG-1: black;
  --default: #696969;
  --stroke-geen-normal-15: rgba(255, 255, 255, 0.25);
  --Color: white;
  --Grey-1: rgba(255, 255, 255, 0.863);
  --BG-2: black;
  --greenD9: #fffdfdab;
}
html[class*=c1] .document img, html[class*=c1] .document svg {
  background: white;
}
html[class*=c1] .loading::after {
  background: rgba(0, 0, 0, 0.74);
}
html[class*=c1] body {
  background: black;
}
html[class*=c1] .dropdown-inner {
  border: 2px solid transparent;
}
html[class*=c1] .drop .dropdown-inner {
  border-color: white;
  border-radius: 6px;
  overflow: hidden;
}
html[class*=c1] .icon {
  stroke: white;
}
html[class*=c1] .table1 .green .tooltip .icon,
html[class*=c1] .table1 thead .tooltip .icon {
  stroke: black;
}
html[class*=c1] .tooltip__block,
html[class*=c1] .btn-arr {
  background: black;
  border: 1px solid white;
}
html[class*=c1] .tooltip .tooltip__block::before {
  content: none;
}
html[class*=c1] .header__colored_link,
html[class*=c1] .footer-mob__apps,
html[class*=c1] .footer-mob__mid_news,
html[class*=c1] .menu__category,
html[class*=c1] .btn,
html[class*=c1] .converter-form__currency .buy,
html[class*=c1] .converter-form__currency .sell,
html[class*=c1] .converter-form__selects .custom-select,
html[class*=c1] .btn-light,
html[class*=c1] .usefull__drop.drop .usefull__drop_trigger,
html[class*=c1] .usefull__drop .usefull__drop_trigger,
html[class*=c1] .usefull {
  background: black;
  border: 2px solid white;
}
html[class*=c1] .select-item.active {
  text-decoration: underline;
}
html[class*=c1] .select-item.active::after,
html[class*=c1] .btn__back img {
  filter: invert(1) grayscale(1);
}
html[class*=c1] .vi-module {
  border-bottom: 2px solid var(--black);
}
html[class*=c1] .footer {
  border-top: 2px solid white;
}
html[class*=c1] .footer__app_item,
html[class*=c1] .tabbar__ico img {
  filter: grayscale(1) brightness(1.1) invert(1);
}
html[class*=c1] .menu__category .icon-arr-min,
html[class*=c1] .btn .icon,
html[class*=c1] .btn-light .icon,
html[class*=c1] .usefull__drop.drop .icon,
html[class*=c1] .header-swiper .swiper-slide .btn-arr .icon {
  stroke: white;
}
html[class*=c1] .usefull__block_img {
  opacity: 0;
}
html[class*=c1] .bg-gradient-orange,
html[class*=c1] .footer__bottom,
html[class*=c1] .footer-mob__apps,
html[class*=c1] .footer-mob__bottom,
html[class*=c1] .menu__top,
html[class*=c1] .header-swiper .swiper-slide {
  background: linear-gradient(180deg, #353333 39.69%, rgba(0, 0, 0, 0.8196078431) 103%);
}
html[class*=c1] .bg-gradient-radial {
  background: radial-gradient(63.62% 79.28% at 70.7% 53.73%, #676262 0%, #000000 100%);
}
html[class*=c1] .p404__img .p404__title {
  background-image: linear-gradient(180deg, #989898 39.69%, rgba(255, 225, 225, 0.82) 103%);
}
html[class*=c1] .lvl2 .menu__category {
  border: unset;
}
html[class*=c1] .lvl2 .menu__category_link,
html[class*=c1] .menu__btn-light,
html[class*=c1] .table1 thead th a {
  color: black;
}
html[class*=c1] .footer__bottom_text,
html[class*=c1] .footer__bottom_web [data-trigger],
html[class*=c1] .footer__bottom_author,
html[class*=c1] .footer-mob__title,
html[class*=c1] .footer-mob__bottom_web [data-trigger],
html[class*=c1] .footer-mob__bottom_author,
html[class*=c1] .menu__category,
html[class*=c1] .usefull__drop_link,
html[class*=c1] .usefull__drop.drop .usefull__drop_trigger,
html[class*=c1] .btn,
html[class*=c1] .header-swiper__title {
  color: white;
}
html[class*=c1] .lvl2 .menu__category_link {
  background: rgba(211, 211, 211, 0.7607843137);
}
html[class*=c1] .tabbar__center_lines::before,
html[class*=c1] .tabbar__center_lines::after,
html[class*=c1] .tabbar__center_lines {
  background-color: white;
}
html[class*=c1] .open-burger .tabbar__center_lines {
  background: transparent;
}
html[class*=c1] .usefull.mobile {
  border: unset;
  box-shadow: unset;
}
html[class*=c1] .btn.disabled,
html[class*=c1] .btn[disabled],
html[class*=c1] .btn-light.disabled,
html[class*=c1] .btn-light[disabled] {
  opacity: 0.5;
  color: white;
}
html[class*=c1] .btn-transp {
  border: 2px solid black;
  background: black;
  color: white;
}
html[class*=c1] .closeable__content::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -38.64%, #000000 100%);
}
html[class*=c1] .show > .custom-select__wrap {
  border: 1px solid white;
}
@media screen and (hover: hover) {
  html[class*=c1] .custom-option:hover {
    background: rgba(255, 255, 255, 0.274);
  }
}
html[class*=c1] .page-tab.active {
  text-decoration: underline;
}
html[class*=c1] .page-tab.active::after {
  background: rgba(0, 0, 0, 0.774);
}
html.vi[class*=c2] {
  --white: #c8e5ff;
  --BG-1:#c8e5ff;
  --default: #b6d9f8;
  --Neutral-3: #b6d9f8;
  --card-bg: #a0d0f9;
  --black: #002d56;
  --Line: #002d56;
  --Green-Normal: #002d56;
  --Grey-1: #002d56;
  --grey8b: #003b72;
  --green-hover-pressed: #023564;
  --grey52: #002d56;
  --Grey-secondaty-text: #01386b;
  --Grey-2: #013769;
  --BG-2: #a0d0f9;
  --Grey-3-Stroke: #002d56;
  --Stroke: #002d56;
  --greenD9:#032e5430;
}
html.vi[class*=c2] body,
html.vi[class*=c2] .menu__top {
  background: var(--white);
}
html.vi[class*=c2] .header__call_top.green {
  background: #002d56;
}
html.vi[class*=c2] .loading::after {
  background: rgba(200, 229, 255, 0.79);
}
html.vi[class*=c2] .footer,
html.vi[class*=c2] .menu__controls {
  border-top: 2px solid var(--black);
}
html.vi[class*=c2] .header,
html.vi[class*=c2] .menu__search_row {
  border-bottom: 2px solid var(--black);
}
html.vi[class*=c2] .text-light,
html.vi[class*=c2] .extending-card__text {
  color: #002d56;
}
html.vi[class*=c2] .footer__bottom,
html.vi[class*=c2] .footer-mob__apps,
html.vi[class*=c2] .footer-mob__bottom,
html.vi[class*=c2] .header-swiper .swiper-slide {
  background: linear-gradient(180deg, #0a457b 39.69%, #002d56 103%);
}
html.vi[class*=c2] .btn__back img {
  filter: invert(1) grayscale(1);
}
html.vi[class*=c2] .btn,
html.vi[class*=c2] .header__colored_link,
html.vi[class*=c2] .menu__category,
html.vi[class*=c2] .lvl2 .menu__category.active .menu__category_link,
html.vi[class*=c2] .menu__call_main::before,
html.vi[class*=c2] .menu__call_bottom::before,
html.vi[class*=c2] .btn-light,
html.vi[class*=c2] .btn-circle:hover .btn-circle__arr {
  background: #002d56;
}
html.vi[class*=c2] .header__colored_link,
html.vi[class*=c2] .header-swiper .swiper-slide {
  color: var(--white);
}
html.vi[class*=c2] .btn-arr .icon {
  stroke: var(--black);
}
html.vi[class*=c2] .btn-light .icon,
html.vi[class*=c2] .header-swiper .btn-arr svg {
  stroke: var(--white);
}
html.vi[class*=c2] .header-mob__link_icon .icon,
html.vi[class*=c2] .tabbar__center_ico path {
  fill: var(--black);
}
html.vi[class*=c2] .menu__btn-light,
html.vi[class*=c2] .btn__back,
html.vi[class*=c2] .sell,
html.vi[class*=c2] .buy,
html.vi[class*=c2] .footer-mob__mid_news,
html.vi[class*=c2] .custom-trigger,
html.vi[class*=c2] .page-head-grey {
  border: 2px solid var(--black);
  background: unset;
}
html.vi[class*=c2] .lvl2 .menu__category {
  background: unset;
}
html.vi[class*=c2] .bg-grey {
  background: var(--white);
}
html.vi[class*=c2] .bg-gradient-orange {
  background: var(--black);
}
html.vi[class*=c2] .white .extending-card__text,
html.vi[class*=c2] .btn-light {
  color: var(--white);
}
html.vi[class*=c2] .btn-arr,
html.vi[class*=c2] .currency__block_row,
html.vi[class*=c2] .currency__block_head,
html.vi[class*=c2] .converter,
html.vi[class*=c2] .usefull {
  border-color: var(--black);
}
html.vi[class*=c2] .converter,
html.vi[class*=c2] .usefull {
  border: 1px solid var(--black);
  box-shadow: 0px 1px 4px 0px var(--black);
}
@media screen and (max-width: 600px) {
  html.vi[class*=c2] .converter,
  html.vi[class*=c2] .usefull {
    border: unset;
    box-shadow: unset;
  }
}
html.vi[class*=c2] .usefull.mobile {
  border: unset;
  box-shadow: unset;
}
html.vi[class*=c2] .btn.disabled,
html.vi[class*=c2] .btn[disabled],
html.vi[class*=c2] .btn-light.disabled,
html.vi[class*=c2] .btn-light[disabled] {
  opacity: 0.5;
  color: var(--white);
}
html.vi[class*=c2] .bg-gradient-radial {
  background: radial-gradient(63.62% 79.28% at 70.7% 53.73%, #022a4f 0%, #02223f 100%);
}
html.vi[class*=c2] .btn-transp {
  background: var(--white);
  border-color: var(--white);
  color: var(--black);
}
html.vi[class*=c2] .closeable__content::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -38.64%, #c8e5ff 100%);
}
html.vi[class*=c2] .header-swiper .btn-arr {
  border-color: var(--white);
}
html.vi[class*=c2] .page-tab.active {
  text-decoration: underline;
}
html.vi[class*=c2] .page-tab.active::after {
  background: white;
}

.s1 .menu__main_nav,
.s2 .menu__main_nav,
.sp1 .menu__main_nav,
.sp2 .menu__main_nav {
  max-width: min(23rem, 48%);
}
@media screen and (max-width: 768px) {
  .s1 .menu__main_nav,
  .s2 .menu__main_nav,
  .sp1 .menu__main_nav,
  .sp2 .menu__main_nav {
    max-width: unset;
  }
}
.s1 .subsubmenu,
.s2 .subsubmenu,
.sp1 .subsubmenu,
.sp2 .subsubmenu {
  left: min(26rem, 36vw);
}
@media screen and (max-width: 768px) {
  .s1 .subsubmenu,
  .s2 .subsubmenu,
  .sp1 .subsubmenu,
  .sp2 .subsubmenu {
    left: unset;
  }
}
.s1 .menu__main_side,
.s2 .menu__main_side,
.sp1 .menu__main_side,
.sp2 .menu__main_side {
  margin-right: 0;
}
.s1 .header__general,
.s2 .header__general,
.sp1 .header__general,
.sp2 .header__general {
  flex-wrap: wrap;
}
.s1 .header__lang .dropdown-inner, .s1 .header__lang .select-item,
.s1 .menu__lang .dropdown-inner,
.s1 .menu__lang .select-item,
.s2 .header__lang .dropdown-inner,
.s2 .header__lang .select-item,
.s2 .menu__lang .dropdown-inner,
.s2 .menu__lang .select-item,
.sp1 .header__lang .dropdown-inner,
.sp1 .header__lang .select-item,
.sp1 .menu__lang .dropdown-inner,
.sp1 .menu__lang .select-item,
.sp2 .header__lang .dropdown-inner,
.sp2 .header__lang .select-item,
.sp2 .menu__lang .dropdown-inner,
.sp2 .menu__lang .select-item {
  width: max-content;
}
.s1 .menu__controls,
.s2 .menu__controls,
.sp1 .menu__controls,
.sp2 .menu__controls {
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .s1 .menu__controls,
  .s2 .menu__controls,
  .sp1 .menu__controls,
  .sp2 .menu__controls {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .s1 .menu__controls .dropdown-block,
  .s2 .menu__controls .dropdown-block,
  .sp1 .menu__controls .dropdown-block,
  .sp2 .menu__controls .dropdown-block {
    right: unset;
    left: 0;
  }
}
#page-header__nsw-widget img{
  margin-right: 0;
}