/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*
Components
 */

.c-audio {
}

.c-audio__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 768px) {
    padding-block: 80px;
    padding-inline: 64px;
  }
}

.c-audio__content {
  flex: 1;
}

.c-audio__player {
  position: relative;
  background: #ECEAF5;
  border-radius: 100px;
  padding: 11px 20px 11px 11px;
  width: fit-content;
  margin-inline: auto;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

.c-audio__info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.c-audio__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;

  @media only screen and (max-width: 767px) {
    width: 64px;
    height: 64px;
  }
}

.c-audio__title {
  font-size: 16px;
  font-weight: 500;
  color: #1A1A1A;
  margin: 0;
}

.c-audio__time {
  color: rgba(0, 0, 0, 0.60);
}

.c-audio__element {
  width: revert;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}
.c-benefits {
  padding-inline: 24px;
  padding-block: 40px;
  max-width: 1568px;
  margin-inline: auto;

  @media only screen and (min-width: 768px) {
    padding-inline: 0;
  }
}

.c-benefits__container {

}

.c-benefits__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 40px 0 0 !important;
}

.c-benefits__item {
  margin-top: 56px;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;

  &:before {
    content: none !important;
  }
}

.c-benefits__item__img {
  max-width: 100%;
  margin-bottom: 32px !important;
}

.c-benefits__uppertitle {
  grid-area: 1 / 3 / 1 / 12;
}

.c-benefits__title {
  z-index: 1000;
  grid-area: 2 / 3 / 2 / 12;
}

.c-benefits__item__title {
  z-index: 1000;
  font-weight: 500 !important;
}

.c-benefits__item__link {
  display: block;
  margin-top: 24px;
}

.c-benefits__link {
  grid-area: 4 / 3 / 4 / 12;
  width: fit-content;
  margin-top: 40px;
}

@media only screen and (min-width: 768px) {
  .c-benefits__container {
    padding-inline: 0;
    padding-block: 80px;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }

  .c-benefits__list {
    grid-area: 3 / 3 / 3 / 12;
    margin: 64px 0 0;
    display: flex;
    gap: 40px;
  }

  .c-benefits__item {
    margin-top: 0;
    width: calc(33% - (80px / 3));
  }
}
.c-breadcrumb {
    z-index: 1000;
}

.c-breadcrumb__separator {
    margin-inline: 5px;
}
.c-button {
  margin-top: 24px;
}

.c-button--tertiary-action {
  position: relative;
  z-index: 1000;
  display: flex !important;
  gap: 15px;
  align-items: center;
  text-decoration: none;
  color: #000000;
  font-weight: 500;
  transition: all 0.5s ease !important;

  .icon-arrow, .icon-download {
    background: linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
  }
}

.c-button--tertiary-action--white {
  .icon-arrow, .icon-download {
    background: #ffffff;
  }
}

.c-button--tertiary-action:hover {
  .icon-arrow, .icon-download, .icon-arrow-grey {
    background: linear-gradient(90deg, #533EE1 0%, #CA93C7 100%);
  }
}

.c-button--tertiary-action--white:hover {
  .icon-arrow, .icon-download, .icon-arrow-grey {
    background: #D7D2EB;
  }
}
.contact__image {
  grid-area: 1 / 2 / 2 / 7;
}

.contact__image img {
  width: 100%;
}

.contact__text {
  grid-area: 1 / 7 / 2 / 13;
}

.contact__box-container {
  transform: translateY(-80px) translateX(25px);
}

@media only screen and (min-width: 768px) {
  .contact__box-container {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    transform: translateY(90%);
  }
}

@media only screen and (min-width: 1300px) {
  transform: translateY(70%);
}

@media only screen and (min-width: 1300px) {
  .contact__box-container {
    transform: translateY(50%);
  }
}

.contact__box {
  display: flex;
  grid-area: 1 / 1 / 2 / 5;
  padding: 25px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;

  border-radius: 5px;
  background: #100E16;
  color: #ffffff;
  width: 85%;
  position: absolute;
  right: 0;
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}

@media only screen and (min-width: 768px) {
  .contact__box {
    grid-area: 1 / 5 / 2 / 12;
    width: 100%;
    position: relative;
    right: initial;

    border-end-end-radius: 5px;
    border-start-end-radius: 5px;
  }
}

@media only screen and (min-width: 980px) {
  .contact__box {
    grid-area: 1 / 5 / 2 / 9;
  }
}


.contact__box-infos {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact__box-name {
  color: #FFFFFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.contact__box-function {
  color: #FFFFFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.contact__box-links {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 25px;
  flex-direction: column;
  flex-wrap: wrap;
}

@media only screen and (min-width: 980px) {
  .contact__box-links {
    flex-direction: row;
    gap: 20px 40px;
  }
}

.contact__box-links li {
  display: flex;
  gap: 15px;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  flex-direction: row;
  align-items: center;
}


.contact__box-links li a {
  display: flex !important;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  padding-right: 5px;
  padding-left: 0px;
  transition: all 0.5s ease !important;
}

.contact__box-links li a:hover {
  padding-right: 0px;
  padding-left: 5px;
  color: #D7D2EB;

  .icon-mail, .icon-phone {
    background: #D7D2EB;
  }
}
.error-page {

}

@media only screen and (min-width: 768px) {
  .error-page {

  }
}
.c-experts {
}

.c-experts__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 768px) {
    padding-block: 80px;
    padding-inline: 64px;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }
}

.c-experts__title {
  grid-area: 1 / 2 / 1 / 12;
  text-align: center;
}

.c-experts__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 50px 0 0 !important;
  grid-area: 2 / 2 / 2 / 12;

  display: flex;
  flex-direction: column;
  gap: 50px;

  @media only screen and (min-width: 768px) {
    gap: 100px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}


.c-experts__item {
  width: 100%;
  padding: 0 !important;
  border-bottom: none !important;

  &:before {
    content: none !important;
  }

  @media only screen and (min-width: 768px) {
    width: calc(33.333% - (200px / 3));
  }
}

.c-experts__item__img {
  position: relative;
  filter: grayscale(100%);
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4; /* Enforce a 3:4 aspect ratio */
  object-fit: cover; /* Ensure the image covers the area without distortion */
}

.c-experts__item__content {
  margin-top: 5px;
}

.c-experts__item__content--video {
  margin-top: 40px;

  @media only screen and (min-width: 768px) {
    margin-top: 0;
  }
}

.c-experts__item__name {
  font-weight: 500;
}

.c-experts__item__role {
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.6);
}

.c-experts__item__contact {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 15px;
}

.c-experts__item__e-mail,
.c-experts__item__phone,
.c-experts__item__linkedin {
  margin-top: 15px;

  .icon-mail, .icon-phone, .icon-linkedin {
    width: auto;
    height: auto;
    min-width: auto;
  }
}

.c-experts__item__img-container {
  position: relative;
}

.c-experts__item__video {
  position: absolute;
  z-index: 1;
  left: 40px;
  bottom: -24px;

  @media only screen and (min-width: 768px) {
    cursor: pointer;
    bottom: auto;
    top: 50px;
    left: -50px;
  }

  .icon-play-fill {
    background: linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
    width: 65px;
    height: 65px;

    @media only screen and (min-width: 768px) {
      width: 80px;
      height: 80px;
    }
  }

  @media only screen and (min-width: 768px) {
    .c-video-tag__player {
      background: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      transition: background 0.3s ease-in-out;
    }

    .c-audio__content {
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }

    .c-video-tag__player:has(.icon-play-fill:hover) {
      background: rgba(236, 234, 245, 0.6);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);

      .c-audio__content {
        opacity: 1;
      }
    }
  }
}
.c-faq-hero {
  background: #100E16;
  padding-top: 80px;
}

.c-faq-hero--bright {
  background: #ECEAF5;

  .c-faq-hero__uppertitle {
    color: rgba(0, 0, 0, 0.6);
  }

  .c-faq-hero__title {
    color: #100E16 !important;
  }

  .c-faq-hero__text {
    color: #100E16;
  }

  .c-faq-hero__link {
    color: #100E16;

    &:hover {
      color: #100E16;
    }
  }
}

.c-faq-hero__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 1200px) {
    padding-block: 80px;
    padding-inline: 64px;
    display: flex;
    gap: 24px;
  }
}

.c-faq-hero__info {
  @media only screen and (min-width: 1200px) {
    width: 60%;
  }
}

.c-faq-hero__uppertitle {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);

  @media only screen and (min-width: 1200px) {
    font-size: 24px;
  }
}

.c-faq-hero__title {
  margin-top: 8px;
  color: #ffffff !important;
}

.c-faq-hero__text {
  margin-top: 8px;
  color: #ffffff;
}

.c-faq-hero__link {
  margin-top: 24px;
  color: #ffffff;

  &:hover {
    color: #D7D2EB;
  }

  .icon-arrow-grey {
    transform: rotate(180deg);
  }
}
.c-faq-overview {
  background: #100E16;
  padding-top: 80px;
}

.c-faq-overview__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 1200px) {
    padding-block: 80px;
    padding-inline: 64px;
    display: flex;
    gap: 24px;
  }
}

.c-faq-overview__info {
  @media only screen and (min-width: 1200px) {
    width: 60%;
  }
}

.c-faq-overview__uppertitle {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);

  @media only screen and (min-width: 1200px) {
    font-size: 24px;
  }
}

.c-faq-overview__title {
  margin-top: 8px;
  color: #ffffff !important;
}

.c-faq-overview__text {
  margin-top: 8px;
  color: #ffffff;
}

.c-faq-overview__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 64px 0 0 !important;

  display: flex;
  gap: 26px 20px;
  flex-wrap: wrap;
  color: #ffffff;

  @media only screen and (min-width: 1200px) {
    gap: 55px 40px;
    width: 40%;
    margin: 24px 0 0 !important;
  }
}

.c-faq-overview__item {
  background: #28272d;
  border-radius: 5px;
  padding: 14px 14px 10px !important;
  width: calc(50% - 10px);
  border-bottom: none !important;
  z-index: 1;

  a {
    text-decoration: none;
    width: 100%;
  }

  &:before {
    content: none !important;
  }

  &:nth-child(2n + 2) {
    margin-top: -24px;
    margin-bottom: 24px;
  }

  @media only screen and (min-width: 1200px) {
    width: calc(50% - 20px);
    padding: 24px 24px 18px !important;
  }
}

.c-faq-overview__item__title {
  color: #ffffff;
}


.c-faq-overview__icon {
  margin-bottom: 24px;

  .c-faq-overview__image {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#28272d, #28272d) padding-box,
    linear-gradient(90deg, #CA93C7 0%, #533EE1 100%) border-box;
    border-radius: 100%;
    width: 56px;
    height: 56px;
    border: 3px solid transparent;

    img {
      height: 25px;
    }
  }
}

.c-faq-overview__item__link {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;

  .icon-arrow {
     background: #28272d;
  }
}
.c-faq-teaser {
  padding-block: 40px;
  padding-inline: 25px;
  margin-inline: auto;
  max-width: 1568px;

  @media only screen and (min-width: 1200px) {
    padding-block: 80px;
    padding-inline: 80px;
  }
}

.c-faq-teaser__container {
  background: radial-gradient(128.93% 99.1% at 30.38% 100%, #F0D5A9 0%, #DAA1D7 19%, #4234A4 50%, #100E16 95.5%);
  padding-block: 25px;

  @media only screen and (min-width: 1200px) {
    min-height: 379px;
    padding-inline: 80px;
    display: flex;
    gap: 40px;
    align-items: center;
  }
}

.c-faq-teaser__title {
  padding-inline: 25px;
  color: #FFFFFF !important;

  @media only screen and (min-width: 1200px) {
    padding-inline: 0;
    width: 60%;
  }
}
.c-faq {
  background: #100E16;
}

.c-faq--bright {
  background: #ECEAF5;

  .c-accordion__button {
    path {
      fill: #100E16 !important;
    }
  }

  .c-faq__title {
    color: #100E16 !important;
  }

  .c-accordion__item {
    border-top: solid 1px rgba(202, 147, 199, 0.5);
    border-bottom: solid 1px rgba(202, 147, 199, 0.5);

    &.is-active {
      background: rgba(202, 147, 199, 0.5);

      .c-accordion__button {
        path {
          fill: #100E16 !important;
        }
      }

      .c-accordion__item__title {
        color: #100E16 !important;
      }

      &:hover {
        background: rgba(202, 147, 199, 0.5);
      }
    }

    &:hover {
      background: rgba(202, 147, 199, 0.3);
    }

  }

  .c-accordion__item__title {
    color: #100E16 !important;
  }

}

.c-faq__container {
  margin-inline: auto;
  padding-block: 40px;
  max-width: 1568px;
  @media only screen and (min-width: 1200px) {
    padding-block: 40px 80px;
  }
}

.c-faq__content {
  margin-inline: 25px;

  @media only screen and (min-width: 1200px) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 64px;
    position: relative;
  }

  .c-video-tag__player {
    margin-inline: unset;
    height: fit-content;
    margin-top: 40px;

    @media only screen and (min-width: 1200px) {
      margin-top: 0;
    }
  }
}

.c-faq__title {
  color: #ffffff !important;
}

.c-faq__link {
  margin-top: 16px;
}



.c-accordion {

}

.c-accordion__button {
  position: relative;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  transition: transform 0.3s ease;

  .c-accordion__button__line {
    position: absolute;
    width: 25px;
    height: 25px;
    transition: transform 0.3s ease;
  }

  .c-accordion__button__line--vertical {
    transform: rotate(90deg);
  }
}

.c-accordion__item {
  position: relative;
  border-top: solid 1px #ECEAF5;
  border-bottom: solid 1px #ECEAF5;
  padding: 25px !important;
  cursor: pointer;
  z-index: 1;
  transition: background-color 0.3s ease-in-out;

  &:before {
    content: none !important;
  }

  @media only screen and (min-width: 1200px) {
    padding-block: 50px;
    padding-inline: 80px;

    align-items: start;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }

    &.is-active {
      background: #ECEAF5;

      .c-accordion__button {
        path {
          fill: #100E16 !important;
        }
      }

      .c-accordion__button__line--vertical {
        transform: rotate(180deg);
      }

      .c-accordion__item__title {
        color: #100E16 !important;
      }


    &:hover {
      background: #ECEAF5;

      .c-accordion__button__line {
        transform: none;
      }

      .c-accordion__button__line--vertical {
        transform: rotate(180deg);
      }
    }
  }

  &:hover {
    background: rgba(255, 255, 255, 0.25);

    .c-accordion__button__line {
      transform: rotate(90deg);
    }

    .c-accordion__button__line--vertical {
      transform: rotate(180deg);
    }
  }
}

.c-accordion__item__heading {
  display: flex;
  gap: 24px;
  align-items: center;

  @media only screen and (min-width: 1200px) {
    grid-column: 1 / 7;
  }
}

.c-accordion__item__title {
  color: #ECEAF5 !important;
  transition: color 0.3s ease-in-out;
}

.c-accordion__item__text {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  margin-top: 0;
  opacity: 0;
  cursor: default;

  &.is-visible {
    margin-top: 24px;
    opacity: 1;

    @media only screen and (min-width: 1200px) {
      margin-top: 0;
    }
  }

  @media only screen and (min-width: 1200px) {
    grid-column: 7 / 13;
  }
}

.c-accordion__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 40px 0 0 !important;
}
.c-gallery {
}

.c-gallery__container {
    position: relative;
    margin-inline: auto;
    padding-block: 40px;
    padding-inline: 25px;
    max-width: 1568px;

    @media only screen and (min-width: 768px) {
        padding: 80px;
    }
}

.c-gallery__content {
    text-align: center;
    place-self: center;
    margin-block: 48px;
    width: 100%;

    @media only screen and (min-width: 768px) {
      width: 80%;
      margin-block: 24px 56px;
    }

    @media only screen and (min-width: 1200px) {
        width: 55%;
        margin-block: 24px;
    }
}

.c-gallery__image-list,
.c-gallery__video-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;

    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;

  @media only screen and (min-width: 768px) {
    grid-column-gap: 40px;
  }
}

