@charset "UTF-8";
/* PSEUDO ELEMENTS */
/* SPACING */
/* ALIGNMENT */
/* BREAKING PAGE RULES */
/* MEDIA MANAGEMENT */
/* SHAPES */
/* VENDOR PREFIXES */
:root {
  --font: #1D1D1B;
  --bg: white;
  --placeholder: #BCBCBC;
  --solid: #E5F5FC;
  --gradient: linear-gradient(45deg, #1851B3 0%, #0091D7 100%);
  --primary: #009FE3;
  --secondary: #E5F7FC;
  --gradientprimary: linear-gradient(45deg, #1851B3 0%, #0091D7 100%);
  --primaryprimary: #009FE3;
  --secondaryprimary: #EBF5F8;
  --starprimary: #0091D7;
  --gradientprimary-dark: linear-gradient(45deg, #1851B3 0%, #0091D7 100%);
  --primaryprimary-dark: #0978C9;
  --secondaryprimary-dark: #E5F1FA;
  --starprimary-dark: #0091D7;
  --gradientprimary-light: linear-gradient(45deg, #168AB8 0%, #8CC9E6 100%);
  --primaryprimary-light: #009FE3;
  --secondaryprimary-light: #EBF5F8;
  --starprimary-light: #8CC9E6;
  --gradientsecondary: linear-gradient(45deg, #D2D979 0%, #7F9A3B 100%);
  --primarysecondary: #75903B;
  --secondarysecondary: #F6F8E7;
  --starsecondary: #7F9A3B;
  --gradienttertiary: linear-gradient(90deg, #FFCF03 0%, #DFA600 100%);
  --primarytertiary: #009FE3;
  --secondarytertiary: #E5F7FC;
  --startertiary: #DFA600;
  --gradientquaternary: linear-gradient(90deg, #E87534 0%, #C93422 100%);
  --primaryquaternary: #D04326;
  --secondaryquaternary: #FFECE8;
  --starquaternary: #C93422;
  --primary: #009FE3;
}

/* .theme-primary {
  --primary: #009FE3;
  --secondary: #EBF5F8;
}
.theme-secondary {
  --primary: #047A2D;
  --secondary: #E7F2EA;
} */
.theme-primary {
  --gradient: var(--gradientprimary);
  --primary: var(--primaryprimary);
  --secondary: var(--secondaryprimary);
  --star: var(--starprimary);
}

.theme-primary-dark {
  --gradient: var(--gradientprimary-dark);
  --primary: var(--primaryprimary-dark);
  --secondary: var(--secondaryprimary-dark);
  --star: var(--starprimary-dark);
}

.theme-primary-light {
  --gradient: var(--gradientprimary-light);
  --primary: var(--primaryprimary-light);
  --secondary: var(--secondaryprimary-light);
  --star: var(--starprimary-light);
}

.theme-secondary {
  --gradient: var(--gradientsecondary);
  --primary: var(--primarysecondary);
  --secondary: var(--secondarysecondary);
  --star: var(--starsecondary);
}

.theme-tertiary {
  --gradient: var(--gradienttertiary);
  --primary: var(--primarytertiary);
  --secondary: var(--secondarytertiary);
  --star: var(--startertiary);
}

.theme-quaternary {
  --gradient: var(--gradientquaternary);
  --primary: var(--primaryquaternary);
  --secondary: var(--secondaryquaternary);
  --star: var(--starquaternary);
}

.cat-1 .cta, .cat-1 .search input[type=submit], .search .cat-1 input[type=submit], .cat-1 form input[type=submit], form .cat-1 input[type=submit] {
  color: #7C3AED;
  border: 1px solid #7C3AED;
}
.cat-1 .cta:hover, .cat-1 .search input[type=submit]:hover, .search .cat-1 input[type=submit]:hover, .cat-1 form input[type=submit]:hover, form .cat-1 input[type=submit]:hover {
  color: white;
  background: #7C3AED;
}

.cat-2 .cta, .cat-2 .search input[type=submit], .search .cat-2 input[type=submit], .cat-2 form input[type=submit], form .cat-2 input[type=submit] {
  color: #06B6D4;
  border: 1px solid #06B6D4;
}
.cat-2 .cta:hover, .cat-2 .search input[type=submit]:hover, .search .cat-2 input[type=submit]:hover, .cat-2 form input[type=submit]:hover, form .cat-2 input[type=submit]:hover {
  color: white;
  background: #06B6D4;
}

.cat-3 .cta, .cat-3 .search input[type=submit], .search .cat-3 input[type=submit], .cat-3 form input[type=submit], form .cat-3 input[type=submit] {
  color: #dd7bb7;
  border: 1px solid #dd7bb7;
}
.cat-3 .cta:hover, .cat-3 .search input[type=submit]:hover, .search .cat-3 input[type=submit]:hover, .cat-3 form input[type=submit]:hover, form .cat-3 input[type=submit]:hover {
  color: white;
  background: #dd7bb7;
}

.cat-4 .cta, .cat-4 .search input[type=submit], .search .cat-4 input[type=submit], .cat-4 form input[type=submit], form .cat-4 input[type=submit] {
  color: #68C2A8;
  border: 1px solid #68C2A8;
}
.cat-4 .cta:hover, .cat-4 .search input[type=submit]:hover, .search .cat-4 input[type=submit]:hover, .cat-4 form input[type=submit]:hover, form .cat-4 input[type=submit]:hover {
  color: white;
  background: #68C2A8;
}

.cat-5 .cta, .cat-5 .search input[type=submit], .search .cat-5 input[type=submit], .cat-5 form input[type=submit], form .cat-5 input[type=submit] {
  color: #EF4444;
  border: 1px solid #EF4444;
}
.cat-5 .cta:hover, .cat-5 .search input[type=submit]:hover, .search .cat-5 input[type=submit]:hover, .cat-5 form input[type=submit]:hover, form .cat-5 input[type=submit]:hover {
  color: white;
  background: #EF4444;
}

.cat-6 .cta, .cat-6 .search input[type=submit], .search .cat-6 input[type=submit], .cat-6 form input[type=submit], form .cat-6 input[type=submit] {
  color: #DE9500;
  border: 1px solid #DE9500;
}
.cat-6 .cta:hover, .cat-6 .search input[type=submit]:hover, .search .cat-6 input[type=submit]:hover, .cat-6 form input[type=submit]:hover, form .cat-6 input[type=submit]:hover {
  color: white;
  background: #DE9500;
}

.cat-7 .cta, .cat-7 .search input[type=submit], .search .cat-7 input[type=submit], .cat-7 form input[type=submit], form .cat-7 input[type=submit] {
  color: #F5CA26;
  border: 1px solid #F5CA26;
}
.cat-7 .cta:hover, .cat-7 .search input[type=submit]:hover, .search .cat-7 input[type=submit]:hover, .cat-7 form input[type=submit]:hover, form .cat-7 input[type=submit]:hover {
  color: white;
  background: #F5CA26;
}

.search input[type=text], form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=file],
form textarea, *:focus, *:focus-within, *:focus-visible, .product-list__item .product-list__header button, .dropdown .dropdown__title button, .header__burger button, .article__container .article__btn, form input[type=submit], .cta, .search input[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.product-list__item .product-list__header button, .dropdown .dropdown__title button, .header__burger button, .article__container .article__btn, form input[type=submit], .cta, .search input[type=submit] {
  border: none;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
}

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

html, body, div, span, object, iframe, figure, h1, .keys .keys__title h2, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

footer, header, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

*:focus, *:focus-within, *:focus-visible {
  outline: none;
}

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

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

html, body {
  overflow-x: clip;
}

figure {
  margin: 0;
  display: block;
}

body {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  color: var(--font);
  line-height: 1.25;
  font-weight: 300;
}

abbr, sup {
  font-size: 0.75rem;
  vertical-align: top;
}

h1, .keys .keys__title h2, .title {
  font-weight: 900;
  font-size: clamp(36px, 10vw, 140px);
  line-height: 0.75;
}
h1 span, .keys .keys__title h2 span, .title span {
  font-weight: 300;
}

h2 {
  letter-spacing: -1px;
  font-weight: 900;
  font-size: 45px;
  line-height: 0.6;
  margin-bottom: 40px;
  display: flex;
  align-items: flex-end;
  column-gap: 10px;
  row-gap: 20px;
  flex-wrap: wrap;
}
@media screen and (min-width: md) {
  h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: md) {
  h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: md) {
  h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: md) {
  h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: md) {
  h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: md) {
  h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: md) {
  h2 {
    font-size: 70px;
  }
}
h2 span {
  display: inline-block;
  font-size: 18px;
  /* margin-right: -5px; */
  word-break: keep-all;
}
@media screen and (min-width: md) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}
@media screen and (min-width: md) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}
@media screen and (min-width: md) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}
@media screen and (min-width: 768px) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}
@media screen and (min-width: md) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}
@media screen and (min-width: md) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}
@media screen and (min-width: md) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}
@media screen and (min-width: md) {
  h2 span {
    font-size: 25px;
    /* margin-right: -12.5px; */
  }
}

p {
  margin: 1rem 0;
}

h3 {
  font-size: clamp(22px, 5vw, 25px);
  font-weight: 500;
  margin: 1.25rem 0;
}

h4 {
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  margin: 1.25rem 0;
}

h5 {
  margin: 1rem 0;
  font-weight: 600;
}

h6 {
  margin: 0.5rem 0;
  font-weight: 500;
  font-style: italic;
}

h5, h6 {
  font-size: 18px;
}

ul li, ol li {
  margin: 10px 0;
}
ul li::before, ol li::before {
  display: inline-block;
}
ul ul,
ul ol, ol ul,
ol ol {
  margin-left: 20px;
}

ul li::before {
  padding-right: 10px;
  content: "•";
}
ul li ul li::before {
  content: "-";
}

ol {
  counter-reset: ol-counter;
}
ol li {
  counter-increment: ol-counter;
}
ol li::before {
  content: counter(ol-counter) ".";
  padding-right: 5px;
  font-weight: 700;
}

.content h1, .content .keys .keys__title h2, .keys .keys__title .content h2 {
  font-size: clamp(35px, 7.5vw, 70px);
  line-height: 1.1;
  margin: 2rem auto;
  margin-top: 4rem;
}
.content a {
  text-decoration: underline;
}
.content a:hover {
  text-decoration: none;
}
.content h2 {
  font-size: clamp(25px, 5vw, 30px);
  font-weight: 600;
  margin: 1.5rem 0;
  line-height: 1;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 1.5rem;
}
html.no-scroll {
  overflow-y: clip;
}

body {
  overflow-x: clip;
  position: relative;
}
body.no-scroll {
  overflow-y: clip;
}

.main {
  overflow: clip;
}

.wrapper-10 {
  max-width: 1296px !important;
  margin-inline: auto !important;
}

.wrapper-8 {
  max-width: 992px !important;
  margin-inline: auto !important;
}

img {
  max-width: 100%;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 360px) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 420px) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: 1296px) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: 1560px) {
  .container {
    max-width: 1560px;
  }
}
.container .row {
  display: flex;
  flex-wrap: wrap;
}
.container .row .row {
  padding-right: 0;
  padding-left: 0;
  margin: 0 auto;
}
.container .row > * {
  flex-basis: 100%;
}
.container .row {
  margin: 0 -12px;
}
.container .row > * {
  padding-left: 12px;
  padding-right: 12px;
}
.container .container {
  padding: 0;
}

.cta, .search input[type=submit], form input[type=submit] {
  display: block;
  padding: 1rem;
  cursor: pointer;
  border-radius: 10px;
  width: max-content;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid var(--primary);
  background: var(--primary);
  color: var(--bg);
}
.cta:hover, .search input[type=submit]:hover, form input[type=submit]:hover {
  color: var(--primary);
  background: transparent;
}

