@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
.wrapper {
  position: relative;
  width: 100%;
  padding: 0 4vw;
}
@media screen and (max-width: 980px) {
  .wrapper {
    padding: 0 3vw;
  }
}
@media screen and (max-width: 580px) {
  .wrapper {
    padding: 0 4vw;
  }
}
.wrapper--big {
  padding: 0 2vw;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

html {
  position: relative;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
html *,
html *:before,
html *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  font-size: 1rem;
  font-family: "Figtree";
  font-weight: 400;
  line-height: 180%;
  color: #1F1F1F;
}

input, select, label {
  font-size: 1rem;
  font-family: "Figtree";
  font-weight: 400;
  line-height: 180%;
}

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

b,
strong {
  font-weight: bold;
}

sub,
sup {
  font-size: 75%;
  vertical-align: baseline;
}

sup {
  top: -0.3em;
  position: relative;
}

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

figure {
  margin: 0;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#smooth-content {
  will-change: transform;
}

@media screen and (min-width: 980px) {
  #image-animation, #image-animation-small {
    width: calc(100% + 2px);
    height: calc(100% + 1px);
    right: -1px;
  }
}
.case-hero__case {
  position: relative;
  margin-bottom: calc(-5rem - 1px);
}
.case-hero__case::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 5rem;
  width: 100%;
  height: 11rem;
  background: linear-gradient(180deg, rgba(24, 73, 69, 0) 0%, rgb(24, 73, 69) 100%);
  z-index: 3;
  pointer-events: none;
}
.case-hero__case .cases__blocks-item-showcase {
  width: 32%;
  bottom: 50%;
  transform: translateY(50%);
  max-height: calc(100vh - 200px);
}
@media screen and (max-width: 980px) {
  .case-hero__case .cases__blocks-item-showcase {
    width: 45% !important;
    bottom: 0;
    transform: none;
    z-index: 1;
    max-height: 90%;
  }
}
@media screen and (max-width: 580px) {
  .case-hero__case .cases__blocks-item-showcase {
    width: 75% !important;
    bottom: 0;
    transform: none;
  }
}
.case-hero__content {
  position: relative;
  padding-top: 5rem !important;
  padding-bottom: 11rem !important;
  z-index: 1;
  background-color: #184945;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .case-hero__content {
    flex-wrap: wrap;
    gap: 3.75rem;
  }
}
@media screen and (max-width: 580px) {
  .case-hero__content {
    padding-bottom: 5.5rem !important;
  }
}
.case-hero__content h4 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .case-hero__content h4 {
    width: 100%;
  }
}
.case-hero__content .case-specs {
  width: calc(33.33% - 0vw);
}
@media screen and (max-width: 768px) {
  .case-hero__content .case-specs {
    width: 100%;
  }
}
.case-hero__content .case-specs .spec {
  display: block;
  margin-bottom: 2rem;
}
.case-hero__content .case-specs .spec:last-child {
  margin-bottom: 0rem;
}
.case-hero__content .case-specs .spec > span {
  display: block;
  line-height: 150%;
}

.kennis-item .hero-kennis {
  background-color: #F4F4F4;
  padding-top: 16rem;
  padding-bottom: 6.25rem;
}
@media screen and (max-width: 580px) {
  .kennis-item .hero-kennis {
    padding-bottom: 5.5rem;
  }
}
.kennis-item .hero-kennis__container {
  display: flex;
  flex-wrap: wrap;
  gap: 7rem;
}
@media screen and (max-width: 768px) {
  .kennis-item .hero-kennis__container {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
}
.kennis-item .hero-kennis__title {
  width: 66.66%;
}
@media screen and (max-width: 768px) {
  .kennis-item .hero-kennis__title {
    width: 100%;
  }
}
.kennis-item .hero-kennis__content-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.kennis-item .hero-kennis__intro {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 580px) {
  .kennis-item .hero-kennis__intro {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.kennis-item .hero-kennis__content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: calc(33.33% - 0vw);
}
@media screen and (max-width: 580px) {
  .kennis-item .hero-kennis__content {
    width: 100%;
  }
}
.kennis-item .hero-kennis__content .meta-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  width: 100%;
}
.kennis-item .hero-kennis__content .meta-container:last-of-type {
  margin-bottom: 0px;
}
.kennis-item .hero-kennis__content .meta-container span {
  display: block;
  width: 100%;
}
.kennis-item .hero-kennis__content .meta-container__title {
  color: #91A1A9;
}
.kennis-item .image-fullwidth__image {
  position: relative;
}
.kennis-item .image-fullwidth__image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(330deg, rgba(24, 73, 69, 0.6) 8.54%, rgba(24, 73, 69, 0) 50.57%);
  will-change: transform;
  pointer-events: none;
}
.kennis-item .image-fullwidth__image img {
  aspect-ratio: 45/16;
  width: 100%;
  object-fit: cover;
  min-height: 320px;
}
.kennis-item .rich-text-content p {
  color: #818F98;
}

