/* === Custom Block Styling === */
.fillerBlock{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.customProductSwiper {
    overflow: visible;
}

.customProduct__slideOuter {
    overflow: visible;
    padding-top: 80px; /* space for the floating image */
}

.customProduct__innerSlide {
    position: relative;
    padding: 96px 32px 48px 32px;
    background-color: var(--FC-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.customProduct__title {
    color: var(--FC-primary-color);
    text-align: center;
}

.customProduct__image {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    z-index: 10;
}

.customProduct__pagination{
    position: static !important;
    padding-top: 32px;
}
.customProduct__pagination .swiper-pagination-bullet-active {
    background-color: var(--FC-primary-color);
}


@media screen and (max-width: 991.98px){
    .customProduct__image{
        max-width: 200px;
        width: 100%;
    }
}