.elementor-842 .elementor-element.elementor-element-93ab458{--display:flex;}.elementor-842 .elementor-element.elementor-element-e6d83bd{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-90px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:-20px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:40px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:-20px;--arrow-size:14px;--swiper-pagination-size:8px;--dots-normal-color:#FFFFFF;--dots-horizontal-position:100%;--dots-horizontal-transform:-100%;--dots-horizontal-offset:-160px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:-50px;}.elementor-842 .elementor-element.elementor-element-e6d83bd :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#1E1E1E80;border-radius:100% 100% 100% 100%;padding:14px 14px 14px 14px;}.elementor-842 .elementor-element.elementor-element-e6d83bd .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-842 .elementor-element.elementor-element-e6d83bd{--swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-842 .elementor-element.elementor-element-e6d83bd{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-e6d83bd *//* 1. Base style for all pagination bullets */
.elementor-842 .elementor-element.elementor-element-e6d83bd .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #ffffff; /* Bullet color */
    opacity: 1;
    border: 0.1px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

/* 2. Styling for the active bullet (The "Ring" effect) */
.elementor-842 .elementor-element.elementor-element-e6d83bd .swiper-pagination-bullet-active {
    background-color: transparent; /* Empty center */
    border-color: #ffffff; /* The outer ring color */
    transform: scale(2.5); /* Makes it slightly larger like the image */
}

/* 3. Adding the solid dot inside the active ring */
.elementor-842 .elementor-element.elementor-element-e6d83bd .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px; /* Size of the inner dot */
    height: 3px;
    background-color: #ffffff; /* Color of the inner dot */
    border-radius: 50%;
}

/* 4. Spacing between bullets */
.elementor-842 .elementor-element.elementor-element-e6d83bd .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.elementor-842 .elementor-element.elementor-element-e6d83bd .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}
.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next, .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev{
    line-height: 0;
}/* End custom CSS */