.block-views-blockrelated-articles-block-1 {
  max-width: 1440px;
  margin: 0 auto;
  padding-block: 75px 100px;

  @media (max-width: 1440px) {
    margin-inline: 3vw;
  }

  h2 {
    color: var(--Brand-Secondary, #DD3A31);
    font-family: var(--font-serif);
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 137.931% */
    border-bottom: 3px solid var(--Tertiary, #4AA8DE);
    margin-bottom: 30px;
  }

  .view-content {
    display: flex;
    gap: 30px;
    
    @media (max-width: 900px) {
      flex-wrap: wrap;
    }

    .views-row {
      display: grid;
      grid-template-columns: minmax(40%, 40%) 1fr;
      align-items: stretch;
      column-gap: 30px;
      border-radius: 10px;
      background: var(--Brand-Primary, #25408E);
      box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.40);
      outline: 2px solid transparent;
      outline-offset: 0;
      overflow: hidden;
      transition: all ease 0.3s;
      /* flex: 0 1 25%; */

      &:hover {
        border-radius: 10px;
        outline-color: var(--Tertiary, #4AA8DE);
        background: var(--Dark-Base, #282846);
        box-shadow: 0 4px 16px 0 var(--Brand-Primary, #25408E);
      }

      .views-field-field-featured-image * {
        height: 100%;
      }

      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        display: block;
      }

      img {
        border-radius: 10px 0px 0px 10px;
        align-self: stretch;
      }

      .title-link-wrapper {
        padding: 24px 20px 24px 0px;

        .article-title {
          color: var(--Tertiary-2, #7BCDF1);
          font-family: var(--font-serif);
          font-size: 23px;
          font-style: normal;
          font-weight: 700;
          line-height: 100%; /* 23px */
          margin-bottom: 11px;
        }

        .read-more-link {
          a {
            position: relative;
            color: var(--Pure-White, #FFF);
            font-family: var(--font-sans);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px; /* 125% */
            cursor: pointer;

            &::after {
              content: url('../../images/icons/right-chev.svg');
              position: absolute;
              top: 4px;
              right: -15px;
            }
          }
        }
      }
    }
  }
}