:root {
  --syc-color-orange: #ff0000;
  --syc-color-black: #000;
  --syc-color-white: #fff;
  --syc-color-orange50: #fff5ed;
  --syc-color-orange100: #ffe8d4;
  --syc-color-orange200: #ffcda8;
  --syc-color-orange300: #ffaa72;
  --syc-color-orange400: #fe7c39;
  --syc-color-orange500: var(--syc-color-orange);
  --syc-color-orange700: #c52b09;
  --syc-color-grey50: #f5f7f8;
  --syc-color-grey100: #eeeff1;
  --syc-color-grey200: #dfe3e6;
  --syc-color-grey300: #cbd1d6;
  --syc-color-grey400: #b5bcc4;
  --syc-color-grey500: #a1a8b3;
  --syc-color-grey700: #787e8a;
  --syc-color-grey800: #4c5056;
  --syc-color-grey900: #303236;
  --syc-color-secondary950: #1f0606;
  --syc-color-orange-gradient: linear-gradient(
    90deg,
    #fe8303,
    var(--syc-color-orange)
  );
  --syc-font-hr: "Helvetica Neue", Arial, Sans-Serif;
  --syc-font-itc: "ITC Charter", Georgia, Serif;
  --syc-font-h2: 32px;
  --syc-letter-spacing-h2: -1px;
  @media (width >= 768px) {
    --syc-font-h2: 52px;
    --syc-letter-spacing-h2: -2px;
  }
  --syc-font-h2-larger: 52px;
  --syc-letter-spacing-h2-larger: -2px;
  @media (width >= 1024px) {
    --syc-font-h2-larger: 72px;
    --syc-letter-spacing-h2-larger: -3px;
  }
  --syc-font-h3: 24px;
  --syc-letter-spacing-h3: 0px;
  @media (width >= 768px) {
    --syc-font-h3: 42px;
    --syc-letter-spacing-h3: -1px;
  }
  --syc-font-h4: 22px;
  --syc-letter-spacing-h4: 0px;
  @media (width >= 1024px) {
    --syc-font-h4: 32px;
    --syc-letter-spacing-h4: -1px;
  }
  --syc-font-h5: 18px;
  --syc-letter-spacing-h5: 0px;
  @media (width >= 1024px) {
    --syc-font-h5: 24px;
    --syc-letter-spacing-h5: -1px;
  }
  --syc-font-paragraph: 14px;
  --syc-letter-spacing-paragraph: 0px;
  --syc-line-height-tight: 150%;
  @media (width >= 1024px) {
    --syc-line-height-tight: 120%;
  }
  @media (width >= 768px) {
    --syc-font-paragraph: 16px;
  }
  --syc-column-heading-font-size: 20px;
  --syc-column-description-font-size: 14px;
  @media (width >= 768px) {
    --syc-column-heading-font-size: 32px;
    --syc-column-description-font-size: 18px;
  }
  --syc-column-font-capital: 32px;
  @media (width >= 768px) {
    --syc-column-font-capital: 52px;
  }
  @media (width >= 1200px) {
    --syc-column-font-capital: 72px;
  }
  --syc-column-max-width: 1800px;
  --syc-transition1-bezier: cubic-bezier(0.83, 0, 0.31, 1);
  --syc-transition1-timing: 1.2s;
  --syc-transition2-bezier: cubic-bezier(0.2, 0.83, 0.31, 1);
  --syc-transition2-timing: 0.8s;
  --syc-slide-in-from: translate(-20px, 10px);
}
@font-face {
  font-family: Helvetica Neue;
  src: url(gx/en.html/fonts/HelveticaNeueLTPro-Md.ttf)
    format("truetype");
}
@font-face {
  font-family: Helvetica Neue;
  src: url(gx/en.html/fonts/HelveticaNeueLTPro-Roman.ttf)
    format("truetype");
}
@font-face {
  font-family: ITC Charter;
  src: url(gx/en.html/fonts/ITCCharterCom-Regular.ttf)
    format("truetype");
}
@font-face {
  font-family: ITC Charter;
  font-weight: 700;
  src: url(gx/en.html/fonts/ITCCharterCom-Bold.ttf)
    format("truetype");
}
#wrapper #sb-banner {
  display: none;
}
@property --syc-btn-bg-cover {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
#wrapper .syc {
  --syc-btn-transition-duration: var(--syc-transition1-timing);
  a.btn {
    align-items: center;
    background: linear-gradient(
      45deg,
      var(--syc-color-orange) var(--syc-btn-bg-cover),
      transparent var(--syc-btn-bg-cover)
    );
    background-position: center 150%;
    background-size: 200% 100%;
    border: 1px solid var(--syc-color-black);
    color: var(--syc-color-black);
    flex-flow: row;
    font-family: var(--syc-font-hr);
    font-size: var(--syc-font-paragraph);
    font-weight: 500;
    letter-spacing: var(--syc-letter-spacing-paragraph);
    line-height: 1.5em;
    margin: 0;
    padding: 16px 24px;
    position: relative;
    text-decoration: none;
    transition: all var(--syc-btn-transition-duration)
        var(--syc-transition1-bezier),
      --syc-btn-bg-cover var(--syc-btn-transition-duration)
        var(--syc-transition1-bezier);
    &:is(:hover, :focus) {
      border-color: var(--syc-color-orange);
      color: var(--syc-color-black);
      --syc-btn-bg-cover: 100%;
      &:is(.btn-cta, .btn-cta-common) i {
        transition-delay: calc(var(--syc-btn-transition-duration) / 2);
      }
    }
    &:is(.btn-cta, .btn-cta-common) {
      i {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 20px;
        margin: 0;
        padding: 0;
        transition: filter var(--syc-btn-transition-duration)
          var(--syc-transition1-bezier);
        width: 18px;
      }
      &.btn-cta--chevron i {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDE4Ij48cGF0aCBmaWxsPSIjMUYwNjA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC45NiAyLjgxNiA1LjIwMyA1LjE3SDB2MS45OThoMTYuMTdsLTUuMjEgNS4xOTZWMThMMjAgOC45ODUgMTAuOTYgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
      }
    }
    & + .btn {
      margin-left: 10px;
    }
  }
  :is(.videoplayer-v2, .videoplayer-v3) {
    .vjs-big-play-button {
      background-color: transparent !important;
      background: linear-gradient(
        45deg,
        var(--syc-color-orange) var(--syc-btn-bg-cover),
        transparent var(--syc-btn-bg-cover)
      );
      border: 1px solid var(--syc-color-white);
      height: 56px;
      margin: 0;
      padding: 0;
      transform: none;
      transition: all var(--syc-btn-transition-duration)
          var(--syc-transition1-bezier),
        --syc-btn-bg-cover var(--syc-btn-transition-duration)
          var(--syc-transition1-bezier);
      width: 56px;
      .video-js:is(:hover, :focus, :focus-within) & {
        --syc-btn-bg-cover: 100%;
        .vjs-icon-placeholder {
          filter: invert(1) brightness(100);
        }
      }
      .vjs-icon-placeholder {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE4IDIzIj48cGF0aCBmaWxsPSIjMUYwNjA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMSAxNS43NzggNy00LjI3OEwwIC41djIyTDkgMTd2LTIuMDEzTDEuNjQ3IDE5LjQ4VjMuNTJsMTMuMDU5IDcuOThMMTEgMTMuNzY1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 40%;
        display: block;
        filter: invert(1) brightness(100);
        height: auto;
        inset: 0;
        position: absolute;
        transform: none;
        transition: filter var(--syc-btn-transition-duration)
          var(--syc-transition1-bezier);
        width: auto;
        &:before {
          display: none;
        }
      }
      .vjs-control-text {
        display: none;
      }
    }
  }
}
#wrapper .syc {
  .cmp-container:has(.text.spacer_before) {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: start;
    .text.spacer_before {
      border: none;
      .syc-animate:not(.syc-no-animation) & {
        opacity: 0;
        transform: var(--syc-slide-in-from);
        .syc-animate--intersecting & {
          opacity: 1;
          transform: translate(0);
          transition: all var(--syc-transition1-timing)
            var(--syc-transition1-bezier);
        }
      }
    }
    .syc-animate:not(.syc-no-animation) & img {
      clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
      .syc-animate--intersecting & {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transition: all var(--syc-transition1-timing)
          var(--syc-transition1-bezier);
        transition-delay: var(--syc-transition1-timing);
      }
    }
  }
}
#wrapper .syc-topic .text {
  .parsys > & {
    @media (width >= 768px) {
      width: calc(50% - 40px);
    }
  }
  p:first-of-type:has(sup) {
    margin: 0;
    sup {
      font-family: var(--syc-font-hr);
      font-size: var(--syc-column-description-font-size);
      font-weight: 500;
      line-height: 1.5em;
    }
  }
}
#wrapper .syc-std-text .text {
  h3 {
    font-family: var(--syc-font-hr);
    font-size: var(--syc-column-heading-font-size);
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin: 40px 0 20px;
  }
  p {
    font-family: var(--syc-font-itc);
    font-size: var(--syc-font-paragraph);
    font-weight: 400;
    letter-spacing: var(--syc-letter-spacing-paragraph);
    line-height: 1.5em;
    margin: 0 0 20px;
  }
}
#wrapper :is(.syc, .syc-topic, .syc-std-text) {
  .text {
    color: var(--syc-color-black);
    h2 {
      font-family: var(--syc-font-itc);
      font-size: var(--syc-font-h2);
      font-weight: 700;
      letter-spacing: var(--syc-letter-spacing-h2);
      line-height: 1em;
      margin: 0 0 20px;
      &:last-child {
        margin: 0;
      }
    }
    h2 + h3,
    h2 + h4,
    h2 + h5,
    h2 + p {
      margin-top: 32px;
    }
  }
}
#wrapper .section:has(.syc-image-overlay) {
  &:after {
    background: var(--syc-color-white);
    content: "";
    display: block;
    height: 20px;
    position: relative;
    width: 100%;
  }
}
#wrapper .syc-image-overlay:has(.parsys > .image) {
  margin: 40px 0 calc(-34% - 40px);
  position: relative;
  @media (width > 390px) {
    margin-bottom: calc(-30% - 40px);
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
  }
  @media (width >= 768px) {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  .parsys {
    height: 100%;
    margin: 0 auto;
    max-width: var(--syc-column-max-width);
    padding: 0;
    width: 100%;
  }
  .image {
    height: 66%;
    margin: 0;
    position: static;
    width: 100%;
    @media (width >= 390px) {
      height: 70%;
    }
    @media (width >= 768px) {
      height: 100%;
    }
    .asset-sharing-component {
      display: block;
      height: 100%;
      overflow: hidden;
      position: static;
      width: 100%;
      img {
        height: 100%;
        object-fit: cover;
        object-position: right center;
        width: 100%;
        &.syc-image-overlay--top {
          object-position: right top;
        }
        &.syc-image-overlay--bottom {
          object-position: right bottom;
        }
      }
    }
    h3 {
      color: var(--syc-color-black);
      font-family: var(--syc-font-itc);
      font-size: 50px;
      font-weight: 700;
      height: max-content;
      inset: 0;
      line-height: 1em;
      margin: 0 auto auto;
      padding: 32px;
      position: absolute;
      @media (width >= 768px) {
        left: calc(50vw - 375px);
        letter-spacing: -3px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 80px;
        width: 56%;
      }
      @media (width > 992px) {
        left: calc(50vw - 485px);
      }
      @media (width > 1200px) {
        left: calc(50vw - 585px);
      }
      @media (width > 1400px) {
        left: calc(50vw - 685px);
      }
      @media (width > 2000px) {
        max-width: 40%;
      }
    }
  }
}
#wrapper .syc-4nav {
  --syc-nav-card-padding: 32px;
  --syc-nav-card-transition-duration: var(--syc-transition1-timing);
  .parsys {
    display: grid;
    gap: 17px;
    grid-template-columns: 1fr;
    padding: 0;
    @media (768px <= width < 1024px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 1024px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .text {
      clip-path: inset(-10px -10px 0 -10px);
      color: var(--syc-color-black);
      display: grid;
      gap: 20px;
      grid-template-rows: 1fr;
      margin: 0;
      padding: var(--syc-nav-card-padding) var(--syc-nav-card-padding)
        calc(80px + var(--syc-nav-card-padding)) var(--syc-nav-card-padding);
      position: relative;
      transition: all var(--syc-nav-card-transition-duration)
        var(--syc-transition1-bezier);
      &:is(:hover, :focus, :focus-within) {
        background: linear-gradient(
          var(--syc-color-orange200),
          var(--syc-color-white)
        );
        box-shadow: 0 0 10px var(--syc-color-orange200);
        transform: translateY(-20px);
      }
      & > div:empty {
        display: none;
      }
      .text-component {
        color: inherit;
        display: grid;
        @media (width >= 1024px) {
          grid-template-rows: repeat(2, 1fr);
          min-height: 180px;
          width: 100%;
        }
        p {
          font-family: var(--syc-font-itc);
          font-size: var(--syc-column-description-font-size);
          font-weight: 400;
          line-height: 1.8em;
          margin: 5px 0;
          &:first-of-type strong {
            font-family: var(--syc-font-hr);
            font-size: var(--syc-column-heading-font-size);
            font-weight: 500;
            letter-spacing: -1px;
            line-height: 1.2em;
          }
        }
        a:not(.btn) {
          border: none;
          color: inherit;
          font-weight: 400;
          text-decoration: none;
          &:before {
            inset: 0;
          }
          &:after,
          &:before {
            content: "";
            display: block;
            position: absolute;
          }
          &:after {
            aspect-ratio: 1/1;
            background-image: url(../../assets/img/rightarrow.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 80%;
            bottom: var(--syc-nav-card-padding);
            left: var(--syc-nav-card-padding);
            transition: all var(--syc-nav-card-transition-duration)
              var(--syc-transition1-bezier);
            width: 64px;
          }
          &:is(:hover, :focus) {
            &:after {
              filter: brightness(0);
              left: calc(100% - var(--syc-nav-card-padding));
              transform: translateX(-100%);
            }
          }
        }
      }
    }
  }
}
#wrapper .syc-3steps {
  --syc-card-steps-height: min(80vh, 600px);
  .columnControl {
    margin: 40px 0;
    & > .parsys_column {
      column-gap: 10px;
      row-gap: 20px;
      & > .parsys_column {
        .cmp-container {
          display: flex;
          height: 100%;
        }
        .text.textimage {
          color: var(--syc-color-black);
          display: flex;
          flex-flow: column;
          height: 100%;
          margin: 0;
          padding: 0;
          position: relative;
          & > div:empty {
            display: none;
          }
          .textimage-image {
            display: block;
            float: none;
            margin: 0;
            padding: 0;
            width: 100%;
          }
          .textimage-text {
            display: flex;
            flex-flow: column;
            flex-grow: 1;
            justify-content: stretch;
            position: relative;
            & > div:empty {
              display: none;
            }
          }
        }
        .text {
          .text-component {
            display: flex;
            flex-flow: column;
            height: 100%;
            h3 {
              font-family: var(--syc-font-hr);
              font-size: var(--syc-column-heading-font-size);
              font-weight: 500;
              letter-spacing: -1px;
              line-height: 1.2em;
            }
            p {
              font-family: var(--syc-font-itc);
              font-size: var(--syc-font-paragraph);
              font-weight: 400;
              letter-spacing: var(--syc-letter-spacing-paragraph);
              line-height: 1.5em;
              margin: 5px 0;
              &:last-of-type:has(a) {
                margin-top: 20px;
                @media (width >= 768px) {
                  .text.textimage & {
                    align-items: end;
                    display: flex;
                    flex-grow: 1;
                  }
                }
              }
              a:not(.btn) {
                border: none;
                color: inherit;
                display: flex;
                font-family: var(--syc-font-hr);
                font-size: var(--syc-font-paragraph);
                font-weight: 500;
                gap: 10px;
                height: max-content;
                justify-items: center;
                letter-spacing: var(--syc-letter-spacing-paragraph);
                line-height: 1.5em;
                margin: 0;
                text-decoration: none;
                transition: color var(--syc-transition1-timing)
                  var(--syc-transition1-bezier);
                &:is(:hover, :focus) {
                  color: var(--syc-color-orange);
                  &:after {
                    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDE4Ij48cGF0aCBmaWxsPSIjRkQ1MTA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC45NiAyLjgxNiA1LjIwMyA1LjE3SDB2MS45OThoMTYuMTdsLTUuMjEgNS4xOTZWMThMMjAgOC45ODUgMTAuOTYgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
                    transform: translateX(10px);
                  }
                }
                &:after {
                  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDE4Ij48cGF0aCBmaWxsPSIjMUYwNjA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC45NiAyLjgxNiA1LjIwMyA1LjE3SDB2MS45OThoMTYuMTdsLTUuMjEgNS4xOTZWMThMMjAgOC45ODUgMTAuOTYgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
                  background-position: 50%;
                  background-repeat: no-repeat;
                  background-size: 80%;
                  content: "";
                  display: block;
                  height: 24px;
                  transition: transform var(--syc-transition1-timing)
                    var(--syc-transition1-bezier);
                  width: 24px;
                }
              }
            }
          }
        }
      }
    }
  }
  &:not(.syc-3steps--equal) {
    @media (width >= 768px) {
      .columnControl > .parsys_column > .parsys_column {
        .text.textimage {
          margin: 0;
          padding-top: var(--syc-card-steps-height);
          .textimage-image {
            height: calc(var(--syc-card-steps-height) - 20px);
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            .asset-sharing-component {
              display: flex;
              flex-flow: column;
              height: 100%;
              justify-content: end;
              width: 100%;
              img {
                height: 100%;
                object-fit: cover;
                object-position: center bottom;
                width: 100%;
                .parsys_column > .parsys_column:nth-child(3n + 1) & {
                  height: 70%;
                }
              }
            }
          }
          .textimage-text {
            height: 100%;
          }
        }
      }
      .columnControl > .parsys_column.aimonkeyscol3-longform > .parsys_column {
        .text.textimage {
          padding-top: var(--syc-card-steps-height);
          .textimage-image {
            height: calc(var(--syc-card-steps-height) - 20px);
            .asset-sharing-component {
              img {
                .parsys_column > .parsys_column:nth-child(3n + 1) & {
                  height: 40%;
                }
                .parsys_column > .parsys_column:nth-child(3n + 2) & {
                  height: 70%;
                }
              }
            }
          }
          .textimage-text {
            height: 100%;
          }
        }
      }
    }
  }
}
#wrapper .syc-listing {
  .parsys > .columnControl:first-child {
    margin: 60px 0 100px;
  }
  .text .text-component ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
      font-family: var(--syc-font-itc);
      font-size: var(--syc-column-description-font-size);
      font-weight: 500;
      line-height: 1.56em;
      margin: 30px 0 18px;
      padding: 20px 0 0;
      position: relative;
      &:first-of-type {
        margin-top: 0;
      }
      &:before {
        background: var(--syc-color-orange);
        bottom: auto;
        content: "";
        display: block;
        height: 3px;
        left: 0;
        margin: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 48px;
      }
      strong:first-of-type {
        font-family: var(--syc-font-hr);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.2em;
      }
    }
    .syc-animate-listing.syc-animate:not(.syc-no-animation) &,
    .syc-animate:not(.syc-no-animation, .syc-listing--large) {
      opacity: 0;
      .syc-animate--intersecting & {
        opacity: 1;
        transition: all var(--syc-transition1-timing)
          var(--syc-transition1-bezier);
        transition-delay: var(--syc-transition1-timing);
      }
    }
  }
  &.syc-listing--large {
    .text .text-component ul li {
      font-family: inherit;
      font-size: var(--syc-font-h5);
      letter-spacing: var(--syc-letter-spacing-h5);
      line-height: var(--syc-line-height-tight);
    }
  }
  .parsys .parsys_column > .parsys_column:first-child img {
    @media (width >= 768px) {
      width: calc(100% - 40px);
    }
    .syc-animate-image.syc-animate:not(.syc-colimage, .syc-no-animation) & {
      clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
      .syc-animate--intersecting & {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transition: all var(--syc-transition1-timing)
          var(--syc-transition1-bezier);
      }
    }
  }
}
#wrapper .syc-3types {
  .columnControl > .parsys_column > .parsys_column {
    .cmp-container {
      display: flex;
      flex-flow: column;
      height: 100%;
      justify-content: start;
      @media (width >= 768px) {
        & > :first-child {
          aspect-ratio: 3/4;
          display: flex;
          flex-flow: column;
          height: auto;
          justify-content: end;
          margin: 0 0 20px;
          min-height: fit-content;
          padding: 0;
          width: 100%;
          & > div:first-of-type {
            aspect-ratio: 3/4;
            display: block;
            height: auto;
            width: 100%;
            .parsys_column > .parsys_column:nth-child(3n + 1) & {
              aspect-ratio: 16/9;
            }
            .parsys_column > .parsys_column:nth-child(3n + 2) & {
              aspect-ratio: 1/1;
            }
          }
          &.image .asset-sharing-component img {
            height: 100%;
            object-fit: cover;
            object-position: center bottom;
            width: 100%;
          }
          &.videoplayer-v3 {
            .videoplayerv3-wrapper {
              margin: 0;
              padding: 0;
              .videoplayerv3 {
                height: 100%;
                .video-wrapper {
                  height: 100%;
                }
              }
            }
          }
        }
      }
    }
    .text {
      color: var(--syc-color-black);
      margin: 20px 0;
      padding: 0;
      position: relative;
      @media (width >= 768px) {
        height: 100%;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
      }
      & > div:empty {
        display: none;
      }
      .text-component {
        display: flex;
        flex-flow: column;
        height: 100%;
        h3 {
          font-family: var(--syc-font-hr);
          font-size: var(--syc-column-heading-font-size);
          font-weight: 500;
          letter-spacing: -1px;
          line-height: 1.2em;
        }
        p {
          font-family: var(--syc-font-itc);
          font-size: var(--syc-font-paragraph);
          font-weight: 400;
          letter-spacing: var(--syc-letter-spacing-paragraph);
          line-height: 1.5em;
          margin: 5px 0;
          &:last-of-type:has(a) {
            margin-top: auto;
          }
          a:not(.btn) {
            border: none;
            color: inherit;
            display: inline-flex;
            font-family: var(--syc-font-hr);
            font-size: var(--syc-font-paragraph);
            font-weight: 500;
            gap: 10px;
            justify-items: center;
            letter-spacing: var(--syc-letter-spacing-paragraph);
            line-height: 1.5em;
            text-decoration: none;
            transition: color var(--syc-transition1-timing)
              var(--syc-transition1-bezier);
            &:is(:hover, :focus) {
              color: var(--syc-color-orange);
              &:after {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDE4Ij48cGF0aCBmaWxsPSIjRkQ1MTA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC45NiAyLjgxNiA1LjIwMyA1LjE3SDB2MS45OThoMTYuMTdsLTUuMjEgNS4xOTZWMThMMjAgOC45ODUgMTAuOTYgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
                transform: translateX(10px);
              }
            }
            &:after {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDE4Ij48cGF0aCBmaWxsPSIjMUYwNjA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC45NiAyLjgxNiA1LjIwMyA1LjE3SDB2MS45OThoMTYuMTdsLTUuMjEgNS4xOTZWMThMMjAgOC45ODUgMTAuOTYgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
              background-position: 50%;
              background-repeat: no-repeat;
              background-size: 80%;
              content: "";
              display: block;
              height: 24px;
              transition: transform var(--syc-transition1-timing)
                var(--syc-transition1-bezier);
              width: 24px;
            }
          }
        }
      }
    }
    :is(.videoplayer-v2, .videoplayer-v3) {
      margin: 20px 0;
      .video-js[data-video-url*=".mp3"] {
        background: none;
        height: 67px;
        padding: 0;
        .vjs-poster {
          height: 100%;
          margin: 0 0 0 20px;
        }
        &.vjs-has-started {
          .vjs-poster,
          video {
            visibility: hidden;
          }
          .vjs-control-bar {
            opacity: 1;
          }
        }
        .vjs-big-play-button {
          border-color: var(--syc-color-black);
          inset: 0 auto;
          margin: auto;
          .video-js:not(:hover, :focus, :focus-within) & .vjs-icon-placeholder {
            filter: none;
          }
        }
        & ~ .hover-background,
        & ~ .hover-controls {
          display: none;
        }
      }
      .vjs-big-play-button {
        bottom: 20px;
        left: 20px;
        position: absolute;
        right: auto;
        top: auto;
      }
      .video-collection-duration,
      .videojs-description {
        display: none;
      }
      .videoplayerv3-wrapper {
        border: none;
        margin: 0;
        padding: 0;
      }
      .video-asset-details {
        display: none;
      }
    }
  }
}
#wrapper .syc-tabs {
  .tabsnew {
    ul.nav {
      align-items: end;
      display: flex;
      flex-flow: row;
      justify-content: stretch;
      li {
        flex-grow: 1;
        margin: 0;
        padding: 0;
        a {
          background: none;
          border: none;
          border-bottom: 1px solid var(--syc-color-grey300);
          border-radius: 0;
          color: var(--syc-color-black);
          display: block;
          font-size: var(--syc-font-paragraph);
          letter-spacing: var(--syc-letter-spacing-paragraph);
          line-height: 1.5em;
          position: relative;
          text-align: center;
          &:after {
            animation-fill-mode: forwards;
            animation-name: syc-tab-bottom-line-inactive;
            background: var(--syc-color-black);
            content: "";
            display: block;
            height: 6px;
            inset: auto 0 0 0;
            position: absolute;
            width: 0;
          }
          .tabsnew:is(:hover, :focus-within) &:after {
            animation-duration: 0.75s;
          }
          &:is(:hover, :focus):after,
          .active &:after {
            animation-name: syc-tab-bottom-line-active;
          }
          .active &:after {
            animation-duration: 0s;
          }
        }
      }
    }
    .text {
      .text-component {
        h3 {
          font-family: var(--syc-font-hr);
          font-size: var(--syc-column-heading-font-size);
          font-weight: 500;
          letter-spacing: -1px;
          line-height: 1.2em;
        }
        p {
          font-family: var(--syc-font-itc);
          font-size: var(--syc-column-description-font-size);
          font-weight: 400;
          line-height: 1.8em;
          &:first-of-type strong {
            font-weight: 700;
          }
        }
      }
    }
    .image {
      .asset-sharing-component {
        clip-path: polygon(0 0, 100% 0, 100% 85%, 55% 85%, 45% 100%, 0 100%);
        img {
          aspect-ratio: 1/1;
          display: block;
          height: auto;
          object-fit: cover;
          width: 100%;
        }
      }
    }
  }
}
@keyframes syc-tab-bottom-line-inactive {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@keyframes syc-tab-bottom-line-active {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
#wrapper .syc-cta {
  --syc-cta-transition-speed: var(--syc-transition1-timing);
  .parsys:has(.cta-card) {
    max-width: var(--syc-column-max-width);
  }
  .cta-card-wrapper {
    margin: 0;
    .cta-card {
      background-color: var(--syc-color-white);
      color: var(--syc-color-black);
      padding: 25px 15px;
      position: relative;
      @media (width >= 768px) {
        padding-bottom: 60px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 50px;
      }
      .text-wrap {
        color: inherit;
        display: flex;
        flex-flow: column;
        gap: 30px;
        max-width: calc(100% - 200px);
        transform: translateY(10px);
        transition: transform var(--syc-cta-transition-speed)
          var(--syc-transition1-bezier);
        h2 {
          font-family: var(--syc-font-hr);
          font-size: var(--syc-font-h4);
          font-weight: 500;
          line-height: 1.2em;
          transform: translateX(0);
          transition: transform var(--syc-cta-transition-speed)
            var(--syc-transition1-bezier);
        }
        h2,
        h3 {
          color: inherit;
        }
        h3 {
          font-family: var(--syc-font-itc);
          font-size: var(--syc-font-h2-larger);
          font-weight: 700;
          letter-spacing: var(--syc-letter-spacing-h2-larger);
          line-height: 1em;
          transition: color var(--syc-cta-transition-speed)
            var(--syc-transition1-bezier);
        }
      }
      html:not(.aem-AuthorLayer-Edit) & .cta-button-wrap {
        .button {
          a.cta-btn {
            background: none;
            border: none;
            font-size: 0;
            height: 100%;
            inset: 0;
            margin: 0;
            position: absolute;
            width: 100%;
            &:after {
              background-color: transparent;
              background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI3MiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDgwIDcyIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00My44MzggMTEuMjYzIDY0LjY1IDMxLjk0N0gwdjcuOTlsNjQuNjc3LjAwMS0yMC44NCAyMC43ODFWNzJMODAgMzUuOTM4IDQzLjgzOC4wMDF6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
              background-position: 50%;
              background-repeat: no-repeat;
              background-size: 80%;
              bottom: auto;
              content: "";
              filter: none;
              height: 96px;
              left: auto;
              mask-image: none;
              position: absolute;
              right: 0;
              top: 50%;
              transform: translate(-25%, -50%);
              transition: transform var(--syc-cta-transition-speed)
                var(--syc-transition1-bezier);
              width: 96px;
              @media (width >= 768px) {
                transform: translate(calc(-100% - 40px), -50%);
              }
            }
            &:not(:hover, :focus):after {
              filter: none;
            }
          }
        }
      }
      &:is(:hover, :focus, :focus-within) {
        .text-wrap {
          @media (width >= 768px) {
            transform: translate(10px);
            h2 {
              transform: translateX(10px);
            }
          }
          h3 {
            color: var(--syc-color-orange);
          }
        }
        .cta-button-wrap a.cta-btn:after {
          @media (width >= 768px) {
            transform: translate(-100%, -50%);
          }
        }
      }
    }
  }
}
#wrapper .syc-colimage {
  --decorative-image-width: 100vw;
  @media (width >= 768px) {
    --decorative-image-width: 45vw;
  }
  & > .parsys {
    position: static;
    .text {
      position: relative;
      .text-component {
        h2 {
          color: var(--syc-color-black);
          font-family: var(--syc-font-itc);
          font-size: var(--syc-font-h2-larger);
          font-weight: 700;
          letter-spacing: var(--syc-letter-spacing-h2-larger);
          line-height: 1em;
          @media (width >= 768px) {
            letter-spacing: -3px;
          }
          .syc-animate:not(.syc-no-animation) & {
            opacity: 0;
            transform: var(--syc-slide-in-from);
            .syc-animate--intersecting & {
              opacity: 1;
              transform: translate(0);
              transition: all var(--syc-transition1-timing)
                var(--syc-transition1-bezier);
            }
          }
        }
      }
    }
    .columnControl > .parsys_column {
      position: static;
      & > .parsys_column:first-child {
        .cmp-container:has(.image) {
          margin: 40px 0;
          min-height: min(
            calc(var(--decorative-image-width) * 0.5625),
            calc((var(--syc-column-max-width) * (9 / 16)) / 2)
          );
          html:not(.aem-AuthorLayer-Edit) & .image {
            aspect-ratio: 16/9;
            height: auto;
            left: 0;
            margin: 0;
            max-width: calc(var(--syc-column-max-width) / 2);
            padding: 0 20px 0 0;
            position: absolute;
            width: var(--decorative-image-width);
            @media (width >= 768px) {
              padding-bottom: 0;
              padding-left: 0;
              padding-right: 0;
              padding-top: 0;
            }
            @media (width > 1800px) {
              left: calc(50vw - 900px);
              padding-right: 15px;
            }
            .asset-sharing-component {
              height: 100%;
              width: 100%;
              img {
                height: 100%;
                object-fit: cover;
                width: 100%;
                .syc-animate:not(.syc-no-animation) & {
                  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
                  .syc-animate--intersecting & {
                    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
                    transition: all var(--syc-transition1-timing)
                      var(--syc-transition1-bezier);
                    transition-delay: var(--syc-transition1-timing);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
#wrapper .syc-quote {
  .columnControl:has(.quote) .parsys_column {
    & > .parsys_column {
      display: flex;
      padding: 0;
      @media (width >= 768px) {
        &:not(:has(.quote)) {
          width: 25%;
        }
      }
      .cmp-container {
        border-left: 4px solid var(--syc-color-orange);
        display: flex;
        flex-flow: column;
        gap: 30px;
        height: 100%;
        margin: 0 auto;
        max-width: 917px;
        @media (width >= 768px) {
          &:not(:has(.quote)) {
            border: none;
          }
        }
        .quote .inlinequote {
          margin: 0;
          overflow: initial;
          padding: 0 15px;
          blockquote {
            border: none;
            color: var(--syc-color-black);
            font-family: var(--syc-font-itc);
            font-size: var(--syc-column-heading-font-size);
            font-weight: 700;
            letter-spacing: -1px;
            line-height: 1.063em;
            margin: 0;
            padding: 0;
            &:before {
              display: none;
            }
            p {
              color: inherit;
              font-family: inherit;
              font-size: inherit;
              font-weight: inherit;
              letter-spacing: inherit;
              line-height: inherit;
            }
          }
        }
      }
      .text.textimage {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0 15px;
        & > div:empty {
          display: none;
        }
        .textimage-image {
          float: none;
          height: 88px;
          margin: 0;
          width: 88px;
        }
        .text-component {
          p {
            color: var(--syc-color-black);
            font-family: var(--syc-font-itc);
            font-size: var(--syc-font-paragraph);
            font-weight: 400;
            letter-spacing: var(--syc-letter-spacing-paragraph);
            line-height: 1.62em;
            @media (width >= 768px) {
              .aimonkeyscol1-longform-c0 & {
                align-items: baseline;
                display: inline;
                flex-flow: row;
                gap: 10px;
                br {
                  display: none;
                }
              }
            }
            strong {
              font-family: var(--syc-font-hr);
            }
          }
        }
      }
    }
    html:not(.aem-AuthorLayer-Edit) :not(.syc-prevent-animation) & {
      opacity: 0;
      transform: var(--syc-slide-in-from);
    }
    html:not(.aem-AuthorLayer-Edit) .syc-animate:not(.syc-prevent-animation) & {
      :is(.syc-animate--intersecting, .syc-animate--hero-intersecting) & {
        opacity: 1;
        transform: translate(0);
        transition: all var(--syc-transition1-timing)
          var(--syc-transition1-bezier);
      }
      .syc-animate--hero-intersecting:not(.syc-animate--intersecting) & {
        transition-delay: calc(var(--syc-transition1-timing) * 5);
      }
    }
  }
  .columnControl + .columnControl:has(.quote) {
    margin-top: 100px;
    html:not(.aem-AuthorLayer-Edit)
      .syc-animate:not(.syc-prevent-animation)
      &
      .parsys_column {
      transition-delay: calc(var(--syc-transition1-timing) * 2);
    }
  }
}
#wrapper .syc-intro-text {
  .parsys > .columnControl:first-child .parsys_column {
    & > .parsys_column:first-child {
      .text {
        .text-component {
          p {
            font-size: var(--syc-font-h4);
            letter-spacing: --syc-letter-spacing-h4;
            line-height: var(--syc-line-height-tight);
          }
          h2 {
            color: var(--syc-color-black);
            font-family: var(--syc-font-itc);
            font-size: var(--syc-font-h2-larger);
            font-weight: 700;
            letter-spacing: var(--syc-letter-spacing-h2-larger);
            line-height: 1em;
          }
        }
        .syc-animate:not(.syc-no-animation) & {
          opacity: 0;
          transform: var(--syc-slide-in-from);
          :is(.syc-animate--intersecting, .syc-animate--hero-intersecting) & {
            opacity: 1;
            transform: translate(0);
            transition: all var(--syc-transition1-timing)
              var(--syc-transition1-bezier);
          }
          .syc-animate--hero-intersecting:not(.syc-animate--intersecting) & {
            transition-delay: calc(var(--syc-transition1-timing) * 3);
          }
        }
      }
    }
    & > .parsys_column:last-child {
      align-items: end;
      display: flex;
      .cmp-container {
        width: 100%;
        & > :first-child {
          margin: 80px 0 0;
        }
      }
    }
    .syc-animate:not(.syc-no-animation) & > .parsys_column:last-child {
      opacity: 0;
      transform: var(--syc-slide-in-from);
      :is(.syc-animate--intersecting, .syc-animate--hero-intersecting) & {
        opacity: 1;
        transform: translate(0);
        transition: all var(--syc-transition1-timing)
          var(--syc-transition1-bezier);
        transition-delay: var(--syc-transition1-timing);
      }
      .syc-animate--hero-intersecting:not(.syc-animate--intersecting) & {
        transition-delay: calc(var(--syc-transition1-timing) * 4);
      }
    }
  }
}
#wrapper .syc-stat {
  .text.spacer_both {
    aspect-ratio: 16/9;
    background: var(--syc-color-orange50);
    border: none;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 20px;
    width: 100%;
    @media (width >= 1200px) {
      padding-bottom: 40px;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 40px;
    }
    & > div:empty {
      display: none;
    }
    .text-component {
      p:first-of-type {
        background: var(--syc-color-orange-gradient);
        background-clip: text;
        color: transparent;
        strong {
          font-family: var(--syc-font-hr);
          font-size: 90px;
          font-weight: 400;
          letter-spacing: -7px;
          line-height: 1em;
          @media (width >= 768px) {
            font-size: 120px;
          }
          em {
            font-size: 0.6em;
            font-style: normal;
            letter-spacing: -5px;
          }
        }
      }
      p + p {
        color: var(--syc-color-black);
        font-family: var(--syc-font-hr);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.2em;
      }
    }
  }
}
#wrapper .syc-hero {
  --syc-title-size: 20px;
  --syc-title-size-main: 54px;
  @media (width >= 768px) {
    --syc-title-size: 32px;
    --syc-title-size-main: 96px;
  }
  @media (width >= 1400px) {
    --syc-title-size: 42px;
    --syc-title-size-main: 128px;
  }
  @media (width >= 2000px) {
    --syc-title-size: 52px;
    --syc-title-size-main: 156px;
  }
  .hero-v2 {
    aspect-ratio: 2.2/3;
    background: var(--syc-color-black);
    border: none;
    padding: 20px;
    position: relative;
    @media (width > 768px) {
      aspect-ratio: auto;
      min-height: 640px;
    }
    @media (width >= 2000px) {
      min-height: 800px;
    }
    .herov2__wrapper {
      .herov2__content-wrapper {
        color: var(--syc-color-white);
        position: relative;
        z-index: 1;
        .herov2__subtitle {
          border-left: 3px solid var(--syc-color-orange);
          color: inherit;
          font-family: var(--syc-font-hr);
          font-size: var(--syc-font-paragraph);
          font-weight: 500;
          line-height: 1.5em;
          padding: 0 5px 0 15px;
        }
        .herov2__title {
          color: inherit;
          font-family: var(--syc-font-itc);
          font-size: var(--syc-title-size);
          font-weight: 700;
          letter-spacing: var(--syc-letter-spacing-h3);
          line-height: 1.1em;
          margin: 20px 0;
          em {
            display: block;
            font-size: var(--syc-title-size-main);
            letter-spacing: -3px;
            line-height: 1em;
            margin: 0 0 0.2em;
            @media (width >= 768px) {
              font-size: 128px;
              margin-top: -0.1em;
            }
          }
          :not(.syc-no-animation) & span {
            opacity: 0;
          }
          .syc-animate:not(.syc-no-animation) & span {
            display: block;
            opacity: 0;
            transform: var(--syc-slide-in-from);
            .syc-animate--intersecting & {
              opacity: 1;
              transform: translate(0);
              transition: all var(--syc-transition1-timing)
                var(--syc-transition1-bezier);
              &:nth-child(2) {
                transition-delay: var(--syc-transition1-timing);
              }
              &:nth-child(3) {
                transition-delay: calc(var(--syc-transition1-timing) * 2);
              }
            }
          }
        }
      }
      .herov2__asset-wrapper {
        height: 100%;
        inset: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 0;
        &:before {
          background: linear-gradient(var(--syc-color-black), transparent);
          content: "";
          inset: 0 0 50% 0;
          position: absolute;
          z-index: 1;
        }
        @media (width >= 1600px) {
          video {
            height: 120%;
            transform: translateY(-15%);
            .syc-hero--5upOn1600 & {
              transform: translateY(-5%);
            }
            .syc-hero--10upOn1600 & {
              transform: translateY(-10%);
            }
            .syc-hero--15upOn1600 & {
              transform: translateY(-15%);
            }
            .syc-hero--20upOn1600 & {
              height: 125%;
              transform: translateY(-20%);
            }
            .syc-hero--22upOn1600 & {
              height: 130%;
              transform: translateY(-22%);
            }
          }
        }
      }
    }
  }
}
#wrapper .syc-col-btns-alignment {
  .columnControl {
    .parsys_column > .parsys_column {
      .cmp-container {
        height: 100%;
        .text {
          height: 100%;
          margin: 0;
          .text-component {
            display: flex;
            flex-flow: column;
            height: 100%;
            justify-content: stretch;
            p:has(a.btn) {
              margin-top: auto;
            }
          }
        }
      }
    }
  }
}
#wrapper .syc-linenav {
  --syc-nav-card-transition-duration: 0.75s;
  .textimage {
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 0 20px;
    padding: 0 0 50px;
    position: relative;
    row-gap: 20px;
    transition: gap var(--syc-nav-card-transition-duration)
      var(--syc-transition1-bezier);
    @media (width >= 768px) {
      column-gap: 40px;
      grid-template-columns: 29.6% auto;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 40px;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 150px;
      padding-top: 0;
    }
    &:is(:hover, :focus, :focus-within) {
      column-gap: 40px;
      .textimage-text .text-component a:not(.btn) {
        color: #ff0000;
      }
    }
    &:first-child {
      margin-top: 0;
    }
    &:last-child {
      border-bottom: none;
      margin-bottom: 0;
    }
    & > div:empty {
      display: none;
    }
    .textimage-image {
      aspect-ratio: 367/188;
      float: none;
      margin: 0;
    }
    .textimage-text {
      align-items: start;
      display: flex;
      flex-flow: column;
      justify-content: center;
      & > div:empty {
        display: none;
      }
      .text-component {
        p {
          font-family: var(--syc-font-itc);
          font-size: var(--syc-font-paragraph);
          font-weight: 400;
          letter-spacing: var(--syc-letter-spacing-paragraph);
          line-height: 1.5em;
          margin: 0 0 10px;
        }
        a:not(.btn) {
          border: none;
          color: inherit;
          font-family: var(--syc-font-itc);
          font-size: 44px;
          font-weight: 700;
          letter-spacing: var(--syc-letter-spacing-h2);
          line-height: 1em;
          text-decoration: none;
          transition: color var(--syc-nav-card-transition-duration)
            var(--syc-transition1-bezier);
          &:before {
            content: "";
            display: block;
            inset: 0;
            position: absolute;
          }
          &:after {
            aspect-ratio: 1/1;
            background-image: url(../../assets/img/rightarrow.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 80% 80%;
            content: "";
            display: block;
            inset: auto 0 0 0;
            margin: 0;
            position: absolute;
            transform: translateX(0);
            transition: all var(--syc-nav-card-transition-duration)
              var(--syc-transition1-bezier);
            width: 48px;
            @media (width >= 768px) {
              inset: 0 0 0 auto;
              margin-bottom: auto;
              margin-left: auto;
              margin-right: auto;
              margin-top: auto;
              transform: translateX(-50%);
              width: 96px;
            }
          }
          &:is(:hover, :focus) {
            &:after {
              margin-left: 100%;
              transform: translateX(-100%);
              @media (width >= 768px) {
                margin-bottom: auto;
                margin-left: auto;
                margin-right: auto;
                margin-top: auto;
                transform: translateX(0);
              }
            }
          }
        }
      }
    }
  }
}
#wrapper .syc-introvideo {
  .parsys_column > .parsys_column:has(.videoplayer-v3) {
    align-items: end;
    display: flex;
    .cmp-container {
      width: 100%;
    }
  }
  .videoplayer-v3 {
    margin: 80px 0 0;
    .videoplayerv3-wrapper {
      border: none;
      margin: 0;
      padding: 0;
      .vjs-big-play-button {
        bottom: 20px;
        left: 20px;
      }
      .video-collection-duration,
      .videojs-description {
        display: none;
      }
    }
  }
}
#wrapper .syc-explore-tabs {
  .tabsnew {
    ul.nav {
      li {
        a {
          background: var(--syc-color-white);
          border: 1px solid var(--syc-color-secondary950);
          border-radius: 4px;
          color: var(--syc-color-black);
          font-family: var(--syc-font-hr);
          font-size: 14px;
          font-weight: 500;
          line-height: 1.25em;
          &:is(:hover, :focus),
          .active & {
            background: var(--syc-color-orange);
            border-color: var(--syc-color-orange);
            color: var(--syc-color-black);
          }
        }
      }
    }
  }
}
#wrapper .fullwidth.syc {
  & > .parsys > .columnControl > .parsys_column {
    margin: 0;
    width: 100%;
  }
}
#wrapper .syc-accordion {
  .accordion {
    .cmp-accordion {
      width: 100%;
      .cmp-accordion__item {
        border-bottom: 1px solid var(--syc-color-grey300);
        .cmp-accordion__button {
          :first-child > .cmp-accordion__header & {
            border-top: 3px solid var(--syc-color-orange);
          }
          .cmp-accordion__title {
            font-family: var(--syc-font-hr);
            font-size: var(--syc-column-description-font-size);
            font-weight: 500;
            line-height: 1.5em;
          }
          .cmp-accordion__icon {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI4IDE0Ij48cGF0aCBmaWxsPSIjMUYwNjA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0uNjY4LjMzMyAxMy4zNTcgMTMuMzM0TDI3LjMzNS4zMzNoLTQuMTcxbC05LjE0MyA5LjE2TDQuODQ2LjMzMnoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
            background-repeat: no-repeat;
            background-size: contain;
            height: 14px;
            transition: all var(--syc-transition1-timing)
              var(--syc-transition1-bezier);
            width: 27px;
            .cmp-accordion__button--expanded > & {
              transform: rotate(180deg);
            }
          }
        }
      }
    }
  }
}
#wrapper .syc-explore-links {
  :is(.parsys, .cmp-container):has(> .text):not(:has(.tabsnew)) {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr;
    @media (768px <= width < 1024px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 1024px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .text:has(h2) {
      grid-column-end: -1;
      grid-column-start: 1;
      .text-component {
        color: var(--syc-color-black);
        h2,
        h3,
        h4,
        h5,
        h6,
        p {
          color: inherit;
        }
      }
    }
    .text:not(:has(h2)) {
      border-bottom: 1px solid var(--syc-color-grey300);
      height: 100%;
      margin: 0;
      padding: 0 0 20px;
      width: 100%;
      & > div:empty {
        display: none;
      }
      .text-component {
        color: var(--syc-color-black);
        display: flex;
        flex-flow: column;
        height: 100%;
        p {
          color: inherit;
          font-family: var(--syc-font-itc);
          font-size: var(--syc-font-paragraph);
          font-weight: 400;
          letter-spacing: var(--syc-letter-spacing-paragraph);
          line-height: 1.5em;
          margin: 5px 0;
          &:has(a:not(.btn)) {
            margin-top: auto;
          }
        }
        h3,
        p:first-child strong {
          color: inherit;
          font-family: var(--syc-font-hr);
          font-size: 24px;
          font-weight: 500;
          letter-spacing: -1px;
          line-height: 1.2em;
        }
        h4,
        h5,
        h6 {
          color: inherit;
        }
        a:not(.btn) {
          border: none;
          color: inherit;
          display: inline-flex;
          font-family: var(--syc-font-hr);
          font-size: var(--syc-font-paragraph);
          font-weight: 500;
          gap: 10px;
          justify-items: center;
          letter-spacing: var(--syc-letter-spacing-paragraph);
          line-height: 1.5em;
          margin-top: 20px;
          text-decoration: none;
          transition: color var(--syc-transition1-timing)
            var(--syc-transition1-bezier);
          &:is(:hover, :focus) {
            color: var(--syc-color-orange);
            &:after {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDE4Ij48cGF0aCBmaWxsPSIjRkQ1MTA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC45NiAyLjgxNiA1LjIwMyA1LjE3SDB2MS45OThoMTYuMTdsLTUuMjEgNS4xOTZWMThMMjAgOC45ODUgMTAuOTYgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
              transform: translateX(10px);
            }
          }
          &:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDE4Ij48cGF0aCBmaWxsPSIjMUYwNjA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC45NiAyLjgxNiA1LjIwMyA1LjE3SDB2MS45OThoMTYuMTdsLTUuMjEgNS4xOTZWMThMMjAgOC45ODUgMTAuOTYgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 80%;
            content: "";
            display: block;
            height: 24px;
            transition: transform var(--syc-transition1-timing)
              var(--syc-transition1-bezier);
            width: 24px;
          }
        }
      }
    }
  }
  &.syc-explore-links--three-col {
    :is(.parsys, .cmp-container):has(> .text):not(:has(.tabsnew)) {
      @media (width >= 1024px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
}
#wrapper section.page-section:is(.syc-orange50, .page-section--col-light-grey) {
  background-color: #f4f4f4;
}
#wrapper section {
  &:not(.syc-listing) > .parsys {
    &:has(.text) {
      @media (width >= 768px) {
        margin-bottom: 100px;
        margin-top: 100px;
      }
    }
  }
  &.syc-listing > .parsys {
    &:has(> .text) {
      @media (width >= 768px) {
        margin-bottom: 100px;
        margin-top: 100px;
      }
    }
  }
  &.no-top-margin > .parsys {
    margin-top: 0 !important;
  }
}
#wrapper {
  .standard-spacing .syc-indexlist .sectionpar > .indexlist:last-child {
    margin-bottom: 0;
  }
  .standard-spacing .syc-indexlist .indexlist {
    margin-top: 0;
  }
  .syc-indexlist .link-index {
    padding-top: 0;
    h2.link-index__heading {
      margin-bottom: 20px;
      margin-top: 40px;
      &:empty {
        display: none;
        visibility: hidden;
      }
    }
    .link-index__group .link-index__link {
      border: none;
      margin: 0;
      padding: 0;
      text-decoration: none;
      &.link-index__link--top-level {
        display: block;
        margin-bottom: 10px;
        margin-top: 30px;
      }
      .var__no-top-nav-links & {
        cursor: default;
        display: block;
        margin-top: 0;
        padding: 30px 0 10px;
        pointer-events: none;
      }
      .link-index__link-text {
        border: 1px solid var(--syc-color-grey200);
        color: var(--syc-color-black);
        display: block;
        font-family: Helvetica Neue, Helvetica Neue, Arial, sans-serif;
        font-size: 1.1rem;
        line-height: 1.3em;
        line-height: 1.5em;
        margin-bottom: 4px;
        padding: 10px 40px 10px 15px;
        position: relative;
        word-wrap: break-word;
        box-sizing: border-box;
        cursor: pointer;
        transition: width 2s;
        :is(.page-section.page-section--col-light-grey, .ixf__light-grey) & {
          border-color: var(--syc-color-grey300);
        }
        &.link-index__top-level-link {
          font-family: Helvetica Neue, Helvetica Neue, Arial, sans-serif;
          font-size: 1.3rem;
          font-weight: 700;
          line-height: 2rem;
        }
        &:after {
          border-color: var(--syc-color-black);
          border-style: solid;
          border-width: 1px 1px 0 0;
          bottom: 0;
          content: "";
          display: block;
          height: 14px;
          margin: auto;
          position: absolute;
          right: 20px;
          top: 0;
          transform: rotate(45deg);
          transition: right 0.25s ease-in-out;
          width: 14px;
        }
        .var__no-top-nav-links & {
          &:after {
            display: none;
          }
        }
      }
      &:is(:hover, :focus) .link-index__link-text {
        background: var(--syc-color-black);
        border-color: var(--syc-color-black);
        color: var(--syc-color-white);
        &:after {
          border-color: var(--syc-color-white);
          right: 10px;
        }
      }
    }
  }
}
section:not(.alliances-v2) .coe-container {
  --ceo-color-black: #000;
  --ceo-color-white: #fff;
  --ceo-color-orange: #ee1111;
  --ceo-color-grey50: #f5f7f8;
  --ceo-color-grey300: #cbd1d6;
  --ceo-color-secondary950: #1f0606;
  --ceo-font-hr: "Helvetica Neue", "Helvetica Neue", Arial, Sans-Serif;
  margin: 40px 0;
  .ceo-filter-container {
    .coe-filter {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding: 0;
      position: relative;
      &.open {
        @media (width <= 1024px) {
          padding-bottom: 1.25em !important;
          padding-left: 1.75em !important;
          padding-right: 1.75em !important;
          padding-top: 1.25em !important;
        }
        @media (width <= 1024px) {
          padding-bottom: 1.25rem;
          padding-left: 1.25rem;
          padding-right: 1.25rem;
          padding-top: 1.25rem;
        }
      }
      &:not(.open) {
        padding: 0 !important;
      }
      button.filter-button-item {
        background: var(--ceo-color-white);
        border: 1px solid var(--syc-color-secondary950);
        border-radius: 4px;
        color: var(--ceo-color-black);
        display: block;
        font-family: var(--ceo-font-hr);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.25em;
        padding: 0.928em 1.857em;
        @media (width <= 480px) {
          width: 100%;
        }
        @media (width <= 1024px) {
          :not(.open) > & {
            display: none;
          }
        }
        &.active,
        &:is(:hover, :focus) {
          background: var(--syc-color-orange);
          border-color: var(--syc-color-orange);
          color: var(--syc-color-black);
        }
      }
    }
  }
  .coe-articles {
    position: relative;
    @media (width >= 769px) {
      column-gap: 30px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      row-gap: 0;
    }
    @media (width >= 992px) {
      gap: 30px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 1200px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 1400px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .coe-article {
      align-items: center;
      background-color: transparent;
      border: none;
      border-bottom: 1px solid var(--ceo-color-grey300);
      cursor: pointer;
      display: flex;
      flex-direction: column;
      margin-bottom: 0;
      position: relative;
      transition: min-height 0.5s ease-in-out;
      width: 100%;
      @media (width >= 1024px) {
        min-height: 300px;
      }
    }
    .coe-article-controls {
      display: none;
      .open & {
        display: block;
      }
      .coe-article-controls-buttons {
        display: none;
        margin-top: 40px;
        overflow: hidden;
        .open & {
          display: block;
          a[href=""],
          a[href="#"] {
            display: none;
          }
        }
        a.btn {
          background: transparent;
          border: 1px solid var(--ceo-color-black);
          color: var(--ceo-color-black);
          &:is(:hover, :focus) {
            background: var(--ceo-color-black);
            border: 1px solid var(--ceo-color-black);
            color: var(--ceo-color-white);
          }
        }
      }
    }
    .coe-article-image-container {
      display: flex;
      flex-direction: column;
      flex-grow: 2;
      .open & {
        display: block;
        flex-grow: revert;
        @media (width >= 1024px) {
          max-width: 25%;
        }
      }
      .coe-article-image {
        aspect-ratio: 16/9;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 90%;
        flex: 1;
        max-height: 200px;
        min-height: 130px;
        opacity: 0;
        transition: opacity 0.3s ease;
        width: 100%;
      }
      .coe-article-location {
        font-family: var(--ceo-font-hr);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.2em;
        margin: 0.25rem 0 1rem;
        text-align: center;
      }
      .coe-article-controls-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 10px;
        margin-right: 10px;
      }
    }
    .coe-article-overlay {
      background-color: var(--ceo-color-white);
      display: none;
      flex-direction: row;
      position: absolute;
      transition: left 0.5s ease-in-out, width 0.5s ease-in-out,
        opacity 0.5s ease-in-out;
      z-index: 1000;
      &.open {
        align-items: flex-start;
        display: flex;
        opacity: 0;
        padding: 10px;
      }
      .coe-article-image {
        max-height: none;
        @media (width >= 769px) {
          flex: 0 0 112px;
        }
      }
      .coe-overlay-image {
        background-size: cover;
        flex: 0 0 312px;
      }
      .ca-overlay-close {
        background: transparent;
        border: none;
        cursor: pointer;
        display: block;
        height: 40px;
        padding: 0;
        position: absolute;
        right: 5px;
        text-indent: -1000rem;
        top: 5px;
        width: 40px;
        &:is(:active, :focus, :target) {
          border: auto;
        }
        &:after,
        &:before {
          box-shadow: 1px 1px 0 0 var(--ceo-color-black);
          content: "";
          display: block;
          height: 15px;
          position: absolute;
          right: 25px;
          top: 10px;
          transform: rotate(-45deg);
          width: 15px;
        }
        &:after {
          right: 2px;
          transform: rotate(135deg);
        }
      }
      .coe-article-container {
        .coe-article-content {
          @media (width >= 769px) {
            flex: 0 0 457px;
          }
          @media (width >= 992px) {
            flex: 0 0 679px;
          }
          @media (width >= 1200px) {
            flex: 0 0 878px;
          }
          @media (width >= 1400px) {
            flex: 0 0 967px;
          }
        }
      }
    }
    .coe-article-container {
      display: flex;
      flex: 1;
      overflow: hidden;
      padding: 0 10px;
      position: relative;
      .coe-article-content {
        padding: 20px 20px 50px 0;
        position: relative;
        text-align: left;
        .coe-article-content-body {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease-in-out;
          .open & {
            max-height: 5000px;
            width: 100%;
            @media (width >= 1024px) {
              width: calc(100% - 12rem);
            }
            @media (width >= 1025px) {
              width: calc(100% - 10rem);
            }
          }
          li,
          p,
          ul {
            font-size: 0.95rem;
            line-height: 150%;
          }
          ul {
            padding-left: 2rem;
            li {
              list-style: disc;
              margin-bottom: 0;
            }
          }
        }
        .coe-article-company {
          display: none;
          font-size: 1.5em;
          font-weight: 700;
          .open & {
            display: block;
          }
        }
        .coe-article-close {
          background: var(--ceo-color-grey50);
          border: none;
          bottom: 0;
          color: var(--ceo-color-black);
          display: block;
          height: 50px;
          position: absolute;
          right: calc(50% - 25px);
          width: 50px;
          @media (width >= 769px) {
            display: none;
          }
          &:is(:active, :focus, :target) {
            border: auto;
          }
          &:after {
            bottom: 5px;
            content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m17.657 16.243 1.414-1.414-7.07-7.072-7.072 7.072 1.414 1.414L12 10.586z'/%3E%3C/svg%3E");
            display: inline-block;
            height: 35px;
            position: absolute;
            right: 10px;
            transform: rotate(180deg);
            transition: transform 0.3s ease-in-out;
            width: 30px;
          }
          .open &:after {
            transform: rotate(0deg);
          }
        }
      }
    }
  }
  .ceo-filter-head {
    display: flex;
    margin: 40px 0 0;
    padding: 0;
    .coe-filter-selector {
      background-color: var(--ceo-color-black);
      border-right: 1px solid var(--ceo-color-white);
      display: flex;
      flex: 0 0 181px;
      flex-direction: column;
      justify-content: center;
      margin-right: 1.25em;
      padding-right: 1.25em;
      @media (width <= 1024px) {
        display: none;
      }
      button.coe-filter-selector-button {
        background-color: transparent;
        border: 1px solid transparent;
        color: var(--ceo-color-white);
        font-size: 1em;
        line-height: 1.5;
        margin: 5px;
        padding: 0.8125em 1.1875em;
        transition: all 0.2s ease;
        &.active {
          background-color: var(--ceo-color-orange);
          color: var(--ceo-color-white);
        }
      }
    }
    .coe-filter-alpha {
      background-color: var(--ceo-color-black);
      display: flex;
      flex-wrap: wrap;
      position: relative;
      @media (width <= 1024px) {
        display: none;
      }
    }
  }
  .coe-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    button {
      box-sizing: border-box;
      text-align: left;
      -webkit-tap-highlight-color: transparent;
      appearance: none;
      background-color: transparent;
      border: 0;
      color: var(--ceo-color-black);
      cursor: pointer;
      display: inline-block !important;
      font-size: 1em;
      line-height: 1.5;
      padding: 0.8125em 1.1875em;
      text-decoration: none;
      transition: background-color 0.2s ease;
      white-space: nowrap;
      width: auto;
      &.active {
        background-color: var(--ceo-color-orange) !important;
        color: var(--ceo-color-white);
        text-decoration: underline;
      }
    }
  }
  .coe-filter-label {
    align-items: center;
    background: transparent;
    border-top: 3px solid var(--ceo-color-orange);
    color: var(--ceo-color-black);
    cursor: pointer;
    display: none;
    font-family: var(--ceo-font-hr);
    font-size: 16px;
    font-weight: 500;
    height: 3rem;
    justify-content: space-between;
    line-height: 1.25em;
    text-align: center;
    width: 100%;
    @media (width <= 1024px) {
      display: flex;
      span {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m17.657 16.243 1.414-1.414-7.07-7.072-7.072 7.072 1.414 1.414L12 10.586z'/%3E%3C/svg%3E");
        display: inline-block;
        height: 2rem;
        transform: rotate(180deg);
        transition: transform 0.3s ease-in-out;
        width: 25px;
        .ceo-filter-head:has(.coe-filter.open) + .coe-filter-label & {
          transform: rotate(0deg);
        }
      }
    }
  }
}
#wrapper .socialfollow.section {
  background-color: var(--syc-color-white);
  border-top: 1px solid var(--syc-color-grey200);
  color: var(--syc-color-black);
  span {
    color: inherit;
  }
  img[src*="twitter"] {
    filter: invert(1);
  }
}