.c-gallery__image-item,
.c-gallery__video-item {
    padding: 0 !important;
    border-bottom: none !important;

    &:before {
        content: none !important;
    }

    &:nth-child(6n + 1) {
      grid-column: 1 / 7;
      margin-left: -25px;
    }

    &:nth-child(6n + 2) {
      grid-column: 7 / 13;
      margin-right: -25px;
    }

    &:nth-child(6n + 3) {
      grid-column: 1 / 13;
    }

    &:nth-child(6n + 4) {
      grid-column: 1 / 7;
        z-index: 1;
        margin-bottom: -100px;
    }

    &:nth-child(6n + 5) {
      margin-top: 80px;
      margin-right: -25px;
      grid-row: 4;
        grid-column: 9 / 13;
    }

    &:nth-child(6n + 6) {
      margin-top: -16px;
      grid-row: 5;
      grid-column: 4 / 12;
    }

    @media only screen and (min-width: 768px) {
        &:nth-child(6n + 1) {
          grid-column: 1 / 5;
            margin-right: 40px;
        }

        &:nth-child(6n + 2) {
            grid-column: 10 / 13;
        }

        &:nth-child(6n + 3) {
            grid-column: 1 / 13;
        }

        &:nth-child(6n + 4) {
          grid-column: 10 / 13;
            z-index: 1;
            margin-bottom: -100px;
        }

        &:nth-child(6n + 5) {
          margin-top: 0;
          grid-row: auto;
          grid-column: 1 / 5;
            margin-left: 54px;
            margin-right: -54px;
        }

        &:nth-child(6n + 6) {
          margin-top: 0;
          grid-row: auto;
          grid-column: 7 / 11;
        }
    }

    @media only screen and (min-width: 1200px) {
        &:nth-child(6n + 1) {
            grid-column: 1 / 4;
            margin-right: 40px;
        }

        &:nth-child(6n + 2) {
            grid-column: 11 / 13;
        }

        &:nth-child(6n + 3) {
            grid-column: 1 / 13;
        }

        &:nth-child(6n + 4) {
            grid-column: 10 / 13;
            z-index: 1;
            margin-bottom: -100px;
        }

        &:nth-child(6n + 5) {
            grid-column: 1 / 4;
            margin-left: 54px;
            margin-right: -54px;
        }

        &:nth-child(6n + 6) {
            grid-column: 7 / 11;
        }
    }
}

.c-gallery__image-item {
    position: relative;

    .c-video-tag__player--1 {
        position: absolute;
        bottom: -25px;
        left: 25px;
        width: 80vw;

        @media only screen and (min-width: 767px) {
            left: auto;
            bottom: 40px;
            right: -200px;
            width: auto;
        }
    }

    .c-video-tag__player--2 {
        bottom: -50px;
        position: absolute;
        left: -100px;
        width: auto;

        @media only screen and (min-width: 767px) {
            bottom: auto;
            top: -90px;
            left: -50px;
        }
    }
}

.c-gallery__content__link {
    margin-top: 16px;
}

/*
.c-gallery__image-item:not(.c-gallery__content) {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    transform-origin: center center;
}*/
:root {
  --font-color: #ffffff;
  --font-color-hover: #B9B9B9;
  --background-color: rgba(0, 0, 0, 0.6);
  --background-color-hover: rgba(0, 0, 0, 0.60);
}

.c-header {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
}

.c-header__dark {
  .c-navigation__main__item,
  .c-navigation__meta,
  .c-navigation__dropdown {
    opacity: 1;
    background: var(--background-color);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    a {
      color: var(--font-color);

      &:hover {
        color: var(--font-color-hover);
      }
    }
  }

  .c-navigation__dropdown__item {
    border-bottom: 1px solid #FFFFFF;
    color: #000000;
    background: var(--background-color);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    &:last-of-type {
      border-bottom: none;
    }
  }
}


.c-header__light {
  .c-navigation__main__item,
  .c-navigation__meta,
  .c-navigation__dropdown {
    opacity: 1;
    //background: rgba(255, 255, 255, 0.1);

    a {
      color: var(--font-color);
      // color: #B9B9B9;
      background: var(--background-color);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      border-radius: 5px;
      transition: all 0.3s ease-in-out;

      &:hover {
        color: var(--font-color-hover);
        //background: var(--background-color-hover) !important;
      }
    }

    .c-navigation__dropdown__item {
      a {
        background: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }
    }
  }

  .c-navigation__dropdown__item {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    background: var(--background-color);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    &:last-of-type {
      border-bottom: none;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    }

    &:hover {
      background: var(--background-color-hover);
    }
  }

  path {
    fill: var(--font-color-hover);
  }
}
.c-hero {
  margin-inline: auto;
  padding-block: 80px 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 768px) {
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    display: grid;
    flex-direction: row;
  }

  @media only screen and (min-width: 1600px) {
    grid-row-gap: 0;
  }

  .c-hero__title,
  .c-hero__text {
    color: #ffffff;
  }

  .c-hero__uppertitle {
    color: rgba(255, 255, 255, 0.6)
  }

  .c-hero__container {
    height: 50vh;

    @media only screen and (min-width: 768px) {
      height: auto;
      grid-area: 1 / 1 / 1 / 12;
    }

    @media only screen and (min-width: 1600px) {
      grid-area: 1 / 1 / 1 / 7;
    }

    .c-button {
      text-align: left;
    }
  }

  .c-hero__teaser-container {
    height: 50vh;

    @media only screen and (min-width: 768px) {
      max-width: 110%;
      margin-inline: -20px;
      justify-self: center;
      height: auto;
      grid-area: 2 / 1 / 2 / 13;
    }

    @media only screen and (min-width: 800px) {
      max-width: 100%;
      margin-inline: 0;
      justify-self: center;
      height: auto;
      grid-area: 2 / 1 / 2 / 13;
    }

    @media only screen and (min-width: 1100px) {
      max-width: 70%;
    }

    @media only screen and (min-width: 1600px) {
      max-width: 100%;
      grid-area: 1 / 8 / 1 / 13;
    }

  }

  .c-teaser-mix__item--experts {
    @media only screen and (min-width: 768px) {
      width: calc(70% - (40px / 2)) !important;
    }
  }

  .c-teaser-mix__item.c-teaser-mix__item--experts {
    @media only screen and (min-width: 768px) {
      margin-left: 80px;
    }

    .c-teaser-mix__item__container {
      background: #ECEAF5;
    }

    .c-teaser-mix__item__title,
    .c-teaser-mix__item__text {
      color: #100E16;
    }

    .c-teaser-mix__item__image__img {
      border: 1px solid #ECEAF5;
    }
  }

  .c-teaser-mix__item:nth-child(4n + 1).c-teaser-mix__item--knowledge,
  .c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--knowledge {
    .c-teaser-mix__item__link {
      @media only screen and (min-width: 768px) {
        bottom: auto;
        top: 50%;
        right: auto;
        left: -100px;
        transform: translateY(-50%);
      }
    }
  }

  .c-teaser-mix__item:nth-child(4n + 3).c-teaser-mix__item--knowledge {
    .c-teaser-mix__item__link {
      @media only screen and (min-width: 768px) {
        bottom: auto;
        top: 50%;
        left: auto;
        right: -100px;
        transform: translateY(-50%);
      }
    }
  }

  .c-teaser-mix__item:nth-child(4n + 1).c-teaser-mix__item--page,
  .c-teaser-mix__item:nth-child(4n + 3).c-teaser-mix__item--page {
    .c-teaser-mix__item__container {
      position: relative;
      margin-left: 0;

      @media only screen and (min-width: 768px) {
        margin-right: 80px;
      }
    }

    .c-teaser-mix__item__link {
      left: auto;
      right: -70px;
    }
  }

  .c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--page {
    align-content: start;

    .c-teaser-mix__item__container {
      position: relative;
      margin-right: 0;

      @media only screen and (min-width: 768px) {
        margin-left: 80px;
      }
    }

    .c-teaser-mix__item__link {
      left: -70px;
      right: auto;
    }
  }

  .c-teaser-mix__list {
    height: 100%;
    margin-top: 0 !important;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 30px;
    padding-bottom: 8px; /* Reduced to account for scrollbar height */
    -webkit-overflow-scrolling: touch;

    @media only screen and (min-width: 768px) {
      justify-content: center;
      gap: 40px;
      overflow-x: revert;
    }

    @media only screen and (min-width: 1600px) {
      justify-content: revert;
    }

    .c-teaser-mix__item__container {
      height: 100%;

      @media only screen and (min-width: 768px) {
        height: auto;
      }
    }

    /* Scrollbar styling */
    &::-webkit-scrollbar {
      height: 2px;
      width: auto;
    }

    &::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.4);
    }

    &::-webkit-scrollbar-thumb {
      background: #FFFFFF;
    }

    &::-webkit-scrollbar-thumb:hover {
      background: #555;
    }
  }

  .c-teaser-mix__item {
    flex: 0 0 88%; /* Fixed width for each item */
    max-width: 88%;
    margin-right: 0; /* Remove default margin */

    @media only screen and (min-width: 768px) {
      flex: none;
      max-width: unset;
    }
  }

  .c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--text {
    align-self: flex-start;
  }
}

.c-hero--center {
  text-align: center;

  .c-hero__teaser-container {
    height: auto;
  }

  .c-hero__container {
    @media only screen and (min-width: 768px) {
      grid-area: 1 / 4 / 1 / 10;
    }

    .c-button {
      text-align: center;
    }
  }
}


.s-hero--bright {
  .c-hero__title,
  .c-hero__text
  {
    color: #000000;
  }

  .c-hero__uppertitle {
    color: rgba(0, 0, 0, 0.6)
  }

  .c-teaser-mix__item.c-teaser-mix__item--experts {
    .c-teaser-mix__item__container {
      background: #100E16;
    }

    .c-teaser-mix__item__image__img {
      border: 1px solid #100E16;
    }

    .c-teaser-mix__item__title,
    .c-teaser-mix__item__text {
      color: #ECEAF5;
    }
  }
}
.c-image {

}

.c-image__container {
    padding-inline: 24px;
    padding-block: 40px;
    margin-inline: auto;
    max-width: 1032px;

    @media only screen and (min-width: 768px) {
        padding-inline: 0;
    }
}

.c-image__figure {
    margin: 0;
}

.c-image__image {
    width: 100%;
    height: auto;
}
.c-image-cta {
  align-items: center;
}

.c-image-cta__image {
  grid-area: 2 / 1 / 2 / 10;
  margin-top: 24px;

  img {
    width: 100%;
  }
}

.c-image-cta__subtitle {
  margin-top: 4px;
}

.c-image-cta__content {
  grid-area: 1 / 1 / 1 / 12;
}


.c-image-cta__button {
  margin-top: 24px;
}


@media only screen and (min-width: 900px) {
  .c-image-cta__image {
    grid-area: 1 / 1 / 1 / 6;
    margin-top: 0;
  }

  .c-image-cta__content {
    grid-area: 1 / 6 / 1 / 13;
  }
}

@media only screen and (min-width: 1300px) {
  .c-image-cta__image {
    grid-area: 1 / 2 / 1 / 7;
  }

  .c-image-cta__content {
    grid-area: 1 / 7 / 1 / 12;
  }
}
.c-knowledge-overview {
  .s-hero {
    height: 70vh;

    .c-hero {
      padding: 0 25px;
    }

    .c-hero__container {
      height: unset;
    }
  }
}

.c-knowledge-overview__container {
  margin-block: 40px;
  max-width: 1568px;
  margin-inline: auto;
  padding-inline: 25px;

  @media only screen and (min-width: 768px) {
    padding-inline: 0;
    margin-block: 80px;
  }
}

.c-knowledge-overview__grid {
  padding-block: 20px;
}

.c-knowledge-overview__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.c-knowledge-overview__item {
  position: relative;
  margin-bottom: 40px;
  margin-right: 60px;

  @media only screen and (min-width: 768px) {
    margin-right: 0;
  }

  a {
    display: block !important;
    text-decoration: none;

    .c-knowledge-overview__item__image {
      transition: transform 0.5s ease-in-out !important;
    }

    .c-knowledge-overview__item__link {
      .icon-arrow-grey {
        transition: background 1s ease-out;
      }
    }

    &:hover {
      .c-knowledge-overview__item__image {
        transform: scale(1.1);
      }

      .icon-arrow {
        background: linear-gradient(90deg, #533EE1 0%, #CA93C7 100%);
      }

      .icon-arrow-grey {
        background: #D7D2EB;
      }
    }
  }

  &:nth-child(6n + 5) {
    margin-left: -25px;
    margin-right: -25px;

    .c-knowledge-overview__item__image-container {
      width: 100%;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 0;
    }

    .c-knowledge-overview__item__image {
      position: relative;
      z-index: -1;
    }

    .c-knowledge-overview__item__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
    }

    .c-knowledge-overview__item__tag,
    .c-knowledge-overview__item__title,
    .c-knowledge-overview__item__link {
      color: #ffffff;
      justify-content: center;
    }
  }

  &:nth-child(6n + 6) {
    justify-self: center;
    justify-items: center;
    align-content: center;
    margin-right: 0;

    .c-knowledge-overview__item__image-container {
      width: 50%;
      margin: auto;
    }

    .c-knowledge-overview__item__tag,
    .c-knowledge-overview__item__title {
      text-align: center;
    }

    .c-knowledge-overview__item__link {
      justify-content: center;
    }
  }
}

.c-knowledge-overview__item__image-container {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 5px;
}

.c-knowledge-overview__item__image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Adjusts how the image is resized */
}

.c-knowledge-overview__item__tag {
  margin-top: 24px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.60);
}

.c-knowledge-overview__item__title {
  margin-top: 8px !important;
}

.c-knowledge-overview__item__link {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .c-knowledge-overview__list {
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }

  .c-knowledge-overview__item {
    grid-column: span 2;
    margin-bottom: 64px;
  }

  /* First in the row */
  .c-knowledge-overview__item:nth-child(6n + 1) {
    grid-column: 1 / 4;
  }

  /* Second in the row */
  .c-knowledge-overview__item:nth-child(6n + 2) {
    grid-column: 4 / 7;
  }

  /* Third in the row */
  .c-knowledge-overview__item:nth-child(6n + 3) {
    grid-column: 7 / 10;
  }

  /* Fourth in the row */
  .c-knowledge-overview__item:nth-child(6n + 4) {
    grid-column: 10 / 13;
  }

  /* 5th and 6th items spanning 50% width */
  .c-knowledge-overview__item:nth-child(6n + 5),
  .c-knowledge-overview__item:nth-child(6n + 6) {
    grid-column: span 6;

    .c-knowledge-overview__item__image-container {
      width: 100%;
    }
  }

  .c-knowledge-overview__item:nth-child(6n + 5) {
    margin-left: -16px;
    margin-right: 16px;

    .icon-arrow {
      background: #ffffff;
    }

    .c-knowledge-overview__item__image-container {
      background: rgba(0, 0, 0, 0.6);
      border-radius: 0;
    }

    .c-knowledge-overview__item__image {
      position: relative;
      z-index: -1;
    }

    .c-knowledge-overview__item__tag,
    .c-knowledge-overview__item__title,
    .c-knowledge-overview__item__link {
      color: #ffffff;
    }

    .c-knowledge-overview__item__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      place-items: center;
    }
  }

  .c-knowledge-overview__item:nth-child(6n + 6) {
    width: 50%;
    justify-self: center;
    justify-items: center;
    align-content: center;

    .c-knowledge-overview__item__image-container {
      width: 90%;
    }

    .c-knowledge-overview__item__tag,
    .c-knowledge-overview__item__title {
      text-align: center;
    }
  }

  .c-knowledge-overview__item__image-container {
    width: 66%;
  }
}
.c-knowledge-hero {
    padding: 40px 25px;

    .label {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.6);
    }

    .text {
        margin-top: 8px;
        color: #ffffff;
        font-weight: 500;
    }
}

.c-knowledge-hero__container {
    padding-block: 80px 0;
    margin-inline: auto;
    max-width: 1568px;
}

.c-knowledge-hero__uppertitle {
    font-size: 20px;
    color: #656565;
}

.c-knowledge-hero__title {
    margin-top: 8px;
}

.c-knowledge-hero__image {
    width: 100%;
    object-fit: cover;
    max-height: 400px;
}

.c-knowledge-hero__content {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
    height: auto;

    @media only screen and (min-width: 1200px) {
        margin-top: 40px;
        flex-direction: row;
        gap: 40px;
    }
}

.c-knowledge-hero__boxes {
    display: flex;
    flex-direction: column;
    gap: 16px;

    @media only screen and (min-width: 768px) {
        width: 30%;
        gap: 40px;
    }

    @media only screen and (min-width: 1200px) {
        width: 20%;
    }
}

.c-knowledge-hero__box {
    color: #ffffff;
    background-color: #100E16;
    border-radius: 5px;
    padding: 16px;
}

.c-knowledge-hero__time {
    margin-top: 16px;
}

.c-knowledge-hero__author {
    margin-top: 16px;
}

