.elementor-297 .elementor-element.elementor-element-d4ad599{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-297 .elementor-element.elementor-element-7445a02{width:100%;max-width:100%;}#elementor-popup-modal-297 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-297{justify-content:center;align-items:center;}#elementor-popup-modal-297 .dialog-close-button{display:flex;top:15%;font-size:20px;}#elementor-popup-modal-297 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-297 .dialog-close-button{right:15%;}body.rtl #elementor-popup-modal-297 .dialog-close-button{left:15%;}#elementor-popup-modal-297 .dialog-close-button i{color:#888888;}#elementor-popup-modal-297 .dialog-close-button svg{fill:#888888;}/* Start custom CSS for shortcode, class: .elementor-element-7445a02 *//* 1. Hide ONLY the "Powered by" text, keep the arrows */
.elementor-297 .elementor-element.elementor-element-7445a02 .ffc_power {
    display: none !important;
}

/* 2. Force the footer to stay in the background */
.elementor-297 .elementor-element.elementor-element-7445a02 .vff-footer {
    z-index: 1 !important;
    position: relative !important; 
}

/* 3. Force the dropdown to the front AND limit its height so it doesn't touch the footer */
body .el-select__popper, 
body .ff-conversational-dropdown-modal {
    z-index: 999999 !important;
}

body .el-select-dropdown__wrap {
    max-height: 200px !important; 
}/* End custom CSS */
/* Start custom CSS *//* Force the Elementor Popup close button to stay small and positioned */
body .dialog-close-button {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    top: 20px !important;
    right: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important; /* Ensures it stays above the form */
}

/* Force the actual SVG 'X' inside the button to stop stretching */
body .dialog-close-button svg,
body .dialog-close-button i {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    transform: none !important;
}/* End custom CSS */