.network-btn {
  width: 55px;
  height: 55px;
  border: 1px solid var(--font);
  display: block;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.network-btn::before {
  content: "";
  display: block;
  position: absolute;
  height: 25px;
  width: 25px;
  aspect-ratio: 1/1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.network-btn.linkedin::before {
  background-image: url("../media/networks/network-linkedin.svg");
}
.network-btn.share::before {
  background-image: url("../media/networks/network-share.svg");
}
.network-btn:hover {
  background: var(--font);
}
.network-btn:hover::before {
  filter: grayscale(100%) invert(1);
}

form {
  display: flex;
  flex-direction: column;
}
form .file-info {
  font-size: 14px;
  margin-top: 5px;
}
@media screen and (min-width: md) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
@media screen and (min-width: md) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
@media screen and (min-width: md) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
@media screen and (min-width: md) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
@media screen and (min-width: md) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
@media screen and (min-width: md) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
@media screen and (min-width: md) {
  form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 24px;
  }
}
form p {
  width: 100%;
}
@media screen and (min-width: md) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: md) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: md) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: 768px) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: md) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: md) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: md) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: md) {
  form p:has(input[type=text]), form p:has(input[type=tel]), form p:has(input[type=email]), form p:has(input[type=file]) {
    width: calc(50% - 12px);
  }
}
form hr {
  margin-block: 30px;
  height: 1px;
  width: 100%;
}
form label {
  font-weight: 600;
}
form label input[type=text],
form label input[type=email],
form label input[type=tel],
form label input[type=file],
form label textarea {
  margin-top: 5px;
  /* margin-bottom: 30px; */
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=file],
form textarea {
  display: block;
  width: 100%;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  color: var(--font);
  background: #E5F7FC;
  font-weight: 400;
  border: 0;
  border-radius: 7.5px;
  padding: 20px 20px;
  color: #009FE3;
}
form input[type=text].wpcf7-not-valid,
form input[type=email].wpcf7-not-valid,
form input[type=tel].wpcf7-not-valid,
form input[type=file].wpcf7-not-valid,
form textarea.wpcf7-not-valid {
  background: rgba(208, 66, 38, 0.15);
  color: #d04226;
}
form textarea {
  resize: vertical;
}
form.wpcf7-form.invalid textarea {
  background: rgba(208, 66, 38, 0.15);
  color: #d04226;
}
form input[type=submit] {
  cursor: pointer;
  width: max-content;
  padding-inline: 30px;
}
form .wpcf7-radio {
  display: flex;
  flex: 1;
  background: #E5F7FC;
  border-radius: 7.5px;
  max-width: 100%;
  flex-direction: column;
  column-gap: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px;
  row-gap: 5px;
}
@media screen and (min-width: md) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  form .wpcf7-radio {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: lg) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: lg) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: lg) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: lg) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: lg) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: lg) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: lg) {
  form .wpcf7-radio {
    column-gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}
form .wpcf7-radio input[type=radio] {
  display: none;
}
form .wpcf7-list-item-label {
  cursor: pointer;
  padding: 20px 20px;
  display: block;
  font-weight: 500;
  border-radius: 7.5px;
}
form .wpcf7-list-item-label.is-active {
  background: #009FE3;
  color: var(--bg);
}
form .wpcf7-acceptance {
  margin-block: 30px;
  display: block;
}
form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  cursor: pointer;
}
form .wpcf7-acceptance label input[type=checkbox] {
  height: 10px;
  width: 10px;
  font-size: 0;
  border: 0;
  cursor: pointer;
}
form .wpcf7-acceptance label input[type=checkbox]::before {
  border: 1px solid #1d1d1b;
  height: 15px;
  width: 15px;
  content: "";
  display: block;
  background: var(--bg);
}
form .wpcf7-acceptance label input[type=checkbox] + .wpcf7-list-item-label {
  color: #1D1D1B;
}
form .wpcf7-acceptance label input[type=checkbox]:checked::before {
  background: #009FE3;
}
form .wpcf7-acceptance label input[type=checkbox]:checked + .is-active {
  background: transparent;
  color: inherit;
}
form .wpcf7-acceptance label span {
  padding: 0;
  font-weight: 400;
}
form .wpcf7-not-valid-tip {
  color: #d04226;
  font-size: 14px;
  display: block;
  padding-top: 10px;
  padding-inline: 10px;
  font-weight: 300;
}
form .wpcf7-not-valid {
  background: rgba(208, 66, 38, 0.15);
}
form .wpcf7-not-valid .wpcf7-list-item-label.is-active {
  background: #d04226 !important;
}
form .wpcf7-list-item {
  margin-left: 0;
}
form .wpcf7-list-item.active {
  background: var(--primary);
  color: white;
  border-radius: 7.5px;
}
form .wpcf7-file:hover {
  background: var(--primary);
  color: white;
}

.form {
  margin-bottom: 50px;
}
@media screen and (min-width: lg) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
@media screen and (min-width: lg) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
@media screen and (min-width: lg) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
@media screen and (min-width: lg) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
@media screen and (min-width: 992px) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
@media screen and (min-width: lg) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
@media screen and (min-width: lg) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
@media screen and (min-width: lg) {
  .form {
    padding-inline: 70px;
    position: relative;
    z-index: 1;
    max-width: 740px;
  }
}
.form .screen-reader-response {
  /* background: rgba(208, 66, 38, 0.15); */
  border-radius: 5px;
  color: #d04226;
  margin-block: 30px;
}
.form .screen-reader-response p {
  margin: 20px 20px;
  font-weight: 500;
  margin: 0;
}
.form .screen-reader-response ul {
  display: none;
}
.form .wpcf7-response-output {
  background: rgba(208, 66, 38, 0.15);
  color: #d04226;
  padding-inline: 20px;
  padding-block: 20px;
  border-radius: 7.5px;
  font-weight: 500;
  border-color: #d04226 !important;
}
.form .wpcf7-spinner {
  display: none;
}

.article__container {
  border-radius: 5px;
  overflow: hidden;
  display: block;
  position: relative;
  height: 550px;
}
.article__container figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.article__container figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}
.article__container figcaption {
  position: absolute;
  background: rgba(0, 0, 0, 0.35);
  inset: 0;
  top: auto;
  padding: 20px;
  color: var(--bg);
}
.article__container figcaption span {
  display: block;
}
.article__container figcaption > span {
  position: absolute;
  background: white;
  padding: 10px 15px;
  border-radius: 10px;
  top: 0;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 700;
}
.article__container .article__content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 24px;
}
.article__container .article__title {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding-top: 20px;
  max-width: 250px;
}
.article__container .article__title .article__date {
  font-style: italic;
  font-weight: 400;
}
.article__container .article__title h3 {
  font-size: clamp(20px, 5vw, 30px);
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0;
  max-height: 220px;
  overflow: hidden;
}
@media screen and (min-width: lg) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: lg) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: lg) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: lg) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: lg) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: lg) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: lg) {
  .article__container .article__title h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: xxl) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: xxl) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: xxl) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: xxl) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: xxl) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: xxl) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1296px) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: xxl) {
  .article__container .article__title h3 {
    font-size: 30px;
  }
}
.article__container .article__title .article__subtitle {
  font-weight: 700;
}
.article__container .article__btn {
  color: white;
  position: relative;
  z-index: 0;
  border-radius: 7.5px;
  padding: 15px 25px;
  cursor: pointer;
  background: transparent;
  font-weight: 600;
  height: max-content;
}
.article__container .article__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  z-index: -1;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.article {
  max-width: 485px;
  margin-inline: auto;
}
@media screen and (min-width: md) {
  .article {
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .article {
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .article {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .article {
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .article {
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .article {
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .article {
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .article {
    max-width: none;
  }
}

.swiper-pagination {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
}
.swiper-pagination span {
  height: 15px;
  width: 15px;
  background: transparent;
  border-radius: 4px;
  border: 1px solid var(--bg);
  opacity: 1;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  display: block;
}
.swiper-pagination span::before {
  content: "";
  display: block;
  background: var(--bg);
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.3s;
}
.swiper-pagination span.swiper-pagination-bullet-active::before {
  opacity: 1;
}

.swiper-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 70px;
}

.swiper-arrow {
  position: relative !important;
  inset: auto;
  height: 25px !important;
  width: 12.5px !important;
  background-image: url("../media/elements/arrow-slider.svg");
  background-repeat: no-repeat;
}
.swiper-arrow svg {
  display: none;
}
.swiper-arrow.swiper-button-next {
  transform: rotate(180deg) translateY(-1px);
}

.member figure {
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 1/1;
}
@media screen and (min-width: md) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
@media screen and (min-width: md) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
@media screen and (min-width: md) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
@media screen and (min-width: 768px) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
@media screen and (min-width: md) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
@media screen and (min-width: md) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
@media screen and (min-width: md) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
@media screen and (min-width: md) {
  .member figure {
    aspect-ratio: auto;
    max-height: 450px;
  }
}
.member figure img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.member figcaption {
  margin-top: 15px;
}
.member figcaption p {
  margin: 5px 0;
  font-size: 18px;
}
.member figcaption p:first-child {
  font-weight: 700;
}
.member figcaption p:first-child:not(:last-child)::after {
  content: ",";
}

.search {
  margin-block: 30px;
  position: relative;
}
.search label {
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
}
.search input[type=text] {
  border: 0;
  background: #E5F7FC;
  color: #009FE3;
  padding: 22px;
  border-radius: 10px;
  font-weight: 600;
}
.search input[type=text]::placeholder {
  color: #009FE3;
}
@media screen and (min-width: sm) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
@media screen and (min-width: 576px) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=text] {
    padding-right: 140px;
  }
}
.search input[type=submit] {
  margin-top: 10px;
  background: #009FE3;
  border-color: #009FE3;
}
.search input[type=submit]:hover {
  background: transparent;
  color: #009FE3;
}
@media screen and (min-width: sm) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
@media screen and (min-width: 576px) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
@media screen and (min-width: sm) {
  .search input[type=submit] {
    position: absolute;
    margin-top: 0;
    bottom: 5px;
    right: 18px;
  }
}
.search .search-results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-top: none;
  list-style: none;
  margin: 0;
  padding: 12px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
}
.search .search-results li {
  margin: 0;
  padding: 20px 15px;
  cursor: pointer;
  background: white;
}
.search .search-results li:nth-child(odd) {
  background: var(--secondary);
  border-radius: 10px;
}
.search .search-results li::before {
  content: "";
  padding: 0;
}
.search .search-results.is-visible {
  display: block;
}
.search .loader {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 22px;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 159, 227, 0.3);
  border-top-color: #009FE3;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 11;
}
.search.is-loading .loader {
  display: block;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 360px) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 420px) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: 1296px) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1296px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: xxxl) {
  .container {
    max-width: 1560px;
  }
}
@media screen and (min-width: 1560px) {
  .container {
    max-width: 1560px;
  }
}
.container .row {
  display: flex;
  flex-wrap: wrap;
}
.container .row .row {
  padding-right: 0;
  padding-left: 0;
  margin: 0 auto;
}
.container .row > * {
  flex-basis: 100%;
}
.container .row {
  margin: 0 -12px;
}
.container .row > * {
  padding-left: 12px;
  padding-right: 12px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  padding-top: 20px;
  padding-bottom: 20px;
}
.header .header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__burger {
  background: var(--bg);
  width: max-content;
  display: flex;
  align-items: center;
  border-radius: 10px;
  height: 80px;
  overflow: hidden;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 3;
  position: relative;
}
.header__burger .header__logo {
  padding: 10px 20px;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: xs) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
@media screen and (min-width: 420px) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
@media screen and (min-width: xs) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
@media screen and (min-width: xs) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
@media screen and (min-width: xs) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
@media screen and (min-width: xs) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
@media screen and (min-width: xs) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
@media screen and (min-width: xs) {
  .header__burger .header__logo {
    padding: 10px 50px;
  }
}
.header__burger .header__logo img {
  transition: opacity 0.4s ease;
  display: block;
}
.header__burger .header__logo img.logo-slogan {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.header__burger .header__logo.show-slogan .logo-main {
  opacity: 0;
}
.header__burger .header__logo.show-slogan .logo-slogan {
  opacity: 1;
}
.header__burger button {
  background: #009FE3;
  height: 100%;
  width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 30px 10px;
  cursor: pointer;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (min-width: 360px) {
  .header__burger button {
    width: 80px;
  }
}
@media screen and (min-width: mb) {
  .header__burger button {
    width: 80px;
  }
}
@media screen and (min-width: mb) {
  .header__burger button {
    width: 80px;
  }
}
@media screen and (min-width: mb) {
  .header__burger button {
    width: 80px;
  }
}
@media screen and (min-width: mb) {
  .header__burger button {
    width: 80px;
  }
}
@media screen and (min-width: mb) {
  .header__burger button {
    width: 80px;
  }
}
@media screen and (min-width: mb) {
  .header__burger button {
    width: 80px;
  }
}
@media screen and (min-width: mb) {
  .header__burger button {
    width: 80px;
  }
}
.header__burger button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--font);
  transform-origin: right;
  transition: all 0.3s;
  transform: translateX(100%);
}
.header__burger button span {
  height: 1px;
  width: 30px;
  display: block;
  background: var(--bg);
}

