.elementor-49669 .elementor-element.elementor-element-3f957af{--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;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for html, class: .elementor-element-a948d80 */.image-container {
    position: relative;
    width: 100%;
    max-width: 600px; /* Adjust as necessary */
    margin: 0 auto;
}

#background-image {
    width: 100%;
    height: auto;
}

.text-overlay {
    position: absolute;
    top: 50%; /* Center the overlay vertically */
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    text-align: center;
    white-space: nowrap; /* Prevent text from wrapping */
}

#text-overlay {
    font-size: 96px; /* Adjust as necessary */
    margin-bottom: 0.5in; /* Space between text and Braille (1/2 inch) */
}

#braille-overlay {
    font-size: 24px; /* Adjust as necessary */
    font-family: 'SimBraille', 'Arial', sans-serif;
    position: relative;
    top: 0; /* Keeps the Braille right below the text */
}

.input-container {
    margin-top: 20px;
    text-align: center;
}

#overlay-text {
    padding: 10px;
    width: 80%;
    font-size: 18px;
}/* End custom CSS */