@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.contact {
  display: flex;
  justify-content: center; }
  .contact .container {
    max-width: 920px; }
  .contact .contact-containers {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%; }
    @media only screen and (max-width: 1024px) {
      .contact .contact-containers {
        flex-direction: column; } }
    .contact .contact-containers .container-box {
      width: 100%;
      padding: 50px 95px;
      transition: all 300ms;
      background: #FFFFFF;
      color: #26072F;
      box-shadow: 0 22px 45px rgba(38, 7, 47, 0.12);
      box-sizing: border-box;
      margin-top: 30px;
      border-radius: 50px; }
      @media only screen and (max-width: 1024px) {
        .contact .contact-containers .container-box {
          margin-top: 0;
          padding: 50px 50px; } }
      .contact .contact-containers .container-box h3 {
        border-left: 2px solid #FFB332;
        padding: 0px 0 20px 20px;
        box-sizing: border-box;
        margin: 0;
        color: #522160;
        font-size: 27px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 30px !important; }
      .contact .contact-containers .container-box p {
        color: #26072F;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 17px !important;
        line-height: 27px;
        margin-bottom: 30px !important; }
      .contact .contact-containers .container-box a.arrow-link {
        cursor: pointer;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 12px;
        letter-spacing: 2px;
        opacity: 1;
        text-transform: uppercase;
        color: #B342BB;
        text-decoration: none; }
        .contact .contact-containers .container-box a.arrow-link:hover {
          text-decoration: underline; }
          .contact .contact-containers .container-box a.arrow-link:hover:after {
            left: 15px; }
        .contact .contact-containers .container-box a.arrow-link:after {
          display: inline-flex;
          transition: all 300ms;
          content: "";
          width: 12px;
          height: 12px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='10.2px' viewBox='0 0 12 10.2' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='1'%3E%3Cg id='Actie-link' transform='translate(-173, -6)' fill='%23B342BB' fill-rule='nonzero'%3E%3Cpath d='M179.219833,6.2135065 C179.512712,5.92883117 179.987468,5.92883117 180.280347,6.2135065 L184.780407,10.5888421 C185.073198,10.8736034 185.073198,11.3352015 184.780407,11.6199629 L180.280347,15.9952985 C179.986059,16.2716536 179.518273,16.2677013 179.228969,15.9864155 C178.939665,15.7051297 178.9356,15.2503092 179.219833,14.9641777 L182.439626,11.8336251 L173.75001,11.8336251 C173.335791,11.8336251 173,11.507141 173,11.1044025 C173,10.701664 173.335791,10.3751799 173.75001,10.3751799 L182.439626,10.3751799 L179.219833,7.24462725 C178.927043,6.95986594 178.927043,6.49826782 179.219833,6.2135065' id='Arrow-right'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          background-repeat: no-repeat;
          position: relative;
          left: 10px;
          top: 3px; }
  .contact .inquiries {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 100px;
    max-width: 100%; }
    @media only screen and (max-width: 1024px) {
      .contact .inquiries {
        flex-direction: column;
        margin-top: 50px;
        gap: 50px; } }
    .contact .inquiries .column {
      padding: 0 95px;
      width: 100%;
      box-sizing: border-box;
      /* long email addresses / phone numbers would otherwise overflow on narrow
         screens */
      overflow-wrap: break-word;
      word-break: break-word; }
      @media only screen and (max-width: 1024px) {
        .contact .inquiries .column {
          padding: 0 50px; } }
      @media only screen and (max-width: 500px) {
        .contact .inquiries .column {
          padding: 0 20px; } }
      .contact .inquiries .column .links-right {
        flex-direction: column;
        display: flex;
        line-height: 26px;
        margin-top: 40px; }
        .contact .inquiries .column .links-right:first-of-type {
          margin-top: 0; }
        .contact .inquiries .column .links-right h4 {
          margin-top: 0;
          padding-top: 0;
          display: block;
          margin-bottom: 20px;
          padding-bottom: 15px; }
        .contact .inquiries .column .links-right p, .contact .inquiries .column .links-right a {
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal; }
      .contact .inquiries .column .inquiries-link {
        border-left: 2px solid rgba(255, 255, 255, 0.4);
        padding-left: 20px; }
        .contact .inquiries .column .inquiries-link h4 {
          font-size: 22px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          margin-bottom: 0;
          margin-top: 0; }
        .contact .inquiries .column .inquiries-link p {
          font-size: 17px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          line-height: 26px; }
        .contact .inquiries .column .inquiries-link a {
          text-decoration: none;
          color: inherit; }
          .contact .inquiries .column .inquiries-link a:hover {
            text-decoration: underline; }

.content {
  display: flex;
  justify-content: center;
  align-items: center; }
  .content .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center; }
    .content .container .upper-container {
      flex-direction: column;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 920px;
      width: 100%;
      box-sizing: border-box;
      overflow-wrap: break-word;
      word-break: break-word; }
    .content .container .container-content {
      max-width: 920px;
      width: 100%;
      box-sizing: border-box;
      /* long unbreakable strings (e.g. regulatory codes like
         EMEA/CHMP/EWP/192217/135/95) would otherwise overflow on narrow screens */
      overflow-wrap: break-word;
      word-break: break-word;
      margin-top: 50px;
      color: white;
      display: flex;
      flex-direction: column; }
      .content .container .container-content span.lead {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 22px;
        line-height: 33px; }
        .content .container .container-content span.lead p {
          font-size: 22px;
          line-height: 33px; }
      .content .container .container-content .logos {
        margin: 50px 0;
        border-radius: 40px;
        max-height: 350px;
        box-sizing: border-box;
        padding: 20px 50px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background: white; }
        @media only screen and (max-width: 1024px) {
          .content .container .container-content .logos {
            flex-direction: column;
            max-height: unset; } }
        @media only screen and (max-width: 768px) {
          .content .container .container-content .logos {
            margin: 20px 0; }
            .content .container .container-content .logos img {
              max-height: 100px;
              margin: 20px;
              object-fit: contain; } }
      .content .container .container-content .content-text-image {
        display: flex;
        flex-direction: column; }
        .content .container .container-content .content-text-image .columns {
          margin-top: 20px;
          display: flex;
          flex-direction: row;
          gap: 50px;
          width: 100%;
          justify-content: flex-start; }
          @media only screen and (max-width: 1024px) {
            .content .container .container-content .content-text-image .columns {
              flex-direction: column;
              gap: 0; } }
        .content .container .container-content .content-text-image .image {
          min-width: 440px;
          width: 100%;
          max-width: 100% !important; }
          @media only screen and (max-width: 1024px) {
            .content .container .container-content .content-text-image .image {
              min-width: 100%; } }
          .content .container .container-content .content-text-image .image img {
            margin-top: 20px !important;
            width: 100%;
            max-width: 100% !important; }
            @media only screen and (max-width: 1024px) {
              .content .container .container-content .content-text-image .image img {
                margin-bottom: 0 !important; } }
            @media only screen and (max-width: 768px) {
              .content .container .container-content .content-text-image .image img {
                max-height: 300px;
                margin-bottom: 30px !important; } }
      .content .container .container-content p {
        font-size: 16px;
        line-height: 26px !important;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 30px; }
        .content .container .container-content p a {
          color: #B342BB;
          text-decoration: none; }
          .content .container .container-content p a:hover {
            text-decoration: underline; }
      .content .container .container-content h1, .content .container .container-content h2, .content .container .container-content h3, .content .container .container-content h4, .content .container .container-content h5, .content .container .container-content h6 {
        margin: 0;
        padding: 0; }
      .content .container .container-content h1 {
        color: white;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 44px;
        line-height: 54px; }
      .content .container .container-content h2 {
        color: white;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 35px;
        line-height: 44px; }
      .content .container .container-content h3 {
        margin-top: 50px;
        color: white;
        font-family: "Ubuntu", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 27px;
        line-height: 34px; }
      .content .container .container-content h4 {
        color: white;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 22px;
        line-height: 28px; }
      .content .container .container-content h5 {
        color: white;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 19px;
        line-height: 26px; }
      .content .container .container-content h6 {
        color: white;
        font-family: "Ubuntu", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 17px;
        line-height: 28px; }
      .content .container .container-content img {
        margin: 50px 0;
        max-height: 500px;
        object-fit: cover; }
      .content .container .container-content ul {
        padding-left: 20px; }
        .content .container .container-content ul li {
          display: flex;
          align-items: center;
          list-style-type: none;
          padding: 7px 0; }
          .content .container .container-content ul li:before {
            display: flex;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #522160;
            position: relative;
            left: -20px; }

.cta {
  position: relative;
  display: flex;
  justify-content: center; }
  .cta h2, .cta h3, .cta h4 {
    display: flex;
    border-left: 2px solid rgba(255, 255, 255, 0.4);
    padding: 0px 0 35px 35px;
    box-sizing: border-box;
    font-size: 35px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; }
    @media only screen and (max-width: 900px) {
      .cta h2, .cta h3, .cta h4 {
        padding: 0px 0 20px 20px;
        box-sizing: border-box;
        font-size: 27px; } }
  .cta .container {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 0 !important; }
    .cta .container .upper-container {
      flex-direction: column;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 100%;
      width: 100%; }
      .cta .container .upper-container .primary-button {
        margin: 40px;
        max-width: max-content !important; }
        @media only screen and (max-width: 1024px) {
          .cta .container .upper-container .primary-button {
            margin-left: 20px !important;
            margin-top: 30px !important; } }
    .cta .container .container-content {
      max-width: 920px;
      color: white;
      display: flex;
      flex-direction: column; }
      .cta .container .container-content span.lead {
        padding-left: 40px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 22px;
        line-height: 46px !important; }
        @media only screen and (max-width: 1024px) {
          .cta .container .container-content span.lead {
            padding-left: 20px !important; } }
        .cta .container .container-content span.lead p {
          font-size: 22px;
          line-height: 46px !important;
          margin: 0 !important;
          padding: 0 !important; }
      .cta .container .container-content p {
        font-size: 16px;
        line-height: 26px !important;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 30px; }
        .cta .container .container-content p a {
          color: #B342BB;
          text-decoration: none; }
          .cta .container .container-content p a:hover {
            text-decoration: underline; }
      .cta .container .container-content img {
        margin: 50px 0;
        max-height: 500px;
        object-fit: cover; }
      .cta .container .container-content ul {
        padding-left: 20px; }
        .cta .container .container-content ul li {
          display: flex;
          align-items: center;
          list-style-type: none;
          padding: 7px 0; }
          .cta .container .container-content ul li:before {
            display: flex;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #522160;
            position: relative;
            left: -20px; }

.column-links-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .column-links-wrapper {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 30px; } }
  .column-links-wrapper .column-links {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .column-links-wrapper .column-links a {
      width: fit-content;
      position: relative;
      font-size: 17px;
      text-decoration: none;
      color: inherit;
      font-family: "Ubuntu", sans-serif;
      font-weight: 300;
      font-style: normal; }
      .column-links-wrapper .column-links a svg {
        margin-right: 10px;
        vertical-align: -5px; }
      .column-links-wrapper .column-links a:hover:after {
        width: 100%; }
      .column-links-wrapper .column-links a:after {
        position: absolute;
        content: '';
        bottom: -3px;
        width: 0px;
        height: 1px;
        display: block;
        background: white;
        transition: 500ms; }
  .column-links-wrapper strong {
    font-size: 19px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal; }
    .column-links-wrapper strong:after {
      margin-top: 15px;
      margin-bottom: 15px;
      content: "";
      width: 30px;
      height: 1px;
      background: rgba(255, 255, 255, 0.3);
      display: block; }

.copy-bar {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6); }
  .copy-bar a {
    text-decoration: none;
    color: inherit; }
    .copy-bar a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 900px) {
    .copy-bar {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px; } }

