.press__highlited {
  background: var(--background);
  color: var(--color);
  overflow: hidden;
  padding: 10rem 0 15rem;

  .press__highlited--header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem;
  }

  .press__highlited--heading {
    font-family: var(--font-heading-family);
    font-size: var(--heading-size, 1.8rem);
    font-style: var(--font-heading-style, 'normal');
    font-weight: var(--font-heading-weight);
    letter-spacing: 0.02em;
    line-height: 1.15;
    text-transform: none;
  }

  .press__highlited--navigation {
    --size: 7.5rem;
    display: flex;
    gap: 1rem;

    button {
      align-items: center;
      background: transparent;
      border: transparent;
      cursor: pointer;
      display: flex;
      height: var(--size);
      justify-content: center;
      width: var(--size);

      svg {
        color: var(--color, #3a3a3a);
        height: auto;
        width: 60%;

        path {
          stroke-width: 2.5;
        }
      }
    }

    .press__highlited--prev {
      position: relative;
      rotate: 180deg;
    }
  }

  .page-width,
  .swiper,
  .swiper-wrapper {
    overflow: visible;
  }

  .press__highlited--slide {
    background: #F2F0EB;
    border: 2px solid currentColor;
    border-radius: 3.2rem;
    height: auto;
    padding: 2.4rem;
    width: 37rem;

    .press__highlited--slide__inner {
      color: var(--color);
      display: flex;
      flex-direction: column;
      gap: 2rem;
      height: 100%;
      text-decoration: none;

      .press__slide-image {
        border-radius: 2rem;
        overflow: hidden;
        padding-bottom: 68.03%;
        position: relative;

        img {
          height: 100%;
          left: 50%;
          object-fit: cover;
          overflow: hidden;
          position: absolute;
          top: 50%;
          translate: -50% -50%;
          width: 100%;
        }
      }

      .press__slide-date {
        align-items: center;
        display: flex;
        font-size: var(--date-size, 1.8rem);
        font-weight: var(--date-weight, 400);
        gap: 0.8rem;
        text-transform: capitalize;
      }

      .press__slide-title {
        display: flex;
        flex-direction: column;
        font-family: var(--font-heading-family);
        font-size: var(--press-size, 2.4rem);
        font-style: var(--font-heading-style, 'normal');
        font-weight: var(--font-heading-weight);
        gap: 0.75rem;
      }

      .press__slide-footer {
        align-items: end;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-top: auto;

        .press__slide-source {
          font-size: var(--source-size, 1.8rem);
          font-weight: var(--source-weight, 400);
          max-width: 19rem;
        }

        .press__slide-icon {
          --size: 5.6rem;
          align-items: center;
          background: #FFFFFF;
          border: none;
          border-radius: 50%;
          display: flex;
          height: var(--size);
          justify-content: center;
          pointer-events: none;
          width: var(--size);
        }
      }
    }
  }

  .press__highlited--scrollbar {
    background: #fff;
    border-radius: 0;
    height: 0.4rem;
    margin-top: 5rem;

    .swiper-scrollbar-drag {
      --swiper-scrollbar-drag-bg-color: #141B4D;
      border-radius: 0;
    }
  }

  @media (width < 1024px) {
    padding: 6.5rem 0 10rem;

    .press__highlited--navigation {
      display: none;
    }

    .press__highlited--slide {
      width: 27rem;
      .press__highlited--slide__inner {
        .press__slide-title,
        .press__slide-date {
          font-size: 1.6rem;
          line-height: 1.6;
        }

        .press__slide-title {
          margin-top: -1.25rem;

          .mobiOnly {
            margin-top: 8px;
            margin-bottom: 24px;
          }
        }

        .press__slide-footer .press__slide-icon {
          margin-right: auto;
        }
      }
    }

  }
}

.press__important {
  background: var(--background);
  color: var(--color);
  padding: 10rem 0;

  .press__tabs {
    display: flex;
    font-size: var(--tab-size, 1.8rem);
    gap: 4rem;
    justify-content: center;
    margin-bottom: 4rem;

    button {
      background: transparent;
      border: none;
      color: var(--color);
      margin: 0;
      padding: 0;

      &.active {
        font-weight: 600;
      }
    }
  }

  .press__filter-container {
    display: grid;
    gap: 3rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 4rem;

    .press__important__item {
      align-items: center;
      background: #fff;
      border: 2px solid var(--color);
      border-radius: 3.2rem;
      color: var(--color);
      display: flex;
      gap: 2rem;
      padding: 2.4rem;
      text-decoration: none;

      &.press__important__item--hidden {
        display: none;
      }

      .press__logo-wrapper {
        background: #F2F0EB;
        border-radius: 2rem;
        flex: 0 0 113px;
        height: 113px;
        padding: 0.8rem;
        width: 113px;

        img {
          height: 100%;
          margin: auto;
          object-fit: contain;
          width: revert-layer;
        }
      }

      .press__important-left {
        align-self: start;
        display: flex;
        flex-direction: column;
        font-size: 1.8rem;
        gap: 0.8rem;
        line-height: 1.6;

        .press__label {
          align-items: center;
          display: flex;
          font-size: var(--label-size, 1.8rem);
          gap: 0.8rem;
          text-transform: capitalize;
        }

        .press__title {
          font-size: var(--title-size, 1.8rem);
        }

        .press__label-bold {
          font-size: var(--source-size, 1.8rem);
        }
      }

      .press__source-icon {
        margin-left: auto;

        .press__source {
          --size: 5.6rem;
          align-items: center;
          background: #f2f0eb;
          border: none;
          border-radius: 50%;
          display: flex;
          height: var(--size);
          justify-content: center;
          pointer-events: none;
          width: var(--size);
        }
      }
    }

    &:has(.press__important__item--active) .press__important__item:not(.press__important__item--active) {
      display: none;
    }
  }

  .press__filter-footer {
    display: flex;
    justify-content: center;

    .button {
      --button-min-width: 24rem;
      font-family: var(--font-body-family-light);
      font-size: var(--button-size, 1.6rem);
      font-weight: var(--font-body-weight-light);
      cursor: pointer;
    }
  }

  @media (width < 1024px) {
    padding: 6.5rem 0;

    .press__filter-container {
      grid-template-columns: 100%;

      .press__important__item {
        background: transparent;
        border-width: 0 0 2px 0;
        border-radius: 0;
        padding: 0 0 2.4rem;

        .press__important-left {
          font-size: 1.6rem;
          gap: 0;
        }

        .press__source-icon {
          display: none;
        }
      }
    }
  }
  @media (width < 991px) {
    .press__tabs {
      gap: 2.4rem;
    }
  }
}