@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: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      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 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: 30px !important; }
      .contact .contact-containers .container-box p {
        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: 0.7;
        text-transform: uppercase;
        color: white;
        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='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; }
  .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%; }
      @media only screen and (max-width: 1024px) {
        .contact .inquiries .column {
          padding: 0 50px; } }
      .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%; }
    .content .container .container-content {
      max-width: 920px;
      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: #EA294B;
          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: #EA294B;
          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 #54B5B7; }
      header .navigation a.active {
        color: #B1B8BC;
        border-bottom: 4px solid #54B5B7; }

.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%; }
      @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: 210px; }
        @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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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 #EA294B;
    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 {
          bottom: -30px; }
          .news-selected .news-articles .article:hover .details::after {
            opacity: 1; }
      .news-selected .news-articles .article .image {
        position: absolute;
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        object-fit: cover;
        border-radius: 30px;
        z-index: 1; }
      .news-selected .news-articles .article .details {
        z-index: 2;
        transition: all 400ms ease-in-out;
        width: calc(100% - 20px);
        border-radius: 30px;
        background: linear-gradient(119deg, #26072F 0%, #8A1660 100%);
        padding: 30px 24px;
        box-sizing: border-box;
        min-height: 60px;
        position: absolute;
        bottom: 10px;
        display: flex;
        justify-content: center;
        flex-direction: column; }
        .news-selected .news-articles .article .details::after {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: inherit;
          background: linear-gradient(119deg, #26072F 0%, #E02B55 100%);
          opacity: 0;
          transition: opacity 400ms ease-in-out;
          pointer-events: none;
          z-index: 0; }
        .news-selected .news-articles .article .details > * {
          position: relative;
          z-index: 1; }
        .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: #54B5B7;
          margin-bottom: 20px; }

.fixed-news-background {
  transition: all 1s ease-in-out;
  visibility: hidden;
  opacity: 0;
  background-image: url("/wp-content/themes/synapse/assets/images/background-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%; }
  @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: #EA294B;
      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; }
          .team-grid .container .team-block:hover .team-details::after {
            opacity: 1; }
      .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::after {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: inherit;
          background: linear-gradient(119deg, #26072F 0%, #E02B55 100%);
          opacity: 0;
          transition: opacity 500ms ease-in-out;
          pointer-events: none;
          z-index: 0; }
        .team-grid .container .team-block .team-details > * {
          position: relative;
          z-index: 1; }
        .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(84, 181, 183, 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%2354B5B7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%234F6A89' 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='%2354B5B7' 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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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(84, 181, 183, 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: #522160;
    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(84, 181, 183, 0.3);
      background: #54B5B7; }
    .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='%23EA294B' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%238F2458' 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='%23EA294B' 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: #EA294B;
      text-decoration: none; }
      .usp-tiles .container p a:hover {
        text-decoration: underline; }
  .usp-tiles .container .columns {
    display: flex;
    flex-direction: row;
    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%;
      display: inline-grid;
      justify-content: center;
      align-items: center;
      grid-template-columns: repeat(2, 1fr);
      gap: 50px; }
      @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: 10px;
        box-sizing: border-box;
        min-height: 300px;
        width: 100%;
        border-radius: 30px;
        background: rgba(84, 181, 183, 0.2);
        -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: 20px;
          background: linear-gradient(119deg, #26072F 0%, #007D80 100%);
          width: 100%;
          padding: 30px;
          display: flex;
          flex-direction: column;
          min-height: 300px; }
          .usp-tiles .container .columns .column-tiles .usp-tile .inner h3 {
            margin: 0;
            color: #54B5B7;
            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: #EA294B;
              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: #EA294B;
          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: 100%;
  max-width: 1300px;
  margin: 0 auto;
  margin-left: 70px;
  margin-right: 70px; }
  @media (max-width: 1024px) {
    .container {
      margin-left: 50px;
      margin-right: 50px; } }
  @media (max-width: 768px) {
    .container {
      margin-left: 20px;
      margin-right: 20px; } }

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

.section {
  min-height: 50vh; }

.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; } }

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: #EA294B;
  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: #DA314F; }
    .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='%23EA294B' 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='%23DA314F'%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='%23EA294B' 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='%23EA294B'%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 #54B5B7; }
  .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: visible; }
  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; }

