.sp-news-block__inner {
  height: 500px; }
  @media (max-width: 1025px) {
    .sp-news-block__inner {
      height: auto; } }

.sp-news-block__grid {
  display: grid;
  gap: 20px 15px;
  grid-template-columns: 1.2fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "Main second" "Main third"; }
  @media (max-width: 1025px) {
    .sp-news-block__grid {
      grid-template-columns: 1fr;
      grid-template-rows: 300px 200px 200px;
      grid-template-areas: "Main" "second" "third"; } }

.sp-news-block-header__inner {
  display: flex;
  justify-content: space-between;
  margin: 15px 0px 35px; }
  @media (max-width: 769px) {
    .sp-news-block-header__inner {
      display: block; } }

.sp-news-block-header__title h2 {
  color: #919191 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  margin-top: 0px;
  text-align: left; }
  @media (max-width: 769px) {
    .sp-news-block-header__title h2 {
      font-size: 20px !important; } }

.sp-news-block-header__cta {
  display: flex;
  align-items: center; }
  .sp-news-block-header__cta a {
    white-space: nowrap;
    font-size: 16px !important;
    text-transform: uppercase;
    color: #f5ba2b !important;
    font-weight: bold !important;
    transition: 0.25s ease-out color; }
    .sp-news-block-header__cta a:hover {
      color: #d89d14 !important; }
      .sp-news-block-header__cta a:hover img {
        transform: translateX(5px); }
    .sp-news-block-header__cta a img {
      transition: 0.3s ease-out transform;
      margin-left: 10px; }
    @media (max-width: 769px) {
      .sp-news-block-header__cta a {
        font-size: 14px !important;
        margin-top: 10px;
        display: block; } }

.sp-news-block-item-featured {
  position: relative;
  grid-area: Main;
  height: 100%; }
  .sp-news-block-item-featured:hover .sp-news-block-item-featured__overlay {
    opacity: 0.85; }
  .sp-news-block-item-featured__inner {
    padding: 35px 35px 55px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    @media (max-width: 769px) {
      .sp-news-block-item-featured__inner {
        padding: 20px 20px 35px; } }
  .sp-news-block-item-featured__category {
    position: relative;
    z-index: 3; }
  .sp-news-block-item-featured__content {
    margin-top: 5px;
    justify-content: flex-end;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3; }
    .sp-news-block-item-featured__content small,
    .sp-news-block-item-featured__content h3 {
      margin-top: 15px; }
    .sp-news-block-item-featured__content small {
      line-height: 1;
      font-size: 16px !important;
      color: white !important; }
    .sp-news-block-item-featured__content h3 {
      font-weight: 400;
      font-size: 28px !important;
      color: white !important; }
      @media (max-width: 769px) {
        .sp-news-block-item-featured__content h3 {
          font-size: 22px !important; } }
  .sp-news-block-item-featured__overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #041018;
    background: linear-gradient(0deg, #041018 0%, #0c304c 30%, #0c304c 100%);
    opacity: 0.5;
    mix-blend-mode: darken;
    transition: 0.15s ease-out opacity; }
  .sp-news-block-item-featured__link {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .sp-news-block-item-featured__link a {
      height: 100%;
      width: 100%;
      display: block; }

.sp-news-block-item {
  background: #ffffff;
  position: relative;
  border-left: 3px solid #164e7f; }
  .sp-news-block-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: 0.25s ease-out opacity; }
  .sp-news-block-item:hover:after {
    opacity: 1; }
  .sp-news-block-item:hover .sp-news-block-item__arrow {
    opacity: 1; }
  .sp-news-block-item:nth-of-type(1) {
    grid-area: second; }
  .sp-news-block-item:nth-of-type(2) {
    grid-area: third; }
  .sp-news-block-item__inner {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    position: relative;
    z-index: 1;
    padding: 35px 20px 35px 35px;
    display: grid;
    grid-template-rows: 0.5fr 1fr;
    grid-template-columns: 1fr 100px; }
    @media (max-width: 769px) {
      .sp-news-block-item__inner {
        grid-template-columns: 1fr;
        padding: 20px; } }
  .sp-news-block-item__category {
    grid-row: 1;
    grid-column: 1; }
    .sp-news-block-item__category .sp-category-box {
      border: 1px solid #777;
      color: #777; }
  .sp-news-block-item__content {
    margin-top: 10px;
    grid-row: 2;
    grid-column: 1;
    display: flex;
    flex-direction: column;
    flex: 1 0 1;
    position: relative;
    z-index: 4;
    justify-content: flex-start; }
    @media (max-width: 769px) {
      .sp-news-block-item__content {
        flex-basis: 100%; } }
    .sp-news-block-item__content small,
    .sp-news-block-item__content h3 {
      color: white !important;
      margin-top: 0px !important; }
    .sp-news-block-item__content small {
      color: #919191 !important;
      font-size: 16px !important;
      margin-top: 0px; }
    .sp-news-block-item__content h3 {
      color: #164e7f !important;
      font-weight: 500;
      font-size: 22px !important;
      margin-top: 25px; }
      @media (max-width: 769px) {
        .sp-news-block-item__content h3 {
          font-size: 18px !important; } }
  .sp-news-block-item__arrow {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column: 2;
    flex: 1 0 50px;
    margin-left: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease-out; }
    @media (max-width: 769px) {
      .sp-news-block-item__arrow {
        display: none; } }
  .sp-news-block-item__link {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .sp-news-block-item__link a {
      height: 100%;
      width: 100%;
      display: block; }

.sp-category-box {
  padding: 7.5px 12px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 2px;
  font-size: 14px;
  background-color: transparent;
  border: 1px solid white;
  color: white;
  display: inline-block; }