@media (min-width: 768px) {
  .panel-blog-carousel-small.bc .swiper {
    overflow: visible
  }
}

.panel-blog-carousel-small.bc .swiper-horizontal>.swiper-scrollbar, .panel-blog-carousel-small.bc .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: calc(var(--custom-rem, 1rem) * 0);
  bottom: calc(var(--custom-rem, 1rem) * 0);
  height: calc(var(--custom-rem, 1rem) * .2);
  width: 27.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(223 226 229 / var(--tw-bg-opacity))
}

@media (max-width: 767px) {
  .panel-blog-carousel-small.bc .swiper-horizontal>.swiper-scrollbar, .panel-blog-carousel-small.bc .swiper-scrollbar.swiper-scrollbar-horizontal {
    margin-left: calc(var(--custom-rem, 1rem) * 5)
  }
}

@media (min-width: 768px) {
  .panel-blog-carousel-small.bc .swiper-horizontal>.swiper-scrollbar, .panel-blog-carousel-small.bc .swiper-scrollbar.swiper-scrollbar-horizontal {
    width: 92rem
  }
}

.panel-blog-carousel-small.bc .swiper-wrapper {
  align-items: stretch
}

@media (min-width: 768px) {
  @media (min-width: 768px) {
    .panel-blog-carousel-small.bc .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      row-gap: calc(var(--custom-rem, 1rem) * 2)
    }
  }
}

.panel-blog-carousel-small.bc .swiper-scrollbar-drag {
  --tw-bg-opacity: 1;
  background-color: rgb(0 101 189 / var(--tw-bg-opacity))
}

.panel-blog-carousel-small.bc .swiper-slide {
  height: auto
}

@media (max-width: 767px) {
  .panel-blog-carousel-small.bc .swiper-slide {
    margin-bottom: calc(var(--custom-rem, 1rem) * 5.2)
  }
}