.accessories__container {
  padding-top: 6rem;
  padding-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
}
@media screen and (max-width: 980px) {
  .accessories__container {
    padding-top: 5rem;
    padding-bottom: 4rem;
    gap: 4rem;
  }
}
@media screen and (max-width: 580px) {
  .accessories__container {
    padding-top: 2.75rem;
    padding-bottom: 3rem;
    gap: 2rem;
  }
}
.accessories__heading {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.accessories__heading-inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  .accessories__heading-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.accessories__heading-inner > h2 {
  width: 50%;
}
@media screen and (max-width: 980px) {
  .accessories__heading-inner > h2 {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .accessories__heading-inner > h2 {
    width: 100%;
  }
}
.accessories__heading-inner > p {
  width: 30%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 980px) {
  .accessories__heading-inner > p {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 580px) {
  .accessories__heading-inner > p {
    width: 100%;
    margin-bottom: 0;
  }
}
.accessories__blocks {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 980px) {
  .accessories__blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.accessories__blocks-item {
  position: relative;
  aspect-ratio: 1/1.3;
  width: 100%;
  background-color: #F4F4F4;
  overflow: hidden;
}
.accessories__blocks-item:hover img {
  transform: scale(1.05);
}
.accessories__blocks-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
  padding-bottom: 100px;
}
.accessories__blocks-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(339deg, rgba(24, 73, 69, 0.6) 14.74%, rgba(24, 73, 69, 0) 60.11%);
  width: 100%;
  height: 100%;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .accessories__blocks-item-content {
    gap: 0.5rem;
  }
}
.accessories__blocks-item-content > h4 {
  text-align: right;
}
@media screen and (max-width: 580px) {
  .accessories__blocks-item-content > h4 {
    word-break: break-word;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1440px) {
  .accessories__blocks-item-content {
    font-size: clamp(1rem, 0.751vi + 1.324rem, 2rem);
  }
}
@media screen and (max-width: 980px) {
  .accessories__blocks-item-content {
    padding: 1rem 1.5rem;
  }
}

.application__container {
  padding-top: 4rem;
  padding-bottom: 5.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 580px) {
  .application__container {
    padding-top: 3rem;
    padding-bottom: 2.75rem;
  }
}
.application__container > p {
  width: 50%;
}
@media screen and (max-width: 980px) {
  .application__container > p {
    width: 80%;
  }
}
@media screen and (max-width: 580px) {
  .application__container > p {
    width: 100%;
  }
}

.btn {
  position: relative;
  padding: 0.75rem 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 6.25rem;
  height: 2.75rem;
  text-decoration: none;
  transition: all cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
  cursor: pointer;
  flex-shrink: 0;
}
.btn--small {
  padding: 0.5rem 1.25rem;
  height: 2.5rem;
}
.btn--primary {
  color: #fff;
  background-color: #184945;
  border: 1px solid #184945;
}
.btn--primary:not(.btn--icon):hover {
  background-color: transparent;
  color: #184945;
}
.btn--secondary {
  color: #fff;
  background-color: #50AF64;
  border: 1px solid #50AF64;
}
.btn--secondary .btn__icon {
  border: 1px solid #fff;
}
.btn--secondary:not(.btn--icon):hover {
  color: #50AF64;
  background-color: transparent;
  border-color: #50AF64;
}
.btn--ghost {
  color: #818F98;
  background-color: transparent;
  border: 1px solid #818F98;
}
.btn--ghost .btn__icon {
  border: 1px solid #818F98;
}
.btn--ghost:not(.btn--icon):hover {
  color: #184945;
  border-color: #184945;
}
.btn--simple {
  color: #1F1F1F;
  background-color: transparent;
  border: 1px solid transparent;
}
.btn--simple .btn__icon {
  border: 1px solid #818F98;
}
.btn--simple:not(.btn--icon):hover {
  border-color: #1F1F1F;
}
.btn--icon {
  padding: 0.375rem 1.5rem 0.375rem 3.125rem;
  gap: unset;
}
@media screen and (min-width: 980px) {
  .btn--icon:hover {
    padding: 0.375rem 3.125rem 0.375rem 1.5rem;
  }
  .btn--icon:hover .btn__icon--first {
    opacity: 0;
    transform: scale(0);
  }
  .btn--icon:hover .btn__icon--last {
    opacity: 1;
    transform: scale(1);
  }
}
.btn--icon-alt {
  padding: 0.375rem 3.125rem 0.375rem 1.5rem;
}
.btn--icon-alt.btn--simple {
  padding: 0.375rem 2.8rem 0.375rem 0rem;
}
@media screen and (min-width: 980px) {
  .btn--icon-alt.btn--simple:hover {
    padding: 0.375rem 0rem 0.375rem 2.8rem;
  }
}
.btn--icon-alt.btn--simple .btn__icon--first {
  left: 0rem;
}
.btn--icon-alt.btn--simple .btn__icon--last {
  right: 0rem;
}
.btn--icon-alt .btn__icon--first {
  opacity: 0;
  transform: scale(0);
  left: 0.375rem;
}
.btn--icon-alt .btn__icon--last {
  opacity: 1;
  transform: scale(1);
  right: 0.375rem;
}
@media screen and (min-width: 980px) {
  .btn--icon-alt:hover {
    padding: 0.375rem 1.5rem 0.375rem 3.125rem;
  }
  .btn--icon-alt:hover .btn__icon--first {
    opacity: 1;
    transform: scale(1);
  }
  .btn--icon-alt:hover .btn__icon--last {
    opacity: 0;
    transform: scale(0);
  }
}
.btn__icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #818F98;
  border-radius: 100%;
  transition: all cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
  position: absolute;
}
.btn__icon--first {
  opacity: 1;
  transform: scale(1);
  left: 0.375rem;
}
.btn__icon--last {
  opacity: 0;
  transform: scale(0);
  right: 0.375rem;
}

.documentation__container {
  padding-top: 10rem;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 980px) {
  .documentation__container {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 580px) {
  .documentation__container {
    padding-top: 5.5rem;
    padding-bottom: 4rem;
  }
}
.documentation__content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  .documentation__content {
    flex-direction: column;
    gap: 4.5rem;
  }
}
.documentation__list {
  width: 65%;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 980px) {
  .documentation__list {
    width: 55%;
  }
}
@media screen and (max-width: 580px) {
  .documentation__list {
    width: 100%;
  }
}
.documentation__list-item {
  width: 100%;
  height: 100%;
  max-height: var(--mHeight);
  transition: max-height cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
  overflow: hidden;
  cursor: pointer;
}
.documentation__list-item--active {
  max-height: var(--fHeight);
}
.documentation__list-item--active .documentation__list-item-icon-line {
  transform: rotate(-180deg);
}
.documentation__list-item--active .documentation__list-item-icon-line--alt {
  transform: rotate(0deg);
}
.documentation__list-item-heading {
  width: 100%;
  padding: 2.5rem 0;
  border-bottom: 1px solid #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .documentation__list-item-heading {
    padding: 2rem 0;
  }
}
@media screen and (max-width: 580px) {
  .documentation__list-item-heading {
    padding: 1.75rem 0;
  }
}
.documentation__list-item-icon {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  border: 1px solid #818F98;
  display: flex;
  justify-content: center;
  align-items: center;
}
.documentation__list-item-icon-line {
  width: 0.75rem;
  height: 2px;
  background-color: #1F1F1F;
  will-change: transform;
  transition: transform cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.documentation__list-item-icon-line--alt {
  position: absolute;
  transform: rotate(90deg);
}
.documentation__list-item__docs {
  display: none;
}
.documentation__list-item__docs-item {
  padding: 2.5rem 1rem;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #F4F4F4;
}
@media screen and (max-width: 980px) {
  .documentation__list-item__docs-item {
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 580px) {
  .documentation__list-item__docs-item {
    padding: 1.75rem 0.75rem;
  }
}
.documentation__list-item__docs-item-wrap {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  text-decoration: none;
}
.documentation__list-item__docs-item-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.documentation__whitepaper {
  width: 30%;
  background-color: #F4F4F4;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .documentation__whitepaper {
    width: 40%;
  }
}
@media screen and (max-width: 580px) {
  .documentation__whitepaper {
    width: 100%;
  }
}
.documentation__whitepaper-image {
  aspect-ratio: 1/0.55;
  object-fit: cover;
}

.footer {
  background-color: #1F1F1F;
}
.footer--top {
  background: radial-gradient(75.62% 42.36% at 50.49% 90%, #184945 0%, rgba(24, 73, 69, 0) 100%);
}
.footer--top__container {
  padding-top: 10rem;
  padding-bottom: 6rem;
}
.footer--top__container > span {
  display: inline-block;
  margin-bottom: 1rem;
}
@media screen and (max-width: 980px) {
  .footer--top__container {
    padding-top: 7rem;
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 580px) {
  .footer--top__container {
    padding-top: 5.5rem;
    padding-bottom: 6rem;
  }
}
.footer--top__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 580px) {
  .footer--top__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    margin-top: 1rem;
  }
}
.footer--top__content > h2 {
  font-size: clamp(2.5rem, 7.826vi - 2.293rem, 4.75rem);
  max-width: 900px;
}
@media screen and (max-width: 980px) {
  .footer--top__content > h2 {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .footer--top__content > h2 {
    width: 100%;
  }
}
.footer--top__form {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 980px) {
  .footer--top__form {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .footer--top__form {
    width: 100%;
  }
}
.footer--top__form form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media screen and (max-width: 580px) {
  .footer--top__form form {
    width: 100%;
  }
}
.footer--top__form form .fui-page {
  width: 100%;
}
.footer--top__form .fui-checkbox-label {
  color: #fff !important;
}
.footer--top__form .fui-checkbox-label a {
  color: #fff !important;
}
.footer--top__form *:not(input) {
  border: none !important;
}
.footer--top__form input {
  width: 100% !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #818F98 !important;
  padding: 0.5rem 0.5rem 2rem 0.5rem !important;
  color: #fff !important;
}
.footer--top__form input:hover, .footer--top__form input:active, .footer--top__form input:focus {
  border-color: #fff;
}
.footer--top__form input:hover::placeholder {
  color: #fff;
  opacity: 1;
}
.footer--top__form button {
  margin-top: 1.25rem;
  align-self: flex-end;
}
.footer--bottom__container {
  padding-top: 5.5rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7.5rem;
}
@media screen and (max-width: 980px) {
  .footer--bottom__container {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
    gap: 5rem;
  }
}
@media screen and (max-width: 580px) {
  .footer--bottom__container {
    padding-top: 4.25rem;
    padding-bottom: 3rem;
    gap: 2rem;
  }
}
.footer--bottom__menus {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 980px) {
  .footer--bottom__menus {
    gap: 4rem;
    flex-wrap: wrap;
  }
}
.footer--bottom__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .footer--bottom__menu {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 580px) {
  .footer--bottom__menu {
    width: 100%;
  }
}
.footer--bottom__menu--contact {
  width: 30%;
}
@media screen and (max-width: 980px) {
  .footer--bottom__menu--contact {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .footer--bottom__menu--contact {
    width: 100%;
  }
}
.footer--bottom__menu lh {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .footer--bottom__menu lh {
    margin-bottom: 0px;
  }
}
.footer--bottom__menu li a {
  text-decoration: none;
  color: #fff;
  transition: color cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
@media screen and (max-width: 980px) {
  .footer--bottom__menu--alt {
    width: 100%;
  }
}
.footer--bottom__menu--alt li {
  margin-left: 0.75rem;
}
@media screen and (max-width: 980px) {
  .footer--bottom__menu--alt li {
    margin-left: 0;
  }
}
.footer--bottom__menu:hover li a:not(:hover) {
  color: #818F98;
}
@media screen and (max-width: 980px) {
  .footer--bottom__menu:hover li a:not(:hover) {
    color: #fff;
  }
}
.footer--bottom__copyright {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 580px) {
  .footer--bottom__copyright {
    flex-direction: column-reverse;
    gap: 4rem;
    align-items: flex-start;
  }
}
.footer--bottom__copyright-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 980px) {
  .footer--bottom__copyright-menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
@media screen and (max-width: 580px) {
  .footer--bottom__copyright-menu--first {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
    gap: 0.5rem 1rem;
  }
  .footer--bottom__copyright-menu--first li {
    order: 2;
  }
  .footer--bottom__copyright-menu--first li:last-child {
    order: 1;
  }
}
.footer--bottom__copyright-menu--alt {
  width: 30%;
}
@media screen and (max-width: 980px) {
  .footer--bottom__copyright-menu--alt {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .footer--bottom__copyright-menu--alt {
    width: unset;
  }
}
.footer--bottom__copyright-menu li a {
  text-decoration: none;
  color: #fff;
  transition: color cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.footer--bottom__copyright-menu:hover li a:not(:hover) {
  color: #818F98;
}

input, .form__input {
  position: relative;
  padding: 0.75rem;
  background: #fff;
  display: flex;
  align-items: center;
  outline: none;
  border: 1px solid #DFE4E1;
  border-radius: 0;
  color: #1F1F1F;
  transition: border-color cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
}
input::placeholder, .form__input::placeholder {
  flex: 1 0 0;
  color: #818F98;
  transition: all 0.3s ease;
}
input:hover, input:active, input:focus, .form__input:hover, .form__input:active, .form__input:focus {
  border-color: #818F98;
}
input:hover::placeholder, input:active::placeholder, input:focus::placeholder, .form__input:hover::placeholder, .form__input:active::placeholder, .form__input:focus::placeholder {
  opacity: 0.5;
}
input:active::placeholder, input:focus::placeholder, .form__input:active::placeholder, .form__input:focus::placeholder {
  opacity: 0.5;
}

label, .form__label {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  color: #1f1f1f !important;
}
label[for], .form__label[for] {
  cursor: pointer;
}

.fui-alert p {
  margin-bottom: 0px !important;
}

textarea, .form__input--textarea {
  position: relative;
  padding: 0.75rem;
  background: #fff;
  display: flex;
  align-items: flex-start;
  outline: none;
  border: 1px solid #DFE4E1;
  border-radius: 0;
  color: #1F1F1F;
  transition: border-color cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
  cursor: pointer;
}
textarea::placeholder, .form__input--textarea::placeholder {
  flex: 1 0 0;
  color: #818F98;
}
textarea:hover, textarea:active, textarea:focus, .form__input--textarea:hover, .form__input--textarea:active, .form__input--textarea:focus {
  border-color: #818F98;
}

select, .form__input--select {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.75rem;
  background: #fff;
  min-width: 12rem;
  width: auto;
  display: flex;
  align-items: center;
  outline: none;
  border: 1px solid #DFE4E1;
  border-radius: 0;
  color: #1F1F1F;
  transition: border-color cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
  cursor: pointer;
}
select-wrap, .form__input--select-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
select-wrap::before, .form__input--select-wrap::before {
  content: "";
  display: block;
  position: absolute;
  right: 0.75rem;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3977 15.203C12.178 15.4226 11.8219 15.4226 11.6022 15.203L5.86739 9.46808C5.64772 9.24841 5.64772 8.89231 5.86739 8.67263L6.13256 8.40743C6.35222 8.18776 6.70838 8.18776 6.92805 8.40743L12 13.4794L17.0719 8.40743C17.2916 8.18776 17.6477 8.18776 17.8674 8.40743L18.1326 8.67263C18.3522 8.89231 18.3522 9.24841 18.1326 9.46808L12.3977 15.203Z' fill='%231F1F1F'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem;
  height: 1.5rem;
}
select::placeholder, .form__input--select::placeholder {
  flex: 1 0 0;
  color: #818F98;
}
select:hover, select:active, select:focus, .form__input--select:hover, .form__input--select:active, .form__input--select:focus {
  border-color: #818F98;
}

.fui-select:not([multiple]):not([size]) {
  width: 100%;
}

.fui-i .fui-row.fui-row-empty {
  margin-bottom: 0px !important;
}

form input, form .form__input {
  position: relative;
  padding: 0.75rem !important;
  background: #fff;
  display: flex !important;
  align-items: center;
  outline: none;
  border: 1px solid #DFE4E1 !important;
  border-radius: 0 !important;
  color: #1F1F1F;
  transition: border-color cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
  margin-bottom: 0rem;
}
form input::placeholder, form .form__input::placeholder {
  flex: 1 0 0;
  color: #818F98;
  transition: all cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
}
form input:hover, form input:active, form input:focus, form .form__input:hover, form .form__input:active, form .form__input:focus {
  border-color: #818F98 !important;
  box-shadow: none !important;
}
form input:hover::placeholder, form .form__input:hover::placeholder {
  color: #1F1F1F;
  opacity: 1;
}
form .fui-checkbox {
  margin-bottom: 16px !important;
}
form .fui-checkbox-label a {
  color: #1F1F1F;
}
form label, form .form__label {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  color: #818F98;
}
form label[for], form .form__label[for] {
  cursor: pointer;
}
form textarea, form .form__input--textarea {
  position: relative;
  padding: 0.75rem !important;
  background: #fff;
  display: flex !important;
  align-items: flex-start;
  outline: none;
  border: 1px solid #DFE4E1 !important;
  border-radius: 0 !important;
  color: #1F1F1F;
  transition: border-color cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
  cursor: pointer;
  max-width: 100%;
}
form textarea::placeholder, form .form__input--textarea::placeholder {
  flex: 1 0 0;
  color: #818F98;
}
form textarea:hover, form textarea:active, form textarea:focus, form .form__input--textarea:hover, form .form__input--textarea:active, form .form__input--textarea:focus {
  border-color: #818F98 !important;
  box-shadow: none !important;
}
form select, form .form__input--select {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.75rem;
  background: #fff;
  min-width: 12rem;
  width: auto;
  display: flex;
  align-items: center;
  outline: none;
  border: 1px solid #DFE4E1;
  border-radius: 0;
  color: #1F1F1F;
  transition: border-color cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
  cursor: pointer;
}
form select-wrap, form .form__input--select-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
form select-wrap::before, form .form__input--select-wrap::before {
  content: "";
  display: block;
  position: absolute;
  right: 0.75rem;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3977 15.203C12.178 15.4226 11.8219 15.4226 11.6022 15.203L5.86739 9.46808C5.64772 9.24841 5.64772 8.89231 5.86739 8.67263L6.13256 8.40743C6.35222 8.18776 6.70838 8.18776 6.92805 8.40743L12 13.4794L17.0719 8.40743C17.2916 8.18776 17.6477 8.18776 17.8674 8.40743L18.1326 8.67263C18.3522 8.89231 18.3522 9.24841 18.1326 9.46808L12.3977 15.203Z' fill='%231F1F1F'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem;
  height: 1.5rem;
}
form select::placeholder, form .form__input--select::placeholder {
  flex: 1 0 0;
  color: #818F98;
}
form select:hover, form select:active, form select:focus, form .form__input--select:hover, form .form__input--select:active, form .form__input--select:focus {
  border-color: #818F98;
}
form .fui-row {
  margin-bottom: 2rem !important;
}
form .fui-row:has(> .fui-hidden) {
  display: none;
}
form .fui-btn-wrapper {
  display: none !important;
}

.header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 5.5rem;
  opacity: 100%;
  transition: opacity cubic-bezier(0.61, 0, 0.37, 1) 0.5s, background-color 0.25s cubic-bezier(0.61, 0, 0.37, 1) 0.25s;
}
@media screen and (max-width: 580px) {
  .header {
    height: 4.75rem;
  }
}
.header:not(.header--scrolling) .header__ctas .btn--ghost {
  border: 1px solid transparent;
}
.header--scrolling {
  opacity: 0%;
  pointer-events: none;
  background-color: #fff;
}
.header--scrolling-up {
  opacity: 100%;
  pointer-events: auto;
}
.header__container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .header__logo {
    height: 2.125rem;
    width: auto;
  }
}
.header__logo svg {
  height: 100%;
  width: auto;
}
.header__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 1440px) {
  .header__menu {
    display: none;
  }
}
.header__menu-item {
  height: 100%;
  display: flex;
  align-items: center;
}
.header__menu-item.is-dropdown {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.header__menu-item.is-dropdown svg {
  transition: transform cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.header__menu-item.is-dropdown svg path {
  transition: fill cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.header__menu-item.is-dropdown:hover > span, .header__menu-item.is-dropdown.is-opened > span {
  color: #16254F;
}
.header__menu-item.is-dropdown:hover svg path, .header__menu-item.is-dropdown.is-opened svg path {
  fill: #16254F;
}
.header__menu-item.is-dropdown.is-opened svg {
  transform: rotate(180deg);
}
.header__menu-item-link {
  height: 100%;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  color: #818F98;
  text-decoration: none;
  transition: color cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.header__menu-item-link:hover {
  color: #16254F;
}
.header__menu-item-dropdown {
  position: absolute;
  top: 100%;
  left: 4vw;
  width: calc(100% - 8vw);
  padding: 2rem;
  background-color: #fff;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  transition: all cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
  transform: translateY(-1.5rem);
  opacity: 0%;
  pointer-events: none;
  cursor: auto;
}
.header__menu-item-dropdown--active {
  transform: translateY(0rem);
  opacity: 100%;
  pointer-events: auto;
}
.header__menu-item-dropdown__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  white-space: nowrap;
}
.header__menu-item-dropdown__list lh {
  margin-bottom: 0.5rem;
}
.header__menu-item-dropdown__list-item a {
  text-decoration: none;
  transition: color cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.header__menu-item-dropdown__list-item a:hover {
  color: #16254F;
}
.header__menu-item-dropdown__highlights-container {
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(80svh - 4rem);
}
.header__menu-item-dropdown__highlights-container.active {
  display: grid;
}
.header__menu-item-dropdown__highlights {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.75rem;
  width: 100%;
}
.header__menu-item-dropdown__highlights-item {
  aspect-ratio: 1/1.2;
  position: relative;
}
.header__menu-item-dropdown__highlights-item img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.header__menu-item-dropdown__highlights-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(321deg, #184945 10.77%, rgba(24, 73, 69, 0) 45.37%);
  padding: 1.5rem 2rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 980px) {
  .header__menu-item-dropdown__highlights-item-inner {
    background: linear-gradient(321deg, #184945 10.77%, rgba(24, 73, 69, 0) 50%);
  }
}
@media screen and (max-width: 980px) {
  .header__menu-item-dropdown__highlights-item-inner .text-medium, .header__menu-item-dropdown__highlights-item-inner .header--searchbar__input, .header__menu-item-dropdown__highlights-item-inner .footer--bottom__menu--primary li, .footer--bottom__menu--primary .header__menu-item-dropdown__highlights-item-inner li, .header__menu-item-dropdown__highlights-item-inner .footer--bottom__menu--contact li, .footer--bottom__menu--contact .header__menu-item-dropdown__highlights-item-inner li {
    font-size: 1rem;
  }
}
.header__menu-item-dropdown__highlights-item-inner span {
  text-align: right;
}
.header__ctas {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 580px) {
  .header__ctas > .btn {
    display: none;
  }
}
.header__search {
  color: #818F98;
}
@media screen and (max-width: 980px) {
  .header__search {
    display: none;
  }
}
.header__search-icon {
  display: none;
  align-items: center;
}
@media screen and (max-width: 980px) {
  .header__search-icon {
    display: flex;
  }
}
.header__resnav {
  display: none;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .header__resnav {
    display: flex;
  }
}
.header--searchbar {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 4vw;
  width: calc(100% - 8vw);
  opacity: 0%;
  transform: translateY(-1.5rem);
  pointer-events: none;
  transition: all cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.header--searchbar-active {
  opacity: 100%;
  transform: translateY(0rem);
  pointer-events: auto;
}
.header--searchbar__container {
  background-color: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 2rem;
}
.header--searchbar__close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  line-height: 50%;
}
.header--searchbar__input {
  width: 100%;
  padding: 0;
  border: none;
}
.header--searchbar__input::placeholder {
  color: #1F1F1F;
}
.header--searchbar__input-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #818F98;
}
.header--searchbar__input-wrap .btn__icon svg {
  width: 1.25rem;
  height: auto;
}
@media screen and (max-width: 480px) {
  .header--searchbar__link {
    padding: 0;
    width: 2rem;
    height: 2rem;
  }
  .header--searchbar__link span {
    display: none;
  }
  .header--searchbar__link .btn__icon {
    right: 0px;
    border: none;
  }
  .header--searchbar__link .btn__icon--first {
    display: none;
  }
}

.resnav {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  transform: translateX(101%);
}
.resnav--active {
  pointer-events: auto;
}
.resnav__container {
  height: 100%;
  padding-top: 7.5rem;
  padding-bottom: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.resnav__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.75rem;
}
.resnav__content > a {
  text-decoration: none;
}
.resnav__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}
.resnav__menu-item {
  font-weight: 400;
}
.resnav__menu-item-wrap {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.resnav__menu-item.active a {
  color: #1F1F1F;
}
.resnav__menu-item a,
.resnav__menu-item span {
  color: #818F98;
  text-decoration: none;
}
.resnav__menu-item.is-dropdown {
  width: 100%;
}
.resnav__menu-item.is-dropdown.is-opened svg {
  transform: rotate(180deg);
}
.resnav__menu-item.is-dropdown.is-opened .resnav__menu-item-dropdown {
  max-height: var(--fullHeight);
}
.resnav__menu-item.is-dropdown svg {
  position: absolute;
  right: 0;
  width: 1.5rem;
  height: auto;
  transition: transform cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
}
.resnav__menu-item-dropdown {
  overflow: hidden;
  height: 100%;
  transition: max-height cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
}
.resnav__menu-item-dropdown--loaded {
  max-height: 0px;
}
.resnav__menu-item-dropdown__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}
.resnav__menu-item-dropdown__list-item {
  display: inline-flex;
  flex-direction: column;
}
.resnav__menu-item-dropdown__list-item ul {
  padding: 0px 0px 10px 10px;
}
.resnav__menu-item-dropdown__list-item ul li {
  display: block;
  width: 100%;
  list-style: circle;
}
.resnav__menu-item-dropdown__list-item.active {
  color: #1F1F1F;
}
.resnav__cta {
  width: 60%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 580px) {
  .resnav__cta {
    width: 100%;
    gap: 1rem;
  }
}
.resnav__cta-content {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.resnav__cta-content-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.resnav__cta-image {
  width: 40%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.resnav__close {
  position: absolute;
  right: 3vw;
  top: 4vw;
  display: flex;
}
@media screen and (max-width: 580px) {
  .resnav__close {
    right: 4vw;
    top: 6vw;
  }
}

[resnav-anim] {
  opacity: 0%;
}

[search-toggle] {
  cursor: pointer;
}

.hero-solutions__container {
  padding-top: 30svh;
  padding-bottom: 6rem;
  background-color: #F4F4F4;
}
@media screen and (max-width: 980px) {
  .hero-solutions__container {
    padding-top: 15svh;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 980px) {
  .hero-solutions__container {
    padding-top: 15svh;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__container {
    padding-bottom: 5.5rem;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__container.is-product {
    padding-top: 10svh;
  }
}
.hero-solutions__heading {
  width: 66.66%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 580px) {
  .hero-solutions__heading {
    width: 100%;
  }
}
.hero-solutions__heading--alt {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .hero-solutions__heading--alt {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .hero-solutions__heading--alt {
    width: 100%;
  }
}
.hero-solutions__heading--alt > p {
  max-width: 600px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .hero-solutions__heading--alt > p {
    width: 100%;
  }
}
.hero-solutions__heading-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 30svh;
}
@media screen and (max-width: 768px) {
  .hero-solutions__heading-wrap {
    padding-bottom: 20svh;
  }
}
@media screen and (max-width: 768px) {
  .hero-solutions__heading-wrap {
    padding-bottom: 0;
    flex-direction: column-reverse;
    gap: 1rem;
  }
}
.hero-solutions__heading-buttons {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 580px) {
  .hero-solutions__heading-buttons {
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__heading-buttons .btn {
    min-width: 225px;
  }
}
.hero-solutions__thumbnail {
  position: absolute;
  z-index: 0;
  right: 0%;
  width: 40%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media screen and (max-width: 1280px) {
  .hero-solutions__thumbnail {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .hero-solutions__thumbnail {
    position: relative;
    right: 0;
    width: 80%;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__thumbnail {
    width: 100%;
  }
}
.hero-solutions__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .hero-solutions__wrap {
    gap: 5rem;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__wrap {
    gap: 4rem;
  }
}
.hero-solutions__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 980px) {
  .hero-solutions__content--alt {
    flex-direction: column;
    gap: 5rem;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__content--alt {
    gap: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .hero-solutions__content {
    flex-direction: column;
    gap: 3.75rem;
  }
}
.hero-solutions__content-inner {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .hero-solutions__content-inner {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .hero-solutions__content-inner {
    width: 85%;
    gap: 2rem;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__content-inner {
    width: 100%;
  }
}
.hero-solutions__content-buttons {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 980px) {
  .hero-solutions__content-buttons {
    gap: 1rem;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__content-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__content-buttons .btn {
    min-width: 225px;
  }
}
.hero-solutions__content-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.hero-solutions__content-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .hero-solutions__content-list li {
    line-height: 140%;
  }
}
.hero-solutions__content-list li svg {
  min-width: 25px;
}
.hero-solutions__content-list-wrap {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .hero-solutions__content-list-wrap {
    width: 35%;
  }
}
@media screen and (max-width: 768px) {
  .hero-solutions__content-list-wrap {
    width: 100%;
  }
}
.hero-solutions__content-list-wrap--alt {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .hero-solutions__content-list-wrap--alt {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .hero-solutions__content-list-wrap--alt {
    width: 100%;
  }
}
.hero-solutions__content-text {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .hero-solutions__content-text {
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  .hero-solutions__content-text {
    gap: 2.5rem;
  }
}
.hero-solutions__content-text > .h5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}
.hero-solutions__content-text > .h5 h1,
.hero-solutions__content-text > .h5 h2,
.hero-solutions__content-text > .h5 h3,
.hero-solutions__content-text > .h5 h4,
.hero-solutions__content-text > .h5 h5,
.hero-solutions__content-text > .h5 h6 {
  margin-bottom: -2rem;
}
.hero-solutions__content-text a.btn {
  text-decoration: underline;
}
.hero-solutions__content-text a.btn:hover {
  text-decoration: none;
}
.hero-solutions__content-info {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 4.75rem;
}
@media screen and (max-width: 980px) {
  .hero-solutions__content-info {
    width: 100%;
  }
}
.hero-solutions__cta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 580px) {
  .hero-solutions__cta {
    width: 100%;
    gap: 1rem;
  }
}
.hero-solutions__cta-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.hero-solutions__cta-content-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media screen and (max-width: 580px) {
  .hero-solutions__cta-content-wrap .text-black {
    font-weight: bold;
  }
  .hero-solutions__cta-content-wrap .text-grey {
    line-height: 140%;
    margin-bottom: 0.5rem;
  }
  .hero-solutions__cta-content-wrap .btn {
    width: 100%;
  }
}
.hero-solutions__cta-image {
  width: 40%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.rich-text-content h1, .rich-text-content h2, .rich-text-content h3, .rich-text-content h4, .rich-text-content h5, .rich-text-content h6 {
  margin-bottom: 1.5rem;
}
.rich-text-content p {
  margin-bottom: 4.75rem;
}
@media screen and (max-width: 580px) {
  .rich-text-content p {
    margin-bottom: 1rem;
  }
}
.rich-text-content p:last-of-type {
  margin-bottom: 0px !important;
}
.rich-text-content blockquote p + p {
  margin-top: 0rem !important;
}
.rich-text-content p + p {
  margin-top: -2.25rem;
}
@media screen and (max-width: 580px) {
  .rich-text-content p + p {
    margin-top: 0rem;
  }
}
.rich-text-content ol,
.rich-text-content ul {
  padding-left: 2rem;
}

.solutions-items__container {
  padding-top: 8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4rem;
}
@media screen and (max-width: 980px) {
  .solutions-items__container {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 580px) {
  .solutions-items__container {
    padding-top: 5rem;
    gap: 3rem;
  }
}
.solutions-items__heading {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.solutions-items__heading-inner {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  .solutions-items__heading-inner {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.solutions-items__heading-inner > h2 {
  width: 50%;
}
@media screen and (max-width: 980px) {
  .solutions-items__heading-inner > h2 {
    width: 40%;
  }
}
@media screen and (max-width: 580px) {
  .solutions-items__heading-inner > h2 {
    width: 100%;
  }
}
.solutions-items__heading-inner > p {
  width: 30%;
  margin-top: 1.5rem;
}
@media screen and (max-width: 980px) {
  .solutions-items__heading-inner > p {
    width: 50%;
    margin-top: 0;
  }
}
@media screen and (max-width: 580px) {
  .solutions-items__heading-inner > p {
    width: 100%;
  }
}
.solutions-items__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  justify-items: start;
  align-items: start;
  gap: 0.5rem;
}
@media screen and (max-width: 980px) {
  .solutions-items__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 580px) {
  .solutions-items__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .solutions-items__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
.solutions-items__list-item {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.solutions-items__list-item-image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solutions-items__list-item-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1.125/1;
}
.solutions-items__list-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(339deg, rgba(24, 73, 69, 0.6) 14.74%, rgba(24, 73, 69, 0) 60.11%);
  will-change: transform;
  width: 100%;
  height: 100%;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.5rem;
}
@media screen and (max-width: 980px) {
  .solutions-items__list-item-content {
    padding: 1rem 1.5rem;
  }
}
.solutions-items__list-item-content-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.solutions-items__list-item-count {
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
}
.solutions-items__list-item-description {
  background: #F4F4F4;
  padding: 2rem;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media screen and (max-width: 980px) {
  .solutions-items__list-item-description {
    padding: 1.5rem;
  }
}

h1, .h1 {
  font-size: clamp(2.5rem, 2.99vi + 1.51rem, 4.2rem);
  font-weight: 470;
  line-height: 120%;
}
h1--jumbo, .h1--jumbo {
  font-size: clamp(2.5rem, 5.25vi + 0.75rem, 5.5rem);
  letter-spacing: -0.13625rem;
}

h2, .h2 {
  font-size: clamp(2rem, 1.502vi + 1.648rem, 3rem);
  font-weight: 470;
  line-height: 120%;
}
@media screen and (max-width: 580px) {
  h2.h1, .h2.h1 {
    font-size: 2rem;
  }
}

h3, .h3, .resnav__menu-item {
  font-size: clamp(1.5rem, 1.502vi + 1.148rem, 2.5rem);
  font-weight: 470;
  line-height: 120%;
}

h4, .h4, .footer--bottom__menu--alt li {
  font-size: clamp(1.5rem, 0.751vi + 1.324rem, 2rem);
  font-weight: 470;
  line-height: 130%;
}

h5, .h5 {
  font-size: clamp(1rem, 0.75vi + 0.82rem, 1.5rem);
  font-weight: 400;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  h5, .h5 {
    line-height: 140%;
  }
}

h6, .h6 {
  font-size: clamp(1rem, 0.75vi + 0.82rem, 1.25rem);
  font-weight: 470;
  line-height: 140%;
}

.text-large {
  font-size: clamp(1rem, 0.376vi + 0.912rem, 1.25rem);
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .text-large {
    line-height: calc(180% - 3px);
  }
}

.text-medium, .footer--bottom__menu--primary li, .footer--bottom__menu--contact li, .header--searchbar__input {
  font-size: clamp(1rem, 0.188vi + 0.956rem, 1.125rem);
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .text-medium, .footer--bottom__menu--primary li, .footer--bottom__menu--contact li, .header--searchbar__input {
    line-height: calc(180% - 3px);
  }
}

.text-regular {
  font-size: 1rem;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .text-regular {
    line-height: calc(180% - 3px);
  }
}

.text-small, .footer--bottom__copyright-menu li {
  font-size: 0.875rem;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .text-small, .footer--bottom__copyright-menu li {
    line-height: calc(180% - 3px);
  }
}

.text-tiny {
  font-size: 0.75rem;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .text-tiny {
    line-height: calc(180% - 3px);
  }
}

.text-white {
  color: #fff;
}

.text-lightgrey {
  color: #F4F4F4;
}

.text-grey {
  color: #818F98;
}

.text-green {
  color: #184945;
}

.text-black {
  color: #1F1F1F;
}

.font-weight-bold {
  font-weight: 600;
}

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

blockquote {
  padding: 0px 0px 0px 2rem;
  margin: 0px 0px 0px 0px;
  position: relative;
  display: block;
  font-size: clamp(1rem, 0.376vi + 0.912rem, 1.25rem);
  line-height: 180%;
}
blockquote:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 3px;
  background-color: #50AF64;
}
blockquote p {
  color: #1F1F1F !important;
  margin-bottom: 1rem !important;
}
blockquote p:nth-last-child(1):nth-child(n+2) {
  color: #818F98 !important;
  font-size: 1rem;
  line-height: 180%;
}

.cookie-banner {
  position: fixed;
  bottom: 4vh;
  right: 1.5rem;
  z-index: 99999;
  width: 50rem;
}
@media screen and (max-width: 980px) {
  .cookie-banner {
    width: calc(100% - 3rem);
    bottom: 3vh;
  }
}
@media screen and (max-width: 768px) {
  .cookie-banner {
    width: 60%;
    right: unset;
    left: 1.5rem;
  }
}
@media screen and (max-width: 580px) {
  .cookie-banner {
    left: 1rem;
    right: unset;
    width: calc(100% - 2rem);
    bottom: 2vh;
  }
}
.cookie-banner.elc-hidden {
  display: none;
}
.cookie-banner.elc-fullwidth {
  width: 28rem;
}
@media screen and (max-width: 768px) {
  .cookie-banner.elc-fullwidth {
    width: 60%;
  }
}
@media screen and (max-width: 580px) {
  .cookie-banner.elc-fullwidth {
    width: calc(100% - 2rem);
  }
}
.cookie-banner.elc-fullwidth .cookie-banner__text--main {
  display: none;
}
.cookie-banner.elc-fullwidth .cookie-banner__text--info {
  display: block;
}
.cookie-banner.elc-fullwidth .cookie-banner__text--more {
  display: block;
}
.cookie-banner.elc-fullwidth .cookie-banner__button--preferences {
  display: none;
}
.cookie-banner.elc-fullwidth .cookie-banner__button--save {
  display: inline-block;
}
.cookie-banner.elc-fullwidth .cookie-banner__fields {
  display: flex;
}
.cookie-banner.elc-fullwidth .cookie-banner__inner {
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .cookie-banner.elc-fullwidth .cookie-banner__inner {
    gap: 1rem;
  }
}
.cookie-banner.elc-fullwidth .cookie-banner__buttons {
  flex-direction: row-reverse;
}
.cookie-banner__inner {
  background: #fff;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .cookie-banner__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
  }
}
.cookie-banner__settings {
  background: #1F1F1F;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
  display: none;
}
.cookie-banner__buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.cookie-banner__buttons-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .cookie-banner__buttons-form {
    gap: 1rem;
  }
}
.cookie-banner__fields {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.cookie-banner__fields-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  max-height: 1.625rem;
  transition: max-height 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.cookie-banner__fields-group--head {
  width: 100%;
  height: 1.625rem;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cookie-banner__fields-group--toggle {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
}
.cookie-banner__fields-group--toggle svg {
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.cookie-banner__fields-group--description {
  color: rgba(31, 31, 31, 0.8);
  padding-top: 1rem;
  width: 90%;
}
.cookie-banner__fields-group--active .cookie-banner__fields-group--toggle svg {
  transform: rotate(180deg);
}
.cookie-banner__text--info {
  display: none;
}
.cookie-banner__text--more {
  display: none;
}
.cookie-banner__button--save {
  display: none;
}
.cookie-banner__checkbox {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #818F98;
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  box-sizing: border-box;
}
.cookie-banner__checkbox svg {
  opacity: 0;
  transform: scale(0.5);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.cookie-banner__checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.cookie-banner__checkbox-wrap > * {
  pointer-events: none;
}
.cookie-banner .elc-cookie-checkbox {
  display: none;
}
.cookie-banner .elc-cookie-checkbox:checked + .cookie-banner__checkbox-wrap .cookie-banner__checkbox {
  background-color: #CB1617;
  border: 1px solid #CB1617;
}
.cookie-banner .elc-cookie-checkbox:checked + .cookie-banner__checkbox-wrap .cookie-banner__checkbox svg {
  opacity: 1;
  transform: scale(1);
}
.cookie-banner .elc-cookie-checkbox:disabled + .cookie-banner__checkbox-wrap .cookie-banner__checkbox {
  background-color: rgba(203, 22, 23, 0.5);
  border: 1px solid transparent;
}

.animated-hero__container {
  display: flex;
  justify-content: space-between;
  padding-top: calc(5.5rem + 6%);
  background-color: #F4F4F4;
}
@media screen and (max-width: 580px) {
  .animated-hero__container {
    padding-top: calc(5.5rem + 15%);
    padding-bottom: 6svh;
  }
}
@media screen and (max-width: 580px) {
  .animated-hero__container {
    padding-top: calc(4.75rem + 10%);
  }
}
.animated-hero__content {
  width: 50%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .animated-hero__content {
    width: 75%;
  }
}
@media screen and (max-width: 580px) {
  .animated-hero__content {
    width: 100%;
    height: 100%;
  }
}
.animated-hero__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13.5rem;
}
@media screen and (max-width: 580px) {
  .animated-hero__intro {
    gap: 2rem;
  }
}
.animated-hero__intro > p {
  width: 50%;
}
@media screen and (max-width: 980px) {
  .animated-hero__intro > p {
    width: 60%;
  }
}
@media screen and (max-width: 580px) {
  .animated-hero__intro > p {
    width: 85%;
  }
}
.animated-hero__intro-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.5rem;
}
@media screen and (max-width: 580px) {
  .animated-hero__intro-inner {
    gap: 2rem;
  }
}
.animated-hero__buttons {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
@media screen and (max-width: 580px) {
  .animated-hero__buttons {
    flex-direction: column;
    gap: 1rem;
  }
}
@media screen and (max-width: 580px) {
  .animated-hero__buttons .btn--icon {
    width: 100%;
  }
  .animated-hero__buttons .btn--icon.btn--simple {
    width: calc(100% - 0.7rem);
  }
}
.animated-hero__keypoints {
  padding-top: 10svh;
  padding-bottom: 10svh;
  position: relative;
}
@media screen and (max-width: 580px) {
  .animated-hero__keypoints {
    padding-top: 0svh;
    padding-bottom: 0svh;
  }
}
.animated-hero__keypoints-item {
  height: 80svh;
  display: flex;
  align-items: center;
  opacity: 0%;
  pointer-events: none;
  transition: opacity cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
}
.animated-hero__keypoints-item--active {
  opacity: 100%;
  pointer-events: auto;
}
.animated-hero__keypoints-item-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}
@media screen and (max-width: 980px) {
  .animated-hero__keypoints-item-inner {
    width: 60%;
  }
}
@media screen and (max-width: 580px) {
  .animated-hero__keypoints-item-inner {
    width: 90%;
  }
}
.animated-hero__keypoints-item-inner > p {
  width: 75%;
  margin-top: 1rem;
}
@media screen and (max-width: 580px) {
  .animated-hero__keypoints-item-inner > p {
    width: 100%;
  }
}
.animated-hero__keypoints-item-buttons {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 980px) {
  .animated-hero__keypoints-item-buttons {
    gap: 1rem;
  }
}
.animated-hero__keypoints-item-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.animated-hero__keypoints-item-plus {
  position: relative;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 1px solid #818F98;
  flex-shrink: 0;
}
@media screen and (max-width: 580px) {
  .animated-hero__keypoints-item-plus {
    display: none;
  }
}
.animated-hero__keypoints-item-plus::before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  height: 1px;
  width: 40vw;
  background-color: #818F98;
}
@media screen and (max-width: 980px) {
  .animated-hero__keypoints-item-plus::before {
    width: 25vw;
  }
}
.animated-hero__keypoints-item-plus::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(100% + 40vw);
  height: 0.46875rem;
  width: 0.46875rem;
  background-color: #818F98;
  border-radius: 100%;
}
@media screen and (max-width: 980px) {
  .animated-hero__keypoints-item-plus::after {
    left: calc(100% + 25vw);
  }
}
.animated-hero__sticky {
  width: 70%;
  height: 100svh;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
@media screen and (max-width: 980px) {
  .animated-hero__sticky {
    top: 10svh;
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  .animated-hero__sticky {
    width: 100%;
  }
}
.animated-hero__sticky > img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.body-scrolling .animated-hero__intro {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.body-scrolled .animated-hero__sticky {
  bottom: 250px;
}

.application-form {
  display: block;
  position: relative;
  padding: 0rem 0rem 10rem 0rem;
}
@media screen and (max-width: 580px) {
  .application-form {
    padding: 5.5rem 0rem;
  }
}
.application-form__container {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .application-form__container {
    flex-wrap: wrap;
    gap: 3.75rem;
  }
}
.application-form__form-container {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .application-form__form-container {
    width: 100%;
  }
}
.application-form__form-container > span {
  margin-bottom: 1rem;
  display: block;
}
.application-form__form-container h2 {
  margin-bottom: 3.5rem;
  display: block;
}
.application-form__cta {
  display: flex;
  position: relative;
  width: 50%;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: calc(33.33% - 0vw);
}
@media screen and (max-width: 768px) {
  .application-form__cta {
    width: 100%;
    max-width: unset;
  }
}
.application-form__cta .global-cta {
  position: sticky;
  top: 0px;
  right: 0px;
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .application-form__cta .global-cta {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .application-form__cta .global-cta {
    flex-wrap: nowrap;
  }
}
.application-form__cta .global-cta__content {
  width: calc(100% - 160px);
}
@media screen and (max-width: 980px) {
  .application-form__cta .global-cta__content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .application-form__cta .global-cta__content {
    width: calc(100% - 160px);
  }
}
.application-form__cta .global-cta__title {
  color: #1F1F1F;
  margin-bottom: 0.5rem;
  display: block;
}
.application-form__cta .global-cta__text {
  color: #91A1A9;
  margin-bottom: 2.125rem;
  display: block;
}
.application-form__cta .global-cta__image {
  width: 160px;
}
@media screen and (max-width: 980px) {
  .application-form__cta .global-cta__image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .application-form__cta .global-cta__image {
    width: 160px;
  }
}
.application-form__cta .global-cta__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cases--overview {
  position: relative;
  background-color: #F4F4F4;
}
.cases--overview .cases__container {
  padding-top: 16rem;
  min-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .cases--overview .cases__container {
    min-height: 45vh;
  }
}
@media screen and (max-width: 580px) {
  .cases--overview .cases__container {
    padding-top: calc(4.75rem + 10%);
    padding-bottom: 0rem;
  }
}
.cases--overview .cases__title {
  display: block;
  width: 80%;
  margin-bottom: 2rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .cases--overview .cases__title {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 580px) {
  .cases--overview .cases__title {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .cases--overview .cases__title h1 {
    color: #1F1F1F !important;
  }
}
.cases--overview .cases__filters-container {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}
@media screen and (max-width: 580px) {
  .cases--overview .cases__filters-container {
    flex-wrap: wrap;
  }
}
.cases--overview .cases__filters-container .filters {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-bottom: 5rem;
  background-color: #f4f4f4;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 20px;
}
@media screen and (max-width: 580px) {
  .cases--overview .cases__filters-container .filters {
    flex-wrap: wrap;
    padding: 0px;
  }
}
.cases--overview .cases__filters-container .filters span {
  margin-right: 4rem;
  font-size: 18px;
  white-space: nowrap;
}
@media screen and (max-width: 580px) {
  .cases--overview .cases__filters-container .filters span {
    display: block;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 1rem;
  }
}
.cases--overview .cases__filters-container .filters__item {
  border: 1px solid transparent;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  color: #91A1A9;
  transition: all 0.3s ease;
  border-radius: 100px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 18px;
}
.cases--overview .cases__filters-container .filters__item:hover, .cases--overview .cases__filters-container .filters__item.active {
  border: 1px solid #91A1A9;
  color: #1F1F1F;
}
@media screen and (max-width: 580px) {
  .cases--overview .cases__filters-container .filters__item {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}
.cases--overview .image-container {
  aspect-ratio: 16/13;
  width: 30vw;
  position: absolute;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), #1F1F1F;
  right: 4vw;
  bottom: 0px;
  min-width: 480px;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .cases--overview .image-container {
    width: 100% !important;
    left: 0vw !important;
    right: 0vw !important;
    position: relative !important;
    height: auto !important;
    max-height: 320px !important;
    aspect-ratio: unset;
  }
}
@media screen and (max-width: 580px) {
  .cases--overview .image-container {
    min-width: 280px;
    position: relative;
    margin-top: 2rem;
    width: 100%;
    right: 0vw;
  }
}
.cases--overview .image-container__cta {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 4rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  z-index: 2;
}
@media screen and (max-width: 580px) {
  .cases--overview .image-container__cta {
    padding: 1rem;
  }
}
.cases--overview .image-container__cta > div {
  margin-bottom: 1rem;
  display: block;
  width: 100%;
  text-align: right;
}
.cases--overview .image-container .image-animation-overlay {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(24, 73, 69, 0.8) 19.54%, rgba(24, 73, 69, 0) 79.57%);
  will-change: transform;
  pointer-events: none;
}
.cases--overview .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cases__container {
  width: 100%;
}
.cases__blocks {
  width: 100%;
  padding-top: 6rem;
  background-color: #fff;
}
.cases__blocks-item {
  position: relative;
  width: 100%;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: 4rem;
}
@media screen and (max-width: 980px) {
  .cases__blocks-item {
    padding: 2rem;
  }
}
@media screen and (max-width: 580px) {
  .cases__blocks-item {
    align-items: flex-start;
    padding-top: 15svh;
  }
}
.cases__blocks-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(24, 73, 69, 0.5) 0%, rgba(24, 73, 69, 0.5) 100%);
  will-change: transform;
}
.cases__blocks-item--active .cases__blocks-item-content {
  opacity: 100%;
}
.cases__blocks-item-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases__blocks-item-content {
  position: relative;
  z-index: 2;
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  opacity: 0%;
  transition: opacity 0.4s cubic-bezier(0.61, 0, 0.37, 1) 0.1s;
}
@media screen and (max-width: 980px) {
  .cases__blocks-item-content {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .cases__blocks-item-content {
    width: 100%;
  }
}
.cases__blocks-item-content > p {
  width: calc(100% - 90px);
}
@media screen and (max-width: 980px) {
  .cases__blocks-item-content > p {
    display: none;
  }
}
.cases__blocks-item-content > .btn {
  margin-top: 1rem;
}
.cases__blocks-item-showcase {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 32%;
  aspect-ratio: 1/1.4;
  object-fit: cover;
  min-height: 40%;
  max-height: 90%;
}
@media screen and (max-width: 980px) {
  .cases__blocks-item-showcase {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .cases__blocks-item-showcase {
    width: 75%;
  }
}

.certainties + .featured-case {
  padding-top: 0;
}
.certainties__container {
  padding-top: 13.75rem;
  padding-bottom: 15.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6rem;
}
@media screen and (max-width: 980px) {
  .certainties__container {
    padding-top: 8rem;
    padding-bottom: 5.5rem;
    gap: 4rem;
  }
}
@media screen and (max-width: 580px) {
  .certainties__container {
    padding-top: 6rem;
  }
}
.certainties__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.certainties__content-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .certainties__content-inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 580px) {
  .certainties__content-inner {
    flex-direction: column;
    gap: 2rem;
  }
}
.certainties__content-inner > h2 {
  width: 50%;
  max-width: 1000px;
}
@media screen and (max-width: 580px) {
  .certainties__content-inner > h2 {
    width: 80%;
  }
}
@media screen and (max-width: 425px) {
  .certainties__content-inner > h2 {
    width: 90%;
  }
}
@media screen and (max-width: 390px) {
  .certainties__content-inner > h2 {
    width: 100%;
  }
}
.certainties__content-inner > p {
  margin-bottom: -1rem;
  width: 33.33%;
}
@media screen and (max-width: 980px) {
  .certainties__content-inner > p {
    margin-top: -2.5rem;
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .certainties__content-inner > p {
    width: 100%;
    margin-top: 0;
  }
}
.certainties.alt .certainties__blocks-item:nth-child(1) {
  grid-column: 1/3;
}
@media screen and (max-width: 980px) {
  .certainties.alt .certainties__blocks-item:nth-child(1) {
    width: calc(48% - 0.25rem);
  }
}
.certainties.alt .certainties__blocks-item:nth-child(2) {
  grid-column: 3;
}
@media screen and (max-width: 980px) {
  .certainties.alt .certainties__blocks-item:nth-child(2) {
    width: calc(52% - 0.25rem);
  }
}
.certainties.alt .certainties__blocks-item:nth-child(3) {
  grid-column: 1;
}
@media screen and (max-width: 980px) {
  .certainties.alt .certainties__blocks-item:nth-child(3) {
    width: calc(52% - 0.25rem);
  }
}
.certainties.alt .certainties__blocks-item:nth-child(4) {
  grid-column: 2/4;
}
@media screen and (max-width: 980px) {
  .certainties.alt .certainties__blocks-item:nth-child(4) {
    width: calc(48% - 0.25rem);
  }
}
.certainties__blocks {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 980px) {
  .certainties__blocks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.certainties__blocks-item {
  min-height: 70svh;
  max-height: 750px;
  position: relative;
  background-color: #1F1F1F;
  border: 1px solid #F4F4F4;
}
@media screen and (max-width: 980px) {
  .certainties__blocks-item {
    min-height: 50svh;
  }
}
@media screen and (max-width: 580px) {
  .certainties__blocks-item {
    width: 100% !important;
    min-height: 65svh;
  }
}
.certainties__blocks-item--no-bg {
  background-color: unset;
}
.certainties__blocks-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), rgba(0, 0, 0, 0);
  will-change: transform;
}
.certainties__blocks-item-image, .certainties__blocks-item-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.certainties__blocks-item__content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 3vw 4vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .certainties__blocks-item__content {
    padding: 3rem 1.75rem;
  }
}
.certainties__blocks-item__content > h4 {
  font-weight: 400;
}
.certainties__blocks-item:nth-child(1) {
  grid-column: 1;
}
@media screen and (max-width: 980px) {
  .certainties__blocks-item:nth-child(1) {
    width: calc(52% - 0.25rem);
  }
}
.certainties__blocks-item:nth-child(2) {
  grid-column: 2/4;
}
@media screen and (max-width: 980px) {
  .certainties__blocks-item:nth-child(2) {
    width: calc(48% - 0.25rem);
  }
}
.certainties__blocks-item:nth-child(3) {
  grid-column: 1/3;
}
@media screen and (max-width: 980px) {
  .certainties__blocks-item:nth-child(3) {
    width: calc(48% - 0.25rem);
  }
}
.certainties__blocks-item:nth-child(4) {
  grid-column: 3;
}
@media screen and (max-width: 980px) {
  .certainties__blocks-item:nth-child(4) {
    width: calc(52% - 0.25rem);
  }
}

.certainties + .content-whitepaper {
  margin-top: -11.5rem;
}
@media screen and (max-width: 980px) {
  .certainties + .content-whitepaper {
    margin-top: -3.125rem;
  }
}

.content-voordelen {
  background-color: #F4F4F4;
}
.content-voordelen__container {
  padding-top: 9.25rem;
  padding-bottom: 8rem;
  display: flex;
  justify-content: space-between;
  gap: 11.5rem;
}
@media screen and (max-width: 980px) {
  .content-voordelen__container {
    padding-top: 6.5rem;
    padding-bottom: 5.5rem;
    gap: 5.5rem;
  }
}
@media screen and (max-width: 580px) {
  .content-voordelen__container {
    padding-top: 6rem;
    flex-wrap: wrap;
    gap: 2rem;
  }
}
.content-voordelen__container .rich-text-content ul {
  padding-left: 0px;
}
.content-voordelen__container .rich-text-content ul li {
  list-style: none;
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
}
.content-voordelen__container .rich-text-content ul li::before {
  content: "";
  background-image: url(../assets/images/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 14px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.content-voordelen__left {
  width: 60%;
}
@media screen and (max-width: 580px) {
  .content-voordelen__left {
    width: 100%;
  }
}
.content-voordelen__right {
  width: 40%;
}
@media screen and (max-width: 580px) {
  .content-voordelen__right {
    width: 100%;
  }
}

.content-whitepaper {
  padding-top: 6.25rem;
  padding-bottom: 9.5rem;
}
@media screen and (max-width: 580px) {
  .content-whitepaper {
    padding-bottom: 5.5rem;
  }
}
.content-whitepaper__container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14rem;
}
@media screen and (max-width: 980px) {
  .content-whitepaper__container {
    flex-wrap: wrap;
    gap: 4rem;
  }
}
.content-whitepaper__content {
  width: 60%;
}
@media screen and (max-width: 980px) {
  .content-whitepaper__content {
    width: 100%;
  }
}
.content-whitepaper__content h3 {
  margin-bottom: 1.5rem;
}
.content-whitepaper__whitepaper {
  width: calc(33.33% - 0vw);
  background-color: #F4F4F4;
  padding: 2rem;
}
@media screen and (max-width: 980px) {
  .content-whitepaper__whitepaper {
    width: 100%;
  }
}
.content-whitepaper__whitepaper h5 {
  margin-bottom: 1rem;
}
.content-whitepaper__whitepaper .content {
  margin-bottom: 1rem;
  color: #91A1A9;
}
.content-whitepaper__whitepaper .image-container {
  width: 100%;
  background-color: #fff;
  display: block;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-content: center;
}
.content-whitepaper__whitepaper .image-container img {
  object-fit: contain;
}

.cta__container {
  width: 100%;
}
.cta__wrapper {
  position: relative;
  background-color: #1F1F1F;
  width: 100%;
  min-height: 100svh;
  display: flex;
  justify-content: center;
  padding: 2rem 0;
  align-items: center;
}
.cta__wrapper::after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: radial-gradient(75.62% 42.36% at 50.49% 100%, #184945 0%, rgba(24, 73, 69, 0) 100%);
  will-change: transform;
}
.cta__content {
  position: relative;
  z-index: 1;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}
@media screen and (max-width: 980px) {
  .cta__content {
    width: 80%;
  }
}
@media screen and (max-width: 580px) {
  .cta__content {
    width: 90%;
    gap: 4rem;
  }
}
.cta__content > h2 {
  text-align: center;
}

.cta-meerweten:has(+ .seo-text) .cta-meerweten__container {
  padding-bottom: 0;
}
.cta-meerweten__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6rem;
  padding-bottom: 8.5rem;
}
@media screen and (max-width: 980px) {
  .cta-meerweten__container {
    padding-bottom: 5.5rem;
  }
}
.cta-meerweten__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.cta-meerweten__content-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .cta-meerweten__content-inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 580px) {
  .cta-meerweten__content-inner {
    flex-direction: column;
    gap: 2rem;
  }
}
.cta-meerweten__content-inner > h2 {
  width: 60%;
}
@media screen and (max-width: 580px) {
  .cta-meerweten__content-inner > h2 {
    width: 80%;
  }
}
.cta-meerweten__content-inner .global-cta {
  display: flex;
  gap: 2rem;
  width: calc(33.33% - 0vw);
}
.cta-meerweten__content-inner .global-cta p {
  display: block;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 980px) {
  .cta-meerweten__content-inner .global-cta {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .cta-meerweten__content-inner .global-cta {
    width: 100%;
    margin-top: 0;
  }
}
.cta-meerweten__content-inner .global-cta__content {
  width: calc(100% - 160px);
}
.cta-meerweten__content-inner .global-cta__title {
  color: #1F1F1F;
  margin-bottom: 0.5rem;
  display: block;
}
.cta-meerweten__content-inner .global-cta__text {
  color: #91A1A9;
  margin-bottom: 2.125rem;
  display: block;
}
.cta-meerweten__content-inner .global-cta__image {
  width: 160px;
}
.cta-meerweten__content-inner .global-cta__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-case {
  padding-top: 12rem;
  padding-bottom: 9.25rem;
}
@media screen and (max-width: 980px) {
  .featured-case {
    padding-top: 8rem;
    padding-bottom: 5.5rem;
  }
}
@media screen and (max-width: 580px) {
  .featured-case {
    padding-top: 6rem;
  }
}
.featured-case:has(+ .partnerships) {
  padding-bottom: 0;
}
.featured-case__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6rem;
}
@media screen and (max-width: 980px) {
  .featured-case__container {
    gap: 4rem;
  }
}
.featured-case__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 6rem;
}
.featured-case__content-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1280px) {
  .featured-case__content-inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 580px) {
  .featured-case__content-inner {
    flex-direction: column;
    gap: 2rem;
  }
}
.featured-case__content-inner > h2 {
  width: 50%;
}
@media screen and (max-width: 580px) {
  .featured-case__content-inner > h2 {
    width: 80%;
  }
}
.featured-case__content-inner > .content {
  width: calc(33.33% - 0vw);
}
.featured-case__content-inner > .content p {
  display: block;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 980px) {
  .featured-case__content-inner > .content {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .featured-case__content-inner > .content {
    width: 100%;
    margin-top: 0;
  }
}
.featured-case__case {
  width: 100%;
}
.featured-case__case .cases__blocks-item {
  position: relative;
  width: 100%;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: 4rem;
}
@media screen and (max-width: 980px) {
  .featured-case__case .cases__blocks-item {
    padding: 2rem;
  }
}
@media screen and (max-width: 580px) {
  .featured-case__case .cases__blocks-item {
    align-items: flex-start;
    padding-top: 20svh;
  }
}
.featured-case__case .cases__blocks-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(24, 73, 69, 0.5) 0%, rgba(24, 73, 69, 0.5) 100%);
  will-change: transform;
}
.featured-case__case .cases__blocks-item--active .cases__blocks-item-content {
  opacity: 100%;
}
.featured-case__case .cases__blocks-item-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-case__case .cases__blocks-item-content {
  position: relative;
  z-index: 2;
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  opacity: 0%;
  transition: opacity 0.4s cubic-bezier(0.61, 0, 0.37, 1) 0.1s;
}
@media screen and (max-width: 980px) {
  .featured-case__case .cases__blocks-item-content {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .featured-case__case .cases__blocks-item-content {
    width: 100%;
  }
}
.featured-case__case .cases__blocks-item-content > p {
  width: calc(100% - 90px);
}
@media screen and (max-width: 980px) {
  .featured-case__case .cases__blocks-item-content > p {
    display: none;
  }
}
.featured-case__case .cases__blocks-item-content > .btn {
  margin-top: 1rem;
}
.featured-case__case .cases__blocks-item-showcase {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 32%;
  aspect-ratio: 1/1.4;
  object-fit: cover;
  min-height: 40%;
  max-height: 90%;
}
@media screen and (max-width: 980px) {
  .featured-case__case .cases__blocks-item-showcase {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .featured-case__case .cases__blocks-item-showcase {
    width: 75%;
  }
}

.hero {
  position: relative;
  background-color: #F4F4F4;
}
.hero__container {
  width: 100%;
  padding-top: 16rem;
  padding-bottom: 15rem;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 980px) {
  .hero__container {
    padding-bottom: 0rem;
  }
}
@media screen and (max-width: 580px) {
  .hero__container {
    padding-top: calc(4.75rem + 10%);
    padding-bottom: 0rem;
  }
}
.hero__content {
  display: flex;
  gap: 3.5rem;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  width: 45%;
}
@media screen and (max-width: 980px) {
  .hero__content {
    margin-bottom: 2rem;
    width: 90%;
  }
}
@media screen and (max-width: 580px) {
  .hero__content {
    gap: 2rem;
    width: 100%;
  }
}
.hero__content > .content {
  width: 90%;
}
@media screen and (max-width: 980px) {
  .hero__content > .content {
    width: 95%;
  }
}
@media screen and (max-width: 580px) {
  .hero__content > .content {
    width: 100%;
  }
}
.hero__title {
  display: block;
}
.hero__title h1 {
  font-size: clamp(2.5rem, 6.479vi + 0.982rem, 6.813rem);
}
@media screen and (max-width: 980px) {
  .hero__title h1 {
    color: #1F1F1F !important;
  }
}
.hero .image-container {
  aspect-ratio: 16/13;
  width: 30vw;
  position: absolute;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), #1F1F1F;
  right: 4vw;
  bottom: 0px;
  min-width: 480px;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .hero .image-container {
    width: 100% !important;
    left: 0vw !important;
    right: 0vw !important;
    position: relative !important;
    height: auto !important;
    max-height: 320px !important;
    aspect-ratio: unset;
  }
}
@media screen and (max-width: 580px) {
  .hero .image-container {
    min-width: 320px;
    position: relative;
    margin-top: 2rem;
    width: 100%;
    right: 0vw;
  }
}
.hero .image-container__cta {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 4rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  z-index: 2;
}
@media screen and (max-width: 580px) {
  .hero .image-container__cta {
    padding: 1rem;
  }
}
.hero .image-container__cta > div {
  margin-bottom: 1rem;
  display: block;
  width: 100%;
  text-align: right;
}
.hero .image-container .image-animation-overlay {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(24, 73, 69, 0.8) 19.54%, rgba(24, 73, 69, 0) 79.57%);
  will-change: transform;
  pointer-events: none;
}
.hero .image-container img,
.hero .image-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero--alt .hero__container {
  padding-bottom: 4rem;
}
@media screen and (max-width: 980px) {
  .hero--alt .hero__container {
    padding-bottom: 0rem;
  }
}
.hero--alt .hero__content {
  flex-direction: column-reverse;
  gap: 1rem;
}

.hero-contact {
  background-color: #F4F4F4;
  padding-top: 16rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 580px) {
  .hero-contact {
    padding-bottom: 5.5rem;
  }
}
.hero-contact__container {
  display: flex;
  flex-direction: column;
  gap: 7rem;
}
@media screen and (max-width: 768px) {
  .hero-contact__container {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
}
.hero-contact__title {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .hero-contact__title {
    width: 100%;
  }
}
.hero-contact__items {
  display: flex;
  gap: 2.5rem;
  width: 80%;
}
@media screen and (max-width: 1280px) {
  .hero-contact__items {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .hero-contact__items {
    flex-wrap: wrap;
  }
}
.hero-contact__items .contact-item {
  position: relative;
  display: block;
  min-width: 185px;
  width: 20%;
}
@media screen and (max-width: 1280px) {
  .hero-contact__items .contact-item {
    width: auto;
    min-width: unset;
  }
}
@media screen and (max-width: 980px) {
  .hero-contact__items .contact-item {
    width: calc(30% - 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .hero-contact__items .contact-item {
    width: 100%;
  }
}
.hero-contact__items .contact-item ul {
  padding: 0px;
  margin: 0px;
}
.hero-contact__items .contact-item ul li {
  list-style: none;
  padding-left: 0px;
}
.hero-contact__items .contact-item ul li a {
  text-decoration: none;
}
.hero-contact__items .contact-item ul li a:hover {
  text-decoration: underline;
}
.hero-contact__items .contact-item ul li a.text-underline {
  text-decoration: underline;
}
.hero-contact__items .contact-item ul li a.text-underline:hover {
  text-decoration: none;
}

.hero-contentpage {
  background-color: #F4F4F4;
  padding-top: 16rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 580px) {
  .hero-contentpage {
    padding-bottom: 5.5rem;
  }
}
.hero-contentpage__container {
  display: flex;
  justify-content: space-between;
  gap: 7rem;
}
@media screen and (max-width: 768px) {
  .hero-contentpage__container {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
}
.hero-contentpage__title {
  width: 50%;
}
.hero-contentpage__title h1 {
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .hero-contentpage__title {
    width: 100%;
  }
}
.hero-contentpage__content-container {
  justify-content: flex-end;
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hero-contentpage__content {
  position: relative;
  width: 420px;
}
@media screen and (max-width: 768px) {
  .hero-contentpage__content {
    width: 100%;
  }
}
.hero-contentpage__content .meta-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.hero-contentpage__content .meta-container span {
  display: block;
  width: 100%;
}
.hero-contentpage__content .meta-container__title {
  color: #91A1A9;
}

.hero-images {
  display: block;
  position: relative;
  padding: 9.5rem 0rem 6.563rem 0rem;
  background-color: #F4F4F4;
}
@media screen and (max-width: 580px) {
  .hero-images {
    padding-bottom: 5.5rem;
  }
}
.hero-images.page-404 h1 {
  max-width: 450px;
}
@media screen and (max-width: 980px) {
  .hero-images.page-404 h1 {
    max-width: 100%;
  }
}
.hero-images__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 980px) {
  .hero-images__container {
    flex-wrap: wrap;
  }
}
.hero-images__content-container {
  display: block;
  width: 50%;
}
@media screen and (max-width: 980px) {
  .hero-images__content-container {
    width: 100%;
  }
}
.hero-images__content-container .tag {
  display: block;
  margin-bottom: 1rem;
}
.hero-images__content-container h1 {
  display: block;
  margin-bottom: 2rem;
}
.hero-images__content-container .content {
  display: block;
  margin-bottom: 2rem;
}
.hero-images__images-container {
  width: 50%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(20, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
@media screen and (max-width: 980px) {
  .hero-images__images-container {
    width: 100%;
  }
}
.hero-images__images-container .item1 {
  grid-area: 1/1/10/2;
}
.hero-images__images-container .item2 {
  grid-area: 10/1/21/2;
}
.hero-images__images-container .item3 {
  grid-area: 1/2/12/3;
}
.hero-images__images-container .item4 {
  grid-area: 12/2/21/3;
}
.hero-images__images-container .hero-image {
  width: calc(50% - 0.3125rem);
  width: 100%;
  position: relative;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), #1F1F1F;
}
.hero-images__images-container .hero-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(330deg, rgba(24, 73, 69, 0.6) 8.54%, rgba(24, 73, 69, 0) 50.57%);
  will-change: transform;
  pointer-events: none;
}
.hero-images__images-container .hero-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero-images__images-container .hero-image img:nth-child(1), .hero-images__images-container .hero-image img:nth-child(4) {
  aspect-ratio: 10/11;
}
.hero-images__images-container .hero-image img:nth-child(2), .hero-images__images-container .hero-image img:nth-child(3) {
  aspect-ratio: 10/13;
}

.hero-aboutus {
  display: block;
  position: relative;
  padding: 16rem 0rem 9.5rem 0rem;
  background-color: #F4F4F4;
  width: 100%;
}
@media screen and (max-width: 580px) {
  .hero-aboutus {
    padding-bottom: 6rem;
  }
}
.hero-aboutus__title {
  width: 80%;
  display: block;
  position: relative;
  margin-bottom: 2rem;
  z-index: 1;
  mix-blend-mode: difference;
  color: #fff;
}
@media screen and (max-width: 580px) {
  .hero-aboutus__title {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.hero-aboutus__image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding-left: 4vw;
  position: relative;
  margin-bottom: 9.5rem;
}
@media screen and (max-width: 580px) {
  .hero-aboutus__image-container {
    gap: 2rem;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-bottom: 6rem;
  }
}
.hero-aboutus__image-container .hero-image {
  position: relative;
  display: block;
}
.hero-aboutus__image-container .hero-image img,
.hero-aboutus__image-container .hero-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 20rem;
  aspect-ratio: 575/281;
}
.hero-aboutus__image-container .hero-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(330deg, rgba(24, 73, 69, 0.6) 8.54%, rgba(24, 73, 69, 0) 50.57%);
  will-change: transform;
  pointer-events: none;
}
.hero-aboutus__image-container .image-content {
  font-style: italic;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(161, 174, 181, 0.2);
  width: 10%;
  min-width: 11.25rem;
}
@media screen and (max-width: 580px) {
  .hero-aboutus__image-container .image-content {
    gap: 4rem;
    width: 100%;
  }
}
.hero-aboutus__image-container .hero-image {
  width: 80%;
}
@media screen and (max-width: 580px) {
  .hero-aboutus__image-container .hero-image {
    width: 100%;
  }
}
.hero-aboutus__content-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 11.5rem;
}
@media screen and (max-width: 980px) {
  .hero-aboutus__content-container {
    gap: 6rem;
  }
}
@media screen and (max-width: 580px) {
  .hero-aboutus__content-container {
    gap: 4rem;
    flex-wrap: wrap;
  }
}
.hero-aboutus__content-container div.h5 {
  width: 72%;
}
@media screen and (max-width: 980px) {
  .hero-aboutus__content-container div.h5 {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .hero-aboutus__content-container div.h5 {
    width: 100%;
  }
}
.hero-aboutus__content-container .statistics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5rem;
  width: 32%;
}
@media screen and (max-width: 980px) {
  .hero-aboutus__content-container .statistics {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .hero-aboutus__content-container .statistics {
    width: 100%;
    gap: 2.5rem;
  }
}
.hero-aboutus__content-container .statistics > div {
  width: calc(50% - 2.5rem);
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.hero-aboutus__content-container .statistics__value {
  display: block;
  margin-bottom: 0.25rem;
  width: 100%;
  transition: all 0.3s ease;
}
.hero-aboutus__content-container .statistics__title {
  display: block;
  width: 100%;
}

.news {
  position: relative;
  background-color: #F4F4F4;
}
.news__container {
  width: 100%;
  padding-top: 16rem;
  height: 80vh;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1180px) {
  .news__container {
    height: auto;
  }
}
@media screen and (max-width: 980px) {
  .news__container {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 580px) {
  .news__container {
    padding-top: calc(4.75rem + 10%);
    padding-bottom: 0rem;
  }
}
.news__title {
  display: block;
  width: 60%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 980px) {
  .news__title {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 580px) {
  .news__title {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .news__title {
    color: #1F1F1F !important;
  }
  .news__title h1 {
    color: #1F1F1F !important;
  }
}
.news__filters-container {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}
.news__filters-container .filters {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-bottom: 5rem;
  background-color: #f4f4f4;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 20px;
}
@media screen and (max-width: 980px) {
  .news__filters-container .filters {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .news__filters-container .filters {
    padding-left: 0px;
    padding-right: 0px;
  }
  .news__filters-container .filters > span {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
}
.news__filters-container .filters span {
  margin-right: 4rem;
  font-size: 18px;
}
.news__filters-container .filters__item {
  border: 1px solid transparent;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  color: #91A1A9;
  transition: all 0.3s ease;
  border-radius: 100px;
  cursor: pointer;
  font-size: 18px;
}
.news__filters-container .filters__item:hover, .news__filters-container .filters__item.active {
  border: 1px solid #91A1A9;
  color: #1F1F1F;
}
.news .image-container {
  aspect-ratio: 16/13;
  width: 30vw;
  position: absolute;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), #1F1F1F;
  right: 0;
  bottom: 0px;
  min-width: 480px;
  z-index: 1;
}
.news .image-container .image-animation-overlay {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(24, 73, 69, 0.8) 19.54%, rgba(24, 73, 69, 0) 79.57%);
  will-change: transform;
  pointer-events: none;
}
@media screen and (max-width: 980px) {
  .news .image-container {
    width: 100% !important;
    left: 0vw !important;
    right: 0vw !important;
    position: relative !important;
    height: auto !important;
    max-height: 320px !important;
    aspect-ratio: unset;
  }
}
.news .image-container__cta {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 4rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  z-index: 2;
}
@media screen and (max-width: 580px) {
  .news .image-container__cta {
    padding: 1rem;
  }
}
.news .image-container__cta > div {
  margin-bottom: 1rem;
  display: block;
  width: 100%;
  text-align: right;
}
.news .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news__items-container {
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 13.25rem;
}
@media screen and (max-width: 580px) {
  .news__items-container {
    padding-bottom: 3.5rem;
  }
}
.news__items-container .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6rem;
}
@media screen and (max-width: 580px) {
  .news__items-container .pagination {
    margin-top: 5.5rem;
  }
}
.news__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(20, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 12px;
  margin-bottom: 12px;
}
@media screen and (max-width: 580px) {
  .news__items {
    display: flex;
    flex-wrap: wrap;
  }
}
.news__items--few {
  grid-template-rows: repeat(10, 1fr);
  display: flex;
  width: 100%;
}
.news__items--few .item {
  width: calc(50% - 4px);
}
@media screen and (max-width: 580px) {
  .news__items--few .item {
    width: 100%;
    height: 320px;
  }
}
.news__items .item:nth-child(4n+1) {
  grid-area: 1/1/12/2;
}
.news__items .item:nth-child(4n+2) {
  grid-area: 1/2/11/3;
}
.news__items .item:nth-child(4n+3) {
  grid-area: 12/1/21/2;
}
.news__items .item:nth-child(4n+4) {
  grid-area: 11/2/21/3;
}
.news__items .item {
  position: relative;
  overflow: hidden;
  min-height: 320px;
}
@media screen and (max-width: 580px) {
  .news__items .item {
    width: 100%;
    height: 320px;
  }
}
.news__items .item:hover img {
  transform: scale(1.1);
}
.news__items .item a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.news__items .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), rgba(0, 0, 0, 0);
  will-change: transform;
  pointer-events: none;
}
.news__items .item__content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 3.75rem;
  z-index: 2;
  text-align: right;
}
@media screen and (max-width: 980px) {
  .news__items .item__content {
    padding: 1.125rem;
  }
}
@media screen and (max-width: 580px) {
  .news__items .item__content {
    padding: 2.25rem;
  }
}
.news__items .item__content .h4, .news__items .item__content .footer--bottom__menu--alt li, .footer--bottom__menu--alt .news__items .item__content li {
  margin-bottom: 0.625rem;
  display: block;
}
.news__items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: all 0.3s ease;
}

.partnerships {
  border-top: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  margin-bottom: 6rem;
}
@media screen and (max-width: 980px) {
  .partnerships {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .partnerships {
    margin-bottom: 4rem;
  }
}
.partnerships__container {
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .partnerships__container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .partnerships__container {
    padding-top: 3rem;
    padding-bottom: 3rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.partnerships__container > h3 {
  width: 20%;
}
@media screen and (max-width: 980px) {
  .partnerships__container > h3 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .partnerships__container > h3 {
    width: 100%;
  }
}
.partnerships__logos {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5rem;
}
@media screen and (max-width: 980px) {
  .partnerships__logos {
    width: 50%;
    justify-content: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .partnerships__logos {
    width: 100%;
    gap: 2.5rem;
    justify-content: flex-start;
  }
}
.partnerships__logos-item {
  width: calc(20% - 4rem);
  max-height: 56px;
  object-fit: contain;
  opacity: 0.4;
  filter: grayscale(1);
  transition: all 0.3s ease;
}
.partnerships__logos-item:hover {
  filter: grayscale(0);
}
@media screen and (max-width: 980px) {
  .partnerships__logos-item {
    width: calc(33.33% - 2rem);
  }
}
@media screen and (max-width: 768px) {
  .partnerships__logos-item {
    width: calc(50% - 2rem);
    max-height: 42px;
  }
}

.product-solutions__container {
  padding-top: 12rem;
  padding-bottom: 14rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6rem;
}
@media screen and (max-width: 980px) {
  .product-solutions__container {
    padding-top: 10rem;
    padding-bottom: 5rem;
    gap: 4rem;
  }
}
@media screen and (max-width: 580px) {
  .product-solutions__container {
    padding-top: 6rem;
    padding-bottom: 7.5rem;
  }
}
.product-solutions__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product-solutions__content-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 980px) {
  .product-solutions__content-inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 580px) {
  .product-solutions__content-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.product-solutions__content-inner > h2 {
  width: 55%;
}
@media screen and (max-width: 980px) {
  .product-solutions__content-inner > h2 {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .product-solutions__content-inner > h2 {
    width: 80%;
  }
}
.product-solutions__content-inner > p {
  width: 30%;
}
@media screen and (max-width: 980px) {
  .product-solutions__content-inner > p {
    width: 45%;
    margin-top: -2.5rem;
  }
}
@media screen and (max-width: 580px) {
  .product-solutions__content-inner > p {
    width: 100%;
    margin-top: 0rem;
  }
}
.product-solutions__blocks {
  width: 100%;
  display: flex;
  gap: 0.5rem;
}
@media screen and (max-width: 580px) {
  .product-solutions__blocks {
    flex-direction: column;
  }
}
.product-solutions__blocks-item {
  width: calc(50% - 0.25rem);
  min-height: 60svh;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), #1F1F1F;
  border: 1px solid #F4F4F4;
  padding: 4rem 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 1rem;
  transition: width cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
}
@media screen and (max-width: 980px) {
  .product-solutions__blocks-item {
    min-height: 40svh;
    padding: 3rem 1.5rem;
  }
}
@media screen and (max-width: 580px) {
  .product-solutions__blocks-item {
    width: 100%;
    height: unset;
    aspect-ratio: 1/1.15;
    min-height: 360px;
  }
}
@media screen and (min-width: 980px) {
  .product-solutions__blocks-item:hover {
    width: 120%;
  }
  .product-solutions__blocks-item:hover > p {
    opacity: 100%;
    font-size: 1rem;
    margin-bottom: 0;
  }
}
.product-solutions__blocks-item > p {
  width: 60%;
  opacity: 0%;
  font-size: 0rem;
  margin-bottom: -1rem;
  transition: opacity cubic-bezier(0.61, 0, 0.37, 1) 0.4s, font-size cubic-bezier(0.61, 0, 0.37, 1) 0.3s, margin-bottom cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
@media screen and (max-width: 980px) {
  .product-solutions__blocks-item > p {
    display: none;
  }
}

.rich-text {
  display: block;
  position: relative;
  padding: 10rem 0rem;
}
@media screen and (max-width: 580px) {
  .rich-text {
    padding: 5.5rem 0rem;
  }
}
.rich-text__container {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .rich-text__container {
    flex-wrap: wrap;
    gap: 3.75rem;
  }
}
.rich-text__content-container {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .rich-text__content-container {
    width: 100%;
  }
}
.rich-text__content-container .intro-content {
  display: block;
  margin-bottom: 7.25rem;
}
.rich-text__content-container .intro-content:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 580px) {
  .rich-text__content-container .intro-content {
    margin-bottom: 5.5rem;
  }
}
.rich-text__cta {
  display: flex;
  position: relative;
  width: 50%;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: calc(33.33% - 0vw);
}
@media screen and (max-width: 768px) {
  .rich-text__cta {
    width: 100%;
    max-width: unset;
  }
}
.rich-text__cta .global-cta {
  position: sticky;
  top: 0px;
  right: 0px;
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .rich-text__cta .global-cta {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .rich-text__cta .global-cta {
    flex-wrap: nowrap;
  }
}
.rich-text__cta .global-cta__content {
  width: calc(100% - 160px);
}
@media screen and (max-width: 980px) {
  .rich-text__cta .global-cta__content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .rich-text__cta .global-cta__content {
    width: calc(100% - 160px);
  }
}
.rich-text__cta .global-cta__title {
  color: #1F1F1F;
  margin-bottom: 0.5rem;
  display: block;
}
.rich-text__cta .global-cta__text {
  color: #91A1A9;
  margin-bottom: 2.125rem;
  display: block;
}
.rich-text__cta .global-cta__image {
  width: 160px;
}
@media screen and (max-width: 980px) {
  .rich-text__cta .global-cta__image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .rich-text__cta .global-cta__image {
    width: 160px;
  }
}
.rich-text__cta .global-cta__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-results--heading {
  background-color: #F4F4F4;
}
.search-results--heading__container {
  padding-top: 30svh;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.search-results--heading__container > h1 {
  width: 65%;
}
@media screen and (max-width: 980px) {
  .search-results--heading__container {
    padding-top: 25svh;
  }
}
@media screen and (max-width: 580px) {
  .search-results--heading__container {
    padding-top: 20svh;
  }
}
.search-results--content__container {
  padding-top: 6rem;
  padding-bottom: 9rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  .search-results--content__container {
    flex-direction: column;
    gap: 6rem;
  }
}
.search-results__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.search-results__list-outer {
  width: 60%;
}
@media screen and (max-width: 980px) {
  .search-results__list-outer {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .search-results__list-outer {
    width: 100%;
  }
}
.search-results__list-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.75rem;
}
.search-results__list-controls {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-results__list-controls > .inactive {
  opacity: 30%;
  pointer-events: none;
}
.search-results__list-controls-pages {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .search-results__list-controls-pages {
    display: none;
  }
}
.search-results__list-controls-pages > [sprig] {
  cursor: pointer;
  transition: color cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
}
.search-results__list-controls-pages > [sprig]:hover {
  color: #184945;
}
.search-results__list-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  text-decoration: none;
}
@media screen and (max-width: 980px) {
  .search-results__list-item {
    flex-direction: column;
  }
}
.search-results__list-item:hover .link {
  text-decoration: none;
}
.search-results__list-item-image {
  width: 25%;
  aspect-ratio: 1/1.25;
  object-fit: cover;
  background-color: #F4F4F4;
}
@media screen and (max-width: 980px) {
  .search-results__list-item-image {
    width: 100%;
    aspect-ratio: 1/0.75;
  }
}
.search-results__list-item-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 1920px) {
  .search-results__list-item-content {
    width: 75%;
  }
}
@media screen and (max-width: 1440px) {
  .search-results__list-item-content {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .search-results__list-item-content {
    width: 90%;
  }
}
@media screen and (max-width: 580px) {
  .search-results__list-item-content {
    width: 100%;
  }
}
.search-results__list-item .link {
  text-decoration: underline;
}
.search-results__empty {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 980px) {
  .search-results__empty {
    width: 50%;
    gap: 1rem;
  }
}
@media screen and (max-width: 580px) {
  .search-results__empty {
    width: 100%;
  }
}
.search-results__cta {
  width: 30%;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 980px) {
  .search-results__cta {
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .search-results__cta {
    width: 100%;
    gap: 1rem;
  }
}
.search-results__cta-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.search-results__cta-content-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.search-results__cta-image {
  width: 40%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.seo-text__container {
  padding-top: 12rem;
  padding-bottom: 8.5rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 980px) {
  .seo-text__container {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 580px) {
  .seo-text__container {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }
}
.seo-text__content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .seo-text__content {
    width: 70%;
  }
}
@media screen and (max-width: 580px) {
  .seo-text__content {
    width: 100%;
  }
}

.team__container {
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}
@media screen and (max-width: 980px) {
  .team__container {
    padding-bottom: 5.5rem;
    gap: 4rem;
  }
}
@media screen and (max-width: 580px) {
  .team__container {
    padding-top: 5.5rem;
  }
}
.team__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 980px) {
  .team__content {
    margin-bottom: 2rem;
  }
}
.team__content-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 980px) {
  .team__content-inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 580px) {
  .team__content-inner {
    flex-direction: column;
    gap: 2rem;
  }
}
.team__content-inner > h2 {
  width: 50%;
}
@media screen and (max-width: 580px) {
  .team__content-inner > h2 {
    width: 80%;
  }
}
.team__content-inner > p {
  margin-bottom: -1rem;
  width: 30%;
}
@media screen and (max-width: 980px) {
  .team__content-inner > p {
    margin-top: -2.5rem;
    width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .team__content-inner > p {
    width: 100%;
    margin-top: 0;
  }
}
.team__members {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.team__members .member {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.team__members .member:not(:last-child) {
  margin-bottom: 8rem;
}
@media screen and (max-width: 580px) {
  .team__members .member:not(:last-child) {
    margin-bottom: 5.5rem;
  }
}
.team__members .member:nth-child(even) {
  flex-direction: row-reverse;
}
.team__members .member:nth-child(even) .member__content {
  padding-right: 4.5rem;
  padding-left: 0px;
}
@media screen and (max-width: 980px) {
  .team__members .member {
    flex-wrap: wrap;
    gap: 2rem;
  }
}
.team__members .member__image-container {
  position: relative;
  display: block;
  width: calc(66.66% - 0vw);
  aspect-ratio: 443/256;
}
@media screen and (max-width: 980px) {
  .team__members .member__image-container {
    width: 100% !important;
    left: 0vw !important;
    right: 0vw !important;
    position: relative !important;
    height: auto !important;
    max-height: 320px !important;
  }
}
@media screen and (max-width: 580px) {
  .team__members .member__image-container {
    width: 100%;
    aspect-ratio: unset;
    height: 320px;
  }
}
.team__members .member__image-container img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team__members .member__image-container .image-animation-overlay {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(24, 73, 69, 0.8) 19.54%, rgba(24, 73, 69, 0) 79.57%);
  will-change: transform;
  pointer-events: none;
}
@media screen and (max-width: 980px) {
  .team__members .member.odd .member__content {
    margin-left: unset;
    margin-right: auto;
  }
}
.team__members .member__content {
  width: calc(33.33% - 0vw);
  padding-left: 4.5rem;
  padding-bottom: 4.5rem;
}
@media screen and (max-width: 980px) {
  .team__members .member__content {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
    margin-left: auto;
  }
}
@media screen and (max-width: 580px) {
  .team__members .member__content {
    width: 100%;
  }
}
.team__members .member__content .quote {
  margin-bottom: 3rem;
}
@media screen and (max-width: 580px) {
  .team__members .member__content .quote {
    margin-bottom: 1rem;
  }
}

.two-images__container {
  display: flex;
  gap: 0.625rem;
}
@media screen and (max-width: 580px) {
  .two-images__container {
    flex-wrap: wrap;
  }
}
.two-images__image {
  display: block;
  position: relative;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), #1F1F1F;
}
.two-images__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.two-images__image:nth-child(1) {
  width: calc(66.66% - 0vw);
  aspect-ratio: 443/256;
}
@media screen and (max-width: 580px) {
  .two-images__image:nth-child(1) {
    width: 100%;
    aspect-ratio: unset;
    height: 320px;
  }
}
.two-images__image:nth-child(2) {
  width: calc(33.33% - 0vw);
  aspect-ratio: 415/512;
}
@media screen and (max-width: 580px) {
  .two-images__image:nth-child(2) {
    width: 100%;
    aspect-ratio: unset;
    height: 320px;
  }
}
.two-images__image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(330deg, rgba(24, 73, 69, 0.6) 8.54%, rgba(24, 73, 69, 0) 50.57%);
  will-change: transform;
  pointer-events: none;
}

.two-images:last-of-type {
  padding-bottom: 4rem;
}

.two-images + .cta {
  margin-top: 4.75rem;
}

.two-images + .cta-meerweten {
  margin-top: 7rem;
}

.image-fullwidth {
  display: block;
  position: relative;
}
.image-fullwidth .image-fullwidth__container {
  position: relative;
  display: block;
}
.image-fullwidth .image-fullwidth__container img {
  width: 100%;
  height: 512px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .image-fullwidth .image-fullwidth__container img {
    height: 420px;
  }
}
.image-fullwidth .image-fullwidth__container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), rgba(0, 0, 0, 0);
  will-change: transform;
}

.vacancies {
  position: relative;
  background-attachment: #F4F4F4;
}
.vacancies__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(20, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 12px;
  margin-bottom: 12px;
}
@media screen and (max-width: 580px) {
  .vacancies__items {
    display: flex;
    flex-wrap: wrap;
  }
}
.vacancies__items--few {
  grid-template-rows: repeat(10, 1fr);
  display: flex;
  width: 100%;
}
.vacancies__items--few .item {
  width: calc(50% - 4px);
}
@media screen and (max-width: 580px) {
  .vacancies__items--few .item {
    width: 100%;
    height: 320px;
  }
}
.vacancies__items .item:nth-child(4n+1) {
  grid-area: 1/1/12/2;
}
.vacancies__items .item:nth-child(4n+2) {
  grid-area: 1/2/11/3;
}
.vacancies__items .item:nth-child(4n+3) {
  grid-area: 12/1/21/2;
}
.vacancies__items .item:nth-child(4n+4) {
  grid-area: 11/2/21/3;
}
.vacancies__items .item {
  position: relative;
  overflow: hidden;
  min-height: 320px;
}
@media screen and (max-width: 580px) {
  .vacancies__items .item {
    width: 100%;
    height: 320px;
  }
}
.vacancies__items .item:hover img {
  transform: scale(1.1);
}
.vacancies__items .item a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.vacancies__items .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), rgba(0, 0, 0, 0);
  will-change: transform;
  pointer-events: none;
}
.vacancies__items .item__content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 3.75rem;
  z-index: 2;
  text-align: right;
}
@media screen and (max-width: 980px) {
  .vacancies__items .item__content {
    padding: 1.125rem;
  }
}
@media screen and (max-width: 580px) {
  .vacancies__items .item__content {
    padding: 2.25rem;
  }
}
.vacancies__items .item__content .h4, .vacancies__items .item__content .footer--bottom__menu--alt li, .footer--bottom__menu--alt .vacancies__items .item__content li {
  margin-bottom: 0.625rem;
  display: block;
}
.vacancies__items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: all 0.3s ease;
}

.whitepaper-form {
  display: block;
  position: relative;
  padding: 8rem 0rem;
}
@media screen and (max-width: 580px) {
  .whitepaper-form {
    padding: 5.5rem 0rem;
  }
}
.whitepaper-form__container {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .whitepaper-form__container {
    flex-wrap: wrap;
    gap: 3.75rem;
  }
}
.whitepaper-form__form-container {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .whitepaper-form__form-container {
    width: 100%;
  }
}
.whitepaper-form__form-container p {
  margin-bottom: 1.5rem;
  display: block;
}
.whitepaper-form__form-container h2 {
  margin-bottom: 3.5rem;
  display: block;
}
.whitepaper-form .content-whitepaper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: calc(33.33% - 0vw);
  padding-top: 0px;
  padding-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .whitepaper-form .content-whitepaper {
    width: 100%;
    max-width: unset;
  }
}
.whitepaper-form .content-whitepaper__whitepaper {
  width: 100%;
  margin-bottom: 6rem;
}
.whitepaper-form .content-whitepaper__whitepaper .image-container {
  margin-bottom: 0px;
}
.whitepaper-form .content-whitepaper__whitepaper .rich-text-content ul {
  padding-left: 0px;
}
.whitepaper-form .content-whitepaper__whitepaper .rich-text-content ul li {
  list-style: none;
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
}
.whitepaper-form .content-whitepaper__whitepaper .rich-text-content ul li::before {
  content: "";
  background-image: url(../assets/images/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 14px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.whitepaper-form .content-whitepaper .global-cta {
  position: sticky;
  top: 0px;
  right: 0px;
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .whitepaper-form .content-whitepaper .global-cta {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .whitepaper-form .content-whitepaper .global-cta {
    flex-wrap: nowrap;
  }
}
.whitepaper-form .content-whitepaper .global-cta__content {
  width: calc(100% - 160px);
}
@media screen and (max-width: 980px) {
  .whitepaper-form .content-whitepaper .global-cta__content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .whitepaper-form .content-whitepaper .global-cta__content {
    width: calc(100% - 160px);
  }
}
.whitepaper-form .content-whitepaper .global-cta__title {
  color: #1F1F1F;
  margin-bottom: 0.5rem;
  display: block;
}
.whitepaper-form .content-whitepaper .global-cta__text {
  color: #91A1A9;
  margin-bottom: 2.125rem;
  display: block;
}
.whitepaper-form .content-whitepaper .global-cta__image {
  width: 160px;
}
@media screen and (max-width: 980px) {
  .whitepaper-form .content-whitepaper .global-cta__image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .whitepaper-form .content-whitepaper .global-cta__image {
    width: 160px;
  }
}
.whitepaper-form .content-whitepaper .global-cta__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whitepapers {
  padding-top: 8rem;
  margin-bottom: 8rem;
}
.whitepapers__blocks {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.whitepapers .whitepaper {
  width: calc(33.33% - 8px);
  text-decoration: none;
}
@media screen and (max-width: 980px) {
  .whitepapers .whitepaper {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 768px) {
  .whitepapers .whitepaper {
    width: 100%;
  }
}
.whitepapers .whitepaper:hover img {
  transform: scale(1.05);
}
.whitepapers .whitepaper:hover .whitepaper__bottom p {
  color: #1F1F1F;
}
.whitepapers .whitepaper__top {
  position: relative;
  display: block;
  overflow: hidden;
}
.whitepapers .whitepaper__top::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(330deg, rgba(24, 73, 69, 0.6) 8.54%, rgba(24, 73, 69, 0) 80.57%);
  will-change: transform;
  pointer-events: none;
}
.whitepapers .whitepaper__top img {
  height: 380px;
  width: 100%;
  transition: all 0.4s ease-in-out;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .whitepapers .whitepaper__top img {
    height: 320px;
  }
}
.whitepapers .whitepaper__top .content-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 2rem;
  color: #fff;
  gap: 0.5rem;
  z-index: 2;
}
.whitepapers .whitepaper__top .content-container span {
  display: block;
}
.whitepapers .whitepaper__bottom {
  padding: 2rem;
  background-color: #F4F4F4;
}
.whitepapers .whitepaper__bottom p {
  transition: all 0.4s ease;
}

.werkenbij {
  background-color: #1F1F1F;
  padding-bottom: 10rem;
  max-width: 100vw;
  overflow: hidden;
}
@media screen and (max-width: 580px) {
  .werkenbij {
    padding-bottom: 5.5rem;
  }
}
.werkenbij .marquee {
  width: 100%;
  display: flex;
  padding: 10rem 0rem;
  position: relative;
}
@media screen and (max-width: 980px) {
  .werkenbij .marquee {
    padding: 5.5rem 0rem;
  }
}
.werkenbij .marquee::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100vw;
  height: 50vw;
  display: block;
  background: radial-gradient(75.62% 42.36% at 50.49% 100%, #184945 0%, rgba(24, 73, 69, 0) 100%);
  will-change: transform;
  transform: rotate(180deg);
  pointer-events: none;
}
.werkenbij .marquee__text {
  margin-left: 5.625rem;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  color: #818F98;
  z-index: 1;
}
.werkenbij__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .werkenbij__container {
    flex-wrap: wrap;
  }
}
.werkenbij__content {
  width: 50%;
  padding-right: 13rem;
}
@media screen and (max-width: 980px) {
  .werkenbij__content {
    width: 100%;
    padding-right: 0rem;
    margin-bottom: 4rem;
  }
}
.werkenbij__content > div {
  margin-bottom: 2rem;
}
.werkenbij__images {
  width: 50%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(20, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
@media screen and (max-width: 980px) {
  .werkenbij__images {
    width: 100%;
  }
}
.werkenbij__images .item1 {
  grid-area: 1/1/10/2;
}
.werkenbij__images .item2 {
  grid-area: 10/1/21/2;
}
.werkenbij__images .item3 {
  grid-area: 1/2/12/3;
}
.werkenbij__images .item4 {
  grid-area: 12/2/21/3;
}
.werkenbij__images .image {
  width: calc(50% - 0.3125rem);
  width: 100%;
  position: relative;
  background: linear-gradient(0deg, #184945 0%, rgba(24, 73, 69, 0) 48.24%), #1F1F1F;
}
.werkenbij__images .image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(330deg, rgba(24, 73, 69, 0.6) 8.54%, rgba(24, 73, 69, 0) 50.57%);
  will-change: transform;
  pointer-events: none;
}
.werkenbij__images .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.werkenbij__images .image img:nth-child(1), .werkenbij__images .image img:nth-child(4) {
  aspect-ratio: 10/11;
}
.werkenbij__images .image img:nth-child(2), .werkenbij__images .image img:nth-child(3) {
  aspect-ratio: 10/13;
}

.contact-form {
  display: block;
  position: relative;
  padding: 8rem 0rem;
}
@media screen and (max-width: 580px) {
  .contact-form {
    padding: 5.5rem 0rem;
  }
}
.contact-form__container {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .contact-form__container {
    flex-wrap: wrap;
    gap: 3.75rem;
  }
}
.contact-form__form-container {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .contact-form__form-container {
    width: 100%;
  }
}
.contact-form__form-container p {
  margin-bottom: 1.5rem;
  display: block;
}
.contact-form__form-container h2 {
  margin-bottom: 3.5rem;
  display: block;
}
.contact-form .content-contact {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: calc(33.33% - 0vw);
  padding-top: 0px;
  padding-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .contact-form .content-contact {
    width: 100%;
    max-width: unset;
  }
}
.contact-form .content-contact__contact {
  width: 100%;
  margin-bottom: 6rem;
}
.contact-form .content-contact__contact .image-container {
  margin-bottom: 0px;
}
.contact-form .content-contact__contact .rich-text-content ul {
  padding-left: 0px;
}
.contact-form .content-contact__contact .rich-text-content ul li {
  list-style: none;
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
}
.contact-form .content-contact__contact .rich-text-content ul li::before {
  content: "";
  background-image: url(../assets/images/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 14px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contact-form .content-contact .global-cta {
  position: sticky;
  top: 0px;
  right: 0px;
  display: flex;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .contact-form .content-contact .global-cta {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .contact-form .content-contact .global-cta {
    flex-wrap: nowrap;
  }
}
.contact-form .content-contact .global-cta__content {
  width: calc(100% - 160px);
}
@media screen and (max-width: 980px) {
  .contact-form .content-contact .global-cta__content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .contact-form .content-contact .global-cta__content {
    width: calc(100% - 160px);
  }
}
.contact-form .content-contact .global-cta__title {
  color: #1F1F1F;
  margin-bottom: 0.5rem;
  display: block;
}
.contact-form .content-contact .global-cta__text {
  color: #91A1A9;
  margin-bottom: 2.125rem;
  display: block;
}
.contact-form .content-contact .global-cta__image {
  width: 160px;
}
@media screen and (max-width: 980px) {
  .contact-form .content-contact .global-cta__image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .contact-form .content-contact .global-cta__image {
    width: 160px;
  }
}
.contact-form .content-contact .global-cta__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sleutels-form {
  display: block;
  position: relative;
  padding: 8rem 0rem;
  max-width: 1340px;
  margin: auto;
}
@media screen and (max-width: 580px) {
  .sleutels-form {
    padding: 5.5rem 0rem;
  }
}
.sleutels-form__container {
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sleutels-form__container {
    flex-wrap: wrap;
    gap: 3.75rem;
  }
}
.sleutels-form__form-container {
  width: 100%;
}
.sleutels-form__form-container .rich-text-content p {
  margin-bottom: 1.5rem !important;
  display: block;
}
.sleutels-form__form-container .rich-text-content h1, .sleutels-form__form-container .rich-text-content h2, .sleutels-form__form-container .rich-text-content h3, .sleutels-form__form-container .rich-text-content h4, .sleutels-form__form-container .rich-text-content h5, .sleutels-form__form-container .rich-text-content h6 {
  margin-bottom: 3.5rem;
  display: block;
}
.sleutels-form__form-container .btn {
  margin-bottom: 3.5rem;
}
.sleutels-form__form-container .content-sleutels {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: calc(33.33% - 0vw);
  padding-top: 0px;
  padding-bottom: 0px;
}
.sleutels-form__form-container .content-sleutels__image img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sleutels-form__form-container .content-sleutels {
    width: 100%;
    max-width: unset;
  }
}

.cilinder-information {
  display: flex;
  margin-bottom: 3rem;
  justify-content: space-between;
  align-items: center;
  gap: 5vw;
  padding: 2rem;
}
.cilinder-information P {
  max-width: 50%;
}
.cilinder-information img {
  max-width: 50%;
}
@media screen and (max-width: 980px) {
  .cilinder-information {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .cilinder-information P {
    max-width: 100%;
  }
  .cilinder-information img {
    max-width: 100%;
  }
}
@media screen and (max-width: 580px) {
  .cilinder-information {
    gap: 2rem;
    padding: 1rem;
  }
}

.related-articles__container {
  padding-top: 3rem;
  padding-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
}
@media screen and (max-width: 980px) {
  .related-articles__container {
    gap: 4rem;
  }
}
.related-articles__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  .related-articles__content {
    flex-direction: column;
    gap: 2.5rem;
  }
}
.related-articles__content > h2 {
  width: 50%;
}
@media screen and (max-width: 580px) {
  .related-articles__content > h2 {
    width: 100%;
  }
}
.related-articles__content-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.related-articles__content-inner {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}
@media screen and (max-width: 580px) {
  .related-articles__content-inner {
    width: 100%;
  }
}
.related-articles__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(20, 1fr);
  gap: 0.75rem;
}
@media screen and (max-width: 580px) {
  .related-articles__items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.related-articles__items--alt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.related-articles__items--alt .related-articles__items-item {
  width: calc(50% - 0.375rem);
  aspect-ratio: 1/0.5;
}
.related-articles__items-item {
  position: relative;
  overflow: hidden;
  min-height: 20rem;
  text-decoration: none;
}
@media screen and (max-width: 580px) {
  .related-articles__items-item {
    width: 100%;
    min-height: unset;
    aspect-ratio: 1/1.1;
  }
}
.related-articles__items-item:nth-child(1) {
  grid-area: 1/1/12/2;
}
.related-articles__items-item:nth-child(2) {
  grid-area: 1/2/11/3;
}
.related-articles__items-item:nth-child(3) {
  grid-area: 12/1/21/2;
}
.related-articles__items-item:nth-child(4) {
  grid-area: 11/2/21/3;
}
.related-articles__items-item-background {
  position: relative;
  width: 100%;
  height: 100%;
}
.related-articles__items-item-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(324deg, rgba(24, 73, 69, 0.6) 37.57%, rgba(24, 73, 69, 0) 63.62%);
}
.related-articles__items-item-background img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-articles__items-item-content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.5rem;
}
@media screen and (max-width: 980px) {
  .related-articles__items-item-content {
    padding: 1.75rem;
  }
}
@media screen and (max-width: 580px) {
  .related-articles__items-item-content {
    padding: 1.5rem;
  }
}
.related-articles__items-item-content h4 {
  width: 75%;
  text-align: right;
}
@media screen and (max-width: 980px) {
  .related-articles__items-item-content h4 {
    width: 100%;
  }
}

.pdf-files {
  display: block;
  position: relative;
}
.pdf-files__container {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 980px) {
  .pdf-files__container {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 580px) {
  .pdf-files__container {
    padding-bottom: 4rem;
  }
}
.pdf-files__content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  .pdf-files__content {
    flex-direction: column;
    gap: 4.5rem;
  }
}
.pdf-files .pdffile__list {
  width: 65%;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 980px) {
  .pdf-files .pdffile__list {
    width: 55%;
  }
}
@media screen and (max-width: 580px) {
  .pdf-files .pdffile__list {
    width: 100%;
  }
}
.pdf-files .pdffile__list-item {
  width: 100%;
  height: 100%;
  max-height: var(--mHeight);
  transition: max-height cubic-bezier(0.61, 0, 0.37, 1) 0.4s;
  overflow: hidden;
  cursor: pointer;
}
.pdf-files .pdffile__list-item--active {
  max-height: var(--fHeight);
}
.pdf-files .pdffile__list-item--active .documentation__list-item-icon-line {
  transform: rotate(-180deg);
}
.pdf-files .pdffile__list-item--active .documentation__list-item-icon-line--alt {
  transform: rotate(0deg);
}
.pdf-files .pdffile__list-item-heading {
  width: 100%;
  padding: 2.5rem 0;
  border-bottom: 1px solid #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .pdf-files .pdffile__list-item-heading {
    padding: 2rem 0;
  }
}
@media screen and (max-width: 580px) {
  .pdf-files .pdffile__list-item-heading {
    padding: 1.75rem 0;
  }
}
.pdf-files .pdffile__list-item-icon {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  border: 1px solid #818F98;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pdf-files .pdffile__list-item-icon-line {
  width: 0.75rem;
  height: 2px;
  background-color: #1F1F1F;
  will-change: transform;
  transition: transform cubic-bezier(0.61, 0, 0.37, 1) 0.3s;
}
.pdf-files .pdffile__list-item-icon-line--alt {
  position: absolute;
  transform: rotate(90deg);
}
.pdf-files .pdffile__list-item__docs {
  display: none;
}
.pdf-files .pdffile__list-item__docs-item {
  padding: 2.5rem 1rem;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #F4F4F4;
}
@media screen and (max-width: 980px) {
  .pdf-files .pdffile__list-item__docs-item {
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 580px) {
  .pdf-files .pdffile__list-item__docs-item {
    padding: 1.75rem 0.75rem;
  }
}
.pdf-files .pdffile__list-item__docs-item-wrap {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  text-decoration: none;
}
.pdf-files .pdffile__list-item__docs-item-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.rich-text + .pdf-files {
  margin-top: -5rem;
}
@media screen and (max-width: 980px) {
  .rich-text + .pdf-files {
    margin-top: -2.5rem;
  }
}
@media screen and (max-width: 580px) {
  .rich-text + .pdf-files {
    margin-top: -2rem;
  }
}