body.home .swiper-container.ig-category-carousel {
  touch-action: pan-y pinch-zoom;
}

body.home .ig-category-carousel .wplms_app_tax_block.course_cat > a {
  cursor: grab;
  user-select: none;
  -webkit-user-drag: none;
}

body.home .ig-category-carousel .wplms_app_tax_block.course_cat > a:active {
  cursor: grabbing;
}

body.home .swiper-container.ig-category-carousel > :is(.swiper-button-prev, .swiper-button-next) {
  border-radius: 50%;
  z-index: 20;
  opacity: 1 !important;
  visibility: visible !important;
  width: 44px !important;
  height: 44px !important;
  margin-top: -22px !important;
  color: #171d8c !important;
  background: #fff !important;
}

/* A disabled arrow must still catch a tap. Otherwise the tap passes through
   to the category link positioned underneath it. */
body.home .swiper-container.ig-category-carousel > .swiper-button-prev.disabled_swiper_button,
body.home .swiper-container.ig-category-carousel > .swiper-button-next.disabled_swiper_button,
body.home .swiper-container.ig-category-carousel > .swiper-button-prev.swiper-button-disabled,
body.home .swiper-container.ig-category-carousel > .swiper-button-next.swiper-button-disabled {
  opacity: 0.35 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: default !important;
}

body.home .swiper-container.ig-category-carousel > .swiper-pagination {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  min-height: 44px;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  display: flex !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.home .swiper-container.ig-category-carousel > .swiper-pagination.swiper-pagination-lock {
  display: none !important;
}

body.home .swiper-container.ig-category-carousel > .swiper-pagination .swiper-pagination-bullet {
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  min-width: 0;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body.home .ig-category-carousel .swiper-pagination-bullet::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #8188a8;
}

body.home .ig-category-carousel .swiper-pagination-bullet-active::before {
  background: #171d8c;
}

body.home .ig-category-carousel :is(.swiper-pagination-bullet, .swiper-button-prev, .swiper-button-next):focus-visible {
  outline: 2px solid #171d8c;
  outline-offset: -3px;
}

body.home .swiper-container.ig-category-carousel > .swiper-scrollbar {
  bottom: 48px;
}