/* *** General *** */
.siel-realisations-slider.swiper {
    position: relative;
    overflow: visible;
    z-index: 3;
}

/* *** Navigation *** */
.siel-realisations-slider.swiper .realisations-slider-navigation{
    margin-top: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
}

@media screen and (min-width: 769px){
    .siel-realisations-slider.swiper .realisations-slider-navigation {
        margin-top: 0;
        position: absolute;
        right: 60px;
        bottom: 60px;
        color: #ffffff;
    }
}

    /* positions reset */
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-button-prev,
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-button-next,
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-pagination{
    margin-top: 0;
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    user-select: none;
}
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-button-prev,
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-button-next{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 24px;
    color: inherit;
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
}
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-button-prev:after,
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-button-next:after{
    display: none;
}
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-pagination{
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background-color: #0A96AB;
    background-image: radial-gradient(at bottom center, rgba(255,255,255, .4) 0%, rgba(255,255,255, 0) 50%);
    border-radius: 50%;
    z-index: 8;
}
.siel-realisations-slider.swiper .realisations-slider-navigation .swiper-pagination:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    opacity: .3;
    background-color: #0A96AB;
    border-radius: 50%;
    z-index: 7;
}

/* *** Slides in/out animations *** */
.siel-realisations-slider.swiper-initialized > .swiper-wrapper > .swiper-slide{
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
}
.siel-realisations-slider.swiper-initialized > .swiper-wrapper > .swiper-slide.swiper-slide-visible{
    opacity: 1;
    pointer-events: auto;
}

/* *** Slider fallback styles when JS is not triggered (e.g : Elementor Editor) *** */
.siel-realisations-slider:not(.swiper-initialized) > .swiper-wrapper{
    display: flex;
    flex-wrap: nowrap;
    gap: calc(var(--swiper-gap) * 1px);
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
}
.siel-realisations-slider:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    flex: 0 0 100%;
}