@charset "UTF-8";
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}

*:focus {
  outline: none;
}

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

html {
  scroll-behavior: smooth;
}

address {
  font-style: initial;
}

strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

ins,
a {
  text-decoration: none;
}

p a {
  text-decoration: underline;
}

img,
picture,
video,
iframe,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

svg {
  fill: currentColor;
}

a,
a:link,
a:active,
a:visited,
a:hover {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  text-wrap: balance;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  border-radius: 0;
  white-space: initial;
  border: 0;
  padding: 0;
  background-color: transparent;
}

input:not([type=checkbox], [type=radio]),
select,
textarea {
  appearance: none;
}

input::-webkit-date-and-time-value {
  text-align: left;
}

select,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  resize: none;
  white-space: pre-wrap;
}

:root {
  --height-top-bar: 30px;
  --height-navigation-bar: 80px;
  --container-large: 1700px;
  --container-medium: 1410px;
  --container-gap: 1.25rem;
  --round-radius: 0.313rem;
  --shadow: 0 0 20px var(--clr-neutral-600);
  --font-base: "Gellix", sans-serif;
  --font-heading: "OPTI Edgar Extended", sans-serif;
  --clr-accent: #72ccd2;
  --clr-accent-dark: #0c2c2c;
  --clr-neutral-0: #ffffff;
  --clr-neutral-600: #777777;
  --clr-neutral-700: #323232;
  --clr-neutral-800: #1d1d1b;
  --clr-neutral-900: #121212;
  --clr-neutral-1000: #000000;
}

