.elementor-5505 .elementor-element.elementor-element-b1b10e8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-b1b10e8 *//* Collection of white fade effects */

/* Subtle top fade */
.bdt-custom-gallery {
    position: relative;
    overflow: hidden;
}

.bdt-custom-gallery::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.9) 0%,
        rgba(255, 255, 255, 0.1) 80%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 2;
}

/* Strong top fade */
.bdt-custom-gallery {
    position: relative;
}

.bdt-custom-gallery::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.6) 30%,
        rgba(255, 255, 255, 0) 100%
    );
    z-index: 1;
    pointer-events: none;
}

/* Text fade overlay */
.text-fade-overlay {
    position: relative;
    max-height: 200px; /* Set your desired height */
    overflow: hidden;
}

.text-fade-overlay::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(
        to top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
}/* End custom CSS */