.header__lang {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.header__lang::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: var(--font) transparent transparent transparent;
  transition: transform 0.3s;
}
.header__lang .lang-menu {
  position: absolute;
  top: 40px;
  right: 0;
  border-radius: 5px;
  min-width: 50px;
  padding: 0 10px;
  background: var(--solid);
  max-height: 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.header__lang .lang-menu li::before {
  display: none;
}
.header__lang.is-active .lang-menu {
  max-height: 200px;
}
.header__lang.is-active::after {
  transform: scale(-1);
}
.header__lang .lang-label::after {
  text-transform: uppercase;
}
.header__lang .lang-menu a::after {
  text-transform: uppercase;
}

.header__nav {
  position: fixed;
  z-index: 0;
  height: 100vh;
  inset: 0;
  transform: translateX(100vw);
  transition: all 0.3s;
}
.header__nav::before {
  content: "";
  position: absolute;
  background: #009FE3;
  inset: 0;
  display: block;
  z-index: -1;
  left: 1;
}
.header__nav ul {
  margin-left: 0;
}
.header__nav ul li {
  margin: 0;
  width: fit-content;
}
.header__nav ul li::before {
  display: none;
}
.header__nav .nav__inner {
  padding-left: 12px;
  padding-right: 12px;
  height: calc(100% - 250px);
  margin-top: 200px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 30px;
  overflow-y: auto;
}
@media (min-aspect-ratio: 12/9) and (max-width: 800px) {
  .header__nav .nav__inner {
    margin-top: 120px;
    height: calc(100% - 170px);
  }
}
.header__nav .nav__inner > .main-menu {
  font-size: clamp(28px, 5vw, 35px);
  color: var(--bg);
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  /* & > li > a {
    display: flex;
    align-items: center;
  } */
}
.header__nav .nav__inner > .main-menu > li:where(.current-menu-item, .current-menu-ancestor) > a {
  color: var(--font);
  font-weight: 900;
}
.header__nav .nav__inner > .main-menu > li:where(.current-menu-item, .current-menu-ancestor) > a span {
  font-weight: 300;
}
.header__nav .nav__inner > .main-menu > li:hover > a {
  color: var(--font);
  font-weight: 900;
}
.header__nav .nav__inner > .main-menu > li:hover > a span {
  font-weight: 300;
}
.header__nav .nav__inner > .main-menu > li > .sub-menu {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  /*
  & > li.current-menu-item > a {
    font-weight: 700;
  }
  */
}
.header__nav .nav__inner > .main-menu > li > .sub-menu > li > a {
  font-size: 18px;
  padding: 2.5px 10px;
  font-weight: 500;
}
.header__nav .nav__inner > .main-menu > li > .sub-menu > li:hover > a {
  font-weight: 700;
}
.header__nav .secondary-menu {
  display: flex;
  flex-direction: column;
  column-gap: 50px;
}
@media screen and (min-width: md) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .header__nav .secondary-menu {
    flex-direction: row;
  }
}
.header__nav .secondary-menu li a {
  padding: 7.5px 0;
  display: block;
  color: var(--bg);
  font-weight: 700;
}
.header__nav .secondary-menu li:where(:hover, .current-menu-item) > a {
  color: var(--font);
}
.header__nav .menu-item-has-children {
  position: relative;
}
.header__nav .menu-item-has-children > a {
  padding-right: 40px;
}
@media screen and (min-width: md) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-item-has-children > a {
    padding-right: 0;
  }
}
.header__nav .menu-item-has-children .sub-menu {
  max-height: 0;
  transition: all 0.3s;
  overflow: hidden;
}
.header__nav .menu-item-has-children.is-open .sub-menu {
  max-height: 300px;
}
.header__nav .menu-dropdown {
  display: inline-block;
  padding: 20px;
  position: relative;
  height: 0;
  top: 3.5px;
  right: 0;
  position: absolute;
}
@media screen and (min-width: md) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
@media screen and (min-width: md) {
  .header__nav .menu-dropdown {
    right: auto;
    top: 8px;
  }
}
.header__nav::after {
  content: "";
  display: block;
  background-image: url("../media/elements/star-mask.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  right: -1px;
  bottom: -1px;
  height: 300px;
  width: 300px;
  opacity: 0;
}
@media screen and (min-width: sm) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: sm) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: 576px) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: sm) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: sm) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: sm) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: sm) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: sm) {
  .header__nav::after {
    opacity: 1;
  }
}
@media screen and (min-width: md) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: md) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: md) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: md) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: md) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: md) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: md) {
  .header__nav::after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: lg) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: lg) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: lg) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: lg) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: 992px) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: lg) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: lg) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: lg) {
  .header__nav::after {
    height: 500px;
    width: 500px;
  }
}
@media screen and (min-width: xxl) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}
@media screen and (min-width: xxl) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}
@media screen and (min-width: xxl) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}
@media screen and (min-width: xxl) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}
@media screen and (min-width: xxl) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}
@media screen and (min-width: xxl) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}
@media screen and (min-width: 1296px) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}
@media screen and (min-width: xxl) {
  .header__nav::after {
    height: 800px;
    width: 800px;
  }
}

.header.is-active #burger::before {
  transform: translateX(0);
}
.header.is-active #burger span:nth-child(2) {
  display: none;
}
.header.is-active #burger span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 6.5px);
}
.header.is-active #burger span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -6.5px);
}
.header.is-active .header__lang {
  color: var(--bg);
}
.header.is-active .header__lang::after {
  filter: invert(1);
}
.header.is-active .header__nav {
  transform: translateX(0);
}

.lang-label img, .lang-menu img {
  width: 30px;
}

@media screen and (min-width: lg) {
  .footer {
    padding-top: 50px;
  }
}
@media screen and (min-width: lg) {
  .footer {
    padding-top: 50px;
  }
}
@media screen and (min-width: lg) {
  .footer {
    padding-top: 50px;
  }
}
@media screen and (min-width: lg) {
  .footer {
    padding-top: 50px;
  }
}
@media screen and (min-width: 992px) {
  .footer {
    padding-top: 50px;
  }
}
@media screen and (min-width: lg) {
  .footer {
    padding-top: 50px;
  }
}
@media screen and (min-width: lg) {
  .footer {
    padding-top: 50px;
  }
}
@media screen and (min-width: lg) {
  .footer {
    padding-top: 50px;
  }
}
.footer ul li::before {
  display: none;
}
.footer ul li a:hover {
  text-decoration: underline;
}

.footer__top {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer__top > .row {
  row-gap: 24px;
}
.footer__top .footer__networks {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.footer__top .footer__networks .network-btn {
  width: 40px;
  height: 40px;
}
.footer__top .footer__networks .network-btn::before {
  width: 20px;
  height: 20px;
}
@media screen and (min-width: sm) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 576px) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .footer__top .footer__nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.footer__top .footer__logo img {
  height: 100px;
}
@media screen and (min-width: lg) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: lg) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: lg) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: lg) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: 992px) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: lg) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: lg) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: lg) {
  .footer__top {
    padding-bottom: 50px;
  }
  .footer__top .row {
    align-items: start;
  }
  .footer__top .footer__networks {
    justify-content: flex-end;
  }
  .footer__top .footer__logo img {
    max-width: 100%;
  }
  .footer__top .footer__logo {
    flex-basis: 16.6666666667%;
  }
  .footer__top .footer__nav {
    flex-basis: 50%;
    margin-left: 16.6666666667%;
    margin-top: 15px;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    flex-basis: 16.6666666667%;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}
@media screen and (min-width: 1086px) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .footer__nav {
    flex-basis: 50%;
  }
  .footer__top .footer__networks {
    margin-left: 0%;
    font-size: 16px;
  }
}

.footer__bottom {
  background: var(--font);
  color: var(--bg);
  padding: 10px;
}
.footer__bottom nav ul {
  display: flex;
  flex-direction: column;
  column-gap: 30px;
}
@media screen and (min-width: sm) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: 576px) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .footer__bottom nav ul {
    flex-direction: row;
  }
}
@media screen and (min-width: lg) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}
@media screen and (min-width: lg) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}
@media screen and (min-width: lg) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}
@media screen and (min-width: lg) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}
@media screen and (min-width: lg) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}
@media screen and (min-width: lg) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}
@media screen and (min-width: lg) {
  .footer__bottom nav ul {
    justify-content: center;
  }
}

.banner {
  display: flex;
  align-items: flex-end;
  padding-bottom: 0;
  padding-top: 250px;
  position: relative;
  z-index: 0;
}
.banner .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  row-gap: 30px;
  column-gap: 100px;
}
.banner h1, .banner .keys .keys__title h2, .keys .keys__title .banner h2, .banner .title {
  margin-bottom: -0.25rem;
  color: var(--bg);
}
.banner .offset-line-height {
  line-height: 1.1;
}
.banner::before {
  content: "";
  display: block;
  inset: 0;
  left: -100vw;
  right: -100vw;
  position: absolute;
  z-index: -1;
  background: var(--gradient);
  height: var(--before-height, auto);
}
.banner .banner__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 20px;
  height: max-content;
  row-gap: 12px;
}
.banner .banner__buttons .cta, .banner .banner__buttons form input[type=submit], form .banner .banner__buttons input[type=submit], .banner .banner__buttons .search input[type=submit], .search .banner .banner__buttons input[type=submit] {
  background: white;
  border: 1px solid white;
  color: var(--primary);
}
.banner .banner__buttons .cta:hover, .banner .banner__buttons form input[type=submit]:hover, form .banner .banner__buttons input[type=submit]:hover, .banner .banner__buttons .search input[type=submit]:hover, .search .banner .banner__buttons input[type=submit]:hover {
  background: transparent;
  color: white;
}
.banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
  color: var(--bg);
  padding-left: 5px;
}
@media screen and (min-width: lg) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}
@media screen and (min-width: 992px) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner .banner__content .breadcrumbs, .banner .banner__content .aioseo-breadcrumbs {
    padding-left: 12px;
  }
}

.theme-secondary .banner::before {
  background: linear-gradient(45deg, #7F9A3B 0%, #D2D979 100%) !important;
}
.theme-secondary .banner .banner__buttons .cta, .theme-secondary .banner .banner__buttons form input[type=submit], form .theme-secondary .banner .banner__buttons input[type=submit], .theme-secondary .banner .banner__buttons .search input[type=submit], .search .theme-secondary .banner .banner__buttons input[type=submit] {
  color: #7F9A3B;
}
.theme-secondary .banner .banner__buttons .cta:hover, .theme-secondary .banner .banner__buttons form input[type=submit]:hover, form .theme-secondary .banner .banner__buttons input[type=submit]:hover, .theme-secondary .banner .banner__buttons .search input[type=submit]:hover, .search .theme-secondary .banner .banner__buttons input[type=submit]:hover {
  color: white;
}

.breadcrumbs {
  margin: 1.5rem 0;
  line-height: 1.5;
  color: var(--placeholder);
}
.breadcrumbs .breadcrumb_last {
  font-weight: 700;
  color: inherit;
}
.breadcrumbs a:hover {
  font-weight: 700;
  text-decoration: none;
}

.content {
  margin: 50px auto;
  max-width: 1246px;
}
@media screen and (min-width: xl) {
  .content {
    margin: 75px auto;
  }
}
@media screen and (min-width: xl) {
  .content {
    margin: 75px auto;
  }
}
@media screen and (min-width: xl) {
  .content {
    margin: 75px auto;
  }
}
@media screen and (min-width: xl) {
  .content {
    margin: 75px auto;
  }
}
@media screen and (min-width: xl) {
  .content {
    margin: 75px auto;
  }
}
@media screen and (min-width: 1086px) {
  .content {
    margin: 75px auto;
  }
}
@media screen and (min-width: xl) {
  .content {
    margin: 75px auto;
  }
}
@media screen and (min-width: xl) {
  .content {
    margin: 75px auto;
  }
}
.content .content__metas {
  display: flex;
  align-items: center;
  column-gap: 30px;
  row-gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.content .content__metas .content__date {
  font-style: italic;
}
.content .content__metas .blog-return {
  width: 12px;
  height: 25px;
  background-image: url("../media/elements/return-btn.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
@media screen and (min-width: 1380px) {
  .content .content__metas {
    transform: translateX(-42.5px);
  }
}
.content .content__img {
  height: 500px;
  position: relative;
  z-index: 0;
}
.content .content__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.content .content__img::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.075);
}
.content .content__img::before {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  background-image: url("../media/elements/star-mask.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 300px;
  min-height: 300px;
}
@media screen and (min-width: md) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: md) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: md) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: 768px) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: md) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: md) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: md) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: md) {
  .content .content__img::before {
    min-width: 400px;
    min-height: 400px;
  }
}
.content .content__text figure, .content .content__text iframe {
  margin: 2rem 0;
  overflow: hidden;
  border-radius: 10px;
  max-width: 100%;
}
.content .content__text figure img, .content .content__text iframe img {
  max-width: 100%;
  height: auto;
  display: block;
}
.content .content__update {
  margin-top: 40px;
  font-style: italic;
  color: var(--placeholder);
}
.content .content__inner {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media screen and (min-width: lg) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: lg) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: lg) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: lg) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: lg) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: lg) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: lg) {
  .content .content__inner .content__content {
    flex-basis: 100%;
  }
  .content .content__inner .row {
    flex-direction: row-reverse !important;
  }
}
.content .content__networks {
  display: flex;
  column-gap: 10px;
  row-gap: 15px;
}
@media screen and (min-width: lg) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks {
    flex-direction: column;
    flex-basis: 8.3333333333%;
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 992px) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: lg) {
  .content .content__networks a {
    margin-left: auto;
    margin-right: auto;
  }
}

.blog__list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media screen and (min-width: md) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: md) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: md) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 768px) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: md) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: md) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: md) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: md) {
  .blog__list {
    flex-direction: row;
  }
  .blog__list .article {
    flex-basis: 50%;
  }
}
@media screen and (min-width: xl) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 1086px) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .blog__list .article {
    flex-basis: 33.3333333333%;
  }
}

.blog {
  margin: 50px 0;
}

.filters .filters__header {
  background: var(--solid);
  cursor: pointer;
  width: max-content;
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.filters .filters__header span {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  transition: all 0.3s;
}
.filters.is-open span {
  transform: scale(-1);
}
.filters ul {
  border-radius: 10px;
  background: var(--solid);
  margin-top: 20px;
  overflow: hidden;
}
.filters ul li {
  padding: 15px 20px;
  margin: 0;
}
.filters ul li.is-active {
  font-weight: 700;
}
@media screen and (min-width: lg) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
@media screen and (min-width: lg) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
@media screen and (min-width: lg) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
@media screen and (min-width: lg) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
@media screen and (min-width: 992px) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
@media screen and (min-width: lg) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
@media screen and (min-width: lg) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
@media screen and (min-width: lg) {
  .filters ul li:hover {
    font-weight: 700;
  }
}
.filters ul li::before {
  display: none;
}
.filters .filters__list {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
  max-width: 300px;
  position: absolute;
  z-index: 20;
}
.filters.is-open .filters__list {
  grid-template-rows: 1fr;
}
@media screen and (min-width: lg) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}
@media screen and (min-width: lg) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}
@media screen and (min-width: lg) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}
@media screen and (min-width: lg) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}
@media screen and (min-width: 992px) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}
@media screen and (min-width: lg) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}
@media screen and (min-width: lg) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}
@media screen and (min-width: lg) {
  .filters .filters__header {
    display: none;
  }
  .filters .filters__list {
    display: flex;
    position: relative;
    max-width: none;
  }
  .filters .filters__list ul {
    background: none;
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .filters .filters__list ul li {
    font-weight: 700;
    border-radius: 10px;
  }
}

.sorting {
  margin-top: 1rem;
  margin-bottom: 0rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: lg) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
@media screen and (min-width: lg) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
@media screen and (min-width: lg) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
@media screen and (min-width: lg) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
@media screen and (min-width: lg) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
@media screen and (min-width: lg) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
@media screen and (min-width: lg) {
  .sorting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-inline: 120px !important;
    margin-top: 3rem;
  }
}
.sorting .sorting__date {
  cursor: pointer;
  width: max-content;
  padding: 10px 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.sorting .sorting__date span {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  transition: all 0.3s;
}
.sorting .sorting__date.is-asc span {
  transform: scale(-1);
}
@media screen and (min-width: lg) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}
@media screen and (min-width: lg) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}
@media screen and (min-width: lg) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}
@media screen and (min-width: lg) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}
@media screen and (min-width: 992px) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}
@media screen and (min-width: lg) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}
@media screen and (min-width: lg) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}
@media screen and (min-width: lg) {
  .sorting .sorting__date {
    position: absolute;
    right: 0;
    padding: 15px 15px;
  }
}

