.c-homepage-hero {
  padding: 27px 0px;
  padding: 1.125rem 0;
  position: relative;
  color: #741678;
  text-align: center;
  overflow: hidden;
  background-color: #EAF4FB; }
  @media (min-width: 1128px) {
    .c-homepage-hero {
      padding: 54px 0px;
      padding: 2.25rem 0;
      display: flex;
      gap: 70px;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; } }
  .c-homepage-hero__image {
    padding: 0px 0px 36px 0px;
    padding: 0 0 1.5rem 0;
    position: relative; }
    @media (min-width: 1128px) {
      .c-homepage-hero__image {
        padding: 72px 0px 0px 0px;
        padding: 3rem 0 0 0;
        width: 60%;
        max-width: 1980px;
        max-height: 80vh;
        text-align: left; } }
    .c-homepage-hero__image img {
      max-width: 100%;
      z-index: 2;
      -o-object-position: 90% 100%;
         object-position: 90% 100%;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%; }
      @media (min-width: 1128px) {
        .c-homepage-hero__image img {
          max-height: 80vh;
          -o-object-fit: contain;
             object-fit: contain;
          -o-object-position: left;
             object-position: left; } }
  .c-homepage-hero__info {
    margin-bottom: 10px;
    margin-bottom: 0.41667rem;
    text-align: center;
    z-index: 19; }
    @media (min-width: 1128px) {
      .c-homepage-hero__info {
        margin-bottom: 0px;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: 6px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left; } }
  .c-homepage-hero__title {
    margin: 0px auto 3.6px auto;
    margin: 0 auto 0.15rem auto;
    max-width: 189px;
    text-align: center;
    z-index: 10;
    line-height: 45px; }
    @media (min-width: 1128px) {
      .c-homepage-hero__title {
        margin: 0; } }
    .c-homepage-hero__title .year {
      font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 70px;
      font-size: 2.91667rem;
      line-height: 74px;
      line-height: 3.08333rem;
      letter-spacing: -2px; }
      @media (min-width: 1128px) {
        .c-homepage-hero__title .year {
          font-size: 86.4px;
          font-size: 3.6rem;
          line-height: 90px;
          line-height: 3.75rem;
          letter-spacing: -2.6px; } }
    .c-homepage-hero__title .annual {
      letter-spacing: -3px; }
  .c-homepage-hero__subtitle {
    margin: 0px auto 5px auto;
    margin: 0 auto 0.20833rem auto;
    font-size: 18px;
    font-size: 0.75rem;
    line-height: 25px;
    line-height: 1.04167rem;
    max-width: 330px;
    color: #333333;
    z-index: 10; }
    @media (min-width: 1128px) {
      .c-homepage-hero__subtitle {
        font-size: 16px;
        font-size: 0.66667rem;
        max-width: 365px;
        margin: 0 0 20px 6px; } }
  .c-homepage-hero__links {
    font-size: 16px;
    font-size: 0.66667rem;
    line-height: 32px;
    line-height: 1.33333rem; }
    @media (min-width: 1128px) {
      .c-homepage-hero__links {
        margin-left: 6px; } }
    .c-homepage-hero__links a {
      color: #0048AA;
      text-decoration: none; }
      .c-homepage-hero__links a:hover span, .c-homepage-hero__links a:focus span {
        background-size: 100% 2px; }
      .c-homepage-hero__links a span {
        display: inline;
        padding-bottom: 2px;
        cursor: pointer;
        text-decoration: none;
        transition: background 0.3s ease-out;
        background: linear-gradient(to bottom, #741678 0%, #741678 98%);
        background-size: 0px 2px;
        background-repeat: no-repeat;
        background-position: left 100%; }
        .c-homepage-hero__links a span:hover, .c-homepage-hero__links a span:focus {
          background-size: 100% 2px; }
    .c-homepage-hero__links u {
      text-decoration: none; }
    .c-homepage-hero__links img {
      margin-right: 12.6px;
      margin-right: 0.525rem; }
  .c-homepage-hero__scroll-down {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    z-index: 19;
    animation: MoveUpDown 2s ease-out infinite; }
    @media (min-width: 1128px) {
      .c-homepage-hero__scroll-down {
        width: 100%; } }

@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(10%); } }