.c-knowledge-hero__icon {
    .icon-book, .icon-user {
        background: linear-gradient(#100E16, #100E16) padding-box,
        linear-gradient(90deg, #CA93C7 0%, #533EE1 100%) border-box;
        border-radius: 50em;
        border: 3px solid transparent;
        background-color: #000000;
    }
}

.c-knowledge-hero__text {
    margin-top: 32px;
    width: 100%;
}

.c-knowledge-hero__toc {
    margin-top: 56px;
}

.c-knowledge-hero__toc__title--line {
    content: "";
    display: block;
    width: 100%;
    height: 1px; /* Adjust the thickness of the line */
    background-color: #000000; /* Adjust the color of the line */
}

.c-knowledge-hero__toc__title {
    display: flex;
    gap: 40px;
    align-items: center;

    h2 {
        white-space: nowrap;
        margin: 0 !important;
    }
}

.c-knowledge-hero__toc__item {
    width: 100%;
    border-bottom: 1px solid #656565 !important;
    margin-top: 16px;
    padding: 0 0 4px 0 !important;

    a {
        color: #656565 !important;
        text-decoration: none;
    }

    &:before {
        content: none !important;
    }

    .icon-arrow {
        background: #656565;
    }
}

.c-knowledge-hero__toc__item__link {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}


@media only screen and (min-width: 768px) {
    .c-knowledge-hero {
        padding: 80px;
    }

    .c-knowledge-hero__text {
        width: 80%;
    }

    .c-knowledge-hero__uppertitle {
        font-size: 24px;
    }

    .c-knowledge-hero__image {
        max-height: 480px;
    }

    .c-knowledge-hero__toc {
        align-items: center;
        justify-content: center;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0;
        display: grid;
        flex-direction: row;
        margin-top: 80px;
    }

    .c-knowledge-hero__toc__wrapper {
        grid-area: 1 / 1 / 1 / 5;
    }
}
.c-knowledge-teaser {
    background: #ECEAF5;
    overflow: hidden;
}

.c-knowledge-teaser__container {
    margin-top: 40px;
    max-width: 1568px;
    margin-inline: auto;
    padding: 40px 20px;

    @media only screen and (min-width: 768px) {
        margin-top: 80px;
        padding: 80px 20px 0;
    }
}

.c-knowledge-teaser__item__title {
    margin-top: 8px !important;
}

.c-knowledge-teaser__item__link {
    margin-top: 16px;
    justify-content: center;

    .icon-arrow-grey {
        transition: background 1s ease-out;
    }

    &:hover {
        .icon-arrow-grey {
            background: #D7D2EB;
        }
    }
}

.c-knowledge-teaser__item__tag {
    margin-top: 24px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.60);
}

.c-knowledge-teaser__item {
    position: relative;
    padding: 0 !important;
    border-bottom: none !important;
    z-index: 10;
    margin-bottom: 40px;
    justify-items: center;
    text-align: center;

    a {
        display: block !important;
        text-decoration: none;

        .c-knowledge-teaser__item__image {
            transition: transform 0.5s ease-in-out !important;
        }

        &:hover {
            .c-knowledge-teaser__item__image {
                transform: scale(1.1);
            }

            .icon-arrow {
                background: linear-gradient(90deg, #533EE1 0%, #CA93C7 100%);
            }

            .icon-arrow-grey {
                background: #D7D2EB;
            }
        }
    }

    &:first-of-type {
        margin-left: -25px;
        margin-right: -25px;

        .c-knowledge-teaser__item__image-container {
            width: 100%;
            background: rgba(0, 0, 0, 0.6);
            border-radius: 0;
        }

        .c-knowledge-teaser__item__image {
            position: relative;
            z-index: -1;
        }

        .c-knowledge-teaser__item__content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }

        .c-knowledge-teaser__item__tag,
        .c-knowledge-teaser__item__title,
        .c-knowledge-teaser__item__link {
            color: #ffffff;
        }
    }

    &:last-of-type {
        margin-bottom: 0;
    }

    @media only screen and (min-width: 768px) {
        margin-bottom: 0;
    }

    &:before {
        content: none !important;
    }
}

.c-knowledge-teaser__title {
    text-align: center;
}

.c-knowledge-teaser__button {
    text-align: center;
    margin-top: 24px;
}

.c-knowledge-teaser__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 40px 0 0 !important;
}

.c-knowledge-teaser__item__image-container {
    width: 50%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 5px;
    margin-inline: auto;

    @media only screen and (min-width: 768px) {
        width: 100%;
    }
}

.c-knowledge-teaser__item__image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Adjusts how the image is resized */
}


@media only screen and (min-width: 768px) {
    .c-knowledge-teaser__button {
        margin-top: 32px;
    }

    .c-knowledge-teaser__list {
        margin: 80px 0 0 !important;
        align-items: center;
        justify-content: center;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0;
        display: grid;
        flex-direction: row;
    }

    /* 5th and 6th items spanning 50% width */
    .c-knowledge-teaser__item:nth-child(2n + 1),
    .c-knowledge-teaser__item:nth-child(2n + 2) {
        grid-column: span 6;

        .c-knowledge-teaser__item__image-container {
            width: 100%;
        }
    }

    .c-knowledge-teaser__item:nth-child(2n + 1) {
        margin-left: -40px;

        .icon-arrow {
            background: #ffffff;
        }

        .c-knowledge-teaser__item__image-container {
            background: rgba(0, 0, 0, 0.6);
            border-radius: 0;
        }

        .c-knowledge-teaser__item__image {
            position: relative;
            z-index: -1;
        }

        .c-knowledge-teaser__item__tag,
        .c-knowledge-teaser__item__title,
        .c-knowledge-teaser__item__link {
            color: #ffffff;
        }

        .c-knowledge-teaser__item__content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }
    }

    .c-knowledge-teaser__item:nth-child(2n + 2) {
        width: 50%;
        justify-self: center;
        justify-items: center;

        .c-knowledge-teaser__item__image-container {
            width: 90%;
        }

        .c-knowledge-teaser__item__tag,
        .c-knowledge-teaser__item__title {
            text-align: center;
        }
    }

    .c-knowledge-teaser__item__image-container {
        width: 66%;
    }
}
.c-meeting-scheduler {
  position: relative;
  z-index: 1;
}

.c-meeting-scheduler__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1032px;

  @media only screen and (min-width: 768px) {
    padding-block: 80px;
    padding-inline: 0;
  }
}
:root {
  --font-color: #ffffff;
  --background-color: rgba(0, 0, 0, 0.6);
  --background-color-active: rgba(0, 0, 0, 0.7);
  --background-color-hover: rgba(0, 0, 0, 0.6);
}

.c-navigation {
  display: flex;
  gap: 40px;
}

.c-navigation__content {
  position: absolute;
  color: var(--font-color);
  background-color: #100E16;
  height: 100vh;
  width: 100vw;
  left: -200vw;
  top: -25px;
  padding: 115px 25px;
  transition: left 0.3s ease-in-out;
}

@media only screen and (min-width: 930px) {
  .c-navigation__content {
    background-color: transparent;
    display: flex;
    gap: 120px;
    position: relative; /* Needed for positioning dropdowns */
    height: auto;
    width: auto;
    padding: 0;
    top: auto;
    left: auto;
  }
}

.c-navigation__main,
.c-navigation__meta,
.c-navigation__dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-navigation__link {
  width: 100%;
  text-align: center;

  text-decoration: none;
  padding-block: 12px;
  padding-inline: 25px;
  transition: color 0.3s ease-out;
}

.c-navigation__link.link-active {
  background-color: var(--background-color-active) !important;
}

.c-navigation__main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 50px;
}

@media only screen and (min-width: 930px) {
  .c-navigation__main {
    flex-direction: row;
    gap: 15px;
    margin-bottom: 0;
  }
}

.c-navigation__main__item {
  display: flex;
  position: relative;
  justify-content: center;
  border-radius: 5px;
}

.c-navigation__meta {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  background-color: var(--background-color);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  .c-navigation__link {
    padding-inline: 15px;
  }

  .c-navigation__label {
    font-size: 16px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 930px) {
  .c-navigation__meta {
    justify-content: unset;
  }
}

.c-navigation__meta__item {
  display: flex;
  flex: 1 1 0;

  @media only screen and (min-width: 930px) {
    flex: auto;
  }

  .c-navigation__link {
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    &:hover {
      background-color: var(--background-color-hover);
    }
  }
}

.c-navigation__label {
  font-size: 18px;
  font-style: normal;
  line-height: 1.5;
  font-weight: 500;
}

/* Dropdown-Specific Styles */
.c-navigation__link--dropdown {
  cursor: pointer;
}

.c-navigation__dropdown {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%; /* Aligns below the parent item */
  left: 0;
  color: #000000;
  z-index: 9999;
}

.c-navigation__dropdown__item {
  text-align: center;
  padding: 9px 0;
  background: transparent;
}

@media only screen and (min-width: 930px) {
  .c-navigation__dropdown__item {
    text-align: unset;
    padding: 8px 0 11px 25px;
  }
}

.c-navigation__dropdown__item a {
  text-decoration: none;
  color: inherit;
  font-size: 16px;
  display: block;
}

/* Show Dropdown on Hover */
.c-navigation__main__item--dropdown:hover {
  .c-navigation__link--dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .c-navigation__dropdown {
    display: block;
  }
}

.c-navigation__hamburger {
  position: relative;
  border-radius: 5px;
  background-color: var(--background-color);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;

  .lines {
    position: relative;
    width: 25px;
    height: 25px;
  }

  .line {
    position: absolute;
    width: 100%;
    height: 1.5px;
    background-color: #ffffff;
    transition: transform 0.3s ease, top 0.3s ease;
  }

  .line1 {
    top: 3px;
  }

  .line2 {
    top: 11px;
  }

  .circle {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 50%;
    bottom: 3px;
    right: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
}

/* Active state (X shape) */
.c-navigation__hamburger.active .line1 {
  transform: rotate(45deg);
  top: 11px;
}

.c-navigation__hamburger.active .line2 {
  transform: rotate(-45deg);
  top: 11px;
}

.c-navigation__hamburger.active .circle {
  opacity: 0;
  transform: scale(0.5);
}

/* Smooth scaling for the container */
.c-navigation__hamburger:active {
  transform: scale(0.95);
}

@media only screen and (min-width: 930px) {
  .c-navigation__hamburger {
    display: none;
  }
}

.c-navigation__content.active {
  left: -80px;
  position: absolute;
  color: var(--font-color);
  background-color: #100E16;
  height: 100vh;
  width: 100vw;
  top: -50px;
  padding: 115px 25px;
  transition: left 0.3s ease-in-out;
  flex-direction: column;
}


@media only screen and (max-width: 1515px) {
  .c-navigation__meta {
    display: none;
  }

  .c-navigation__hamburger {
    display: flex;
    height: 50px;
    width: 50px;
    min-width: 50px;
  }

  .c-navigation__content.active {
    .c-navigation__main{
      flex-direction: column;
      gap: 10px;
      margin-bottom: 50px;
    }

    .c-navigation__main__item {
      align-self: center;
    }

    .c-navigation__meta {
      align-self: center;
      align-items: center;
    }
  }
}

@media only screen and (max-width: 768px) {
  .c-navigation__content.active {
    left: -25px;
    top: -25px;
  }

  .c-navigation__meta {
    display: flex;
  }

  .c-navigation__hamburger {
    height: 40px;
    width: 40px;
    min-width: 40px;
  }
}

.c-navigation__content.active {
  .c-navigation__meta {
    display: flex;
  }
}
.c-richtext {
    max-width: 1032px;
    margin-inline: auto;
    padding-inline: 24px;
    overflow: hidden;

    position: relative;
    z-index: 1000;

    @media only screen and (min-width: 1200px) {
        padding-inline: 0;
    }

    strong {
        font-weight: 500;
    }

    code {
        font-family: "indivisible";
        background-image: linear-gradient(90deg, #E7C1C4 0%, #CA93C7 50%, #7a6dd6 100%);
        background-size: 100% 50%;
        background-repeat: no-repeat;
        background-position: 0 100%;
        padding-bottom: 2px;
        padding-inline: 2px;
        display: inline;
    }
}
.c-course-hero {
  background: #100E16;
  padding-top: 80px;

  @media only screen and (min-width: 1300px) {
    padding-top: 150px;
  }

  .c-breadcrumb {
    color: #B9B9B9;
    display: flex;
    grid-column: 1 / 13;

    path {
      fill: #B9B9B9;
    }
  }
}

.c-course-hero__footer.is-hidden {
  /* Slide down to hide */
  position: fixed;
  opacity: 0;
  transform: translateY(100%);
}

.c-course-hero__footer.is-fixed:not(.is-hidden) {
  transform: translateY(0);
  opacity: 1;
}

.c-course-hero__footer {
  position: relative;
  width: 100%;
  background: #ECEAF5;
  z-index: 1001;

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity;

  &.is-fixed {
    transform: translateY(0);

    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1001;
    left: 0;
  }

  .c-course-hero__wrapper {
    padding-block: 25px;
  }

  .c-button {
    margin-top: 0;
    text-wrap: nowrap;
    position: absolute;
    bottom: 35px;
    right: 35px;

    @media only screen and (min-width: 1300px) {
      position: unset;
    }
  }
}

.c-course-hero__footer__content {

  @media only screen and (min-width: 1300px) {
    display: flex;
    gap: 25px;
    align-items: center;
    grid-column: 1 / 13;
  }
}

.c-course-hero__container {
  margin-inline: auto;
  padding-inline: 25px;
  max-width: 1728px;
}

.c-course-hero__wrapper {
  padding-bottom: 40px;

  @media only screen and (min-width: 1300px) {
    padding-inline: 80px;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
    padding-bottom: 160px;
  }
}

.c-course-hero__content {
  margin-bottom: 30px;
  @media only screen and (min-width: 1300px) {
    grid-column: 1 / 7;
  }
}

.c-course-hero__uppertitle {
  color: rgba(255, 255, 255, 0.60);
}

.c-course-hero__title,
.c-course-hero__text {
  color: #ffffff;
}

.c-course-hero__title {
  margin-top: 8px;
  max-width: none;
  padding-inline: 0;
}

.c-course-hero__text {
  margin-top: 8px;
}

.c-course-hero__facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Default: 2 columns for < 768px */
  gap: 20px;
  padding: 0 !important;
  margin: 0 !important;

  @media only screen and (min-width: 768px) and (max-width: 1299px) {
    grid-template-columns: repeat(4, 1fr); /* 4 columns for mid-sized screens */
  }

  @media only screen and (min-width: 1300px) {
    grid-template-columns: repeat(2, 1fr); /* Back to 2 columns */
    grid-column: 8 / 13;
  }

  .c-faq-overview__image {
    svg {
      height: 25px;
    }
  }
}

.c-course-hero__fact,
.c-course-hero__participants,
.c-course-hero__language,
.c-course-hero__advisor {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 25px !important;
}

.c-course-hero__fact__uppertitle {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

.c-course-hero__fact__text {
  color: #ffffff;
}

.c-course-hero__advisor__image {
  img {
    border-radius: 100%;
    width: 56px;
    height: 56px;
  }
}

.c-course-hero__next-execution {
  color: #656565;
}

.c-course-hero__date {
  display: flex;
  align-items: center;
  flex-direction: column;

  @media only screen and (min-width: 768px) {
    flex-direction: row;
    gap: 12px;
  }
}

.c-course-hero__footer__box {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 15px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;

  @media only screen and (min-width: 1300px) {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    padding: 15px 50px;
  }

  .c-faq-overview__icon {
    margin-bottom: 0;

    @media only screen and (min-width: 1300px) {
      margin-bottom: 15px;
    }
  }

  .c-faq-overview__image {
    background: #ffffff;
    height: 22px;
    width: 22px;

    @media only screen and (min-width: 1300px) {
      height: 56px;
      width: 56px;
      background: linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(90deg, #CA93C7 0%, #533EE1 100%) border-box;
    }

    svg {
      height: 15px;

      @media only screen and (min-width: 1300px) {
        height: 25px;
      }
    }
  }
}

.c-course-hero__footer__price {
  display: flex;
  flex-direction: column;

  @media only screen and (min-width: 540px) {
    align-items: center;
    flex-direction: row;
    gap: 15px;
  }
}

.c-course-hero__footer__tax {
  color: #656565;
}

.c-course-hero__footer__text {
  width: max-content;
  margin: auto auto 15px;

  @media only screen and (min-width: 1300px) {
    margin: 0;
  }
}

.c-course-hero__footer__box__item {
  display: flex;
  gap: 5px;

  @media only screen and (min-width: 1300px) {
    flex-direction: column;
    gap: 0;
  }
}
.c-stories-overview {
  background: #ECEAF5;
}

.c-stories-overview__container {
  margin-inline: auto;
  padding-block: 80px 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 768px) {
    padding-block: 150px 80px;
    padding-inline: 64px;
  }
}

.c-stories-overview__uppertitle {
  color: rgba(0, 0, 0, 0.60);
}

.c-stories-overview__text {
  margin-top: 8px;
  width: 100%;

  @media only screen and (min-width: 768px) {
    width: 60%;
  }
}

.c-stories-overview__grid {
  padding-top: 40px;

  @media only screen and (min-width: 768px) {
    padding-top: 80px;
  }
}

.c-stories-overview__list {
  list-style: none;
  margin: 0;
  padding: 0;

  @media only screen and (min-width: 768px) {
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }
}

.c-stories-overview__item__image-container {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 100%;
}

.c-stories-overview__item__image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Adjusts how the image is resized */
}

.c-stories-overview__item {
  position: relative;
  margin-bottom: 32px;
  border-radius: 5px;
  background: #100E16;
  padding: 32px 24px;

  @media only screen and (min-width: 768px) {
    grid-column: span 4;
    margin-bottom: 80px;

    &:nth-child(2n + 1) {
      grid-column: 1 / 7;
    }

    &:nth-child(2n + 2) {
      grid-column: 7 / 13;
    }
  }

  @media only screen and (min-width: 1200px) {
    grid-column: span 3;
    margin-bottom: 80px;

    &:nth-child(4n + 1) {
      grid-column: 2 / 5;
    }

    &:nth-child(4n + 2) {
      margin-top: 80px;
      grid-column: 8 / 11;
    }

    &:nth-child(4n + 3) {
      grid-column: 5 / 8;
    }

    &:nth-child(4n + 4) {
      margin-top: 80px;
      grid-column: 10 / 13;
    }
  }
}

.c-stories-overview__item__tag {
  font-size: 16px;
  color: rgba(255, 255, 2555, 0.60);
}

.c-stories-overview__item__content {
  text-align: center;
}

.c-stories-overview__item__title {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
  color: #ffffff !important;
}

.c-stories-overview__item__link {
  position: absolute !important;
  bottom: 64px;
  right: 8px;
  display: flex !important;
  gap: 0 !important;
  padding: 18px 30px 18px 35px !important;

  .icon-arrow-grey {
    transition: background 1s ease-out;
  }

  &:hover {
    .icon-arrow-grey {
      background: #D7D2EB;
    }
  }

  @media only screen and (min-width: 1200px) {
    right: -52px;
  }
}
.c-stories-hero {
  background: #100E16;
  padding-top: 80px;

  @media only screen and (min-width: 768px) {
    padding-top: 150px;
  }
}

.c-stories-hero__container {
  margin-inline: auto;
  padding-inline: 25px;
  max-width: 1568px;
}

.c-stories-hero__wrapper {
  padding-bottom: 40px;

  @media only screen and (min-width: 768px) {
    padding-inline: 80px;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
    padding-bottom: 160px;
  }
}

.c-stories-hero__content {
  @media only screen and (min-width: 768px) {
    grid-column: 1 / 8;
  }
}

.c-stories-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.c-stories-hero__image-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-top: 32px;

  @media only screen and (min-width: 768px) {
    margin-top: 0;
    grid-column: 9 / 13;
  }
}


.c-stories-hero__uppertitle {
  color: rgba(255, 255, 255, 0.60);
}

.c-stories-hero__title,
.c-stories-hero__text {
  color: #ffffff;
}

.c-stories-hero__title {
  margin-top: 8px;
}

.c-stories-hero__text {
  margin-top: 8px;
}

.c-stories-hero__tag {
  position: absolute;
  bottom: 24px;
  background: #FFFFFF;
  border-radius: 40rem;
  padding: 16px 35px;
}

.c-stories-hero__tag__title,
.c-stories-hero__tag__text {
  font-size: 14px;
}

.c-stories-hero__tag__title {
  color: #656565;
}

.c-stories-hero__tag__text {
  margin-top: 4px;
  color: #000000;
}
/* c-stories-teaser styling */
.c-stories-teaser {
  background: #ECEAF5;
}

.c-stories-teaser__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 768px) {
    padding-block: 80px;
    padding-inline: 64px;
  }

  @media only screen and (min-width: 1200px) {
    padding-block: 20px 80px;
  }
}

