.swiper {
    padding: 0 16px 48px;
}
.swiper-width {
    width: 100%;
}
.swiper-slide {
    width: 328px;
}
.swiper .swiper-pagination {
    bottom: 16px;
}
.swiper .swiper-pagination-bullet {
    margin: 0 8px !important;
    background-color: #ccc;
    opacity: 1;
}
.swiper .swiper-pagination-bullet-active {
    width: 8px !important;
    height: 8px !important;
    background: #1063EB;
}
@media screen and (min-width: 912px) {
.swiper-slide {
      width: 400px;
}
}
@media screen and (max-width: 1239px) {
.swiper .swiper-pagination {
      bottom: 16px;
}
.swiper .swiper-pagination-bullet {
      width: 12px !important;
      height: 12px !important;
      margin: 0 12px !important;
}
}
@media screen and (min-width: 1240px) {
.swiper {
      padding: 0 4px 32px;
}
.swiper-width {
      width: 1240px;
}
}
.swiper-slide ul li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #1063EB;
    border-radius: 9999px;
}
.review-speech-bubble::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 16px;
    top: 40%;
    right: 99%;
    background-image: url('/img/carousel/speech-bubble-side.svg');
    background-repeat: no-repeat;
    z-index: 1;
}
@media screen and (min-width: 912px) {
.review-speech-bubble::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 16px;
    top: 40%;
    right: 100%;
    background-image: url('/img/carousel/speech-bubble-side.svg');
    background-repeat: no-repeat;
    z-index: 1;
}
}