.elementor-455 .elementor-element.elementor-element-b81c690:not(.elementor-motion-effects-element-type-background), .elementor-455 .elementor-element.elementor-element-b81c690 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #020B27 0%, #000C2F 100%);}.elementor-455 .elementor-element.elementor-element-b81c690{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-455 .elementor-element.elementor-element-b81c690 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-455 .elementor-element.elementor-element-bcd90a3{--spacer-size:92px;}.elementor-455 .elementor-element.elementor-element-1923bbf > .elementor-container{min-height:524px;}.elementor-455 .elementor-element.elementor-element-1923bbf{padding:100px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-455 .elementor-element.elementor-element-ab6e4b7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-455 .elementor-element.elementor-element-ab6e4b7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-455 .elementor-element.elementor-element-ab6e4b7.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-455 .elementor-element.elementor-element-8653e46 > .elementor-widget-container{border-style:solid;border-width:8px 8px 8px 8px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-455 .elementor-element.elementor-element-8653e46{text-align:center;}.elementor-455 .elementor-element.elementor-element-37368a3 > .elementor-widget-container{margin:20px 0px 0px 0px;}/* Start custom CSS for image, class: .elementor-element-8653e46 */#scroll-image .elementor-widget-container{
     width: 594px; /* Width of the visible area */
    height: 500px; 
    overflow: hidden;
    position: relative;
    margin: auto
   
}
#scroll-image .elementor-widget-container img{
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    transition: transform 8s linear;
}
#scroll-image .elementor-widget-container:hover img {
    transform: translateY(calc(500px - 100%))
}
@media screen and (max-width: 480px) {
 #scroll-image .elementor-widget-container{
     width: 100%; /* Width of the visible area */
    height: 500px; 
    overflow: hidden;
    position: relative;
   
}
}/* End custom CSS */