header {
  position: fixed;
  width: 100vw;
  height: 100px;
  color: white;
  display: flex;
  justify-content: center;
  padding-top: 50px;
  z-index: 100;
  transition: all 0.8s ease-in-out;
  top: 0;
  background: linear-gradient(180deg, #0000005e, transparent); }
  @media only screen and (max-width: 768px) {
    header {
      padding-top: 20px;
      height: 60px; } }
  header.fade-up {
    top: -200px; }
  header .container {
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header .container .logo {
      z-index: 100;
      transition: all 300ms ease-in-out; }
      header .container .logo:hover {
        transform: scale(1.05); }
      header .container .logo img {
        z-index: 100;
        max-height: 80px; }
        @media only screen and (max-width: 768px) {
          header .container .logo img {
            max-height: 60px; } }
  header .navigation {
    display: flex;
    flex-direction: row;
    gap: 50px; }
    @media only screen and (max-width: 1024px) {
      header .navigation {
        display: none; } }
    header .navigation a {
      transition: all 500ms;
      color: white;
      text-decoration: none;
      font-size: 14px;
      text-transform: uppercase;
      padding-bottom: 10px;
      position: relative;
      top: 10px;
      font-family: "Ubuntu", sans-serif;
      font-weight: 700;
      font-style: normal;
      border-bottom: 4px solid transparent;
      border-radius: 2px; }
      header .navigation a:hover {
        color: #B1B8BC;
        border-bottom: 4px solid #FFB332; }
      header .navigation a.active {
        color: #B1B8BC;
        border-bottom: 4px solid #FFB332; }

.hero-section {
  justify-content: center;
  display: flex; }
  .hero-section .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative; }
    .hero-section .container .background-assets {
      justify-content: center;
      display: flex;
      flex-direction: row;
      position: absolute;
      z-index: 1; }
    .hero-section .container .content {
      width: 100%;
      position: relative;
      z-index: 2;
      padding: 50px;
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      gap: 100px; }
      @media only screen and (max-width: 1024px) {
        .hero-section .container .content {
          flex-direction: column;
          padding: 0 !important;
          padding-top: 50px !important;
          gap: 0 !important; } }
      @media only screen and (max-width: 768px) {
        .hero-section .container .content {
          padding: 0 !important;
          gap: 0 !important; } }
      .hero-section .container .content .column {
        width: 100%; }
      .hero-section .container .content .column-left {
        max-width: 800px; }
      @media only screen and (max-width: 768px) {
        .hero-section .container .content.content-containers {
          margin-top: 50px; } }
      @media only screen and (max-width: 1024px) {
        .hero-section .container .content.content-containers .column-left, .hero-section .container .content.content-containers .column-right {
          max-width: 100% !important; } }
      .hero-section .container .content.content-containers .column-right {
        margin-top: 100px !important; }
        @media only screen and (max-width: 1024px) {
          .hero-section .container .content.content-containers .column-right {
            margin-top: 50px !important; } }
        @media only screen and (max-width: 768px) {
          .hero-section .container .content.content-containers .column-right {
            margin-top: 30px !important; } }
      .hero-section .container .content .column-right {
        position: relative;
        margin-top: 250px; }
        @media only screen and (max-width: 1024px) {
          .hero-section .container .content .column-right {
            margin-top: 0px; } }
        .hero-section .container .content .column-right p {
          margin: 0;
          font-size: 20px;
          line-height: 30px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          margin-bottom: 50px; }
          @media only screen and (max-width: 768px) {
            .hero-section .container .content .column-right p {
              margin-bottom: 30px;
              font-size: 16px;
              max-width: 300px; } }
    .hero-section .container .blood-cell {
      width: 50%;
      position: absolute;
      max-width: 600px; }
      .hero-section .container .blood-cell img {
        max-width: 100%; }
      .hero-section .container .blood-cell.cell-left {
        animation: fade-in 2s ease-out 0s, float-up 6s ease-in-out 0s infinite;
        position: relative;
        top: -250px;
        right: -1px; }
        @media only screen and (max-width: 768px) {
          .hero-section .container .blood-cell.cell-left {
            top: -160px;
            right: -150px; } }
      .hero-section .container .blood-cell.cell-right {
        margin-top: 20px;
        animation: fade-in-2 2s ease-in-out 0s, float-down 6s ease-in-out 0s infinite;
        position: relative;
        top: -100px; }
        @media only screen and (max-width: 768px) {
          .hero-section .container .blood-cell.cell-right {
            top: -120px;
            right: -150px; } }
    .hero-section .container .cutout-container {
      transition: all 300ms; }
      .hero-section .container .cutout-container:hover .arrow-after {
        transform: rotate(-45deg);
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-6.2%25' y='-6.2%25' width='112.5%25' height='112.5%25' filterUnits='objectBoundingBox' id='filter-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-1)' cx='32' cy='32' r='32'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-2)' opacity='0.5' filter='url(%23filter-3)' cx='32' cy='32' r='24'%3E%3C/circle%3E%3Cpath d='M32.3663884,23.3558442 C32.8545197,22.8813853 33.6457806,22.8813853 34.1339119,23.3558442 L41.634012,30.6480702 C42.121996,31.1226724 42.121996,31.8920026 41.634012,32.3666048 L34.1339119,39.6588308 C33.6434318,40.1194226 32.863789,40.1128355 32.3816153,39.6440258 C31.8994417,39.1752161 31.8926668,38.4171821 32.3663884,37.9402962 L37.73271,32.7227085 L23.2500167,32.7227085 C22.5596515,32.7227085 22,32.1785683 22,31.5073375 C22,30.8361066 22.5596515,30.2919665 23.2500167,30.2919665 L37.73271,30.2919665 L32.3663884,25.0743788 C31.8784044,24.5997766 31.8784044,23.8304464 32.3663884,23.3558442' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; }
      .hero-section .container .cutout-container a {
        text-decoration: none;
        color: inherit; }
      .hero-section .container .cutout-container .cutout-container-inner {
        transition: all 300ms;
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        --mask: radial-gradient(60px at calc(100% - 35px) calc(100% - 35px) ,#0000 98%,#000);
        -webkit-mask: var(--mask);
        mask: var(--mask);
        box-sizing: border-box;
        padding: 50px;
        min-height: 400px;
        border-radius: 50px; }
        @media only screen and (max-width: 1024px) {
          .hero-section .container .cutout-container .cutout-container-inner {
            max-width: 100%;
            padding: 30px;
            min-height: auto;
            border-radius: 30px; } }
        @media only screen and (max-width: 768px) {
          .hero-section .container .cutout-container .cutout-container-inner p {
            margin-bottom: 80px !important; } }
      .hero-section .container .cutout-container.left-container {
        margin-left: 50px;
        position: relative; }
        @media only screen and (max-width: 1024px) {
          .hero-section .container .cutout-container.left-container {
            margin-left: 0; } }
        .hero-section .container .cutout-container.left-container .arrow-after {
          transition: all 300ms;
          position: absolute;
          content: "";
          background-image: url("data:image/svg+xml,%0A%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-p3cnjkbap1-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-p3cnjkbap1-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-6.2%25' y='-6.2%25' width='112.5%25' height='112.5%25' filterUnits='objectBoundingBox' id='filter-p3cnjkbap1-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-p3cnjkbap1-1)' cx='32' cy='32' r='32'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-p3cnjkbap1-2)' opacity='0.5' filter='url(%23filter-p3cnjkbap1-3)' cx='32' cy='32' r='24'%3E%3C/circle%3E%3Cpath d='M32.3663884,23.3558442 C32.8545197,22.8813853 33.6457806,22.8813853 34.1339119,23.3558442 L41.634012,30.6480702 C42.121996,31.1226724 42.121996,31.8920026 41.634012,32.3666048 L34.1339119,39.6588308 C33.6434318,40.1194226 32.863789,40.1128355 32.3816153,39.6440258 C31.8994417,39.1752161 31.8926668,38.4171821 32.3663884,37.9402962 L37.73271,32.7227085 L23.2500167,32.7227085 C22.5596515,32.7227085 22,32.1785683 22,31.5073375 C22,30.8361066 22.5596515,30.2919665 23.2500167,30.2919665 L37.73271,30.2919665 L32.3663884,25.0743788 C31.8784044,24.5997766 31.8784044,23.8304464 32.3663884,23.3558442' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          width: 64px;
          height: 64px;
          bottom: 0px;
          z-index: 10; }
          .hero-section .container .cutout-container.left-container .arrow-after:hover {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-6.2%25' y='-6.2%25' width='112.5%25' height='112.5%25' filterUnits='objectBoundingBox' id='filter-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-1)' cx='32' cy='32' r='32'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-2)' opacity='0.5' filter='url(%23filter-3)' cx='32' cy='32' r='24'%3E%3C/circle%3E%3Cpath d='M32.3663884,23.3558442 C32.8545197,22.8813853 33.6457806,22.8813853 34.1339119,23.3558442 L41.634012,30.6480702 C42.121996,31.1226724 42.121996,31.8920026 41.634012,32.3666048 L34.1339119,39.6588308 C33.6434318,40.1194226 32.863789,40.1128355 32.3816153,39.6440258 C31.8994417,39.1752161 31.8926668,38.4171821 32.3663884,37.9402962 L37.73271,32.7227085 L23.2500167,32.7227085 C22.5596515,32.7227085 22,32.1785683 22,31.5073375 C22,30.8361066 22.5596515,30.2919665 23.2500167,30.2919665 L37.73271,30.2919665 L32.3663884,25.0743788 C31.8784044,24.5997766 31.8784044,23.8304464 32.3663884,23.3558442' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
      .hero-section .container .cutout-container.right-container {
        margin-right: 50px;
        position: relative; }
        @media only screen and (max-width: 1024px) {
          .hero-section .container .cutout-container.right-container {
            margin-right: 0; } }
        .hero-section .container .cutout-container.right-container .arrow-after {
          transition: all 300ms;
          position: absolute;
          content: "";
          background-image: url("data:image/svg+xml,%0A%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-p3cnjkbap1-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-p3cnjkbap1-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-6.2%25' y='-6.2%25' width='112.5%25' height='112.5%25' filterUnits='objectBoundingBox' id='filter-p3cnjkbap1-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-p3cnjkbap1-1)' cx='32' cy='32' r='32'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-p3cnjkbap1-2)' opacity='0.5' filter='url(%23filter-p3cnjkbap1-3)' cx='32' cy='32' r='24'%3E%3C/circle%3E%3Cpath d='M32.3663884,23.3558442 C32.8545197,22.8813853 33.6457806,22.8813853 34.1339119,23.3558442 L41.634012,30.6480702 C42.121996,31.1226724 42.121996,31.8920026 41.634012,32.3666048 L34.1339119,39.6588308 C33.6434318,40.1194226 32.863789,40.1128355 32.3816153,39.6440258 C31.8994417,39.1752161 31.8926668,38.4171821 32.3663884,37.9402962 L37.73271,32.7227085 L23.2500167,32.7227085 C22.5596515,32.7227085 22,32.1785683 22,31.5073375 C22,30.8361066 22.5596515,30.2919665 23.2500167,30.2919665 L37.73271,30.2919665 L32.3663884,25.0743788 C31.8784044,24.5997766 31.8784044,23.8304464 32.3663884,23.3558442' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          height: 64px;
          width: 64px;
          height: 64px;
          z-index: 10; }
          .hero-section .container .cutout-container.right-container .arrow-after:hover {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-6.2%25' y='-6.2%25' width='112.5%25' height='112.5%25' filterUnits='objectBoundingBox' id='filter-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-1)' cx='32' cy='32' r='32'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-2)' opacity='0.5' filter='url(%23filter-3)' cx='32' cy='32' r='24'%3E%3C/circle%3E%3Cpath d='M32.3663884,23.3558442 C32.8545197,22.8813853 33.6457806,22.8813853 34.1339119,23.3558442 L41.634012,30.6480702 C42.121996,31.1226724 42.121996,31.8920026 41.634012,32.3666048 L34.1339119,39.6588308 C33.6434318,40.1194226 32.863789,40.1128355 32.3816153,39.6440258 C31.8994417,39.1752161 31.8926668,38.4171821 32.3663884,37.9402962 L37.73271,32.7227085 L23.2500167,32.7227085 C22.5596515,32.7227085 22,32.1785683 22,31.5073375 C22,30.8361066 22.5596515,30.2919665 23.2500167,30.2919665 L37.73271,30.2919665 L32.3663884,25.0743788 C31.8784044,24.5997766 31.8784044,23.8304464 32.3663884,23.3558442' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
      .hero-section .container .cutout-container .arrow-after {
        bottom: 0;
        right: 0 !important; }
      .hero-section .container .cutout-container .link-text {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 12px;
        position: absolute;
        right: 130px;
        bottom: 30px; }
        @media only screen and (max-width: 1550px) {
          .hero-section .container .cutout-container .link-text {
            right: 130px; } }
      .hero-section .container .cutout-container h3 {
        border-left: 2px solid rgba(255, 255, 255, 0.4);
        padding: 0px 0 20px 20px;
        box-sizing: border-box;
        margin: 0;
        font-size: 27px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 20px !important; }
      .hero-section .container .cutout-container p {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 17px !important;
        line-height: 27px;
        margin-bottom: 80px !important; }

.labaratories {
  justify-content: center;
  display: flex; }
  .labaratories .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative; }
    .labaratories .container .content {
      width: 100%;
      position: relative;
      z-index: 2;
      padding: 50px;
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      gap: 100px; }
      @media only screen and (max-width: 1024px) {
        .labaratories .container .content {
          flex-direction: column;
          padding: 0 !important;
          padding-top: 50px !important;
          gap: 0 !important; } }
      @media only screen and (max-width: 768px) {
        .labaratories .container .content {
          padding: 0 !important;
          gap: 0 !important; } }
      .labaratories .container .content .column {
        width: 100%; }
      .labaratories .container .content .lab-image {
        width: 100%;
        border-radius: 60px;
        min-height: 500px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative; }
        @media only screen and (max-width: 600px) {
          .labaratories .container .content .lab-image {
            min-height: 300px;
            border-radius: 30px; } }
        .labaratories .container .content .lab-image:after {
          border-radius: 60px;
          content: "";
          display: flex;
          background-image: linear-gradient(0deg, #522160 0%, rgba(82, 33, 96, 0.87) 12%, rgba(234, 41, 75, 0) 46%, rgba(0, 0, 0, 0) 46%);
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          @media only screen and (max-width: 600px) {
            .labaratories .container .content .lab-image:after {
              border-radius: 30px; } }
      .labaratories .container .content .column-left {
        max-width: 800px; }
      @media only screen and (max-width: 768px) {
        .labaratories .container .content.content-containers {
          margin-top: 20px; } }
      @media only screen and (max-width: 1024px) {
        .labaratories .container .content.content-containers .column-left, .labaratories .container .content.content-containers .column-right {
          max-width: 100% !important; } }
      .labaratories .container .content.content-containers .column-right {
        margin-top: 100px !important; }
        @media only screen and (max-width: 1024px) {
          .labaratories .container .content.content-containers .column-right {
            margin-top: 50px !important; } }
        @media only screen and (max-width: 768px) {
          .labaratories .container .content.content-containers .column-right {
            margin-top: 30px !important; } }
      .labaratories .container .content .column-right {
        position: relative;
        margin-top: 150px; }
        @media only screen and (max-width: 1024px) {
          .labaratories .container .content .column-right {
            margin-top: 0px; } }
        .labaratories .container .content .column-right p {
          margin: 0;
          font-size: 20px;
          line-height: 30px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          margin-bottom: 50px; }
          @media only screen and (max-width: 768px) {
            .labaratories .container .content .column-right p {
              margin-bottom: 30px;
              font-size: 16px;
              max-width: 300px; } }
      .labaratories .container .content .cutout-container {
        transition: all 300ms;
        margin-top: -100px; }
        .labaratories .container .content .cutout-container:hover .arrow-after {
          transform: rotate(-45deg); }
        .labaratories .container .content .cutout-container a {
          text-decoration: none;
          color: inherit; }
        .labaratories .container .content .cutout-container .cutout-container-inner {
          transition: all 300ms;
          background: rgba(255, 255, 255, 0.4);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          --mask: radial-gradient(60px at calc(100% - 35px) calc(100% - 35px) ,#0000 98%,#000);
          -webkit-mask: var(--mask);
          mask: var(--mask);
          box-sizing: border-box;
          padding: 50px;
          min-height: 350px;
          border-radius: 50px; }
          @media only screen and (max-width: 1024px) {
            .labaratories .container .content .cutout-container .cutout-container-inner {
              max-width: 100%;
              padding: 30px;
              min-height: auto;
              border-radius: 30px; } }
          @media only screen and (max-width: 768px) {
            .labaratories .container .content .cutout-container .cutout-container-inner p {
              margin-bottom: 80px !important; } }
        .labaratories .container .content .cutout-container.left-container {
          margin-left: 50px;
          margin-right: 50px;
          position: relative; }
          @media only screen and (max-width: 1024px) {
            .labaratories .container .content .cutout-container.left-container {
              margin-left: 20px !important;
              margin-right: 20px !important; } }
          .labaratories .container .content .cutout-container.left-container .arrow-after {
            transition: all 300ms;
            position: absolute;
            content: "";
            background-image: url("data:image/svg+xml,%0A%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-p3cnjkbap1-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-p3cnjkbap1-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-6.2%25' y='-6.2%25' width='112.5%25' height='112.5%25' filterUnits='objectBoundingBox' id='filter-p3cnjkbap1-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-p3cnjkbap1-1)' cx='32' cy='32' r='32'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-p3cnjkbap1-2)' opacity='0.5' filter='url(%23filter-p3cnjkbap1-3)' cx='32' cy='32' r='24'%3E%3C/circle%3E%3Cpath d='M32.3663884,23.3558442 C32.8545197,22.8813853 33.6457806,22.8813853 34.1339119,23.3558442 L41.634012,30.6480702 C42.121996,31.1226724 42.121996,31.8920026 41.634012,32.3666048 L34.1339119,39.6588308 C33.6434318,40.1194226 32.863789,40.1128355 32.3816153,39.6440258 C31.8994417,39.1752161 31.8926668,38.4171821 32.3663884,37.9402962 L37.73271,32.7227085 L23.2500167,32.7227085 C22.5596515,32.7227085 22,32.1785683 22,31.5073375 C22,30.8361066 22.5596515,30.2919665 23.2500167,30.2919665 L37.73271,30.2919665 L32.3663884,25.0743788 C31.8784044,24.5997766 31.8784044,23.8304464 32.3663884,23.3558442' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            width: 64px;
            height: 64px;
            bottom: 0px;
            z-index: 10; }
        .labaratories .container .content .cutout-container.right-container {
          margin-right: 50px;
          margin-left: 50px;
          position: relative; }
          @media only screen and (max-width: 1024px) {
            .labaratories .container .content .cutout-container.right-container {
              margin-left: 20px !important;
              margin-right: 20px !important; } }
          .labaratories .container .content .cutout-container.right-container .arrow-after {
            transition: all 300ms;
            position: absolute;
            content: "";
            background-image: url("data:image/svg+xml,%0A%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-p3cnjkbap1-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-p3cnjkbap1-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-6.2%25' y='-6.2%25' width='112.5%25' height='112.5%25' filterUnits='objectBoundingBox' id='filter-p3cnjkbap1-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-p3cnjkbap1-1)' cx='32' cy='32' r='32'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-p3cnjkbap1-2)' opacity='0.5' filter='url(%23filter-p3cnjkbap1-3)' cx='32' cy='32' r='24'%3E%3C/circle%3E%3Cpath d='M32.3663884,23.3558442 C32.8545197,22.8813853 33.6457806,22.8813853 34.1339119,23.3558442 L41.634012,30.6480702 C42.121996,31.1226724 42.121996,31.8920026 41.634012,32.3666048 L34.1339119,39.6588308 C33.6434318,40.1194226 32.863789,40.1128355 32.3816153,39.6440258 C31.8994417,39.1752161 31.8926668,38.4171821 32.3663884,37.9402962 L37.73271,32.7227085 L23.2500167,32.7227085 C22.5596515,32.7227085 22,32.1785683 22,31.5073375 C22,30.8361066 22.5596515,30.2919665 23.2500167,30.2919665 L37.73271,30.2919665 L32.3663884,25.0743788 C31.8784044,24.5997766 31.8784044,23.8304464 32.3663884,23.3558442' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            height: 64px;
            width: 64px;
            height: 64px;
            z-index: 10; }
        .labaratories .container .content .cutout-container .arrow-after {
          bottom: 0;
          right: 0 !important; }
        .labaratories .container .content .cutout-container .link-text {
          text-transform: uppercase;
          letter-spacing: 2px;
          font-size: 12px;
          position: absolute;
          right: 130px;
          bottom: 30px; }
          @media only screen and (max-width: 1550px) {
            .labaratories .container .content .cutout-container .link-text {
              right: 130px; } }
        .labaratories .container .content .cutout-container h3 {
          border-left: 2px solid rgba(255, 255, 255, 0.4);
          padding: 0px 0 20px 20px;
          box-sizing: border-box;
          margin: 0;
          font-size: 27px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          margin-bottom: 20px !important; }
        .labaratories .container .content .cutout-container p {
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 17px !important;
          line-height: 27px;
          margin-bottom: 80px !important; }

.location-slider {
  display: flex;
  justify-content: center;
  align-items: center; }
  .location-slider .splide {
    border-radius: 60px !important; }
    @media only screen and (max-width: 1024px) {
      .location-slider .splide {
        border-radius: 30px !important; } }
  @media only screen and (max-width: 1024px) {
    .location-slider {
      position: relative; } }
  .location-slider .blurred-container {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    z-index: 2;
    margin: 0 250px;
    margin-top: -90px !important;
    padding: 40px 45px;
    background: rgba(238, 224, 255, 0.4);
    border-radius: 40px; }
    @media only screen and (max-width: 1024px) {
      .location-slider .blurred-container {
        margin: auto !important;
        margin-top: -90px !important;
        width: calc(100% - 200px); } }
    @media only screen and (max-width: 600px) {
      .location-slider .blurred-container {
        margin: auto !important;
        margin-top: -90px !important;
        width: calc(100% - 80px);
        padding: 30px; } }
    .location-slider .blurred-container h3 {
      box-sizing: border-box;
      margin: 0;
      font-size: 27px;
      font-family: "Ubuntu", sans-serif;
      font-weight: 300;
      font-style: normal;
      margin-bottom: 20px !important; }
    .location-slider .blurred-container p {
      font-family: "Ubuntu", sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 17px !important;
      line-height: 27px;
      margin-bottom: 30px; }
  .location-slider .splide__slide {
    border-radius: 60px;
    height: 680px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 1024px) {
      .location-slider .splide__slide {
        height: 400px; } }
    @media only screen and (max-width: 600px) {
      .location-slider .splide__slide {
        height: 300px;
        border-radius: 30px; } }
  .location-slider .splide__arrow--prev {
    -webkit-tap-highlight-color: transparent;
    opacity: 1;
    margin-top: 0px;
    background: transparent; }
    @media only screen and (max-width: 600px) {
      .location-slider .splide__arrow--prev {
        display: none; } }
    .location-slider .splide__arrow--prev:hover {
      opacity: 1; }
      .location-slider .splide__arrow--prev:hover:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-x9q9krpy3q-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-x9q9krpy3q-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-x9q9krpy3q-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-HOME' transform='translate(-142, -4264)'%3E%3Cg id='LOCATION' transform='translate(142, 3944)'%3E%3Cg id='Group' transform='translate(23, 343) scale(-1, 1) translate(-23, -343)translate(0, 320)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-x9q9krpy3q-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-x9q9krpy3q-2)' opacity='0.5' filter='url(%23filter-x9q9krpy3q-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
    .location-slider .splide__arrow--prev svg {
      display: none; }
    .location-slider .splide__arrow--prev:after {
      transition: all 300ms;
      position: absolute;
      content: "";
      background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-mjvbguvt4k-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-mjvbguvt4k-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-mjvbguvt4k-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='R-HOME' transform='translate(-427, -1807)'%3E%3Cg id='OUR-TEAM' transform='translate(165, 1621)'%3E%3Cg id='Group' transform='translate(285, 209) scale(-1, 1) translate(-285, -209)translate(262, 186)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-mjvbguvt4k-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-mjvbguvt4k-2)' opacity='0.5' filter='url(%23filter-mjvbguvt4k-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      width: 46px;
      height: 46px;
      bottom: 0px;
      z-index: 10;
      left: -32px; }
      @media only screen and (max-width: 900px) {
        .location-slider .splide__arrow--prev:after {
          left: 50px; } }
      @media (max-width: 768px) {
        .location-slider .splide__arrow--prev:after {
          left: 20px; } }
  .location-slider .splide__arrow--next {
    -webkit-tap-highlight-color: transparent;
    opacity: 1;
    background: transparent;
    margin-top: 0px; }
    .location-slider .splide__arrow--next:hover {
      opacity: 1; }
      .location-slider .splide__arrow--next:hover:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-3uqc--carj-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-3uqc--carj-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-3uqc--carj-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-HOME' transform='translate(-1252, -4264)'%3E%3Cg id='LOCATION' transform='translate(142, 3944)'%3E%3Cg id='Group' transform='translate(1110, 320)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-3uqc--carj-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-3uqc--carj-2)' opacity='0.5' filter='url(%23filter-3uqc--carj-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
    .location-slider .splide__arrow--next svg {
      display: none; }
    @media only screen and (max-width: 600px) {
      .location-slider .splide__arrow--next {
        display: none; } }
    .location-slider .splide__arrow--next:after {
      transition: all 300ms;
      position: absolute;
      content: "";
      background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-wwxgxcbr5u-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-wwxgxcbr5u-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-wwxgxcbr5u-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-HOME' transform='translate(-1252, -4264)'%3E%3Cg id='LOCATION' transform='translate(142, 3944)'%3E%3Cg id='Group' transform='translate(1110, 320)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-wwxgxcbr5u-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-wwxgxcbr5u-2)' opacity='0.5' filter='url(%23filter-wwxgxcbr5u-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      width: 46px;
      height: 46px;
      bottom: 0px;
      z-index: 10;
      right: -34px; }
      @media only screen and (max-width: 900px) {
        .location-slider .splide__arrow--next:after {
          right: 50px; } }
      @media (max-width: 768px) {
        .location-slider .splide__arrow--next:after {
          right: 20px; } }

.location-slider {
  display: flex;
  justify-content: center;
  overflow: visible; }
  .location-slider .container {
    border-radius: 60px;
    overflow: visible;
    position: relative; }
    .location-slider .container .swiper {
      min-height: 0;
      min-width: 0;
      border-radius: 60px;
      width: 100% !important;
      max-width: 1300px !important;
      margin-left: 70px !important;
      margin-right: 70px !important; }
    .location-slider .container .swiper-wrapper {
      max-height: 100%;
      height: 100%;
      display: flex; }
    .location-slider .container .swiper-slide {
      height: 680px;
      border-radius: 60px;
      background: white;
      width: auto;
      flex-shrink: 0;
      display: block;
      max-height: 100%; }
  .location-slider .swiper-button-prev-location {
    margin-top: 0px;
    display: flex;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 0;
    top: calc(50% - 23px); }
    .location-slider .swiper-button-prev-location:after {
      transition: all 300ms;
      position: absolute;
      content: "";
      background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-mjvbguvt4k-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-mjvbguvt4k-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-mjvbguvt4k-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='R-HOME' transform='translate(-427, -1807)'%3E%3Cg id='OUR-TEAM' transform='translate(165, 1621)'%3E%3Cg id='Group' transform='translate(285, 209) scale(-1, 1) translate(-285, -209)translate(262, 186)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-mjvbguvt4k-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-mjvbguvt4k-2)' opacity='0.5' filter='url(%23filter-mjvbguvt4k-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      width: 46px;
      height: 46px;
      bottom: 0px;
      z-index: 10;
      left: -23px; }
  .location-slider .swiper-button-next-location {
    margin-top: 0px;
    display: flex;
    width: 46px;
    height: 46px;
    position: absolute;
    right: -23px;
    top: calc(50% - 23px); }
    .location-slider .swiper-button-next-location:after {
      transition: all 300ms;
      position: absolute;
      content: "";
      background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-34tgg7nlsw-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-34tgg7nlsw-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-34tgg7nlsw-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='R-HOME' transform='translate(-1249, -1807)'%3E%3Cg id='OUR-TEAM' transform='translate(165, 1621)'%3E%3Cg id='Group' transform='translate(1084, 186)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-34tgg7nlsw-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-34tgg7nlsw-2)' opacity='0.5' filter='url(%23filter-34tgg7nlsw-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      width: 46px;
      height: 46px;
      bottom: 0px;
      z-index: 10; }

.news-selected {
  position: relative;
  display: flex;
  justify-content: center; }
  .news-selected h2, .news-selected h3, .news-selected h4 {
    border-left: 2px solid #FFB332;
    padding: 0px 0 35px 35px;
    box-sizing: border-box;
    margin: 0;
    font-size: 35px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 100px !important; }
    @media only screen and (max-width: 900px) {
      .news-selected h2, .news-selected h3, .news-selected h4 {
        margin-bottom: 30px !important;
        padding: 0px 0 20px 20px;
        box-sizing: border-box;
        font-size: 27px; } }
  .news-selected .news-articles {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr; }
    @media only screen and (max-width: 900px) {
      .news-selected .news-articles {
        grid-template-columns: 1fr;
        grid-gap: 50px; } }
    @media only screen and (max-width: 500px) {
      .news-selected .news-articles {
        grid-template-columns: 1fr;
        grid-gap: 30px; } }
    .news-selected .news-articles .article {
      min-height: 440px;
      border-radius: 40px;
      box-sizing: border-box;
      padding: 10px;
      background: rgba(255, 255, 255, 0.3);
      position: relative;
      transition: all 500ms;
      top: 0; }
      .news-selected .news-articles .article:hover {
        top: -30px; }
        .news-selected .news-articles .article:hover .details {
          background: linear-gradient(135deg, #D4591B 0%, #FFB332 100%);
          bottom: -30px; }
      .news-selected .news-articles .article .image {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: auto;
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 30px; }
      .news-selected .news-articles .article .details {
        transition: all 400ms ease-in-out;
        width: calc(100% - 20px);
        border-radius: 30px;
        background: linear-gradient(135deg, #522160 0%, #B342BB 100%);
        padding: 30px 24px;
        box-sizing: border-box;
        min-height: 60px;
        /* safety net: never let unexpected/pasted markup grow the card overlay */
        overflow: hidden;
        position: absolute;
        z-index: 2;
        bottom: 10px;
        display: flex;
        justify-content: center;
        flex-direction: column; }
        .news-selected .news-articles .article .details h5, .news-selected .news-articles .article .details p, .news-selected .news-articles .article .details span {
          margin: 0;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          line-height: 26px;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          color: white; }
        .news-selected .news-articles .article .details h4, .news-selected .news-articles .article .details h5, .news-selected .news-articles .article .details h6 {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-family: "Ubuntu", sans-serif;
          font-weight: 500;
          font-style: normal;
          font-size: 19px;
          color: #FFFFFF;
          margin-bottom: 20px; }

.fixed-news-background {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .fixed-news-background {
      top: 0;
      left: 0; } }
  .fixed-news-background.show-background {
    visibility: visible;
    opacity: 1; }

.team-grid + .team-grid .container {
  margin-top: 0 !important;
  margin-bottom: 200px !important; }
  @media only screen and (max-width: 1024px) {
    .team-grid + .team-grid .container {
      margin-top: 100px !important; } }
  @media only screen and (max-width: 768px) {
    .team-grid + .team-grid .container {
      margin-bottom: 100px !important; } }

.team-grid {
  display: flex;
  justify-content: center; }
  .team-grid p {
    font-size: 16px;
    line-height: 26px !important;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 30px; }
    .team-grid p a {
      color: #B342BB;
      text-decoration: none; }
      .team-grid p a:hover {
        text-decoration: underline; }
  .team-grid h1, .team-grid h2, .team-grid h3, .team-grid h4, .team-grid h5, .team-grid h6 {
    margin: 0;
    padding: 0; }
  .team-grid h1 {
    color: white;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 44px;
    line-height: 54px; }
  .team-grid h2 {
    color: white;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 35px;
    line-height: 44px; }
  .team-grid h3 {
    margin-top: 50px;
    color: white;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 27px;
    line-height: 34px; }
  .team-grid h4 {
    color: white;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    line-height: 28px; }
  .team-grid h5 {
    color: white;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19px;
    line-height: 26px; }
  .team-grid h6 {
    color: white;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 28px; }
  .team-grid .container {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center; }
    .team-grid .container .upper-container {
      flex-direction: column;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 920px;
      width: 100%; }
    .team-grid .container .team-content {
      margin-top: 80px; }
      @media only screen and (max-width: 1024px) {
        .team-grid .container .team-content {
          max-width: 100%;
          margin: 0 50px; } }
      @media (max-width: 768px) {
        .team-grid .container .team-content {
          margin-left: 20px;
          margin-right: 20px;
          margin-top: 20px !important; } }
      .team-grid .container .team-content h3 {
        border-left: 2px solid rgba(255, 255, 255, 0.4);
        padding: 0px 0 20px 20px;
        box-sizing: border-box;
        margin: 0;
        font-size: 27px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 20px !important; }
      .team-grid .container .team-content p {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        padding-left: 20px;
        font-size: 22px !important;
        line-height: 33px;
        margin-bottom: 30px; }
        @media only screen and (max-width: 768px) {
          .team-grid .container .team-content p {
            margin-bottom: 0;
            padding-left: 0;
            font-size: 17px !important;
            line-height: 28px !important; } }
      .team-grid .container .team-content a {
        cursor: pointer;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 12px;
        letter-spacing: 2px;
        opacity: 0.7;
        text-transform: uppercase;
        color: white;
        text-decoration: none; }
        .team-grid .container .team-content a:hover {
          text-decoration: underline; }
          .team-grid .container .team-content a:hover:after {
            left: 15px; }
        .team-grid .container .team-content a:after {
          display: inline-flex;
          transition: all 300ms;
          content: "";
          width: 12px;
          height: 12px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='10.2px' viewBox='0 0 12 10.2' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.699999988'%3E%3Cg id='Actie-link' transform='translate(-173, -6)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M179.219833,6.2135065 C179.512712,5.92883117 179.987468,5.92883117 180.280347,6.2135065 L184.780407,10.5888421 C185.073198,10.8736034 185.073198,11.3352015 184.780407,11.6199629 L180.280347,15.9952985 C179.986059,16.2716536 179.518273,16.2677013 179.228969,15.9864155 C178.939665,15.7051297 178.9356,15.2503092 179.219833,14.9641777 L182.439626,11.8336251 L173.75001,11.8336251 C173.335791,11.8336251 173,11.507141 173,11.1044025 C173,10.701664 173.335791,10.3751799 173.75001,10.3751799 L182.439626,10.3751799 L179.219833,7.24462725 C178.927043,6.95986594 178.927043,6.49826782 179.219833,6.2135065' id='Arrow-right'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          background-repeat: no-repeat;
          position: relative;
          left: 10px;
          top: 3px; }
    .team-grid .container .team-grid-container {
      width: 100%;
      display: grid;
      justify-content: center;
      align-items: center;
      grid-template-columns: repeat(3, 1fr);
      gap: 70px; }
      @media only screen and (max-width: 1024px) {
        .team-grid .container .team-grid-container {
          grid-template-columns: repeat(2, 1fr); } }
      @media only screen and (max-width: 768px) {
        .team-grid .container .team-grid-container {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px; } }
    .team-grid .container .team-block {
      color: white !important;
      width: 100%;
      max-width: 255px;
      height: 320px;
      border-radius: 40px;
      background: rgba(255, 255, 255, 0.3);
      box-sizing: border-box;
      padding: 10px;
      overflow: visible;
      transition: all 500ms ease-in-out;
      top: 50px;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .team-grid .container .team-block {
          max-width: 500px; } }
      @media only screen and (max-width: 768px) {
        .team-grid .container .team-block {
          height: 400px; } }
      .team-grid .container .team-block:hover {
        top: 0; }
        .team-grid .container .team-block:hover .team-details {
          bottom: -30px;
          background: rgba(179, 66, 187, 0.9); }
      .team-grid .container .team-block .team-image {
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 30px;
        padding: 10px;
        box-sizing: border-box;
        position: relative;
        overflow: visible; }
      .team-grid .container .team-block .team-details {
        transition: all 500ms ease-in-out;
        width: calc(100% - 20px);
        border-radius: 20px;
        background: rgba(72, 6, 150, 0.9);
        padding: 15px 15px;
        box-sizing: border-box;
        min-height: 60px;
        position: absolute;
        bottom: 10px;
        display: flex;
        justify-content: center;
        flex-direction: column; }
        .team-grid .container .team-block .team-details h5, .team-grid .container .team-block .team-details p, .team-grid .container .team-block .team-details span {
          margin: 0; }
        .team-grid .container .team-block .team-details h4, .team-grid .container .team-block .team-details h5, .team-grid .container .team-block .team-details h6 {
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 17px;
          margin-bottom: 5px; }
        .team-grid .container .team-block .team-details span {
          font-family: "Ubuntu", sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 12px; }

.team-selected {
  display: flex;
  justify-content: center;
  align-items: center; }
  .team-selected .container {
    display: flex;
    flex-direction: row;
    gap: 70px; }
    @media only screen and (max-width: 900px) {
      .team-selected .container {
        gap: 50px; } }
    @media only screen and (max-width: 900px) {
      .team-selected .container {
        flex-direction: column; } }
    .team-selected .container .content-column {
      min-width: 200px !important;
      max-width: 200px; }
      @media only screen and (max-width: 1024px) {
        .team-selected .container .content-column {
          max-width: 100%;
          margin: 0 50px; } }
      @media (max-width: 768px) {
        .team-selected .container .content-column {
          margin-left: 20px;
          margin-right: 20px; } }
      .team-selected .container .content-column h3 {
        border-left: 2px solid rgba(255, 255, 255, 0.4);
        padding: 0px 0 20px 20px;
        box-sizing: border-box;
        margin: 0;
        font-size: 27px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 20px !important; }
      .team-selected .container .content-column p {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 17px !important;
        line-height: 27px;
        margin-bottom: 30px; }
      .team-selected .container .content-column a {
        cursor: pointer;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 12px;
        letter-spacing: 2px;
        opacity: 0.7;
        text-transform: uppercase;
        color: white;
        text-decoration: none;
        position: relative; }
        .team-selected .container .content-column a:before {
          bottom: -4px;
          margin-bottom: -5px;
          position: absolute;
          content: '';
          width: 0px;
          height: 1px;
          display: block;
          background: white;
          transition: 500ms;
          opacity: 0.7; }
        .team-selected .container .content-column a:hover:before {
          width: calc(100% - 15px); }
        .team-selected .container .content-column a:hover:after {
          left: 15px; }
        .team-selected .container .content-column a:after {
          display: inline-flex;
          transition: all 300ms;
          content: "";
          width: 12px;
          height: 12px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='10.2px' viewBox='0 0 12 10.2' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.699999988'%3E%3Cg id='Actie-link' transform='translate(-173, -6)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M179.219833,6.2135065 C179.512712,5.92883117 179.987468,5.92883117 180.280347,6.2135065 L184.780407,10.5888421 C185.073198,10.8736034 185.073198,11.3352015 184.780407,11.6199629 L180.280347,15.9952985 C179.986059,16.2716536 179.518273,16.2677013 179.228969,15.9864155 C178.939665,15.7051297 178.9356,15.2503092 179.219833,14.9641777 L182.439626,11.8336251 L173.75001,11.8336251 C173.335791,11.8336251 173,11.507141 173,11.1044025 C173,10.701664 173.335791,10.3751799 173.75001,10.3751799 L182.439626,10.3751799 L179.219833,7.24462725 C178.927043,6.95986594 178.927043,6.49826782 179.219833,6.2135065' id='Arrow-right'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          background-repeat: no-repeat;
          position: relative;
          left: 10px;
          top: 3px; }
    .team-selected .container .slider-column {
      width: 100%;
      position: relative;
      margin-top: -50px; }
      .team-selected .container .slider-column .swiper {
        width: 120% !important; }
        @media only screen and (max-width: 900px) {
          .team-selected .container .slider-column .swiper {
            width: 100vw !important;
            margin-left: 0px; } }
      .team-selected .container .slider-column .swiper-slide {
        color: white;
        width: 255px;
        height: 320px;
        border-radius: 40px;
        background: rgba(255, 255, 255, 0.3);
        box-sizing: border-box;
        padding: 10px;
        overflow: visible;
        transition: all 500ms ease-in-out;
        margin-top: 50px; }
        .team-selected .container .slider-column .swiper-slide:hover {
          margin-top: 0; }
          .team-selected .container .slider-column .swiper-slide:hover .team-details {
            bottom: -30px;
            background: rgba(179, 66, 187, 0.9); }
        .team-selected .container .slider-column .swiper-slide .team-image {
          width: 100%;
          height: 100%;
          min-width: 100%;
          min-height: 100%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          border-radius: 30px;
          padding: 10px;
          box-sizing: border-box;
          position: relative;
          overflow: visible; }
        .team-selected .container .slider-column .swiper-slide .team-details {
          transition: all 500ms ease-in-out;
          width: calc(100% - 20px);
          border-radius: 20px;
          background: rgba(72, 6, 150, 0.9);
          padding: 15px 15px;
          box-sizing: border-box;
          min-height: 60px;
          position: absolute;
          bottom: 10px;
          display: flex;
          justify-content: center;
          flex-direction: column; }
          .team-selected .container .slider-column .swiper-slide .team-details h5, .team-selected .container .slider-column .swiper-slide .team-details p, .team-selected .container .slider-column .swiper-slide .team-details span {
            margin: 0; }
          .team-selected .container .slider-column .swiper-slide .team-details h4, .team-selected .container .slider-column .swiper-slide .team-details h5, .team-selected .container .slider-column .swiper-slide .team-details h6 {
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            font-style: normal;
            font-size: 17px;
            margin-bottom: 5px; }
          .team-selected .container .slider-column .swiper-slide .team-details span {
            font-family: "Ubuntu", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 12px; }
      .team-selected .container .slider-column .swiper-button-prev {
        margin-top: 0px;
        -webkit-tap-highlight-color: transparent; }
        .team-selected .container .slider-column .swiper-button-prev:hover:after {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-x9q9krpy3q-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-x9q9krpy3q-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-x9q9krpy3q-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-HOME' transform='translate(-142, -4264)'%3E%3Cg id='LOCATION' transform='translate(142, 3944)'%3E%3Cg id='Group' transform='translate(23, 343) scale(-1, 1) translate(-23, -343)translate(0, 320)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-x9q9krpy3q-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-x9q9krpy3q-2)' opacity='0.5' filter='url(%23filter-x9q9krpy3q-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; }
        .team-selected .container .slider-column .swiper-button-prev:after {
          transition: all 300ms;
          position: absolute;
          content: "";
          background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-mjvbguvt4k-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-mjvbguvt4k-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-mjvbguvt4k-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='R-HOME' transform='translate(-427, -1807)'%3E%3Cg id='OUR-TEAM' transform='translate(165, 1621)'%3E%3Cg id='Group' transform='translate(285, 209) scale(-1, 1) translate(-285, -209)translate(262, 186)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-mjvbguvt4k-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-mjvbguvt4k-2)' opacity='0.5' filter='url(%23filter-mjvbguvt4k-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          background-repeat: no-repeat;
          width: 46px;
          height: 46px;
          bottom: 0px;
          z-index: 10;
          left: -32px; }
          @media only screen and (max-width: 900px) {
            .team-selected .container .slider-column .swiper-button-prev:after {
              left: 50px; } }
          @media (max-width: 768px) {
            .team-selected .container .slider-column .swiper-button-prev:after {
              left: 20px; } }
          .team-selected .container .slider-column .swiper-button-prev:after:hover {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-x9q9krpy3q-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-x9q9krpy3q-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-x9q9krpy3q-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-HOME' transform='translate(-142, -4264)'%3E%3Cg id='LOCATION' transform='translate(142, 3944)'%3E%3Cg id='Group' transform='translate(23, 343) scale(-1, 1) translate(-23, -343)translate(0, 320)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-x9q9krpy3q-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-x9q9krpy3q-2)' opacity='0.5' filter='url(%23filter-x9q9krpy3q-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; }
      .team-selected .container .slider-column .swiper-button-next {
        margin-top: 0px;
        -webkit-tap-highlight-color: transparent; }
        .team-selected .container .slider-column .swiper-button-next:hover:after {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.398547%25' y2='85.8716948%25' id='linearGradient-3uqc--carj-1'%3E%3Cstop stop-color='%23A5390C' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235C1F04' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-3uqc--carj-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A5390C' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-3uqc--carj-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-HOME' transform='translate(-1252, -4264)'%3E%3Cg id='LOCATION' transform='translate(142, 3944)'%3E%3Cg id='Group' transform='translate(1110, 320)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-3uqc--carj-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-3uqc--carj-2)' opacity='0.5' filter='url(%23filter-3uqc--carj-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; }
        .team-selected .container .slider-column .swiper-button-next:after {
          transition: all 300ms;
          position: absolute;
          content: "";
          background-image: url("data:image/svg+xml,%0A%3Csvg width='46px' height='46px' viewBox='0 0 46 46' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-wwxgxcbr5u-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-wwxgxcbr5u-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.7%25' y='-8.7%25' width='117.4%25' height='117.4%25' filterUnits='objectBoundingBox' id='filter-wwxgxcbr5u-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-HOME' transform='translate(-1252, -4264)'%3E%3Cg id='LOCATION' transform='translate(142, 3944)'%3E%3Cg id='Group' transform='translate(1110, 320)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-wwxgxcbr5u-1)' cx='23' cy='23' r='23'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-wwxgxcbr5u-2)' opacity='0.5' filter='url(%23filter-wwxgxcbr5u-3)' cx='23' cy='23' r='17.25'%3E%3C/circle%3E%3Cpath d='M23.2633416,16.787013 C23.614186,16.4459957 24.1829048,16.4459957 24.5337492,16.787013 L29.9244462,22.0283004 C30.2751846,22.3694208 30.2751846,22.9223768 29.9244462,23.2634972 L24.5337492,28.5047846 C24.1812166,28.835835 23.6208484,28.8311005 23.274286,28.4941435 C22.9277237,28.1571866 22.9228542,27.6123496 23.2633416,27.2695879 L27.1203853,23.5194467 L16.7109495,23.5194467 C16.2147495,23.5194467 15.8125,23.128346 15.8125,22.6458988 C15.8125,22.1634516 16.2147495,21.7723509 16.7109495,21.7723509 L27.1203853,21.7723509 L23.2633416,18.0222097 C22.9126032,17.6810894 22.9126032,17.1281333 23.2633416,16.787013' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          background-repeat: no-repeat;
          width: 46px;
          height: 46px;
          bottom: 0px;
          z-index: 10;
          right: -34px; }
          @media only screen and (max-width: 900px) {
            .team-selected .container .slider-column .swiper-button-next:after {
              right: 50px; } }
          @media (max-width: 768px) {
            .team-selected .container .slider-column .swiper-button-next:after {
              right: 20px; } }
      .team-selected .container .slider-column .swiper-wrapper {
        max-width: 500px !important; }

.single-team .upper-container {
  max-width: 100% !important;
  box-sizing: border-box;
  padding: 0 95px !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 70px;
  justify-content: space-between !important; }
  @media only screen and (max-width: 1024px) {
    .single-team .upper-container {
      flex-direction: column !important;
      gap: 0 !important; } }
  @media only screen and (max-width: 768px) {
    .single-team .upper-container {
      padding: 20px !important; } }
  .single-team .upper-container .person-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 255px;
    gap: 20px;
    z-index: 2; }
    @media only screen and (max-width: 1024px) {
      .single-team .upper-container .person-wrapper {
        max-width: 100% !important; } }
    .single-team .upper-container .person-wrapper .primary-button {
      width: calc(100% - 100px);
      justify-content: flex-start; }
      @media only screen and (max-width: 768px) {
        .single-team .upper-container .person-wrapper .primary-button {
          width: calc(100% - 120px) !important; } }
      @media only screen and (max-width: 450px) {
        .single-team .upper-container .person-wrapper .primary-button {
          width: calc(100% - 130px) !important;
          margin-left: 10px; } }
  .single-team .upper-container .team-block {
    color: white !important;
    width: 100%;
    max-width: 255px;
    height: 320px;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    padding: 10px;
    overflow: visible;
    transition: all 500ms ease-in-out;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      .single-team .upper-container .team-block {
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 1; } }
    @media only screen and (max-width: 768px) {
      .single-team .upper-container .team-block {
        aspect-ratio: auto;
        height: 500px !important; } }
    @media only screen and (max-width: 450px) {
      .single-team .upper-container .team-block {
        height: 320px !important; } }
    .single-team .upper-container .team-block:hover {
      top: 0; }
      .single-team .upper-container .team-block:hover .team-details {
        bottom: -30px;
        background: rgba(179, 66, 187, 0.9); }
    .single-team .upper-container .team-block .team-image {
      width: 100%;
      height: 100%;
      min-width: 100%;
      min-height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 30px;
      padding: 10px;
      box-sizing: border-box;
      position: relative;
      overflow: visible; }
    .single-team .upper-container .team-block .team-details {
      transition: all 500ms ease-in-out;
      width: calc(100% - 20px);
      border-radius: 20px;
      background: rgba(72, 6, 150, 0.9);
      padding: 15px 15px;
      box-sizing: border-box;
      min-height: 60px;
      position: absolute;
      bottom: 10px;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .single-team .upper-container .team-block .team-details h5, .single-team .upper-container .team-block .team-details p, .single-team .upper-container .team-block .team-details span {
        margin: 0; }
      .single-team .upper-container .team-block .team-details h4, .single-team .upper-container .team-block .team-details h5, .single-team .upper-container .team-block .team-details h6 {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 17px;
        margin-bottom: 5px; }
      .single-team .upper-container .team-block .team-details span {
        font-family: "Ubuntu", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px; }

.single-team h1 {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0 0 50px 30px;
  font-size: 27px;
  line-height: 34px; }

.single-team .white-container {
  position: relative;
  top: -370px;
  z-index: 0;
  min-height: 250px;
  margin-bottom: -370px !important; }
  @media only screen and (max-width: 1024px) {
    .single-team .white-container {
      padding-top: 390px !important; } }
  @media only screen and (max-width: 768px) {
    .single-team .white-container {
      padding-top: 350px !important;
      padding-bottom: 50px !important; } }
  @media only screen and (max-width: 450px) {
    .single-team .white-container {
      padding-top: 320px !important; } }
  .single-team .white-container p {
    font-size: 17px !important;
    line-height: 28px !important; }
  .single-team .white-container .white-container-inside {
    width: calc(100% - 320px); }
    @media only screen and (max-width: 1024px) {
      .single-team .white-container .white-container-inside {
        width: 100%; } }

.single-team .published-papers {
  margin-top: 50px; }
  @media only screen and (max-width: 450px) {
    .single-team .published-papers {
      margin-top: 0 !important; } }
  .single-team .published-papers .clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .single-team .published-papers .icon-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 26px; }
  .single-team .published-papers a {
    position: relative;
    justify-content: space-between;
    background: #B342BB;
    color: white;
    display: flex;
    flex-direction: row;
    margin-top: 50px;
    align-items: center;
    gap: 26px;
    text-decoration: none;
    padding: 10px;
    border-radius: 100px;
    outline: 10px solid rgba(82, 33, 96, 0.3);
    overflow: hidden;
    padding-right: 80px !important;
    transition: all 400ms ease-in-out; }
    @media only screen and (max-width: 450px) {
      .single-team .published-papers a {
        padding-right: 60px !important; } }
    .single-team .published-papers a:hover {
      outline: 10px solid rgba(154, 56, 162, 0.3);
      background: #9A38A2; }
    .single-team .published-papers a .external-icon {
      position: absolute;
      right: 30px; }
    .single-team .published-papers a .arrow-icon {
      min-width: 44px !important;
      width: 44px;
      height: 44px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='44px' height='44px' viewBox='0 0 44 44' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='84.513432%25' y1='14.2420504%25' x2='14.8999452%25' y2='86.0279605%25' id='linearGradient-y-psl0g9hb-1'%3E%3Cstop stop-color='%23B342BB' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%239A38A2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-y-psl0g9hb-2'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-9.1%25' y='-9.1%25' width='118.2%25' height='118.2%25' filterUnits='objectBoundingBox' id='filter-y-psl0g9hb-3'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Article/Research/Light/Inactive' transform='translate(-20, -20)'%3E%3Cg id='Group' transform='translate(20, 20)'%3E%3Ccircle id='Cell-outside' fill='url(%23linearGradient-y-psl0g9hb-1)' cx='22' cy='22' r='22'%3E%3C/circle%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-y-psl0g9hb-2)' opacity='0.5' filter='url(%23filter-y-psl0g9hb-3)' cx='22' cy='22' r='16.5'%3E%3C/circle%3E%3Cpath d='M22.251892,16.0571429 C22.5874823,15.7309524 23.1314742,15.7309524 23.4670645,16.0571429 L28.6233833,21.0705482 C28.9588722,21.3968372 28.9588722,21.9257518 28.6233833,22.2520408 L23.4670645,27.2654461 C23.1298594,27.582103 22.593855,27.5775744 22.2623605,27.2552677 C21.9308661,26.9329611 21.9262084,26.4118127 22.251892,26.0839536 L25.9412381,22.4968621 L15.9843865,22.4968621 C15.5097604,22.4968621 15.125,22.1227657 15.125,21.6612945 C15.125,21.1998233 15.5097604,20.8257269 15.9843865,20.8257269 L25.9412381,20.8257269 L22.251892,17.2386354 C21.916403,16.9123464 21.916403,16.3834319 22.251892,16.0571429' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.single-team .team-title {
  padding-left: 32px;
  margin-bottom: 20px;
  position: relative;
  top: -60px; }

.usp-tiles {
  display: flex;
  justify-content: center; }
  .usp-tiles .container h2, .usp-tiles .container h3, .usp-tiles .container h4 {
    border-left: 2px solid rgba(255, 255, 255, 0.4);
    padding: 0px 0 35px 35px;
    box-sizing: border-box;
    margin: 0;
    font-size: 35px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; }
    @media only screen and (max-width: 900px) {
      .usp-tiles .container h2, .usp-tiles .container h3, .usp-tiles .container h4 {
        padding: 0px 0 20px 20px;
        box-sizing: border-box;
        font-size: 27px; } }
  .usp-tiles .container p {
    padding-left: 20px;
    padding-top: 10px;
    font-size: 17px;
    line-height: 26px !important;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; }
    .usp-tiles .container p a {
      color: #B342BB;
      text-decoration: none; }
      .usp-tiles .container p a:hover {
        text-decoration: underline; }
  .usp-tiles .container .columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 50px; }
    @media only screen and (max-width: 900px) {
      .usp-tiles .container .columns {
        flex-direction: column;
        gap: 30px; } }
    .usp-tiles .container .columns .column-content {
      max-width: 320px; }
      @media only screen and (max-width: 900px) {
        .usp-tiles .container .columns .column-content {
          max-width: 100%; } }
    .usp-tiles .container .columns .column-tiles {
      width: 100%;
      max-width: 730px;
      display: inline-grid;
      justify-content: center;
      align-items: stretch;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px; }
      @media only screen and (max-width: 768px) {
        .usp-tiles .container .columns .column-tiles {
          grid-template-columns: repeat(1, 1fr); } }
      @media only screen and (max-width: 1024px) {
        .usp-tiles .container .columns .column-tiles {
          row-gap: 50px !important;
          column-gap: 30px !important; } }
      .usp-tiles .container .columns .column-tiles .usp-tile {
        padding: 0;
        box-sizing: border-box;
        min-height: 350px;
        width: 100%;
        border-radius: 30px;
        background: transparent;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box; }
        @media only screen and (max-width: 768px) {
          .usp-tiles .container .columns .column-tiles .usp-tile {
            min-height: 100px !important; } }
        .usp-tiles .container .columns .column-tiles .usp-tile .inner {
          box-sizing: border-box;
          border-radius: 30px;
          background: linear-gradient(135deg, #26072F 0%, #D4591B 100%);
          width: 100%;
          padding: 30px;
          display: flex;
          flex-direction: column;
          min-height: 350px;
          height: 100%; }
          .usp-tiles .container .columns .column-tiles .usp-tile .inner h3 {
            margin: 0;
            color: #FFB332;
            font-family: "Ubuntu", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 27px;
            line-height: 34px;
            padding: 0 !important;
            border: none !important; }
          .usp-tiles .container .columns .column-tiles .usp-tile .inner p {
            padding-left: 0 !important;
            padding-top: 0 !important;
            font-size: 17px;
            line-height: 26px !important;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            font-style: normal;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important; }
            .usp-tiles .container .columns .column-tiles .usp-tile .inner p a {
              color: #B342BB;
              text-decoration: none; }
              .usp-tiles .container .columns .column-tiles .usp-tile .inner p a:hover {
                text-decoration: underline; }

.white-content {
  justify-content: center;
  display: flex; }
  .white-content .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center; }
    .white-content .container .upper-container {
      flex-direction: column;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 920px;
      width: 100%; }
    .white-content .container .white-container {
      border-radius: 40px;
      padding: 70px 95px;
      background: white;
      max-width: 1110px;
      margin-top: 50px;
      color: #1A303F;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 768px) {
        .white-content .container .white-container {
          padding: 50px 30px; } }
      @media only screen and (max-width: 768px) {
        .white-content .container .white-container {
          padding: 20px 30px; } }
      .white-content .container .white-container span.lead {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 22px;
        line-height: 33px; }
        .white-content .container .white-container span.lead p {
          font-size: 22px;
          line-height: 33px; }
      .white-content .container .white-container p {
        font-size: 16px;
        line-height: 22px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 30px; }
        .white-content .container .white-container p a {
          color: #B342BB;
          text-decoration: none; }
          .white-content .container .white-container p a:hover {
            text-decoration: underline; }
      .white-content .container .white-container h1, .white-content .container .white-container h2, .white-content .container .white-container h3, .white-content .container .white-container h4, .white-content .container .white-container h5, .white-content .container .white-container h6 {
        margin: 0;
        padding: 0; }
      .white-content .container .white-container h1 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 44px;
        line-height: 54px; }
      .white-content .container .white-container h2 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 35px;
        line-height: 44px; }
      .white-content .container .white-container h3 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 27px;
        line-height: 34px; }
      .white-content .container .white-container h4 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 22px;
        line-height: 28px; }
      .white-content .container .white-container h5 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 19px;
        line-height: 26px; }
      .white-content .container .white-container h6 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 17px;
        line-height: 28px; }
      .white-content .container .white-container img {
        margin: 50px 0;
        max-height: 500px;
        object-fit: cover; }
      .white-content .container .white-container ul {
        padding-left: 20px; }
        .white-content .container .white-container ul li {
          display: flex;
          align-items: center;
          list-style-type: none;
          padding: 7px 0; }
          .white-content .container .white-container ul li:before {
            display: flex;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #522160;
            position: relative;
            left: -20px; }

::-moz-selection {
  color: #522160;
  background: white; }

::selection {
  color: #522160;
  background: white; }

body {
  opacity: 0; }

p, .p1 {
  line-height: 27px !important; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    margin-top: 0; } }

@keyframes fade-in-2 {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes float-up {
  0% {
    margin-top: 0; }
  50% {
    margin-top: -20px; }
  100% {
    margin-top: 0; } }

@keyframes float-down {
  0% {
    margin-top: -20px; }
  50% {
    margin-top: 0; }
  100% {
    margin-top: -20px; } }

@keyframes floating {
  0% {
    bottom: -20px; }
  50% {
    bottom: 0; }
  100% {
    bottom: -20px; } }

.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal; }

.ubuntu-light-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: italic; }

.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal; }

.ubuntu-regular-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic; }

.ubuntu-medium {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal; }

.ubuntu-medium-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic; }

.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal; }

.ubuntu-bold-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic; }

body {
  padding: 0;
  margin: 0;
  color: white;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  overflow: hidden !important; }

.disable-hover {
  pointer-events: none !important; }

body.overflow-hidden {
  overflow: hidden !important; }

#bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: -1;
  opacity: 0; }

