@charset "UTF-8";
:root {
  --primary-900: #7C878E;
  --primary-500: #000000;
  --secondary-900: #626B72;
  --secondary-800: #626B72;
  --secondary-700: #999999;
  --secondary-600: #4E4E4E;
  --secondary-400: #1A1818;
  --secondary-300: #1A1818;
  --secondary-200: #8A8A8A;
  --secondary-100: #858E9A;
  --neutral-100: #FFFFFF;
  --surfaces-500: #F8F8F8;
  --surfaces-300: #F6F6F6;
  --surfaces-100: #F0F0F0;
  --surfaces-60: #ECF0EF;
  --surfaces-50: #E6E6E6;
  --divider-800: #7F7F7F;
  --divider-600: #D1D1D1;
  --divider-100: #CBD1CE;
  --success-700: #289A22;
  --success-100: #DFF0DE;
  --warning-700: #DB6E00;
  --warning-100: #FAE9D9;
  --active-700: #7C878E;
  --error-700: #CA2727;
  --error-100: #F7DFDF;
  --badges-300: #8A8A8A;
  --badges-500: #5D35B0;
  --header-100: var(--neutral-100);
  --header-300: var(--surfaces-300);
  --header-450: var(--secondary-300);
  --header-500: var(--primary-500);
  --newsletter-900: var(--secondary-900);
  --footer-50: color-mix(in srgb, var(--neutral-100) 20%, transparent);
  --footer-100: var(--secondary-900);
  --footer-200: var(--neutral-100);
  --footer-300: var(--neutral-100);
  --footer-450: var(--neutral-100);
  --footer-500: var(--neutral-100);
  --other-gradient: linear-gradient(87deg, #626B72 -7.78%, #7C878E 71.92%);
}

._display-l {
  font-size: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  line-height: clamp(5.5rem, -1.9349rem + 8.9041vw, 8.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._display-l {
    font-size: clamp(3rem, -0.3227rem + 6.3745vw, 5rem);
    line-height: clamp(3.375rem, -0.1554rem + 6.7729vw, 5.5rem);
  }
}
._display-lm {
  font-size: clamp(3rem, -2.1473rem + 6.1644vw, 5.25rem);
  line-height: clamp(3.375rem, -1.4863rem + 5.8219vw, 5.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._display-lm {
    font-size: clamp(2rem, 1.2405rem + 3.3755vw, 3rem);
    line-height: clamp(2.375rem, 1.6155rem + 3.3755vw, 3.375rem);
  }
}

._display-m {
  font-size: clamp(3rem, 0.7123rem + 2.7397vw, 4rem);
  line-height: clamp(3.375rem, 0.5154rem + 3.4247vw, 4.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._display-m {
    font-size: clamp(2.25rem, 1.004rem + 2.3904vw, 3rem);
    line-height: clamp(2.75rem, 1.7117rem + 1.992vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  ._display-m {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}

._heading-l {
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-l {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}

._heading-m {
  font-size: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  line-height: 2.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._heading-m {
    font-size: clamp(1.25rem, 0.4193rem + 1.5936vw, 1.75rem);
    line-height: clamp(1.75rem, 0.504rem + 2.3904vw, 2.5rem);
  }
}
._heading-s {
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-s {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}

._subheading-l {
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
._subheading-m {
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  line-height: 1.75rem;
}
._body-l {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
._body-l2 {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  letter-spacing: clamp(0.375rem, 0.089rem + 0.3425vw, 0.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._body-l2 {
    letter-spacing: clamp(0.25rem, 0.1551rem + 0.4219vw, 0.375rem);
  }
}

._body-m {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-m2 {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m2 {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}

._body-sm {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-sm {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-sm2 {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-sm2 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-s {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-s {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-s2 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-s2 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-xs {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-xs {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}

._body-xxs {
  font-size: 0.75rem;
  line-height: 1rem;
}

._label-m {
  font-size: 0.875rem;
  line-height: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._label-m {
    font-size: clamp(0.75rem, 0.6551rem + 0.4219vw, 0.875rem);
  }
}

._label-xs {
  font-size: 0.6875rem;
  line-height: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._label-xs {
    font-size: clamp(0.625rem, 0.5775rem + 0.211vw, 0.6875rem);
  }
}

._price-l {
  font-size: 1.625rem;
  line-height: 2rem;
}

._price-s {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

._faq-s {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

._menu-m {
  font-size: clamp(0.8125rem, 0.3836rem + 0.5137vw, 1rem);
  line-height: 1.25rem;
}
._menu-sm {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  line-height: 1.125rem;
}
._icons-xs {
  font-size: 0.8125rem;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._icons-xs {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
    line-height: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
  }
}

._card-s {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  line-height: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._card-s {
    font-size: clamp(0.8125rem, 0.9225rem + -0.211vw, 0.875rem);
    line-height: clamp(1rem, 1.2199rem + -0.4219vw, 1.125rem);
  }
}

._navigation-m {
  font-size: clamp(0.75rem, 0.3211rem + 0.5137vw, 0.9375rem);
  line-height: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._navigation-m {
    font-size: clamp(0.75rem, 0.9163rem + -0.1992vw, 0.8125rem);
  }
}
._tabs-m {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._tabs-m {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.125rem, 1.0301rem + 0.4219vw, 1.25rem);
  }
}

._numbers-m {
  font-size: clamp(3rem, 0.7123rem + 2.7397vw, 4rem);
  line-height: clamp(3.375rem, 2.5171rem + 1.0274vw, 3.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._numbers-m {
    font-size: clamp(2rem, 1.2405rem + 3.3755vw, 3rem);
    line-height: clamp(1.75rem, 0.5158rem + 5.4852vw, 3.375rem);
  }
}

._numbers-m2 {
  font-size: clamp(3rem, 0.7123rem + 2.7397vw, 4rem);
  line-height: clamp(3.375rem, 2.5171rem + 1.0274vw, 3.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._numbers-m2 {
    font-size: clamp(2rem, 1.2405rem + 3.3755vw, 3rem);
    line-height: clamp(2.75rem, 2.2753rem + 2.1097vw, 3.375rem);
  }
}

._numbers-s {
  font-size: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._numbers-s {
    font-size: clamp(1.5rem, 1.4051rem + 0.4219vw, 1.625rem);
    line-height: clamp(1.75rem, 1.5601rem + 0.8439vw, 2rem);
  }
}

._200 {
  font-weight: 200;
}

._300 {
  font-weight: 300;
}

._400 {
  font-weight: 400;
}

._500 {
  font-weight: 500;
}

._600 {
  font-weight: 600;
}

._700 {
  font-weight: 700;
}

._800 {
  font-weight: 800;
}

._900 {
  font-weight: 900;
}

h1,
.h1 {
  color: var(--primary-500);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  h1,
  .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}

h2,
.h2 {
  color: var(--primary-500);
  font-size: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  font-weight: 600;
  line-height: 2.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  h2,
  .h2 {
    font-size: clamp(1.25rem, 0.4193rem + 1.5936vw, 1.75rem);
    line-height: clamp(1.75rem, 0.504rem + 2.3904vw, 2.5rem);
  }
}
h3,
.h3 {
  color: var(--primary-500);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  h3,
  .h3 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}

h4,
.h4 {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
h5,
.h5 {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
h6,
.h6 {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
p,
.p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  p,
  .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

ul li, ol li {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ul li, ol li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

ul {
  list-style: none;
}
ul li {
  position: relative;
  padding-left: 1.125rem;
}
ul li::before {
  content: "• ";
  position: absolute;
  top: auto;
  left: 0.1875rem;
}

ol ol {
  padding-left: 1.125rem;
}

strong,
b {
  font-weight: 600;
}

:root {
  --content: 112.5rem;
  --content-max: 120rem;
  --padding: clamp(3rem, 1.2842rem + 2.0548vw, 3.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  :root {
    --padding: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  }
}
:root {
  --header__height: clamp(7.5rem, 4.0685rem + 4.1096vw, 9rem);
}
@media only screen and (max-width: 83.4375rem) {
  :root {
    --header__height: 5.125rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  :root {
    --header__height: 4.625rem;
  }
}
@media only screen and (max-width: 22.4375rem) {
  :root {
    --header__height: 4.03125rem;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: none) and (pointer: coarse) {
  :root {
    --header__height: clamp(4.5rem, 1.0685rem + 4.1096vw, 6rem);
  }
}
:root {
  --body__menu__gap: 0rem;
  --menu__width: clamp(13.0625rem, -2.0933rem + 18.1507vw, 19.6875rem);
  --menu__padding-left: 1rem;
  --menu__padding-right: 2rem;
  --menu__open__background: var(--neutral-100);
  --menu__border-radius: 0.375rem;
  --padding-block: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  --shadow-1: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  --shadow-2: 0 0.1875rem 0.75rem 0 rgba(0, 0, 0, 0.15);
  --shadow-3: 0 0.1875rem 0.75rem 0 rgba(0, 0, 0, 0.25);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body,
main {
  display: flex;
  flex-direction: column;
}

body {
  height: 100%;
  min-height: 100svh;
}
body:not(:has(#company-checkbox:checked)) .company-form {
  display: none;
}

main {
  flex: 1;
  margin-bottom: auto;
}

a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: var(--primary-900);
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    color: var(--secondary-900);
    text-decoration: none;
  }
}

img {
  max-width: 100%;
  display: block;
}

button,
input,
textarea,
select {
  appearance: none;
  outline: none;
  background: none;
  border: none;
}

ul,
ol {
  list-style-position: inside;
}

.hidden {
  display: none;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  max-width: max-content;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  padding: 0.5rem 2.8125rem;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  border-style: solid;
}
.button:not(._socials) svg path[fill] {
  fill: currentColor;
}
.button:not(._socials) svg path[stroke] {
  stroke: currentColor;
}
.button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.button._text-uppercase {
  text-transform: uppercase;
}
.button._mx-auto {
  margin-inline: auto;
}
.button._primary {
  background-color: var(--primary-900);
  border-color: var(--primary-900);
  color: var(--neutral-100);
}
@media (hover: hover) and (pointer: fine) {
  .button._primary:hover {
    background-color: var(--secondary-900);
    border-color: var(--secondary-900);
    color: var(--neutral-100);
  }
}
.button._primary:disabled {
  background-color: var(--secondary-700);
  border-color: var(--secondary-700);
  color: var(--neutral-100);
}
@media (hover: hover) and (pointer: fine) {
  .button._primary:disabled:hover {
    background-color: var(--secondary-700);
    border-color: var(--secondary-700);
    color: var(--neutral-100);
  }
}
.button._primary:disabled {
  cursor: not-allowed;
}
.button._primaryBordered {
  background-color: transparent;
  border-color: var(--primary-900);
  color: var(--primary-900);
}
@media (hover: hover) and (pointer: fine) {
  .button._primaryBordered:hover {
    background-color: var(--primary-900);
    border-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.button._whitePrimaryBordered {
  background-color: var(--neutral-100);
  border-color: var(--primary-900);
  color: var(--primary-900);
}
@media (hover: hover) and (pointer: fine) {
  .button._whitePrimaryBordered:hover {
    background-color: var(--neutral-100);
    border-color: var(--secondary-900);
    color: var(--secondary-900);
  }
}
@media (hover: hover) and (pointer: fine) {
  .button._whitePrimaryBordered:hover {
    text-decoration: underline !important;
  }
}
.button._grey {
  background-color: var(--surfaces-50);
  border-color: var(--surfaces-50);
  color: var(--secondary-300);
}
@media (hover: hover) and (pointer: fine) {
  .button._grey:hover {
    background-color: var(--neutral-100);
    border-color: var(--neutral-100);
    color: var(--secondary-300);
  }
}
.button._grey._active {
  background-color: var(--surfaces-60);
  border-color: var(--surfaces-60);
  color: var(--secondary-900);
}
@media (hover: hover) and (pointer: fine) {
  .button._grey._active:hover {
    background-color: var(--neutral-100);
    border-color: var(--neutral-100);
    color: var(--secondary-300);
  }
}
.button._blackBordered {
  background-color: transparent;
  border-color: var(--primary-500);
  color: var(--primary-500);
}
@media (hover: hover) and (pointer: fine) {
  .button._blackBordered:hover {
    background-color: transparent;
    border-color: var(--primary-500);
    color: var(--primary-500);
  }
}
@media (hover: hover) and (pointer: fine) {
  .button._blackBordered:hover {
    text-decoration: underline !important;
  }
}
.button._blackBordered:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.button._black {
  background-color: var(--primary-500);
  border-color: var(--primary-500);
  color: var(--neutral-100);
}
@media (hover: hover) and (pointer: fine) {
  .button._black:hover {
    background-color: transparent;
    border-color: var(--primary-500);
    color: var(--primary-500);
  }
}
@media (hover: hover) and (pointer: fine) {
  .button._black:hover {
    text-decoration: underline !important;
  }
}
.button._white {
  background-color: var(--neutral-100);
  border-color: var(--neutral-100);
  color: var(--primary-500);
}
@media (hover: hover) and (pointer: fine) {
  .button._white:hover {
    background-color: var(--primary-900);
    border-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.button._whiteBordered {
  background-color: transparent;
  border-color: var(--neutral-100);
  color: var(--neutral-100);
}
@media (hover: hover) and (pointer: fine) {
  .button._whiteBordered:hover {
    background-color: var(--neutral-100);
    border-color: var(--neutral-100);
    color: var(--primary-500);
  }
}
.button._socials {
  background-color: transparent;
  border-color: var(--secondary-700);
  color: var(--primary-500);
}
@media (hover: hover) and (pointer: fine) {
  .button._socials:hover {
    background-color: transparent;
    border-color: var(--primary-900);
    color: var(--primary-900);
  }
}
.button._disabled {
  background-color: var(--secondary-700);
  border-color: var(--secondary-700);
  color: var(--neutral-100);
}
@media (hover: hover) and (pointer: fine) {
  .button._disabled:hover {
    background-color: var(--secondary-700);
    border-color: var(--secondary-700);
    color: var(--neutral-100);
  }
}
.button._disabled:disabled {
  cursor: not-allowed;
}
.button._max-w-140 {
  max-width: 8.75rem;
}
.button._max-w-180 {
  max-width: 11.25rem;
}
.button._max-w-200 {
  max-width: 12.5rem;
}
.button._max-w-300 {
  max-width: 18.75rem;
}
.button._max-w-336 {
  max-width: 21rem;
}
.button._max-w-380 {
  max-width: 23.75rem;
}
.button._max-w-full {
  max-width: 100%;
}
.button._h-32 {
  height: 2rem;
}
.button._h-40 {
  height: 2.5rem;
}
.button._h-48 {
  height: 3rem;
}
.button._h-56 {
  height: 3.5rem;
}
.button._h-64 {
  height: 4rem;
}
.button._px-27 {
  padding-inline: 1.6875rem;
}
.button._px-30 {
  padding-inline: 1.875rem;
}
.button._px-32 {
  padding-inline: 2rem;
}
.button._px-40 {
  padding-inline: 2.5rem;
}
.button._px-65 {
  padding-inline: clamp(2.75rem, -0.2526rem + 3.5959vw, 4.0625rem);
}
.button._px-123 {
  padding-inline: clamp(4.6875rem, -2.1755rem + 8.2192vw, 7.6875rem);
}

.checkbox {
  --checkbox__width: 1.125rem;
  --checkbox__gap: 0.75rem;
  --checkbox__box__background-color: var(--neutral-100);
  --checkbox__box__border-color: var(--divider-800);
  --checkbox__box__border-radius: 0.0625rem;
  --checkbox__box__margin-top: 0;
  --checkbox__box__background-size: var(--checkbox__width);
  --checkbox__text__color: var(--primary-500);
  display: flex;
  align-items: flex-start;
  gap: var(--checkbox__gap);
  position: relative;
  cursor: pointer;
}
.checkbox .checkbox__input {
  display: none;
}
.checkbox .checkbox__box {
  width: var(--checkbox__width);
  min-width: var(--checkbox__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--checkbox__box__background-color);
  display: block;
  border: 0.0625rem solid var(--checkbox__box__border-color);
  border-radius: var(--checkbox__box__border-radius);
  margin-top: var(--checkbox__box__margin-top);
}
.checkbox .checkbox__text {
  display: block;
  color: var(--checkbox__text__color);
}
.checkbox:has(.checkbox__input:checked) {
  --checkbox__box__background-color: var(--primary-900);
  --checkbox__box__border-color: var(--primary-900);
}
.checkbox:has(.checkbox__input:checked) .checkbox__box {
  background-image: url("../images/icons/check_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--checkbox__box__background-size);
}
.checkbox:has(.checkbox__input:disabled) {
  --checkbox__text__color: var(--divider-800) !important;
  cursor: not-allowed;
}
.checkbox:has(.checkbox__input:disabled:checked) {
  --checkbox__box__background-color: var(--divider-800);
  --checkbox__box__border-color: var(--divider-800);
}
.checkbox._block {
  background-color: var(--surfaces-300);
  padding: 0.625rem;
  border-radius: 0.25rem;
}
.checkbox._block:has(.checkbox__input:checked) {
  --checkbox__text__color: var(--secondary-900);
  background-color: var(--surfaces-500);
}
.checkbox._white {
  --checkbox__gap: 0.625rem;
  --checkbox__box__border-color: var(--neutral-100);
  --checkbox__box__background-color: transparent;
  --checkbox__text__color: var(--neutral-100);
}
.checkbox._white:has(.checkbox__input:checked) {
  --checkbox__box__border-color: var(--neutral-100);
  --checkbox__box__background-color: transparent;
}
.checkbox._white a {
  color: var(--neutral-100);
}
@media (hover: hover) and (pointer: fine) {
  .checkbox._white a:hover {
    text-decoration: unset;
  }
}
.checkbox._filter {
  --checkbox__gap: 0.875rem;
  --checkbox__box__border-radius: 0.125rem;
}
.checkbox._cookies:has(.checkbox__input:checked) {
  --checkbox__text__color: var(--secondary-900);
}
.checkbox._address {
  --checkbox__gap: 0.875rem;
  --checkbox_checked__text__color: var(--primary-900);
}
.checkbox._error:not(:has(.checkbox__input:checked)) {
  --checkbox__box__border-color: var(--error-700);
  --checkbox__text__color: var(--error-700);
}
.checkbox._body-m {
  --checkbox__box__margin-top: clamp(0.0625rem, -0.0324rem + 0.4219vw, 0.1875rem);
}
.checkbox._body-s {
  --checkbox__box__margin-top: 0.0625rem;
}

.input {
  --input__background: var(--neutral-100);
  --input__border-color: var(--divider-600);
  --input__label__color: var(--secondary-400);
  --input__text__color: var(--secondary-300);
  --input__error: var(--error-700);
  --input__textarea__height: 10.125rem;
  --input__svg__width: 1.375rem;
  --input__svg__color: var(--secondary-200);
  --input__padding-inline: 0.875rem;
  --input__gap: 0.875rem;
  width: 100%;
  margin-top: var(--input__margin-top, 1.5rem);
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .input:hover {
    --input__border-color: var(--secondary-700);
    --input__svg__color: var(--secondary-600);
  }
}
.input:has(.input__frame svg:first-child) .input__label {
  left: calc(var(--input__padding-inline) + var(--input__svg__width) + var(--input__gap) - var(--label__padding));
}
.input:has(.frame__pass) input[type=text] + .frame__pass .pass__on {
  display: none;
}
.input:has(.frame__pass) input[type=text] + .frame__pass .pass__off {
  display: flex;
}
.input:has(.frame__pass) input:not(:placeholder-shown) + .frame__pass {
  opacity: 1;
}
.input:has(.input__link) {
  display: flex;
  align-items: center;
}
.input .input__label {
  --label__padding: 0.375rem;
  display: flex;
  color: var(--input__label__color);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__label {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.input .input__label {
  background-color: var(--input__background);
  padding-inline: var(--label__padding);
  position: absolute;
  z-index: 1;
  top: 0.875rem;
  left: calc(var(--input__padding-inline) - var(--label__padding));
  transition: top 0.15s ease-in-out, left 0.15s ease-in-out, font-size 0.15s ease-in-out, color 0.15s ease-in-out;
}
.input .input__frame {
  height: 3rem;
  display: flex;
  align-items: flex-start;
  gap: var(--input__gap);
  background-color: var(--input__background);
  padding: 0.75rem var(--input__padding-inline);
  border: 0.0625rem solid var(--input__border-color);
  border-radius: 0.25rem;
  position: relative;
}
.input .input__frame:has(textarea) {
  height: var(--input__textarea__height) !important;
}
.input .input__frame:has(textarea) textarea {
  resize: none;
}
.input .input__frame svg {
  width: var(--input__svg__width);
  min-width: var(--input__svg__width);
  height: auto;
  aspect-ratio: 1;
}
.input .input__frame svg path {
  stroke: var(--input__svg__color);
}
.input .input__frame input,
.input .input__frame textarea {
  width: 100%;
  height: 100%;
  color: var(--input__text__color);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__frame input,
  .input .input__frame textarea {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.input .input__frame input::placeholder,
.input .input__frame textarea::placeholder {
  color: var(--input__background);
}
.input .input__frame input:-webkit-autofill, .input .input__frame input:-webkit-autofill:hover, .input .input__frame input:-webkit-autofill:focus, .input .input__frame input:-webkit-autofill:active,
.input .input__frame textarea:-webkit-autofill,
.input .input__frame textarea:-webkit-autofill:hover,
.input .input__frame textarea:-webkit-autofill:focus,
.input .input__frame textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--input__text__color) !important;
  background-color: transparent !important;
}
.input .input__frame input[type=password],
.input .input__frame textarea[type=password] {
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__frame input[type=password],
  .input .input__frame textarea[type=password] {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.input .input__frame .frame__pass {
  width: var(--input__svg__width);
  min-width: var(--input__svg__width);
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .input .input__frame .frame__pass:hover {
    color: var(--secondary-900);
  }
}
.input .input__frame .frame__pass {
  display: flex;
  cursor: pointer;
  opacity: 0;
  color: var(--secondary-200);
}
.input .input__frame .frame__pass span {
  display: flex;
}
.input .input__frame .frame__pass span svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.input .input__frame .frame__pass span svg path {
  stroke: currentColor;
  transition: stroke 0.3s ease-out;
}
.input .input__frame .frame__pass .pass__off {
  display: none;
}
.input .input__link {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .input .input__link:hover {
    color: var(--secondary-900);
  }
}
.input .input__link {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.input:has(input:focus) .input__label, .input:has(input:focus) .input__label, .input:has(textarea:focus) .input__label, .input:has(input:not(:focus):not(:placeholder-shown)) .input__label, .input:has(textarea:not(:focus):not(:placeholder-shown)) .input__label, .input:has(input:not(:empty)) .input__label, .input:has(textarea:not(:empty)) .input__label, .input:has(input:-webkit-autofill) .input__label, .input:has(select:-webkit-autofill) .input__label, .input:has(textarea:-webkit-autofill) .input__label {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .input:has(input:focus) .input__label, .input:has(input:focus) .input__label, .input:has(textarea:focus) .input__label, .input:has(input:not(:focus):not(:placeholder-shown)) .input__label, .input:has(textarea:not(:focus):not(:placeholder-shown)) .input__label, .input:has(input:not(:empty)) .input__label, .input:has(textarea:not(:empty)) .input__label, .input:has(input:-webkit-autofill) .input__label, .input:has(select:-webkit-autofill) .input__label, .input:has(textarea:-webkit-autofill) .input__label {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.input:has(input:focus) .input__label, .input:has(input:focus) .input__label, .input:has(textarea:focus) .input__label, .input:has(input:not(:focus):not(:placeholder-shown)) .input__label, .input:has(textarea:not(:focus):not(:placeholder-shown)) .input__label, .input:has(input:not(:empty)) .input__label, .input:has(textarea:not(:empty)) .input__label, .input:has(input:-webkit-autofill) .input__label, .input:has(select:-webkit-autofill) .input__label, .input:has(textarea:-webkit-autofill) .input__label {
  top: -0.625rem;
  left: calc(var(--input__padding-inline) - var(--label__padding)) !important;
}
.input .input__error {
  color: var(--input__error);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  display: none;
}
.input._required .input__label::after {
  content: "*";
  margin-left: 0.1875rem;
}
.input._error .input__label {
  color: var(--input__error);
}
.input._error .input__frame {
  border-color: var(--input__error);
  position: relative;
}
.input._error .input__frame::after {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/error_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
}
.input._error .input__error {
  display: flex;
}

.double__input {
  --input__columns: repeat(2, minmax(0, 1fr));
  display: grid;
  grid-gap: 0 clamp(0.75rem, 0.1804rem + 2.5316vw, 1.5rem);
  grid-template-columns: var(--input__columns);
}
@media only screen and (max-width: 83.4375rem) {
  .double__input:has(.double__input) {
    --input__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .double__input:has(.double__input) {
    --input__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .double__input:has(.double__input) {
    --input__columns: minmax(0, 1fr);
  }
}

.pagination {
  --pagination__color: var(--primary-500);
  --pagination_active__color: var(--neutral-100);
  --pagination__background: var(--neutral-100);
  --pagination_active__background: var(--primary-500);
  --pagination__border-color: var(--divider-600);
  --pagination_active__border-color: var(--primary-500);
  --pagination__button__width: clamp(2.25rem, 2.0601rem + 0.8439vw, 2.5rem);
  display: flex;
  justify-content: center;
  gap: clamp(0.625rem, 0.3402rem + 1.2658vw, 1rem);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  flex-wrap: wrap;
}
.pagination > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--pagination__button__width);
  min-width: var(--pagination__button__width);
  height: auto;
  aspect-ratio: 1;
  color: var(--pagination__color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .pagination > * {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.pagination > * {
  text-decoration: none;
  border-radius: 50%;
}
.pagination > a {
  border: 0.0625rem solid var(--pagination__border-color);
}
.pagination > a._active {
  background-color: var(--pagination_active__background);
  border-color: var(--pagination_active__border-color);
  color: var(--pagination_active__color);
  font-weight: 600;
}
@media (hover: hover) and (pointer: fine) {
  .pagination > a:hover {
    background-color: var(--pagination_active__background);
    border-color: var(--pagination_active__border-color);
    color: var(--pagination_active__color);
  }
}
.pagination .pagination__left,
.pagination .pagination__right {
  position: relative;
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .pagination__left:hover,
  .pagination .pagination__right:hover {
    background-color: var(--pagination_active__background);
    color: var(--pagination_active__color);
  }
}
.pagination .pagination__left svg,
.pagination .pagination__right svg {
  width: var(--pagination__button__width);
  min-width: var(--pagination__button__width);
  height: auto;
  aspect-ratio: 1;
}
.pagination .pagination__left svg path,
.pagination .pagination__right svg path {
  stroke: currentColor;
}

.breadcrumb {
  --icon__width: 1.5rem;
}
.breadcrumb ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.breadcrumb ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.breadcrumb ul {
  list-style: none;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb {
  display: flex;
  justify-content: center;
  width: 100%;
  color: var(--divider-800);
}
.breadcrumb .breadcrumb__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
.breadcrumb .item__link {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .breadcrumb .item__link:hover {
    color: var(--secondary-900);
  }
}
.breadcrumb .item__link {
  color: var(--divider-800);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .breadcrumb .item__link {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.breadcrumb .item__link {
  text-align: center;
}
.breadcrumb .list__item {
  display: inline;
  line-height: var(--icon__width);
  text-align: center;
}
@media (hover: hover) and (pointer: fine) {
  .breadcrumb .list__item:first-child:hover .item__link svg path {
    stroke: var(--secondary-900);
  }
}
.breadcrumb .list__item:first-child .item__link svg {
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  display: inline-flex;
  align-self: center;
  position: relative;
  margin-bottom: -0.375rem;
  margin-right: 0.625rem;
}
.breadcrumb .list__item:first-child .item__link svg path {
  stroke: var(--secondary-600);
}
.breadcrumb .list__item:not(:last-child) {
  margin-right: 0.625rem;
}
.breadcrumb .list__item:not(:last-child)::after {
  --icon__width: 0.875rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/slash_14x14.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  display: inline-flex;
  position: relative;
  top: 0.1875rem;
  margin-left: 0.625rem;
}
.breadcrumb .list__item:last-child .item__link {
  color: var(--secondary-600);
}
@media (hover: hover) and (pointer: fine) {
  .breadcrumb .list__item:last-child .item__link:hover {
    color: var(--secondary-900);
  }
}

.hero._news-inner .breadcrumb,
.hero._news-inner .breadcrumb__list {
  justify-content: flex-start;
}
.hero._news-inner .breadcrumb .item__link,
.hero._news-inner .breadcrumb .list__item {
  text-align: left;
}

.text__editor {
  padding-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
.text__editor > *:first-child {
  margin-top: 0 !important;
}
.text__editor h1, .text__editor .h1, .text__editor h2, .text__editor .h2, .text__editor h3, .text__editor .h3, .text__editor h4, .text__editor .h4, .text__editor h5, .text__editor .h5, .text__editor h6, .text__editor .h6 {
  margin-top: clamp(3rem, 2.1421rem + 1.0274vw, 3.375rem);
}
@media only screen and (max-width: 52.0625rem) {
  .text__editor h1, .text__editor .h1, .text__editor h2, .text__editor .h2, .text__editor h3, .text__editor .h3, .text__editor h4, .text__editor .h4, .text__editor h5, .text__editor .h5, .text__editor h6, .text__editor .h6 {
    margin-top: clamp(2rem, 1.2405rem + 3.3755vw, 3rem);
  }
}
.text__editor p, .text__editor .p {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .text__editor p, .text__editor .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.text__editor p, .text__editor .p {
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
.text__editor ul, .text__editor ol {
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
.text__editor ul li, .text__editor ol li {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .text__editor ul li, .text__editor ol li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.text__editor ul ul, .text__editor ul ol, .text__editor ol ul, .text__editor ol ol {
  margin-top: 0;
}
.text__editor table {
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
.text__editor .about__facts {
  --facts__margin-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  --facts__width: 100%;
  --facts__max-width: var(--facts__width);
  --facts__padding-block: 0;
  --facts__padding-inline: 0;
}
@media only screen and (min-width: 67.8125rem) {
  .text__editor .about__facts {
    --facts__justify-content: space-between;
  }
}
@media only screen and (min-width: 67.8125rem) {
  .text__editor .about__facts .facts__item:first-child {
    padding-left: 0;
  }
  .text__editor .about__facts .facts__item:last-child {
    padding-right: 0;
  }
}
.text__editor .about__facts + * {
  margin-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
}

.timeline._card {
  --timeline__padding: 2.5rem;
  --timeline__photo__width: clamp(26.875rem, 14.0068rem + 15.411vw, 32.5rem);
  --timeline__photo__min-width: var(--timeline__photo__width);
  --timeline__direction: 0;
}
@media only screen and (max-width: 67.75rem) {
  .timeline._card {
    --timeline__photo__width: 32.5rem;
    --timeline__photo__min-width: unset;
    --timeline__direction: column;
    --timeline__gap: 2.5rem;
  }
  .timeline._card .content__year,
  .timeline._card .text__title,
  .timeline._card .text__description,
  .timeline._card .text__description :is(p, .p),
  .timeline._card .content__count {
    text-align: center;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .timeline._card {
    --timeline__padding: 0;
  }
}
.timeline._card {
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: var(--timeline__direction);
  align-items: center;
  gap: var(--timeline__gap);
  padding: var(--timeline__padding);
}
.timeline._card .timeline__photo {
  width: var(--timeline__photo__width);
  min-width: var(--timeline__photo__min-width);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.1818181818;
  border-radius: 0.375rem;
  overflow: hidden;
}
.timeline._card .timeline__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.timeline._card .timeline__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (min-width: 67.8125rem) {
  .timeline._card .timeline__content {
    padding-left: var(--timeline__padding);
    padding-right: 3.125rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .timeline._card .timeline__content {
    width: var(--timeline__photo__width);
    max-width: 100%;
  }
}
.timeline._card .content__year {
  color: var(--primary-900);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 400;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .timeline._card .content__year {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.timeline._card .content__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline._card .text__title {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
}
.timeline._card .text__description {
  display: flex;
  flex-direction: column;
  gap: 1lh;
}
.timeline._card .text__description p, .timeline._card .text__description .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .timeline._card .text__description p, .timeline._card .text__description .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.timeline._card .content__count {
  color: var(--secondary-200);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.floating__buttons {
  --floating__gap: 0.625rem;
  --floating__button__width: clamp(3.125rem, 2.8402rem + 1.2658vw, 3.5rem);
  --floating__buttons__height: var(--floating__button__width);
  --floating__button__background-color: var(--neutral-100);
  --floating__scroll__translateY: -100%;
  --floating__scroll__opacity: 0;
  --floating__icon__color: var(--secondary-900);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--floating__gap);
  height: var(--floating__buttons__height);
  position: fixed;
  z-index: 4;
  right: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  bottom: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
}
.floating__buttons._active {
  --floating__scroll__translateY: 0;
  --floating__scroll__opacity: 1;
  --floating__buttons__height: calc(var(--floating__button__width) * 2 + var(--floating__gap));
}
.floating__buttons button {
  width: var(--floating__button__width);
  min-width: var(--floating__button__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--floating__button__background-color);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .floating__buttons button:hover {
    --floating__button__background-color: var(--secondary-900);
    --floating__icon__color: var(--neutral-100);
  }
}
.floating__buttons .button__scroll {
  transform: translateY(var(--floating__scroll__translateY));
  opacity: var(--floating__scroll__opacity);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.floating__buttons .button__scroll svg {
  width: 1.25rem;
  min-width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
}
.floating__buttons .button__scroll svg path {
  stroke: var(--floating__icon__color);
}
.floating__buttons .button__contacts svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.floating__buttons .button__contacts svg path {
  fill: var(--floating__icon__color);
}

.cookies {
  --cookies__logo__width: 10rem;
  --cookies__logo__aspect-ratio: 4;
  --cookies__button__width: 16rem;
  --cookies__buttons__gap: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --cookies__buttons__width: calc(var(--cookies__button__width) * 2 + var(--cookies__buttons__gap));
}
@media only screen and (max-width: 52.0625rem) {
  .cookies {
    --cookies__buttons__gap: 0.5rem;
    --cookies__button__width: 100%;
  }
}
.cookies {
  width: 100%;
  background-color: var(--neutral-100);
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: var(--shadow-3);
}
.cookies._active {
  opacity: 1;
  visibility: visible;
}
.cookies .cookies__block {
  --block__columns: minmax(0, var(--cookies__logo__width)) minmax(0, 1fr);
  --block__template: 'logo text' 'logo checkboxes' 'buttons buttons';
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__block {
    --block__columns: minmax(0, 1fr);
    --block__template: 'text' 'checkboxes' 'buttons';
  }
}
.cookies .cookies__block {
  display: grid;
  grid-gap: 0 clamp(2.5rem, 0.4233rem + 3.9841vw, 3.75rem);
  grid-template-columns: var(--block__columns);
  grid-template-rows: repeat(3, auto);
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  align-items: flex-start;
  grid-template-areas: var(--block__template);
}
.cookies .cookies__logo {
  display: flex;
  grid-area: logo;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__logo {
    display: none;
  }
}
.cookies .cookies__logo img, .cookies .cookies__logo svg {
  width: var(--cookies__logo__width);
  min-width: var(--cookies__logo__width);
  height: auto;
  aspect-ratio: var(--cookies__logo__aspect-ratio);
  object-fit: contain;
}
.cookies .cookies__text {
  grid-area: text;
}
.cookies .cookies__text p,
.cookies .cookies__text .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__text p,
  .cookies .cookies__text .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.cookies .cookies__text p:first-child,
.cookies .cookies__text .p:first-child {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__text p:first-child,
  .cookies .cookies__text .p:first-child {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.cookies .cookies__text p:not(:first-child),
.cookies .cookies__text .p:not(:first-child) {
  margin-top: 0.375rem;
}
.cookies .cookies__text p strong,
.cookies .cookies__text p b,
.cookies .cookies__text .p strong,
.cookies .cookies__text .p b {
  font-weight: 500;
}
.cookies .cookies__checkboxes {
  --checkboxes__gap: clamp(1.875rem, -1.24rem + 5.9761vw, 3.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__checkboxes {
    --checkboxes__gap: 1rem;
  }
}
.cookies .cookies__checkboxes {
  display: flex;
  align-items: center;
  gap: var(--checkboxes__gap);
  grid-area: checkboxes;
  align-self: center;
  margin-top: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__checkboxes {
    display: grid;
    grid-template-columns: repeat(2, auto);
  }
}
.cookies .cookies__buttons {
  --buttons__margin-left: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__buttons {
    --buttons__direction: column-reverse;
    --buttons__margin-left: 0;
  }
}
.cookies .cookies__buttons {
  width: 100%;
  max-width: var(--cookies__buttons__width);
  display: flex;
  flex-direction: var(--buttons__direction);
  gap: var(--cookies__buttons__gap);
  grid-area: buttons;
  margin-left: var(--buttons__margin-left);
}
@media only screen and (max-width: 101.6875rem) {
  .cookies .cookies__buttons {
    margin-top: 1.5rem;
  }
}

.notification {
  width: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: 1.875rem;
}
.notification .content {
  background-color: var(--neutral-100);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border-radius: 0.25rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.notification .content::after {
  background-color: var(--notification__background);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.notification .content::before {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-image: var(--notification__icon);
  margin-right: 0.375rem;
}
.notification p {
  color: var(--notification__color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .notification p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.notification p {
  margin-right: auto;
}
.notification .close {
  --close__width: 1.25rem;
  display: flex;
  width: var(--close__width);
  min-width: var(--close__width);
  height: auto;
  aspect-ratio: 1;
  margin-left: 0.375rem;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .notification .close:hover svg path {
    stroke: var(--notification__color);
  }
}
.notification .close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.notification .close svg path {
  stroke: currentColor;
}
.notification._success {
  --notification__background: var(--success-100);
  --notification__icon: url(../images/icons/check-circle_24x24_success.svg);
  --notification__color: var(--success-700);
}
.notification._error {
  --notification__background: var(--error-100);
  --notification__icon: url(../images/icons/x-circle_24x24_red.svg);
  --notification__color: var(--error-700);
}

.header__mobile {
  background-color: var(--neutral-100);
  display: none;
  flex: 1;
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (pointer: fine) {
  .header__mobile {
    display: none !important;
  }
}
.header__mobile .mobile__info {
  display: flex;
  flex-direction: column;
  padding-block: 0.9375rem;
  flex: 1;
}
@media only screen and (min-width: 120rem) {
  .header__mobile .mobile__info .info__pages,
  .header__mobile .mobile__info .info__websites {
    --wrap__padding: var(--padding);
    width: 100%;
    max-width: calc(var(--content) + 2 * var(--wrap__padding));
    padding-inline: var(--wrap__padding);
    margin-inline: auto;
    padding-inline: 0;
  }
}
.header__mobile .mobile__info:has(.item__button input:checked) {
  background-color: unset;
  padding-block: 0;
}
.header__mobile .mobile__info:has(.item__button input:checked) .pages__item:not(:has(.item__button input:checked)),
.header__mobile .mobile__info:has(.item__button input:checked) .info__websites {
  display: none;
}
.header__mobile .mobile__info .info__pages {
  --nav__dropdown__width: 1.5rem;
  --nav__dropdown__gap: 0.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--secondary-300);
}
.header__mobile .mobile__info .info__pages .pages__item {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .pages__item:hover {
    color: var(--secondary-900);
  }
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__link svg path[stroke],
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__link-2 svg path[stroke],
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__button svg path[stroke],
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__button-2 svg path[stroke] {
    stroke: var(--secondary-900);
  }
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__link svg path[fill],
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__link-2 svg path[fill],
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__button svg path[fill],
  .header__mobile .mobile__info .info__pages .pages__item:hover .item__button-2 svg path[fill] {
    fill: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) {
  display: flex;
  flex-direction: column;
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__link {
  display: none;
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button:hover {
    color: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: unset;
  min-width: unset;
  height: unset;
  aspect-ratio: unset;
  text-transform: uppercase;
  order: 1;
  position: relative;
  top: unset;
  right: unset;
  transform: unset;
  padding-top: 1.5rem;
  padding-bottom: 0.5625rem;
  padding-inline: var(--padding);
  margin-top: 0;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button:hover svg path {
    stroke: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button .button__back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button .button__back svg path {
  stroke: var(--primary-900);
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__button .button__chevron {
  display: none;
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button input:checked) .item__dropdown {
  display: flex;
  flex-direction: column;
  order: 2;
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button-2 input:checked) .item__button {
  display: none;
}
.header__mobile .mobile__info .info__pages .pages__item:has(.item__button-2 input:checked) .dropdown__item:not(:has(.item__button-2 input:checked)) {
  display: none;
}
.header__mobile .mobile__info .info__pages .dropdown__item {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .dropdown__item:hover {
    color: var(--secondary-900);
  }
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__link svg path[stroke],
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__link-2 svg path[stroke],
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__button svg path[stroke],
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__button-2 svg path[stroke] {
    stroke: var(--secondary-900);
  }
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__link svg path[fill],
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__link-2 svg path[fill],
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__button svg path[fill],
  .header__mobile .mobile__info .info__pages .dropdown__item:hover .item__button-2 svg path[fill] {
    fill: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) {
  display: flex;
  flex-direction: column;
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__link-2 {
  display: none;
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2 {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2:hover {
    color: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2 {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2 {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: unset;
  min-width: unset;
  height: unset;
  aspect-ratio: unset;
  text-transform: uppercase;
  order: 1;
  position: relative;
  top: unset;
  right: unset;
  transform: unset;
  padding-top: 0.9375rem;
  padding-bottom: 0.5625rem;
  padding-inline: var(--padding);
  margin-top: 0;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2:hover svg path {
    stroke: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2 .button__back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2 .button__back svg path {
  stroke: var(--primary-900);
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__button-2 .button__chevron {
  display: none;
}
.header__mobile .mobile__info .info__pages .dropdown__item:has(.item__button-2 input:checked) .item__dropdown-2 {
  display: flex;
  flex-direction: column;
  order: 2;
}
.header__mobile .mobile__info .info__pages .item__link,
.header__mobile .mobile__info .info__pages .item__link-2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.75rem, 0.3211rem + 0.5137vw, 0.9375rem);
  font-weight: 500;
  line-height: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .mobile__info .info__pages .item__link,
  .header__mobile .mobile__info .info__pages .item__link-2 {
    font-size: clamp(0.75rem, 0.9163rem + -0.1992vw, 0.8125rem);
  }
}
.header__mobile .mobile__info .info__pages .item__link,
.header__mobile .mobile__info .info__pages .item__link-2 {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .item__link:hover,
  .header__mobile .mobile__info .info__pages .item__link-2:hover {
    color: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .item__link,
.header__mobile .mobile__info .info__pages .item__link-2 {
  padding-block: 0.5625rem;
  padding-inline: var(--padding) calc(var(--nav__dropdown__width) + var(--nav__dropdown__gap) + var(--padding));
}
.header__mobile .mobile__info .info__pages .item__link svg,
.header__mobile .mobile__info .info__pages .item__link-2 svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__info .info__pages .item__link svg path[stroke],
.header__mobile .mobile__info .info__pages .item__link-2 svg path[stroke] {
  stroke: var(--primary-500);
}
.header__mobile .mobile__info .info__pages .item__link svg path[fill],
.header__mobile .mobile__info .info__pages .item__link-2 svg path[fill] {
  fill: var(--primary-500);
}
.header__mobile .mobile__info .info__pages .item__link-3 {
  display: flex;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__pages .item__link-3:hover {
    color: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__pages .item__link-3 {
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__pages .item__link-3 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.header__mobile .mobile__info .info__pages .item__link-3 {
  padding-inline: var(--padding);
}
.header__mobile .mobile__info .info__pages .item__button,
.header__mobile .mobile__info .info__pages .item__button-2 {
  --button__width: 1.5rem;
  width: var(--button__width);
  min-width: var(--button__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  position: absolute;
  top: 50%;
  right: var(--padding);
  transform: translateY(-50%);
  font-size: 0;
  cursor: pointer;
}
.header__mobile .mobile__info .info__pages .item__button .button__back,
.header__mobile .mobile__info .info__pages .item__button .button__chevron,
.header__mobile .mobile__info .info__pages .item__button-2 .button__back,
.header__mobile .mobile__info .info__pages .item__button-2 .button__chevron {
  display: flex;
  width: var(--button__width);
  min-width: var(--button__width);
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__info .info__pages .item__button .button__back svg,
.header__mobile .mobile__info .info__pages .item__button .button__chevron svg,
.header__mobile .mobile__info .info__pages .item__button-2 .button__back svg,
.header__mobile .mobile__info .info__pages .item__button-2 .button__chevron svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__info .info__pages .item__button .button__back svg path,
.header__mobile .mobile__info .info__pages .item__button .button__chevron svg path,
.header__mobile .mobile__info .info__pages .item__button-2 .button__back svg path,
.header__mobile .mobile__info .info__pages .item__button-2 .button__chevron svg path {
  stroke: var(--primary-500);
}
.header__mobile .mobile__info .info__pages .item__button .button__back,
.header__mobile .mobile__info .info__pages .item__button-2 .button__back {
  display: none;
}
.header__mobile .mobile__info .info__pages .item__button .button__chevron,
.header__mobile .mobile__info .info__pages .item__button-2 .button__chevron {
  display: none;
}
.header__mobile .mobile__info .info__pages .item__dropdown,
.header__mobile .mobile__info .info__pages .item__dropdown-2 {
  color: var(--primary-500);
  display: none;
  padding-block: 0.5625rem;
}
.header__mobile .mobile__info .info__pages .item__dropdown-2 {
  gap: 1rem;
}
.header__mobile .mobile__info .info__websites {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 1.125rem;
  margin-top: 0.5625rem;
  border-top: 0.0625rem solid var(--surfaces-50);
  padding-inline: var(--padding);
}
.header__mobile .mobile__info .info__websites .websites__item {
  --item__border-color: transparent;
  display: flex;
  width: var(--item__width);
  color: var(--item__color);
  border: 0.0625rem solid var(--item__border-color);
  border-radius: 0.375rem;
}
@media (hover: hover) and (pointer: fine) {
  .header__mobile .mobile__info .info__websites .websites__item:hover {
    opacity: 0.7;
  }
}
.header__mobile .mobile__info .info__websites .websites__item._active {
  --item__border-color: var(--item__color);
}
.header__mobile .mobile__info .info__websites .websites__item svg {
  width: 100%;
  height: auto;
}
.header__mobile .mobile__info .info__websites .websites__item svg path[stroke] {
  stroke: currentColor;
}
.header__mobile .mobile__info .info__websites .websites__item svg path[fill] {
  fill: currentColor;
}
.header__mobile .mobile__info .info__websites .websites__item._engineering {
  --item__color: #7C878E;
  --item__width: 12.5rem;
}
.header__mobile .mobile__info .info__websites .websites__item._components {
  --item__color: #008F8F;
  --item__width: 12.5625rem;
}
.header__mobile .mobile__info .info__websites .websites__item._property {
  --item__color: #7F9C90;
  --item__width: 10.5rem;
}

body:has(#menu__popup:checked) .header__mobile {
  display: flex;
  flex-direction: column;
}

header {
  --header__background: var(--header-100);
  --header__background-primary: var(--header-300);
  --header__text: var(--header-500);
  --header__text-primary: var(--header-450);
  --header__logo__width: clamp(12.5rem, 9.0685rem + 4.1096vw, 14rem);
  --header__logo__margin-right: 0rem;
  --header__languages__width: 3.375rem;
  --header__languages__padding-inline: 0.5625rem;
}
@media only screen and (max-width: 52.0625rem) {
  header {
    --header__logo__width: 10.5rem;
  }
}
@media only screen and (max-width: 22.4375rem) {
  header {
    --header__logo__width: 8.125rem;
  }
}
header {
  background-color: var(--header__background);
}
header ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
header ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
header ul {
  list-style: none;
}
header a {
  text-decoration: none;
}
header {
  position: relative;
  z-index: 4;
}
@media only screen and (max-width: 83.4375rem) {
  header {
    border-bottom: 0.0625rem solid var(--surfaces-50);
  }
}
header._sticky {
  position: sticky;
  top: calc(var(--header__height) * -1);
  transition: top 0.3s ease-in-out, background 0.3s ease-in-out;
}
header._sticky._active {
  top: 0;
  box-shadow: var(--shadow-1);
}
header._sticky:not(._active) .item__dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-1rem) !important;
}
header._sticky:not(._active) .nav {
  display: none !important;
}
header .header__mainbar {
  --mainbar__gap: clamp(1.5rem, -1.9315rem + 4.1096vw, 3rem);
  --mainbar__padding-block: clamp(0.6875rem, -0.5993rem + 1.5411vw, 1.25rem);
  --mainbar__burger: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  header .header__mainbar {
    --mainbar__gap: 1rem clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
    --mainbar__padding-block: 1rem;
  }
}
header .header__mainbar {
  background-color: var(--header__background);
  padding-block: var(--mainbar__padding-block);
  color: var(--header__text);
}
header .header__mainbar .wrap {
  display: flex;
  align-items: center;
  gap: var(--mainbar__gap);
}
@media only screen and (max-width: 83.4375rem) {
  header .header__mainbar .wrap {
    display: grid;
    grid-template-columns: minmax(0, var(--mainbar__burger)) minmax(0, 1fr) auto;
    grid-template-areas: "burger logo actions";
  }
}
header .mainbar__burger {
  display: flex;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  header .mainbar__burger:hover {
    color: var(--secondary-900);
  }
}
header .mainbar__burger {
  width: var(--mainbar__burger);
  min-width: var(--mainbar__burger);
  height: auto;
  aspect-ratio: 1;
  color: var(--header__text-primary);
  cursor: pointer;
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (pointer: fine) {
  header .mainbar__burger {
    display: none;
  }
}
header .mainbar__burger:has(input:checked) .burger__icon {
  display: none;
}
header .mainbar__burger:has(input:checked) .burger__close {
  display: block;
}
header .mainbar__burger svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__burger svg path {
  stroke: currentColor;
}
header .mainbar__burger .burger__close {
  display: none;
}
header .mainbar__logo {
  width: var(--header__logo__width);
  min-width: var(--header__logo__width);
  height: auto;
  aspect-ratio: 4;
  display: flex;
}
@media only screen and (min-width: 83.5rem) and (hover: none) and (pointer: coarse) {
  header .mainbar__logo {
    margin-right: auto;
  }
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__logo {
    grid-area: logo;
    margin-inline: auto;
  }
}
header .mainbar__logo svg {
  width: 100%;
  height: 100%;
}
header .mainbar__contacts {
  display: flex;
  align-items: center;
  color: inherit;
  margin-inline: auto;
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__contacts {
    display: none;
  }
}
@media only screen and (max-width: 101.6875rem) and (hover: none) and (pointer: coarse) {
  header .mainbar__contacts {
    display: none;
  }
}
header .mainbar__contacts .contacts__phone {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
header .mainbar__contacts svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__contacts svg path {
  fill: currentColor;
}
header .mainbar__contacts .phone__title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .phone__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: none) and (pointer: coarse) {
  header .mainbar__contacts .phone__title {
    display: none;
  }
}
@media only screen and (max-width: 101.6875rem) {
  header .mainbar__contacts .phone__title {
    display: none;
  }
}
header .mainbar__contacts .phone__value,
header .mainbar__contacts .contacts__email {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  header .mainbar__contacts .phone__value:hover,
  header .mainbar__contacts .contacts__email:hover {
    color: var(--secondary-900);
  }
}
header .mainbar__contacts .phone__value,
header .mainbar__contacts .contacts__email {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  header .mainbar__contacts .phone__value,
  header .mainbar__contacts .contacts__email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
header .mainbar__contacts .phone__value,
header .mainbar__contacts .contacts__email {
  word-break: break-all;
}
header .mainbar__contacts .phone__value {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .phone__value {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
header .mainbar__contacts .contacts__email {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .contacts__email {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__contacts .contacts__email {
  margin-left: 0.75rem;
  padding-left: 0.8125rem;
  position: relative;
}
header .mainbar__contacts .contacts__email::before {
  display: flex;
  width: 0.0625rem;
  height: 1rem;
  background-color: var(--primary-500);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0.4;
}
header .mainbar__actions {
  --gap: clamp(1.5rem, -0.7877rem + 2.7397vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__actions {
    --gap: clamp(0.875rem, 0.4003rem + 2.1097vw, 1.5rem);
  }
}
header .mainbar__actions {
  display: flex;
  align-items: center;
  gap: var(--gap);
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__actions {
    grid-area: actions;
  }
}
header .mainbar__actions .actions__languages {
  margin-inline: calc(var(--header__languages__padding-inline) * -1);
  position: relative;
  z-index: 1;
  transition: filter 0.3s ease-in-out, background 0.3s ease-in-out;
  color: var(--header__text);
}
@media (hover: hover) and (pointer: fine) {
  header .mainbar__actions .actions__languages:active .languages__frame svg, header .mainbar__actions .actions__languages:focus .languages__frame svg, header .mainbar__actions .actions__languages:hover .languages__frame svg {
    transform: rotate(180deg);
  }
  header .mainbar__actions .actions__languages:active .languages__dropdown, header .mainbar__actions .actions__languages:focus .languages__dropdown, header .mainbar__actions .actions__languages:hover .languages__dropdown {
    background-color: var(--neutral-100);
    box-shadow: var(--shadow-1);
    opacity: 1;
    visibility: visible;
  }
}
@media (hover: none) and (pointer: coarse) {
  header .mainbar__actions .actions__languages._active .languages__frame svg {
    transform: rotate(180deg);
  }
  header .mainbar__actions .actions__languages._active .languages__dropdown {
    background-color: var(--neutral-100);
    box-shadow: var(--shadow-1);
    opacity: 1;
    visibility: visible;
  }
}
header .mainbar__actions .actions__languages .languages__frame,
header .mainbar__actions .actions__languages .dropdown__item,
header .mainbar__actions .actions__languages .item__link {
  text-transform: uppercase;
}
header .mainbar__actions .actions__languages .languages__frame,
header .mainbar__actions .actions__languages .dropdown__item {
  width: var(--header__languages__width);
  min-width: var(--header__languages__width);
  height: 2rem;
  padding-inline: var(--header__languages__padding-inline);
}
header .mainbar__actions .actions__languages .languages__frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__actions .actions__languages .languages__frame {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__actions .actions__languages .languages__frame svg {
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__actions .actions__languages .languages__frame svg path {
  stroke: currentColor;
}
header .mainbar__actions .actions__languages .languages__dropdown {
  padding-block: 0.25rem;
  border-radius: 0.375rem;
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background 0.3s ease-in-out;
}
header .mainbar__actions .actions__languages .dropdown__item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
header .mainbar__actions .actions__languages .dropdown__item:not(:first-child) {
  border-top: 0.0625rem solid var(--surfaces-50);
}
header .mainbar__actions .actions__languages .dropdown__item .item__link {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  header .mainbar__actions .actions__languages .dropdown__item .item__link:hover {
    color: var(--secondary-900);
  }
}
header .mainbar__actions .actions__languages .dropdown__item .item__link {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__actions .actions__languages .dropdown__item .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__actions .actions__languages .dropdown__item .item__link._active {
  color: var(--secondary-900);
}
header .header__navbar {
  background-color: var(--header__background-primary);
  display: none;
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (pointer: fine) {
  header .header__navbar {
    display: block;
  }
}
header .header__navbar .wrap {
  display: flex;
  gap: var(--body__menu__gap);
}
header .navbar__pages {
  --pages__direction: row;
  --pages__gap: clamp(0.75rem, -1.5377rem + 2.7397vw, 1.75rem);
  --pages__padding-block: clamp(0.9375rem, 1.143rem + -0.1712vw, 1rem);
  display: flex;
  flex-direction: var(--pages__direction);
  flex: 1 1 auto;
  min-width: 0;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  color: var(--header__text-primary);
}
header .navbar__pages:has(> .pages__item:nth-last-child(-n+6):first-child) {
  justify-content: flex-start;
  gap: 5rem;
}
@media only screen and (max-width: 100rem) {
  header .navbar__pages:has(> .pages__item:nth-last-child(-n+6):first-child) {
    gap: 3rem;
  }
}
header .navbar__pages .pages__item {
  display: flex;
  padding-block: var(--pages__padding-block);
  padding-inline: 0;
  flex: 0 1 auto;
}
@media (hover: hover) and (pointer: fine) {
  header .navbar__pages .pages__item:hover .item__link {
    color: var(--primary-900);
  }
  header .navbar__pages .pages__item:hover .item__dropdown {
    opacity: 1;
    visibility: visible;
  }
  header .navbar__pages .pages__item:hover:has(.item__dropdown)::after {
    width: 100%;
    height: var(--pages__padding-block);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
header .navbar__pages .pages__item._open .item__link {
  color: var(--primary-900);
}
header .navbar__pages .pages__item._open .item__dropdown {
  opacity: 1;
  visibility: visible;
}
header .navbar__pages .pages__item._open:has(.item__dropdown)::after {
  width: 100%;
  height: var(--pages__padding-block);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
header .navbar__pages .pages__item._active .item__link {
  color: var(--active-700);
}
header .navbar__pages .item__link {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  header .navbar__pages .item__link:hover {
    color: var(--secondary-900);
  }
}
header .navbar__pages .item__link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: inherit;
  font-size: clamp(0.75rem, 0.3211rem + 0.5137vw, 0.9375rem);
  font-weight: 500;
  line-height: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
}
@media only screen and (max-width: 83.4375rem) {
  header .navbar__pages .item__link {
    font-size: clamp(0.75rem, 0.9163rem + -0.1992vw, 0.8125rem);
  }
}
header .navbar__pages .item__link svg {
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  aspect-ratio: 1;
}
header .navbar__pages .item__link svg path {
  stroke: currentColor;
}
header .navbar__pages .item__dropdown {
  background-color: var(--neutral-100);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  padding-block: 2.5rem;
}
header .navbar__pages .dropdown__list {
  columns: 4;
  column-gap: clamp(2.5rem, -3.2192rem + 6.8493vw, 5rem);
}
header .navbar__pages .list__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 1rem;
}
header .navbar__pages .item__link-2 {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  header .navbar__pages .item__link-2:hover {
    color: var(--secondary-900);
  }
}
header .navbar__pages .item__link-2 {
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .navbar__pages .item__link-2 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .navbar__pages .item__dropdown-2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
header .navbar__pages .item__link-3 {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  header .navbar__pages .item__link-3:hover {
    color: var(--secondary-900);
  }
}
header .navbar__pages .item__link-3 {
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .navbar__pages .item__link-3 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (hover: hover) and (pointer: fine) and (min-width: 83.5rem) {
  header:has(.pages__item:hover .item__dropdown)::before, header:has(.pages__item._open .item__dropdown)::before {
    background-color: var(--primary-500);
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: 0.25;
  }
}
header .navbar__websites {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, -2.9315rem + 4.1096vw, 2rem);
  margin-left: auto;
  padding-left: 3rem;
}
header .navbar__websites .websites__item {
  --item__border-color: transparent;
  display: flex;
  width: var(--item__width);
  color: var(--item__color);
  border: 0.0625rem solid var(--item__border-color);
  border-radius: 0.375rem;
}
@media (hover: hover) and (pointer: fine) {
  header .navbar__websites .websites__item:hover {
    opacity: 0.7;
  }
}
header .navbar__websites .websites__item._active {
  --item__border-color: var(--item__color);
}
header .navbar__websites .websites__item svg {
  width: 100%;
  height: auto;
}
header .navbar__websites .websites__item svg path[stroke] {
  stroke: currentColor;
}
header .navbar__websites .websites__item svg path[fill] {
  fill: currentColor;
}
header .navbar__websites .websites__item._engineering {
  --item__color: #7C878E;
  --item__width: clamp(10rem, 4.2808rem + 6.8493vw, 12.5rem);
}
header .navbar__websites .websites__item._components {
  --item__color: #008F8F;
  --item__width: clamp(10rem, 4.1378rem + 7.0205vw, 12.5625rem);
}
header .navbar__websites .websites__item._property {
  --item__color: #7F9C90;
  --item__width: clamp(8.3125rem, 3.3082rem + 5.9932vw, 10.5rem);
}
header:has(#menu__popup:checked) {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 10;
  overflow-y: auto;
}

body:has(#menu__popup:checked) {
  padding-top: var(--header__height);
  overflow: hidden;
}

footer {
  background-color: var(--footer-100);
}
footer .footer__infobar {
  --footer__logo__width: 10rem;
  --footer__logo__margin-right: clamp(0rem, -8.5788rem + 10.274vw, 3.75rem);
  --footer__contacts__width: clamp(17.5rem, 25.7192rem + -6.8493vw, 20rem);
  --footer__divider__margin-inline: clamp(0rem, -2.8596rem + 3.4247vw, 1.25rem);
  --footer__content__column-gap: clamp(2rem, -5.7209rem + 9.2466vw, 5.375rem);
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar {
    --footer__logo__margin-right: 0;
  }
}
footer .footer__infobar ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
footer .footer__infobar ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
footer .footer__infobar ul {
  list-style: none;
}
footer .footer__infobar a {
  text-decoration: none;
}
footer .footer__infobar {
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  color: var(--footer-450);
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar {
    padding-bottom: 0;
  }
}
footer .footer__infobar .wrap {
  display: grid;
  grid-gap: 2.5rem var(--footer__content__column-gap);
  grid-template-columns: calc(var(--footer__logo__width) + var(--footer__logo__margin-right)) minmax(0, var(--footer__contacts__width)) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) max-content max-content max-content max-content max-content auto;
  grid-template-areas: "logo contacts divider services industry quality technology info websites";
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-gap: 1.5rem 2.25rem;
    grid-template-columns: 27.5rem calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto;
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "logo divider services websites" "contacts divider services websites" "contacts divider industry websites" "contacts divider quality websites" "contacts divider technology websites" "contacts divider info websites";
  }
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-gap: 1.5rem 2.25rem;
    grid-template-columns: minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto;
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "logo divider services websites" "contacts divider services websites" "contacts divider industry websites" "contacts divider quality websites" "contacts divider technology websites" "contacts divider info websites";
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .wrap {
    display: flex;
    flex-direction: column;
    gap: 0rem;
  }
}
footer .footer__infobar .infobar__divider {
  width: calc(100% - var(--footer__divider__margin-inline) * 2);
  height: 100%;
  background-color: var(--footer-50);
  display: flex;
  margin-inline: var(--footer__divider__margin-inline);
  grid-area: divider;
}
footer .infobar__logo {
  width: var(--footer__logo__width);
  min-width: var(--footer__logo__width);
  height: auto;
  aspect-ratio: 4;
  display: flex;
  margin-right: var(--footer__logo__margin-right);
  grid-area: logo;
}
footer .infobar__logo svg {
  width: 100%;
  height: 100%;
}
footer .infobar__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  grid-area: contacts;
  width: var(--footer__contacts__width, auto);
  max-width: 100%;
  justify-self: start;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}
footer .infobar__contacts .contacts__item {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__item._clock {
    display: flex;
    align-items: center;
  }
}
footer .infobar__contacts a.contacts__item {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  footer .infobar__contacts a.contacts__item:hover {
    text-decoration: underline;
  }
}
footer .infobar__contacts a[href^=tel].contacts__item {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts a[href^=tel].contacts__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
footer .infobar__contacts .contacts__item:not(a[href^=tel]) {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__item:not(a[href^=tel]) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .infobar__contacts .contacts__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .contacts__icon svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .contacts__icon svg path {
  stroke: var(--footer-200);
}
footer .infobar__contacts .contacts__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.125rem, -0.0649rem + 0.8439vw, 0.375rem);
  align-self: center;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__text {
    justify-content: flex-start;
  }
  footer .infobar__contacts .contacts__text:not(:has(.link-arrow)) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
footer .infobar__contacts .link-arrow {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--footer-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .link-arrow {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .infobar__contacts .link-arrow {
  margin-top: clamp(0rem, -0.1899rem + 0.8439vw, 0.25rem);
}
@media (hover: hover) and (pointer: fine) {
  footer .infobar__contacts .link-arrow:hover {
    text-decoration: underline;
  }
}
footer .infobar__contacts .link-arrow svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .link-arrow svg path {
  stroke: currentColor;
}
footer .infobar__col {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col {
    width: 100%;
    padding-block: 1.5rem;
    border-top: 0.0625rem solid var(--footer-50);
  }
  footer .infobar__col:has(input:checked) .col__title svg path:nth-child(2) {
    display: none;
  }
  footer .infobar__col:has(input:checked) .col__list {
    display: flex;
  }
}
footer .infobar__col .col__title {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
    cursor: pointer;
    color: inherit;
  }
}
@media only screen and (max-width: 52.0625rem) and (hover: hover) and (pointer: fine) {
  footer .infobar__col .col__title:hover {
    text-decoration: underline;
  }
}
footer .infobar__col .col__title svg {
  display: none;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title svg {
    width: 1.5rem;
    min-width: 1.5rem;
    height: auto;
    aspect-ratio: 1;
    display: block;
  }
  footer .infobar__col .col__title svg path {
    stroke: currentColor;
  }
}
footer .infobar__col .col__list {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__list {
    display: none;
  }
}
footer .infobar__col .item__link {
  color: inherit;
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 300;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .infobar__col .item__link:hover {
    text-decoration: underline;
  }
}
footer .infobar__col._services {
  grid-area: services;
}
footer .infobar__col._industry {
  grid-area: industry;
}
footer .infobar__col._quality {
  grid-area: quality;
}
footer .infobar__col._technology {
  grid-area: technology;
}
footer .infobar__col._info {
  grid-area: info;
}
footer .infobar__websites {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  grid-area: websites;
  align-self: start;
  justify-self: start;
  margin-left: calc(var(--footer__content__column-gap) * -2);
}
@media only screen and (max-width: 83.4375rem) {
  footer .infobar__websites {
    margin-left: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__websites {
    width: 100%;
    padding-block: 1.5rem;
    border-top: 0.0625rem solid var(--footer-50);
  }
}
footer .infobar__websites .websites__item {
  --item__color: var(--neutral-100);
  --item__border-color: transparent;
  display: flex;
  width: var(--item__width);
  color: var(--item__color);
  border: 0.0625rem solid var(--item__border-color);
  border-radius: 0.375rem;
}
@media (hover: hover) and (pointer: fine) {
  footer .infobar__websites .websites__item:hover {
    opacity: 0.7;
  }
}
footer .infobar__websites .websites__item._active {
  --item__border-color: var(--item__color);
}
footer .infobar__websites .websites__item svg {
  width: 100%;
  height: auto;
}
footer .infobar__websites .websites__item svg path[stroke] {
  stroke: currentColor;
}
footer .infobar__websites .websites__item svg path[fill] {
  fill: currentColor;
}
footer .infobar__websites .websites__item._engineering {
  --item__width: 12.5rem;
}
footer .infobar__websites .websites__item._components {
  --item__width: 12.5625rem;
}
footer .infobar__websites .websites__item._property {
  --item__width: 10.5rem;
}
footer .footer__copyright {
  color: var(--footer-300);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
footer .footer__copyright {
  border-top: 0.0625rem solid var(--footer-50);
  padding-block: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
}
footer .footer__copyright .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright .wrap {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
}
footer .footer__copyright a {
  display: flex;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  footer .footer__copyright a:hover {
    color: var(--secondary-900);
  }
}
footer .footer__copyright span:has(a) {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}
footer .footer__copyright span:has(a) svg {
  width: 5.6875rem;
  height: auto;
  aspect-ratio: 6.0666666667;
}
footer .footer__copyright span:has(a) svg path {
  fill: currentColor;
}

.popup {
  --popup__width: clamp(31.25rem, 16.6661rem + 17.4658vw, 37.625rem);
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 10;
  inset: 0;
  display: none;
  padding: var(--padding);
  overflow-y: auto;
}
.popup._active {
  display: flex;
}
.popup .popup__card {
  width: 100%;
  max-width: var(--popup__width);
  background-color: var(--neutral-100);
  box-shadow: var(--shadow-1);
  border-radius: 0.75rem;
  position: relative;
  padding: clamp(2rem, 1.2405rem + 3.3755vw, 3rem) clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  margin: auto;
}
.popup .popup__close {
  --close__position: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  --close__color: var(--primary-500);
  --close__width: 1.5rem;
  width: var(--close__width);
  min-width: var(--close__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: var(--close__position);
  right: var(--close__position);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .popup .popup__close:hover {
    --close__color: var(--secondary-900);
  }
}
.popup .popup__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup .popup__close svg path {
  stroke: var(--close__color);
}
.popup._contacts {
  --popup__width: clamp(37.5rem, 11.1918rem + 31.5068vw, 49rem);
  color: var(--primary-500);
}
.popup._contacts .popup__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.popup._contacts .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
.popup._contacts .card__title {
  text-align: center;
}
.popup._contacts .card__form {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._contacts .input {
  --input__margin-top: 0;
}

.hero {
  --hero__padding-block: clamp(1.5rem, 1.2152rem + 1.2658vw, 1.875rem);
  --hero__padding-inline: clamp(1.5rem, 0.9304rem + 2.5316vw, 2.25rem);
  --hero__text__padding-block: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  --hero__text__padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .hero {
    --hero__text__padding-inline: 2.25rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero {
    --hero__text__padding-block: 0;
    --hero__text__padding-inline: 0;
  }
}
.hero {
  display: flex;
  gap: clamp(2.5rem, -24.6661rem + 32.5342vw, 14.375rem);
  width: calc(100% + 2 * var(--wrap__padding));
  margin-inline: calc(-1 * var(--wrap__padding));
  border-radius: 0.375rem;
  margin-top: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .hero {
    display: flex;
    gap: clamp(1.5rem, -2.5525rem + 5.9761vw, 2.4375rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    padding-block: var(--hero__padding-block);
    padding-inline: var(--hero__padding-inline);
  }
}
.hero .hero__text {
  width: 100%;
  padding-block: var(--hero__text__padding-block);
  padding-inline: var(--hero__text__padding-inline);
}
.hero._category._full-photo {
  --hero__photo__mask-height: clamp(6.9375rem, 4.659rem + 10.1266vw, 9.9375rem);
  --hero__photo__mask-bottom: clamp(-4.875rem, -0.8062rem + -7.8059vw, -2.5625rem);
  --hero__photo__aspect: 1920/586;
  display: block;
  gap: 0;
  overflow: hidden;
  padding: 0;
}
@media only screen and (min-width: 52.125rem) {
  .hero._category._full-photo {
    --hero__photo__mask-height: clamp(9.9375rem, 7.0301rem + 5.5777vw, 11.6875rem);
    --hero__photo__mask-bottom: clamp(-5rem, -4.6673rem + -0.3984vw, -4.875rem);
  }
}
@media only screen and (min-width: 83.5rem) {
  .hero._category._full-photo {
    --hero__photo__mask-height: clamp(11.6875rem, 5.5394rem + 7.363vw, 14.375rem);
    --hero__photo__mask-bottom: clamp(-5.625rem, -3.5702rem + -1.7123vw, -5rem);
  }
}
.hero._category._full-photo .wrap {
  position: relative;
  z-index: 2;
}
.hero._category._full-photo .hero__text {
  max-width: 100%;
}
.hero._category._full-photo .hero__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--hero__photo__aspect);
  position: relative;
  overflow: hidden;
}
.hero._category._full-photo .hero__photo::before {
  background-image: url("../images/backgrounds/mask/600x300/image_1.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  width: 100%;
  height: var(--hero__photo__mask-height);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--hero__photo__mask-bottom);
  z-index: 2;
  transform: rotate(180deg);
}
.hero._category._full-photo .hero__photo img,
.hero._category._full-photo .hero__photo picture {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media only screen and (max-width: 67.75rem) {
  .hero._category._full-photo .hero__text {
    padding-block: var(--hero__padding-block);
    padding-inline: var(--hero__padding-inline);
  }
}
.hero h1, .hero .h1 {
  color: var(--secondary-300);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero h1, .hero .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.hero h1, .hero .h1 {
  text-align: center;
  margin-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero h1, .hero .h1 {
    margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news-inner h1, .hero._news-inner .h1 {
    text-align: left;
  }
}
.hero p, .hero .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero p, .hero .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.hero p, .hero .p {
  margin-top: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero p, .hero .p {
    margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.hero .button {
  display: flex;
  gap: 0.625rem;
  margin-top: clamp(1.625rem, 1.339rem + 0.3425vw, 1.75rem);
}
@media only screen and (max-width: 37.25rem) {
  .hero .button {
    max-width: 100%;
    margin-top: clamp(1rem, 0.5253rem + 2.1097vw, 1.625rem);
    padding-inline: 0.5rem;
  }
}
.hero .button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.hero .button svg path {
  stroke: currentColor;
}
.hero._contacts .hero__contacts {
  --contacts__gap: 1.5rem;
  --contacts__columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 83.4375rem) {
  .hero._contacts .hero__contacts {
    --contacts__gap: clamp(1rem, -1.1614rem + 3.1873vw, 1.5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero._contacts .hero__contacts {
    --contacts__columns: minmax(0, 1fr);
  }
}
.hero._contacts .hero__contacts:not(:has(.contacts__item:nth-child(3))) {
  --contacts__columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .hero._contacts .hero__contacts:not(:has(.contacts__item:nth-child(3))) {
    --contacts__columns: minmax(0, 1fr);
  }
}
.hero._contacts .hero__contacts ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._contacts .hero__contacts ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.hero._contacts .hero__contacts ul {
  list-style: none;
}
.hero._contacts .hero__contacts a {
  text-decoration: none;
}
.hero._contacts .hero__contacts {
  display: grid;
  grid-gap: var(--contacts__gap);
  grid-template-columns: var(--contacts__columns);
  margin-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 67.75rem) {
  .hero._contacts .hero__contacts {
    margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  }
}
.hero._contacts .hero__contacts .contacts__item {
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  padding: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem) clamp(1rem, 0.6311rem + 1.6393vw, 2rem);
  border: 0.0625rem solid var(--divider-600);
  border-radius: 0.5rem;
}
.hero._contacts .hero__contacts .item__title {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.hero._contacts .hero__contacts .content__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .content__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .content__item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.25rem;
}
.hero._contacts .hero__contacts .content__item svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: -0.25rem;
}
.hero._contacts .hero__contacts .content__item svg rect,
.hero._contacts .hero__contacts .content__item svg circle {
  fill: var(--primary-900);
}
.hero._contacts .hero__contacts .content__item svg path[stroke=white] {
  stroke: var(--neutral-100);
}
.hero._contacts .hero__contacts a,
.hero._contacts .hero__contacts .content__company {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .hero._contacts .hero__contacts a:hover,
  .hero._contacts .hero__contacts .content__company:hover {
    color: var(--secondary-900);
  }
}
.hero._contacts .hero__contacts a[href^="tel:"],
.hero._contacts .hero__contacts .content__company[href^="tel:"] {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts a[href^="tel:"],
  .hero._contacts .hero__contacts .content__company[href^="tel:"] {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .item__content > a:not(.content__item) {
  display: flex;
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .item__content > a:not(.content__item) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .item__content > a:not(.content__item) {
  margin-top: 1rem;
}
@media (hover: hover) and (pointer: fine) {
  .hero._contacts .hero__contacts .item__content > a:not(.content__item):hover {
    color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -0.0348rem + 1.2658vw, 0.625rem);
}
.hero._contacts .hero__contacts .item__text._hours {
  gap: 0.5rem;
}
.hero._contacts .hero__contacts .item__link {
  display: flex;
  gap: 0.5rem;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .hero._contacts .hero__contacts .item__link:hover {
    color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__link svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.09375rem;
}
.hero._contacts .hero__contacts .item__link svg path {
  stroke: currentColor;
}
.hero._contacts .hero__contacts ul {
  margin-top: 1rem;
}
.hero._contacts .hero__contacts ul li {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts ul li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts ul li {
  color: var(--primary-500);
}
.hero._contacts .hero__contacts ul li:not(:first-child) {
  margin-top: 0.5rem;
}
.hero._contacts .hero__contacts .item__socials {
  display: flex;
  gap: clamp(1rem, -0.7158rem + 2.0548vw, 1.75rem);
  margin-top: auto;
  padding-top: 1.5rem;
  flex-wrap: wrap;
}
.hero._contacts .hero__contacts .item__socials .socials__item {
  --item__color: var(--secondary-700);
}
@media (hover: hover) and (pointer: fine) {
  .hero._contacts .hero__contacts .item__socials .socials__item:hover {
    --item__color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__socials .socials__item {
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  border: 0.0625rem solid var(--item__color);
  border-radius: 0.125rem;
  color: var(--item__color);
}
.hero._contacts .hero__contacts .item__socials .socials__item svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.hero._contacts .hero__contacts .item__socials .socials__item svg path {
  fill: currentColor;
}
.hero._contacts .hero__departments {
  --departments__margin-top: clamp(3.75rem, 0.8904rem + 3.4247vw, 5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .hero._contacts .hero__departments {
    --departments__margin-top: clamp(3rem, 2.4304rem + 2.5316vw, 3.75rem);
  }
}
.hero._contacts .hero__departments {
  background-color: var(--surfaces-500);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  width: calc(100% + 2 * var(--hero__text__padding-inline));
  margin-inline: calc(-1 * var(--hero__text__padding-inline));
  padding-block: clamp(3rem, 2.6311rem + 1.6393vw, 4rem);
  padding-inline: var(--padding);
  margin-top: var(--departments__margin-top);
}
.hero._contacts .hero__departments .departments__title {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__departments .departments__title {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.hero._contacts .hero__departments .departments__block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hero._contacts .hero__departments .block__tabs ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._contacts .hero__departments .block__tabs ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.hero._contacts .hero__departments .block__tabs ul {
  list-style: none;
}
.hero._contacts .hero__departments .block__tabs a {
  text-decoration: none;
}
.hero._contacts .hero__departments .block__tabs {
  display: flex;
  gap: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  flex-wrap: wrap;
}
.hero._contacts .hero__departments .tabs__item {
  --item__border-color: var(--divider-600);
  --item__background-color: var(--neutral-100);
  --item__color: var(--primary-500);
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .hero._contacts .hero__departments .tabs__item:hover {
    color: var(--secondary-900);
  }
}
.hero._contacts .hero__departments .tabs__item {
  background-color: var(--item__background-color);
  color: var(--item__color);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__departments .tabs__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.hero._contacts .hero__departments .tabs__item {
  display: flex;
  border-radius: 0.375rem;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  border: 0.0625rem solid var(--item__border-color);
}
.hero._contacts .hero__departments .tabs__item._active {
  --item__border-color: var(--primary-900);
  --item__background-color: var(--surfaces-60);
  --item__color: var(--primary-900);
}
.hero._contacts .hero__departments .block__grid {
  --grid__gap: 1.5rem clamp(1.375rem, 1.1673rem + 0.3984vw, 1.5rem);
  --grid__columns: repeat(auto-fill, minmax(clamp(17.5rem, 7.1165rem + 19.9203vw, 23.75rem), 1fr));
}
@media only screen and (max-width: 37.25rem) {
  .hero._contacts .hero__departments .block__grid {
    --grid__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem) 1.375rem;
    --grid__columns: minmax(0, 1fr);
  }
}
.hero._contacts .hero__departments .block__grid {
  display: grid;
  grid-gap: var(--grid__gap);
  grid-template-columns: var(--grid__columns);
}
.hero._news .hero__filters ul li::before, .hero._news-inner .hero__filters ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._news .hero__filters ul li, .hero._news-inner .hero__filters ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.hero._news .hero__filters ul, .hero._news-inner .hero__filters ul {
  list-style: none;
}
.hero._news .hero__filters a, .hero._news-inner .hero__filters a {
  text-decoration: none;
}
.hero._news .hero__filters, .hero._news-inner .hero__filters {
  display: flex;
  gap: 0.5rem;
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  flex-wrap: wrap;
}
.hero._news .hero__filters .filters__item, .hero._news-inner .hero__filters .filters__item {
  --filters__item__background-color: var(--neutral-100);
  --filters__item__text__color: var(--primary-500);
  --filters__item__border-color: var(--divider-600);
  color: var(--filters__item__text__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news .hero__filters .filters__item, .hero._news-inner .hero__filters .filters__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._news .hero__filters .filters__item, .hero._news-inner .hero__filters .filters__item {
  background-color: var(--filters__item__background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.5rem;
  border: 0.0625rem solid var(--filters__item__border-color);
  padding-block: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
  padding-inline: 1.5rem;
  border-radius: 0.375rem;
}
@media (hover: hover) and (pointer: fine) {
  .hero._news .hero__filters .filters__item:hover, .hero._news-inner .hero__filters .filters__item:hover {
    --filters__item__background-color: var(--secondary-900);
    --filters__item__text__color: var(--neutral-100);
    --filters__item__border-color: var(--secondary-900);
  }
}
.hero._news .hero__filters .filters__item._active, .hero._news-inner .hero__filters .filters__item._active {
  --filters__item__background-color: var(--primary-900);
  --filters__item__text__color: var(--neutral-100);
  --filters__item__border-color: var(--primary-900);
}
.hero._news h1, .hero._news .h1 {
  color: var(--secondary-300);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news h1, .hero._news .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.hero._news-inner {
  background: unset;
}
@media only screen and (max-width: 67.75rem) {
  .hero._news-inner {
    padding: 1rem 0 0;
  }
}
.hero._news-inner .hero__text {
  padding: 0;
}
.hero._news-inner h1, .hero._news-inner .h1 {
  font-weight: 500;
  text-wrap: pretty;
}
.hero._news-inner .hero__date {
  color: var(--secondary-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news-inner .hero__date {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.hero._news-inner .hero__date {
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
.hero._news-inner .hero__date + .hero__filters {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.hero._news-inner .hero__media {
  width: 100%;
  max-width: 66.875rem;
  height: auto;
  aspect-ratio: 1.7774086379;
  border-radius: 0.375rem;
  overflow: hidden;
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  margin-inline: 0;
}
.hero._news-inner .hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero._news-inner .hero__editor {
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
.hero._news-inner .hero__editor > *:not(:first-child) {
  margin-top: 1lh;
}
.hero._news-inner .hero__editor p, .hero._news-inner .hero__editor .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news-inner .hero__editor p, .hero._news-inner .hero__editor .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._news-inner .hero__editor p, .hero._news-inner .hero__editor .p {
  margin-top: 0;
}
.hero._news-inner .hero__editor img:not(:first-child) {
  margin-top: 2lh;
}
.hero._news-inner .hero__editor h6, .hero._news-inner .hero__editor .h6 {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.hero._news-inner .hero__editor h6:not(:first-child), .hero._news-inner .hero__editor .h6:not(:first-child) {
  margin-top: 2lh;
}
.hero._news-inner .hero__editor + .button {
  margin-top: 2.5rem;
}
.hero._news-inner .hero__description {
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, -5.1858rem + 13.5458vw, 4rem);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.hero._news-inner .hero__description .description__block {
  --block__gap: 3rem;
  --block__columns: repeat(2, minmax(0, 1fr));
  --block__areas: 'photo text';
}
@media only screen and (max-width: 67.75rem) {
  .hero._news-inner .hero__description .description__block {
    --block__gap: 1.5rem;
    --block__columns: minmax(0, 1fr);
    --block__areas: 'photo' 'text';
  }
}
.hero._news-inner .hero__description .description__block {
  display: grid;
  grid-gap: var(--block__gap);
  grid-template-columns: var(--block__columns);
  grid-template-areas: var(--block__areas);
  align-items: center;
}
.hero._news-inner .hero__description .description__block:nth-child(even) {
  --block__areas: 'text photo';
}
@media only screen and (max-width: 67.75rem) {
  .hero._news-inner .hero__description .description__block:nth-child(even) {
    --block__areas: 'text' 'photo';
  }
}
.hero._news-inner .hero__description .description__block .block__text {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  grid-area: text;
}
.hero._news-inner .hero__description .description__block .block__text * {
  margin-top: 0;
}
.hero._news-inner .hero__description .description__block .block__text p, .hero._news-inner .hero__description .description__block .block__text .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news-inner .hero__description .description__block .block__text p, .hero._news-inner .hero__description .description__block .block__text .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._news-inner .hero__description .description__block .block__photo {
  display: flex;
  width: 100%;
  max-width: 45rem;
  height: auto;
  aspect-ratio: 1.7777777778;
  border-radius: 0.375rem;
  grid-area: photo;
  overflow: hidden;
  margin: auto;
}
.hero._news-inner .hero__description .description__block .block__photo img, .hero._news-inner .hero__description .description__block .block__photo iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about__facts {
  --facts__margin-top: clamp(2rem, -1.4315rem + 4.1096vw, 3.5rem);
  --facts__padding-block: clamp(1.5rem, 0.6895rem + 1.1952vw, 1.6875rem);
  --facts__padding-inline: clamp(0rem, -3.0026rem + 3.5959vw, 1.3125rem);
  --facts__max-width: clamp(65.1875rem, 43.8836rem + 25.5137vw, 74.5rem);
  --facts__justify-content: center;
  --facts__border-width: 0.0625rem;
  --facts__border-color: var(--surfaces-50);
}
@media only screen and (max-width: 67.75rem) {
  .about__facts {
    --facts__gap: 1.25rem 0;
    --facts__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .about__facts {
    --facts__gap: 2rem;
    --facts__columns: minmax(0, 1fr);
  }
}
.about__facts {
  display: flex;
  justify-content: var(--facts__justify-content);
  align-items: center;
  width: var(--facts__width);
  max-width: var(--facts__max-width);
  background-color: var(--neutral-100);
  margin-top: var(--facts__margin-top);
  padding-block: var(--facts__padding-block);
  padding-inline: var(--facts__padding-inline);
}
@media only screen and (max-width: 67.75rem) {
  .about__facts {
    display: grid;
    grid-gap: var(--facts__gap);
    grid-template-columns: var(--facts__columns);
  }
}
.about__facts .facts__divider {
  width: var(--facts__border-width);
  min-width: var(--facts__border-width);
  background-color: var(--facts__border-color);
  align-self: stretch;
}
@media only screen and (max-width: 67.75rem) {
  .about__facts .facts__divider {
    display: none;
  }
}
.about__facts .facts__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 67.75rem) {
  .about__facts .facts__item {
    width: 15rem;
    max-width: 100%;
  }
  .about__facts .facts__item:nth-of-type(4n+1) {
    margin-left: auto;
  }
  .about__facts .facts__item:nth-of-type(4n+3) {
    margin-right: auto;
    border-left: var(--facts__border-width) solid var(--facts__border-color);
  }
}
@media only screen and (max-width: 37.25rem) {
  .about__facts .facts__item {
    margin-inline: auto !important;
    border-left: unset !important;
    padding-inline: 1.0625rem;
  }
}
.about__facts .item__icon {
  width: clamp(3rem, 2.6203rem + 1.6878vw, 3.5rem);
  min-width: clamp(3rem, 2.6203rem + 1.6878vw, 3.5rem);
  height: auto;
  aspect-ratio: 1;
}
.about__facts .item__icon img, .about__facts .item__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.about__facts .item__icon img path[stroke], .about__facts .item__icon img circle[stroke], .about__facts .item__icon svg path[stroke], .about__facts .item__icon svg circle[stroke] {
  stroke: var(--secondary-900);
}
.about__facts .item__icon img path[fill], .about__facts .item__icon img circle[fill], .about__facts .item__icon svg path[fill], .about__facts .item__icon svg circle[fill] {
  fill: var(--secondary-900);
}
.about__facts .item__title {
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .about__facts .item__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.about__facts .item__title {
  text-align: center;
}

.employee._card {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  border: 0.0625rem solid var(--divider-600);
  border-radius: 0.5rem;
  padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .employee._card {
    padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.employee._card .employee__photo {
  --photo__width: 22.5rem;
  width: var(--photo__width);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.2;
  display: flex;
  margin-inline: auto;
  border-radius: 0.375rem;
  overflow: hidden;
}
.employee._card .employee__photo img {
  width: 100;
  height: 100%;
}
.employee._card .employee__text {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.employee._card .text__block ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.employee._card .text__block ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.employee._card .text__block ul {
  list-style: none;
}
.employee._card .text__block a {
  text-decoration: none;
}
.employee._card .text__block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.employee._card .text__block > * {
  text-align: center;
}
.employee._card .block__name,
.employee._card .block__title {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .employee._card .block__name,
  .employee._card .block__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.employee._card .block__name,
.employee._card .block__title {
  color: var(--primary-500);
}
.employee._card .block__name {
  font-weight: 600;
}
.employee._card .block__title {
  font-weight: 400;
}
.employee._card .block__link {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .employee._card .block__link:hover {
    color: var(--secondary-900);
  }
}
.employee._card .block__link {
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .employee._card .block__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.employee._card .text__divider {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--surfaces-50);
}

.departments._card {
  --departments__padding: clamp(1.5rem, 0.6693rem + 1.5936vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .departments._card {
    --departments__padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.departments._card {
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  border-radius: 0.5rem;
  padding: var(--departments__padding);
}
.departments._card .departments__photo {
  --photo__width: 23.75rem;
  width: var(--photo__width);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.6033755274;
  display: flex;
  margin-inline: auto;
  border-radius: 0.375rem;
  overflow: hidden;
}
.departments._card .departments__photo img {
  width: 100;
  height: 100%;
}
.departments._card .departments__block {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.departments._card .block__title {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.departments._card .block__content ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.departments._card .block__content ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.departments._card .block__content ul {
  list-style: none;
}
.departments._card .block__content a {
  text-decoration: none;
}
.departments._card .block__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.departments._card .content__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .departments._card .content__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.departments._card .content__item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding-top: clamp(0.25rem, 0.4699rem + -0.4219vw, 0.375rem);
}
.departments._card .content__item svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: clamp(-0.375rem, -0.4699rem + 0.4219vw, -0.25rem);
}
.departments._card .content__item svg rect,
.departments._card .content__item svg circle {
  fill: var(--primary-900);
}
.departments._card .content__item svg path[stroke=white] {
  stroke: var(--neutral-100);
}
.departments._card .item__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -0.0348rem + 1.2658vw, 0.625rem);
}
.departments._card .item__text._hours {
  gap: 0.5rem;
}
.departments._card .item__link {
  display: flex;
  gap: 0.5rem;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .departments._card .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .departments._card .item__link:hover {
    color: var(--primary-900);
  }
}
.departments._card .item__link svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.09375rem;
}
.departments._card .item__link svg path {
  stroke: currentColor;
}
.departments._card a {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .departments._card a:hover {
    color: var(--secondary-900);
  }
}
.departments._card a[href^="tel:"] {
  font-weight: 600;
}

.subcategory__list {
  --list__justify-content: center;
  padding-block: var(--list__padding-block, 1.5rem 0rem);
}
.subcategory__list .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.subcategory__list h2, .subcategory__list .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
.subcategory__list h2, .subcategory__list .h2 {
  text-align: center;
}
.subcategory__list .list__container {
  --container__columns: repeat(auto-fill, minmax(12.25rem, 1fr));
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list .list__container {
    --container__columns: repeat(2, minmax(0, 1fr));
  }
}
.subcategory__list .list__container {
  display: grid;
  grid-gap: clamp(0.375rem, -1.0548rem + 1.7123vw, 1rem);
  grid-template-columns: var(--container__columns);
}
.subcategory__list._category {
  --list__padding-block: 2.5rem 0rem;
  --container__gap-x: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  --container__gap-y: 3rem;
  --subcategory__card-width: clamp(13.75rem, -0.5479rem + 17.1233vw, 20rem);
  --subcategory__photo-height: clamp(17.5rem, 0.3425rem + 20.5479vw, 25rem);
  --subcategory__title-gap: 1rem;
  --subcategory__title-color: var(--primary-500);
  --subcategory__title-max-width: 20rem;
  --subcategory__overlay-color: rgba(127, 156, 144, 0.68);
  --subcategory__mask-width: min(12.875rem, 64.375%);
  --subcategory__mask-height: 3.1875rem;
}
.subcategory__list._category .list__container {
  display: flex;
  justify-content: flex-start;
  gap: var(--container__gap-x);
  align-content: flex-start;
  flex-wrap: wrap;
  row-gap: var(--container__gap-y);
}
.subcategory__list._category .subcategory._card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--subcategory__title-gap);
  width: 100%;
  max-width: var(--subcategory__card-width);
  position: relative;
  flex: 0 1 var(--subcategory__card-width);
  padding: 0;
  min-height: unset;
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
  color: inherit;
  text-decoration: none;
  overflow: visible;
}
.subcategory__list._category .subcategory._card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: var(--subcategory__photo-height);
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(127, 156, 144, 0) 0%, var(--subcategory__overlay-color) 100%);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.subcategory__list._category .subcategory._card .subcategory__photo {
  width: 100%;
  height: var(--subcategory__photo-height);
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.subcategory__list._category .subcategory._card .subcategory__photo::before {
  background-image: url("../images/backgrounds/mask/category_list_mask.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  width: var(--subcategory__mask-width);
  height: var(--subcategory__mask-height);
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
.subcategory__list._category .subcategory._card .subcategory__photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.subcategory__list._category .subcategory._card .subcategory__title {
  color: var(--subcategory__title-color);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.subcategory__list._category .subcategory._card .subcategory__title {
  width: 100%;
  max-width: var(--subcategory__title-max-width);
  margin-top: 0;
  text-align: center;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .subcategory__list._category .subcategory._card:hover::before {
    opacity: 1;
  }
  .subcategory__list._category .subcategory._card:hover .subcategory__photo img {
    transform: scale(1.04);
  }
}
.subcategory__list._category .subcategory._card._active .subcategory__title {
  color: var(--primary-500);
}
.subcategory__list._category .subcategory._card:not(:has(.subcategory__photo)) {
  min-height: unset;
}
.subcategory__list._category .subcategory._card:not(:has(.subcategory__photo)) .subcategory__title {
  margin-top: 0;
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list._category {
    --list__padding-block: 1.5rem 0rem;
    --container__gap-x: 0.75rem;
    --container__gap-y: 1.5rem;
    --subcategory__card-width: calc(50% - 0.375rem);
    --subcategory__photo-height: auto;
    --subcategory__title-gap: 0.75rem;
  }
  .subcategory__list._category .list__container {
    justify-content: flex-start;
  }
  .subcategory__list._category .subcategory._card {
    min-width: 0;
  }
  .subcategory__list._category .subcategory._card .subcategory__photo {
    aspect-ratio: 320/400;
  }
  .subcategory__list._category .subcategory._card .subcategory__title {
    max-width: 100%;
  }
}
.subcategory__list:not(:has(.subcategory__photo)) .list__container {
  --list__justify-content: flex-start;
  display: flex;
  justify-content: var(--list__justify-content);
  flex-wrap: wrap;
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list:not(:has(.subcategory__photo)) .list__container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.subcategory__list:not(:has(.subcategory__photo)) .list__container .subcategory._card {
  --subcategory__min-height: unset;
  --subcategory__margin-top: 0;
  --subcategory__max-width: max-content;
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list:not(:has(.subcategory__photo)) .list__container .subcategory._card {
    --subcategory__max-width: 100%;
  }
}
.subcategory__list._news {
  --list__padding-block: var(--padding-block);
  --subcategory__max-width: clamp(10.375rem, 1.2243rem + 10.9589vw, 14.375rem);
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list._news {
    --subcategory__max-width: 100%;
  }
}
.subcategory__list._news .list__container {
  display: flex;
  justify-content: var(--list__justify-content);
  flex-wrap: wrap;
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list._news .list__container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (min-width: 37.3125rem) {
  .product__slider + .subcategory__list {
    border-top: 0.0625rem solid var(--surfaces-50);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__slider + .subcategory__list {
    padding-top: 0;
  }
}

.news__slider {
  padding-block: var(--padding-block);
}
.news__slider .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.news__slider .slider__heading h2, .news__slider .slider__heading .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__heading h2, .news__slider .slider__heading .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.news__slider .slider__heading h2, .news__slider .slider__heading .h2 {
  text-align: center;
}
.news__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}
.news__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
  display: none;
}
.news__slider .slider__content .slick-track {
  display: flex !important;
}
.news__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
.news__slider .slider__content .slick-track .slick-slide > div:not([class]), .news__slider .slider__content .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
.news__slider .slider__content {
  padding-inline: clamp(3.375rem, 1.3733rem + 2.3973vw, 4.25rem);
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .news__slider .slider__content:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__content {
    width: 31.8125rem;
    max-width: 100%;
  }
  .news__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .news__slider .slider__content:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
  .news__slider .slider__content {
    padding-inline: 0;
    margin-inline: auto;
  }
}
.news__slider .slider__content .slick-slide, .news__slider .slider__content > div:not(.slick-list) {
  padding-inline: clamp(0.375rem, -1.9842rem + 2.8253vw, 1.4063rem);
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider .slider__content .slick-slide, .news__slider .slider__content > div:not(.slick-list) {
    padding-inline: clamp(0.375rem, -1.3383rem + 3.2869vw, 1.4063rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__content .slick-slide, .news__slider .slider__content > div:not(.slick-list) {
    padding-inline: 0;
  }
}
.news__slider .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) and (pointer: fine) {
  .news__slider .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.news__slider .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.news__slider .slick-arrow.slick-prev {
  left: 0;
}
.news__slider .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.news__slider .slick-arrow.slick-next {
  right: 0;
}
.news__slider .news._card {
  padding: 0;
}

.product__slider + .news__slider {
  padding-top: 0;
}

.layout + .news__slider {
  border-top: 0.0625rem solid var(--surfaces-50);
}

.news._card {
  --news__aspect-ratio: 1.7777777778;
}
.news._card ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news._card ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.news._card ul {
  list-style: none;
}
.news._card a {
  text-decoration: none;
}
.news._card {
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  border-radius: 0.375rem;
}
.news._card .news__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--news__aspect-ratio);
  display: flex;
  position: relative;
}
.news._card .photo__image {
  width: 100%;
  height: 100%;
  display: flex;
}
.news._card .photo__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news._card .photo__badges {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-block: clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem);
  padding-inline: clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem);
}
.news._card .badges__item {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .badges__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.news._card .badges__item {
  background-color: var(--neutral-100);
  padding-block: 0.125rem;
  padding-inline: 0.5rem;
  border-radius: 0.125rem;
}
.news._card .news__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .news__text {
    gap: 0.5rem;
  }
}
.news._card .text__date {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .text__date {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.news._card .text__title {
  --title__height: 2lh;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .news._card .text__title:hover {
    color: var(--secondary-900);
  }
}
.news._card .text__title {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.news._card .text__title {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: var(--title__height);
  max-height: var(--title__height);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  .news._card .text__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.news._card .text__description {
  --description__height: 2lh;
}
@media only screen and (max-width: 67.75rem) {
  .news._card .text__description {
    --description__height: 3lh;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .text__description {
    --description__height: 3lh;
  }
}
.news._card .text__description {
  min-height: var(--description__height);
  max-height: var(--description__height);
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .text__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.news._card .text__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 4) {
  .news._card .text__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
.news._related {
  --news__padding: clamp(0.875rem, 0.589rem + 0.3425vw, 1rem);
  --news__aspect-ratio: 1.7777777778;
}
@media only screen and (max-width: 52.0625rem) {
  .news._related {
    --news__padding: clamp(0rem, -0.6646rem + 2.9536vw, 0.875rem);
  }
}
.news._related ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news._related ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.news._related ul {
  list-style: none;
}
.news._related a {
  text-decoration: none;
}
.news._related {
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: var(--news__padding);
  border-radius: 0.375rem;
  position: relative;
}
.news._related .news__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--news__aspect-ratio);
  display: flex;
}
.news._related .news__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news._related .news__text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.news._related .text__date {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._related .text__date {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.news._related .text__title {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .news._related .text__title:hover {
    color: var(--secondary-900);
  }
}
.news._related .text__title {
  color: var(--secondary-300);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._related .text__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.news._related .text__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  .news._related .text__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.slick-slider .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-size: 0;
  z-index: 1;
}
.slick-slider .slick-arrow::before {
  content: none;
}

input[name=quantity_email_confirm],
input[name=popup_email_confirm],
input[name=email_confirm] {
  display: none;
}

.page_checkout .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99999;
}
.page_checkout .overlay .spanner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
  height: 300px;
  color: #FFF;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99999;
}
.page_checkout .overlay .spanner.show {
  visibility: visible;
  opacity: 1;
}
.page_checkout .overlay .spanner p {
  padding-left: 20px;
  padding-right: 20px;
  color: #FFF;
}
.page_checkout .overlay .loader,
.page_checkout .overlay .loader:before,
.page_checkout .overlay .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.page_checkout .overlay .loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.page_checkout .overlay .loader:before,
.page_checkout .overlay .loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.page_checkout .overlay .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.page_checkout .overlay .loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.page_checkout .overlay.show {
  visibility: visible;
  opacity: 1;
}
.page_checkout label.addresses._card:not(:has(input:checked)) .item__main {
  display: none;
}

html {
  scroll-behavior: smooth !important;
}

.filter__tag {
  cursor: pointer;
}

.compare__table .table__row a {
  text-decoration: none;
}

body .columns__aside .aside__block:has(.aside__addresses) .aside__form {
  display: block;
  margin-top: 1.25rem;
}

.quantity__minus.disabled,
.quantity__plus.disabled {
  cursor: initial;
}

.select__item._disabled {
  opacity: 60%;
  pointer-events: none;
}

.block__controls.one-visible {
  grid-template-columns: 1fr !important;
}

.no-click {
  pointer-events: none;
  cursor: default;
}

.hero__departments .tabs__item {
  cursor: pointer;
}
.hero__departments .departments._hidden {
  display: none;
}

.project-popup {
  cursor: pointer;
}

.product._search .text__price._discount span {
  color: var(--error-700);
}

.columns__aside .aside__payment:has(.delivery__info._error) {
  grid-template-columns: 1fr;
}

.checkout__columns .aside__form .cities-select:first-child {
  margin-top: 0;
}

.text__editor ol {
  counter-reset: item;
  list-style: none;
}
.text__editor ol li {
  counter-increment: item;
}
.text__editor ol li::before {
  content: counters(item, ".") ". ";
}

.hero._category .p,
.hero._category p {
  word-break: break-word;
}

.news._card .photo__badges {
  z-index: 1;
}

.hero._contacts .hero__contacts .item__text._hours ul {
  margin-top: 0;
}

.hero._contacts .hero__contacts .item__content > p {
  margin-top: 1rem;
}

.hero._contacts .hero__contacts .item__content > p a {
  display: flex;
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}

.hero._contacts .hero__contacts .item__content > p a:hover {
  color: var(--primary-900);
}

.contacts__text ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.125rem, -0.0649rem + 0.8439vw, 0.375rem);
  align-self: center;
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__text ul {
    justify-content: flex-start;
  }
  .contacts__text ul:not(:has(.link-arrow)) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.wrap {
  --wrap__padding: var(--padding);
  width: 100%;
  max-width: calc(var(--content) + 2 * var(--wrap__padding));
  padding-inline: var(--wrap__padding);
  margin-inline: auto;
}

.layout {
  padding-bottom: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  flex: 1;
}
.layout:has(.homepage__hero) {
  padding-bottom: 0;
}
@media only screen and (max-width: 37.25rem) {
  .layout:has(.hero._brands) {
    padding-bottom: 0;
  }
}
.layout .wrap {
  display: grid;
  grid-gap: clamp(1.4375rem, -3.8527rem + 6.3356vw, 3.75rem);
  grid-template-columns: minmax(0, clamp(11.625rem, -1.8151rem + 16.0959vw, 17.5rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .layout .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout .wrap:has(.layout__related) {
  display: grid;
  grid-template-columns: minmax(0, clamp(11.625rem, -1.8151rem + 16.0959vw, 17.5rem)) minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
}
@media only screen and (max-width: 83.4375rem) {
  .layout .wrap:has(.layout__related) {
    display: grid;
    grid-gap: clamp(3.375rem, 1.2136rem + 3.1873vw, 3.875rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .layout .wrap:has(.layout__related) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout .wrap:not(:has(.layout__sidebar)) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.layout .wrap:not(:has(.layout__sidebar)):has(.layout__related) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
}
@media only screen and (max-width: 83.4375rem) {
  .layout .wrap:not(:has(.layout__sidebar)):has(.layout__related) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .layout .wrap:not(:has(.layout__sidebar)):has(.layout__related) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout .layout__sidebar {
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, -3.1293rem + 5.9932vw, 4.0625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .layout .layout__sidebar .nav {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .layout .layout__sidebar:not(:has(.sidebar__filter)) {
    display: none;
  }
}
.layout .layout__related {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .layout__related {
    margin-top: 0;
  }
}
.layout .layout__related h2, .layout .layout__related .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
.layout .layout__related h2, .layout .layout__related .h2 {
  padding-inline: clamp(0.875rem, 0.589rem + 0.3425vw, 1rem);
  padding-bottom: clamp(0.5rem, -0.6438rem + 1.3699vw, 1rem);
}
@media only screen and (max-width: 67.75rem) {
  .layout .layout__related h2, .layout .layout__related .h2 {
    padding-inline: 0;
  }
}
@media only screen and (max-width: 37.25rem) {
  .layout .layout__related h2, .layout .layout__related .h2 {
    padding-bottom: 1rem;
    text-align: center;
  }
}
.layout .layout__related .related__news {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}
@media only screen and (max-width: 67.75rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-gap: clamp(0rem, -3.3227rem + 6.3745vw, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.contacts__form {
  --input__margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  --form__columns: minmax(0, 1fr) minmax(0, 1.6fr);
  --form__padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .contacts__form {
    --form__padding-inline: clamp(0rem, -3.115rem + 5.9761vw, 1.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form {
    --form__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form {
    --form__columns: minmax(0, 1fr);
  }
}
.contacts__form {
  display: grid;
  grid-gap: 0 2rem;
  grid-template-columns: var(--form__columns);
  padding-inline: var(--form__padding-inline);
}
.contacts__form h2, .contacts__form .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form h2, .contacts__form .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.contacts__form h2, .contacts__form .h2 {
  grid-column: 1/-1;
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form h2, .contacts__form .h2 {
    text-align: center;
  }
}
.contacts__form .input:has(textarea) {
  --input__textarea__height: 100%;
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form .input:has(textarea) {
    --input__textarea__height: 10.125rem;
  }
}
.contacts__form .input:has(textarea) {
  height: calc(100% - var(--input__margin-top));
}
.contacts__form .form__actions {
  --actions__max-width: 21.875rem;
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form .form__actions {
    --actions__max-width: 100%;
  }
}
.contacts__form .form__actions {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  width: 100%;
  max-width: var(--actions__max-width);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  margin-left: auto;
  grid-column: 1/-1;
}

.contacts__employees + .contacts__form {
  padding-top: 0;
}

.contacts__map {
  --map__height: clamp(24.25rem, 20.6424rem + 16.0338vw, 29rem);
  height: var(--map__height);
  position: relative;
}
.contacts__map #map {
  position: absolute;
  inset: 0;
}

.contacts__employees {
  --employees__padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .contacts__employees {
    --employees__padding-inline: clamp(0rem, -3.115rem + 5.9761vw, 1.875rem);
  }
}
.contacts__employees {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  padding-inline: var(--employees__padding-inline);
  padding-block: var(--padding-block);
}
.contacts__employees .employees__title {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__employees .employees__title {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.contacts__employees .employees__grid {
  --grid__gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  --grid__columns: repeat(auto-fill, minmax(22.5rem, 1fr));
}
@media only screen and (max-width: 37.25rem) {
  .contacts__employees .employees__grid {
    --grid__columns: minmax(0, 1fr);
  }
}
.contacts__employees .employees__grid {
  display: grid;
  grid-gap: var(--grid__gap);
  grid-template-columns: var(--grid__columns);
}

.contacts__employees + .contacts__employees {
  padding-top: 0;
}

.page_contacts .hero {
  --hero__text__padding-inline: var(--padding);
}

.page_contacts .hero .hero__text {
  padding-inline: var(--padding);
}

@media only screen and (max-width: 67.75rem) {
  .page_contacts .hero._contacts .hero__contacts {
    width: calc(100% + 2 * var(--padding));
    margin-inline: calc(-1 * var(--padding));
  }
  .page_contacts .hero._contacts .hero__contacts .contacts__item {
    width: 100%;
    box-sizing: border-box;
  }
}
.homepage__hero {
  --hero__padding-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  --hero__padding-bottom: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero {
    --hero__padding-top: clamp(1.5rem, 1.2152rem + 1.2658vw, 1.875rem);
    --hero__padding-bottom: clamp(3.75rem, 2.8006rem + 4.2194vw, 5rem);
  }
}
.homepage__hero {
  padding-top: var(--hero__padding-top);
  padding-bottom: var(--hero__padding-bottom);
}
.homepage__hero .hero__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.homepage__hero .hero__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.homepage__hero .hero__slider .slick-track {
  display: flex !important;
}
.homepage__hero .hero__slider .slick-track .slick-slide {
  height: inherit !important;
}
.homepage__hero .hero__slider .slick-track .slick-slide > div:not([class]), .homepage__hero .hero__slider .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero .hero__slider:only-child {
    width: 57.5rem;
    max-width: 100%;
    margin-inline: auto;
  }
}
.homepage__hero:has(.hero__content) .wrap,
.homepage__hero .slider__item {
  --item__content__width: minmax(0, clamp(33.75rem, -3.4247rem + 44.5205vw, 50rem));
  --item__photo__width: minmax(0, 1fr);
  --item__gap: clamp(1.75rem, -5.6849rem + 8.9041vw, 5rem);
  --item__columns: var(--item__content__width) var(--item__photo__width);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero:has(.hero__content) .wrap,
  .homepage__hero .slider__item {
    --item__content__width: minmax(0, clamp(28.75rem, 7.1365rem + 31.8725vw, 33.75rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero:has(.hero__content) .wrap,
  .homepage__hero .slider__item {
    --item__gap: clamp(0.75rem, -1.5285rem + 10.1266vw, 3.75rem);
    --item__columns: minmax(0, 1fr);
  }
}
.homepage__hero:has(.hero__content) .wrap,
.homepage__hero .slider__item {
  display: grid;
  grid-gap: var(--item__gap);
  grid-template-columns: var(--item__columns);
  align-items: center;
}
.homepage__hero .item__content,
.homepage__hero .hero__content {
  --content__gap: clamp(0.5rem, -0.6438rem + 1.3699vw, 1rem);
  --hero__content__padding-left: 6.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__content,
  .homepage__hero .hero__content {
    --content__gap: clamp(0rem, -0.3797rem + 1.6878vw, 0.5rem);
    --hero__content__padding-left: 0px;
  }
}
.homepage__hero .item__content,
.homepage__hero .hero__content {
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  padding-left: var(--hero__content__padding-left);
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero .item__content,
  .homepage__hero .hero__content {
    width: 33.75rem;
    max-width: 100%;
    margin-inline: auto;
  }
}
.homepage__hero .content__headline {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  letter-spacing: clamp(0.375rem, 0.089rem + 0.3425vw, 0.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__headline {
    letter-spacing: clamp(0.25rem, 0.1551rem + 0.4219vw, 0.375rem);
  }
}
.homepage__hero .content__headline {
  text-transform: uppercase;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero .content__headline {
    text-align: center;
  }
}
.homepage__hero .content__block {
  --block__gap: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__block {
    --block__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__hero .content__block {
  display: flex;
  flex-direction: column;
  gap: var(--block__gap);
}
.homepage__hero .block__text {
  --text__gap: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .block__text {
    --text__gap: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  }
}
.homepage__hero .block__text {
  display: flex;
  flex-direction: column;
  gap: var(--text__gap);
}
.homepage__hero h1, .homepage__hero .h1 {
  font-size: clamp(3rem, -2.1473rem + 6.1644vw, 5.25rem);
  font-weight: 700;
  line-height: clamp(3.375rem, -1.4863rem + 5.8219vw, 5.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero h1, .homepage__hero .h1 {
    font-size: clamp(2rem, 1.2405rem + 3.3755vw, 3rem);
    line-height: clamp(2.375rem, 1.6155rem + 3.3755vw, 3.375rem);
  }
}
.homepage__hero h1, .homepage__hero .h1 {
  line-height: clamp(3.375rem, -1.4863rem + 5.8219vw, 5.5rem);
  padding-bottom: clamp(0.25rem, 0.0938rem + 0.1856vw, 0.3125rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero h1, .homepage__hero .h1 {
    line-height: clamp(2.375rem, 1.6155rem + 3.3755vw, 3.375rem);
    padding-bottom: 0.25rem;
  }
}
.homepage__hero h1, .homepage__hero .h1 {
  background: var(--other-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-wrap: pretty;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero h1, .homepage__hero .h1 {
    text-align: center;
  }
}
.homepage__hero p, .homepage__hero .p {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero p, .homepage__hero .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.homepage__hero p, .homepage__hero .p {
  max-width: 28.875rem;
  text-wrap: balance;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero p, .homepage__hero .p {
    text-align: center;
    max-width: none;
  }
}
.homepage__hero .button {
  --primary-900: #7F9C90;
  padding-inline: 2.5rem;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero .button {
    margin-inline: auto;
  }
}
.homepage__hero .item__photo {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3333333333;
  max-width: 57.5rem;
  margin-inline: auto;
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__photo {
    aspect-ratio: 0.7454545455;
  }
}
.homepage__hero .item__photo::before {
  background-image: url("../images/backgrounds/mask/300x600/image_1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: clamp(11.875rem, 0.4366rem + 13.6986vw, 16.875rem);
  height: auto;
  aspect-ratio: 0.5;
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(-6.625rem, -1.2825rem + -4.4521vw, -5rem);
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__hero .item__photo::before {
    background-image: url("../images/backgrounds/mask/600x300/image_1.svg");
    background-position: top center;
    width: 100%;
    height: clamp(8.25rem, 4.9272rem + 14.7679vw, 12.625rem);
    aspect-ratio: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: unset;
  }
}
.homepage__hero .item__photo img, .homepage__hero .item__photo picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage__hero .slick-arrow {
  --slider__arrow__width: 2.5rem;
  --slick__arrow__position: 1rem;
  --slick__arrow__gap: 0.375rem;
  --slick__background-color: var(--neutral-100);
  --slick__arrow__opacity: 0.4;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-arrow {
    --slick__arrow__position: 0.5rem;
  }
}
.homepage__hero .slick-arrow {
  width: var(--slider__arrow__width);
  min-width: var(--slider__arrow__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  z-index: 1;
  top: unset;
  left: unset;
  transform: unset;
  right: var(--slick__arrow__position);
}
@media only screen and (min-width: 52.125rem) {
  .homepage__hero .slick-arrow {
    bottom: var(--slick__arrow__position);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-arrow {
    bottom: clamp(12.5rem, -0.0791rem + 55.9072vw, 29.0625rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .homepage__hero .slick-arrow:hover {
    --slick__arrow__opacity: 1;
  }
}
.homepage__hero .slick-arrow::before {
  background-color: var(--slick__background-color);
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  content: "" !important;
  opacity: var(--slick__arrow__opacity) !important;
  box-sizing: border-box;
  transition: opacity 0.1s ease-in-out;
}
.homepage__hero .slick-arrow::after {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron-right_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 52.125rem) {
  .homepage__hero .slick-arrow.slick-prev {
    right: calc(var(--slick__arrow__position) + var(--slick__arrow__gap) + var(--slider__arrow__width));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-arrow.slick-prev {
    left: var(--slick__arrow__position);
  }
}
.homepage__hero .slick-arrow.slick-prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.homepage__intro {
  --intro__padding-top: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__intro {
    --intro__padding-top: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  }
}
.homepage__intro {
  background-color: var(--surfaces-500);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-top: var(--intro__padding-top);
  overflow: hidden;
  position: relative;
}
.homepage__intro::before {
  --icon__height: clamp(11.6875rem, 5.5394rem + 7.363vw, 14.375rem);
  --icon__bottom: clamp(-5.625rem, -3.5702rem + -1.7123vw, -5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__intro::before {
    --icon__height: clamp(9.9375rem, 7.0301rem + 5.5777vw, 11.6875rem);
    --icon__bottom: clamp(-5rem, -4.6673rem + -0.3984vw, -4.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__intro::before {
    --icon__height: clamp(6.9375rem, 4.659rem + 10.1266vw, 9.9375rem);
    --icon__bottom: clamp(-4.875rem, -0.8062rem + -7.8059vw, -2.5625rem);
  }
}
.homepage__intro::before {
  background-image: url("../images/backgrounds/mask/600x300/image_1.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  width: 100%;
  height: var(--icon__height);
  aspect-ratio: unset;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--icon__bottom);
  z-index: 2;
  transform: rotate(180deg);
}
.homepage__intro .wrap,
.homepage__intro .intro__text {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.homepage__intro .wrap {
  --gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.homepage__intro .intro__text {
  --gap: 1rem;
  width: 62.5rem;
  max-width: 100%;
  margin-inline: auto;
}
.homepage__intro .intro__text > *:not(.button) {
  text-align: center;
  color: var(--secondary-300);
}
.homepage__intro .intro__text h1, .homepage__intro .intro__text .h1 {
  color: var(--secondary-900);
}
.homepage__intro .intro__text p, .homepage__intro .intro__text .p {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__intro .intro__text p, .homepage__intro .intro__text .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.homepage__intro .intro__text p:nth-child(2), .homepage__intro .intro__text .p:nth-child(2) {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.homepage__intro .about__facts {
  --facts__width: 100%;
  --facts__max-width: 98.75rem;
  --facts__justify-content: space-around;
  margin-top: 0;
  margin-inline: auto;
  border-radius: 0.375rem;
}
.homepage__intro .intro__photo {
  width: 100%;
  height: auto;
}
.homepage__intro .intro__photo picture, .homepage__intro .intro__photo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.homepage__benta {
  padding-block: var(--padding-block);
}
.homepage__benta .benta__box {
  --box__gap: clamp(0.8125rem, 0.3836rem + 0.5137vw, 1rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__benta .benta__box {
    --box__gap: clamp(0.75rem, 0.6462rem + 0.1992vw, 0.8125rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__benta .benta__box {
    --box__gap: clamp(0.25rem, -0.1297rem + 1.6878vw, 0.75rem);
  }
}
.homepage__benta .benta__box {
  width: 102.875rem;
  max-width: 100%;
  display: grid;
  grid-gap: var(--box__gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
  margin-inline: auto;
  overflow: hidden;
  position: relative;
  border-radius: 0.375rem;
}
.homepage__benta .benta__box::before {
  background-image: url("../images/backgrounds/mask/300x600/image_1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: clamp(9.6875rem, -1.036rem + 12.8425vw, 14.375rem);
  height: auto;
  aspect-ratio: 0.5;
  content: "";
  position: absolute;
  top: 0;
  left: clamp(-5.4375rem, 2.5762rem + -6.6781vw, -3rem);
  bottom: 0;
  z-index: 2;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__benta .benta__box::before {
    background-image: url("../images/backgrounds/mask/600x300/image_1.svg");
    background-position: bottom center;
    width: 100%;
    height: clamp(5.625rem, 2.3497rem + 14.557vw, 9.9375rem);
    aspect-ratio: unset;
    top: unset;
    left: 0;
    right: 0;
    bottom: clamp(-4.9375rem, -1.1986rem + -7.173vw, -2.8125rem);
    transform: rotate(180deg);
  }
}
.homepage__benta .box__item {
  display: flex;
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
}
.homepage__benta .box__item img,
.homepage__benta .box__item video,
.homepage__benta .box__item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage__benta .box__item._embed-video {
  aspect-ratio: 1;
}
.homepage__benta .box__item._embed-video iframe {
  position: absolute;
  inset: 0;
}
.homepage__benta .box__item._col-span-1 {
  grid-column: span 1/span 1;
}
.homepage__benta .box__item._row-span-1 {
  grid-row: span 1/span 1;
}
.homepage__benta .box__item._col-span-2 {
  grid-column: span 2/span 2;
}
.homepage__benta .box__item._row-span-2 {
  grid-row: span 2/span 2;
}
.homepage__benta .box__item._col-span-3 {
  grid-column: span 3/span 3;
}
.homepage__benta .box__item._row-span-3 {
  grid-row: span 3/span 3;
}
.homepage__benta .box__item._col-span-4 {
  grid-column: span 4/span 4;
}
.homepage__benta .box__item._row-span-4 {
  grid-row: span 4/span 4;
}
.homepage__benta .box__item._col-start-1 {
  grid-column-start: 1;
}
.homepage__benta .box__item._row-start-1 {
  grid-row-start: 1;
}
.homepage__benta .box__item._col-start-2 {
  grid-column-start: 2;
}
.homepage__benta .box__item._row-start-2 {
  grid-row-start: 2;
}
.homepage__benta .box__item._col-start-3 {
  grid-column-start: 3;
}
.homepage__benta .box__item._row-start-3 {
  grid-row-start: 3;
}
.homepage__benta .box__item._col-start-4 {
  grid-column-start: 4;
}
.homepage__benta .box__item._row-start-4 {
  grid-row-start: 4;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__benta .box__item.mobile\:_col-span-1 {
    grid-column: span 1/span 1;
  }
  .homepage__benta .box__item.mobile\:_row-span-1 {
    grid-row: span 1/span 1;
  }
  .homepage__benta .box__item.mobile\:_col-span-2 {
    grid-column: span 2/span 2;
  }
  .homepage__benta .box__item.mobile\:_row-span-2 {
    grid-row: span 2/span 2;
  }
  .homepage__benta .box__item.mobile\:_col-span-3 {
    grid-column: span 3/span 3;
  }
  .homepage__benta .box__item.mobile\:_row-span-3 {
    grid-row: span 3/span 3;
  }
  .homepage__benta .box__item.mobile\:_col-span-4 {
    grid-column: span 4/span 4;
  }
  .homepage__benta .box__item.mobile\:_row-span-4 {
    grid-row: span 4/span 4;
  }
  .homepage__benta .box__item.mobile\:_col-start-1 {
    grid-column-start: 1;
  }
  .homepage__benta .box__item.mobile\:_row-start-1 {
    grid-row-start: 1;
  }
  .homepage__benta .box__item.mobile\:_col-start-2 {
    grid-column-start: 2;
  }
  .homepage__benta .box__item.mobile\:_row-start-2 {
    grid-row-start: 2;
  }
  .homepage__benta .box__item.mobile\:_col-start-3 {
    grid-column-start: 3;
  }
  .homepage__benta .box__item.mobile\:_row-start-3 {
    grid-row-start: 3;
  }
  .homepage__benta .box__item.mobile\:_col-start-4 {
    grid-column-start: 4;
  }
  .homepage__benta .box__item.mobile\:_row-start-4 {
    grid-row-start: 4;
  }
}

.product__slider + .homepage__benta {
  padding-top: 0;
}

.homepage__contacts {
  --contacts__gap: clamp(3.375rem, -3.6494rem + 10.3586vw, 5rem);
  --contacts__columns: minmax(0, 0.73fr) minmax(0, 1fr);
  --contacts__padding-block: clamp(5rem, 2.1404rem + 3.4247vw, 6.25rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__contacts {
    --contacts__columns: minmax(0, 0.95fr) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__contacts {
    --contacts__columns: minmax(0, 1fr);
    --contacts__padding-block: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  }
}
.homepage__contacts {
  background-color: var(--surfaces-300);
  padding-block: var(--contacts__padding-block);
}
.homepage__contacts .wrap {
  display: grid;
  grid-gap: var(--contacts__gap);
  grid-template-columns: var(--contacts__columns);
  align-items: flex-start;
}
.homepage__contacts .contacts__requisites {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.homepage__contacts .contacts__requisites h2, .homepage__contacts .contacts__requisites .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__contacts .contacts__requisites h2, .homepage__contacts .contacts__requisites .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts {
  --contacts__gap: 1.5rem;
  --contacts__columns: minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__contacts .contacts__requisites .requisites__contacts {
    --contacts__gap: clamp(1rem, -1.1614rem + 3.1873vw, 1.5rem);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.homepage__contacts .contacts__requisites .requisites__contacts ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.homepage__contacts .contacts__requisites .requisites__contacts ul {
  list-style: none;
}
.homepage__contacts .contacts__requisites .requisites__contacts a {
  text-decoration: none;
}
.homepage__contacts .contacts__requisites .requisites__contacts {
  display: grid;
  grid-gap: var(--contacts__gap);
  grid-template-columns: var(--contacts__columns);
}
.homepage__contacts .contacts__requisites .requisites__contacts .contacts__item {
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  padding: clamp(1rem, 0.6311rem + 1.6393vw, 2rem);
  border-radius: 0.5rem;
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__title {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.homepage__contacts .contacts__requisites .requisites__contacts .content__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__contacts .contacts__requisites .requisites__contacts .content__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts .content__item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.25rem;
}
.homepage__contacts .contacts__requisites .requisites__contacts .content__item svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: -0.25rem;
}
.homepage__contacts .contacts__requisites .requisites__contacts .content__item svg rect,
.homepage__contacts .contacts__requisites .requisites__contacts .content__item svg circle {
  fill: var(--primary-900);
}
.homepage__contacts .contacts__requisites .requisites__contacts .content__item svg path[stroke=white] {
  stroke: var(--neutral-100);
}
.homepage__contacts .contacts__requisites .requisites__contacts a,
.homepage__contacts .contacts__requisites .requisites__contacts .content__company {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .homepage__contacts .contacts__requisites .requisites__contacts a:hover,
  .homepage__contacts .contacts__requisites .requisites__contacts .content__company:hover {
    color: var(--secondary-900);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts a[href^="tel:"],
.homepage__contacts .contacts__requisites .requisites__contacts .content__company[href^="tel:"] {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__contacts .contacts__requisites .requisites__contacts a[href^="tel:"],
  .homepage__contacts .contacts__requisites .requisites__contacts .content__company[href^="tel:"] {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__content > a:not(.content__item) {
  display: flex;
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__contacts .contacts__requisites .requisites__contacts .item__content > a:not(.content__item) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__content > a:not(.content__item) {
  margin-top: 1rem;
}
@media (hover: hover) and (pointer: fine) {
  .homepage__contacts .contacts__requisites .requisites__contacts .item__content > a:not(.content__item):hover {
    color: var(--primary-900);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -0.0348rem + 1.2658vw, 0.625rem);
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__text._hours {
  gap: 0.5rem;
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__link {
  display: flex;
  gap: 0.5rem;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__contacts .contacts__requisites .requisites__contacts .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .homepage__contacts .contacts__requisites .requisites__contacts .item__link:hover {
    color: var(--primary-900);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__link svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.09375rem;
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__link svg path {
  stroke: currentColor;
}
.homepage__contacts .contacts__requisites .requisites__contacts ul {
  margin-top: 1rem;
}
.homepage__contacts .contacts__requisites .requisites__contacts ul li {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__contacts .contacts__requisites .requisites__contacts ul li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts ul li {
  color: var(--primary-500);
}
.homepage__contacts .contacts__requisites .requisites__contacts ul li:not(:first-child) {
  margin-top: 0.5rem;
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__socials {
  display: flex;
  gap: clamp(1rem, -0.7158rem + 2.0548vw, 1.75rem);
  margin-top: auto;
  padding-top: 1.5rem;
  flex-wrap: wrap;
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__socials .socials__item {
  --item__color: var(--secondary-700);
}
@media (hover: hover) and (pointer: fine) {
  .homepage__contacts .contacts__requisites .requisites__contacts .item__socials .socials__item:hover {
    --item__color: var(--primary-900);
  }
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__socials .socials__item {
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  border: 0.0625rem solid var(--item__color);
  border-radius: 0.125rem;
  color: var(--item__color);
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__socials .socials__item svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.homepage__contacts .contacts__requisites .requisites__contacts .item__socials .socials__item svg path {
  fill: currentColor;
}
.homepage__contacts .contacts__form {
  --form__columns: minmax(0, 1fr);
  display: grid;
  grid-gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  grid-template-columns: var(--form__columns);
}
.homepage__contacts .contacts__form h2, .homepage__contacts .contacts__form .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__contacts .contacts__form h2, .homepage__contacts .contacts__form .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__contacts .contacts__form .form__inputs {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.homepage__contacts .contacts__form .input {
  --input__margin-top: 0;
}
.homepage__contacts .contacts__form .input:has(textarea) {
  --input__textarea__height: 14.375rem;
}
.homepage__contacts .contacts__form .form__actions {
  --actions__max-width: 21.875rem;
}
@media only screen and (max-width: 37.25rem) {
  .homepage__contacts .contacts__form .form__actions {
    --actions__max-width: 100%;
  }
}
.homepage__contacts .contacts__form .form__actions {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  width: 100%;
  max-width: var(--actions__max-width);
  margin-left: auto;
}

.news__grid {
  --news-card-width: clamp(368px, calc(-80.785px + 33.5616vw), 564px);
  --news-card-image-height: clamp(207px, calc(-179.616px + 28.9383vw), 376px);
  --news-grid-column-gap: clamp(48px, calc(34.274px + 1.0274vw), 54px);
  --news-grid-row-gap: clamp(48px, calc(11.452px + 2.7397vw), 64px);
  --news-grid-columns: repeat(3, var(--news-card-width));
  --grid__max-width: calc(var(--news-card-width) * 3 + var(--news-grid-column-gap) * 2);
}
@media only screen and (max-width: 1335px) {
  .news__grid {
    --news-card-width: clamp(320px, calc(280.816px + 6.5306vw), 368px);
    --news-card-image-height: auto;
    --news-grid-column-gap: 48px;
    --news-grid-row-gap: 48px;
    --news-grid-columns: repeat(2, var(--news-card-width));
    --grid__max-width: calc(var(--news-card-width) * 2 + var(--news-grid-column-gap));
  }
}
@media only screen and (max-width: 600px) {
  .news__grid {
    --news-card-width: clamp(320px, calc(295.696px + 6.7511vw), 336px);
    --news-card-image-height: auto;
    --news-grid-column-gap: 0px;
    --news-grid-row-gap: 48px;
    --news-grid-columns: var(--news-card-width);
    --grid__max-width: min(100%, var(--news-card-width));
  }
}
@media only screen and (max-width: 840px) and (min-width: 601px) {
  .news__grid {
    --news-grid-column-gap: 24px;
    --news-card-width: calc((100% - var(--news-grid-column-gap)) / 2);
    --news-grid-columns: repeat(2, minmax(0, 1fr));
    --grid__max-width: 100%;
  }
}
.news__grid {
  width: 100%;
  max-width: var(--grid__max-width);
  display: grid;
  grid-gap: var(--news-grid-row-gap) var(--news-grid-column-gap);
  grid-template-columns: var(--news-grid-columns);
  margin-inline: auto;
  justify-content: center;
}
.news__grid .news._card .news__photo {
  height: var(--news-card-image-height);
  aspect-ratio: 16/9;
}

.hero._news + .news__grid {
  margin-top: 0;
}

body.page_news .layout .wrap:has(.layout__related) {
  --news__main-width: clamp(49.75rem, 10.5736rem + 46.9178vw, 66.875rem);
  --news__related-width: clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem);
  --news__columns-gap: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  grid-template-columns: minmax(0, var(--news__main-width)) minmax(0, var(--news__related-width));
  column-gap: var(--news__columns-gap);
  justify-content: center;
}
@media only screen and (max-width: 67.75rem) {
  body.page_news .layout .wrap:has(.layout__related) {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(1.5rem, -4.7301rem + 11.9522vw, 3.375rem);
  }
}
@media only screen and (max-width: 83.4375rem) {
  body.page_news .hero._news-inner {
    padding-inline: var(--padding);
  }
}
body.page_news .hero._news-inner .hero__text {
  max-width: var(--news__main-width, 100%);
  padding-top: var(--hero__text__padding-block);
}
body.page_news .hero._news-inner .breadcrumb,
body.page_news .hero._news-inner .breadcrumb__list {
  justify-content: flex-start;
}
body.page_news .hero._news-inner .breadcrumb .item__link,
body.page_news .hero._news-inner .breadcrumb .list__item {
  text-align: left;
}
body.page_news .hero._news-inner h1,
body.page_news .hero._news-inner .h1 {
  text-align: left;
}

.about__timeline {
  --timeline__section__gap: 1.5rem;
  --timeline__section__padding: clamp(1.875rem, -0.6986rem + 3.0822vw, 3rem);
  --timeline__slider__radius: 0.375rem;
  --timeline__arrow__width: 2.875rem;
  --timeline__arrow__offset: 1.25rem;
  --timeline__years__gap: clamp(0.5rem, -1.7877rem + 2.7397vw, 1.5rem);
  --timeline__year__width: 3rem;
  --timeline__year__gap: 0.5rem;
  --timeline__year__opacity: 0.6;
  --timeline__year__text__opacity: 0.8;
  --timeline__year__font-weight: 400;
  --timeline__year__circle__opacity: 0;
  display: flex;
  flex-direction: column;
  gap: var(--timeline__section__gap);
  margin-top: var(--padding-block);
}
@media only screen and (min-width: 52.125rem) {
  .about__timeline {
    background-color: var(--surfaces-500);
    border-radius: var(--timeline__slider__radius);
    padding: var(--timeline__section__padding);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline {
    width: 100%;
    padding-top: var(--padding-block);
    border-top: 0.0625rem solid var(--surfaces-50);
  }
}
.about__timeline h2, .about__timeline .h2 {
  color: var(--primary-500);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline h2, .about__timeline .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.about__timeline h2, .about__timeline .h2 {
  text-align: center;
}
.about__timeline .timeline__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.about__timeline .timeline__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.about__timeline .timeline__slider .slick-track {
  display: flex !important;
}
.about__timeline .timeline__slider .slick-track .slick-slide {
  height: inherit !important;
}
.about__timeline .timeline__slider .slick-track .slick-slide > div:not([class]), .about__timeline .timeline__slider .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
.about__timeline .timeline__slider {
  position: relative;
  overflow: hidden;
  border-radius: var(--timeline__slider__radius);
}
@media only screen and (max-width: 67.75rem) {
  .about__timeline .timeline__slider {
    width: 37.5rem;
    max-width: 100%;
    margin-inline: auto;
  }
}
.about__timeline .slick-arrow {
  width: var(--timeline__arrow__width);
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) and (pointer: fine) {
  .about__timeline .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.about__timeline .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.about__timeline .slick-arrow.slick-prev {
  left: var(--timeline__arrow__offset);
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline .slick-arrow.slick-prev {
    left: var(--padding);
  }
}
.about__timeline .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.about__timeline .slick-arrow.slick-next {
  right: var(--timeline__arrow__offset);
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline .slick-arrow.slick-next {
    right: var(--padding);
  }
}
.about__timeline .timeline__years {
  display: flex;
  align-items: center;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.about__timeline .timeline__years.is-overflowing {
  --fade-size: 2rem;
  --fade-left-color-start: transparent;
  --fade-left-stop: var(--fade-size);
  --fade-right-stop: var(--fade-size);
  --fade-right-color-end: transparent;
  mask-image: linear-gradient(to right, var(--fade-left-color-start) 0, black var(--fade-left-stop), black calc(100% - var(--fade-right-stop)), var(--fade-right-color-end) 100%);
  mask-mode: match-source;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to right, var(--fade-left-color-start) 0, black var(--fade-left-stop), black calc(100% - var(--fade-right-stop)), var(--fade-right-color-end) 100%);
  -webkit-mask-repeat: no-repeat;
}
.about__timeline .timeline__years.hide-left-fade {
  --fade-left-color-start: black;
  --fade-left-stop: 0;
}
.about__timeline .timeline__years.hide-right-fade {
  --fade-right-stop: 0;
  --fade-right-color-end: black;
}
.about__timeline .years__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--timeline__years__gap);
  width: max-content;
  margin-inline: auto;
}
.about__timeline .list__item {
  --item__opacity: var(--timeline__year__opacity);
  --item__text__opacity: var(--timeline__year__text__opacity);
  --item__text__font-weight: var(--timeline__year__font-weight);
  --item__circle__opacity: var(--timeline__year__circle__opacity);
}
.about__timeline .list__item._active {
  --item__opacity: 1;
  --item__text__opacity: 1;
  --item__text__font-weight: 600;
  --item__circle__opacity: 1;
}
.about__timeline .list__item {
  width: var(--timeline__year__width);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--timeline__year__gap);
  background-color: transparent;
  border: 0;
  padding: 0;
  opacity: var(--item__opacity);
  color: var(--primary-900);
  cursor: pointer;
}
.about__timeline .item__text {
  color: currentColor;
  font-size: 0.875rem;
  font-weight: var(--item__text__font-weight);
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline .item__text {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.about__timeline .item__text {
  opacity: var(--item__text__opacity);
}
.about__timeline .item__dot {
  width: 1.1875rem;
  min-width: 1.1875rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.about__timeline .item__dot svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.about__timeline .item__dot svg circle[fill] {
  fill: var(--primary-900);
}
.about__timeline .item__dot svg circle[stroke] {
  stroke: var(--primary-900);
}
.about__timeline .item__dot svg circle:nth-child(2) {
  opacity: var(--item__circle__opacity);
}

.page_about .text__editor > :is(p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, ol, table) {
  width: 100%;
  max-width: calc(var(--content) - 7 * var(--padding));
  margin-inline: auto;
}

.page_about .text__editor > p:has(img[src*="/image/catalog/about-us/visual.png"]),
.page_about .text__editor > p:has(img[src*="/image/catalog/about-us/main-hero.png"]) {
  max-width: none;
}

.page_about .text__editor .about__facts {
  width: 100%;
  max-width: calc(var(--content) - 7 * var(--padding));
  margin-inline: auto;
}

.page_about .text__editor img[src*="/image/catalog/about-us/visual.png"] {
  width: calc(100% + 2 * var(--wrap__padding));
  max-width: none;
  margin-inline: calc(-1 * var(--wrap__padding));
}

.page_about .text__editor img[src*="/image/catalog/about-us/main-hero.png"] {
  width: calc(100% + 2 * var(--wrap__padding));
  max-width: none;
  margin-inline: calc(-1 * var(--wrap__padding));
}

body.page_category .layout {
  padding-bottom: 0;
}
@media only screen and (max-width: 83.4375rem) {
  body.page_category .layout__main {
    border-top: 0;
  }
}
body.page_category .homepage__contacts {
  margin-top: var(--padding-block);
}
body.page_category .category__description ~ .homepage__contacts {
  margin-top: 0;
}
body.page_category .hero._category._full-photo + .wrap > .subcategory__list._category {
  padding-top: 0;
}

.category__description {
  padding-block: var(--padding-block);
  border-top: 0;
}
.category__description > .wrap {
  display: flex;
  flex-direction: column;
  gap: var(--padding-block);
}
.category__description .description__block {
  --block__gap: clamp(7.5rem, 2.6387rem + 5.8219vw, 9.625rem);
  --block__columns: repeat(2, minmax(0, 1fr));
  --block__areas: 'text photo';
}
@media only screen and (max-width: 67.75rem) {
  .category__description .description__block {
    --block__gap: 2rem;
    --block__columns: minmax(0, 1fr);
    --block__areas: 'text' 'photo';
  }
  .category__description .description__block .block__photo {
    max-width: 100%;
  }
}
.category__description .description__block {
  display: grid;
  grid-gap: var(--block__gap);
  grid-template-columns: var(--block__columns);
  padding-inline: clamp(0rem, -14.7269rem + 17.637vw, 6.4375rem);
  grid-template-areas: var(--block__areas);
  align-items: center;
}
.category__description .description__block.download__block {
  --block__columns: minmax(0, 1fr);
  grid-template-areas: none;
}
.category__description .description__block:nth-child(even) {
  --block__areas: 'photo text';
}
@media only screen and (max-width: 67.75rem) {
  .category__description .description__block:nth-child(even) {
    --block__areas: 'text' 'photo';
  }
}
@media only screen and (min-width: 67.8125rem) {
  .category__description .description__block:nth-child(even) .block__photo::before {
    left: unset;
    right: clamp(-6.625rem, -1.2825rem + -4.4521vw, -5rem);
    transform: translateY(-50%) rotate(180deg);
  }
}
.category__description .description__block .block__text,
.category__description .description__block .text__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.category__description .description__block .block__text {
  grid-area: text;
}
.category__description .description__block .text__content ul li {
  margin-top: 0.5rem;
}
.category__description .description__block .block__photo {
  display: flex;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.3333333333;
  border-radius: 0.375rem;
  grid-area: photo;
  overflow: hidden;
  position: relative;
}
.category__description .description__block .block__photo::before {
  background-image: url("../images/backgrounds/mask/300x600/image_1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: clamp(11.875rem, 0.4366rem + 13.6986vw, 16.875rem);
  height: 90%;
  aspect-ratio: unset;
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(-6.625rem, -1.2825rem + -4.4521vw, -5rem);
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 67.75rem) {
  .category__description .description__block .block__photo::before {
    background-image: url("../images/backgrounds/mask/600x300/image_1.svg");
    background-position: top center;
    width: 100%;
    height: clamp(8.25rem, 4.9272rem + 14.7679vw, 12.625rem);
    aspect-ratio: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: unset;
    transform: translateY(-50%);
  }
}
.category__description .description__block .block__photo img, .category__description .description__block .block__photo iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category__description .download__block {
  --download__gap: clamp(7.5rem, 2.6387rem + 5.8219vw, 9.625rem);
  --download__content-width: calc((100% - var(--download__gap)) / 2);
}
@media only screen and (max-width: 67.75rem) {
  .category__description .download__block {
    --download__gap: 2rem;
    --download__content-width: 100%;
  }
}
.category__description .download__block {
  padding-bottom: clamp(4rem, -4.0068rem + 9.589vw, 7.5rem);
}
.category__description .download__block .wrap {
  padding-bottom: 0;
}
.category__description .download__block .wrap .download__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-inline: clamp(0rem, -14.7269rem + 17.637vw, 6.4375rem);
}
@media only screen and (max-width: 83.4375rem) {
  .category__description .download__block .wrap .download__inner {
    padding-inline: 0;
  }
}
.category__description .download__block .wrap .download__inner > :is(h2, .download__content, .block__files) {
  width: 100%;
}
.category__description .download__block .download__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.category__description .download__block .download__inner h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
.category__description .download__block .download__inner .download__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.category__description .download__block .download__inner .download__content p,
.category__description .download__block .download__inner .download__content li {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .category__description .download__block .download__inner .download__content p,
  .category__description .download__block .download__inner .download__content li {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.category__description .download__block .download__inner .block__files {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.category__description .download__block .download__inner .files__item {
  color: var(--secondary-800);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .category__description .download__block .download__inner .files__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.category__description .download__block .download__inner .files__item {
  background-color: var(--surfaces-500);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  border-radius: 0.375rem;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .category__description .download__block .download__inner .files__item:hover {
    color: var(--primary-500);
    text-decoration: underline;
  }
}
.category__description .download__block .download__inner .files__item svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  flex-shrink: 0;
}
.category__description .download__block .download__inner .files__item path {
  stroke: currentColor;
}
.category__description .download__block .download__inner .files__item span {
  flex: 1 1 auto;
}
.category__description .download__block._certificates {
  background: var(--neutral-100);
  padding-top: clamp(4.5rem, -2.363rem + 8.2192vw, 7.5rem);
  --certificate__card-width: clamp(13.125rem, calc(13.125rem + (100vw - 22.5rem) * 0.0551282), 18.5rem);
  --certificate__photo-height: clamp(16.375rem, calc(16.375rem + (100vw - 22.5rem) * 0.0692308), 23.125rem);
  --certificate__mask-width: min(12.875rem, 64.375%);
  --certificate__mask-height: 3.1875rem;
  --certificate__arrow-space: 2.875rem;
  --certificate__card-gap: 1.5rem;
}
.category__description .download__block._certificates .download__inner {
  gap: 1.875rem;
  padding-inline: 0;
}
.category__description .download__block._certificates .download__inner h2 {
  text-align: center;
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #1a1818;
  margin: 0;
}
.category__description .download__block._certificates .download__inner .download__content {
  display: none;
}
.category__description .download__block._certificates .download__inner .block__files {
  display: block;
}
.category__description .download__block._certificates .certificates__slider {
  padding-block: 0;
}
.category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
}
.category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) > *:nth-child(n+6) {
  display: none;
}
.category__description .download__block._certificates .certificates__slider .slider__content {
  padding-inline: calc(var(--certificate__arrow-space) + var(--certificate__card-gap));
}
@media only screen and (max-width: 119.9375rem) {
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
  .category__description .download__block._certificates .certificates__slider .slider__content {
    --certificate__card-gap: 1.25rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
  .category__description .download__block._certificates .certificates__slider .slider__content {
    --certificate__card-gap: 1rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .category__description .download__block._certificates .certificates__slider .slider__content:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
  .category__description .download__block._certificates .certificates__slider .slider__content {
    --certificate__arrow-space: 1.25rem;
    --certificate__card-gap: 0.5rem;
  }
}
.category__description .download__block._certificates .certificates__slider .certificate__slide,
.category__description .download__block._certificates .certificates__slider .slick-slide {
  padding-inline: calc(var(--certificate__card-gap) / 2);
}
@media only screen and (max-width: 52.0625rem) {
  .category__description .download__block._certificates .certificates__slider .certificate__slide,
  .category__description .download__block._certificates .certificates__slider .slick-slide {
    padding-inline: calc(var(--certificate__card-gap) / 2);
  }
}
.category__description .download__block._certificates .certificates__slider .certificate__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: var(--certificate__card-width);
  margin-inline: auto;
  background: transparent;
  padding: 0;
  border-radius: 0;
  text-decoration: none;
}
.category__description .download__block._certificates .certificates__slider .certificate__card:hover {
  text-decoration: none;
}
.category__description .download__block._certificates .certificates__slider .certificate__photo {
  display: block;
  width: 100%;
  height: var(--certificate__photo-height);
  aspect-ratio: 296/370;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.category__description .download__block._certificates .certificates__slider .certificate__photo::before {
  background-image: url("../images/backgrounds/mask/category_list_mask.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  width: var(--certificate__mask-width);
  height: var(--certificate__mask-height);
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
.category__description .download__block._certificates .certificates__slider .certificate__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category__description .download__block._certificates .certificates__slider .certificate__title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: var(--primary-500);
  text-align: center;
  width: 100%;
  overflow-wrap: anywhere;
}
@media only screen and (max-width: 37.25rem) {
  .category__description .download__block._certificates .certificates__slider .certificate__card {
    min-width: 0;
  }
}

body.page_category .layout:has(+ .category__description) + .category__description {
  padding-top: 0;
  padding-bottom: var(--padding-block);
}

.projects__list {
  --projects__gap: clamp(2.5rem, 0.4983rem + 2.3973vw, 3.375rem);
  --projects__max-width: 86.25rem;
  --project__image-width: 27.625rem;
  --project__image-height: 10.625rem;
  --project__content-gap: 1rem;
  --project__table-cell-padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--projects__gap);
}
@media only screen and (max-width: 52.0625rem) {
  .projects__list {
    --projects__gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
    --project__content-gap: 0.75rem;
  }
}
.projects__list .propject._card {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--project__content-gap);
}
.projects__list .project_title:first-child {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
.projects__list .project_title:first-child {
  width: 100%;
}
.projects__list .project_title + .project_title {
  display: flex;
  flex-direction: column;
  gap: var(--project__content-gap);
  width: 100%;
}
.projects__list .project_title + .project_title, .projects__list .project_title + .project_title p, .projects__list .project_title + .project_title li {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .projects__list .project_title + .project_title, .projects__list .project_title + .project_title p, .projects__list .project_title + .project_title li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.projects__list .project_title + .project_title > * {
  width: 100%;
}
.projects__list .project_title + .project_title p:empty {
  display: none;
}
.projects__list .project_title + .project_title p:has(img) {
  display: flex;
  margin-top: 0;
}
.projects__list .project_title + .project_title img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 0.375rem;
}
.projects__list .project_title + .project_title ul,
.projects__list .project_title + .project_title ol {
  width: 100%;
  padding-left: 1.5rem;
}
.projects__list .project_title + .project_title li:not(:first-child) {
  margin-top: 0.125rem;
}
.projects__list .project_title + .project_title table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border-color: var(--divider-600);
}
.projects__list .project_title + .project_title tbody,
.projects__list .project_title + .project_title tr {
  border: 0;
}
.projects__list .project_title + .project_title th,
.projects__list .project_title + .project_title td {
  border: 0;
  padding: 0.5rem var(--project__table-cell-padding);
  border-right: 0.0625rem solid var(--divider-600);
  border-bottom: 0.0625rem solid var(--divider-600);
  border-color: var(--divider-600);
  text-align: left;
  vertical-align: middle;
  overflow-wrap: break-word;
}
.projects__list .project_title + .project_title th {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .projects__list .project_title + .project_title th {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.projects__list .project_title + .project_title th {
  border-top: 0.0625rem solid var(--divider-600);
}
.projects__list .project_title + .project_title th:first-child {
  border-top-left-radius: 0.375rem;
}
.projects__list .project_title + .project_title th:last-child {
  border-top-right-radius: 0.375rem;
}
.projects__list .project_title + .project_title td {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .projects__list .project_title + .project_title td {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.projects__list .project_title + .project_title tr > :first-child {
  border-left: 0.0625rem solid var(--divider-600);
}
.projects__list .project_title + .project_title tr:first-child > * {
  border-top: 0.0625rem solid var(--divider-600);
}
.projects__list .project_title + .project_title tr:last-child td:first-child {
  border-bottom-left-radius: 0.375rem;
}
.projects__list .project_title + .project_title tr:last-child td:last-child {
  border-bottom-right-radius: 0.375rem;
}
.projects__list .project_title + .project_title a {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .projects__list .project_title + .project_title a:hover {
    color: var(--secondary-900);
  }
}
.projects__list .project_title + .project_title a {
  text-decoration: none;
}

.page_work .projects__list .project_title:first-child,
.page_work .projects__list .project_title + .project_title {
  max-width: calc(var(--content) - 7 * var(--padding));
  margin-inline: auto;
}

.status {
  --status__padding-block: clamp(4.5rem, -2.363rem + 8.2192vw, 7.5rem);
  --status__gap: clamp(1.25rem, 0.1062rem + 1.3699vw, 1.75rem);
  --status__text-width: 40rem;
  --status__icon-width: 22.5rem;
  --status__icon-height: 9.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status {
    --status__padding-block: clamp(3rem, 1.8608rem + 5.0633vw, 4.5rem);
    --status__gap: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    --status__icon-width: clamp(13.75rem, 7.1044rem + 29.5359vw, 22.5rem);
    --status__icon-height: clamp(6rem, 3.3418rem + 11.8143vw, 9.5rem);
  }
}
.status {
  padding-block: var(--status__padding-block);
}
.status .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--status__gap);
  text-align: center;
}
.status .status__icon {
  width: var(--status__icon-width);
  min-width: var(--status__icon-width);
  height: var(--status__icon-height);
  min-height: var(--status__icon-height);
  background-image: url("../images/icons/error_360x152.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.status .status__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: var(--status__text-width);
}
.status h1, .status .h1 {
  color: var(--primary-500);
  font-size: clamp(2rem, 1.4281rem + 0.6849vw, 2.25rem);
  font-weight: 700;
  line-height: clamp(2.375rem, 1.8031rem + 0.6849vw, 2.625rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status h1, .status .h1 {
    font-size: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
    line-height: clamp(2rem, 1.6203rem + 1.6878vw, 2.5rem);
  }
}
.status p, .status .p {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status p, .status .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.status .button {
  --primary-900: #7F9C90;
  width: auto;
  max-width: 100%;
  margin-top: 0.25rem;
}

/*# sourceMappingURL=app.css.map */