.c-stories-teaser__title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  margin: 0 !important;
  margin-top: 60px !important;
  margin-right: 44px !important;

  @media only screen and (min-width: 768px) {
    margin-right: 100px !important;
  }
}

.c-stories-teaser__grid {
  display: flex;
  align-items: start;

  @media only screen and (min-width: 768px) {
    align-items: center;
  }
}

.c-stories-teaser__list {
  list-style: none;
  margin: 0;
  padding: 0;

  @media only screen and (min-width: 768px) {
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 60px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }

  @media only screen and (min-width: 1200px) {
    grid-column-gap: 80px;
  }
}

.c-stories-teaser__item__image-container {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 100%;
}

.c-stories-teaser__item__image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Adjusts how the image is resized */
}

.c-stories-teaser__item {
  position: relative;
  border-radius: 5px;
  background: #100E16;
  padding: 32px 24px !important;
  margin-top: 32px !important;

  &:before {
    content: none !important;
  }

  &:nth-child(3n + 1) {
  }

  &:nth-child(3n + 2) {
    margin-left: -86px;
    margin-right: 86px;
  }

  &:nth-child(3n + 3) {
  }

  @media only screen and (min-width: 768px) {
    grid-column: span 3;
    margin-top: 0 !important;

    &:nth-child(3n + 1) {
      margin-left: 0;
      grid-column: 1 / 5;
    }

    &:nth-child(3n + 2) {
      margin-left: 0;
      margin-right: 0;
      grid-column: 6 / 10;
    }

    &:nth-child(3n + 3) {
      margin-left: 0;
      margin-top: 40px !important;
      grid-column: 3 / 7;
    }
  }

  @media only screen and (min-width: 1200px) {
    grid-column: span 3;

    &:nth-child(3n + 1) {
      margin-top: 40px !important;
      grid-column: 1 / 4;
    }

    &:nth-child(3n + 2) {
      margin-top: 150px !important;
      grid-column: 4 / 7;
    }

    &:nth-child(3n + 3) {
      margin-top: 0 !important;
      grid-column: 7 / 10;
    }
  }
}

.c-stories-teaser__item__tag {
  font-size: 16px;
  color: rgba(255, 255, 2555, 0.60);
}

.c-stories-teaser__item__content {
  text-align: center;
}

.c-stories-teaser__item__title {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
  color: #ffffff !important;
}

.c-stories-teaser__item__link {
  position: absolute !important;
  bottom: 64px;
  right: -16px;
  display: flex !important;
  gap: 0 !important;
  padding: 18px 30px 18px 35px !important;

  @media only screen and (min-width: 1200px) {
    right: -52px;
  }

  .icon-arrow-grey {
    transition: background 1s ease-out;
  }

  &:hover {
    .icon-arrow-grey {
      background: #D7D2EB;
    }
  }
}

.c-stories-teaser__button {
  text-align: center;
  margin-top: 32px;

  @media only screen and (min-width: 768px) {
    text-align: end;
  }
}
.c-story {
  max-width: 1032px;
  margin: 0 auto;
  padding: 40px 14px;

  @media only screen and (min-width: 768px) {
    padding: 80px 40px;
  }
}

.c-story__text.hs_cos_wrapper_type_rich_text {
  word-break: auto-phrase;
}

.c-story__title {
  margin-top: -16px;

  @media only screen and (min-width: 768px) {
    margin-top: -24px;
  }
}

.c-story__timeline {
  position: relative;
  list-style: none !important;
  padding: 0 !important;
  margin: 40px 0 0 !important;
}

.c-story__timeline::before {
  content: '';
  position: absolute;
  left: 37px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: black;

  @media only screen and (min-width: 768px) {
    left: 42px;
  }
}

.c-story__item {
  display: flex;
  gap: 20px;
  position: relative;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-top: 74px !important;

  &:before {
    content: none !important;
  }

  @media only screen and (min-width: 768px) {
    gap: 80px;
    padding-top: 100px !important;
  }
}

.c-story__item:first-child {
  padding-top: 0 !important;
}

.c-story__item:nth-child(2) {
  padding-top: 32px !important;
}

.c-story__bullet__container {
  width: 74px;
  height: 74px;
  display: flex;
  justify-content: center;

  @media only screen and (min-width: 768px) {
    width: 84px;
    height: 84px;
  }
}

.c-story__bullet__container-wrap {
  width: 74px;
  display: flex;
  justify-content: center;

  @media only screen and (min-width: 768px) {
    width: 84px;
  }
}

.c-story__bullet {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid black;
  position: relative;
  font-size: 14px;
  text-align: center;
  z-index: 1;
  transition: all 0.3s ease;

  @media only screen and (min-width: 768px) {
    width: 84px;
    height: 84px;
  }
}

.c-story__bullet--first {
  background: black;
  width: 15px;
  height: 15px;
}

.c-story__bullet.active {
  background: black;
  color: white;
  border-color: black;
}

.c-story__content {
  flex: 1;
  padding-top: 0.25rem;
}
.c-teaser-mix {
  background: #ECEAF5;
}

.c-teaser-mix__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 768px) {
    padding-block: 80px;
    padding-inline: 64px;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }
}

.c-teaser-mix__title {
  text-align: center;
  grid-area: 1 / 3 / 1 / 11;
}

.c-teaser-mix__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 40px 0 0 !important;

  @media only screen and (min-width: 768px) {
    overflow: revert;
    grid-area: 2 / 3 / 2 / 11;
    margin: 64px 0 0;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
  }
}

.c-teaser-mix__item {
  position: relative;
  margin-bottom: 25px;
  border-bottom: none !important;

  &:before {
    content: none !important;
  }

  @media only screen and (min-width: 768px) {
    margin-bottom: 0;
  }
}

.c-teaser-mix__item--knowledge {
  @media only screen and (min-width: 768px) {
    width: calc(50% - (40px / 2));
  }

  .c-teaser-mix__item__container {
  }

  .c-teaser-mix__item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 5 / 6;
    border-radius: 5px;
  }

  .c-teaser-mix__item__link {
    height: auto;
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;

    @media only screen and (min-width: 768px) {
      bottom: auto;
      top: 50%;
      left: -100px;
      transform: translateY(-50%);
    }

    .icon-arrow-grey {
      transition: background 1s ease-out;
    }

    &:hover {
      .icon-arrow-grey {
        background: #D7D2EB;
      }
    }
  }

  .c-teaser-mix__item__link-text {
    display: flex;
    flex-direction: column;
    max-width: 200px;

    @media only screen and (min-width: 768px) {
      max-width: 250px;
    }

    .c-teaser-mix__item__link-text__uppertitle {
      color: #656565;
      font-size: 14px;
    }

    .c-teaser-mix__item__link-text__text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

.c-teaser-mix__item--page {
  @media only screen and (min-width: 768px) {
    width: calc(50% - (40px / 2));
  }

  .c-teaser-mix__item__container {
    position: relative;
    margin-left: 80px;
  }

  .c-teaser-mix__item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 5px;
  }

  .c-teaser-mix__item__link {
    height: auto;
    position: absolute;
    bottom: 20px;
    left: -50px;
    display: flex;

    .icon-arrow-grey {
      transition: background 1s ease-out;
    }

    &:hover {
      .icon-arrow-grey {
        background: #D7D2EB;
      }
    }
  }

  .c-teaser-mix__item__link-text {
    display: flex;
    flex-direction: column;

    .c-teaser-mix__item__link-text__uppertitle {
      color: #656565;
      font-size: 14px;
    }
  }
}

.c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--page,
.c-teaser-mix__item:nth-child(4n + 4).c-teaser-mix__item--page {
  .c-teaser-mix__item__link {
    @media only screen and (min-width: 768px) {
      left: auto;
      right: -50px;
    }
  }

  .c-teaser-mix__item__container {
    margin-left: 0;

    @media only screen and (min-width: 768px) {
      margin-right: 80px;
    }
  }
}

.c-teaser-mix__item:nth-child(4n + 3).c-teaser-mix__item--page,
.c-teaser-mix__item:nth-child(4n + 4).c-teaser-mix__item--page {
  .c-teaser-mix__item__container {
    @media only screen and (min-width: 768px) {
      margin-bottom: 80px;
    }
  }
}

.c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--knowledge,
.c-teaser-mix__item:nth-child(4n + 4).c-teaser-mix__item--knowledge {
  .c-teaser-mix__item__link {
    @media only screen and (min-width: 768px) {
      bottom: auto;
      top: 50%;
      left: auto;
      right: -100px;
      transform: translateY(-50%);
    }
  }
}


.c-teaser-mix__item--custom {
  background: radial-gradient(92% 69% at 50% 0%, #F0D5A9 0%, #DAA1D7 23%, #4234A4 60%, #100E16 100%);
  padding: 25px;
  border-radius: 5px;

  @media only screen and (min-width: 768px) {
    width: calc(50% - (40px / 2));
  }

  .c-teaser-mix__item__uppertitle {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
  }

  .c-teaser-mix__item__title {
    color: #ffffff;
    margin-top: 10px;
  }

  .c-teaser-mix__item__text {
    color: #ffffff;
    margin-top: 10px;
    font-size: 16px;
  }

  .c-teaser-mix__item__link {
    margin-top: 25px;
    color: #ffffff;

    &:hover {
      .icon-arrow-grey {
        background: #D7D2EB;
      }
    }
  }

  .c-teaser-mix__item__link-text__text {
    color: #ffffff;
  }
}

.c-teaser-mix__item--experts {
  @media only screen and (min-width: 768px) {
    width: calc(50% - (40px / 2));
  }

  .c-teaser-mix__item__container {
    position: relative;
    background: #100E16;
    padding: 25px 25px 110px;
    border-radius: 5px;

    @media only screen and (min-width: 768px) {
      margin-left: 80px;
      padding: 25px 25px 130px;
    }
  }

  .c-teaser-mix__item__title {
    color: #ffffff;
  }

  .c-teaser-mix__item__text {
    margin-top: 10px;
    color: #ffffff;
  }

  .c-teaser-mix__item__link {
    height: auto;
    position: absolute;
    bottom: 15px;
    display: flex;

    @media only screen and (min-width: 768px) {
      left: -70px;
    }

    .icon-arrow-grey {
      transition: background 1s ease-out;
    }

    &:hover {
      .icon-arrow-grey {
        background: #D7D2EB;
      }
    }
  }

  .c-teaser-mix__item__link-text {
    display: flex;
    flex-direction: column;
    max-width: 250px;

    .c-teaser-mix__item__link-text__uppertitle {
      color: #656565;
      font-size: 14px;
    }

    .c-teaser-mix__item__link-text__text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  .c-teaser-mix__item__images {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto;
    display: flex;
    flex-wrap: wrap;

    @media only screen and (min-width: 768px) {
      height: auto;
    }
  }

  .c-teaser-mix__item__image {
    padding: 0 !important;

    &:before {
      content: none !important;
    }
  }

  .c-teaser-mix__item__image:nth-child(2),
  .c-teaser-mix__item__image:nth-child(3) {
    margin-left: -20px;
  }

  .c-teaser-mix__item__image__img {
    border-radius: 100%;
    border: 1px solid #100E16;
    height: 70px;
    width: 70px;

    @media only screen and (min-width: 768px) {
      height: 90px;
      width: 90px;
    }
  }
}

.c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--experts,
.c-teaser-mix__item:nth-child(4n + 4).c-teaser-mix__item--experts {
  .c-teaser-mix__item__link {
    @media only screen and (min-width: 768px) {
      bottom: -22px;
      left: auto;
      right: -70px;
      transform: translateY(-50%);
    }
  }

  .c-teaser-mix__item__container {
    margin-right: 30px;
    margin-left: 0;

    @media only screen and (min-width: 768px) {
      margin-right: 80px;
    }
  }
}

.c-teaser-mix__item:nth-child(4n + 1).c-teaser-mix__item--page,
.c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--page {
  align-content: flex-end;
}


.c-teaser-mix__item:nth-child(4n + 1).c-teaser-mix__item--experts,
.c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--experts {
  align-content: flex-end;
}


.c-teaser-mix__item--text {
  background: #ffffff;
  border-radius: 5px;
  padding: 25px;
  height: initial;
  text-align: center;

  @media only screen and (min-width: 768px) {
    height: 100%;
  }

  .c-teaser-mix__item__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .c-teaser-mix__item__text {
    margin-top: 5px;

    @media only screen and (min-width: 768px) {
      max-width: 225px;
    }
  }

  .c-teaser-mix__item__link {
    margin-top: 25px;

    @media only screen and (min-width: 768px) {
      max-width: 225px;
    }
  }

  .c-teaser-mix__item__link-text__text {
    text-align: left;
  }
}

.c-teaser-mix__item:nth-child(4n + 1).c-teaser-mix__item--text,
.c-teaser-mix__item:nth-child(4n + 2).c-teaser-mix__item--text {
  align-self: flex-end;
}
.c-teaser-slider {
  background: #100E16;
}

.c-teaser-slider__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 1200px) {
    padding-block: 80px;
    padding-inline: 64px;
  }
}

