.thematiques-post-viewer {
  @apply bg-primary text-white text-center py-12 max-w-screen-xl mx-auto mt-0;
  &__title {
    @apply uppercase font-medium text-xl tracking-widest;
  }
  &__description {
    @apply font-bold text-4xl max-w-screen-md mx-auto pt-4;
  }
  &__terms-grid {
    @apply grid grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;

    .term {
      @apply bg-white rounded-3xl px-4 py-6 font-bold leading-4;
    }
    .term img {
      @apply rounded-lg pb-4 max-w-[80px] mx-auto;
    }
  }
}