.article__cat {
  color: var(--cat-color);
}

.filters li {
  border: 1px solid transparent;
  transition: all 0.3s ease;
  background: var(--solid);
}
.filters li.is-active {
  color: var(--cat-color);
}
@media screen and (min-width: lg) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
@media screen and (min-width: lg) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
@media screen and (min-width: lg) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
@media screen and (min-width: lg) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
@media screen and (min-width: 992px) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
@media screen and (min-width: lg) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
@media screen and (min-width: lg) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
@media screen and (min-width: lg) {
  .filters li.is-active {
    border: 1px solid var(--cat-color);
    background: none;
  }
}
.filters li:hover {
  cursor: pointer;
}
@media screen and (min-width: lg) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}
@media screen and (min-width: lg) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}
@media screen and (min-width: lg) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}
@media screen and (min-width: lg) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}
@media screen and (min-width: 992px) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}
@media screen and (min-width: lg) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}
@media screen and (min-width: lg) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}
@media screen and (min-width: lg) {
  .filters li:hover {
    background: transparent;
    color: var(--cat-color);
    border: 1px solid var(--cat-color);
  }
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination .wp-pagenavi {
  background: var(--solid);
  width: max-content;
  border-radius: 10px;
  padding: 5px 5px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.pagination .wp-pagenavi a:where(:not(.prev, .next)) {
  display: inline-block;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .wp-pagenavi span.current {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .wp-pagenavi span.current {
  background: #009FE3;
  padding: 10px;
  border-radius: 5px;
  color: var(--bg);
}
.pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
  font-size: 0;
  width: 30px;
  height: 12.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../media/elements/return-btn.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
@media screen and (min-width: 576px) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi .prev, .pagination .wp-pagenavi .next {
    width: 20px;
  }
}
.pagination .wp-pagenavi .next {
  transform: rotate(180deg);
}

.section-bg {
  padding: 75px 0;
  margin: 50px 0;
  z-index: 0;
  position: relative;
}
.section-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  left: -100vw;
  right: -100vw;
  background: var(--secondary);
  z-index: -1;
}

.anchors {
  margin-top: 125px;
  margin-bottom: 50px;
}
.anchors h2 {
  font-size: clamp(20px, 5vw, 30px);
  letter-spacing: -1.5px;
  text-align: center;
  justify-content: center;
  margin-bottom: 30px;
}
.anchors ul {
  padding-block: 0.1px;
  background: var(--secondary);
  border-radius: 10px;
}
.anchors ul li {
  margin: 10px;
}
.anchors ul li::before {
  display: none;
}
.anchors ul li a {
  display: block;
  font-weight: 700;
  padding: 15px 15px;
  border-radius: 5px;
}
.anchors ul li a:hover {
  background: var(--primary);
  color: var(--bg);
}
@media screen and (min-width: md) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: md) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: md) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: md) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: md) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: md) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: md) {
  .anchors ul {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-inline: auto;
  }
}

.read-more {
  margin-top: 75px;
  margin-bottom: 100px;
}
.read-more h2 {
  font-weight: 900;
  font-size: clamp(30px, 5vw, 50px);
  margin-bottom: 2rem;
}
.read-more .read-more__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}
@media screen and (min-width: lg) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .read-more .read-more__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

.news__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  position: relative;
}
@media screen and (min-width: xl) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: xl) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: xl) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: xl) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: xl) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: 1086px) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: xl) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: xl) {
  .news__list .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 251px);
  }
  .news__list .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .news__list .swiper-wrapper .swiper-slide h3 {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .news__list .swiper-wrapper .swiper-slide:where(:nth-child(1), :nth-child(2)) {
    grid-row: span 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: 1;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-column: 2;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
  }
  .news__list .swiper-wrapper .swiper-slide .article__container {
    height: 100%;
    max-height: 550px;
  }
}
@media screen and (min-width: xxl) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: xxl) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: xxl) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: xxl) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: xxl) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: xxl) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 1296px) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: xxl) {
  .news__list .article h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: xl) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: xl) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: xl) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: xl) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: xl) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1086px) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: xl) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: xl) {
  .news__list .swiper-slide .article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.news {
  margin: 50px 0;
}
@media screen and (min-width: lg) {
  .news {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .news {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .news {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .news {
    margin: 100px 0;
  }
}
@media screen and (min-width: 992px) {
  .news {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .news {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .news {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .news {
    margin: 100px 0;
  }
}
.news .swiper-nav {
  position: absolute;
  bottom: 30px;
  right: 20px;
}
@media screen and (min-width: xl) {
  .news .swiper-nav {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .news .swiper-nav {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .news .swiper-nav {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .news .swiper-nav {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .news .swiper-nav {
    display: none;
  }
}
@media screen and (min-width: 1086px) {
  .news .swiper-nav {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .news .swiper-nav {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .news .swiper-nav {
    display: none;
  }
}

.news__title {
  margin-bottom: 30px !important;
}
.news__title h2 {
  color: var(--primary);
  font-weight: 300;
  letter-spacing: -1px;
  font-size: clamp(30px, 5vw, 50px);
  justify-content: center;
}
.news__title h2 strong {
  font-weight: 900;
}
.news__title h2, .news__title p {
  text-align: center;
}
.news__title p {
  font-size: 20px;
  max-width: 600px;
  margin-inline: auto;
}

.keys {
  margin-top: 150px;
}
.keys .keys__title h2 {
  color: var(--primary);
  padding-inline: 12px;
  margin-bottom: -3px;
}
.keys .keys__list {
  position: relative;
  z-index: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  row-gap: 50px;
  display: flex;
  flex-direction: column;
}
.keys .keys__list::before {
  content: "";
  display: block;
  background: var(--primary);
  inset: 0;
  left: -100vw;
  right: -100vw;
  position: absolute;
  z-index: -1;
}
.keys .keys__list .key {
  text-align: center;
  font-size: clamp(20px, 5vw, 35px);
  line-height: 1.15;
  letter-spacing: -1px;
}
.keys .keys__list .key:nth-child(even) {
  color: var(--bg);
}
@media screen and (min-width: sm) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: 576px) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 50%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--bg);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--font);
  }
}
@media screen and (min-width: xl) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: 1086px) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .keys .keys__list .key {
    flex-basis: 16.6666666667%;
    flex-grow: 1;
    font-size: 25px;
  }
  .keys .keys__list .key:not(:last-child) {
    flex-basis: 16.6666666667%;
  }
  .keys .keys__list .key:nth-child(3) {
    color: var(--font);
  }
  .keys .keys__list .key:nth-child(4) {
    color: var(--bg);
  }
}
@media screen and (min-width: xxl) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: 1296px) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .keys .keys__list .key {
    font-size: 35px;
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list {
    flex-direction: row;
  }
}
@media screen and (min-width: 576px) {
  .keys .keys__list {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .keys .keys__list {
    flex-direction: row;
  }
}

.brands {
  margin: 100px 0;
}
.brands .brands__title {
  margin-bottom: 30px !important;
}
.brands .brands__title h2 {
  color: var(--primary);
  font-weight: 300;
  letter-spacing: -1px;
  font-size: clamp(30px, 5vw, 50px);
  justify-content: center;
}
.brands .brands__title h2 strong {
  font-weight: 900;
}
.brands .brands__title h2, .brands .brands__title p {
  text-align: center;
}
.brands .brands__title p {
  font-size: 20px;
  max-width: 1000px;
  margin-inline: auto;
}

.brands {
  margin: 100px 0;
}
.brands .brands__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.brands .brands__inner {
  display: grid;
  justify-content: center;
  gap: 50px 100px;
}
.brands .brands__inner .brand {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands .brands__inner .brand img {
  max-width: 100%;
  height: auto;
  display: block;
}
.brands .brands__inner--first {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: md) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--first {
    grid-template-columns: repeat(4, 1fr);
  }
}
.brands .brands__inner--grid {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: md) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: md) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: xl) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: xl) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: xl) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: xl) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: xl) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1086px) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: xl) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: xl) {
  .brands .brands__inner--grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.slider {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  position: relative;
  color: var(--bg);
  display: flex;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (min-width: lg) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: 992px) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .slider {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: xxxl) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
@media screen and (min-width: xxxl) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
@media screen and (min-width: xxxl) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
@media screen and (min-width: xxxl) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
@media screen and (min-width: xxxl) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
@media screen and (min-width: xxxl) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
@media screen and (min-width: xxxl) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
@media screen and (min-width: 1560px) {
  .slider {
    aspect-ratio: 1580/800;
    max-width: 2500px;
  }
}
.slider::before {
  content: "";
  display: block;
  bottom: -1px;
  right: -1px;
  background-image: url("../media/elements/star-mask.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 200px;
  min-height: 200px;
  position: absolute;
  z-index: 9;
}
@media screen and (min-width: sm) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: sm) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: 576px) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: sm) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: sm) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: sm) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: sm) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: sm) {
  .slider::before {
    min-width: 300px;
    min-height: 300px;
  }
}
@media screen and (min-width: lg) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: lg) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: lg) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: lg) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: 992px) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: lg) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: lg) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: lg) {
  .slider::before {
    min-width: 500px;
    min-height: 500px;
  }
}
@media screen and (min-width: xxxl) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
@media screen and (min-width: xxxl) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
@media screen and (min-width: xxxl) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
@media screen and (min-width: xxxl) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
@media screen and (min-width: xxxl) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
@media screen and (min-width: xxxl) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
@media screen and (min-width: xxxl) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
@media screen and (min-width: 1560px) {
  .slider::before {
    min-width: 660px;
    min-height: 660px;
  }
}
.slider .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  align-items: stretch;
}
.slider .slider__item {
  position: relative;
  z-index: 0;
  height: 100%;
}
.slider .slider__item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  object-fit: cover;
  object-position: center;
  margin: auto;
}
@media screen and (min-width: md) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: md) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: md) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: 768px) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: md) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: md) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: md) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: md) {
  .slider .slider__item img {
    object-position: left;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__item img {
    object-position: center;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__item img {
    object-position: center;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__item img {
    object-position: center;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__item img {
    object-position: center;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__item img {
    object-position: center;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__item img {
    object-position: center;
  }
}
@media screen and (min-width: 1296px) {
  .slider .slider__item img {
    object-position: center;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__item img {
    object-position: center;
  }
}
.slider .slider__item::before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  inset: 0;
  z-index: -1;
}
@media screen and (min-width: lg) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
@media screen and (min-width: 992px) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item::before {
    opacity: 0;
  }
}
.slider .slider__item::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: calc(50% - 50vw);
  z-index: -10;
}
.slider .slider__item .slider__content {
  padding-top: 150px;
  padding-bottom: 150px;
  padding-left: 12px;
  padding-right: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: lg) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: 992px) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: lg) {
  .slider .slider__item .slider__content {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
.slider .slider__item .slider__content .row {
  max-width: 500px;
}
.slider .slider__item h2 {
  font-weight: 300;
  font-size: clamp(30px, 5vw, 50px);
  letter-spacing: -1px;
}
.slider .slider__item h2 + p {
  font-size: clamp(20px, 2.5vw, 26px);
  line-height: 1.35;
}
.slider .slider__item .slider__buttons {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-top: 40px;
}
.slider .slider__item .cta:hover, .slider .slider__item form input[type=submit]:hover, form .slider .slider__item input[type=submit]:hover, .slider .slider__item .search input[type=submit]:hover, .search .slider .slider__item input[type=submit]:hover {
  border: 1px solid white;
}
.slider .slider__item .cta:hover::before, .slider .slider__item form input[type=submit]:hover::before, form .slider .slider__item input[type=submit]:hover::before, .slider .slider__item .search input[type=submit]:hover::before, .search .slider .slider__item input[type=submit]:hover::before {
  opacity: 0;
}
.slider .slider__item.slide-gradient {
  background: linear-gradient(45deg, var(--color-start) 0%, var(--color-end) 100%);
}
.slider [class*=" slide-"] .cta, .slider [class*=" slide-"] form input[type=submit], form .slider [class*=" slide-"] input[type=submit], .slider [class*=" slide-"] .search input[type=submit], .search .slider [class*=" slide-"] input[type=submit] {
  border: 1px solid var(--cta-color);
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.slider [class*=" slide-"] .cta::before, .slider [class*=" slide-"] form input[type=submit]::before, form .slider [class*=" slide-"] input[type=submit]::before, .slider [class*=" slide-"] .search input[type=submit]::before, .search .slider [class*=" slide-"] input[type=submit]::before {
  background: var(--cta-color);
  content: "";
  inset: 0;
  position: absolute;
  display: block;
  z-index: -1;
}
.slider .slider__nav {
  padding-left: 12px;
  padding-right: 12px;
}
.slider .slider__nav > .row {
  position: relative;
}
.slider .slider__nav > .row .swiper-pagination {
  transform: translateY(-50px);
}
@media screen and (min-width: lg) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: lg) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: lg) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: lg) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: 992px) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: lg) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: lg) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: lg) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-150px);
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}
@media screen and (min-width: 1296px) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .slider .slider__nav > .row .swiper-pagination {
    transform: translateY(-50px);
    bottom: 0;
  }
}

