.swiper-pagination-bullet-active { width: 32px!important; background: #00ACF0!important; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100px; background: var(--color-neutrals-40); margin: auto 2px !important; }
.julo-list-blog .tab-content .card-item__tag { position: relative; right: 0; top: 0; }
.julo-list-blog .card-item__tag__item { border-radius: 4px!important; border: 1px solid }
.julo-list-blog .tab-menu__item.active { padding-bottom: 0.5rem; }
.julo-list-blog .tab-content .card-item__link { background-color: transparent; border-width: 0; color: #00acf0; cursor: pointer; font-size: 1rem; font-weight: 700; line-height: 1.5rem; padding-left: .5rem; }

.julo-list-blog .carousel__navigation { display: flex !important; position: relative; bottom: 0; margin: 24px 0px; align-items: center; padding: 0; }
.julo-list-blog .swiper-wrapper { height:auto; }
.julo-list-blog .carousel .swiper-pagination { position: relative!important; padding-right: 0; display: block; max-width: max-content; margin-right: 0; margin-left: auto; bottom: 0;}
.julo-list-blog .carousel-button-next, .julo-list-blog .carousel-button-prev {margin-top: 0px;}
.julo-list-blog  .view-blog-article .card-item-wrapper .card-item { background-color: white;}

.section-blog-list.view-blog-article { background: linear-gradient(0deg, #82dcfe -12.67%, #fff 30%); }
.section-mobile-blog { background: linear-gradient(180deg, #82dcfe -29.67%, #fff 85.45%); padding-top: 2rem; }
.section-mobile-blog .carousel.about .carousel-slide { background-color: white; }
.mobile-blog-block-header h4 { font-size: 1.5rem; line-height: 1.75rem; }
.mobile-blog-block-header div { font-size: 1rem; line-height: 1.5rem; }
.mobile-blog-block .card-item-wrapper { display: block; }
.mobile-blog-block .card-item-wrapper .card-item { background: white; }
.mobile-blog-block .card-item-wrapper .card-item__title { padding: 0; font-size: 14px; line-height: 20px;}
.mobile-blog-block .carousel-slide.card-item { width: 308px!important; height: 375px!important; display: flex; text-align: left; align-items: baseline; margin-right: 24px !important; }
.mobile-blog-block .card-item-wrapper .card-item__image { height: 168px; }
.mobile-blog-block .carousel-slide.card-item .periode-code-content { padding-left: 0 }
.section-blog-list .views-exposed-form.custom { top: -100px; width: 89%; }

.mobile-blog-more { width: 100%;display: flex; gap: 8px; justify-content: center; align-items: center; font-size: 16px; margin-left: 0; }
.mobile-blog-more img { transform: rotate(180deg); height: 12px; }

.selengkapnya-arrow { transform: rotate(270deg); height: 24px; margin-top: 2px; }
@media (min-width: 1024px) {
  .mobile-blog-block .card-item-wrapper .card-item__title { font-size: 16px !important; line-height: 23px !important; }
  .mobile-blog-block-header h4 { font-size: 2rem; line-height: 2.5rem; }
  .mobile-blog-block-header div { font-size: 1.25rem; line-height: 1.75rem; }
  .section-blog-list .views-exposed-form.custom { right: 71px; top: -128px; width: 89%; }
}
@media (max-width: 1024px) {
  .mobile-blog-block .carousel-slide.card-item { width:258px!important; height: 340px!important; }
  .mobile-blog-block .carousel-slide.card-item .card-item__fb {padding-top: 0.15rem; font-size: 12px; margin-bottom: 4px;}
  .mobile-blog-block .carousel-slide.card-item .periode-code-content {font-size: 12px;}
  .mobile-blog-block .carousel-slide.card-item .card-item__link {font-size: 12px; padding: 0.25rem;}
  .mobile-blog-block .card-item__bottom { bottom: 10px; position: absolute; width: 90%!important; }
}
@media screen and (min-width: 1220px) {
  .section-blog-list.view-blog-article { background: transparent }
}
@media screen and (min-width: 1440px) {
  .julo-list-blog .main-banner { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}