@font-face {
  font-family: Gellix;
  src: url("../fonts/gellix-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gellix;
  src: url("../fonts/gellix-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gellix;
  src: url("../fonts/gellix-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gellix;
  src: url("../fonts/gellix-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: OPTI Edgar Extended;
  src: url("../fonts/opti-edgar-extended-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: OPTI Edgar Extended;
  src: url("../fonts/opti-edgar-extended-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font: 300 1.125rem/1.72 var(--font-base);
}

.eyelet {
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 700;
  font-style: italic;
  color: var(--clr-accent);
  display: block;
  margin-block-end: 1.25rem;
}

.text-xl {
  font-size: clamp(1.563rem, 0.832vw + 1.355rem, 1.875rem);
  line-height: 1.2;
}

.text-l {
  font-size: 1.25rem;
  line-height: 1.65;
}

.text-s {
  font-size: 1rem;
  line-height: 1.44;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
}

h1 {
  font-size: clamp(2.188rem, 2.4987vw + 1.5633rem, 3.125rem);
  line-height: 1.3;
}

h2 {
  font-size: clamp(1.563rem, 0.832vw + 1.355rem, 1.875rem);
  line-height: 1.67;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.6;
}

.font-base {
  font-family: var(--font-base);
}

.weight-300 {
  font-weight: 300;
}

.weight-400 {
  font-weight: 400;
}

.weight-700 {
  font-weight: 700;
}

.weight-800 {
  font-weight: 800;
}

.font-italic {
  font-style: italic;
}

::-webkit-scrollbar {
  appearance: none;
  width: 10px;
}

::-webkit-scrollbar:horizontal {
  height: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--clr-neutral-1000);
  border-radius: 0.2rem;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::selection {
  background-color: var(--clr-accent-dark);
  color: var(--clr-neutral-0);
}

a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
  outline: 2px solid var(--clr-accent);
}

a:focus-visible,
button:focus-visible,
input[type=submit]:focus-visible,
input[type=reset]:focus-visible {
  outline-offset: 4px;
}

.focus-neutral a:focus-visible,
.focus-neutral input:focus-visible,
.focus-neutral textarea:focus-visible,
.focus-neutral select:focus-visible,
.focus-neutral button:focus-visible {
  outline: 2px solid var(--clr-neutral-800);
}

html {
  scroll-padding-top: var(--height-navigation-bar);
}

body {
  background-color: var(--clr-neutral-900);
  color: var(--clr-neutral-0);
}

section {
  overflow-x: clip;
}

.svg-catalog {
  display: none;
}

.container-medium {
  width: calc(min(100%, var(--container-medium) + var(--container-gap) * 2) - var(--container-gap) * 2);
  margin-inline: auto;
}

.container-large {
  width: calc(min(100%, var(--container-large) + var(--container-gap) * 2) - var(--container-gap) * 2);
  margin-inline: auto;
}

input::placeholder,
textarea::placeholder,
select:has(option[value=""]:checked),
option[value=""] {
  color: var(--clr-neutral-600);
  font-weight: 400;
}

input:not([type=button],
[type=reset],
[type=submit],
[type=checkbox],
[type=radio]),
select,
option,
textarea {
  color: var(--clr-neutral-800);
  font-size: 0.938rem;
  line-height: 1.2;
  font-weight: 700;
  background-color: var(--clr-neutral-0);
  min-height: 3.75rem;
  border: none;
  width: 100%;
  padding: 0.625rem 0.938rem;
  border-radius: var(--round-radius);
}

form button,
input[type=button],
input[type=reset],
input[type=submit],
a.button {
  display: inline-block;
  padding: 1.25rem;
  background-color: var(--clr-accent);
  color: var(--clr-neutral-0);
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 800;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


body:has(header .hamburger-menu.opened) {
  overflow: hidden;
}

.top-bar {
  position: relative;
  z-index: 1;
  z-index: 101;
  background-color: var(--clr-neutral-800);
}
.top-bar .container-large {
  min-height: var(--height-top-bar);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(0.75rem, 5vw, 3.75rem);
  font-size: 1rem;
  line-height: 1.1;
}
.top-bar .container-large > * {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.top-bar .container-large :first-child {
  margin-inline-end: auto;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher {
  position: relative;
  box-shadow: none;
  background: transparent;
  overflow: visible;
  font-size: 18px;
  line-height: 1;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt-selected {
  background: transparent;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
  padding: 0;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang img {
  display: none;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code {
  color: white;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgNiAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iVmVjdG9yIDYiIGQ9Ik0wLjc1IDAuNUwyLjc1IDIuNUw0Ljc1IDAuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  transform: rotate(0deg);
  height: 16px;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow.gt_arrow_rotate {
  transform: rotate(-180deg);
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt_options {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(0);
  background-color: black;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt_options.gt-open {
  transform: translateY(100%);
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt_options img {
  display: none;
}
.top-bar .container-large .gtranslate_wrapper .gt_float_switcher .gt_options a {
  color: white;
}

header {
  position: sticky;
  top: 0;
  isolation: isolate;
  z-index: 100;
}
header .navigation-bar {
  background-color: var(--clr-neutral-1000);
}
header .navigation-bar .container-large {
  min-height: var(--height-navigation-bar);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
header .navigation-bar .container-large .logo {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
header .navigation-bar .container-large .logo svg {
  height: 30px;
}
header .navigation-bar .container-large .logo svg .clr-positive {
  fill: var(--clr-neutral-0);
}
header .navigation-bar .container-large .logo svg .clr-accent {
  fill: var(--clr-accent);
}
header .navigation-bar .container-large nav ul {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  font-size: 1.125rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
header .navigation-bar .container-large nav .hamburger-menu {
  position: relative;
  z-index: 1;
  display: none;
  width: 50px;
  cursor: pointer;
}
header .navigation-bar .container-large nav .hamburger-menu .line {
  fill: none;
  stroke: currentColor;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
header .navigation-bar .container-large nav .hamburger-menu .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
header .navigation-bar .container-large nav .hamburger-menu .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
header .navigation-bar .container-large nav .hamburger-menu .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
header .navigation-bar .container-large nav .hamburger-menu.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
header .navigation-bar .container-large nav .hamburger-menu.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
header .navigation-bar .container-large nav .hamburger-menu.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

@media (width < 992px) {
  header .navigation-bar .container-large .logo svg {
    height: 20px;
  }
  header .navigation-bar .container-large nav ul {
    position: fixed;
    inset: 0;
    background-color: var(--clr-neutral-900);
    translate: -100% 0;
    transition-duration: 0.3s;
    padding: calc(var(--height-top-bar) + var(--height-navigation-bar)) var(--container-gap) var(--container-gap);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    font-size: 1.875rem;
  }
  header .navigation-bar .container-large nav:has(.hamburger-menu.opened) ul {
    translate: 0;
  }
  header .navigation-bar .container-large nav .hamburger-menu {
    display: block;
  }
}
footer {
  background-color: var(--clr-neutral-800);
}
footer .navigation-bar {
  border-block-end: 1px solid var(--clr-neutral-0);
  padding-block: clamp(2rem, 5vw, 3.375rem);
}
footer .navigation-bar .container-large {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
footer .navigation-bar .container-large .logo {
  flex-shrink: 0;
}
footer .navigation-bar .container-large .logo svg {
  height: 30px;
}
footer .navigation-bar .container-large .logo svg .clr-positive {
  fill: var(--clr-neutral-0);
}
footer .navigation-bar .container-large .logo svg .clr-accent {
  fill: var(--clr-accent);
}
footer .navigation-bar .container-large nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.875rem;
  font-size: 1.125rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
footer .bottom-bar .container-large {
  padding-block: clamp(2rem, 5vw, 3.375rem);
  display: flex;
  justify-content: space-between;
  gap: clamp(2.75rem, 5vw, 3.75rem);
  flex-wrap: wrap;
  font-size: 1rem;
  line-height: 1.1;
}
footer .bottom-bar .container-large address a {
  text-decoration: underline;
}
footer .bottom-bar .container-large .bottom-bar__single-col--social {
  font-size: 18px;
}
footer .bottom-bar .container-large .bottom-bar__single-col--social > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
}
footer .navitagion-top {
  position: fixed;
  background-color: var(--clr-neutral-800);
  border: 1px solid var(--clr-neutral-1000);
  border-radius: 100%;
  width: clamp(45px, 6vw, 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  inset: auto 2rem 33% auto;
  transition: opacity 0.3s;
}
footer .navitagion-top svg {
  width: 45%;
  transition-duration: 0.3s;
}
footer .navitagion-top:hover svg {
  scale: 1.1;
}

@media (width < 992px) {
  footer .navigation-bar .container-large {
    flex-direction: column;
    gap: 2rem;
  }
  footer .navigation-bar .container-large .logo svg {
    height: 20px;
  }
}
@media (width < 576px) {
  footer .bottom-bar .container-large {
    text-align: center;
    justify-content: center;
  }
  footer .navitagion-top {
    inset: auto 2rem 2rem auto;
  }
  footer .navitagion-top svg {
    width: 45%;
  }
}
nav.breadcrumbs {
  padding-block: clamp(1.25rem, 5vw, 2.5rem);
  text-transform: uppercase;
  font-weight: 400;
}
nav.breadcrumbs > span {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.75rem;
}
nav.breadcrumbs > span > span:has(a[href$="/categoria-veicolo/"]) {
  display: none;
}
nav.breadcrumbs > span > span:not(:last-child)::after {
  content: "|";
  padding-inline-start: 0.75rem;
}

.custom-select select {
  display: none;
}
.custom-select-container {
  position: relative;
  color: var(--clr-neutral-800);
  font-size: 0.938rem;
  line-height: 1.2;
  font-weight: 700;
}
.custom-select-selected {
  display: flex;
  align-items: center;
  background-color: var(--clr-neutral-0);
  padding: 0.625rem 0.938rem;
  border-radius: var(--round-radius);
}
.custom-select-selected span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-select-selected[data-value=""] {
  color: var(--clr-neutral-600);
  font-weight: 400;
}
.custom-select-selected:focus, .custom-select-selected:focus-visible {
  outline: 2px solid var(--clr-accent);
}
.custom-select-options {
  position: absolute;
  inset: 100% 0 auto 0;
  margin-block-start: 0.5rem;
  background: var(--clr-neutral-0);
  box-shadow: var(--shadow);
  z-index: 20;
  border-radius: var(--round-radius);
  max-height: 200px;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.custom-select-options.active {
  opacity: 1;
  pointer-events: auto;
}
.custom-select-options .custom-select-item {
  padding: 0.625rem;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}
.custom-select-options .custom-select-item[data-value=""] {
  color: var(--clr-neutral-600);
  font-weight: 400;
}
.custom-select-options .custom-select-item:hover, .custom-select-options .custom-select-item:focus-visible {
  background-color: var(--clr-neutral-800);
  color: var(--clr-neutral-0);
}
.custom-select-options .custom-select-item[aria-selected=true] {
  background: var(--clr-accent);
  color: var(--clr-neutral-0);
}
.custom-select-options .custom-select-item.disabled {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--clr-neutral-600);
  pointer-events: none;
  cursor: no-drop;
}
.custom-select-options .custom-select-item.disabled::after {
  content: "NON DISPONIBILE";
  font-size: 0.6rem;
  font-weight: 400;
}

.focus-neutral .custom-select-selected:focus, .focus-neutral .custom-select-selected:focus-visible {
  outline: 2px solid var(--clr-neutral-800);
}

input.custom-date,
.custom-select-selected {
  background: var(--clr-neutral-0) no-repeat right 0.938rem center/25px;
  padding-inline-end: calc(1.438rem + 25px);
  cursor: pointer;
}

.custom-select--select .custom-select-selected {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M5 9.41421L6.41421 8L12.2071 13.7929L18 8L19.4142 9.41421L12.2071 16.6213L5 9.41421Z" fill="%23323232"/></svg>');
}

.custom-select--time .custom-select-selected {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M13.5 7H12V13L16.75 15.85L17.5 14.62L13.5 12.25V7ZM13 3C8.03 3 4 7.03 4 12C4 16.97 8.02 21 13 21C17.97 21 22 16.97 22 12C22 7.03 17.97 3 13 3ZM13 19C9.13 19 6 15.87 6 12C6 8.13 9.13 5 13 5C16.87 5 20 8.13 20 12C20 15.87 16.87 19 13 19Z" fill="%23323232"/></svg>');
}

input.custom-date {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M21 4H20V2H18V4H8V2H6V4H5C3.9 4 3 4.9 3 6V22C3 23.1 3.9 24 5 24H21C22.1 24 23 23.1 23 22V6C23 4.9 22.1 4 21 4ZM21 22H5V9H21V22Z" fill="%23323232"/></svg>');
}

input.custom-date:not(:placeholder-shown),
.custom-select-selected:not([data-value=""]) {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M3 17.2525V21.0025H6.75L17.81 9.9425L14.06 6.1925L3 17.2525ZM20.71 7.0425C21.1 6.6525 21.1 6.0225 20.71 5.6325L18.37 3.2925C17.98 2.9025 17.35 2.9025 16.96 3.2925L15.13 5.1225L18.88 8.8725L20.71 7.0425Z" fill="%23323232"/></svg>');
}

.ui-datepicker {
  background-color: var(--clr-neutral-0);
  box-shadow: var(--shadow);
  color: var(--clr-neutral-800);
  border-radius: var(--round-radius);
  overflow: hidden;
}
.ui-datepicker[style*="position: absolute"] {
  margin-block-start: 0.5rem;
}
.ui-datepicker-header {
  background-color: var(--clr-neutral-800);
  padding: 0.625rem;
}
.ui-datepicker-header .ui-datepicker-title {
  display: flex;
  gap: 0.625rem;
}
.ui-datepicker-header .ui-datepicker-title select {
  min-height: 2.5rem;
}
.ui-datepicker-header .ui-datepicker-title select:first-child {
  flex: 3.5;
}
.ui-datepicker-header .ui-datepicker-title select:last-child {
  flex: 1;
}
.ui-datepicker-header a.ui-corner-all {
  display: none;
}
.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
  font-size: 0.938rem;
  padding: 0.625rem;
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
  width: 30px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ui-datepicker-calendar .ui-state-disabled {
  opacity: 0.3;
}
.ui-datepicker-calendar a.ui-state-default {
  border-radius: var(--round-radius);
}
.ui-datepicker-calendar .ui-datepicker-today a {
  border: 1px solid var(--clr-neutral-600);
}
.ui-datepicker-calendar .ui-datepicker-current-day a {
  border-radius: var(--round-radius);
  background-color: var(--clr-accent);
  color: var(--clr-neutral-0);
}

.vehicle-card {
  isolation: isolate;
  background-color: var(--clr-neutral-800);
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  text-align: left;
  container-type: inline-size;
  cursor: pointer;
}
.vehicle-card__image {
  position: relative;
  background: linear-gradient(0deg, var(--clr-neutral-1000) -30%, transparent 70%);
  overflow: hidden;
}
.vehicle-card__image img {
  width: 100%;
  position: relative;
  z-index: -1;
  transition-duration: 0.3s;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.vehicle-card:hover img {
  scale: 1.1;
}
.vehicle-card__pictures-info {
  position: absolute;
  inset: auto 1.25rem 0.625rem auto;
  display: flex;
  align-items: center;
  gap: 0.313rem;
  font-size: 0.563rem;
  font-weight: 700;
}
.vehicle-card__pictures-info svg {
  width: 10px;
}
.vehicle-card__content {
  padding: 0.938rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.688rem;
}
.vehicle-card__content h4 {
  font-size: 1rem;
}
.vehicle-card__content hr {
  border: none;
  border-bottom: 1px solid var(--clr-neutral-0);
}
.vehicle-card__info {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
}
.vehicle-card__info-single {
  display: flex;
  align-items: center;
  gap: 0.313rem;
  line-height: 1;
}
.vehicle-card__info-single svg {
  width: 15px;
  flex-shrink: 0;
}
.vehicle-card__price {
  font-size: 0.938rem;
  font-weight: 700;
}

@container (min-width: 500px) {
  .vehicle-card__pictures-info {
    inset: auto 2.5rem 1.25rem auto;
    gap: 0.625rem;
    font-size: 1.25rem;
  }
  .vehicle-card__pictures-info svg {
    width: 20px;
  }
  .vehicle-card__content {
    padding: clamp(1rem, 4vw, 1.563rem) clamp(1.125rem, 4vw, 2.188rem);
    justify-content: center;
    gap: 1.6rem;
  }
  .vehicle-card__content h4 {
    font-size: 1.125rem;
  }
  .vehicle-card__info {
    font-size: 0.875rem;
  }
  .vehicle-card__info-single {
    gap: 0.313rem;
  }
  .vehicle-card__info-single svg {
    width: 25px;
  }
  .vehicle-card__price {
    font-size: 1.563rem;
  }
}
.filter-vehicle__heading {
  padding-block: clamp(1.25rem, 5vw, 2.5rem);
  text-align: center;
}
.filter-vehicle__heading h1 {
  margin-block-end: 1.25rem;
}
.filter-vehicle__box-field {
  background-color: var(--clr-accent);
  padding-block: clamp(1.25rem, 5vw, 2.5rem);
}
.filter-vehicle__box-field .container-large {
  display: grid;
  grid-template-columns: repeat(6, minmax(170px, 1fr)) 0.76fr;
  gap: 1.25rem;
}
.filter-vehicle__box-field .container-large input,
.filter-vehicle__box-field .container-large select,
.filter-vehicle__box-field .container-large .custom-select-selected {
  min-height: 3.75rem;
}
.filter-vehicle__box-field .container-large input[type=submit] {
  background-color: var(--clr-neutral-800);
  padding: 1.125rem;
}
.filter-vehicle__box-model {
  border-block-end: 1px solid currentColor;
  padding-block: clamp(1.25rem, 5vw, 4.375rem) clamp(1.25rem, 5vw, 2.5rem);
  text-align: center;
}
.filter-vehicle__box-model-title {
  font-size: 1.375rem;
}
.filter-vehicle__box-model-buttons {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2.5rem clamp(2.5rem, 5vw, 5rem);
  margin-block-start: clamp(1.25rem, 5vw, 2.5rem);
}
.filter-vehicle__box-model-buttons button {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.625rem;
  font-weight: 700;
  border-block-end: 2px solid transparent;
  transition-duration: 0.3s;
}
.filter-vehicle__box-model-buttons button svg .clr-negative {
  fill: var(--clr-neutral-700);
}
.filter-vehicle__box-model-buttons button svg .clr-positive-permanent,
.filter-vehicle__box-model-buttons button svg .clr-positive {
  fill: var(--clr-neutral-0);
  transition-duration: 0.3s;
}
.filter-vehicle__box-model-buttons button.model-active {
  border-color: var(--clr-accent);
}
.filter-vehicle__box-model-buttons button.model-active svg .clr-positive {
  fill: var(--clr-accent);
}
.filter-vehicle__box-model-buttons button:focus-visible {
  outline: none;
}
.filter-vehicle__box-model-buttons button:focus-visible svg {
  filter: drop-shadow(-2px -2px 0 var(--clr-accent)) drop-shadow(2px -2px 0 var(--clr-accent)) drop-shadow(-2px 2px 0 var(--clr-accent)) drop-shadow(2px 2px 0 var(--clr-accent));
}

@media (width < 1400px) {
  .filter-vehicle__box-field .container-large {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  }
}
@media (width < 576px) {
  .filter-vehicle__box-field .container-large {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }
  .filter-vehicle__box-model-buttons {
    flex-wrap: wrap;
  }
  .filter-vehicle__box-model-buttons button {
    flex: 0 1 calc(45% - clamp(2.5rem, 5vw, 5rem));
  }
}
section.vehicle-showcase .container-medium {
  padding-block: clamp(3.125rem, 10vw, 8.125rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.188rem, 10vw, 3.125rem);
}
section.vehicle-showcase .container-medium h2 {
  width: min(800px, 100%);
  margin-inline: auto;
}
section.vehicle-showcase .container-medium .vehicle-showcase__grid {
  width: 100%;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(4, 1fr);
}
section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=left] {
  grid-template-areas: "main main box1 box2" "main main box3 box4";
}
section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=left] > :first-child {
  grid-row: 1/-1;
  grid-column: 1/span 2;
}
section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=right] {
  grid-template-areas: "box1 box2 main main" "box3 box4 main main";
}
section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=right] > :first-child {
  grid-row: 1/-1;
  grid-column: span 2/-1;
}
section.vehicle-showcase .button {
  margin-block-start: clamp(1.25rem, 5vw, 2.5rem);
}

@media (width < 1200px) {
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=none] {
    grid-template-columns: repeat(3, 1fr);
  }
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=left], section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=right] {
    width: min(700px, 100%);
  }
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=left] > *, section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=right] > * {
    grid-column: span 2;
  }
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=left] > :first-child {
    grid-row: initial;
    grid-column: 1/-1;
  }
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=right] > :first-child {
    grid-row: none;
    grid-column: 1/-1;
  }
}
@media (width < 768px) {
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=none] {
    grid-template-columns: repeat(2, 1fr);
  }
  section.vehicle-showcase .container-medium .vehicle-showcase__grid,
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=left],
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=right] {
    width: min(420px, 100%);
  }
  section.vehicle-showcase .container-medium .vehicle-showcase__grid > *,
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=left] > *,
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=right] > * {
    grid-column: 1/-1 !important;
  }
}
@media (width < 576px) {
  section.vehicle-showcase .container-medium .vehicle-showcase__grid[data-main=none] {
    grid-template-columns: 1fr;
  }
}
section.hero-form {
  --gradient-orientation: to right;
  padding-block: clamp(var(--container-gap), 4vw, 3.75rem) clamp(1.875rem, 4vw, 3.75rem);
  background: linear-gradient(var(--gradient-orientation), var(--clr-neutral-1000) 5%, transparent), var(--background-image) center/cover no-repeat;
}
section.hero-form .container-medium {
  display: grid;
  grid-template-columns: 42fr minmax(500px, 25fr);
  gap: clamp(1.875rem, 4vw, 3.75rem);
  align-items: center;
}
section.hero-form .container-medium .form__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}
section.hero-form .container-medium .form__heading h1,
section.hero-form .container-medium .form__heading p {
  width: min(700px, 100%);
}
section.hero-form .container-medium .form__heading p {
  text-wrap: balance;
}
section.hero-form .container-medium .form__heading a.button {
  margin-top: clamp(1.875rem, 4vw, 3.125rem);
}
section.hero-form .container-medium form {
  max-width: 520px;
  background-color: var(--clr-neutral-0);
  color: var(--clr-neutral-800);
  container-type: inline-size;
}
section.hero-form .container-medium form .form__tab {
  display: flex;
}
section.hero-form .container-medium form .form__tab label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: clamp(1rem, 4vw, 1.25rem);
  line-height: 1.1;
  padding: clamp(1rem, 4vw, 1.563rem) 1rem;
  text-align: center;
  font-weight: 700;
  text-decoration: underline;
  transition: background 0.3s, color 0.3s;
  cursor: pointer;
}
section.hero-form .container-medium form .form__tab label:focus-visible {
  outline: 2px solid var(--clr-accent);
}
section.hero-form .container-medium form .form__tab label input {
  position: absolute;
  left: 0;
  opacity: 0;
}
section.hero-form .container-medium form .form__tab label:has(input:not(:checked)) {
  background-color: var(--clr-accent);
  color: var(--clr-neutral-0);
  text-decoration: none;
}
section.hero-form .container-medium form .form__tab label:has(input:focus-visible) {
  outline: 2px solid var(--clr-accent);
}
section.hero-form .container-medium form .form__box {
  padding: clamp(1.25rem, 4vw, 2.5rem) 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: center;
}
section.hero-form .container-medium form .form__box p {
  grid-column: 1/-1;
  padding-block: clamp(0.5rem, 4vw, 1.75rem);
  text-align: center;
  font-weight: 400;
}
section.hero-form .container-medium form .form__box input:not([type=submit]),
section.hero-form .container-medium form .form__box select,
section.hero-form .container-medium form .form__box .custom-select-selected {
  border: 1px solid var(--clr-neutral-800);
  min-height: 3.125rem;
}
section.hero-form .container-medium form .form__box .form__nav {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-block-start: clamp(0.5rem, 4vw, 1.75rem);
}
section.hero-form .container-medium form .form__box .form__nav .show-all {
  font-size: 1.125rem;
  font-weight: 700;
  text-decoration: underline;
  display: none;
}
section.hero-form .container-medium form .form__box .form__nav input[type=submit] {
  min-width: 150px;
  background-color: var(--clr-neutral-800);
  padding: 0.813rem 1.25rem;
}
section.hero-form .container-medium form:has(input[type=radio][value=auto]:checked) .show-all[data-type=auto] {
  display: initial;
}
section.hero-form .container-medium form:has(input[type=radio][value=furgoni-e-van]:checked) .show-all[data-type=furgoni-e-van] {
  display: initial;
}

@container (max-width: 480px) {
  section.hero-form .container-medium form .form__box input[type=text],
  section.hero-form .container-medium form .form__box .custom-select {
    grid-column: 1/-1;
  }
}
@media (width < 992px) {
  section.hero-form {
    --gradient-orientation: to top;
  }
  section.hero-form .container-medium {
    grid-template-columns: 1fr;
  }
  section.hero-form .container-medium form {
    order: -1;
  }
}
section.editorial {
  background: center/cover no-repeat;
}
section.editorial--accent {
  background-color: var(--clr-accent);
}
section.editorial--accent h2 {
  color: var(--clr-neutral-800);
}
section.editorial--accent .button {
  background-color: var(--clr-neutral-800);
}
section.editorial--py-small {
  padding-block: clamp(3.125rem, 10vw, 5rem);
}
section.editorial--py-large {
  padding-block: clamp(3.125rem, 10vw, 8.125rem);
}
section.editorial .container-medium {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.938rem;
}
section.editorial .container-medium p {
  width: min(1040px, 100%);
  margin-inline: auto;
  text-wrap: balance;
}
section.editorial .container-medium a.button {
  margin-block-start: 1.563rem;
}

section.services {
  background-color: var(--clr-neutral-800);
}
section.services .container-medium {
  padding-block: clamp(2.188rem, 10vw, 5rem);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(2.188rem, 10vw, 3.125rem) 1.875rem;
  align-items: start;
}
section.services .container-medium .services__heading {
  grid-column: 1/-1;
  text-align: center;
}
section.services .container-medium .services__item {
  display: grid;
  grid-template-rows: min-content minmax(65px, auto) auto;
  gap: clamp(1rem, 3vw, 1.563rem);
  align-items: start;
}
section.services .container-medium .services__item h3 {
  color: var(--clr-accent);
}

@media (width < 992px) {
  section.services .container-medium {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  section.services .container-medium .services__item img {
    aspect-ratio: 5/4;
    object-fit: cover;
  }
}
@media (width < 576px) {
  section.services .container-medium .services__item {
    grid-template-rows: min-content min-content auto;
  }
}
section.strengths {
  padding-block-end: clamp(3.125rem, 10vw, 8.125rem);
}
section.strengths .container-medium .strengths__boxed {
  background-color: var(--clr-accent);
  padding: clamp(var(--container-gap), 5vw, 5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
section.strengths .container-medium .strengths__boxed .strengths__title {
  width: min(600px, 100%);
}
section.strengths .container-medium .strengths__boxed .strengths__title .button {
  margin-block-start: clamp(1.25rem, 5vw, 2.5rem);
  background-color: var(--clr-neutral-800);
}
section.strengths .container-medium .strengths__boxed ul {
  width: min(480px, 100%);
  display: flex;
  flex-direction: column;
  gap: 0.938rem;
}
section.strengths .container-medium .strengths__boxed ul li {
  position: relative;
  padding-inline-start: 1.875rem;
}
section.strengths .container-medium .strengths__boxed ul li::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 1.125rem;
  aspect-ratio: 1;
  margin-block-start: 0.625rem;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1188 8.75C18.1188 13.5664 14.1813 17.4688 9.40002 17.4688C4.58362 17.4688 0.681274 13.5664 0.681274 8.75C0.681274 3.96875 4.58362 0.03125 9.40002 0.03125C14.1813 0.03125 18.1188 3.96875 18.1188 8.75ZM8.38049 13.3906L14.8492 6.92188C15.0602 6.71094 15.0602 6.32422 14.8492 6.11328L14.0406 5.33984C13.8297 5.09375 13.4781 5.09375 13.2672 5.33984L7.99377 10.6133L5.49768 8.15234C5.28674 7.90625 4.93518 7.90625 4.72424 8.15234L3.91565 8.92578C3.70471 9.13672 3.70471 9.52344 3.91565 9.73438L7.5719 13.3906C7.78284 13.6016 8.16956 13.6016 8.38049 13.3906Z' fill='%23fff'/%3E%3C/svg%3E") center/100% no-repeat;
}

@media (width < 576px) {
  section.strengths .container-medium .strengths__boxed {
    margin-inline: calc(var(--container-gap) * -1);
  }
}
section.map-contacts {
  padding-block-end: clamp(3.125rem, 10vw, 8.125rem);
}
section.map-contacts .container-medium .map-contacts__boxed {
  background-color: var(--clr-accent);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media all and (max-width: 767px) {
  section.map-contacts .container-medium .map-contacts__boxed {
    flex-direction: column;
    gap: 0;
  }
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea {
  width: 50%;
}
@media all and (max-width: 767px) {
  section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea {
    width: 100%;
  }
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea .map-contacts__mapwrapper {
  padding-bottom: 60%;
  position: relative;
}
@media all and (max-width: 1023px) {
  section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea .map-contacts__mapwrapper {
    padding-bottom: 80%;
  }
}
@media all and (max-width: 767px) {
  section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea .map-contacts__mapwrapper {
    padding-bottom: 60%;
  }
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea .map-contacts__mapwrapper .unblock-cookies {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: var(--clr-accent-dark);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  padding: 30px;
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea .map-contacts__mapwrapper .unblock-cookies div {
  width: 100%;
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea .map-contacts__mapwrapper .unblock-cookies div a {
  text-decoration: underline;
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__maparea .map-contacts__mapwrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__texts {
  width: 50%;
  padding: clamp(var(--container-gap), 5vw, 5rem);
}
@media all and (max-width: 767px) {
  section.map-contacts .container-medium .map-contacts__boxed .map-contacts__texts {
    width: 100%;
  }
}
section.map-contacts .container-medium .map-contacts__boxed .map-contacts__texts p:not(:last-child) {
  margin-block-end: 1em;
}

@media (width < 576px) {
  section.map-contacts .container-medium .map-contacts__boxed {
    margin-inline: calc(var(--container-gap) * -1);
  }
}
section.testimonials {
  background-color: var(--clr-accent);
  padding-block: clamp(3.125rem, 10vw, 5rem);
  color: var(--clr-neutral-800);
}
section.testimonials .container-medium {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.188rem, 10vw, 3.125rem);
}
section.testimonials .container-medium .eyelet,
section.testimonials .container-medium h2 {
  text-align: center;
}
section.testimonials .container-medium .eyelet {
  color: var(--clr-neutral-0);
}
section.testimonials .container-medium .testimonials__slide {
  width: 100%;
  padding-inline: clamp(var(--container-gap), 4vw, 3.75rem);
  margin-block-end: 3.875rem;
}
section.testimonials .container-medium .testimonials__slide-single {
  background-color: var(--clr-neutral-0);
  padding: clamp(var(--container-gap), 4vw, 1.563rem) clamp(var(--container-gap), 4vw, 2.5rem);
  margin-inline: 0.938rem;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 0.938rem;
}
section.testimonials .container-medium .testimonials__slide-single-image {
  width: 70px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100%;
}
section.testimonials .container-medium .testimonials__slide-single-date {
  color: var(--clr-accent);
  font-size: 0.938rem;
  font-weight: 700;
  margin-top: auto;
}
section.testimonials .container-medium .testimonials__slide-single:focus-visible {
  outline: 2px solid var(--clr-neutral-800);
  outline-offset: 4px;
}
section.testimonials .container-medium .testimonials__slide .slick-track {
  display: flex;
}
section.testimonials .container-medium .testimonials__slide .slick-next,
section.testimonials .container-medium .testimonials__slide .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  aspect-ratio: 1;
  cursor: pointer;
  color: transparent;
  border-radius: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M19.0474 0L22 2.94337L9.90534 15L22 27.0566L19.0474 30L4 15L19.0474 0Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/30px;
}
section.testimonials .container-medium .testimonials__slide .slick-prev {
  left: 0;
  transform: translate(0, -50%);
}
section.testimonials .container-medium .testimonials__slide .slick-next {
  right: 0;
  transform: rotate(180deg) translate(0, -50%);
  transform-origin: top;
}
section.testimonials .container-medium .testimonials__slide .slick-dots {
  position: absolute;
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  bottom: -3.875rem;
  left: 50%;
  translate: -50% 0;
}
section.testimonials .container-medium .testimonials__slide .slick-dots li button {
  display: block;
  color: transparent;
  font-size: 0;
  line-height: 0;
  width: clamp(0.625rem, 2vw, 0.938rem);
  aspect-ratio: 1;
  cursor: pointer;
  opacity: 0.3;
  background-color: var(--clr-neutral-0);
  border-radius: 100%;
  transition-duration: 0.3s;
}
section.testimonials .container-medium .testimonials__slide .slick-dots li.slick-active button {
  opacity: 1;
}

@media (width < 576px) {
  section.testimonials .container-medium .testimonials__slide {
    width: 100%;
    padding-inline: 0rem;
  }
  section.testimonials .container-medium .testimonials__slide-single {
    margin-inline: 0rem;
  }
}
section.vehicle-panel .container-medium {
  display: grid;
  grid-template-columns: 1.75fr 1fr;
  grid-template-areas: "pictures focus" "pictures information" "description information";
  gap: clamp(2rem, 7vw, 5.313rem) clamp(2rem, 7vw, 8.438rem);
  padding-block: clamp(1.25rem, 5vw, 5rem) clamp(3.125rem, 10vw, 8.125rem);
  font-weight: 400;
}
section.vehicle-panel .vehicle-panel__pictures {
  grid-area: pictures;
}
section.vehicle-panel .vehicle-panel__focus {
  grid-area: focus;
}
section.vehicle-panel .vehicle-panel__information {
  grid-area: information;
}
section.vehicle-panel .vehicle-panel__description {
  grid-area: description;
}
section.vehicle-panel .vehicle-panel__pictures-main img {
  width: 100%;
  aspect-ratio: 16/11;
  object-fit: cover;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}
section.vehicle-panel .vehicle-panel__pictures-main img.hidden {
  opacity: 0;
}
section.vehicle-panel .vehicle-panel__pictures-thumbnail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: clamp(0.7rem, 3vw, 1.125rem);
  padding-block-start: clamp(0.7rem, 3vw, 1.5rem);
}
section.vehicle-panel .vehicle-panel__pictures-thumbnail img {
  width: 100%;
  aspect-ratio: 6/5;
  object-fit: cover;
  cursor: pointer;
  transition-duration: 0.3s;
}
section.vehicle-panel .vehicle-panel__pictures-thumbnail img:focus-visible {
  outline: 2px solid var(--clr-accent);
  outline-offset: 4px;
}
section.vehicle-panel .vehicle-panel__pictures-thumbnail img:hover {
  scale: 1.05;
}
section.vehicle-panel .vehicle-panel__focus {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
section.vehicle-panel .vehicle-panel__heading p {
  font-size: clamp(1.25rem, 1.0417rem + 0.8333vw, 1.5625rem);
}
section.vehicle-panel .vehicle-panel__info-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-block-end: 0.875rem;
  border-block-end: 1px solid var(--clr-neutral-0);
}
section.vehicle-panel .vehicle-panel__info-main li:not(:last-child)::after {
  content: "•";
  color: var(--clr-accent);
  padding-inline: 0.625rem;
  font-size: 1.5rem;
  line-height: 1rem;
}
section.vehicle-panel .vehicle-panel__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem;
}
section.vehicle-panel .vehicle-panel__availability {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 2vw, 0.875rem);
}
section.vehicle-panel .vehicle-panel__availability li {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
section.vehicle-panel .vehicle-panel__availability li svg {
  width: 15px;
}
section.vehicle-panel .vehicle-panel__availability li.icon-available svg {
  fill: #49df0b;
}
section.vehicle-panel .vehicle-panel__availability li.icon-not-available svg {
  fill: #ee3b3b;
}
section.vehicle-panel .vehicle-panel__availability li.icon-delivery svg {
  fill: var(--clr-accent);
}
section.vehicle-panel .vehicle-panel__description-heading {
  margin-block-end: 1.25rem;
}
section.vehicle-panel .vehicle-panel__details {
  width: 100%;
  background-color: var(--clr-accent-dark);
  padding: clamp(1.125rem, 3vw, 1.875rem) clamp(1.125rem, 3vw, 2.813rem);
  text-align: left;
  margin-block-end: clamp(2rem, 7vw, 2.813rem);
}
section.vehicle-panel .vehicle-panel__details * {
  vertical-align: top;
}
section.vehicle-panel .vehicle-panel__details tbody {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
section.vehicle-panel .vehicle-panel__details tbody tr {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) 1fr;
  gap: 0.5rem;
}
section.vehicle-panel .vehicle-panel__details tbody tr th {
  font-weight: 700;
  width: clamp(140px, 20vw, 190px);
}
section.vehicle-panel .vehicle-panel__information .button {
  width: min(100%, 500px);
}

@media (width < 1200px) {
  section.vehicle-panel .container-medium {
    grid-template-columns: 1.4fr 1fr;
  }
}
@media (width < 992px) {
  section.vehicle-panel .container-medium {
    display: flex;
    flex-direction: column;
  }
  section.vehicle-panel .container-medium .vehicle-panel__details tbody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }
  section.vehicle-panel .container-medium .vehicle-panel__details tbody tr {
    grid-template-columns: 1fr 1fr;
  }
}
section.vehicle-form-quote {
  background-color: var(--clr-accent);
  padding-block: clamp(3.125rem, 10vw, 5.625rem);
  text-align: center;
}
section.vehicle-form-quote .container-medium h2 {
  color: var(--clr-neutral-800);
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field {
  width: min(825px, 100%);
  margin-inline: auto;
  margin-block-start: clamp(2.75rem, 5vw, 3.75rem);
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.75rem;
  text-align: left;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form > *:not(span[data-name=name-user],
span[data-name=surname-user],
span[data-name=email],
span[data-name=phone],
span[data-name=start-date],
span[data-name=end-date],
span[data-name=start-time],
span[data-name=end-time]) {
  grid-column: 1/-1;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .custom-select-selected,
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form input:not([type=button],
[type=reset],
[type=submit],
[type=checkbox],
[type=radio]),
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form select,
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form option,
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form textarea {
  font-size: 1.125rem;
  min-height: 4.188rem;
  padding-inline: 1.25rem;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form textarea {
  padding-block-start: 1.25rem;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form input[type=submit] {
  width: min(450px, 100%);
  background-color: var(--clr-neutral-0);
  color: var(--clr-neutral-800);
  margin-inline: auto;
  margin-block-start: clamp(1.75rem, 5vw, 3.75rem);
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-required-text {
  margin-block-start: 1.2rem;
  line-height: 1.1;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-list-item {
  margin: 0;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-not-valid-tip {
  font-size: 0.9rem;
  padding-block-start: 0.2rem;
  color: var(--clr-neutral-800);
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-spinner {
  margin-inline: auto;
  background-color: var(--clr-neutral-800);
  position: absolute;
  inset: auto 0 -35px;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-response-output {
  margin: 1rem 0 0 0;
  border-radius: var(--round-radius);
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-acceptance {
  position: relative;
  line-height: 25px;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-acceptance input {
  position: absolute;
  left: 0;
  opacity: 0;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-acceptance label {
  cursor: pointer;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-acceptance label::before {
  content: "✓";
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 800;
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 0.7rem;
  width: 25px;
  aspect-ratio: 1;
  border-radius: var(--round-radius);
  border: 1px solid var(--clr-neutral-0);
  transition: color 0.3s;
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-acceptance label:has(input[type=checkbox]:focus-visible)::before {
  outline: 2px solid var(--clr-neutral-800);
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-acceptance label:has(input[type=checkbox]:checked)::before {
  color: var(--clr-neutral-0);
}
section.vehicle-form-quote .container-medium .vehicle-form-quote__field form .wpcf7-acceptance label a {
  text-decoration: underline;
}

section.page-404 .container-medium {
  padding-block: 4rem;
  min-height: calc(100dvh - var(--body-height));
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

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