.team {
  margin: 25px 0;
}
@media screen and (min-width: lg) {
  .team {
    margin: 75px 0;
  }
}
@media screen and (min-width: lg) {
  .team {
    margin: 75px 0;
  }
}
@media screen and (min-width: lg) {
  .team {
    margin: 75px 0;
  }
}
@media screen and (min-width: lg) {
  .team {
    margin: 75px 0;
  }
}
@media screen and (min-width: 992px) {
  .team {
    margin: 75px 0;
  }
}
@media screen and (min-width: lg) {
  .team {
    margin: 75px 0;
  }
}
@media screen and (min-width: lg) {
  .team {
    margin: 75px 0;
  }
}
@media screen and (min-width: lg) {
  .team {
    margin: 75px 0;
  }
}

.team__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
  column-gap: 30px;
  max-width: 1246px;
  margin-inline: auto;
}
@media screen and (min-width: sm) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 576px) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: sm) {
  .team__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: lg) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: lg) {
  .team__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.quote {
  margin-block: 100px;
}
@media screen and (min-width: lg) {
  .quote {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .quote {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .quote {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .quote {
    margin: 150px 0;
  }
}
@media screen and (min-width: 992px) {
  .quote {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .quote {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .quote {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .quote {
    margin: 150px 0;
  }
}
.quote .quote__wrapper {
  display: flex;
  row-gap: 30px;
}
.quote .quote__img {
  position: relative;
}
.quote .quote__img figure {
  position: sticky;
  top: 130px;
}
.quote .quote__img figure img {
  width: 100%;
  border-radius: 10px;
}
@media screen and (min-width: md) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: md) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: md) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: md) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: md) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: md) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: md) {
  .quote .row .quote__img {
    flex-basis: 41.6666666667%;
  }
  .quote .row blockquote {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
@media screen and (min-width: 992px) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .quote .row blockquote {
    padding-left: 50px;
  }
}
.quote blockquote {
  position: relative;
}
.quote blockquote p:first-child {
  color: var(--primary);
  font-size: clamp(20px, 5vw, 30px);
  letter-spacing: -1.5px;
  padding-bottom: 30px;
  position: relative;
}
.quote blockquote p:first-child::before {
  content: "";
  display: block;
  width: 65px;
  height: 50px;
  margin-bottom: 30px;
  background-image: url("../media/elements/quote.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.quote blockquote p:last-child {
  padding-top: 10px;
  margin: 0;
  border-top: 1px solid var(--primary);
  padding-top: 30px;
}
.quote blockquote p:last-child span {
  display: block;
  font-weight: 700;
  font-size: clamp(20px, 5vw, 30px);
  letter-spacing: -1.5px;
}
.quote blockquote p:last-child span:first-child {
  color: var(--primary);
}
.quote blockquote p:last-child span:first-child:not(:last-child)::after {
  content: ",";
}
@media screen and (min-width: md) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .quote blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.section-bg {
  margin: 50px 0;
}
@media screen and (min-width: lg) {
  .section-bg {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .section-bg {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .section-bg {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .section-bg {
    margin: 100px 0;
  }
}
@media screen and (min-width: 992px) {
  .section-bg {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .section-bg {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .section-bg {
    margin: 100px 0;
  }
}
@media screen and (min-width: lg) {
  .section-bg {
    margin: 100px 0;
  }
}

.video {
  margin: 125px 0;
}
@media screen and (min-width: lg) {
  .video {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .video {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .video {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .video {
    margin: 150px 0;
  }
}
@media screen and (min-width: 992px) {
  .video {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .video {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .video {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .video {
    margin: 150px 0;
  }
}
.video iframe {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
}
.video .video__content {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
@media screen and (min-width: lg) {
  .video .video__content {
    flex-direction: row;
  }
}
@media screen and (min-width: lg) {
  .video .video__content {
    flex-direction: row;
  }
}
@media screen and (min-width: lg) {
  .video .video__content {
    flex-direction: row;
  }
}
@media screen and (min-width: lg) {
  .video .video__content {
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .video .video__content {
    flex-direction: row;
  }
}
@media screen and (min-width: lg) {
  .video .video__content {
    flex-direction: row;
  }
}
@media screen and (min-width: lg) {
  .video .video__content {
    flex-direction: row;
  }
}
@media screen and (min-width: lg) {
  .video .video__content {
    flex-direction: row;
  }
}
.video .video__content h2 {
  font-weight: 900;
  letter-spacing: -1px;
  font-size: 30px;
  line-height: 1;
  height: max-content;
  margin-bottom: 0;
}
.video .video__content h2 span {
  display: block;
  font-size: 20px;
}
@media screen and (min-width: md) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .video .video__content h2 {
    font-size: 75px;
    line-height: 0.75;
  }
  .video .video__content h2 span {
    font-size: 30px;
  }
}
@media screen and (min-width: lg) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 992px) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .video .video__content h2 {
    flex-basis: 50%;
  }
  .video .video__content .video__text {
    flex-basis: 50%;
  }
}
@media screen and (min-width: xxl) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: xxl) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: xxl) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: xxl) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: xxl) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: xxl) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: 1296px) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}
@media screen and (min-width: xxl) {
  .video .video__content h2 {
    flex-basis: 41.6666666667%;
  }
  .video .video__content .video__text {
    flex-basis: 58.3333333333%;
  }
}

.video__text p:first-child {
  margin-top: 0;
}
@media screen and (min-width: lg) {
  .video__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .video__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .video__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .video__text {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .video__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .video__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .video__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .video__text {
    font-size: 18px;
  }
}

.dropdowns__list {
  margin: 50px 0;
}

.dropdowns {
  margin: 100px 0;
}
@media screen and (min-width: lg) {
  .dropdowns {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .dropdowns {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .dropdowns {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .dropdowns {
    margin: 150px 0;
  }
}
@media screen and (min-width: 992px) {
  .dropdowns {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .dropdowns {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .dropdowns {
    margin: 150px 0;
  }
}
@media screen and (min-width: lg) {
  .dropdowns {
    margin: 150px 0;
  }
}
.dropdowns .dropdowns__wrapper > .cta, .dropdowns form .dropdowns__wrapper > input[type=submit], form .dropdowns .dropdowns__wrapper > input[type=submit], .dropdowns .search .dropdowns__wrapper > input[type=submit], .search .dropdowns .dropdowns__wrapper > input[type=submit] {
  background: var(--font);
  border: 1px solid var(--font);
  color: var(--bg);
}
.dropdowns .dropdowns__wrapper > .cta:hover, .dropdowns form .dropdowns__wrapper > input[type=submit]:hover, form .dropdowns .dropdowns__wrapper > input[type=submit]:hover, .dropdowns .search .dropdowns__wrapper > input[type=submit]:hover, .search .dropdowns .dropdowns__wrapper > input[type=submit]:hover {
  background: transparent;
  color: var(--font);
}

.dropdowns__heading {
  max-width: 800px;
}
.dropdowns__heading h2 + p {
  font-size: 18px;
}

.dropdown {
  border-bottom: 1px #707070 solid;
  transform: all 0.3s ease-in-out;
}
.dropdown .dropdown__title {
  display: flex;
  flex-direction: column;
  column-gap: 20px;
  row-gap: 10px;
  position: relative;
  padding-right: 40px;
  position: relative;
  margin: 25px 0;
  cursor: pointer;
}
.dropdown .dropdown__title h3 {
  color: var(--primary);
  font-weight: 700;
  font-size: clamp(20px, 5vw, 30px);
  margin: 0;
}
.dropdown .dropdown__title button {
  background: none;
  padding: 0;
  width: 25px;
  height: 12.5px;
  position: absolute;
  right: 0;
  top: 7.5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.dropdown .dropdown__title button::after, .dropdown .dropdown__title button::before {
  content: "";
  display: block;
  height: 2px;
  width: 15px;
  border-radius: 5px;
  background: #72A8BF;
}
.dropdown .dropdown__title button::after {
  transform: rotate(45deg);
}
.dropdown .dropdown__title button::before {
  transform: rotate(-45deg) translate(6px, 8px);
}
@media screen and (min-width: lg) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
@media screen and (min-width: lg) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
@media screen and (min-width: lg) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
@media screen and (min-width: lg) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
@media screen and (min-width: 992px) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
@media screen and (min-width: lg) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
@media screen and (min-width: lg) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
@media screen and (min-width: lg) {
  .dropdown .dropdown__title {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .dropdown .dropdown__title button {
    top: auto;
  }
}
.dropdown .cta, .dropdown form input[type=submit], form .dropdown input[type=submit], .dropdown .search input[type=submit], .search .dropdown input[type=submit] {
  background: var(--primary);
  border: 1px solid var(--primary);
  color: var(--bg);
}
.dropdown .cta:hover, .dropdown form input[type=submit]:hover, form .dropdown input[type=submit]:hover, .dropdown .search input[type=submit]:hover, .search .dropdown input[type=submit]:hover {
  background: transparent;
  color: var(--primary);
}

.dropdown__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.3s ease-in-out;
}
.dropdown__content > div {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}
.dropdown__content > div > img {
  order: -1;
  max-height: 300px;
}
.dropdown__content .dropdown__text {
  max-width: 800px;
}
.dropdown__content .dropdown__text > *:first-child {
  margin-top: 0;
}
.dropdown__content .dropdown__text > *:last-child {
  margin-bottom: 0;
}
.dropdown__content .dropdown__text .cta, .dropdown__content .dropdown__text form input[type=submit], form .dropdown__content .dropdown__text input[type=submit], .dropdown__content .dropdown__text .search input[type=submit], .search .dropdown__content .dropdown__text input[type=submit] {
  margin-top: 40px;
  font-size: 93%;
}
.dropdown__content .dropdown__list {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  margin-bottom: 10px;
}
.dropdown__content .dropdown__list li {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: center;
  column-gap: 30px;
  justify-content: space-between;
}
@media screen and (min-width: md) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
@media screen and (min-width: md) {
  .dropdown__content .dropdown__list li {
    flex-direction: row;
  }
}
.dropdown__content .dropdown__list li::before {
  display: none;
}
.dropdown__content .dropdown__list li strong {
  display: block;
  letter-spacing: -1px;
  font-size: clamp(18px, 5vw, 22px);
  margin-bottom: 10px;
}
.dropdown__content .dropdown__list li strong::before {
  content: "•";
  padding-right: 7.5px;
}
.dropdown__content .dropdown__list figure {
  min-height: 120px;
  min-width: 120px;
  height: 120px;
  width: 120px;
  background: var(--secondary);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.dropdown__content .dropdown__list figure img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.dropdown.is-active .dropdown__content {
  grid-template-rows: 1fr;
  margin-bottom: 30px;
}
.dropdown.is-active .dropdown__title button {
  transform: scale(-1);
}

.job__metas {
  font-size: clamp(18px, 5vw, 22px);
  display: flex;
  align-items: center;
}
.job__metas .job__contract {
  font-weight: 700;
}
.job__metas .job__contract::before {
  content: "(";
}
.job__metas .job__contract::after {
  content: ")";
}
.job__metas .job__place::before {
  content: "•";
  margin: 0 7.5px;
  font-weight: 700;
}

.section-bg .dropdowns:not(.jobs) h2 {
  color: var(--primary);
}

.section-bg .dropdowns {
  margin: 25px 0;
}
.section-bg .dropdowns .dropdown__list figure {
  background: var(--bg);
}

@media screen and (min-width: lg) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
@media screen and (min-width: lg) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
@media screen and (min-width: lg) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
@media screen and (min-width: lg) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
@media screen and (min-width: 992px) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
@media screen and (min-width: lg) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
@media screen and (min-width: lg) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
@media screen and (min-width: lg) {
  .dropdowns:not(.jobs) .dropdown__content > div .dropdown__text {
    flex-basis: 66.6666666667%;
  }
  .dropdowns:not(.jobs) .dropdown__content > div > img {
    order: 999;
    flex-basis: 25%;
    object-fit: contain;
    object-position: right;
    max-width: 300px;
  }
}
.dropdowns:not(.jobs) .dropdown:first-child {
  border-top: #707070 1px solid;
}
.dropdowns:not(.jobs) .dropdowns__list {
  margin-top: 0;
}

.text-icon {
  margin-block: 50px;
}
@media screen and (min-width: lg) {
  .text-icon {
    margin-block: 100px;
  }
}
@media screen and (min-width: lg) {
  .text-icon {
    margin-block: 100px;
  }
}
@media screen and (min-width: lg) {
  .text-icon {
    margin-block: 100px;
  }
}
@media screen and (min-width: lg) {
  .text-icon {
    margin-block: 100px;
  }
}
@media screen and (min-width: 992px) {
  .text-icon {
    margin-block: 100px;
  }
}
@media screen and (min-width: lg) {
  .text-icon {
    margin-block: 100px;
  }
}
@media screen and (min-width: lg) {
  .text-icon {
    margin-block: 100px;
  }
}
@media screen and (min-width: lg) {
  .text-icon {
    margin-block: 100px;
  }
}
.text-icon figure {
  display: flex;
  justify-content: center;
}
.text-icon figure img {
  max-height: 250px;
  object-fit: contain;
}
@media screen and (min-width: md) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-icon .text-icon__wrapper {
    justify-content: space-between;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 25%;
    align-items: center;
    justify-content: flex-end;
  }
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: lg) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: lg) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: lg) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: 992px) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: lg) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: lg) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: lg) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
}
@media screen and (min-width: xxl) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}
@media screen and (min-width: xxl) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}
@media screen and (min-width: xxl) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}
@media screen and (min-width: xxl) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}
@media screen and (min-width: xxl) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}
@media screen and (min-width: xxl) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}
@media screen and (min-width: 1296px) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}
@media screen and (min-width: xxl) {
  .text-icon .text-icon__wrapper .text-icon__content {
    flex-basis: 75%;
  }
  .text-icon .text-icon__wrapper figure {
    flex-basis: 16.6666666667%;
  }
}

