.elementor-46 .elementor-element.elementor-element-9da1317{--display:flex;--min-height:0px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-46 .elementor-element.elementor-element-9da1317:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-9da1317 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4D0A8B;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-46 .elementor-element.elementor-element-9da1317{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0a1d7b9 */.content2 {
    font-family: "Arial", sans-serif;
    font-size: 1.2 rem;
    font-weight: 500;
    color: #FFFFFF;
    padding-left: 0.5em;
}

@media only screen and (max-width: 767px) {
    .content2 {
        font-size: 1.2rem !important;
        padding-left: 0.25em;
    }
}

.outer2 {
    overflow: hidden;  !important;
    background-color: ;
    padding-top: 1%;
    padding-bottom: 1%;
    width: 110%;
    margin-left: -5%;
    z-index: 2;
    position: relative;
}

.outer2 div {
    display: inline-block;
}

.loop2 {
    white-space: nowrap;
    animation: loop-anim 65s linear infinite;
}

@media only screen and (max-width: 767px) {
    .loop2 {
        animation: loop-anim 55s linear infinite;
    }
}

@keyframes loop-anim {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -50% /* This works because of the div between "outer" and "loop" */
    }
}/* End custom CSS */