.elementor-77979 .elementor-element.elementor-element-40ed015{text-align:center;}.elementor-77979 .elementor-element.elementor-element-40ed015 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-primary );}/* Start custom CSS for shortcode, class: .elementor-element-c838bf9 *//* =======================================================
   1. FORCE MAIN CONTAINER WRAPPER TO WHITE
   ======================================================= */
.elementor-77979 .elementor-element.elementor-element-c838bf9,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-form,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-container,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-form-container {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #222222 !important;
    border: none !important;
    box-shadow: none !important;
}

/* =======================================================
   2. FILE UPLOAD LABEL & BOX STYLING (MATCHING THEMES)
   ======================================================= */
/* Force upload field input labels to be Bold and Brand Teal */
.elementor-77979 .elementor-element.elementor-element-c838bf9 label,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-label {
    color: #54b2a6 !important;
    font-weight: 800 !important;   /* Extra bold styling */
    font-size: 16px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Elevate the Uploader Box wrapper to match the exact lines of the Textarea */
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-file-upload,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-file-upload-zone,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-upload-field,
.elementor-77979 .elementor-element.elementor-element-c838bf9 input[type="file"] {
    background-color: #ffffff !important;
    color: #54b2a6 !important;
    border: 2px solid #cbd175 !important; /* Brand Mustard-Yellow outline */
    border-radius: 8px !important;         /* Consistent corner rounding */
    padding: 15px !important;              /* Identical internal breathing space */
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Quick hover effect for the upload area so users know it's interactive */
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-file-upload:hover {
    box-shadow: 0 2px 8px rgba(203, 209, 117, 0.2) !important;
}

/* =======================================================
   3. CUSTOM "TRANSCRIBE ESSAY" SUBMIT BUTTON
   ======================================================= */
/* Style the button in its default state */
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-form-submit button,
.elementor-77979 .elementor-element.elementor-element-c838bf9 button.mwai-submit,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-submit-button {
    background: #54b2a6 !important;       /* Your exact brand teal-green */
    background-color: #54b2a6 !important; /* Secondary catch-all */
    color: #ffffff !important;            /* High-contrast crisp white text */
    font-weight: 700 !important;          /* Makes button text bold */
    font-size: 16px !important;           /* Clear readability size */
    border: none !important;              /* Clean edge with no default line */
    border-radius: 8px !important;        /* Matches your corner curve */
    padding: 12px 24px !important;        /* Comfortable click workspace target */
    transition: all 0.3s ease !important; /* Smooth color transition glow */
    cursor: pointer !important;
    width: 100% !important;               /* Forces button to stretch elegantly over the layout */
}

/* Style the button when a student hovers over it */
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-form-submit button:hover,
.elementor-77979 .elementor-element.elementor-element-c838bf9 button.mwai-submit:hover,
.elementor-77979 .elementor-element.elementor-element-c838bf9 .mwai-submit-button:hover {
    background: #43968c !important;       /* A slightly deeper teal-green for interactive depth */
    background-color: #43968c !important;
    box-shadow: 0 4px 12px rgba(84, 178, 166, 0.3) !important; /* Soft premium brand-color under-glow */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cb45985 *//* =======================================================
   1. FORCE MAIN CONTAINER WRAPPER TO WHITE
   ======================================================= */
.elementor-77979 .elementor-element.elementor-element-cb45985,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-form,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-container,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-form-container {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #222222 !important;
    border: none !important;
    box-shadow: none !important;
}

/* =======================================================
   2. INPUT FIELDS, DROPDOWNS & BOLD LABELS
   ======================================================= */
/* Force first input labels to be Bold and Brand Teal */
.elementor-77979 .elementor-element.elementor-element-cb45985 label,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-label {
    color: #54b2a6 !important;
    font-weight: 800 !important;   /* Extra bold styling */
    font-size: 16px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Dropdown Selections */
.elementor-77979 .elementor-element.elementor-element-cb45985 select {
    background-color: #ffffff !important;
    color: #54b2a6 !important;
    border: 2px solid #cbd175 !important; /* Brand Mustard-Yellow outline */
    border-radius: 8px !important;
    padding: 10px !important;
    font-weight: 600 !important;
}

/* Student Essay Textarea Box */
.elementor-77979 .elementor-element.elementor-element-cb45985 textarea {
    background-color: #ffffff !important;
    color: #000000 !important; /* Pure Black text for absolute contrast */
    border: 2px solid #cbd175 !important; /* Brand Mustard-Yellow outline */
    border-radius: 8px !important;
    padding: 15px !important;
}

/* =======================================================
   3. AI FEEDBACK WINDOW (FORCED BLACK TEXT ON WHITE BACKGROUND)
   ======================================================= */
/* Forcing the output box and all possible inner children to display high-contrast text on white */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output-container,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-blocks-output,
.elementor-77979 .elementor-element.elementor-element-cb45985 [class*="mwai-"] .mwai-output {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-top: 25px !important;
}

/* Deep target all potential typography tags inside the feedback block to ensure no hidden elements stay white or gray */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output *,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output p,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output span,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output div,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output li,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output strong {
    background-color: transparent !important;
    color: #111111 !important; /* Crisp charcoal-black reading text */
}

/* Headings inside feedback */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output h1, 
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output h2, 
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output h3, 
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output h4 {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* Clean up criteria tables inside the feedback */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output table {
    background-color: #ffffff !important;
    border-collapse: collapse !important;
    width: 100% !important;
}
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output th {
    background-color: #f4f5f7 !important;
    color: #000000 !important;
    font-weight: 700 !important;
}
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output td {
    border: 1px solid #e0e0e0 !important;
    color: #222222 !important;
    padding: 12px !important;
}

/* =======================================================
   4. STABLE LANGUAGE DIRECTION (PERFECT HEBREW/ARABIC RTL)
   ======================================================= */
/* Overriding both block layout and item levels to respect natural language flow */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output p,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output div,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output li,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output span {
    unicode-bidi: plaintext !important;
    text-align: start !important;
    direction: inherit !important;
}

/* Forcing English strings or code elements inside an RTL environment to layout linearly LTR */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output code,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output pre,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-output [dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
    display: inline-block !important;
}

/* =======================================================
   5. CUSTOM "CHECK ESSAY" SUBMIT BUTTON
   ======================================================= */
/* Style the button in its default state */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-form-submit button,
.elementor-77979 .elementor-element.elementor-element-cb45985 button.mwai-submit,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-submit-button {
    background: #54b2a6 !important;       /* Your exact brand teal-green */
    background-color: #54b2a6 !important; /* Secondary catch-all */
    color: #ffffff !important;            /* High-contrast crisp white text */
    font-weight: 700 !important;          /* Makes button text bold */
    font-size: 16px !important;           /* Clear readability size */
    border: none !important;              /* Clean edge with no default line */
    border-radius: 8px !important;        /* Matches your dropdown/textarea corner curve */
    padding: 12px 24px !important;        /* Comfortable click workspace target */
    transition: all 0.3s ease !important; /* Smooth color transition glow */
    cursor: pointer !important;
}

/* Style the button when a student hovers over it */
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-form-submit button:hover,
.elementor-77979 .elementor-element.elementor-element-cb45985 button.mwai-submit:hover,
.elementor-77979 .elementor-element.elementor-element-cb45985 .mwai-submit-button:hover {
    background: #43968c !important;       /* A slightly deeper teal-green for interactive depth */
    background-color: #43968c !important;
    box-shadow: 0 4px 12px rgba(84, 178, 166, 0.3) !important; /* Soft premium brand-color under-glow */
}/* End custom CSS */