.section-bg .text-icon {
  margin-block: 0;
}

.text-cta__wrapper {
  row-gap: 30px;
}
@media screen and (min-width: md) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper {
    justify-content: space-between;
  }
}
.text-cta__wrapper .text-cta__content p {
  font-weight: 900;
  letter-spacing: -1px;
  font-size: clamp(20px, 5vw, 30px);
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__content {
    flex-basis: 66.6666666667%;
  }
}
.text-cta__wrapper .text-cta__btn .cta, .text-cta__wrapper .text-cta__btn form input[type=submit], form .text-cta__wrapper .text-cta__btn input[type=submit], .text-cta__wrapper .text-cta__btn .search input[type=submit], .search .text-cta__wrapper .text-cta__btn input[type=submit] {
  background: var(--primary);
  color: var(--bg);
  border: 1px solid var(--primary);
}
.text-cta__wrapper .text-cta__btn .cta:hover, .text-cta__wrapper .text-cta__btn form input[type=submit]:hover, form .text-cta__wrapper .text-cta__btn input[type=submit]:hover, .text-cta__wrapper .text-cta__btn .search input[type=submit]:hover, .search .text-cta__wrapper .text-cta__btn input[type=submit]:hover {
  background: transparent;
  color: var(--primary);
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: md) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 16.6666666667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: lg) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}
@media screen and (min-width: 992px) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .text-cta__wrapper .text-cta__btn {
    flex-basis: 8.3333333333%;
  }
}

.text-cta {
  margin-block: 150px;
}

.section-bg .text-cta {
  margin-block: 0;
}

.section-bg:has(.text-cta) {
  margin-block: 100px;
}

.intro {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  max-width: 2500px;
  position: relative;
  z-index: 0;
  margin-block: 50px;
}
.intro .intro__wrapper {
  padding-block: 75px;
}
.intro .intro__wrapper .container {
  padding-inline: 12px;
}
.intro .intro__wrapper .intro__content {
  max-width: 550px;
}
@media screen and (min-width: xl) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
@media screen and (min-width: xl) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
@media screen and (min-width: xl) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
@media screen and (min-width: xl) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
@media screen and (min-width: xl) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
@media screen and (min-width: 1086px) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
@media screen and (min-width: xl) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
@media screen and (min-width: xl) {
  .intro .intro__wrapper .intro__content {
    max-width: 600px;
  }
}
.intro .intro__wrapper .intro__content .cta, .intro .intro__wrapper .intro__content form input[type=submit], form .intro .intro__wrapper .intro__content input[type=submit], .intro .intro__wrapper .intro__content .search input[type=submit], .search .intro .intro__wrapper .intro__content input[type=submit] {
  margin-top: 50px;
}
.intro .intro__bg {
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: -1;
}
.intro .intro__bg .intro__img {
  width: 100%;
  min-width: 900px;
}
.intro .intro__bg .intro__label {
  position: absolute;
  inset: 0;
  padding-inline: 12px;
  top: 53.5%;
  bottom: -10px;
  display: flex;
  justify-content: flex-start;
}
.intro .intro__bg .intro__label img {
  max-height: 100%;
  padding-top: 50px;
}
@media screen and (min-width: xxl) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}
@media screen and (min-width: xxl) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}
@media screen and (min-width: xxl) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}
@media screen and (min-width: xxl) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}
@media screen and (min-width: xxl) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}
@media screen and (min-width: xxl) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}
@media screen and (min-width: 1296px) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}
@media screen and (min-width: xxl) {
  .intro .intro__bg .intro__label img {
    padding-top: 75px;
  }
}

.values {
  margin-block: 100px;
}
@media screen and (min-width: lg) {
  .values {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .values {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .values {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .values {
    margin-block: 150px;
  }
}
@media screen and (min-width: 992px) {
  .values {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .values {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .values {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .values {
    margin-block: 150px;
  }
}
.values h2 {
  justify-content: center;
  margin-bottom: 0;
}
.values .values__inner {
  margin-top: 75px;
}
@media screen and (min-width: lg) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: lg) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: lg) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: lg) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: 992px) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: lg) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: lg) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: lg) {
  .values .values__inner figure {
    flex-basis: 33.3333333333%;
    order: -1;
  }
  .values .values__inner figure img {
    max-height: none;
    height: 100%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 66.6666666667%;
    margin-block: 0;
  }
}
@media screen and (min-width: xl) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}
@media screen and (min-width: xl) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}
@media screen and (min-width: xl) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}
@media screen and (min-width: xl) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}
@media screen and (min-width: xl) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}
@media screen and (min-width: 1086px) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}
@media screen and (min-width: xl) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}
@media screen and (min-width: xl) {
  .values .values__inner {
    justify-content: space-between;
  }
  .values .values__inner figure {
    flex-basis: 41.6666666667%;
  }
  .values .values__inner .dropdowns {
    flex-basis: 54.1666666667%;
  }
}

.values__inner figure {
  max-width: 100%;
}
.values__inner figure img {
  width: 100%;
  object-fit: cover;
  max-height: 400px;
  border-radius: 10px;
}

.dropdowns.drop-capital {
  margin-block: 75px;
}
.dropdowns.drop-capital .dropdown__title {
  flex-direction: row;
  align-items: center;
}
.dropdowns.drop-capital .dropdown__title > .letter {
  font-size: 70px;
  color: var(--primary);
  font-weight: 900;
  line-height: 0;
  display: block;
  min-width: 50px;
  height: 100%;
  display: flex;
  justify-content: center;
}
.dropdowns.drop-capital .dropdown__title h3 {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  color: var(--font);
  letter-spacing: -1px;
  font-weight: 400;
  font-size: clamp(16px, 5vw, 20px);
}
.dropdowns.drop-capital .dropdown__title h3 strong {
  font-weight: 900;
  font-size: clamp(20px, 5vw, 30px);
  line-height: 1;
  display: block;
  margin-bottom: 0;
}
.dropdowns.drop-capital .dropdown__content > div {
  margin-left: 70px;
}
.dropdowns.drop-capital .dropdown.is-active .dropdown__content {
  margin-bottom: 10px;
  margin-top: -20px;
}

.text-media {
  margin-block: 100px;
}
@media screen and (min-width: lg) {
  .text-media {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .text-media {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .text-media {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .text-media {
    margin-block: 150px;
  }
}
@media screen and (min-width: 992px) {
  .text-media {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .text-media {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .text-media {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .text-media {
    margin-block: 150px;
  }
}
.text-media h2 {
  word-wrap: break-word;
  hyphens: auto;
  color: var(--primary);
}
@media screen and (min-width: lg) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: lg) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: lg) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: lg) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: 992px) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: lg) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: lg) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: lg) {
  .text-media h2 {
    letter-spacing: -2px;
  }
}
.text-media h2.title-simple {
  color: var(--font);
}
.text-media .text-media__wrapper {
  row-gap: 50px;
}
@media screen and (min-width: lg) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: lg) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: lg) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: lg) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: 992px) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: lg) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: lg) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: lg) {
  .text-media .text-media__wrapper {
    align-items: flex-start;
  }
  .text-media .text-media__wrapper .text-media__img {
    flex-basis: 50%;
  }
  .text-media .text-media__wrapper .text-media__content {
    flex-basis: 50%;
    padding-right: 70px;
  }
}
@media screen and (min-width: lg) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}
@media screen and (min-width: lg) {
  .text-media.text-media--img-left .text-media__img {
    order: -1;
  }
  .text-media.text-media--img-left .text-media__img .text-media__legend {
    margin-right: 40px;
  }
  .text-media.text-media--img-left .text-media__content {
    padding-right: 0;
  }
}

.text-media__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text-media__content .cta, .text-media__content form input[type=submit], form .text-media__content input[type=submit], .text-media__content .search input[type=submit], .search .text-media__content input[type=submit] {
  margin-top: 30px;
}
.text-media__content h2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0px;
  line-height: 1;
}
.text-media__content h2 span {
  line-height: 0.1;
}
@media screen and (min-width: md) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: md) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: md) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: md) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: md) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: md) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: md) {
  .text-media__content h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: md) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .text-media__content .text-media__text {
    font-size: 18px;
  }
}

.text-media__img img {
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  display: block;
  width: 100%;
}
@media screen and (min-width: md) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}
@media screen and (min-width: md) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}
@media screen and (min-width: md) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}
@media screen and (min-width: 768px) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}
@media screen and (min-width: md) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}
@media screen and (min-width: md) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}
@media screen and (min-width: md) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}
@media screen and (min-width: md) {
  .text-media__img {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .text-media__img .text-media__legend {
    border-radius: 10px !important;
    position: relative;
    top: -80px;
    align-self: flex-end;
    width: 420px;
    margin-bottom: -80px;
  }
  .text-media__img img {
    border-radius: 10px !important;
    max-width: 83.333333%;
  }
}

.text-media__legend {
  padding: 30px;
  background: var(--primary);
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 30px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.text-media__legend > img {
  max-height: 80px;
  max-width: 100px;
  width: max-content;
}
@media screen and (min-width: xs) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
@media screen and (min-width: 420px) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend > img {
    max-height: 100px;
  }
}
.text-media__legend > div {
  font-size: 18px;
  color: var(--bg);
  font-weight: 300;
}
.text-media__legend > div strong {
  display: block;
  font-size: 22px;
  margin-bottom: 5px;
  font-weight: 900;
  letter-spacing: -1px;
}
.text-media__legend > div p {
  margin: 0;
}
.text-media__legend > div p strong {
  font-weight: 700;
  font-size: 18px;
  display: inline;
  letter-spacing: 0;
  margin: 0;
}
@media screen and (min-width: xs) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 420px) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: xs) {
  .text-media__legend {
    flex-direction: row;
    align-items: center;
  }
}
.text-media__legend.primary {
  background: #009FE3;
}
.text-media__legend.primary-light {
  background: #009FE3;
}
.text-media__legend.primary-dark {
  background: #0978C9;
}
.text-media__legend.secondary {
  background: #75903B;
}
.text-media__legend.quaternary {
  background: #D04326;
}

.section-bg .text-media {
  margin-block: 50px;
}

.text-media + .dropdowns {
  margin-top: 75px;
}

.text-media--img-left + .dropdowns {
  margin-top: 100px;
}

.slider-box__content,
.slider-box__img {
  transition: opacity 0.35s ease;
  opacity: 1;
  will-change: opacity;
}

.slider-box.is-fading .slider-box__content,
.slider-box.is-fading .slider-box__img {
  opacity: 0;
}

.slider-box__img {
  background-size: cover;
  background-position: center;
  width: 100%;
  margin-top: 20px;
  aspect-ratio: 16/13;
}

.slider-box__wrapper {
  background: var(--gradient);
  border-radius: 10px;
  padding: 30px;
  color: var(--bg);
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: lg) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: lg) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: lg) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: lg) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 992px) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: lg) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: lg) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: lg) {
  .slider-box__wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    padding: 50px;
    align-items: center;
  }
  .slider-box__wrapper .slider-box__img {
    margin: 0;
  }
  .slider-box__wrapper .slider-box__content {
    margin-bottom: 50px;
  }
}

.swiper-nav {
  position: absolute;
  left: 50px;
  bottom: 50px;
  z-index: 10;
  transition: opacity 0.35s ease, transform 0.35s ease;
  opacity: 1;
  will-change: opacity, transform;
}
@media screen and (min-width: lg) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}
@media screen and (min-width: lg) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}
@media screen and (min-width: lg) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}
@media screen and (min-width: lg) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}
@media screen and (min-width: 992px) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}
@media screen and (min-width: lg) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}
@media screen and (min-width: lg) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}
@media screen and (min-width: lg) {
  .swiper-nav {
    bottom: 50px;
    left: 50px;
  }
}

.slider-box.is-fading .swiper-nav,
.swiper-nav.is-fading {
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
}

.swiper-button-prev,
.swiper-button-next {
  pointer-events: auto;
}

