.widget-article-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding: 7rem 0 7rem 0;
  position: relative; }

  .widget-article-banner .title-container {
    max-width: 1035px;
    min-height: 239px;
    z-index: 1;
    padding: 0;
    width: 100%; }

    .widget-article-banner h1 {
      color: #fff;
      font-size: 52px;
      letter-spacing: -2px;
      line-height: 1em;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      margin: 0;
      padding: 0;
      width: 74.669%;
      margin-right: auto;
      padding: 10rem 3rem 0em 3rem;
      word-break: normal;
      hyphens: auto;
      overflow-wrap: normal;
      word-wrap: break-word;
      word-break: break-word;
      word-break: auto-phrase;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

      @media (max-width: 767px) {
        .widget-article-banner {
          padding: 7rem 0em 2rem 0em;   }
          .widget-article-banner .title-container {
            min-height: auto;
            padding-bottom: 0;   }
            .widget-article-banner h1 {
              padding: 2rem 2rem 1.5rem 2rem;
              width: 100%;
              font-size: 42px;
              letter-spacing: -1px;   }
}

@media (max-width: 525px) {
  .widget-article-banner {
    padding: 5rem 0em 2rem 0em;   }
    .widget-article-banner .title-container {
      min-height: auto;
      padding: 0;   }
      .widget-article-banner h1 {
        font-size: 36px;
        padding: 2rem 2rem 1.5rem 1.5rem;
        width: 100%;
        letter-spacing: -1px;   }
}

.widget-article-banner .bg-overlay {
  background-image: linear-gradient(135deg, #043353 0%, rgba(228, 69, 70, 0) 75%);
  opacity: 0.7;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

  .widget-article-banner {
    display: grid;
    grid-template-columns: 1fr; }

    .article-page {
      max-width: 970px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      padding: 20px;
      font-size: 17px; }

      .article-page h1, .article-page h2, .article-page h3, .article-page h4,
      .article-page h5, .article-page h6 {
        margin-block-start: 0.5rem;
        margin-block-end: 1rem; }

        .article-page p {
          color: #7A7A7A;
          font-size: 18px;
          line-height: 1.6rem;
          margin-block-start: 0;
          margin-block-end: 0.9rem;
          -webkit-text-size-adjust: 100%;
          font-weight: 400;
          -webkit-font-smoothing: antialiased;
          color: #65696C;
          font-family: "Spline Sans", Sans-serif;
          font-size: inherit;
          line-height: 1.5em;
          margin-block-start: 0;
          margin-block-end: 0.9rem;
          box-sizing: border-box; }

          .article-page ol, .article-page ul, .article-page dl {
            padding-left: 40px;
            margin-left: 0;
            margin-block-start: 0;
            margin-block-end: 0;
            font-size: inherit; }

            .article-page h2, .article-page h3, .article-page h4, .article-page h5 {
              color: #043353;
              font-family: 'Poppins', sans-serif;
              font-weight: 600; }

              .article-page h2 {
                font-size: 48px;
                line-height: 1.1em; }

                .article-page h3 {
                  font-size: 36px;
                  line-height: 1.2em; }

                  .article-page h4 {
                    font-size: 24px;
                    line-height: 1.3em; }

                    .article-page h5 {
                      font-size: 18px;
                      line-height: 1.4em; }

                      .article-page__article-content {
                        margin-bottom: 2rem; }

                        .article-page__article-content a {
                          color: #043353;
                          text-decoration: none;
                          font-weight: 600; }

                          .article-page__article-content a:hover {
                            text-decoration: underline; }

                            .article-page__bottom {
                              max-width: 970px;
                              padding: 20px;
                              padding-left: 0;
                              margin-left: auto;
                              margin-right: auto;
                              display: flex;
                              gap: 1rem;
                              flex-wrap: wrap;
                              justify-content: space-between;
                              grid-template-columns: 1fr 1fr; }

                              .article-page__share-buttons {
                                display: flex;
                                gap: 0.75rem;
                                align-items: center; }

                                .article-page-share-btn, .article-page-share-btn:hover,
                                .article-page-share-btn:focus, .article-page-share-btn:active {
                                  width: 45px;
                                  height: 45px;
                                  min-width: 45px;
                                  min-height: 45px;
                                  max-width: 45px;
                                  max-height: 45px;
                                  display: flex;
                                  align-items: center;
                                  justify-content: center;
                                  color: #fff;
                                  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), transparent);
                                  cursor: pointer;
                                  appearance: none;
                                  -moz-appearance: none;
                                  -webkit-appearance: none;
                                  border: none;
                                  outline: none;
                                  padding: 0;
                                  margin: 0; }

                                  .article-page-share-btn:hover {
                                    filter: saturate(1.5) brightness(1.2);
                                    transition: all 0.25s; }

                                    .article-page-share-btn_facebook, .article-page-share-btn_facebook:hover,
                                    .article-page-share-btn_facebook:focus, .article-page-share-btn_facebook:active {
                                      background-color: #3b5998; }

                                      .article-page-share-btn_twitter, .article-page-share-btn_twitter:hover,
                                      .article-page-share-btn_twitter:focus, .article-page-share-btn_twitter:active {
                                        background-color: #1da1f2; }

                                        .article-page-share-btn_linkedin, .article-page-share-btn_linkedin:hover,
                                        .article-page-share-btn_linkedin:focus, .article-page-share-btn_linkedin:active {
                                          background-color: #0077b5; }

                                          .article-page__navigation {
                                            display: flex;
                                            gap: 1rem;
                                            align-items: center;
                                            color: #65696C;
                                            width: 49%;
                                            justify-content: end; }

                                            .article-page__navigation__prev--label, .article-page__navigation__next--label {
                                              font-size: 0.8em;
                                              text-transform: uppercase;
                                              min-width: 64px; }

                                              .article-page__navigation__prev--title, .article-page__navigation__next--title {
                                                font-size: 0.7rem;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                white-space: nowrap;
                                                display: block; }

                                                .article-page__navigation__prev, .article-page__navigation__next,
                                                .article-page__navigation__link__prev, .article-page__navigation__link__next,
                                                .article-page__navigation__prev--label, .article-page__navigation__next--label {
                                                  display: flex;
                                                  flex-direction: column;
                                                  overflow: hidden; }

                                                  .article-page__navigation__next a, .article-page__navigation__prev a {
                                                    flex: 1; }

                                                    .article-page__navigation__arrow-wrapper {
                                                      display: inline-block;
                                                      font-size: 30px;
                                                      color: #d5d8dc; }

                                                      .article-page__navigation__prev .article-page__navigation__arrow-wrapper {
                                                        padding-right: 16px; }

                                                        .article-page__navigation__next .article-page__navigation__arrow-wrapper {
                                                          padding-left: 16px; }

                                                          .article-page .sr-only {
                                                            height: 1px;
                                                            margin: -1px;
                                                            overflow: hidden;
                                                            padding: 0;
                                                            position: absolute;
                                                            top: -10000em;
                                                            width: 1px;
                                                            clip: rect(0, 0, 0, 0);
                                                            border: 0; }

                                                            .article-page__navigation__separator-wrapper {
                                                              height: 20px;
                                                              display: flex;
                                                              align-items: center; }

                                                              .article-page__navigation__separator {
                                                                background-color: #d5d8dc;
                                                                height: 100%;
                                                                width: 1px;
                                                                min-width: 1px; }

                                                                .article-page__navigation a, .article-page__navigation a:visited,
                                                                .article-page__navigation a:hover, .article-page__navigation a:active,
                                                                .article-page__navigation a:focus {
                                                                  color: inherit;
                                                                  text-decoration: none;
                                                                  align-items: center;
                                                                  display: flex;
                                                                  max-width: 100%; }

                                                                  .article-page__navigation a:hover .article-page__navigation__link__prev,
                                                                  .article-page__navigation a:hover .article-page__navigation__link__next {
                                                                    color: #E63E2D; }

                                                                    @media (max-width: 768px) {
                                                                      .article-page {
                                                                        margin-top: 1.5em;
                                                                        font-size: 14px;   }
                                                                        .article-page h2 {
                                                                          font-size: 28px;   }
                                                                          .article-page h3 {
                                                                            font-size: 24px;   }
                                                                            .article-page h4 {
                                                                              font-size: 18px;   }
                                                                              .article-page h5 {
                                                                                font-size: 14px;   }
}

.newsgrid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 35px;
  padding: 0 10px; }

  .widget_newsgrid {
    padding: 5em 10px 10em 10px; }

    @media (max-width: 1024px) {
      .widget_newsgrid {
        padding: 3em 1em 8em 1em;   }
        .newsgrid-container {
          grid-template-columns: repeat(2, 1fr);   }
}

@media (max-width: 768px) {
  .widget_newsgrid {
    padding: 2em 1em 7em 1em;   }
    .newsgrid-container {
      grid-template-columns: 1fr;   }
}

.article-card {
  transition-duration: 0.25s;
  transition-property: background, border, box-shadow;
  transition: all 0.25s;
  background-color: #fff;
  border: 0 solid #69727d;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }

  .article-card:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); }

    .article-card__badge {
      background: #69727d;
      border-radius: 999px;
      color: #fff;
      font-size: 12px;
      font-weight: 400;
      line-height: 1;
      margin: 20px;
      padding: 0.6em 1.2em;
      position: absolute;
      top: 0;
      right: 0;
      text-transform: uppercase; }

      .article-card__image {
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: 16 / 9; }

        .article-card__text {
          margin-bottom: 0;
          margin-top: 20px;
          padding: 0 30px;
          width: 100%;
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          margin-bottom: 0;
          margin-top: 20px;
          padding: 0 30px; }

          .article-card__excerpt {
            margin-bottom: 25px;
            flex-grow: 1; }

            .article-card__excerpt p {
              color: #7A7A7A;
              font-size: 14px;
              line-height: 1.5em;
              margin: 0;
              margin-block-start: 0;
              margin-block-end: 0.9rem; }

              .article-card__thumbnail__link {
                margin-bottom: 20px; }

                .article-card__title, .article-card__title a, .article-card__title a:visited,
                .article-card__title a:hover, .article-card__title a:active,
                .article-card__title a:focus {
                  line-height: 1.2em;
                  margin: 0;
                  margin-bottom: 25px;
                  font-size: 21px;
                  hyphens: auto;
                  overflow-wrap: normal;
                  word-wrap: break-word;
                  word-break: break-word;
                  word-break: auto-phrase; }

                  .article-card__title, .article-card__title a, .article-card__title a:visited,
                  .article-card__title a:hover, .article-card__title a:active,
                  .article-card__title a:focus, .article-card__read-more,
                  .article-card__read-more:visited, .article-card__read-more:hover,
                  .article-card__read-more:active, .article-card__read-more:focus {
                    color: #043353;
                    text-decoration: none;
                    font-family: 'Poppins', sans-serif;
                    font-weight: 600; }

                    .article-card__read-more {
                      font-size: 14px;
                      text-transform: uppercase;
                      line-height: 1.5em;
                      letter-spacing: 2px;
                      display: inline-block;
                      margin-bottom: 20px;
                      align-self: flex-start; }
