.heading-transition.transition-arrow {
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 25px),
    calc(50% - 25px) calc(100% - 25px),
    50% 100%,
    calc(50% + 25px) calc(100% - 25px),
    0 calc(100% - 25px)
  );
}

@media screen and (max-width: 1023px) {
  .heading-transition {
    margin-bottom: 2rem;
  }
  .heading-transition.transition-arrow {
    clip-path: none;
  }
}

.heading-transition .collections-wrapper {
  @apply text-center mb-4;
}