.c-teaser-slider__title,
.c-teaser-slider__item__uppertitle,
.c-teaser-slider__item__title,
.c-teaser-slider__item__text,
.c-teaser-slider__item__link {
  color: #FFFFFF !important;
  position: relative;
  z-index: 1;
}

.c-teaser-slider__title {
  text-align: center;
  margin-bottom: 40px;

  @media only screen and (min-width: 1200px) {
    margin-bottom: 64px;
  }
}

.c-teaser-slider__list {
  list-style: none !important;
  padding: 0 0 40px 0 !important; /* Add bottom padding for scrollbar distance */
  margin: 0 !important;
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;

  /* Hide scrollbar but keep functionality */
  scrollbar-width: thin;

  &::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }

  @media only screen and (min-width: 1200px) {
    gap: 40px;
  }
}

.c-teaser-slider__item {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 25px !important;
  border-bottom: none !important;
  transition: background 0.5s ease-in-out;
  flex-shrink: 0;
  scroll-snap-align: start;

  /* Mobile: Show 1 item + edge of next (roughly 85% width) */
  width: calc(85vw - 50px);
  max-width: calc(85vw - 50px);

  &:hover::after {
    opacity: 1;
  }

  &:before {
    content: none !important;
  }

  @media only screen and (min-width: 1200px) {
    padding: 50px !important;
    /* Desktop: Show 3 items + edge of 4th */
    /* Container max-width is 1568px, with 64px padding each side = 1440px usable */
    /* (1440px - 3 * 40px gaps) / 3.2 items ≈ 337px per item */
    width: 337px;
    max-width: 337px;
  }

  .c-teaser-slider__item__link {
    @media only screen and (min-width: 1200px) {
      width: 75%;
    }
  }

  a {
    text-decoration: none;

    &:hover {
      .icon-arrow-grey {
        background: #D7D2EB;
      }
    }
  }
}

.c-teaser-slider__item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(66% 31% at 2% 100%, #F0D5A9 0%, #DAA1D7 19.5%, #4234A4 49%, transparent);
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  border-radius: inherit;
}

.c-teaser-slider__item__uppertitle {
  margin-bottom: 10px;

  @media only screen and (min-width: 1200px) {
    margin-bottom: 15px;
  }
}

.c-teaser-slider__item__text {
  margin-top: 10px;
}

.c-teaser-slider__item__link {
  margin-top: 25px;

  @media only screen and (min-width: 1200px) {
    margin-top: 80px;
  }
}

.c-teaser-slider__item__img {
  width: 125px;
  height: 125px;
  margin-bottom: 20px;
}

/* Optional: Add scroll indicator dots or arrows */
.c-teaser-slider__scroll-indicator {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 8px;
}

.c-teaser-slider__scroll-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: background 0.3s ease;

  &.active {
    background: #FFFFFF;
  }
}
.c-teaser-small {
  background: #100E16;
}

.c-teaser-small__container {
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1568px;

  @media only screen and (min-width: 1200px) {
    padding-block: 80px;
    padding-inline: 64px;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    display: grid;
    flex-direction: row;
  }
}

.c-teaser-small__title,
.c-teaser-small__item__uppertitle,
.c-teaser-small__item__title,
.c-teaser-small__item__text,
.c-teaser-small__item__link {
  color: #FFFFFF !important;
  position: relative;
  z-index: 1;
}

.c-teaser-small__title {
  text-align: center;
  grid-area: 1 / 3 / 1 / 11;
}

.c-teaser-small__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 40px 0 0 !important;

  @media only screen and (min-width: 1200px) {
    grid-area: 2 / 3 / 2 / 11;
    margin: 64px 0 0;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
  }
}

.c-teaser-small__item {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 25px 25px 135px !important;
  margin-top: 20px;
  border-bottom: none !important;
  transition: background 0.5s ease-in-out;

  &:hover::after {
    opacity: 1;
  }

  &:before {
    content: none !important;
  }

  @media only screen and (min-width: 1200px) {
    padding: 50px !important;
    margin-top: 0;
    width: calc(50% - (40px / 2));
  }

  .c-teaser-small__item__link {
    @media only screen and (min-width: 1200px) {
      width: 75%;
    }
  }

  a {
    text-decoration: none;

    &:hover {
      .icon-arrow-grey {
        background: #D7D2EB;
      }
    }
  }
}

.c-teaser-small__item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(66% 31% at 2% 100%, #F0D5A9 0%, #DAA1D7 19.5%, #4234A4 49%, transparent);
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  border-radius: inherit;
}

.c-teaser-small__item:nth-child(1) {
  @media only screen and (min-width: 1200px) {
    width: 100%;
  }

  .c-teaser-small__item__uppertitle,
  .c-teaser-small__item__title,
  .c-teaser-small__item__text,
  .c-teaser-small__item__link {
    @media only screen and (min-width: 1200px) {
      width: 60%;
    }
  }

  .c-teaser-small__item__img {
    @media only screen and (min-width: 1200px) {
      width: 300px;
      height: 300px;
    }
  }
}

.c-teaser-small__list:has(.c-teaser-small__item:nth-last-child(2):nth-child(odd)) .c-teaser-small__item:nth-child(1) {
  @media only screen and (min-width: 1200px) {
    width: calc(50% - (40px / 2));
  }

  .c-teaser-small__item__uppertitle,
  .c-teaser-small__item__title,
  .c-teaser-small__item__text,
  .c-teaser-small__item__link {
    @media only screen and (min-width: 1200px) {
      width: 100%;
    }
  }

  .c-teaser-small__item__img {
    width: 125px;
    height: 125px;
  }
}

.c-teaser-small__item__uppertitle {
  margin-bottom: 10px;

  @media only screen and (min-width: 1200px) {
    margin-bottom: 15px;
  }
}

.c-teaser-small__item__text {
  margin-top: 10px;
}

.c-teaser-small__item__link {
  margin-top: 25px;

  @media only screen and (min-width: 1200px) {
    margin-top: 80px;
  }
}

.c-teaser-small__item__img {
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 125px;
  height: 125px;
}
.c-testimonial {
  position: relative;
  background:
          radial-gradient(ellipse at bottom left, #533EE1 -2%, #C792C4 17%, rgba(240, 213, 169, 0.2) 50%, rgba(255, 255, 255, 0) 80%),
          radial-gradient(ellipse at right, #533EE1 0%, #C792C4 10%, rgba(240, 213, 169, 0.2) 25%, rgba(255, 255, 255, 0) 80%);
  background-size: cover;
  background-repeat: no-repeat;
}

.c-testimonial__container {
  position: relative;
  margin-inline: auto;
  padding-block: 40px;
  padding-inline: 25px;
  max-width: 1032px;

  @media only screen and (min-width: 1200px) {
    padding-block: 80px;
    padding-inline: 0;
  }
}

.c-testimonial__list {
  display: grid;
  grid-template-rows: 1fr;
  position: relative;
  list-style: none !important;
  padding: 0 !important;
  margin: 40px 0 0 !important;
}

.c-testimonial__item {
  margin-top: 56px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  border-bottom: none !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s;
  padding: 25px !important;
  display: flex;
  flex-direction: column;
  align-self: center;
  grid-area: 1 / 1 / 1 / 13;

  &:before {
    content: none !important;
  }

  @media only screen and (min-width: 768px) {
    padding: 50px !important;
  }
}

.c-testimonial__item.active {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.c-testimonial__image {
  border-radius: 100%;
  height: 100px;
  width: 100px;
  object-fit: cover;
  filter: grayscale(100%);
}

.c-testimonial__content {
  display: flex;
  gap: 15px;
  align-items: center;

  @media only screen and (min-width: 768px) {
    gap: 25px;
  }
}

.c-testimonial__item__position {
  color: rgba(0, 0, 0, 0.6);
}

.c-testimonial__item__text {
  margin-bottom: 25px;

  @media only screen and (min-width: 768px) {
    margin-bottom: 50px;
  }
}

.c-testimonial__pagination {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  @media only screen and (min-width: 1200px) {
    display: block;
  }
}

.c-testimonial__pagination__numbers {
  color: white !important;
  margin-top: 20px;
  font-size: 14px;
}

.swiper-button-prev,
.swiper-button-next {
  background: none;
  border: none;

  @media only screen and (min-width: 1200px) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    cursor: pointer;
  }
}

.swiper-button-prev {
  left: -70px;
  transform: rotate(180deg);
}

.swiper-button-next {
  right: -70px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c-video {
    max-width: 1032px;
    margin-inline: auto;
    padding-inline: 24px;

    @media only screen and (min-width: 1200px) {
        padding-inline: 0;
    }
}

.c-video--fullscreen {
    max-width: none;
    height: 100vh;
    display: flex;
    align-items: center;
    background: #100E16;
    padding: 0;
}

.c-video__container {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
    position: relative;
    overflow: hidden;
}

.c-video__video {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-fit: contain;
}
.c-video-tag {
}

.c-video-tag__video {
  display: none;
}

.c-video-tag__player {
  background: rgba(236, 234, 245, 0.6);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 1;
}

.c-video-tag__play {
  position: absolute;
  left: 45px;
  cursor: pointer;
  bottom: -8px;

  @media only screen and (min-width: 767px) {
    left: 75px;
  }

  .icon-play {
    background: linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
    width: 30px;
    height: 30px;
    min-width: 30px;

    @media only screen and (min-width: 767px) {
      width: 45px;
      height: 45px;
      min-width: 45px;
    }
  }
}


.c-audio-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
}

.c-audio-lightbox.is-active {
  display: block;
}

.c-audio-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.c-audio-lightbox__content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1200px;
  z-index: 1001;
}

.c-audio-lightbox__close {
  position: absolute;
  top: -40px;
  right: -9px;
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  color: white;
  font-size: 40px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  @media only screen and (min-width: 767px) {
    font-size: 48px;
    top: -60px;
  }
}

.c-audio-lightbox__video-container {
  width: 100%;
  background: #000;
  position: relative;
  padding-top: 52.75%; /* 16:9 aspect ratio */
}

.c-audio-lightbox__video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.c-whitepaper-overview {
}

.c-whitepaper-overview__container {
    margin-inline: auto;
    padding-block: 80px 40px;
    padding-inline: 25px;
    max-width: 1568px;

    @media only screen and (min-width: 768px) {
        padding-block: 150px 80px;
        padding-inline: 64px;
    }
}

.c-whitepaper-overview__list {
    list-style: none;
    margin: 0;
    padding: 0;

    @media only screen and (min-width: 768px) {
        align-items: center;
        justify-content: center;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0;
        display: grid;
        flex-direction: row;
    }
}

.c-whitepaper-overview__item {
    margin-bottom: 32px;
    padding: 0 !important;
    border-bottom: none !important;

    &:before {
        content: none !important;
    }

    &:nth-child(2n + 1) {
        margin-left: 64px;
    }

    &:nth-child(2n + 2) {
        margin-right: 64px;
    }

    @media only screen and (min-width: 768px) {
        grid-column: span 4;
        margin-bottom: 0;

        &:nth-child(2n + 1) {
            margin-left: 0;
            margin-top: 80px;
            grid-column: 1 / 7;
        }

        &:nth-child(2n + 2) {
            margin-right: 0;
            grid-column: 7 / 13;
        }
    }

    @media only screen and (min-width: 1200px) {
        grid-column: span 3;
        margin-bottom: 80px;

        &:nth-child(3n + 1) {
            margin-left: 0;
            margin-top: 0;
            grid-column: 3 / 6;
        }

        &:nth-child(3n + 2) {
            margin-top: 80px;
            margin-left: -46px;
            margin-right: 46px;
            grid-column: 7 / 10;
        }

        &:nth-child(3n + 3) {
            margin-top: 0;
            margin-left: 0;
            grid-column: 10 / 13;
        }
    }
}

.c-whitepaper-overview__item__title {
    margin-top: 8px !important;
    margin-bottom: 20px !important;
}

.c-whitepaper-overview__item__image {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover; /* Adjusts how the image is resized */
}

.c-whitepaper-overview__item__link {
    position: relative;
    z-index: 1;
}
.c-whitepaper-hero {
    .label {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.6);
    }

    .text {
        margin-top: 8px;
        color: #000000;
        font-weight: 500;
    }
}

.c-whitepaper-hero__container {
    margin-inline: auto;
    padding-block: 80px 40px;
    padding-inline: 25px;
    max-width: 1568px;

    @media only screen and (min-width: 768px) {
        align-items: center;
        justify-content: center;
        justify-content: center;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0;
        display: grid;
        flex-direction: row;
        margin-top: 80px;
    }
}

.c-whitepaper-overview__content {
    background: #ECEAF5;
    border-radius: 5px;
    padding: 24px;
    margin-bottom: 20px;

    @media only screen and (min-width: 768px) {
        margin-bottom: 0;
        padding: 40px 40px 100px;
        grid-area: 1 / 2 / 1 / 8;
    }
}

.c-whitepaper-overview__image-container {
    display: flex;
    height: 100%;
    background: #ECEAF5;
    border-radius: 5px;
    padding-block: 56px;
    @media only screen and (min-width: 768px) {
        grid-area: 1 / 8 / 1 / 12;
    }
}

.c-whitepaper-overview__image {
    width: 50%;
    height: auto;
    margin: auto;
}


.c-whitepaper-overview__info {
    border-radius: 5px;

    @media only screen and (min-width: 768px) {
        margin-top: 40px;
        background: #ECEAF5;
        grid-area: 2 / 2 / 2 / 12;
    }
}

.c-whitepaper-hero__uppertitle {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.6);
}

.c-whitepaper-hero__title {
    margin-top: 8px !important;
}


.c-whitepaper-hero__boxes {

    @media only screen and (min-width: 768px) {
        display: flex;
    }
}

.c-whitepaper-overview__boxes-2 {
    display: flex;
    gap: 20px;
    margin-top: 20px;

    @media only screen and (min-width: 768px) {
        margin-top: 0;
        display: flex;
        flex: 1 1 0;
    }
}

.c-whitepaper-hero__box {
    flex: 1 1 0;
    color: #ffffff;
    background: #ECEAF5;
    border-radius: 5px;
    padding: 16px;

    @media only screen and (min-width: 768px) {
        padding: 24px 40px;
    }
}

.c-whitepaper-hero__box-content {
    margin-top: 24px;
}

