/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-click-through-tiles {
  position: relative;
  overflow: hidden; }
  .section-click-through-tiles .tns-outer {
    position: relative; }
    .section-click-through-tiles .tns-outer .tns-controls {
      display: flex;
      justify-content: space-between;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      pointer-events: none;
      z-index: 1; }
      @media (max-width: 980px) {
        .section-click-through-tiles .tns-outer .tns-controls {
          display: none; } }
      .section-click-through-tiles .tns-outer .tns-controls:focus {
        outline: 0; }
      .section-click-through-tiles .tns-outer .tns-controls:focus-visible, .section-click-through-tiles .tns-outer .tns-controls.focus-visible {
        outline: 2px solid var(--dark-blue);
        outline-offset: 3px;
        border-radius: 1px; }
      .section-click-through-tiles .tns-outer .tns-controls button {
        position: relative;
        font-size: 30px;
        pointer-events: auto;
        transition: all .3s ease-in-out;
        z-index: 99;
        line-height: 1;
        padding: 0;
        border: 0;
        width: 40px;
        height: 40px;
        background-color: var(--dark-blue);
        color: var(--green); }
        @media (min-width: 981px) {
          .section-click-through-tiles .tns-outer .tns-controls button {
            width: 60px;
            height: 60px; } }
        .section-click-through-tiles .tns-outer .tns-controls button [class^="icon-"], .section-click-through-tiles .tns-outer .tns-controls button [class*=" icon-"],
        .section-click-through-tiles .tns-outer .tns-controls button [class^="icon-"]:before, .section-click-through-tiles .tns-outer .tns-controls button [class*=" icon-"]:before {
          width: auto; }
        .section-click-through-tiles .tns-outer .tns-controls button:disabled {
          color: var(--medium-gray) !important; }
      .section-click-through-tiles .tns-outer .tns-controls [data-controls="next"] {
        margin-right: -90px; }
      .section-click-through-tiles .tns-outer .tns-controls [data-controls="prev"] {
        margin-left: -90px; }
  .section-click-through-tiles .container {
    position: relative;
    z-index: 1; }
    .section-click-through-tiles .container h1, .section-click-through-tiles .container h2, .section-click-through-tiles .container h3 {
      text-align: center;
      text-transform: uppercase; }
    .section-click-through-tiles .container .tns-controls {
      display: flex;
      justify-content: space-between;
      position: absolute;
      max-width: 100vw;
      top: 50%;
      transform: translateY(-50%);
      left: 0; }
      .section-click-through-tiles .container .tns-controls [data-controls="prev"],
      .section-click-through-tiles .container .tns-controls [data-controls="next"] {
        margin-right: 0;
        margin-left: 0;
        transition: none; }
        .section-click-through-tiles .container .tns-controls [data-controls="prev"]:disabled,
        .section-click-through-tiles .container .tns-controls [data-controls="next"]:disabled {
          visibility: hidden; }
      .section-click-through-tiles .container .tns-controls .icon-arrow-light-next,
      .section-click-through-tiles .container .tns-controls .icon-arrow-back-light {
        height: 40px;
        width: 40px;
        font-size: 15px;
        background-color: var(--dark-blue);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--green); }
    .section-click-through-tiles .container #tns1-iw {
      margin-left: 0; }
      .section-click-through-tiles .container #tns1-iw .tiles-slider {
        display: flex; }
        .section-click-through-tiles .container #tns1-iw .tiles-slider .tile {
          background: linear-gradient(180deg, #00FFA0 0%, rgba(1, 255, 161, 0) 100%);
          position: relative;
          padding: 45px;
          text-align: center;
          display: flex;
          flex-direction: column;
          gap: 30px;
          height: 100%; }
          .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image {
            position: relative;
            z-index: 1; }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image .image-container {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: flex-end;
              height: 100%; }
              .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image .image-container img {
                margin-top: auto; }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image svg {
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              z-index: -1;
              width: auto; }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.triangle .image-container {
              -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
                      clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.circle .image-container {
              -webkit-clip-path: circle(50% at 50% 50%);
                      clip-path: circle(50% at 50% 50%); }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.square .image-container {
              -webkit-clip-path: inset(0 0 0 0);
                      clip-path: inset(0 0 0 0); }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.hexagon .image-container {
              -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
                      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
          .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image {
            display: flex;
            justify-content: center; }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image .image-container {
              width: 150px;
              height: 150px; }
              @media (min-width: 768px) {
                .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image .image-container {
                  width: 190px;
                  height: 190px; } }
              .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image .image-container img {
                height: 110px;
                width: auto; }
                @media (min-width: 768px) {
                  .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image .image-container img {
                    height: 140px; } }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image svg {
              height: 150px; }
              @media (min-width: 768px) {
                .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image svg {
                  height: 190px; } }
            @media (min-width: 768px) {
              .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.hexagon {
                margin-right: -15px; } }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.hexagon .image-container {
              width: 170px; }
              @media (min-width: 768px) {
                .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.hexagon .image-container {
                  width: 220px; } }
              .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.hexagon .image-container img {
                height: 120px;
                width: auto; }
                @media (min-width: 768px) {
                  .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .image.hexagon .image-container img {
                    height: 150px; } }
          .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .content {
            padding-bottom: 30px; }
            @media (min-width: 981px) {
              .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .content {
                padding-bottom: 90px; } }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .content .h4 {
              text-transform: uppercase;
              margin: 0; }
              .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .content .h4 a:hover {
                text-decoration: none; }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .content p {
              margin: 0; }
            .section-click-through-tiles .container #tns1-iw .tiles-slider .tile .content .icon-arrow-medium-next {
              position: absolute;
              bottom: 1.5em;
              right: 1em;
              font-size: 27px;
              transition: transform .3s ease-in-out; }
          .section-click-through-tiles .container #tns1-iw .tiles-slider .tile:hover .content span {
            transform: translateX(10px); }
        @media (min-width: 981px) {
          .section-click-through-tiles .container #tns1-iw .tiles-slider {
            display: flex;
            gap: 20px;
            grid-template-columns: repeat(4, 1fr); } }
        .section-click-through-tiles .container #tns1-iw .tiles-slider > {
          flex: 1; }
  .section-click-through-tiles.dark h3 a {
    color: var(--white); }
  .section-click-through-tiles--new {
    padding: 0;
    padding-block: 4.625rem; }
    .section-click-through-tiles--new .container h2 {
      font-size: 3.375rem !important;
      text-align: left !important;
      -webkit-margin-before: 0;
              margin-block-start: 0;
      padding-bottom: 3.56rem !important;
      color: var(--green) !important; }
    .section-click-through-tiles--new .tile-wrapper {
      width: 100%; }
    .section-click-through-tiles--new .tile-wrapper--full {
      position: relative;
      height: 28.5rem; }
      .section-click-through-tiles--new .tile-wrapper--full .tile {
        position: relative !important;
        z-index: 1;
        justify-content: flex-end;
        padding: 0 !important; }
        .section-click-through-tiles--new .tile-wrapper--full .tile::after {
          content: '';
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 50%;
          background: linear-gradient(0deg, #00FFA0 50%, rgba(1, 255, 161, 0) 100%); }
        .section-click-through-tiles--new .tile-wrapper--full .tile .content {
          z-index: 1;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          gap: 8px;
          padding-bottom: 3.25rem !important;
          padding-inline: 2rem;
          color: var(--dark-blue);
          font-weight: 400; }
          .section-click-through-tiles--new .tile-wrapper--full .tile .content h3 {
            padding-bottom: 0; }
            .section-click-through-tiles--new .tile-wrapper--full .tile .content h3.h4 a {
              display: block;
              height: 100%;
              width: 100%;
              font-size: 1.75rem;
              color: var(--dark-blue); }
          .section-click-through-tiles--new .tile-wrapper--full .tile .content .content-text {
            height: 90px; }
          .section-click-through-tiles--new .tile-wrapper--full .tile .content .icon-arrow-medium-next {
            display: none; }
        .section-click-through-tiles--new .tile-wrapper--full .tile .image {
          position: absolute !important;
          top: 0;
          z-index: 0 !important;
          width: 100%;
          height: 100%; }
          .section-click-through-tiles--new .tile-wrapper--full .tile .image .image-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important; }
            .section-click-through-tiles--new .tile-wrapper--full .tile .image .image-container img {
              width: 100% !important;
              height: 100% !important;
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: top;
                 object-position: top; }

/*# sourceMappingURL=click-through-tiles.css.map */