.elementor-7120 .elementor-element.elementor-element-eca76c1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7120 .elementor-element.elementor-element-eca76c1:not(.elementor-motion-effects-element-type-background), .elementor-7120 .elementor-element.elementor-element-eca76c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-7120 .elementor-element.elementor-element-eca76c1.e-con{--align-self:center;}.elementor-7120 .elementor-element.elementor-element-6a6c97b.elementor-element{--align-self:center;}/* Start custom CSS for shortcode, class: .elementor-element-6a6c97b */.mooglecontent p {
    /* Step 1: Center the text inside the paragraph (This is what you already had) */
    text-align: center !important; 
    
    /* * Step 2: Center the paragraph block itself 
     * The key part that was missing!
     */
    width: 80%; /* Set a max width so it's not 100% of the screen */
    margin-left: auto; /* Push the block to the center */
    margin-right: auto; /* Push the block to the center */
    
    /* Shorthand for margin-left/right auto is: */
    /* margin: 0 auto; */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca76c1 */.moogle p{
text-align: center !important;
}/* End custom CSS */