.c-whitepaper-hero__icon {
    .icon-file, .icon-user-black, .icon-language, .icon-calendar {
        background: linear-gradient(#ECEAF5, #ECEAF5) padding-box,
        linear-gradient(90deg, #CA93C7 0%, #533EE1 100%) border-box;
        border-radius: 100%;
        width: 56px;
        height: 56px;
        border: 3px solid transparent;
    }
}

.c-whitepaper-hero__text {
    margin-top: 16px;
    width: 100%;
}

.c-whitepaper-hero__link {
    position: relative;
    margin-top: 24px;
    z-index: 1;

    .icon-download {
        background: linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
    }
}
.c-whitepaper-teaser {}

/*
Sections
 */

.s-hero {
    height: 100vh;
    background: #9b59b6;
    /*Linear gradient... */
    background: radial-gradient(circle, rgba(218, 161, 215, 1) 0%, rgba(218, 161, 215, 1) 7%, rgba(66, 52, 164, 1) 25%, rgba(16, 14, 22, 1) 48%, rgba(0, 0, 0, 1) 100%);
    background: radial-gradient(circle, rgba(218, 161, 215, 1) 0%, rgba(66, 52, 164, 1) 25%, rgba(16, 14, 22, 1) 48%, rgba(0, 0, 0, 1) 100%);

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    color: #ffffff;
}

.s-hero--height {
    height: 100%;

    @media only screen and (min-width: 768px) {
        min-height: 100vh;
        height: unset;
        padding-top: 160px;
    }

    @media only screen and (min-width: 1600px) {
        padding-top: 80px;
    }

    .c-hero {
        margin-top: 40px;
        overflow: hidden;

        @media only screen and (min-width: 768px) {
            margin-top: 0;
        }
    }
}

.s-hero--bright {
    background: #ECEAF5;
    color: #000000;
}

@media only screen and (min-width: 768px) {
    .s-hero {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media only screen and (min-width: 1570px) {
    .s-hero {
        padding-left: 0;
        padding-right: 0;
    }

}

.s-hero .uppertitle {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.60);
}

@media only screen and (min-width: 768px) {
    .s-hero .uppertitle {
        font-size: 24px;
    }
}


.s-hero .c-button {
    text-align: center;
}


.s-hero a:not(.btn) {
    color: #fff !important;

    &:hover {
        color: #000 !important;
    }
}
.s-contact-cta {
    padding-bottom: 150px;
}

.s-contact-cta.negative {
    .contact__box {
        background: #ffffff;

        h1, h2, h3, h4, h5, h6, p {
            color:  #000000;
        }

        .contact__box-links li a {
            color: #000000;
        }

        .icon-mail, .icon-phone {
            background: linear-gradient(90deg, #CA93C7, #533EE1, #CA93C7);
            background-size: 200% 100%;
            background-position: 0% 0;
            transition: background-position 0.8s ease-out;
        }

        .contact__box-links li a:hover .icon-mail,
        .contact__box-links li a:hover .icon-phone {
            background-position: 100% 0;
        }

    }
}
.negative {
    color:  #ffffff !important;
    background: #100E16;

    ol li {
        border-color: #FFFFFF;
    }

    ul li {
        border-color: #FFFFFF;

        &:before {
            background: #FFFFFF;
        }
    }

    h1, h2, h3, h4, h5, h6, p {
        color:  #ffffff;
    }

    a {
        color: #fff !important;

        &:hover {
            color: #CA93C7 !important;
        }
    }
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

.icon-mail,
.icon-phone,
.icon-arrow,
.icon-user,
.icon-user-black,
.icon-book,
.icon-file,
.icon-language,
.icon-calendar,
.icon-download,
.icon-arrow-grey,
.icon-line,
.icon-play,
.icon-play-fill,
.icon-linkedin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  min-width: 35px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.5s ease;
}

.icon-linkedin:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBINS41MTMyVjYuMDk1MDJIMFYyMFpNNC4yNjA4IDcuMzc0NjhWMTguNzIwM0gxLjI1MlY3LjM3NDY4SDQuMjYwOFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNC43ODI4IDYuMDk1MDJIMTQuNzc5NkMxMy45MDc2IDYuMDk1MDIgMTMuMDY4IDYuMzM1NzUgMTIuMzMwNCA2Ljc5NDczVjYuMDk1MDJINi44MTc2VjIwSDEyLjMzMDhWMTIuMzk0NEMxMi4zMzA4IDExLjc4NzEgMTIuODE0NCAxMS4yOTI1IDEzLjQwOTIgMTEuMjkyNUMxNC4wMDQgMTEuMjkyNSAxNC40ODc2IDExLjc4NjcgMTQuNDg3NiAxMi4zOTQ0VjIwSDIwLjAwMDhWMTEuNDA5NEMyMC4wMDA4IDguNDc5IDE3LjY1OTYgNi4wOTUwMiAxNC43ODI4IDYuMDk1MDJaTTExLjA3OCAxMi4zOTQ0VjE4LjcyMDNIOC4wNjkyVjcuMzc0NjhIMTEuMDc4VjkuNzg2NDVMMTIuMTYwNCA4LjU3NjY4QzEyLjg1ODQgNy44MDE3OCAxMy43ODk2IDcuMzc0NjggMTQuNzgyOCA3LjM3NDY4SDE0Ljc4OEMxNi45NjYgNy4zNzQ2OCAxOC43NDIgOS4xODQwMiAxOC43NDc2IDExLjQwOThWMTguNzIwOEgxNS43Mzg4VjEyLjM5NDhDMTUuNzM4OCAxMS4wODIgMTQuNjkzNiAxMC4wMTM3IDEzLjQwODQgMTAuMDEzN0MxMi4xMjMyIDEwLjAxMzcgMTEuMDc4IDExLjA4MTIgMTEuMDc4IDEyLjM5NDRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMi43NTY0IDBDMS4yMzY0IDAgMCAxLjI2MzMxIDAgMi44MTYzOUMwIDQuMzY5NDcgMS4yMzY0IDUuNjMyNzggMi43NTY0IDUuNjMyNzhDNC4yNzI4IDUuNjI5NTEgNS41MDkyIDQuMzY2MiA1LjUxMjQgMi44MTYzOUM1LjUxMzIgMS4yNjMzMSA0LjI3NjQgMCAyLjc1NjQgMFpNNC4yNjA4IDIuODE2MzlDNC4yNjA4IDMuNjY0MDQgMy41ODYgNC4zNTM1MyAyLjc1NjQgNC4zNTM1M0MxLjkyNjggNC4zNTM1MyAxLjI1MiAzLjY2NDA0IDEuMjUyIDIuODE2MzlDMS4yNTIgMS45Njg3MyAxLjkyNjggMS4yNzk2NiAyLjc1NjQgMS4yNzk2NkMzLjU4NiAxLjI3OTY2IDQuMjYwOCAxLjk2ODczIDQuMjYwOCAyLjgxNjM5WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
}

.icon-play:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy44NjU0IDcuNUwwLjg3NTAwMSAwTDAuODc1IDE1TDEzLjg2NTQgNy41Wk0xMS43MDAzIDcuNUwxLjk1NzUzIDEuODc1TDEuOTU3NTMgMTMuMTI1TDExLjcwMDMgNy41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+);
  margin-left: 3px;
}

.icon-play-fill:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDlMMCAxNy42NjAzVjAuMzM5NzQ1TDE1IDlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=);
  margin-left: 3px;
}

.icon-line:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjM2NTk4ZS0wNyAxMS43MTg3TDI1IDExLjcxODhMMjUgMTMuMjgxMkwwIDEzLjI4MTJMMS4zNjU5OGUtMDcgMTEuNzE4N1oiIGZpbGw9IiNFQ0VBRjUiLz4KPC9zdmc+);
}

.icon-download:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjU1NDggMTAuNzE1TDguMDI0MzUgMTMuMTEyNlY3LjQzNTZINi45ODYwOVYxMy4xMTI2TDQuNDYwODcgMTAuNzE1TDMuNzI1MjIgMTEuNDEzNUw3LjUwNzgzIDE1TDExLjI4NTIgMTEuNDEzNUwxMC41NTQ4IDEwLjcxNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMS42MTkxIDIuNTUxMDdDMTAuOTM1NyAxLjI4Nzg2IDkuNjYyNjEgMC4zNzE0MTcgOC4xOTEzIDAuMDk0MDA1OEM1LjU2MTc0IC0wLjQwNjMyNCAyLjk5NDc4IDEuMTgzODMgMi40MDUyMiAzLjY1MDgxQzEuMDAxNzQgMy45MzgxMyAwIDUuMTA3MjIgMCA2LjQ4NDM2QzAgNy4yNTcxNSAwLjMxODI2MSA3Ljk4NTM1IDAuODkyMTc0IDguNTM1MjJDMS40NjYwOSA5LjA4NTA5IDIuMjMzMDQgOS4zODIzMiAzLjA1MjE3IDkuMzgyMzJINC45MjUyMlY4LjM2MTg0SDMuMDUyMTdDMi4wMjQzNSA4LjM2MTg0IDEuMTU4MjYgNy41OTg5NiAxLjA4IDYuNjI4MDJDMS4wMzgyNiA2LjEyNzY5IDEuMjEwNDMgNS42NDIyMiAxLjU0OTU3IDUuMjYwNzhDMS44OTM5MSA0Ljg3OTM0IDIuMzczOTEgNC42NTE0NyAyLjkwMDg3IDQuNjExODRDMy4xNTEzIDQuNTkyMDIgMy4zNiA0LjQwODc0IDMuMzkxMyA0LjE3NTkxQzMuNjU3MzkgMi4zODI2NSA1LjMwMDg3IDEuMDI1MzEgNy4yMTU2NSAxLjAyNTMxQzguNzgwODcgMS4wMTU0MSAxMC4xNjg3IDEuOTAyMTMgMTAuNzczOSAzLjI1OTQ2QzEwLjg2MjYgMy40NTI2NiAxMS4wNjA5IDMuNTgxNDYgMTEuMjkwNCAzLjU3MTU1SDExLjM5NDhDMTIuNzg3OCAzLjU3MTU1IDEzLjkyIDQuNjQ2NTIgMTMuOTIgNS45NjQyMkMxMy45MiA3LjI4MTkyIDEyLjc4NzggOC4zNjE4NCAxMS4zOTQ4IDguMzYxODRIMTAuMDY5NlY5LjM4MjMySDExLjM5NDhDMTMuMzc3NCA5LjM4MjMyIDE0Ljk5NDggNy44NDY2NSAxNC45OTQ4IDUuOTY0MjJDMTQuOTk0OCA0LjE0MTIzIDEzLjUxODMgMi42NjAwNiAxMS42MTM5IDIuNTUxMDdIMTEuNjE5MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}

.icon-language:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjA4ODQ3IDE1LjE3NDhMMi4zNjA0NyAxNy44MDY1TDQuOTkyMDYgMTcuMDc4Nkw1LjQ2MTUxIDE3LjM3ODZDNi44MTk3OCAxOC4yNDY3IDguNDMyNTQgMTguNzUgMTAuMTY2OCAxOC43NUMxNC45OTk1IDE4Ljc1IDE4LjkxNyAxNC44MzI1IDE4LjkxNyA5Ljk5OTc5QzE4LjkxNyA1LjE2NzE1IDE0Ljk5OTUgMS4yNSAxMC4xNjcyIDEuMjVDNS4zMzQ1MyAxLjI1IDEuNDE2OTkgNS4xNjc1NCAxLjQxNjk5IDEwLjAwMDJDMS40MTY5OSAxMS43MzQ1IDEuOTIwMzcgMTMuMzQ3NiAyLjc4ODMzIDE0LjcwNTRMMy4wODg0NyAxNS4xNzQ4Wk0wLjU2NzU0OSAxOS41OTk0TDEuNzM1MTUgMTUuMzc4NkMwLjc0MjQ4MSAxMy44MjU5IDAuMTY2OTkyIDExLjk4MDEgMC4xNjY5OTIgMTAuMDAwMkMwLjE2Njk5MiA0LjQ3NzE4IDQuNjQ0MTcgMCAxMC4xNjcyIDBDMTUuNjg5OCAwIDIwLjE2NyA0LjQ3Njc2IDIwLjE2NyA5Ljk5OTc5QzIwLjE2NyAxNS41MjI4IDE1LjY4OTggMjAgMTAuMTY2OCAyMEM4LjE4Njg1IDIwIDYuMzQxNTUgMTkuNDI0NSA0Ljc4ODM1IDE4LjQzMThMMC41Njc1NDkgMTkuNTk5NFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik05LjE0MzI1IDUuNjI1SDEwLjU1MzdMMTMuOTE3IDE0LjM3NUgxMi41MzA3TDExLjc3MTIgMTIuMjYyNUg3LjkyNTcxTDcuMTY2MjUgMTQuMzc1SDUuNzkxOTlMOS4xNDMyNSA1LjYyNVpNMTEuMzQ5MyAxMS4wNUw5Ljg1NDQ5IDYuOTVMOC4zNTk2OCAxMS4wNUgxMS4zNDkzWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
}

.icon-calendar:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU3MzcgMS44MzM2MlYwSDE0LjI1OTlWMS44MzM2Mkg1Ljc0MDE1VjBINC40MjYyOFYxLjgzMzYySDBWMjBIMjBWMS44MzM2MkgxNS41NzM3Wk00LjQyNjI4IDMuMzYxNjNWNS4xMjA1NEg1Ljc0MDE1VjMuMzYxNjNIMTQuMjY1N1Y1LjEyMDU0SDE1LjU3OTZWMy4zNjE2M0gxOC42OTJWNi4yNjgyNUgxLjMxMzg3VjMuMzYxNjNINC40MjYyOFpNMS4zMTM4NyAxOC40NzJWNy44MDMwNkgxOC42ODYxVjE4LjQ3MkgxLjMxMzg3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTMuNzUgMTAuMTc2MUg1VjExLjYyOTlIMy43NVYxMC4xNzYxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTMuNzUgMTQuNTM3NEg1VjE1Ljk5MTFIMy43NVYxNC41Mzc0WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTcuNSAxMC4xNzYxSDguNzVWMTEuNjI5OUg3LjVWMTAuMTc2MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik03LjUgMTQuNTM3NEg4Ljc1VjE1Ljk5MTFINy41VjE0LjUzNzRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTEuMjUgMTAuMTc2MUgxMi41VjExLjYyOTlIMTEuMjVWMTAuMTc2MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS4yNSAxNC41Mzc0SDEyLjVWMTUuOTkxMUgxMS4yNVYxNC41Mzc0WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE1IDEwLjE3NjFIMTYuMjVWMTEuNjI5OUgxNVYxMC4xNzYxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
}

.icon-file:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjE0OTYgMEgwLjEyNVYyMEgxNC4zMDk2VjQuMTUzODVMMTAuMTQ5NiAwWk0xMC41MDA0IDIuMDU1MzhMMTIuMjQ4MSAzLjgwOTIzSDEwLjUwMDRWMi4wNTUzOFpNMTMuMTAzNSA1LjAwMzA4VjE4LjhIMS4zMjVWMS4ySDkuMzAwMzhWNS4wMDMwOEgxMy4xMDM1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTExLjc4MSA5LjA3NjkySDIuNjk3OTRWMTAuMzA3N0gxMS43ODFWOS4wNzY5MloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS43ODEgMTEuNDI3MkgyLjY5Nzk0VjEyLjY1NzlIMTEuNzgxVjExLjQyNzJaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTEuNzgxIDEzLjc4NDlIMi42OTc5NFYxNS4wMTU2SDExLjc4MVYxMy43ODQ5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTguODI3MTcgMTYuMTQwMUgyLjY5Nzk0VjE3LjM3MDhIOC44MjcxN1YxNi4xNDAxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
}

.icon-book:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS44MzE3IDQuMzc3NDRIMTUuMDYyVjMuMjA1NTdIMjEuODMxN1Y0LjM3NzQ0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS44MzE3IDguNTQzNDZIMTUuMDYyVjcuMzcxNThIMjEuODMxN1Y4LjU0MzQ2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS44MzE3IDYuNDYwNDVIMTUuMDYyVjUuMjg4NTdIMjEuODMxN1Y2LjQ2MDQ1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS44MzE3IDEwLjYyNjVIMTUuMDYyVjkuNDU0NTlIMjEuODMxN1YxMC42MjY1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4yMjggMTIuNzA5NUgxNS4wNjJWMTEuNTM3NkgxOS4yMjhWMTIuNzA5NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi40NjMyNiAwLjEwMTU2Mkg5LjMzNDA2QzEwLjg3NDYgMC4xMDE1NjIgMTIuMzU4NyAwLjY3Mzk1OSAxMy41IDEuNjczMjJDMTQuNjQxNCAwLjY3Mzk1OSAxNi4xMjU1IDAuMTAxNTYyIDE3LjY2NiAwLjEwMTU2MkgyNC41MTYzTDI0LjUwMTYgMS42MzczNkgyNi41ODU5VjE2Ljg5NTlIMC40MTQxMzJMMC40MTQwNjIgMS42NTIzNkwyLjQ5NzMyIDEuNjQwNjVMMi40NjMyNiAwLjEwMTU2MlpNMi40OTkwOSAyLjgxMjU0TDEuNTg1OTQgMi44MTc2N0wxLjU4NiAxNS43MjRIMTAuNDc5N0MxMC4wNjYxIDE1LjQ4ODQgOS42ODQ2NSAxNS4zNTYgOS4zMzQwNiAxNS4zNTZIMi40OTkxNkwyLjQ5OTA5IDIuODEyNTRaTTEyLjQ4MzYgMTUuNzI0SDE0LjUxNzdDMTQuODg4NiAxNS40MjQ5IDE1LjMyODYgMTUuMDc0NSAxNS43OTczIDE0Ljc5MDFDMTYuMzM0NyAxNC40NjQgMTYuOTczIDE0LjE4NDEgMTcuNjY2IDE0LjE4NDFIMjMuMzI5VjEuNjk2OTFMMjMuMzMzMSAxLjI3MzQ0SDE3LjY2NkMxNi4yNTE3IDEuMjczNDQgMTQuODkwMyAxLjg2ODQ1IDEzLjkyNTcgMi44ODgwN0wxMy41IDMuMzM3OTVMMTMuMDc0NCAyLjg4ODA3QzEyLjEwOTcgMS44Njg0NSAxMC43NDg0IDEuMjczNDQgOS4zMzQwNiAxLjI3MzQ0SDMuNjYxMzVMMy42NzA5NiAxLjcwNzc4TDMuNjcxMDIgMTQuMTg0MUg5LjMzNDA2QzEwLjAyNyAxNC4xODQxIDEwLjY2NTUgMTQuNDY0IDExLjIwMyAxNC43OUMxMS42NzIxIDE1LjA3NDQgMTIuMTEyMyAxNS40MjQ5IDEyLjQ4MzYgMTUuNzI0Wk0xNi41MjA3IDE1LjcyNEgyNS40MTQxVjIuODA5MjRIMjQuNTAwOVYxNS4zNTZIMTcuNjY2QzE3LjMxNTQgMTUuMzU2IDE2LjkzNDEgMTUuNDg4NCAxNi41MjA3IDE1LjcyNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTEzOCAxNi4zMDk5VjIuNDg1MzVIMTQuMDg1N1YxNi4zMDk5SDEyLjkxMzhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjkzNzcgNC4zNzc0NEg1LjE2Nzk3VjMuMjA1NTdIMTEuOTM3N1Y0LjM3NzQ0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45Mzc3IDguNTQzNDZINS4xNjc5N1Y3LjM3MTU4SDExLjkzNzdWOC41NDM0NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuOTM3NyA2LjQ2MDQ1SDUuMTY3OTdWNS4yODg1N0gxMS45Mzc3VjYuNDYwNDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjkzNzcgMTAuNjI2NUg1LjE2Nzk3VjkuNDU0NTlIMTEuOTM3N1YxMC42MjY1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45Mzc3IDEyLjc0MjJINS4xNjc5N1YxMS41NzAzSDExLjkzNzdWMTIuNzQyMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}