/* ============================================================
   DIAGNOSTIC-STYLE BACKGROUND LOGIC PORTED TO PHARMA COLOURS
   Coloured hero/footer, white middle sections with dark text,
   scroll-scrubbed body background + rings hero visual.
   ============================================================ */

/* Smooth coloured <-> white background cross-fade helper layer. */
#bg-overlay {
  position: fixed;
  inset: 0;
  background: #FFFFFF;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: opacity 0.6s ease; }

/* --- Rings hero visual (same spot as diagnostics), kept alongside pharma's
   existing blood cell. The layer is the full hero container and clips the
   rings that extend above it. ---------------------------------------------- */
.hero-section .container .hero-rings-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: visible; }
.hero-section .container .hero-rings-layer .hero-cell {
  position: absolute; }
.hero-section .container .hero-rings-layer .hero-cell img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  max-width: none; }
.hero-section .container .hero-rings-layer .hero-cell-rings {
  width: 44%;
  max-width: 570px;
  left: 7%;
  right: auto;
  top: -230px; }
@media only screen and (max-width: 1024px) {
  .hero-section .container .hero-rings-layer .hero-cell-rings {
    width: 60%;
    max-width: 460px;
    left: 12%;
    right: auto;
    top: -240px; } }
/* Homepage hero below 1200px: nudge the ring cell lower. Applied to the inner
   <img> 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 .hero-rings-layer .hero-cell-rings img {
    transform: translateY(100px); } }
@media only screen and (max-width: 1024px) {
  body.home .hero-section .container .hero-rings-layer .hero-cell-rings img {
    transform: translateY(50px); } }
@media only screen and (max-width: 500px) {
  body.home .hero-section .container .hero-rings-layer .hero-cell-rings img {
    transform: translate(50px, 125px); } }

/* --- White middle sections: dark text + red heading pipes -------------------
   (inner coloured cards keep their own light text) */