.slider-box__content h3 {
  font-weight: 900;
  letter-spacing: -1px;
  display: flex;
  flex-direction: column;
  font-size: clamp(20px, 5vw, 30px);
  margin-top: 0;
}
.slider-box__content h3 span {
  font-weight: 300;
  font-size: clamp(18px, 5vw, 22px);
}
.slider-box__content .slider-box__text {
  font-size: 16px;
}
@media screen and (min-width: md) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content .slider-box__text {
    font-size: 18px;
  }
}
.slider-box__content .slider-box__text ul li::before {
  display: none;
}
.slider-box__content > p {
  font-style: italic;
  font-size: 16px;
}
@media screen and (min-width: md) {
  .slider-box__content > p {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content > p {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content > p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .slider-box__content > p {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content > p {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content > p {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content > p {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .slider-box__content > p {
    font-size: 18px;
  }
}

.slider-box__img {
  width: 100%;
  border-radius: 5px;
  display: block;
}

@media screen and (min-width: lg) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}
@media screen and (min-width: lg) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}
@media screen and (min-width: lg) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}
@media screen and (min-width: lg) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}
@media screen and (min-width: 992px) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}
@media screen and (min-width: lg) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}
@media screen and (min-width: lg) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}
@media screen and (min-width: lg) {
  .slider-box--img-left .slider-box__img {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-box--img-left .slider-box__content {
    grid-column: 2;
  }
  .slider-box--img-left .swiper-nav {
    left: calc(50% + 32px);
  }
}

.slider-box {
  margin-block: 50px;
  position: relative;
  z-index: 0;
}

.slider-box.primary .slider-box__wrapper {
  background: linear-gradient(45deg, #1851B3 0%, #0091D7 100%);
}

.slider-box.primary-dark .slider-box__wrapper {
  background: linear-gradient(45deg, #1851B3 0%, #0091D7 100%);
}

.slider-box.primary-light .slider-box__wrapper {
  background: linear-gradient(45deg, #168AB8 0%, #8CC9E6 100%);
}

.slider-box.secondary .slider-box__wrapper {
  background: linear-gradient(45deg, #7F9A3B 0%, #D2D979 100%);
}

.slider-box.tertiary .slider-box__wrapper {
  background: linear-gradient(45deg, #DFA600 0%, #FFCF03 100%);
}

.slider-box.quaternary .slider-box__wrapper {
  background: linear-gradient(45deg, #C93422 0%, #E87534 100%);
}

.product {
  margin-block: 100px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: md) {
  .product {
    margin-block: 150px;
  }
}
@media screen and (min-width: md) {
  .product {
    margin-block: 150px;
  }
}
@media screen and (min-width: md) {
  .product {
    margin-block: 150px;
  }
}
@media screen and (min-width: 768px) {
  .product {
    margin-block: 150px;
  }
}
@media screen and (min-width: md) {
  .product {
    margin-block: 150px;
  }
}
@media screen and (min-width: md) {
  .product {
    margin-block: 150px;
  }
}
@media screen and (min-width: md) {
  .product {
    margin-block: 150px;
  }
}
@media screen and (min-width: md) {
  .product {
    margin-block: 150px;
  }
}
.product .product__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
@media screen and (min-width: md) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}
@media screen and (min-width: md) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}
@media screen and (min-width: md) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}
@media screen and (min-width: 768px) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}
@media screen and (min-width: md) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}
@media screen and (min-width: md) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}
@media screen and (min-width: md) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}
@media screen and (min-width: md) {
  .product .product__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }
  .product .product__wrapper .product__img {
    grid-row: 1;
    grid-column: 2;
  }
  .product .product__wrapper .product__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1;
    grid-column: 1;
  }
  .product .product__wrapper .product__content > * {
    text-align: right;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
  }
  .product .product__wrapper .product__networks .network:hover {
    filter: none;
  }
}

@media screen and (min-width: md) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: md) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: md) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: md) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: md) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: md) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}
@media screen and (min-width: md) {
  .product.product--img-left .product__wrapper .product__img {
    grid-column: 1;
  }
  .product.product--img-left .product__wrapper .product__content {
    grid-column: 2;
  }
  .product.product--img-left .product__wrapper .product__content > * {
    text-align: left;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0;
  }
}

.product__content .cta, .product__content form input[type=submit], form .product__content input[type=submit], .product__content .search input[type=submit], .search .product__content input[type=submit] {
  margin-top: 30px;
}
.product__content h2 {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1.25;
}

.product__img figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  margin-inline: auto;
  max-width: 480px;
}
@media screen and (min-width: sm) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
@media screen and (min-width: sm) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
@media screen and (min-width: 576px) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
@media screen and (min-width: sm) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
@media screen and (min-width: sm) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
@media screen and (min-width: sm) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
@media screen and (min-width: sm) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
@media screen and (min-width: sm) {
  .product__img figure {
    aspect-ratio: 480/580;
  }
}
.product__img figure::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
}
.product__img figure > img {
  display: block;
  height: 100%;
}
.product__img figure .product__bg {
  margin-inline: auto;
}
.product__img figure .product__logo {
  position: absolute;
  max-width: 100%;
  z-index: 2;
  left: 0;
  right: 0;
  padding: 50px;
  margin: auto;
}
.product__img .product__legend {
  min-height: 90px;
  width: 100%;
  background: var(--primary);
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: var(--bg);
  font-weight: 500;
  display: flex;
  padding: 25px;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 10px;
  max-width: 480px;
  margin-inline: auto;
}
@media screen and (min-width: md) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}
@media screen and (min-width: md) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}
@media screen and (min-width: md) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}
@media screen and (min-width: 768px) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}
@media screen and (min-width: md) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}
@media screen and (min-width: md) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}
@media screen and (min-width: md) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}
@media screen and (min-width: md) {
  .product__img figure {
    border-radius: 10px !important;
    overflow: hidden;
  }
  .product__img .product__legend {
    transform: translateY(-90px);
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    /* border-radius: 0; */
  }
}

.network--fb {
  background-image: url("../media/icons/icon-fb.svg");
}

.network--ig {
  background-image: url("../media/icons/icon-ig.svg");
}

.network--yt {
  background-image: url("../media/icons/icon-yt.svg");
}

.product__networks {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}
.product__networks .network {
  height: 35px;
  width: 35px;
  /* padding: 10px; */
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.product__networks .network:hover {
  filter: invert(1);
}

.product + .slider-box {
  margin-top: -50px;
}
.product + .slider-box h3 span {
  font-weight: 900;
  color: var(--font);
}
@media screen and (min-width: md) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: md) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: md) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: 768px) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: md) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: md) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: md) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: md) {
  .product + .slider-box {
    margin-top: -100px;
  }
}
@media screen and (min-width: xl) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}
@media screen and (min-width: xl) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}
@media screen and (min-width: xl) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}
@media screen and (min-width: xl) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}
@media screen and (min-width: xl) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1086px) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}
@media screen and (min-width: xl) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}
@media screen and (min-width: xl) {
  .product + .slider-box {
    margin-top: -150px;
  }
  .product + .slider-box .slider-box__wrapper {
    padding-top: 90px;
  }
  .product + .slider-box .slider-box__wrapper .slider-box__content {
    margin-top: 50px;
  }
}

@media screen and (min-width: xl) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: xl) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: xl) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: xl) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: xl) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1086px) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: xl) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: xl) {
  .product--top .product__img {
    margin-bottom: -90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product--top .product__content {
    margin-bottom: 60px;
    justify-content: flex-end !important;
  }
}

@media screen and (min-width: xl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: xl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: xl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: xl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: xl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: 1086px) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: xl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: xl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 35px;
  }
}
@media screen and (min-width: xxl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}
@media screen and (min-width: xxl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}
@media screen and (min-width: xxl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}
@media screen and (min-width: xxl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}
@media screen and (min-width: xxl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}
@media screen and (min-width: xxl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}
@media screen and (min-width: 1296px) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}
@media screen and (min-width: xxl) {
  .product--img-left + .slider-box .slider-box__wrapper {
    padding-left: 50px;
  }
  .product--img-left + .slider-box .slider-box__content {
    margin-left: 16.6667%;
  }
  .product--img-left + .slider-box .swiper-nav {
    left: 140px;
  }
}

.product-list__item {
  border-top: 1px solid #707070;
  cursor: pointer;
  position: relative;
}
.product-list__item:last-child {
  border-bottom: 1px solid #707070;
}
.product-list__item .product-list__header {
  padding-block: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20px;
  align-items: center;
  row-gap: 20px;
  padding-right: 70px;
}
.product-list__item .product-list__header h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  line-height: 1.1;
}
.product-list__item .product-list__header > img {
  max-width: 150px;
  height: 70px;
  object-fit: contain;
}
@media screen and (min-width: md) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
@media screen and (min-width: md) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
@media screen and (min-width: md) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
@media screen and (min-width: md) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
@media screen and (min-width: md) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
@media screen and (min-width: md) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
@media screen and (min-width: md) {
  .product-list__item .product-list__header > img {
    max-width: 300px;
    max-height: 120px;
    height: auto;
  }
}
.product-list__item .product-list__header button {
  background: none;
  padding: 0;
  width: 25px;
  height: 12.5px;
  position: absolute;
  right: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.product-list__item .product-list__header button::after, .product-list__item .product-list__header button::before {
  content: "";
  display: block;
  height: 2px;
  width: 15px;
  border-radius: 5px;
  background: var(--font);
}
.product-list__item .product-list__header button::after {
  transform: rotate(45deg);
}
.product-list__item .product-list__header button::before {
  transform: rotate(-45deg) translate(6px, 8px);
}
@media screen and (min-width: lg) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
@media screen and (min-width: 992px) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item .product-list__header {
    padding-block: 60px;
  }
}
.product-list__item .product-list__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.3s ease-in-out;
}
.product-list__item .product-list__content > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  column-gap: 20px;
  row-gap: 20px;
  overflow-x: auto;
}
.product-list__item .product-list__content > div > .cta, .product-list__item form .product-list__content > div > input[type=submit], form .product-list__item .product-list__content > div > input[type=submit], .product-list__item .search .product-list__content > div > input[type=submit], .search .product-list__item .product-list__content > div > input[type=submit] {
  margin-inline: auto;
}
.product-list__item.is-active .product-list__header button {
  transform: scale(-1);
}
.product-list__item.is-active .product-list__content {
  grid-template-rows: 1fr;
  margin-bottom: 40px;
  margin-top: 10px;
}
@media screen and (min-width: lg) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 992px) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: lg) {
  .product-list__item.is-active .product-list__content {
    margin-bottom: 60px;
  }
}

.product-list {
  margin-block: 50px;
}

.table {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 20px;
  position: relative;
}
.table table {
  width: max-content;
  min-width: 100%;
}
.table table tbody tr:nth-child(odd) {
  background: var(--secondary);
}
.table table tbody tr {
  cursor: auto;
}
.table table tbody td, .table table tbody th {
  padding-block: 15px;
  text-align: left;
}
.table table tbody th {
  padding-inline: 30px;
  font-weight: 700;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media screen and (min-width: lg) {
  .table table tbody th {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody th {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody th {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody th {
    padding-left: 50px;
  }
}
@media screen and (min-width: 992px) {
  .table table tbody th {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody th {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody th {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody th {
    padding-left: 50px;
  }
}
.table table tbody td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media screen and (min-width: lg) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
@media screen and (min-width: 992px) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
@media screen and (min-width: lg) {
  .table table tbody td:last-child {
    padding-right: 50px;
  }
}
.table table tbody td {
  padding-inline: 30px;
}
.table table tbody a {
  font-weight: 700;
  color: var(--primary);
}
.table table tbody a:hover {
  text-decoration: underline;
}
.table::-webkit-scrollbar {
  height: 10px;
}
.table::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--secondary);
}
.table::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 10px;
  border: 1px solid var(--secondary);
  position: relative;
  z-index: 1;
}
.table::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary) 80%, black);
}

.insert__wrapper {
  padding-top: 70px;
  background: var(--bg);
  position: relative;
}
@media screen and (min-width: lg) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper {
    padding: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 350px;
  }
  .insert__wrapper .search {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: 1086px) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper {
    min-height: 450px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: 992px) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__content {
    max-width: 600px;
  }
}
@media screen and (min-width: xxl) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: xxl) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: xxl) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: xxl) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: xxl) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: xxl) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: 1296px) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: xxl) {
  .insert__wrapper .insert__content {
    max-width: 750px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper .insert__text {
    font-size: 18px;
  }
}
.insert__wrapper img {
  width: 300px;
  height: 300px;
  display: none;
  position: absolute;
  bottom: 0px;
  right: -20px;
}
@media screen and (min-width: lg) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: lg) {
  .insert__wrapper img {
    display: block;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}
@media screen and (min-width: 1086px) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}
@media screen and (min-width: xl) {
  .insert__wrapper img {
    width: 400px;
    height: 400px;
  }
}

@media screen and (min-width: lg) {
  .insert {
    margin-top: 20px;
  }
}
@media screen and (min-width: lg) {
  .insert {
    margin-top: 20px;
  }
}
@media screen and (min-width: lg) {
  .insert {
    margin-top: 20px;
  }
}
@media screen and (min-width: lg) {
  .insert {
    margin-top: 20px;
  }
}
@media screen and (min-width: 992px) {
  .insert {
    margin-top: 20px;
  }
}
@media screen and (min-width: lg) {
  .insert {
    margin-top: 20px;
  }
}
@media screen and (min-width: lg) {
  .insert {
    margin-top: 20px;
  }
}
@media screen and (min-width: lg) {
  .insert {
    margin-top: 20px;
  }
}

.insert__content h2 {
  font-size: clamp(20px, 5vw, 30px);
  line-height: 1.1;
  margin-bottom: 20px;
}
.insert__content h2 span {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: -15px;
  display: block;
}
@media screen and (min-width: md) {
  .insert__content h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: md) {
  .insert__content h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: md) {
  .insert__content h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  .insert__content h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: md) {
  .insert__content h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: md) {
  .insert__content h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: md) {
  .insert__content h2 span {
    font-size: 22px;
  }
}
@media screen and (min-width: md) {
  .insert__content h2 span {
    font-size: 22px;
  }
}

