.elementor-7 .elementor-element.elementor-element-e8a6304{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-909bbe0 *//* ==========================================
   RAYVERSE ENERGY
   MOBILE HORIZONTAL SCROLL FIX
========================================== */

@media (max-width: 767px) {

    /* Prevent horizontal page scrolling */
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: clip !important;
    }

    /* Keep the main website within the screen */
    #page,
    .site,
    #content,
    .site-main,
    main {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Prevent Elementor containers from exceeding screen width */
    .elementor,
    .elementor-section,
    .elementor-container,
    .elementor-widget-wrap,
    .e-con,
    .e-con-inner {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    /* Keep media responsive */
    img,
    video,
    iframe {
        max-width: 100%;
    }

    /* Prevent fixed-width content from expanding the viewport */
    .container {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Keep the custom header within the mobile viewport */
    .topbar,
    .header {
        max-width: 100%;
        box-sizing: border-box;
    }

    .topbar .container,
    .header .container {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Avoid oversized headings causing horizontal overflow */
    h1,
    h2,
    h3,
    p {
        overflow-wrap: anywhere;
    }
}
```/* End custom CSS */