.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,
.news-selected .container-content,
.news-selected .container-content p {
  color: #002429; }

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

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

/* ===== Our people (team slider) on white =============================== */
.team-selected .container .content-column h3 {
  color: #002429;
  border-left-color: #EA294B; }
.team-selected .container .content-column p {
  color: rgba(0, 36, 41, 0.85); }
.team-selected .container .content-column a {
  color: #8A1660;
  opacity: 1; }
.team-selected .container .content-column a:before {
  background: #8A1660;
  opacity: 1; }
/* Card name label: magenta by default, red on the active/hovered card */
.team-selected .container .slider-column .swiper-slide .team-details {
  background: rgba(138, 22, 96, 0.92); }
.team-selected .container .slider-column .swiper-slide:hover .team-details {
  background: rgba(234, 41, 75, 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(0, 36, 41, 0.12); }

/* ===== Our location (location-slider) on white ========================= */
.location-slider .blurred-container {
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 22px 45px rgba(0, 36, 41, 0.12); }
.location-slider .blurred-container h3,
.location-slider .blurred-container p,
.location-slider .blurred-container p a:not(.primary-button) {
  color: #002429; }

/* ===== Coloured hero -> white pages (Services id 174, About us id 32) =====
   Copy uses --svc-text, which defaults to white (readable on the coloured
   hero) and is scrubbed to dark by main.js as the background turns white. */
:root {
  --svc-text: #FFFFFF; }
body.page-id-174,
body.page-id-32 {
  --svc-text: #FFFFFF; }
body.page-id-174 .content .container-content,
body.page-id-174 .content .upper-container h1.quote,
body.page-id-174 .content .container-content span.lead,
body.page-id-174 .content .container-content span.lead p,
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); }
body.page-id-174 .content .container-content h2,
body.page-id-174 .content .container-content h3,
body.page-id-174 .content .container-content h4 {
  border-left-color: #EA294B; }
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: #EA294B; }
body.page-id-32 .team-grid .team-content p,
body.page-id-32 .team-grid .team-content a {
  color: var(--svc-text); }

/* Generalised: every non-home page now follows the same coloured-top -> white
   background flow as the homepage (main.js forces the middle sections white and
   scrubs a coloured hero into white at the top). So subpage copy must follow the
   same white -> dark text scrub to stay readable. Titles (.quote) and the main
   content/team wrappers are covered here; cards with their own backgrounds keep
   their own text colours via their own (more specific) rules. */
body:not(.home) {
  --svc-text: #FFFFFF; }
body:not(.home) .section:not(.footer) .quote,
body:not(.home) .section:not(.footer):not(.product-content) .container-content,
body:not(.home) .section:not(.footer):not(.product-content) .container-content h2,
body:not(.home) .section:not(.footer):not(.product-content) .container-content h3,
body:not(.home) .section:not(.footer):not(.product-content) .container-content h4,
body:not(.home) .section:not(.footer):not(.product-content) .container-content h5,
body:not(.home) .section:not(.footer):not(.product-content) .container-content h6,
body:not(.home) .section:not(.footer):not(.product-content) .container-content p,
body:not(.home) .section:not(.footer):not(.product-content) .container-content span,
body:not(.home) .section:not(.footer):not(.product-content) .container-content li,
body:not(.home) .section:not(.footer):not(.product-content) .white-container,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h2,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h3,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h4,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h5,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h6,
body:not(.home) .section:not(.footer):not(.product-content) .white-container p,
body:not(.home) .section:not(.footer):not(.product-content) .white-container span,
body:not(.home) .section:not(.footer):not(.product-content) .white-container li,
body:not(.home) .section:not(.footer):not(.product-content) .team-content h3,
body:not(.home) .section:not(.footer):not(.product-content) .team-content p,
body:not(.home) .section:not(.footer):not(.product-content) .team-content a {
  color: var(--svc-text); }
body:not(.home) .section:not(.footer):not(.product-content) .container-content h2,
body:not(.home) .section:not(.footer):not(.product-content) .container-content h3,
body:not(.home) .section:not(.footer):not(.product-content) .container-content h4,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h2,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h3,
body:not(.home) .section:not(.footer):not(.product-content) .white-container h4,
body:not(.home) .section:not(.footer):not(.product-content) .team-content h3 {
  border-left-color: #EA294B; }

/* Homepage hero copy follows --svc-text: white on the coloured hero, scrubbed to
   dark by main.js as the background turns white, so the tall hero's title, lead
   and the two glass CTA cards stay readable through the transition. */
body.home {
  --svc-text: #FFFFFF; }
body.home .hero-section .content .quote,
body.home .hero-section .content:not(.content-containers) .column-right p {
  color: var(--svc-text); }

/* Remove the forced 200px top margin on the hero container (was set by
   `.section:first-of-type .container { margin-top:200px !important }`). */
.section.hero-section .container {
  margin-top: 0 !important; }

/* Big soft blob in the top-right of the hero (like diagnostics), much larger
   than the ring cell. Lives in the clipped hero background layer. */
.hero-section .container .hero-rings-layer .hero-cell-blob {
  width: calc(78% - 200px);
  max-width: 880px;
  left: auto;
  right: 0;
  top: calc(-16% + 200px); }
@media only screen and (max-width: 1024px) {
  .hero-section .container .hero-rings-layer .hero-cell-blob {
    width: calc(100% - 200px);
    max-width: 560px;
    left: auto;
    right: 0;
    top: calc(-8% + 200px); } }

/* Hero right column: 100px spacing between its content items. The two cell
   images stack: cell-left-1 stays in flow and right-aligns, the duplicated
   cell-left-2 overlays it (absolute, on top) shifted 75px left and 50px down. */
.hero-section .container .content .column-right {
  display: flex;
  flex-direction: column;
  gap: 100px; }
.hero-section .container .content .column-right p {
  margin-bottom: 0; }
.hero-section .container .content .column-right .cell-left-1 {
  align-self: flex-end; }
.hero-section .container .content .column-right .cell-left-2-front {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-75px, 50px);
  z-index: 2; }

/* Hero CTA cards: solid white background with fixed dark text (they no longer
   follow the white->dark scrub since the card itself is always white).
   Title dark purple, the heading pipe cyan, body text grey, and the
   "Products"/"Assays" link labels cyan.
   The soft shadow uses filter:drop-shadow (not box-shadow) because the 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;
  border-left-color: #54B5B7; }
.hero-section .container .cutout-container p {
  color: #79878E !important; }
.hero-section .container .cutout-container .link-text {
  color: #54B5B7; }

/* Hero lead button: cyan (brand teal) instead of the pink/red default, and
   content-width so it doesn't stretch full width in the flex column. The pill
   tail SVG is recoloured to match (pink -> cyan, purple stop -> teal). */
.hero-section .container .content .column-right .primary-button {
  align-self: flex-start;
  margin-top: -65px;
  background: #54B5B7; }
.hero-section .container .content .column-right .primary-button:hover {
  background: #4A9EA0; }
.hero-section .container .content .column-right .primary-button: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-9fd80xk1-c-1'%3E%3Cstop stop-color='%23007D80' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2354B5B7' 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='%2354B5B7'%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"); }
.hero-section .container .content .column-right .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='%23007D80' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2354B5B7' 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='%234A9EA0'%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"); }
/* Footer: soft cyan glow in the bottom-left corner, layered over the page's
   warm gradient background so the footer reads with a cool cyan accent there.
   Both the glow and the rings blob (footer:before) sit at z-index:-1 so they
   stay BEHIND all page content. The footer itself is NOT given a positive
   z-index: that would create a stacking context and, with overflow:visible,
   lift the overflowing blob above the previous section's content. */
.section.footer {
  position: relative; }
.section.footer::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 85%;
  height: 100%;
  background: radial-gradient(ellipse at bottom left, rgba(30, 190, 196, 0.8) 0%, rgba(30, 190, 196, 0.35) 42%, rgba(30, 190, 196, 0) 72%);
  pointer-events: none;
  z-index: -1; }

/* Footer: keep it tight at the bottom (no default 50vh min-height, no extra
   container bottom margin) so it matches the homepage. The white->coloured body
   crossfade still completes because main.js finishes the footer scrub early
   (see the footer endPct in the background loop). */
.section.footer {
  min-height: 0; }
.section.footer .container {
  margin-bottom: 0;
  padding-bottom: 100px; }

/* Hero on tablet/mobile (<=1024px): drop only the left column's cell image
   (#cell2), keep the right column's cell images visible, add a 150px top
   margin, and pull the title above the lead text so the two left-align. */
@media only screen and (max-width: 1024px) {
  .section.hero-section .container {
    margin-top: 150px !important; }
  .hero-section .container .content .column-left #cell2 {
    display: none !important; }
  .hero-section .container .content .column-left {
    order: -1;
    margin-bottom: 60px; }
  .hero-section .container .content .column-left .quote {
    margin: 0 0 25px;
    margin-left: -20px; }
  .hero-section .container .content .column-right .cell-left-1 {
    align-self: flex-start; }
  .hero-section .container .content .column-right .cell-left-2-front {
    left: 0;
    right: auto;
    transform: translate(200px, 50px); }
}

/* Hero on phones (<=768px): keep the title and cell images off the screen edge.
   The container already gives a 20px gutter, so undo the title's negative pull
   and stop the cell images (incl. the absolute overlay) from overflowing it. */
@media only screen and (max-width: 768px) {
  .hero-section .container .content .column-left .quote {
    margin-left: 0; }
  .hero-section .container .content .column-right .cell-left-1,
  .hero-section .container .content .column-right .cell-left-2-front {
    max-width: 100%;
    height: auto; }
  .hero-section .container .content .column-right .cell-left-2-front {
    transform: translate(75px, 50px); }
}

/* Contact page stays coloured (no white transition); its two address cards read
   like the home's coloured-section cards: solid white, dark-purple title, cyan
   pipe, grey body text, and a purplish "plan route" link. */
.contact .contact-containers .container-box {
  background: #FFFFFF;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #79878E;
  box-shadow: 0 22px 45px rgba(38, 7, 47, 0.12); }
.contact .contact-containers .container-box h3 {
  color: #522160;
  border-left-color: #54B5B7; }
.contact .contact-containers .container-box p {
  color: #79878E; }
.contact .contact-containers .container-box a.arrow-link {
  color: #8A1660;
  opacity: 1; }
.contact .contact-containers .container-box a.arrow-link: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='%238A1660' 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"); }


/* =====================================================================
   ASSAYS (fc_essays) + PRODUCT DETAIL — layout 1:1 overgenomen uit de
   synapse-diagnostic referentie, omgezet naar het pharma kleurenpalet
   (oranje #D5571E -> rood #EA294B, slate #3C4E57 -> #002429). Purper
   #522160 en de neutrale grijzen blijven ongewijzigd.
   ===================================================================== */
/* ===== 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: #002429;
  background: #FFFFFF;
  border-top: 1px solid rgba(234, 41, 75, 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: #EA294B;
    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='%23EA294B' 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: #002429;
    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: #EA294B;
      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='%23EA294B' 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='%23EA294B' 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: #EA294B;
          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); } }

/* Team-member detail page: the Email/LinkedIn buttons under the photo are cyan
   (brand teal) instead of the pink/red default, reusing the hero button's cyan
   pill tail. */
.single-team .upper-container .person-wrapper .primary-button {
  background: #54B5B7; }
.single-team .upper-container .person-wrapper .primary-button:hover {
  background: #4A9EA0; }
.single-team .upper-container .person-wrapper .primary-button: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-9fd80xk1-c-1'%3E%3Cstop stop-color='%23007D80' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2354B5B7' 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='%2354B5B7'%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"); }
.single-team .upper-container .person-wrapper .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='%23007D80' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2354B5B7' 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='%234A9EA0'%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"); }

/* Team-member detail: give the bio copy the same grey as the home/contact card
   text. Just the text colour, no card background. !important beats the generic
   non-home white-container svc-text rule. */
.single-team .white-container .white-container-inside,
.single-team .white-container .white-container-inside p,
.single-team .white-container .white-container-inside span,
.single-team .white-container .white-container-inside li,
.single-team .white-container .white-container-inside h1,
.single-team .white-container .white-container-inside h2,
.single-team .white-container .white-container-inside h3,
.single-team .white-container .white-container-inside h4,
.single-team .white-container .white-container-inside h5,
.single-team .white-container .white-container-inside h6 {
  color: #79878E !important; }

/* Location slider CTA button: cyan (brand teal) instead of the pink/red default,
   reusing the hero button's cyan pill tail. */
.location-slider .blurred-container .primary-button {
  background: #54B5B7; }
.location-slider .blurred-container .primary-button:hover {
  background: #4A9EA0; }
.location-slider .blurred-container .primary-button: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-9fd80xk1-c-1'%3E%3Cstop stop-color='%23007D80' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2354B5B7' 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='%2354B5B7'%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"); }
.location-slider .blurred-container .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='%23007D80' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2354B5B7' 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='%234A9EA0'%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"); }
