.elementor-2310 .elementor-element.elementor-element-9b7530c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:150px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2310 .elementor-element.elementor-element-75dcb67{--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-2310 .elementor-element.elementor-element-75dcb67 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#1E1E1E80;border-radius:100% 100% 100% 100%;padding:14px 14px 14px 14px;}.elementor-2310 .elementor-element.elementor-element-75dcb67 .swiper-slide > .elementor-element{height:100%;}.elementor-2310 .elementor-element.elementor-element-51cc4d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2310 .elementor-element.elementor-element-2e9059d{--grid-columns:3;}.elementor-2310 .elementor-element.elementor-element-2e9059d .elementor-pagination{text-align:center;margin-top:80px;}body:not(.rtl) .elementor-2310 .elementor-element.elementor-element-2e9059d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2310 .elementor-element.elementor-element-2e9059d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2310 .elementor-element.elementor-element-2e9059d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2310 .elementor-element.elementor-element-2e9059d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-2310 .elementor-element.elementor-element-75dcb67{--swiper-slides-to-display:1;}.elementor-2310 .elementor-element.elementor-element-2e9059d{--grid-columns:2;}}@media(max-width:767px){.elementor-2310 .elementor-element.elementor-element-75dcb67{--swiper-slides-to-display:1;}.elementor-2310 .elementor-element.elementor-element-2e9059d{--grid-columns:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-75dcb67 *//* 1. Base style for all pagination bullets */
.elementor-2310 .elementor-element.elementor-element-75dcb67 .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-2310 .elementor-element.elementor-element-75dcb67 .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-2310 .elementor-element.elementor-element-75dcb67 .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-2310 .elementor-element.elementor-element-75dcb67 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.elementor-2310 .elementor-element.elementor-element-75dcb67 .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 */