.block {
  display: flex;
  justify-content: center;
  width: 100%; }

.container {
  /* width accounts for the horizontal gutters so width + margins never exceed
     100% (was width:100% + 70px margins, which overflowed by 140px). */
  width: calc(100% - 140px);
  max-width: 1300px;
  margin: 0 auto;
  margin-left: 70px;
  margin-right: 70px; }
  @media (max-width: 1024px) {
    .container {
      width: calc(100% - 100px);
      margin-left: 50px;
      margin-right: 50px; } }
  @media (max-width: 768px) {
    .container {
      width: calc(100% - 40px);
      margin-left: 20px;
      margin-right: 20px; } }

#smooth-wrapper {
  z-index: 1;
  position: relative; }

.section {
  min-height: 50vh; }

/* Single post page: no forced 50vh min-height, so a short article doesn't get a
   large empty gap below the content. */
body.single-post .section {
  min-height: 0; }

/* Single product page: same — no forced 50vh min-height on the section. */
body.single-product .section {
  min-height: 0; }

.section .container {
  margin-top: 100px;
  margin-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .section .container {
      margin-top: 50px;
      margin-bottom: 50px; } }

.section:first-of-type .container {
  margin-top: 200px !important; }
  @media only screen and (max-width: 768px) {
    .section:first-of-type .container {
      margin-top: 100px !important; } }

