.elementor-5199 .elementor-element.elementor-element-3557b75{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5199 .elementor-element.elementor-element-3557b75:not(.elementor-motion-effects-element-type-background), .elementor-5199 .elementor-element.elementor-element-3557b75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}
/* Start custom CSS for container, class: .elementor-element-3557b75 */#hero{
    direction: rtl;
        background-color: rgb(88, 28, 135);
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to right, rgb(88, 28, 135), rgb(30, 58, 138));
    background-size:
        30px 30px,
        30px 30px,
        auto;
}/* End custom CSS */