.model-detail__default-swiper-pagination-bullet-active {
    width: 20px !important;
    height: 6px;
    border-radius: 10px;
    background-color: var(--ids_color_action_primary_base) !important;
    opacity: 1 !important;
}

 .model-detail__default-swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 10px;
     background-color: var(--ids_color_contrast_onLight);
     opacity: 0.1;
}

 @media (max-width: 768px) {
     .model-detail__default-swiper-pagination-bullet-active {
         background-color: var(--ids_color_contrast_onDark) !important;
     }
     .model-detail__default-swiper-pagination-bullet {
         background-color: var(--ids_color_contrast_onDark);
         opacity: 0.4;
     }
 }