.elementor-248 .elementor-element.elementor-element-3beaee2f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-2114d2e2 */* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .marquee {
            width: 100%;
            background-color: #2B2137;
            color: #fff;
            overflow: hidden;
            position: relative;
        }

        .marquee:before,
        .marquee:after {
            position: absolute;
            top: 0;
            height: 100%;
            content: "";
            z-index: 1;
        }

        .marquee:before {
            left: 0;
            background: linear-gradient(90deg, #2B2137 0%, rgba(43, 33, 55, 0.00) 100%);
            width: 50%;
        }

        .marquee:after {
            right: 0;
            background: linear-gradient(270deg, #2B2137 0%, rgba(43, 33, 55, 0.00) 100%);
            width: 50%;
        }

        .marquee-content {
            list-style: none;
            height: 100%;
            display: flex;
            animation: scrolling 15s linear infinite;
        }

        @keyframes scrolling {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(calc(-1 * calc(80vw / 4) * 5));
            }
        }

        .marquee-content li {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex-shrink: 0;
            max-height: 100%;
            white-space: nowrap;
            padding: 0 50px;
        }

        .marquee-content li p {
            color: #FFF;
            text-align: center;
            font-family: 'Roboto';
            font-size: 100px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

        @media (max-width: 600px) {
            .marquee-content li p {
                font-size: 40px;
            }
        }/* End custom CSS */