.squares {
  margin-block: 100px;
}
@media screen and (min-width: xxl) {
  .squares {
    margin-block: 150px;
  }
}
@media screen and (min-width: xxl) {
  .squares {
    margin-block: 150px;
  }
}
@media screen and (min-width: xxl) {
  .squares {
    margin-block: 150px;
  }
}
@media screen and (min-width: xxl) {
  .squares {
    margin-block: 150px;
  }
}
@media screen and (min-width: xxl) {
  .squares {
    margin-block: 150px;
  }
}
@media screen and (min-width: xxl) {
  .squares {
    margin-block: 150px;
  }
}
@media screen and (min-width: 1296px) {
  .squares {
    margin-block: 150px;
  }
}
@media screen and (min-width: xxl) {
  .squares {
    margin-block: 150px;
  }
}
.squares h2 {
  color: var(--primary);
}
@media screen and (min-width: lg) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .squares .content__top, .squares .content__bottom {
    font-size: 18px;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1296px) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__top > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1296px) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: xxl) {
  .squares .content__bottom > *:first-child {
    margin-top: 0;
  }
  .squares .content__bottom > *:last-child {
    margin-bottom: 0;
  }
}
.squares .squares__wrapper {
  row-gap: 50px;
}
@media screen and (min-width: xxl) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}
@media screen and (min-width: xxl) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}
@media screen and (min-width: xxl) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}
@media screen and (min-width: xxl) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}
@media screen and (min-width: xxl) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}
@media screen and (min-width: xxl) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}
@media screen and (min-width: 1296px) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}
@media screen and (min-width: xxl) {
  .squares .squares__wrapper {
    column-gap: 0;
    flex-direction: row;
    align-items: flex-end;
  }
  .squares .squares__wrapper .squares__img {
    display: block;
    height: max-content;
    flex-basis: 41.6666666667%;
  }
  .squares .squares__wrapper .squares__img img {
    max-width: 100%;
  }
  .squares .squares__wrapper .squares__content {
    flex-basis: 58.3333333333%;
    position: relative;
    padding-left: 50px;
  }
  .squares .squares__wrapper .squares__content .squares__list {
    width: max-content;
    position: absolute;
    flex-wrap: nowrap;
    right: 12px;
  }
}

.squares__img {
  display: flex;
  justify-content: center;
}
.squares__img img {
  border-radius: 10px;
  display: block;
}
@media screen and (min-width: md) {
  .squares__img img {
    max-width: 644px;
  }
}
@media screen and (min-width: md) {
  .squares__img img {
    max-width: 644px;
  }
}
@media screen and (min-width: md) {
  .squares__img img {
    max-width: 644px;
  }
}
@media screen and (min-width: 768px) {
  .squares__img img {
    max-width: 644px;
  }
}
@media screen and (min-width: md) {
  .squares__img img {
    max-width: 644px;
  }
}
@media screen and (min-width: md) {
  .squares__img img {
    max-width: 644px;
  }
}
@media screen and (min-width: md) {
  .squares__img img {
    max-width: 644px;
  }
}
@media screen and (min-width: md) {
  .squares__img img {
    max-width: 644px;
  }
}

.squares__list {
  margin-block: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 24px;
  column-gap: 24px;
}
.squares__list article {
  background: var(--primary);
  color: var(--bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  border-radius: 10px;
  row-gap: 10px;
  aspect-ratio: 1/1;
  max-width: 310px;
  margin-inline: auto;
}
.squares__list article img {
  height: 75px;
  width: 75px;
  object-fit: contain;
  margin-bottom: 5px;
}
.squares__list article h3, .squares__list article p {
  margin: 0;
  text-align: center;
}
.squares__list article h3 {
  font-weight: 700;
}
.squares__list article p {
  font-weight: 400;
  font-size: 18px;
}
@media screen and (min-width: md) {
  .squares__list article {
    margin: 0;
  }
}
@media screen and (min-width: md) {
  .squares__list article {
    margin: 0;
  }
}
@media screen and (min-width: md) {
  .squares__list article {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .squares__list article {
    margin: 0;
  }
}
@media screen and (min-width: md) {
  .squares__list article {
    margin: 0;
  }
}
@media screen and (min-width: md) {
  .squares__list article {
    margin: 0;
  }
}
@media screen and (min-width: md) {
  .squares__list article {
    margin: 0;
  }
}
@media screen and (min-width: md) {
  .squares__list article {
    margin: 0;
  }
}

.section-bg .squares {
  margin-block: 50px;
}
@media screen and (min-width: xxl) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: xxl) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: xxl) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: xxl) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: xxl) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: xxl) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1296px) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: xxl) {
  .section-bg .squares {
    margin-bottom: 100px;
  }
}
.section-bg .text-media + .squares {
  margin-top: 100px;
}

.timeline {
  margin-block: 100px;
}
@media screen and (min-width: lg) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: 992px) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: lg) {
  .timeline {
    margin-block: 150px;
  }
}
@media screen and (min-width: xxl) {
  .timeline {
    margin-block: 200px;
  }
}
@media screen and (min-width: xxl) {
  .timeline {
    margin-block: 200px;
  }
}
@media screen and (min-width: xxl) {
  .timeline {
    margin-block: 200px;
  }
}
@media screen and (min-width: xxl) {
  .timeline {
    margin-block: 200px;
  }
}
@media screen and (min-width: xxl) {
  .timeline {
    margin-block: 200px;
  }
}
@media screen and (min-width: xxl) {
  .timeline {
    margin-block: 200px;
  }
}
@media screen and (min-width: 1296px) {
  .timeline {
    margin-block: 200px;
  }
}
@media screen and (min-width: xxl) {
  .timeline {
    margin-block: 200px;
  }
}
.timeline .timeline__title h2 {
  row-gap: 5px;
  align-items: flex-end;
  line-height: 1;
  font-size: 20px;
  word-break: normal;
  max-width: 800px;
  margin-bottom: 20px;
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 {
    font-size: 30px;
  }
}
.timeline .timeline__title h2 strong {
  font-weight: 900;
  font-size: 30px;
  line-height: 1;
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
@media screen and (min-width: 768px) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__title h2 strong {
    font-size: 75px;
    line-height: 0.8;
  }
}
.timeline .timeline__date {
  font-weight: 900;
  font-size: 50px;
}
@media screen and (min-width: lg) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media screen and (min-width: 992px) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__date {
    position: absolute;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    transform: translateY(-50%);
    bottom: 30px;
    font-size: 110px;
    letter-spacing: -3px;
  }
}
.timeline .timeline__box {
  background: var(--primary);
  border-radius: 10px;
  color: var(--bg);
  padding: 20px;
}
.timeline .timeline__box h3 {
  font-weight: 900;
  letter-spacing: -1px;
  font-size: clamp(20px, 5vw, 30px);
  margin-top: 0;
}
@media screen and (min-width: md) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__box .timeline__text {
    font-size: 18px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 992px) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__box {
    padding: 40px 50px;
  }
  .timeline .timeline__box .timeline__slide-card {
    display: flex;
    justify-content: space-between;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__content {
    flex-basis: 41.6666666667%;
    margin-bottom: 40px;
  }
  .timeline .timeline__box .timeline__slide-card .timeline__img {
    flex-basis: 50%;
  }
}
.timeline .timeline__img {
  border-radius: 5px;
  overflow: hidden;
  height: 330px;
  max-width: 100%;
}
.timeline .timeline__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.timeline .timeline__dates {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 7.5px;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 40px;
  scroll-behavior: smooth;
}
.timeline .timeline__dates button {
  background: transparent;
  width: max-content;
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -1px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  transition: all 0.3s ease-in-out;
  opacity: 0.25;
  color: var(--primary);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.timeline .timeline__dates button.swiper-pagination-bullet-active {
  opacity: 1;
}
.timeline .timeline__dates button.swiper-pagination-bullet-active::before {
  content: "";
  width: 1px;
  height: 30px;
  background: var(--primary);
  display: block;
  position: absolute;
  top: -30px;
}
@media screen and (min-width: md) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: 768px) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: md) {
  .timeline .timeline__dates {
    justify-content: center;
    column-gap: 11px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: 992px) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: lg) {
  .timeline .timeline__dates {
    min-height: 50px;
    column-gap: 15px;
  }
  .timeline .timeline__dates button {
    font-size: 25px;
  }
}
@media screen and (min-width: xxl) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
@media screen and (min-width: 1296px) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
@media screen and (min-width: xxl) {
  .timeline .timeline__dates {
    min-height: 70px;
    column-gap: 20px;
  }
  .timeline .timeline__dates button {
    font-size: 35px;
  }
}
.timeline .swiper-nav {
  left: 30px;
  bottom: 35px;
}
@media screen and (min-width: lg) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .timeline .swiper-nav {
    left: 350px;
    bottom: 20px;
  }
}

.hero {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  position: relative;
  overflow: hidden;
  height: 100svh;
}
.hero::before {
  content: "";
  display: block;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 1;
}
.hero .hero__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.hero iframe, .hero video {
  z-index: 1;
}
.hero iframe, .hero video, .hero .hero__preview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
}
.hero iframe, .hero video, .hero .hero__preview {
  width: 100vw;
  height: 177.78vw;
  min-width: 56.25vh;
  min-height: 100vh;
}
@media screen and (min-width: lg) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
@media screen and (min-width: lg) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
@media screen and (min-width: lg) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
@media screen and (min-width: lg) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
@media screen and (min-width: 992px) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
@media screen and (min-width: lg) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
@media screen and (min-width: lg) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
@media screen and (min-width: lg) {
  .hero iframe, .hero video, .hero .hero__preview {
    height: 56.25vw;
    min-width: 177.77vh;
    transform: none;
    top: auto;
    left: auto;
  }
}
.hero .hero__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
@media screen and (min-width: lg) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
@media screen and (min-width: lg) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
@media screen and (min-width: lg) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
@media screen and (min-width: lg) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
@media screen and (min-width: 992px) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
@media screen and (min-width: lg) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
@media screen and (min-width: lg) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
@media screen and (min-width: lg) {
  .hero .hero__container {
    align-items: flex-start;
  }
  .hero .hero__container > img {
    height: 50vh;
    max-height: 700px;
  }
}
.hero .hero__container > img {
  max-height: 50vh;
}

.slider-team {
  margin-block: 50px;
}
@media screen and (min-width: md) {
  .slider-team {
    margin-block: 200px;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    margin-block: 200px;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    margin-block: 200px;
  }
}
@media screen and (min-width: 768px) {
  .slider-team {
    margin-block: 200px;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    margin-block: 200px;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    margin-block: 200px;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    margin-block: 200px;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    margin-block: 200px;
  }
}
.slider-team .slider-team__wrapper h2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
}
.slider-team .slider-team__wrapper .cta, .slider-team .slider-team__wrapper form input[type=submit], form .slider-team .slider-team__wrapper input[type=submit], .slider-team .slider-team__wrapper .search input[type=submit], .search .slider-team .slider-team__wrapper input[type=submit] {
  margin-top: 30px;
}
.slider-team .slider-team__inner {
  margin-block: 75px;
  max-width: 500px;
}
.slider-team .slider-team__inner .swiper-arrow {
  background-image: url("../media/elements/arrow-slider--primary.svg");
}
.slider-team .slider-team__inner .swiper-nav {
  bottom: auto;
  left: 12px;
  top: 30px;
}
.slider-team .slider-team__inner .swiper-wrapper {
  padding-top: 50px;
}
@media screen and (min-width: md) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: md) {
  .slider-team {
    align-items: center;
  }
  .slider-team .slider-team__content {
    margin-left: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
  .slider-team .slider-team__inner {
    flex-basis: 50%;
    width: calc(50% - 24px);
    left: 0;
    position: absolute;
    margin-top: -50px;
    direction: rtl;
  }
  .slider-team .slider-team__inner .member {
    direction: ltr;
  }
  .slider-team .swiper-nav {
    direction: ltr;
    left: 24px !important;
  }
}
@media screen and (min-width: lg) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}
@media screen and (min-width: lg) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}
@media screen and (min-width: lg) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}
@media screen and (min-width: lg) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}
@media screen and (min-width: 992px) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}
@media screen and (min-width: lg) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}
@media screen and (min-width: lg) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}
@media screen and (min-width: lg) {
  .slider-team .swiper-slide {
    width: 330px;
  }
  .slider-team .slider-team__inner {
    left: auto;
    right: calc(50% + 24px);
    overflow: visible;
  }
  .slider-team .slider-team__inner::after {
    content: "";
    display: block;
    background: var(--secondary);
    left: 100%;
    right: -100vw;
    top: 0;
    bottom: 0;
    z-index: 20;
    position: absolute;
  }
  .slider-team .swiper-nav {
    right: 24px;
    top: 20px !important;
  }
}

.section-bg .slider-team {
  margin-top: 0px;
  margin-bottom: 50px;
}
@media screen and (min-width: md) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}
@media screen and (min-width: md) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}
@media screen and (min-width: md) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}
@media screen and (min-width: md) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}
@media screen and (min-width: md) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}
@media screen and (min-width: md) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}
@media screen and (min-width: md) {
  .section-bg .slider-team {
    margin-top: 100px;
  }
}

.section-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: calc(100vh - 325px);
  padding-top: 100px;
  justify-content: center;
  gap: 20px;
}
.section-404 h1, .section-404 .keys .keys__title h2, .keys .keys__title .section-404 h2 {
  font-size: 30px;
}
.section-404 p {
  font-size: 22px;
}

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