.icon-user-black:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi40MzgzIDQuMTk5NDhDMTIuNDM4MyAyLjU3MDkxIDExLjExOCAxLjI1MDM4IDkuNDg5NTQgMS4yNUM3Ljg2MTI1IDEuMjUyMjMgNi41NDE2IDIuNTcxODggNi41MzkzNyA0LjIwMDE4QzYuNTM5NzQgNS44Mjg2NiA3Ljg2MDI3IDcuMTQ4OTYgOS40ODg4NCA3LjE0ODk2QzExLjExNzYgNy4xNDg5NiAxMi40MzgzIDUuODI4MjkgMTIuNDM4MyA0LjE5OTQ4Wk01LjI4OTM3IDQuMTk5NDhDNS4yODkzNyA2LjUxODY0IDcuMTY5NjggOC4zOTg5NiA5LjQ4ODg0IDguMzk4OTZDMTEuODA4IDguMzk4OTYgMTMuNjg4MyA2LjUxODY0IDEzLjY4ODMgNC4xOTk0OEMxMy42ODgzIDEuODgwMzIgMTEuODA4IDAgOS40ODg4NCAwQzcuMTcwNzMgMC4wMDI2MjQ2NyA1LjI5MTk5IDEuODgxMzcgNS4yODkzNyA0LjE5OTQ4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMTguNzVIMTcuNDc3N0wxNy40Nzc3IDE2LjY2N0MxNy40Nzc3IDE2LjY2NjcgMTcuNDc3NyAxNi42NjczIDE3LjQ3NzcgMTYuNjY3QzE3LjQ3NDggMTQuNTYxMSAxNS43NjgzIDEyLjg1MzggMTMuNjYyNCAxMi44NTFINS4zMTUzQzMuMjA5MjkgMTIuODUzOCAxLjUwMjc0IDE0LjU2MDMgMS41IDE2LjY2NjNWMTguNzVaTTAuMjUgMTYuNjY1NkMwLjI1MzE1IDEzLjg2OTggMi41MTg3NyAxMS42MDQyIDUuMzE0NTcgMTEuNjAxSDEzLjY2MzFDMTYuNDU4OSAxMS42MDQyIDE4LjcyNDUgMTMuODY5OCAxOC43Mjc3IDE2LjY2NTZWMjBIMC4yNVYxNi42NjU2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+);
}

.icon-user:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43OTc5IDUuMjQ5MzVDMTYuNzk3OSAzLjIxMzYzIDE1LjE0NzUgMS41NjI5NyAxMy4xMTE5IDEuNTYyNUMxMS4wNzY1IDEuNTY1MjkgOS40MjY5OCAzLjIxNDg2IDkuNDI0MTkgNS4yNTAyMkM5LjQyNDY2IDcuMjg1ODMgMTEuMDc1MyA4LjkzNjIgMTMuMTExIDguOTM2MkMxNS4xNDcgOC45MzYyIDE2Ljc5NzkgNy4yODUzNiAxNi43OTc5IDUuMjQ5MzVaTTcuODYxNjkgNS4yNDkzNUM3Ljg2MTY5IDguMTQ4MyAxMC4yMTIxIDEwLjQ5ODcgMTMuMTExIDEwLjQ5ODdDMTYuMDEgMTAuNDk4NyAxOC4zNjA0IDguMTQ4MyAxOC4zNjA0IDUuMjQ5MzVDMTguMzYwNCAyLjM1MDQgMTYuMDEgMCAxMy4xMTEgMEMxMC4yMTM0IDAuMDAzMjgwODQgNy44NjQ5OCAyLjM1MTcxIDcuODYxNjkgNS4yNDkzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy4xMjUgMjMuNDM3N0gyMy4wOTcxTDIzLjA5NzEgMjAuODMzOUMyMy4wOTcxIDIwLjgzMzUgMjMuMDk3MSAyMC44MzMxIDIzLjA5NzEgMjAuODMyN0MyMy4wOTM1IDE4LjIwMDQgMjAuOTYwNCAxNi4wNjc0IDE4LjMyOCAxNi4wNjRINy44OTQxMkM1LjI2MTYxIDE2LjA2NzQgMy4xMjg0MiAxOC4yMDA2IDMuMTI1IDIwLjgzMzFWMjMuNDM3N1pNMS41NjI1IDIwLjgzMjJDMS41NjY0NCAxNy4zMzc0IDQuMzk4NDYgMTQuNTA1NCA3Ljg5MzIxIDE0LjUwMTVIMTguMzI4OUMyMS44MjM3IDE0LjUwNTQgMjQuNjU1NyAxNy4zMzc0IDI0LjY1OTYgMjAuODMyMlYyNS4wMDAySDEuNTYyNVYyMC44MzIyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

.icon-arrow:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDMwNjIgMC40Njg3NUw3LjI4MDg5IDEuMjEzMjFMMTIuOTgzMSA2LjkxNTQySDBWNy45NzEzOUgxMi45ODMxTDcuMjgwODkgMTMuNjY4M0w4LjAzMDYyIDE0LjQxMjhMMTUgNy40NDM0MUw4LjAzMDYyIDAuNDY4NzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.icon-arrow-grey:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDMwNjIgMC40Njg3NUw3LjI4MDg5IDEuMjEzMjFMMTIuOTgzMSA2LjkxNTQySDBWNy45NzEzOUgxMi45ODMxTDcuMjgwODkgMTMuNjY4M0w4LjAzMDYyIDE0LjQxMjhMMTUgNy40NDM0MUw4LjAzMDYyIDAuNDY4NzVaIiBmaWxsPSIjNjU2NTY1Ii8+Cjwvc3ZnPg==);
}

.icon-mail:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAwVjE1SDE1VjBIMFpNMTMuMzQ4NyAxLjA2MTk1TDcuNDk3MzQgNy43MTUwNEwxLjY1MTMzIDEuMDYxOTVIMTMuMzQ4N1pNMTMuOTM4MSAxMy45MzgxSDEuMDYxOTVWMi4wMDE3N0w3LjQ5NzM0IDkuMzE4NThMMTMuOTM4MSAyLjAwMTc3VjEzLjkzODFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=);
}

.icon-phone:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuODEyNSAwLjAxODc1VjE1SDExLjg2NDFWMEwyLjgxMjUgMC4wMTg3NVpNOS4wMDkzOCAwLjkzNzVMOC44Njg3NSAxLjM2ODc1SDUuODA3ODFMNS42NjcxOSAwLjkzNzVIOS4wMTQwNkg5LjAwOTM4Wk0xMC45MjY2IDAuOTM3NVYxNC4wNjI1SDMuNzVWMC45Mzc1SDQuNjgyODFMNS4xMjgxMiAyLjMwNjI1SDkuNTUzMTJMOS45OTg0NCAwLjkzNzVIMTAuOTMxMkgxMC45MjY2Wk04LjA3MTg4IDEyLjUyMDNDOC4wNzE4OCAxMi45MjM0IDcuNzQzNzUgMTMuMjUxNiA3LjM0MDYyIDEzLjI1MTZDNi45Mzc1IDEzLjI1MTYgNi42MDkzOCAxMi45MjM0IDYuNjA5MzggMTIuNTIwM0M2LjYwOTM4IDEyLjExNzIgNi45Mzc1IDExLjc4OTEgNy4zNDA2MiAxMS43ODkxQzcuNzQzNzUgMTEuNzg5MSA4LjA3MTg4IDEyLjExNzIgOC4wNzE4OCAxMi41MjAzWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+");
}

.icon-mail:before,
.icon-phone:before,
.icon-arrow:before,
.icon-user:before,
.icon-book:before,
.icon-download:before,
.icon-arrow-grey:before,
.icon-play:before,
.icon-play-fill:before,
.icon-linkedin:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
}

.icon-file:before,
.icon-language:before,
.icon-calendar:before,
.icon-user-black:before,
.icon-line:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
}


/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-gap: 40px;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}


.noise-overlay {
    z-index: 0;
    opacity: .02;
    background-image: url(//20128909.fs1.hubspotusercontent-na1.net/hubfs/20128909/raw_assets/public/pure-theme/images/noise-overlay.gif);
    background-position: 0 0;
    background-size: 480px;
    background-attachment: fixed;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

@media only screen and (min-width: 768px) {
    .noise-overlay {
        opacity: .04;
    }
}


/* Global */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    hyphens: auto;
    word-wrap: break-word;
}

body {
    font-family: "indivisible";
    font-style: normal;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.background-black {
    background: #100E16;
    color: #ffffff;
}

.wrapper {
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .wrapper {
        padding-left: 80px;
        padding-right: 80px;
    }
}



@media only screen and (min-width: 768px) {
    .noise-overlay {
        opacity: .04;
    }
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.text-center {
    text-align: center;
}

.uppertitle {
    opacity: 0.6;
    font-size: 16px;
    line-height: 150%;
}

.bold {
    font-weight: 500;
}

p {
    position: relative;
    z-index: 1000;
    line-height: 150%;
}

.text-14 {
    font-size: 14px;
}

.text-16 {
    font-size: 16px;
}

.text-18 {
    font-size: 18px;
}

.text-22 {
    font-size: 22px;
}

.text-24 {
    font-size: 24px;
}

.container {
    position: relative;
    max-width: 1570px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
}

@media only screen and (min-width: 768px) {
    .row {
        display: grid;

        grid-template-rows: 1fr;

        grid-row-gap: 0px;
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 40px;
    }
}

.row--middle {
    align-items: center;
}


.section {

}

.section--padding-50 {
    padding: 50px 0;
}

.section--padding-100 {
    padding: 100px 0;
}

.section--padding-200 {
    padding: 200px 0;
}

.text {

}

.text__content, .list__content {
    grid-area: 1 / 1 / 2 / 12;

    @media only screen and (min-width: 768px) {
        grid-area: 1 / 3 / 2 / 11;
    }
}

.text__content__text {
    margin-top: 20px;
}


/* Text/Image */

.text-image {
    display: flex;
    align-items: center;
}

.text-image--reverse {
    flex-direction: row-reverse;
}

/*    .text-image.text-image--reverse .image {
        margin-right: -80px;
    }
    .text-image:not(.text-image--reverse) .image {
        margin-left: -80px;
    }*/


.text-image .row {
    align-items: center;
}

.text-image__image {
    grid-area: 1 / 1 / 2 / 7;
    margin-left: -80px;
    margin-right: -20px;
}

.text-image__image--new {
    margin-left: initial;
    margin-right: initial;
}

.text-image__image img {
    width: 100%;
}

.text-image__text {
    grid-area: 1 / 8 / 2 / 13;
}

.text-image--reverse .text-image__image {
    grid-area: 1 / 7 / 2 / 13;
    margin-left: -20px;
    margin-right: -80px;
}

.text-image--reverse .text-image__text {
    grid-area: 1 / 1 / 2 / 6;
}


/* Teaser Big */
.teaser-big__left {

    grid-area: 1 / 1 / 2 / 8;

}

.teaser-big__right {
    grid-area: 1 / 8 / 2 / 13;
}

.teaser-big {
    display: flex;
    align-items: center;
    height: 100vh;
}

.teaser-big__image {
    margin-right: -40px;
    display: flex;

}

.teaser-big__image img {
    aspect-ratio: 1;
    width: 100%;
    max-width: 362px;
    margin: 0 auto;
}


/* Hero */
.hero {
    display: flex;
    align-items: center;
    height: 100vh;
    background: linear-gradient(to bottom right, #DAA1D7 7%, #4234A4 25%, #100E16 48%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #DAA1D7 7%, #4234A4 25%, #100E16 48%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #DAA1D7 7%, #4234A4 25%, #100E16 48%) top left / 50% 50% no-repeat, linear-gradient(to top right, #DAA1D7 7%, #4234A4 25%, #100E16 48%) top right / 50% 50% no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}

.hero__content {
    grid-area: 1 / 4 / 2 / 10;
}

/* List */

.list {

}

.list__content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.list__element {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #656565;
    padding-bottom: 10px;
    padding-left: 20px;
}

.list__element:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000000;
}

.list__element-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.list__element-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* Footer */

.footer {
    padding-top: 50px;
    /* background: linear-gradient(to bottom right, #DAA1D7 7%, #4234A4 23%, #100E16 48%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #DAA1D7 7%, #4234A4 23%, #100E16 48%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #DAA1D7 7%, #4234A4 23%, #100E16 48%) top left / 50% 50% no-repeat, linear-gradient(to top right, #DAA1D7 7%, #4234A4 23%, #100E16 48%) top right / 50% 50% no-repeat; */
    background-size: cover;
    color: #ffffff;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    overflow: hidden;


}

.footer:after {
    content: '';
    background: #100e16;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.footer__background {
    background: linear-gradient(165deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) bottom right / 50% 100% no-repeat,
    linear-gradient(195deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) bottom left / 50% 100% no-repeat,
    linear-gradient(-195deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) top left / 50% 0% no-repeat,
    linear-gradient(-165deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) top right / 0% 0% no-repeat;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
    transform: translateY(-100%);
}

.footer-content {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 768px) {
    .footer__background {
        background: linear-gradient(to bottom right, #DAA1D7 0%, #4234A4 30%, #100E16 50%) bottom right / 50% 100% no-repeat, linear-gradient(to bottom left, #DAA1D7 0%, #4234A4 30%, #100E16 50%) bottom left / 50% 100% no-repeat, linear-gradient(to top left, #DAA1D7 0%, #4234A4 30%, #100E16 50%) top left / 50% 0% no-repeat, linear-gradient(to top right, #DAA1D7 0%, #4234A4 30%, #100E16 50%) top right / 0% 0% no-repeat;
    }

    .footer {
        padding-top: 100px;
        padding-left: 84px;
        padding-right: 84px;

    }

    .footer-content {
        display: grid;

        grid-template-rows: 1fr;

        grid-row-gap: 0px;
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 40px;
    }
}

@media only screen and (min-width: 1570px) {
    .footer {
        padding-left: 0px;
        padding-right: 0px;

    }


}


@media only screen and (min-width: 768px) and (max-width: 980px) {
    .footer__left {
        grid-area: 1 / 1 / 1 / 12;
    }
}

@media only screen and (min-width: 980px) {
    .footer__left {
        grid-area: 1 / 1 / 2 / 7;
    }
}

.footer__address {
    margin-top: 75px;
    grid-area: 1 / 8 / 2 / 10;
}

@media only screen and (min-width: 768px) {
    .footer__address {
        margin-top: 75px;
        grid-area: 2 / 1 / 2 / 2;
    }
}

@media only screen and (min-width: 980px) {
    .footer__address {
        margin-top: 0;
        grid-area: 1 / 8 / 2 / 10;
    }
}

.footer__contact {
    margin-top: 25px;
    grid-area: 1 / 10 / 2 / 12;
}

@media only screen and (min-width: 768px) {
    .footer__contact {
        margin-top: 75px;
        grid-area: 2 / 3 / 2 / 4;
    }
}

@media only screen and (min-width: 980px) {
    .footer__contact {
        margin-top: 0;
        grid-area: 1 / 10 / 2 / 12;
    }
}

.footer__follow {
    margin-top: 25px;
    grid-area: 1 / 12 / 2 / 13;
}

@media only screen and (min-width: 768px) {
    .footer__follow {
        margin-top: 75px;
        grid-area: 2 / 5 / 2 / 8;
    }
}


@media only screen and (min-width: 980px) {
    .footer__follow {
        margin-top: 0;
        grid-area: 1 / 12 / 2 / 13;
    }
}


address {
    font-style: normal;
}

.footer-nav {
    display: flex;
    flex-direction: column;
    gap: 5px;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.footer-nav__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.6;
    color: #ffffff;
}

@media only screen and (min-width: 768px) {
    .footer-nav__title {
        font-size: 16px;
    }
}

.footer__address__list,
.footer__contact__list,
.footer__follow__list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer__address__list {
    margin-top: 16px;
}

.footer__follow__list li {
    margin-bottom: 8px;
}


.footer-nav ul li {

}

.footer-nav ul li a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease-out;

    &:hover {
        color: #CA93C7;
    }
}

.footer__bottom {
    grid-area: 1 / 1 / 2 / 5;
    padding-top: 50px;


}

@media only screen and (min-width: 768px) {
    .footer__bottom {
        grid-area: 1 / 1 / 2 / 13;
    }
}

@media only screen and (min-width: 980px) {
    .footer__bottom {
        grid-area: 1 / 1 / 2 / 13;
        padding-top: 215px;

    }
}

.footer__bottom nav ul {
    display: flex;
    flex-direction: row;
    gap: 5px 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
    .footer__bottom nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
        gap: 20px;
    }
}

.footer__bottom nav ul li {
    position: relative;
    opacity: 0.6;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.footer__bottom nav ul li:after {
    content: '.';
    display: block;
    position: absolute;
    right: -11px;
    top: 0;
}

.footer__bottom nav ul li:last-of-type:after {
    display: none;
}

.footer__bottom nav ul li a {
    text-decoration: none;
    color: #ffffff;
}


/* Logos */
.logos {
    background: #100E16;
    color: #ffffff;
}

.logos__text {
    grid-area: 1 / 3 / 2 / 11;
}

.logos__list {
    grid-area: 1 / 3 / 2 / 11;
    margin-top: 100px;
}

.logos__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 40px;
}

.logos__list ul li {
    position: relative;
    width: calc(calc(100% - 120px) / 4);
    height: 200px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.logos__list ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border-radius: 5px;
    opacity: 0.1;
    background: #FFF;
    backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
}

.logos__list ul li img {
    height: 40px;
    width: auto;
}


.container-maxwidth {
    max-width: 1650px;
    margin: 0 auto;
}


body {
    color: #000;


    font-family: "indivisible";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

p, .p {
    color: #000;
    font-family: "indivisible";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 0;
}


h1, .h1 {
    color: #000;
    font-family: "indivisible";
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 0;
    margin-bottom: 0;

}

@media only screen and (min-width: 768px) {
    h1, .h1 {
        font-size: 85px;
    }
}

h2, .h2 {
    color: #000;
    font-family: "indivisible";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 0;
    margin-bottom: 0;

}

@media only screen and (min-width: 768px) {
    h2, .h2 {
        font-size: 50px;
    }
}


h3, .h3 {
    color: #000;
    font-family: "indivisible";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 0;
    margin-bottom: 0;

}

@media only screen and (min-width: 768px) {
    h3, .h3 {
        font-size: 36px;
    }
}

h4, .h4 {
    color: #000;
    font-family: "indivisible";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    h4, .h4 {
        font-size: 28px;
    }
}

h5, .h5 {
    color: #000;
    font-family: "indivisible";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    h5, .h5 {
        font-size: 26px;
    }
}

h6, .h6 {
    color: #000;
    font-family: "indivisible";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    h5, .h5 {
        font-size: 24px;
    }
}

.lead {
    color: #000;
    font-family: "indivisible";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media only screen and (min-width: 768px) {
    .lead {
        font-size: 22px;
    }
}


.hs_cos_wrapper_type_rich_text a:not(.btn) {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #000;
    transition: color 0.3s ease-out;

    &:hover {
        color: #CA93C7;
    }
}

.hs_cos_wrapper_type_rich_text h1 {
    margin-bottom: 15px;
}

.hs_cos_wrapper_type_rich_text h2,
.hs_cos_wrapper_type_rich_text h3,
.hs_cos_wrapper_type_rich_text h4,
.hs_cos_wrapper_type_rich_text h5,
.hs_cos_wrapper_type_rich_text h6
{
    margin-bottom: 10px;
}

.hs_cos_wrapper_type_rich_text ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.hs_cos_wrapper_type_rich_text ul li {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    padding-left: 26px;
    position: relative;
}

.hs_cos_wrapper_type_rich_text ul li:first-child {
    padding-top: 0;
}

.hs_cos_wrapper_type_rich_text ul li::before {
    position: absolute;
    left: 0;
    top: 30px;
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000;
}

.hs_cos_wrapper_type_rich_text ul li:first-child:before {
    top: 10px;
}

.hs_cos_wrapper_type_rich_text ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    counter-reset: item;
}

.hs_cos_wrapper_type_rich_text ol li {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    padding-left: 26px;
    position: relative;
    counter-increment: item;
}

.hs_cos_wrapper_type_rich_text ol li:first-child {
    padding-top: 0;
}

.hs_cos_wrapper_type_rich_text ol li::before {
    position: absolute;
    left: 0;
    top: 20px;
    font-weight: 500;
    font-size: 14px;

    display: block;
    content: counter(item, decimal-leading-zero);
}

.hs_cos_wrapper_type_rich_text ol li:first-child:before {
    top: 0;
}


#header {
    position: fixed;
    top: 25px;
    left: 0;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    z-index: 9000;

    @media only screen and (max-width: 768px) {
        transform: translateX(0) !important;
    }
}



@media only screen and (min-width: 768px) {
    #header {
        top: 50px;
        max-width: 1570px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 80px;
        padding-right: 80px;
        transition: transform 0.5s ease-out;
    }
}

@media only screen and (min-width: 1570px) {
    #header {
        padding-left: 0px;
        padding-right: 0px;
    }
}


#header .logo {

    display: inline-block;
}

