.elementor-11179 .elementor-element.elementor-element-2090875{--display:flex;}.elementor-11179 .elementor-element.elementor-element-57466d5{z-index:999;}#elementor-popup-modal-11179{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-11179 .dialog-message{width:90vw;height:auto;}#elementor-popup-modal-11179 .dialog-close-button{display:flex;}#elementor-popup-modal-11179 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-57466d5 *//* Swiper container fills popup */
.swiper-container {
    width: 100%;
    height: 100%;
    min-height: 300px; /* fallback if popup height not set */
    pointer-events: auto;
    z-index: 9999;
}

/* Slides styling */
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    background-color: #eee;
    pointer-events: auto;
}

/* Navigation buttons on top */
.swiper-button-next,
.swiper-button-prev {
    z-index: 10000;
    pointer-events: auto;
}

/* Ensure Elementor popup layers don’t block clicks */
.elementor-popup-modal > .elementor-widget-wrap {
    pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS *//* Container sizing */
.my-card-swiper {
    width: 80%; /* Adjust as needed */
    height: 350px; /* Adjust as needed */
    padding-top: 50px;
    padding-bottom: 50px;
}

/* Slide sizing and styling */
.my-card-swiper .swiper-slide {
    width: 300px; /* Define card width */
    height: 300px; /* Define card height */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    /* Center the image/content inside the slide */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ensure images fit the slide */
.my-card-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}/* End custom CSS */