@import "@/styles/variables";
@import "@/styles/mixins";

.container {
  padding-top: 3.375rem;
  padding-bottom: 4.125rem;
  background-color: $grey-light;

  h2 {
    @include h2;
    padding-bottom: 1.5rem;
  }
  .contentContainer {
    @include card;
    padding: 2rem;
  }
  .tagClass {
    color: $font-color-6 !important;
  }
  .tagClass + .tagClass::before {
    border-left: 1px solid $font-color-6;
  }
  :global(.swiper-slide) {
    height: auto;
  }
  :global(.swiper-container) {
    padding-bottom: 2rem;
  }
  .linkWrapper {
    @include p1;
  }
}
@media screen and (max-width: $desktop) {
  .container {
    :global(.swiper-slide) {
      padding-bottom: $hl-8;
    }
  }
  .container
    :global(.swiper-container-horizontal > .swiper-pagination-bullets) {
    bottom: 2rem;
  }
}