.elementor-45788 .elementor-element.elementor-element-306eae7d{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45788 .elementor-element.elementor-element-28c85273{--e-image-carousel-slides-to-show:1;}.elementor-45788 .elementor-element.elementor-element-28c85273 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-45788 .elementor-element.elementor-element-28c85273 .elementor-swiper-button.elementor-swiper-button-next{font-size:57px;color:#FFFFFF;}.elementor-45788 .elementor-element.elementor-element-28c85273 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-45788 .elementor-element.elementor-element-28c85273 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-45788 .elementor-element.elementor-element-28c85273 .swiper-pagination-bullet{width:20px;height:20px;background:var( --e-global-color-da74efc );}.elementor-45788 .elementor-element.elementor-element-28c85273 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:50px 50px 50px 50px;}/* Start custom CSS for image-carousel, class: .elementor-element-28c85273 *//* Force Swiper Arrows to show inside the popup */
.elementor-popup-modal .elementor-swiper-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

/* Ensure they aren't pushed off-screen */
.elementor-popup-modal .elementor-swiper-button-prev {
    left: 10px !important;
}
.elementor-popup-modal .elementor-swiper-button-next {
    right: 10px !important;
}

/* ⚡ FORCE PAGINATION DOTS TO SHOW AND BE VISIBLE ⚡ */
html body .elementor-popup-modal .fresh-swiper-outer .swiper-pagination {
    display: block !important;
    position: absolute !important;
    bottom: 20px !important; /* Pushes dots slightly up from the bottom edge */
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    z-index: 99999 !important;
    pointer-events: none !important; /* Lets clicks pass through the container... */
}

/* ⚡ STYLE THE INDIVIDUAL DOTS ⚡ */
html body .elementor-popup-modal .fresh-swiper-outer .swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
    background-color: #ffffff !important; /* White dots */
    opacity: 0.4 !important; /* Faded when not active */
    border-radius: 50% !important;
    margin: 0 6px !important;
    display: inline-block !important;
    cursor: pointer !important;
    pointer-events: auto !important; /* ...but makes the dots themselves clickable */
    transition: all 0.3s ease !important;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3) !important; /* Tiny shadow so they show up on light images */
}

/* ⚡ STYLE THE ACTIVE DOT ⚡ */
html body .elementor-popup-modal .fresh-swiper-outer .swiper-pagination-bullet-active {
    opacity: 1 !important; /* Fully solid */
    background-color: #ffffff !important;
    transform: scale(1.3) !important; /* Makes the active dot slightly larger */
}/* End custom CSS */