.slide-knowledge-theme-light {
    --local-bg: var(--wp--preset--color--neutral-0);
    --local-neutral-0: var(--wp--preset--color--neutral-0);
    --local-neutral-50: var(--wp--preset--color--neutral-50);
    --local-neutral-200: var(--wp--preset--color--neutral-200);
    --local-neutral-800: var(--wp--preset--color--neutral-800);
    --local-neutral-950: var(--wp--preset--color--neutral-950);
    --local-neutral-500: var(--wp--preset--color--neutral-500);
    --local-neutral-400: var(--wp--preset--color--neutral-400);
    --local-primary-500: var(--wp--preset--color--primary-500);
    --local-button-radient: var(--wp--preset--color--primary-500);
}

.slide-knowledge-theme-dark {
    --local-bg: #000000;
    --local-neutral-0: #000000;
    --local-neutral-50: #1F231E;
    --local-neutral-200: #4D574A;
    --local-neutral-800: #F6F7F6;
    --local-neutral-950: #ffffff;
    --local-neutral-500: #C7CCC3;
    --local-neutral-400: #A2AA9E;
    --local-primary-500: #5BEE2B;
    --local-button-radient: radial-gradient(101.21% 101.21% at 101.21% 100%, rgba(91, 238, 43, 0.8) 10%, rgba(106, 191, 75, 0.16) 100%);
}

.slide-knowledge-theme-dark .swiper-pagination-bullet {
    width: 8px;
    height: 4px;
    border-radius: 9999px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transition: all 300ms ease-in-out;
    opacity: 0.4;
    background: var(--local-primary-500);

}
.slide-knowledge-theme-light .swiper-pagination-bullet {
    width: 8px;
    height: 4px;
    border-radius: 9999px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transition: all 300ms ease-in-out;
    opacity: 0.4;
    background: var(--local-primary-500);

}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 48px;
  height: 4px; 
  border-radius: 9999px;
  opacity: 1;
}