.elementor-9920 .elementor-element.elementor-element-cdf760b{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9920 .elementor-element.elementor-element-5d7193c{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;z-index:1;}.elementor-9920 .elementor-element.elementor-element-5d7193c.elementor-element{--align-self:center;}.elementor-9920 .elementor-element.elementor-element-1a8ea71 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-9920 .elementor-element.elementor-element-1a8ea71.elementor-element{--flex-grow:0;--flex-shrink:1;}}/* Start custom CSS for text-editor, class: .elementor-element-1a8ea71 *//* 1. Desktop/Tablet Default (Ratio: ~1.75:1) */
.zoho-form-container {
    position: relative; 
    padding-bottom: 57%; 
    height: 0; 
    overflow: hidden; 
    width: 99%;
    max-width: 1000px; /* Optional: cap max width for desktop */
    margin-top: -70px;
    margin-bottom: -50px !important;
/* Optional: center the container on desktop */
}

/* 2. Mobile Version (Adjusted Ratio - Content gets taller) */
@media (max-width: 600px) {
    .zoho-form-container {
        /* The content will stack vertically on mobile, making the required 
        height much larger relative to the width. You need to increase this 
        value significantly. Start with 120% to 150% and adjust. 
        */

        width: 100%;
        height: 395px !important;
    }
}

/* 3. The Iframe Style (Must be inside the wrapper) */
.zoho-form-container iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 349px !important; 
    border: none;
}/* End custom CSS */