.elementor-9292 .elementor-element.elementor-element-f2d1d0{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9292 .elementor-element.elementor-element-f2d1d0:not(.elementor-motion-effects-element-type-background), .elementor-9292 .elementor-element.elementor-element-f2d1d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9292 .elementor-element.elementor-element-76cdeeb1{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-76cdeeb1 *//* Using em for your padding-left is going to ensure the padding scales in proportion to the font-size. */

.content {
    /*font-family: "Inter", sans-serif;*/
    font-size: 2.5rem;
    font-weight: 500;
    color: #111111;
    padding-left: 0.25em;
}

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

.outer {
    overflow: hidden  !important;
}

.outer div {
    display: inline-block;
}

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

@media only screen and (max-width: 767px) {
    .loop {
        animation: loop-anim 15s 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 */