.elementor-3720 .elementor-element.elementor-element-e1ac7cf{margin-top:040px;margin-bottom:40px;}.elementor-3720 .elementor-element.elementor-element-de6e385 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}body.elementor-page-3720:not(.elementor-motion-effects-element-type-background), body.elementor-page-3720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#140026;}/* Start custom CSS for html, class: .elementor-element-aaf00e1 *//* Hide Share, Download, and Print buttons for a cleaner educational look */
.df-ui-share, 
.df-ui-download, 
.df-ui-print {
    display: none !important;
}

/* Optional: Match the viewer background to your Royal Noir theme */
.df-lightbox-wrapper, .df-container {
    background-color: rgba(5, 1, 18, 0.95) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9261f7b *//* 1. Force the parent container to allow centering */
.boo-chat-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 40px 0;
    clear: both;
}

/* 2. Set the chat width and center it */
.boo-chat-wrap { 
    width: 100%;
    max-width: 960px; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    padding: 24px; 
    background: #050505; 
    border: 1px solid #1e293b; 
    border-radius: 20px; 
    box-shadow: 0 0 40px rgba(0,212,255,0.15); 
    color: #fff; 
    font-family: sans-serif; 
    box-sizing: border-box;
    display: block !important;
}
/* ... keep rest of your styles ... */
';/* End custom CSS */