@media only screen and (min-width: 768px) {

}

#header .logo svg {
    width: 70px;
    height: auto;
}

@media only screen and (min-width: 768px) {

    #header .logo svg {
        width: 97px;

    }
}

.hs-form-field label {
    color: #ffffff;
    font-size: 14px;

    font-weight: 400;
    line-height: 150%;
}

.hs-input {
    font-family: "indivisible";
    font-size: 16px;
    color: #ffffff;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.10);
    border: none;
    height: 50px;
    padding: 13px 15px;
    margin-bottom: 25px;
    width: 100%;
    margin-top: 5px;
    transition: background-color 0.3s ease-out;

    &:hover {
        background: rgba(255, 255, 255, 0.2);
    }
}

.hs-input.hs-fieldtype-textarea {
    min-height: 100px;
}

.hs-input::-webkit-resizer {
    background: radial-gradient(circle at center, #FFF 3px, transparent 3px);
}

.hs-button.primary {
    color: #000000;
    cursor: pointer;
    border: none;
    padding: 18px 35px;
    border-radius: 84px;
    background: var(--Neutral-color-white, #FFF);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    box-shadow: none;
    transition: background 1s ease-out;
}

.hs-button.primary:hover {
    color: #100E16;
    background: #D7D2EB;
}

.hs-input.error {
    border: 1px solid #DE3471;
    margin-bottom: 5px;
}

.hs-error-msgs {
    margin: 0 0 25px;
    list-style: none;
    padding-left: 0;

    label {
        color: #DE3471;
    }
}


.dnd-section.s-text-image .image {
    margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
    .dnd-section.s-text-image .image {

        margin-bottom: 0px;
    }
}

.dnd-section.s-image-text .image {

    margin-bottom: 50px;
}

.s-image-text .span6 {
    flex-basis: 50%;
}

.s-text-image .span6 {
    flex-basis: 50%;
}

@media only screen and (min-width: 768px) {
    .s-image-text .span6 {
        width: 50%;
    }

    .s-text-image .span6 {
        width: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .dnd-section.s-image-text .image {

        margin-bottom: 0px;
    }
}

.dnd-section.s-image-text > .row-fluid > .dnd-column:nth-of-type(2) {

    padding-left: 25px !important;
    padding-right: 25px !important;
}

@media only screen and (max-width: 767px) {
    .dnd-section.s-image-text > .row-fluid {
        display: flex;
        flex-direction: column;
    }
}

.dnd-section.s-text-image > .row-fluid > .dnd-column:nth-of-type(1) {

    padding-left: 25px !important;
    padding-right: 25px !important;
}

@media only screen and (max-width: 767px) {
    .dnd-section.s-text-image > .row-fluid {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 768px) {
    .dnd-section.s-text-image > .row-fluid {
        --column-gap: 0px;

    }

    .dnd-section.s-image-text > .row-fluid {

        --column-gap: 0px;


    }

    .dnd-section.s-image-text > .row-fluid > .dnd-column:nth-of-type(2) {

        padding-left: 9.745223% !important;
        padding-right: 80px !important;
    }

    .dnd-section.s-text-image > .row-fluid > .dnd-column:nth-of-type(1) {

        padding-right: 9.745223% !important;
        padding-left: 80px !important;
    }

}

@media only screen and (min-width: 768px) {
    .dnd-section.s-image-text > .row-fluid > .dnd-column:nth-of-type(2) {

        padding-left: 9.745223% !important;
        padding-right: 80px !important;
    }

    .dnd-section.s-text-image > .row-fluid > .dnd-column:nth-of-type(1) {

        padding-right: 9.745223% !important;
        padding-left: 80px !important;
    }
}

.s-contact-form {
    /* background:linear-gradient(to bottom right, #DAA1D7 0%, #4234A4 23%, #100E16 48%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #DAA1D7 0%, #4234A4 23%, #100E16 48%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #DAA1D7 0%, #4234A4 23%, #100E16 48%) top left / 50% 50% no-repeat, linear-gradient(to top right, #DAA1D7 0%, #4234A4 23%, #100E16 48%) top right / 50% 50% no-repeat;
    background:  linear-gradient(to bottom right, #DAA1D7 0%, #4234A4 30%, #100E16 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #DAA1D7 0%, #4234A4 30%, #100E16 50%) bottom left / 50.02% 50% no-repeat, linear-gradient(to top left, #DAA1D7 0%, #4234A4 30%, #100E16 50%) top left / 50.02% 50% no-repeat, linear-gradient(to top right, #DAA1D7 0%, #4234A4 30%, #100E16 50%) top right / 50% 50% no-repeat; */
    overflow: hidden;
    position: relative;
    padding-left: 80px;
    padding-right: 80px;
}

@media only screen and (min-width: 1570px) {
    .s-contact-form {
        padding-left: 0;
        padding-right: 0;
    }
}

.s-contact-form::before {
    background: #100e16;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
}

.s-contact-form__background {
    background: linear-gradient(165deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) bottom right / 50% 100% no-repeat,
    linear-gradient(195deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) bottom left / 50% 100% no-repeat,
    linear-gradient(-195deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) top left / 50% 0% no-repeat,
    linear-gradient(-165deg, #DAA1D7 0%, #4234A4 30%, #100E16 40%) top right / 0% 0% no-repeat;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
    transform: translateY(-100%);
}

.footer__left .h1 {
    color: #ffffff;
}

.footer__left .btn {
    margin-top: 25px;
}

.input .inputs-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
}


.hs-form-checkbox {
    border: 1px solid #ffffff;
    padding: 10px 20px;
    color: #ffffff;
    height: 44px;
    border-radius: 22px;
}

.hs-form-checkbox label {
    display: flex;
    flex-direction: row;
    height: 24px;
}


.hs-form-checkbox label .hs-input {
    width: 10px;
    height: 10px;
}

.hs-fieldtype-checkbox {
    padding-bottom: 50px;
}

.hs-fieldtype-checkbox > label {
    margin-bottom: 7px;
}

.hs-form-checkbox {
    cursor: pointer;
    border: none;
    padding: 0;
}

.hs-form-checkbox .hs-form-checkbox-display {
    cursor: pointer;
    border: none;
    padding: 0;
}

.hs-form-checkbox .hs-form-checkbox-display input {
    display: none;
}


.hs-form-checkbox .hs-form-checkbox-display span {
    display: flex;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border: 1px solid white;
    border-radius: 22px;
    height: 44px;;
    color: white;
    gap: 20px;
    align-items: center;

    &:focus-visible {
        outline: 2px solid red;
        outline-offset: 2px;
    }
}

.hs-form-checkbox .hs-form-checkbox-display span::before {

    display: block;
    content: '';
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBpZD0iRWxsaXBzZSAxNDkiIGN4PSI1IiBjeT0iNSIgcj0iNSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
    width: 10px;
    height: 10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

}

.hs-form-checkbox .hs-form-checkbox-display input:checked + span {
    background: #ffffff;
    color: black;
    gap: 10px;
}

.hs-form-checkbox .hs-form-checkbox-display input:checked + span:hover {
    background: #D7D2EB;
}

.hs-form-checkbox .hs-form-checkbox-display input:checked + span::before {


    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuMzYzNjQgMTIuNTQ1NUwxLjU5MDkxIDcuNzcyNzVMMCA5LjM2MzY2TDYuMzYzNjQgMTUuNzI3M0wyMCAyLjA5MDkxTDE4LjQwOTEgMC41TDYuMzYzNjQgMTIuNTQ1NVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPC9zdmc+Cg==');
    width: 20px;
    height: 20px;;
    background-repeat: no-repeat;

}

.hs-form-checkbox .hs-form-checkbox-display:hover span {

    background: rgba(255, 255, 255, 0.10);


}

.hs_cos_wrapper {
}


.button:active {
    transform: scale(0.97);
}

.btn {
    cursor: pointer;
}

.btn--gradient1 {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    overflow: hidden;
}

.btn--gradient1::after {
    position: absolute;
    content: '';
    background: rgb(222, 0, 75);
    background: linear-gradient(90deg, rgba(222, 0, 75, 1) 0%, rgba(191, 70, 255, 1) 49%, rgba(0, 212, 255, 1) 100%);
    border-radius: 40rem;
    width: 10rem;
    height: 10rem;
    transition: 0.4s;
    filter: blur(20px);
    animation: effect infinite 3s linear;
    opacity: 0.5;
}

.button:hover .btn--gradient1::after {
    width: 8rem;
    height: 8rem;
}

@keyframes effect {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.s-simple-content-left {
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .s-simple-content-left {
        padding-left: 80px;
        padding-right: 80px;

    }
}

@media only screen and (min-width: 1570px) {
    .s-simple-content-left {
        padding-left: 0px;
        padding-right: 0px;

    }
}


.s-simple-content-centered {}


.s-simple-content-centered .c-button {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .s-simple-content-centered {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media only screen and (min-width: 1570px) {
    .s-simple-content-centered {
        padding-left: 0px;
        padding-right: 0px;
    }
}



.hs-web-interactive-inline > a, .btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 15px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 84px;
    line-height: 24px;

    background: linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
    color: #fff;
    text-decoration: none;
    font-size: 16px;

    background: -webkit-linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
    background: -moz-linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
    background: -o-linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);
    background: linear-gradient(90deg, #CA93C7 0%, #533EE1 100%);

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}

.btn--white {
    background: #ffffff;
    color: #100E16;
}

.btn--white:hover {
    background: #D7D2EB;

}

.hs-web-interactive-inline > a::before, .btn::before {


    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(90deg, #533EE1 0%, #CA93C7 100%);
    background: -moz-linear-gradient(90deg, #533EE1 0%, #CA93C7 100%);
    background: -o-linear-gradient(90deg, #533EE1 0%, #CA93C7 100%);
    background: linear-gradient(90deg, #533EE1 0%, #CA93C7 100%);
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
    border-radius: 84px;
}

.btn--white:before {
    display: none;
}

.hs-web-interactive-inline > a:hover:before, .btn:hover:before {
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .hs-web-interactive-inline > a, .btn {
        padding: 18px 35px;
    }
}
form {
    .hs-form-booleancheckbox-display {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;

        .hs-input {
            display: none;
        }

        span {
            font-size: 16px;
            color: #ffffff;
            margin-left: 0 !important;
        }

        /* Custom Checkbox */
        .hs-input + span::before {
            content: "";
            display: inline-block;
            width: 28px;
            height: 28px;
            border: 2px solid #CA93C7;
            border-radius: 4px;
            background-color: transparent;
            vertical-align: middle;
            transition: background 0.3s, border 0.3s;
            margin-right: 15px;
            margin-bottom: 5px;
        }

        .hs-input:checked + span::before {
            background-color: #CA93C7;
            border-color: #CA93C7;
            content: "✓";
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hs-input:checked:hover + span::before {
            background-color: #A674A3;
        }

        .hs-input:hover + span::before {
            border-color: #A674A3;
        }
    }

    .hs-richtext {
        margin-block: 20px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;

        a {
            color: #ffffff;
            transition: color 0.3s ease-out;

            &:hover {
                color: #CA93C7;
            }
        }
    }
}