/* Product page: the hero (first section) drops its bottom spacing so it doesn't
   stack with the next section's top margin. */
body.single-product .section:first-of-type .container {
  margin-bottom: 0; }
/* The white sections (content / datasheet / CTA) sit tight: drop their stacked
   per-section container margins (100px bottom + 100px top stacked into ~200px of
   empty space between the cards). Only each card's own margin spaces them now —
   50px between the content and datasheet cards, the CTA keeps its own margin. */
body.single-product .product-body .container {
  margin-top: 0;
  margin-bottom: 0; }
/* Exactly 20px between consecutive white cards (content -> datasheet): the
   section padding is collapse-proof, and the card's own top margin is zeroed so
   the gap is precisely 20px, not 20 + the card's default margin. */
body.single-product .product-body + .product-body {
  padding-top: 20px; }
body.single-product .product-body + .product-body .white-container {
  margin-top: 0; }

h1 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 44px; }
  @media only screen and (max-width: 768px) {
    h1 {
      font-size: 30px; } }

.primary-button {
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 20px;
  background: #B342BB;
  border-radius: 100px;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
  position: relative;
  z-index: 2;
  transition: all 300ms;
  cursor: pointer; }
  .primary-button:hover {
    background: #9A38A2; }
    .primary-button:hover:after {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='77.1740471px' height='48px' viewBox='0 0 77.1740471 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-09n8bszbkd-1'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.3%25' y='-8.3%25' width='116.7%25' height='116.7%25' filterUnits='objectBoundingBox' id='filter-09n8bszbkd-2'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Button/Research/Pos' transform='translate(-142.826, 0)'%3E%3Cg id='Group-2' transform='translate(142.826, 0)'%3E%3Cpath d='M53.1740471,0 C66.4288811,-2.4348735e-15 77.1740471,10.745166 77.1740471,24 C77.1740471,37.254834 66.4288811,48 53.1740471,48 C45.2968247,48 38.3059699,44.2050089 33.9300502,38.343594 L33.8853649,38.283545 C33.3896326,37.6152042 32.9278118,36.9202017 32.5024467,36.2010818 C29.0266206,31.4933381 24.5455495,29.0941588 19.0593956,29.0026382 L18.916,29.001 L18.5202638,29.0106527 C12.0269746,29.2233198 6.99716303,32.3317817 3.42615284,38.3368683 C1.14205095,34.4031087 0,32.4362289 0,32.4362289 L4.174,26.794 L4.174,21.156 L0,15.5148025 C0,15.5148025 1.08115269,13.6527788 3.24345806,9.92873142 L3.42615284,9.61408389 C7.07155907,15.7443588 12.2371832,18.8560186 18.928,18.95 L18.6740471,18.9510776 C24.42865,18.9678019 29.0960556,16.4883003 32.676264,11.512573 C33.0010535,10.9777717 33.3468956,10.4581657 33.7118983,9.95332462 C33.7841595,9.83687381 33.855422,9.71900483 33.9261897,9.6 L33.9322892,9.6534073 C38.3083544,3.79369683 45.2981681,9.64517009e-16 53.1740471,0 Z' id='Combined-Shape' fill='%239A38A2'%3E%3C/path%3E%3Cg id='Button-icon' transform='translate(29.174, 0)'%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-09n8bszbkd-1)' opacity='0.5' filter='url(%23filter-09n8bszbkd-2)' cx='24' cy='24' r='18'%3E%3C/circle%3E%3Cpath d='M25.100434,18.2721161 L30.725509,23.8485242 C31.091497,24.2114553 31.091497,24.7997667 30.725509,25.1626978 L25.100434,30.7391059 C24.7325738,31.0913232 24.1478418,31.0862859 23.7862115,30.7277844 C23.4245812,30.3692829 23.4195001,29.7896098 23.7747913,29.4249324 L27.7995325,25.4350123 L16.9375125,25.4350123 C16.4197386,25.4350123 16,25.0189052 16,24.505611 C16,23.9923168 16.4197386,23.5762096 16.9375125,23.5762096 L27.7995325,23.5762096 L23.7747913,19.5862896 C23.4088033,19.2233585 23.4088033,18.6350472 23.7747913,18.2721161 C24.1408898,17.9092946 24.7343355,17.9092946 25.100434,18.2721161 Z' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  .primary-button:after {
    transition: all 300ms;
    display: block;
    width: 80px;
    right: -70px;
    position: absolute;
    height: 48px;
    content: "";
    z-index: 1;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='77.1740471px' height='48px' viewBox='0 0 77.1740471 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='85.1356908%25' y1='15.4810855%25' x2='13.8866045%25' y2='86.2801535%25' id='linearGradient-9fd80xk1-c-1'%3E%3Cstop stop-color='%23522160' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23B342BB' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter x='-8.3%25' y='-8.3%25' width='116.7%25' height='116.7%25' filterUnits='objectBoundingBox' id='filter-9fd80xk1-c-2'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceGraphic'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Button/Research/Pos' transform='translate(-142.826, 0)'%3E%3Cg id='Group-2' transform='translate(142.826, 0)'%3E%3Cpath d='M53.1740471,0 C66.4288811,-2.4348735e-15 77.1740471,10.745166 77.1740471,24 C77.1740471,37.254834 66.4288811,48 53.1740471,48 C45.2968247,48 38.3059699,44.2050089 33.9300502,38.343594 L33.8853649,38.283545 C33.3896326,37.6152042 32.9278118,36.9202017 32.5024467,36.2010818 C29.0266206,31.4933381 24.5455495,29.0941588 19.0593956,29.0026382 L18.916,29.001 L18.5202638,29.0106527 C12.0269746,29.2233198 6.99716303,32.3317817 3.42615284,38.3368683 C1.14205095,34.4031087 0,32.4362289 0,32.4362289 L4.174,26.794 L4.174,21.156 L0,15.5148025 C0,15.5148025 1.08115269,13.6527788 3.24345806,9.92873142 L3.42615284,9.61408389 C7.07155907,15.7443588 12.2371832,18.8560186 18.928,18.95 L18.6740471,18.9510776 C24.42865,18.9678019 29.0960556,16.4883003 32.676264,11.512573 C33.0010535,10.9777717 33.3468956,10.4581657 33.7118983,9.95332462 C33.7841595,9.83687381 33.855422,9.71900483 33.9261897,9.6 L33.9322892,9.6534073 C38.3083544,3.79369683 45.2981681,9.64517009e-16 53.1740471,0 Z' id='Combined-Shape' fill='%23B342BB'%3E%3C/path%3E%3Cg id='Button-icon' transform='translate(29.174, 0)'%3E%3Ccircle id='Cell-inside' fill='url(%23linearGradient-9fd80xk1-c-1)' opacity='0.5' filter='url(%23filter-9fd80xk1-c-2)' cx='24' cy='24' r='18'%3E%3C/circle%3E%3Cpath d='M25.100434,18.2721161 L30.725509,23.8485242 C31.091497,24.2114553 31.091497,24.7997667 30.725509,25.1626978 L25.100434,30.7391059 C24.7325738,31.0913232 24.1478418,31.0862859 23.7862115,30.7277844 C23.4245812,30.3692829 23.4195001,29.7896098 23.7747913,29.4249324 L27.7995325,25.4350123 L16.9375125,25.4350123 C16.4197386,25.4350123 16,25.0189052 16,24.505611 C16,23.9923168 16.4197386,23.5762096 16.9375125,23.5762096 L27.7995325,23.5762096 L23.7747913,19.5862896 C23.4088033,19.2233585 23.4088033,18.6350472 23.7747913,18.2721161 C24.1408898,17.9092946 24.7343355,17.9092946 25.100434,18.2721161 Z' id='Arrow-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat; }

.split-line {
  overflow: hidden !important; }

.hamburger {
  z-index: 10;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (max-width: 1024px) {
    .hamburger {
      display: inline-block; } }

.hamburger:hover {
  opacity: 1; }

.hamburger.is-active:hover {
  opacity: 1; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #522160; }

.hamburger.is-active .hamburger-box {
  position: relative; }
  .hamburger.is-active .hamburger-box:before {
    position: relative;
    z-index: -1;
    background: rgba(82, 33, 96, 0.95);
    transform: scale(60); }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.mobile-menu {
  width: 100vw;
  height: calc(100vh - 100px);
  background: transparent;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: flex;
  visibility: hidden;
  align-items: center;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s;
  flex-direction: column;
  justify-content: center;
  gap: 20px; }
  .mobile-menu .links-wrapper {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    width: 100vw;
    height: calc(100vh - 100px);
    box-sizing: border-box;
    padding: 120px 20px; }
    .mobile-menu .links-wrapper:after {
      content: "";
      background-image: url("/wp-content/themes/synapse/assets/images/footer-background.png");
      width: 100vw;
      background-size: cover;
      background-repeat: no-repeat;
      height: 300px;
      background-position: top;
      position: absolute;
      bottom: -30px;
      left: 0px;
      animation: floating 6s ease-in-out infinite; }
    .mobile-menu .links-wrapper .socials {
      position: absolute;
      top: calc(100% - 200px);
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: row;
      gap: 30px;
      width: 100%;
      z-index: 10;
      left: 0; }
  .mobile-menu a {
    margin-left: -10px;
    font-size: 28px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: white;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    border-radius: 2px; }
    .mobile-menu a.active {
      color: white;
      border-bottom: 4px solid #FFB332; }
  .mobile-menu.is-active {
    visibility: visible;
    opacity: 1; }

.hamburger-box {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  position: relative;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.5s ease-in-out; }
  .hamburger-box:before {
    transition: all 0.5s ease-in-out;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 100px;
    position: relative;
    background: white; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #522160;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -6px; }

.hamburger-inner::after {
  bottom: -6px; }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

@media only screen and (max-width: 1024px) {
  html {
    margin-top: 0 !important; }
  #wpadminbar {
    display: none !important; } }

footer {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden; }
  footer:before {
    content: "";
    background-image: url("/wp-content/themes/synapse/assets/images/footer-background.png");
    width: 100vw;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 1500px;
    z-index: -1;
    background-position: bottom;
    position: absolute;
    bottom: 0;
    left: 0px;
    opacity: 0.5; }
    @media only screen and (min-width: 1024px) {
      footer:before {
        animation: floating 6s ease-in-out infinite; } }
  footer .container-inner {
    width: 100%;
    gap: 100px;
    display: flex;
    flex-direction: row; }
    @media only screen and (max-width: 1024px) {
      footer .container-inner {
        gap: 50px; } }
    @media only screen and (max-width: 900px) {
      footer .container-inner {
        flex-direction: column; } }
  footer .container {
    width: 100%;
    gap: 100px;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 900px) {
      footer .container {
        gap: 50px; } }
    footer .container .column {
      width: 50%; }
      @media only screen and (max-width: 900px) {
        footer .container .column {
          width: 100%; } }
      footer .container .column.column-left {
        display: flex;
        flex-direction: row;
        gap: 50px; }
        @media only screen and (max-width: 900px) {
          footer .container .column.column-left img {
            max-height: 60px; } }
        @media only screen and (max-width: 1024px) {
          footer .container .column.column-left {
            flex-direction: column; } }
        @media only screen and (max-width: 900px) {
          footer .container .column.column-left {
            gap: 20px; } }
        footer .container .column.column-left p {
          margin: 0 !important;
          padding: 0 !important;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 17px;
          line-height: 26px; }


/* ============================================================
   Figma reskin — hero cells + white middle sections
   ============================================================ */

/* Hero decorative cells (translucent circles from Figma) */
.hero-section { overflow: hidden; }
.hero-section .container .background-assets {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  pointer-events: none; }
.hero-section .container .background-assets .hero-cell {
  position: absolute; }
.hero-section .container .background-assets .hero-cell img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  max-width: none; }
.hero-section .container .background-assets .hero-cell-blob {
  width: 58%;
  max-width: 790px;
  left: 35%;
  right: auto;
  top: -15%; }
.hero-section .container .background-assets .hero-cell-rings {
  width: 44%;
  max-width: 600px;
  left: 7%;
  right: auto;
  top: -44%; }
@media only screen and (max-width: 1024px) {
  .hero-section .container .background-assets .hero-cell-blob {
    width: 82%;
    max-width: none;
    left: 20%;
    right: auto;
    top: -8%; }
  .hero-section .container .background-assets .hero-cell-rings {
    width: 60%;
    max-width: none;
    left: -6%;
    right: auto;
    top: -24%; } }

/* Homepage hero below 1200px: nudge the ring cell 100px lower. Applied to the
   inner <img> (not the .hero-cell-rings div) so it doesn't clash with the
   ScrollSmoother parallax transform that data-speed sets on the div itself. */
@media only screen and (max-width: 1200px) {
  body.home .hero-section .container .background-assets .hero-cell-rings img {
    transform: translateY(100px); } }
/* At 1024px and below the ring cell sits 50px lower (net). This rule comes after
   the 1200px one, so it wins for widths <= 1024px. */
@media only screen and (max-width: 1024px) {
  body.home .hero-section .container .background-assets .hero-cell-rings img {
    transform: translateY(50px); } }
/* Below 500px the ring cell sits 125px lower and 50px to the right. Comes after
   the 1024px rule so it wins at these widths. */
@media only screen and (max-width: 500px) {
  body.home .hero-section .container .background-assets .hero-cell-rings img {
    transform: translate(50px, 125px); } }
/* At 768px and below let the hero overflow instead of clipping it. */
@media only screen and (max-width: 768px) {
  .hero-section {
    overflow: visible; } }

/* White middle sections (Our Story / Our strengths / Our latest news):
   dark text + amber heading pipes, while inner cards keep their own styling */
.cta .container .container-content,
.cta .container .container-content span.lead,
.cta .container .container-content span.lead p,
.cta .container .container-content p,
.cta h2, .cta h3, .cta h4,
.usp-tiles .container h2, .usp-tiles .container h3, .usp-tiles .container h4,
.usp-tiles .container p,
.news-selected h2, .news-selected h3, .news-selected h4 {
  color: #26072F; }

.cta h2, .cta h3, .cta h4,
.usp-tiles .container h2, .usp-tiles .container h3, .usp-tiles .container h4 {
  border-left-color: #FFB332; }

/* keep the dark strength cards intact on the now-white section */
.usp-tiles .container .columns .column-tiles .usp-tile .inner h3 {
  color: #FFB332; }
.usp-tiles .container .columns .column-tiles .usp-tile .inner p,
.usp-tiles .container .columns .column-tiles .usp-tile .inner p a {
  color: #FFFFFF; }


/* Hero text: single left-aligned column (title -> lead -> button), matching Figma
   (the .content-containers cards row is explicitly excluded and stays a row) */
.hero-section .container .content:not(.content-containers) {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 28px;
  text-align: left; }
.hero-section .container .content:not(.content-containers) .column {
  width: 100%;
  max-width: 760px; }
.hero-section .container .content:not(.content-containers) .column-right {
  margin-top: 0; }


/* Products / Services hero cards: solid white (Figma) with dark text, amber pipe + soft shadow.
   The shadow uses filter:drop-shadow (not box-shadow) because .cutout-container-inner is
   masked to notch out the round button, and a mask clips box-shadow away. drop-shadow on the
   (unmasked) container follows the real card silhouette. */
.hero-section .container .cutout-container {
  filter: drop-shadow(0 22px 42px rgba(38, 7, 47, 0.22)); }
.hero-section .container .cutout-container .cutout-container-inner {
  background: #FFFFFF;
  -webkit-backdrop-filter: none;
  backdrop-filter: none; }
.hero-section .container .cutout-container h3 {
  color: #522160;
  font-weight: 400;
  letter-spacing: 1px;
  border-left-color: #FFB332; }
.hero-section .container .cutout-container p {
  color: rgba(60, 78, 87, 0.72); }
.hero-section .container .cutout-container .link-text {
  color: #B342BB;
  font-weight: 500; }


/* Smooth warm <-> white background cross-fade.
   The warm gradient lives on <body>; this white layer fades in/out (JS toggles
   its opacity per section) so we never tween a gradient into a solid colour. */
#bg-overlay {
  position: fixed;
  inset: 0;
  background: #FFFFFF;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: opacity 0.6s ease; }

/* Our strengths: left intro column — align the paragraphs with the title text
   (title indents 37px via its pipe) and separate the two paragraphs (Figma) */
.usp-tiles .container .columns .column-content p {
  padding-left: 37px;
  padding-top: 0;
  margin: 0 0 22px; }
.usp-tiles .container .columns .column-content p:last-child {
  margin-bottom: 0; }

/* ===== Our people (team slider) on white =============================== */
.team-selected .container .content-column h3 {
  color: #26072F;
  border-left-color: #FFB332; }
.team-selected .container .content-column p {
  color: rgba(60, 78, 87, 0.85); }
.team-selected .container .content-column a {
  color: #B342BB;
  opacity: 1; }
.team-selected .container .content-column a:before {
  background: #B342BB;
  opacity: 1; }
.team-selected .container .content-column a:after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='10.2px' viewBox='0 0 12 10.2' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.699999988'%3E%3Cg id='Actie-link' transform='translate(-173, -6)' fill='%23B342BB' fill-rule='nonzero'%3E%3Cpath d='M179.219833,6.2135065 C179.512712,5.92883117 179.987468,5.92883117 180.280347,6.2135065 L184.780407,10.5888421 C185.073198,10.8736034 185.073198,11.3352015 184.780407,11.6199629 L180.280347,15.9952985 C179.986059,16.2716536 179.518273,16.2677013 179.228969,15.9864155 C178.939665,15.7051297 178.9356,15.2503092 179.219833,14.9641777 L182.439626,11.8336251 L173.75001,11.8336251 C173.335791,11.8336251 173,11.507141 173,11.1044025 C173,10.701664 173.335791,10.3751799 173.75001,10.3751799 L182.439626,10.3751799 L179.219833,7.24462725 C178.927043,6.95986594 178.927043,6.49826782 179.219833,6.2135065' id='Arrow-right'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
/* Card name label: magenta by default, orange on the active/hovered card */
.team-selected .container .slider-column .swiper-slide .team-details {
  background: rgba(179, 66, 187, 0.92); }
.team-selected .container .slider-column .swiper-slide:hover .team-details {
  background: rgba(212, 89, 27, 0.95); }
/* Soft shadow so the cards read as cards on the white background */
.team-selected .container .slider-column .swiper-slide {
  box-shadow: 0 22px 45px rgba(38, 7, 47, 0.12); }

/* ===== Our location (location-slider) on white (Figma) ==================
   The section background is now the all-white gradient (warm only starts at
   the footer). Make the glass "Our location" card read as a light card on
   white with dark text, matching the Figma D-HOME. */
.location-slider .blurred-container {
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 22px 45px rgba(38, 7, 47, 0.12); }
.location-slider .blurred-container h3,
.location-slider .blurred-container p,
.location-slider .blurred-container p a:not(.primary-button) {
  color: #26072F; }

/* Footer rings extend all the way up (like Figma): the footer:before rings
   image is 1500px tall and, with <footer> position:static, the abs-positioned
   :before is NOT clipped by the footer box — the big soft rings rise up above
   the footer content into the Our location area, exactly as in the Figma
   D-HOME. (Earlier attempts to clip/fade them to the footer box were wrong:
   they chopped the rings off with a hard/faded edge.) */

/* Our people slider arrows: arrow rotates ~45° up-and-out on hover, matching
   the Figma "Button/Round/Active" state (arrow points diagonally). The base
   :after already has `transition: all 300ms`, so this eases smoothly. */
.team-selected .container .slider-column .swiper-button-next:hover:after {
  transform: rotate(-45deg); }
.team-selected .container .slider-column .swiper-button-prev:hover:after {
  transform: rotate(45deg); }

/* ===== Warm hero -> white pages (Services id 174, About us id 32) ===========
   The warm hero -> white -> warm footer is driven by the shared body-bg scroll
   mechanism (see main.js), exactly like the homepage. The sections don't paint
   their own gradient; the body background shows through (warm at the top,
   scrubbing to white).
   TEXT COLOUR: copy uses --svc-text, which defaults to white (readable on the
   warm hero) and is scrubbed to dark by main.js (on <body>) in sync with the
   background as it turns white, so text stays legible through the transition. */
body.page-id-174,
body.page-id-32 {
  --svc-text: #FFFFFF; }
/* Single product uses the homepage's per-section background system verbatim: a
   warm hero section (.product-hero) followed by several white sections
   (.product-body: content / datasheet / CTA) and then the footer, exactly like
   the homepage's hero -> cta/usp/news/team/location -> footer sequence. The
   shared section crossfade triggers then tween the body warm -> white -> footer
   with no product-specific CSS. */
/* Hero title colour follows --svc-text: white on the warm hero, scrubbed to dark
   by main.js in sync with the hero -> white background transition. */
body.single-product {
  --svc-text: #FFFFFF; }
body.single-product .product-hero .upper-container h1 {
  color: var(--svc-text); }
body.page-id-174 .section.content {
  padding-bottom: 360px; }
body.page-id-174 .content .container-content {
  color: var(--svc-text); }
body.page-id-174 .content .upper-container h1.quote {
  color: var(--svc-text); }
body.page-id-174 .content .container-content span.lead,
body.page-id-174 .content .container-content span.lead p {
  color: var(--svc-text); }
/* breathing room after the hero so the warm->white fade is gradual (not abrupt)
   and the first heading lands on white, matching the airy Figma spacing */
body.page-id-174 .content .container-content span.lead {
  display: block;
  margin-bottom: 200px; }
body.page-id-174 .content .container-content h2,
body.page-id-174 .content .container-content h3,
body.page-id-174 .content .container-content h4 {
  color: var(--svc-text);
  border-left-color: #FFB332; }
body.page-id-174 .content .container-content p a {
  color: #B342BB; }

/* About us (id 32): the team-grid title + intro text follow --svc-text (white on
   the warm hero, dark once white). The team-card names/titles sit on photos, so
   they stay white (untouched). The intro heading pipe becomes amber so it stays
   visible on both the warm band and the white body. */
body.page-id-32 .team-grid .upper-container h1.quote {
  color: var(--svc-text); }
body.page-id-32 .team-grid .team-content h3 {
  color: var(--svc-text);
  border-left-color: #FFB332; }
body.page-id-32 .team-grid .team-content p {
  color: var(--svc-text); }
body.page-id-32 .team-grid .team-content a {
  color: var(--svc-text); }
/* Team card label matches the homepage slider: magenta by default, warm orange
   on hover (was dark purple / magenta). */
body.page-id-32 .team-grid .container .team-block .team-details {
  background: rgba(179, 66, 187, 0.92); }
body.page-id-32 .team-grid .container .team-block:hover .team-details {
  background: rgba(212, 89, 27, 0.95); }


/* ===== Assays (fc_essays) — 1:1 pixel-perfect kopie van synapsepharmaservices.com/assays/ ===== */
.essays {
  justify-content: center;
  display: flex; }
.essays .essay-overflow {
    border-radius: 40px;
    max-height: 130px;
    overflow: hidden;
    transition: all 600ms ease-in-out; }
@media only screen and (max-width: 768px) {
  .essays .essay-overflow {max-height: 100px;
        border-radius: 30px;}
}
.essays .essay-overflow.overflow-unset {
      max-height: 1500px !important; }
.essays .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center; }
.essays .container .upper-container {
      flex-direction: column;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 920px;
      width: 100%; }
.essays .essay-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 920px; }
.essay-container {
  width: 100%; }
.essay-category .essay-heading {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }
.essay-category .essay-contents {
  color: #3C4E57;
  background: #FFFFFF;
  border-top: 1px solid rgba(213, 87, 30, 0.25);
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding: 55px 65px !important;
  flex-direction: column;
  overflow: hidden; }
@media only screen and (max-width: 768px) {
  .essay-category .essay-contents {padding: 20px !important;}
}
.essay-category .essay-contents .essay-item {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    padding: 30px;
    border-radius: 20px;
    transition: all 200ms ease-in-out;
    float: left; }
@media only screen and (max-width: 768px) {
  .essay-category .essay-contents .essay-item {padding: 15px;}
}
.essay-category .essay-contents .essay-item:hover {
      background: white; }
.essay-category .essay-contents .essay-item:hover h4 {
        color: #522160 !important; }
.essay-category .essay-contents .essay-item:hover h4:after {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Essay/Active' transform='translate(-585.5, -8.5)' fill='%23522160' fill-rule='nonzero'%3E%3Cg id='open_in_new---material' transform='translate(585.5, 8.5)'%3E%3Cpath d='M9.18,0 L15,0 L15,5.82 L13.32,5.82 L13.32,2.86 L5.16,11.02 L3.98,9.84 L12.14,1.68 L9.18,1.68 L9.18,0 Z M13.32,13.32 L13.32,7.5 L15,7.5 L15,13.32 C15,13.7733333 14.8333333,14.1666667 14.5,14.5 C14.1666667,14.8333333 13.7733333,15 13.32,15 L1.68,15 C1.21333333,15 0.816666667,14.8333333 0.49,14.5 C0.163333333,14.1666667 0,13.7733333 0,13.32 L0,1.68 C0,1.22666667 0.163333333,0.833333333 0.49,0.5 C0.816666667,0.166666667 1.21333333,0 1.68,0 L7.5,0 L7.5,1.68 L1.68,1.68 L1.68,13.32 L13.32,13.32 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; }
.essay-category .essay-contents h4 {
    transition: all 200ms ease-in-out;
    color: #D5571E;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    padding: 0;
    margin: 0; }
.essay-category .essay-contents h4:after {
      transition: all 200ms ease-in-out;
      top: 5px;
      position: relative;
      margin-left: 15px;
      display: inline-flex;
      content: '';
      background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Essay/Inactive' transform='translate(-585.5, -8.5)' fill='%23D5571E' fill-rule='nonzero'%3E%3Cg id='open_in_new---material' transform='translate(585.5, 8.5)'%3E%3Cpath d='M9.18,0 L15,0 L15,5.82 L13.32,5.82 L13.32,2.86 L5.16,11.02 L3.98,9.84 L12.14,1.68 L9.18,1.68 L9.18,0 Z M13.32,13.32 L13.32,7.5 L15,7.5 L15,13.32 C15,13.7733333 14.8333333,14.1666667 14.5,14.5 C14.1666667,14.8333333 13.7733333,15 13.32,15 L1.68,15 C1.21333333,15 0.816666667,14.8333333 0.49,14.5 C0.163333333,14.1666667 0,13.7733333 0,13.32 L0,1.68 C0,1.22666667 0.163333333,0.833333333 0.49,0.5 C0.816666667,0.166666667 1.21333333,0 1.68,0 L7.5,0 L7.5,1.68 L1.68,1.68 L1.68,13.32 L13.32,13.32 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      width: 20px;
      height: 20px; }
.essay-category .essay-contents span.modified-date {
    display: inline-block;
    color: #3C4E57;
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.5;
    margin-bottom: 20px; }
.essay-category .essay-contents p {
    font-size: 16px;
    line-height: 22px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    margin: 0; }
.essay-category .essay-contents p a {
      color: #D5571E;
      text-decoration: none; }
.essay-category .essay-contents p a:hover {
        text-decoration: underline; }
.essay-category.category-open .essay-heading {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }
.essay-category.category-open .essay-heading h2:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17px' height='20px' viewBox='0 0 17 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-ESSAYS-Archief' transform='translate(-204.5, -1668.5)' fill='%23D5571E' fill-rule='nonzero'%3E%3Cg id='ESSAY-2' transform='translate(165, 1613)'%3E%3Cpath d='M48.3663884,57.3558442 C48.8545197,56.8813853 49.6457806,56.8813853 50.1339119,57.3558442 L57.634012,64.6480702 C58.121996,65.1226724 58.121996,65.8920026 57.634012,66.3666048 L50.1339119,73.6588308 C49.6434318,74.1194226 48.863789,74.1128355 48.3816153,73.6440258 C47.8994417,73.1752161 47.8926668,72.4171821 48.3663884,71.9402962 L53.73271,66.7227085 L39.2500167,66.7227085 C38.5596515,66.7227085 38,66.1785683 38,65.5073375 C38,64.8361066 38.5596515,64.2919665 39.2500167,64.2919665 L53.73271,64.2919665 L48.3663884,59.0743788 C47.8784044,58.5997766 47.8784044,57.8304464 48.3663884,57.3558442' id='Arrow-right' transform='translate(48, 65.5) rotate(90) translate(-48, -65.5)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    transform: rotate(180deg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    width: 30px;
    height: 30px; }
.essay-category.category-open .essay-contents {
  max-height: 500px;
  /* Een geschatte maximale hoogte */
  opacity: 1; }
.essay-heading {
  display: flex;
  height: 130px;
  align-items: center;
  padding: 0 40px;
  box-sizing: border-box;
  background: white;
  border-radius: 40px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
@media only screen and (max-width: 768px) {
  .essay-heading {height: 100px;
      padding: 0 30px;
      border-radius: 30px;}
}
.essay-heading h2 {
    display: flex;
    align-items: center;
    color: #522160;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 35px;
    line-height: 44px; }
.essay-heading h2:before {
      position: relative;
      top: 0px;
      margin-top: 0;
      display: inline-flex;
      content: '';
      background-image: url("data:image/svg+xml,%0A%3Csvg width='17px' height='20px' viewBox='0 0 17 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Webdesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P-ESSAYS-Archief' transform='translate(-204.5, -1668.5)' fill='%23D5571E' fill-rule='nonzero'%3E%3Cg id='ESSAY-2' transform='translate(165, 1613)'%3E%3Cpath d='M48.3663884,57.3558442 C48.8545197,56.8813853 49.6457806,56.8813853 50.1339119,57.3558442 L57.634012,64.6480702 C58.121996,65.1226724 58.121996,65.8920026 57.634012,66.3666048 L50.1339119,73.6588308 C49.6434318,74.1194226 48.863789,74.1128355 48.3816153,73.6440258 C47.8994417,73.1752161 47.8926668,72.4171821 48.3663884,71.9402962 L53.73271,66.7227085 L39.2500167,66.7227085 C38.5596515,66.7227085 38,66.1785683 38,65.5073375 C38,64.8361066 38.5596515,64.2919665 39.2500167,64.2919665 L53.73271,64.2919665 L48.3663884,59.0743788 C47.8784044,58.5997766 47.8784044,57.8304464 48.3663884,57.3558442' id='Arrow-right' transform='translate(48, 65.5) rotate(90) translate(-48, -65.5)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 20px;
      width: 30px;
      height: 30px;
      margin-right: 20px;
      transform: rotate(0deg);
      transition: all 300ms ease-in-out;
      transform-origin: center; }
@media only screen and (max-width: 768px) {
  .essay-heading h2 {font-size: 20px;
        line-height: 28px;}
}

/* ===== Product detail — styling 1:1 overgenomen van synapsepharmaservices.com/product/ ===== */
.product-content {
  display: flex;
  justify-content: center; }
.product-content .upper-container {
    max-width: 350px;
    margin-top: 150px; }
@media only screen and (max-width: 1024px) {
  .product-content .upper-container {margin-top: 50px !important;}
}
.product-content .upper-container h1 {
      position: relative;
      top: -30px;
      font-family: "Ubuntu", sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 35px;
      line-height: 44px;
      margin-bottom: 30px !important; }
.product-content .upper-container .primary-button {
      position: relative;
      top: -30px; }
.product-content .container {
    max-width: 1110px;
    position: relative; }
.product-content .container .single-image {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      top: -450px;
      z-index: -1;
      width: 100%;
      height: 1050px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: bottom; }
@media only screen and (max-width: 1024px) {
  .product-content .container .single-image {top: -600px;}
}
@media only screen and (max-width: 850px) {
  .product-content .container .single-image {top: -650px;}
}
.product-content .container .single-image img {
        position: absolute;
        right: 17%;
        bottom: 20%;
        width: 32%; }
@media only screen and (max-width: 1024px) {
  .product-content .container .single-image img {bottom: 16%;}
}
@media only screen and (max-width: 850px) {
  .product-content .container .single-image img {bottom: 13%;}
}
@media only screen and (max-width: 650px) {
  .product-content .container .single-image img {bottom: 11%;}
}
@media only screen and (max-width: 450px) {
  .product-content .container .single-image img {bottom: 7%;}
}
@media only screen and (max-width: 390px) {
  .product-content .container .single-image img {bottom: 70px;}
}
.product-content .container .container-specs {
      margin-top: 20px !important; }
.product-content .container .container-specs .specs-container {
        display: flex;
        flex-direction: column;
        gap: 30px; }
.product-content .container .container-specs .specs-container .spec-row {
          width: 100%;
          display: flex;
          flex-direction: row;
          gap: 20px; }
@media only screen and (max-width: 1024px) {
  .product-content .container .container-specs .specs-container .spec-row {flex-direction: column;}
}
.product-content .container .container-specs .specs-container .specs-column {
          font-family: "Ubuntu", sans-serif;
          font-weight: 500;
          font-style: normal;
          font-size: 22px;
          color: #522160;
          display: flex;
          gap: 30px;
          min-width: 250px;
          padding-left: 20px;
          box-sizing: border-box; }
@media only screen and (max-width: 1024px) {
  .product-content .container .container-specs .specs-container .specs-column {padding-left: 0;
              min-width: unset;}
}
.product-content .container .container-specs .specs-container .values-column p {
          padding-right: 20px !important;
          line-height: 26px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          margin: 0 !important;
          margin-top: -4px !important; }
.product-content .container .container-specs .specs-container .row-table .values-column {
          width: 100%; }
.product-content .container .container-specs .specs-container .row-table .table-row {
          display: flex;
          flex-direction: row;
          width: 100%;
          padding: 15px 0;
          border-bottom: 1px solid #B3BABF;
          gap: 15px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal; }
.product-content .container .container-specs .specs-container .row-table .table-row:first-of-type {
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            font-style: normal; }
.product-content .container .container-specs .specs-container .row-table .table-row:last-of-type {
            border-bottom: 0; }
.product-content .container .container-specs .specs-container .row-table .table-row .column {
            width: 100%; }
.product-content .container .container-specs .specs-container .row-table .table-row .column.column-property {
              min-width: 120px; }
.product-content .container .container-specs .specs-row {
        background: rgba(82, 33, 96, 0.1);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-left: 25px;
        box-sizing: border-box;
        border-radius: 20px;
        margin-bottom: 35px; }
@media only screen and (max-width: 1024px) {
  .product-content .container .container-specs .specs-row {flex-direction: column;
            padding-left: 0 !important;}
}
.product-content .container .container-specs .specs-row .title, .product-content .container .container-specs .specs-row h2 {
          margin: 0 !important;
          padding: 0 !important; }
@media only screen and (max-width: 1024px) {
  .product-content .container .container-specs .specs-row .title, .product-content .container .container-specs .specs-row h2 {padding: 20px 0 !important;
              font-size: 30px;}
}
.product-content .container .container-specs .specs-box {
        min-width: 370px;
        gap: 20px;
        background: #522160;
        color: white;
        box-sizing: border-box;
        padding: 30px;
        display: inline-flex;
        flex-direction: row;
        border-radius: 20px; }
@media only screen and (max-width: 1024px) {
  .product-content .container .container-specs .specs-box {min-width: 100% !important;}
}
.product-content .container .container-specs .specs-box .specs {
          gap: 5px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 500;
          font-style: normal;
          display: flex;
          flex-direction: column;
          min-width: 110px; }
.product-content .container .container-specs .specs-box .values {
          gap: 5px;
          font-family: "Ubuntu", sans-serif;
          font-weight: 300;
          font-style: normal;
          display: flex;
          flex-direction: column; }
.product-content .container .white-container {
      z-index: 2;
      position: relative;
      border-radius: 40px;
      padding: 70px 95px;
      background: white;
      box-shadow: 0 22px 45px rgba(38, 7, 47, 0.12);
      max-width: 1110px;
      margin-top: 50px;
      color: #768287;
      display: flex;
      flex-direction: column; }
@media only screen and (max-width: 768px) {
  .product-content .container .white-container {padding: 50px 30px;}
}
@media only screen and (max-width: 768px) {
  .product-content .container .white-container {padding: 20px 30px;}
}
.product-content .container .white-container span.lead {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 22px;
        line-height: 33px; }
.product-content .container .white-container span.lead p {
          font-size: 22px;
          line-height: 33px; }
.product-content .container .white-container p {
        font-size: 16px;
        line-height: 22px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 400;
        font-style: normal; }
.product-content .container .white-container p a {
          color: #D5571E;
          text-decoration: none; }
.product-content .container .white-container p a:hover {
            text-decoration: underline; }
.product-content .container .white-container h1, .product-content .container .white-container h2, .product-content .container .white-container h3, .product-content .container .white-container h4, .product-content .container .white-container h5, .product-content .container .white-container h6 {
        margin: 0;
        padding: 0; }
.product-content .container .white-container h1 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 44px;
        line-height: 54px; }
.product-content .container .white-container h2 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 35px;
        line-height: 44px;
        margin-top: 30px; }
.product-content .container .white-container h3 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 27px;
        line-height: 34px;
        margin-top: 30px; }
.product-content .container .white-container h4 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 22px;
        line-height: 28px;
        margin-top: 30px; }
.product-content .container .white-container h5 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 19px;
        line-height: 26px;
        margin-top: 30px; }
.product-content .container .white-container h6 {
        color: #522160;
        font-family: "Ubuntu", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 17px;
        line-height: 28px;
        margin-top: 30px; }
.product-content .container .white-container img {
        margin: 50px 0;
        max-height: 500px;
        object-fit: cover; }
.product-content .container .white-container ul {
        padding-left: 20px;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0; }
.product-content .container .white-container ul li {
          display: flex;
          align-items: center;
          list-style-type: none;
          padding: 7px 0; }
.product-content .container .white-container ul li:before {
            display: flex;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #522160;
            position: relative;
            left: -20px; }
.product-content .container .white-container .content-text-image-2 {
        margin: 50px 0; }
.product-content .container .white-container .content-text-image-2 h1, .product-content .container .white-container .content-text-image-2 h2, .product-content .container .white-container .content-text-image-2 h3, .product-content .container .white-container .content-text-image-2 h4, .product-content .container .white-container .content-text-image-2 h5, .product-content .container .white-container .content-text-image-2 h6 {
          margin: 0 !important; }
.product-content .container .white-container .content-text-image-2 .columns {
          display: flex;
          flex-direction: row;
          gap: 50px; }
.product-content .container .white-container .content-text-image-2 .columns > .column, .product-content .container .white-container .content-text-image-2 .columns > .image {
          flex: 1 1 0;
          min-width: 0;
          box-sizing: border-box; }
@media only screen and (max-width: 1024px) {
  .product-content .container .white-container .content-text-image-2 .columns {flex-direction: column;}
  .product-content .container .white-container .content-text-image-2 .columns img {width: 100%;}
}
.product-content .container .white-container .content-text-image-2 .columns img {
            margin: 0 !important; }
.product-content .blurred-container {
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 2;
    margin: 150px 200px;
    padding: 40px 45px;
    margin-bottom: 0 !important;
    background: rgba(238, 224, 255, 0.4);
    border-radius: 40px; }
@media only screen and (max-width: 1024px) {
  .product-content .blurred-container {margin: auto !important;
        width: calc(100% - 200px);
        margin-top: 100px !important;}
}
@media only screen and (max-width: 600px) {
  .product-content .blurred-container {margin: auto !important;
        width: calc(100% - 80px);
        padding: 30px;
        margin-top: 50px !important;}
}
.product-content .blurred-container h3 {
      box-sizing: border-box;
      margin: 0;
      font-size: 27px;
      font-family: "Ubuntu", sans-serif;
      font-weight: 300;
      font-style: normal;
      margin-bottom: 20px !important; }
.product-content .blurred-container p {
      font-family: "Ubuntu", sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 17px !important;
      line-height: 27px;
      margin-bottom: 30px; }

/* ===== Product detail: homepage-achtergrond met alleen de rings (geen blob) ===== */
.product-content { overflow: visible; }
.product-content .upper-container { position: relative; z-index: 2; }
.product-content .container .background-assets {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: block;
  pointer-events: none; }
.product-content .container .background-assets .hero-cell {
  position: absolute; }
.product-content .container .background-assets .hero-cell img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  max-width: none; }
.product-content .container .background-assets .hero-cell-rings {
  width: 56%;
  max-width: 760px;
  left: 4%;
  right: auto;
  top: -6%; }
/* Move the rings 350px up via transform on the inner <img> so it doesn't clash
   with the ScrollSmoother parallax transform that data-speed sets on the div. */
.product-content .container .background-assets .hero-cell-rings img {
  transform: translateY(-350px); }
@media only screen and (max-width: 1024px) {
  .product-content .container .background-assets .hero-cell-rings {
    width: 72%;
    max-width: none;
    left: -6%;
    top: -4%; } }
/* Below 500px the rings sit lower than desktop (-350px -> -150px). */
@media only screen and (max-width: 500px) {
  .product-content .container .background-assets .hero-cell-rings img {
    transform: translateY(-150px); } }