.elementor-58983 .elementor-element.elementor-element-eeafabc > .elementor-container{max-width:1200px;}.elementor-58983 .elementor-element.elementor-element-eeafabc{padding:120px 0px 0px 0px;}.elementor-58983 .elementor-element.elementor-element-5a9c315{width:auto;max-width:auto;top:-490px;z-index:-1;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-5a9c315{left:-270px;}body.rtl .elementor-58983 .elementor-element.elementor-element-5a9c315{right:-270px;}.elementor-58983 .elementor-element.elementor-element-5a9c315 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-58983 .elementor-element.elementor-element-5a9c315 .edublink-animation-widget .edublink-animation-widget-color{height:470px;width:470px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;border-radius:50% 50% 50% 50%;}.elementor-58983 .elementor-element.elementor-element-266b34c .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-58983 .elementor-element.elementor-element-266b34c{width:auto;max-width:auto;top:-145px;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-266b34c{left:-230px;}body.rtl .elementor-58983 .elementor-element.elementor-element-266b34c{right:-230px;}.elementor-58983 .elementor-element.elementor-element-266b34c .edublink-animation-widget img, .elementor-58983 .elementor-element.elementor-element-266b34c .edublink-animation-widget i, .elementor-58983 .elementor-element.elementor-element-266b34c .edublink-animation-widget .edublink-animation-widget-text, .elementor-58983 .elementor-element.elementor-element-266b34c .edublink-animation-widget span.edublink-animation-widget-color{-webkit-animation:edublink-rotate-y 15s normal infinite linear;-moz-animation:edublink-rotate-y 15s normal infinite linear;-ms-animation:edublink-rotate-y 15s normal infinite linear;-o-animation:edublink-rotate-y 15s normal infinite linear;animation:edublink-rotate-y 15s normal infinite linear;}.elementor-58983 .elementor-element.elementor-element-266b34c .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-58983 .elementor-element.elementor-element-416d14a > .elementor-widget-container{margin:10px 20px 0px 0px;}.elementor-58983 .elementor-element.elementor-element-416d14a .eb-tabs-title-wrapper{margin-bottom:18px;}.elementor-58983 .elementor-element.elementor-element-dca942b{width:auto;max-width:auto;bottom:-35px;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-dca942b{right:15px;}body.rtl .elementor-58983 .elementor-element.elementor-element-dca942b{left:15px;}.elementor-58983 .elementor-element.elementor-element-dca942b img{border-radius:10px 10px 10px 10px;}.elementor-58983 .elementor-element.elementor-element-5bf4328 .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-58983 .elementor-element.elementor-element-5bf4328{width:auto;max-width:auto;top:-54px;z-index:0;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-5bf4328{right:50px;}body.rtl .elementor-58983 .elementor-element.elementor-element-5bf4328{left:50px;}.elementor-58983 .elementor-element.elementor-element-5bf4328 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-58983 .elementor-element.elementor-element-a0d4be4 .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-58983 .elementor-element.elementor-element-a0d4be4{width:auto;max-width:auto;top:-80px;z-index:0;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-a0d4be4{right:110px;}body.rtl .elementor-58983 .elementor-element.elementor-element-a0d4be4{left:110px;}.elementor-58983 .elementor-element.elementor-element-a0d4be4 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-58983 .elementor-element.elementor-element-e3d1fc3 .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-58983 .elementor-element.elementor-element-e3d1fc3{width:auto;max-width:auto;bottom:-5px;z-index:0;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-e3d1fc3{left:15px;}body.rtl .elementor-58983 .elementor-element.elementor-element-e3d1fc3{right:15px;}.elementor-58983 .elementor-element.elementor-element-e3d1fc3 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-58983 .elementor-element.elementor-element-e3d1fc3 .edublink-animation-widget img{border-radius:10px 10px 10px 10px;}.elementor-58983 .elementor-element.elementor-element-b75dade{width:auto;max-width:auto;bottom:-65px;z-index:0;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-b75dade{right:60px;}body.rtl .elementor-58983 .elementor-element.elementor-element-b75dade{left:60px;}.elementor-58983 .elementor-element.elementor-element-b75dade .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-58983 .elementor-element.elementor-element-b75dade .edublink-animation-widget .edublink-animation-widget-color{height:320px;width:320px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;border-radius:50% 50% 50% 50%;}.elementor-58983 .elementor-element.elementor-element-b0d261c > .elementor-widget-container{margin:0px 120px 0px 0px;}.elementor-58983 .elementor-element.elementor-element-b0d261c img{border-radius:10px 10px 10px 10px;}.elementor-58983 .elementor-element.elementor-element-ae31e55{--display:flex;}.elementor-58983 .elementor-element.elementor-element-ae31e55:not(.elementor-motion-effects-element-type-background), .elementor-58983 .elementor-element.elementor-element-ae31e55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-58983 .elementor-element.elementor-element-586af62{text-align:center;}.elementor-58983 .elementor-element.elementor-element-586af62 .elementor-heading-title{line-height:1.39;color:#FFFFFF;}.elementor-58983 .elementor-element.elementor-element-7f447ed{--display:flex;}.elementor-58983 .elementor-element.elementor-element-7f447ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-58983 .elementor-element.elementor-element-9271c34.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-58983 .elementor-element.elementor-element-32b551b{--display:flex;}.elementor-58983 .elementor-element.elementor-element-32b551b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-58983 .elementor-element.elementor-element-4a7a183{--n-accordion-title-font-size:18px;width:auto;max-width:auto;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:18px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:9px 9px 9px 9px;--n-accordion-title-normal-color:#555151B0;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:20px;}.elementor-58983 .elementor-element.elementor-element-4a7a183 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#ACABAB00;}.elementor-58983 .elementor-element.elementor-element-4a7a183 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#1AB69D;}.elementor-58983 .elementor-element.elementor-element-4a7a183 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#1AB69D;}:where( .elementor-58983 .elementor-element.elementor-element-4a7a183 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#EEEBEB;border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:12px;--padding-right:12px;--padding-bottom:12px;--padding-left:12px;}.elementor-58983 .elementor-element.elementor-element-4a7a183 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-58983 .elementor-element.elementor-element-4a7a183.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-58983 .elementor-element.elementor-element-4a7a183 {--n-accordion-padding:16px 25px 16px 28px;}:where( .elementor-58983 .elementor-element.elementor-element-4a7a183 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:600;font-style:normal;}.elementor-58983 .elementor-element.elementor-element-4a7a183 :where( .elementor-58983 .elementor-element.elementor-element-4a7a183 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:0px 0px 0px rgba(0,0,0,0.3);-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-58983 .elementor-element.elementor-element-e68ba3b{--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;}@media(min-width:768px){.elementor-58983 .elementor-element.elementor-element-7f447ed{--width:96.364%;}.elementor-58983 .elementor-element.elementor-element-32b551b{--width:96.883%;}}@media(max-width:1024px){.elementor-58983 .elementor-element.elementor-element-eeafabc{padding:65px 0px 0px 0px;}.elementor-58983 .elementor-element.elementor-element-1c9357e > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-58983 .elementor-element.elementor-element-416d14a > .elementor-widget-container{margin:0px 0px 0px 0px;}body:not(.rtl) .elementor-58983 .elementor-element.elementor-element-dca942b{right:270px;}body.rtl .elementor-58983 .elementor-element.elementor-element-dca942b{left:270px;}.elementor-58983 .elementor-element.elementor-element-dca942b{bottom:-35px;}.elementor-58983 .elementor-element.elementor-element-b0d261c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-58983 .elementor-element.elementor-element-b0d261c{text-align:left;}.elementor-58983 .elementor-element.elementor-element-586af62 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-58983 .elementor-element.elementor-element-eeafabc{padding:45px 0px 0px 0px;}.elementor-58983 .elementor-element.elementor-element-586af62 .elementor-heading-title{font-size:26px;}.elementor-58983 .elementor-element.elementor-element-9271c34{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;}}@media(max-width:1024px) and (min-width:768px){.elementor-58983 .elementor-element.elementor-element-1c9357e{width:100%;}.elementor-58983 .elementor-element.elementor-element-c6aeb76{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-9271c34 */@media (max-width: 767px) { /* Elementor's common mobile breakpoint */ /* Force the main Elementor containers to truly be 100% width on mobile */ /* This targets the Elementor section or column that holds your shortcode */ .elementor-section.elementor-section-boxed > .elementor-container, .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap, .elementor-element .elementor-widget-container, .e-con.e-flex > .e-con-inner, /* Elementor flex container inner */ .e-con.e-flex { /* Elementor flex container */ max-width: 100% !important; width: 100% !important; padding-left: 0px !important; /* Remove Elementor's default column/section padding */ padding-right: 0px !important; /* Remove Elementor's default column/section padding */ margin-left: 0px !important; /* Ensure no unwanted margins push content in */ margin-right: 0px !important; /* Ensure no unwanted margins push content in */ box-sizing: border-box !important; } /* Override Elementor's variables that might be setting max-width to 767px */ :root { --container-max-width: 100% !important; --content-width: 100% !important; } /* Now, ensure your shortcode module itself takes the full available width */ .myaischool-lt-mcq-module { width: 100% !important; max-width: 100% !important; /* Remove any internal padding from the module that might be squeezing it */ padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Ensure the main content and palette areas also take full width and stack */ .myaischool-lt-mcq-main-content, .myaischool-lt-mcq-question-area, .myaischool-lt-mcq-palette-area { min-width: unset !important; /* Override desktop minimum widths */ width: 100% !important; max-width: 100% !important; flex: none !important; /* Disable flex growth/shrink to ensure 100% width on mobile */ float: none !important; /* Remove any floats */ clear: both !important; /* Clear any floats */ box-sizing: border-box !important; /* Add a consistent inner padding for aesthetic spacing within the module's content */ padding-left: 15px !important; padding-right: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } /* Ensure other specific elements within the module also expand */ .myaischool-lt-mcq-setup-form, .myaischool-lt-mcq-setup-form label, .myaischool-lt-mcq-setup-form input[type="number"], .myaischool-lt-generate-mcq-button, .myaischool-lt-mcq-actions, .myaischool-lt-mcq-action-button, .myaischool-lt-mcq-submit-button, .mcq-context-info { width: 100% !important; max-width: none !important; /* Important for inputs and buttons that might have fixed widths */ box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* Ensure specific inputs within the form take full width */ .myaischool-lt-mcq-setup-form input[type="number"] { width: 100% !important; /* Specific rule for the number input */ } /* Reduce default gaps if present on mobile */ .myaischool-lt-mcq-main-content { gap: 0px !important; /* Reduce gap between main content and palette when stacked */ } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9271c34 */@media (max-width: 767px) { /* Elementor's common mobile breakpoint */ /* Force the main Elementor containers to truly be 100% width on mobile */ /* This targets the Elementor section or column that holds your shortcode */ .elementor-section.elementor-section-boxed > .elementor-container, .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap, .elementor-element .elementor-widget-container, .e-con.e-flex > .e-con-inner, /* Elementor flex container inner */ .e-con.e-flex { /* Elementor flex container */ max-width: 100% !important; width: 100% !important; padding-left: 0px !important; /* Remove Elementor's default column/section padding */ padding-right: 0px !important; /* Remove Elementor's default column/section padding */ margin-left: 0px !important; /* Ensure no unwanted margins push content in */ margin-right: 0px !important; /* Ensure no unwanted margins push content in */ box-sizing: border-box !important; } /* Override Elementor's variables that might be setting max-width to 767px */ :root { --container-max-width: 100% !important; --content-width: 100% !important; } /* Now, ensure your shortcode module itself takes the full available width */ .myaischool-lt-mcq-module { width: 100% !important; max-width: 100% !important; /* Remove any internal padding from the module that might be squeezing it */ padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Ensure the main content and palette areas also take full width and stack */ .myaischool-lt-mcq-main-content, .myaischool-lt-mcq-question-area, .myaischool-lt-mcq-palette-area { min-width: unset !important; /* Override desktop minimum widths */ width: 100% !important; max-width: 100% !important; flex: none !important; /* Disable flex growth/shrink to ensure 100% width on mobile */ float: none !important; /* Remove any floats */ clear: both !important; /* Clear any floats */ box-sizing: border-box !important; /* Add a consistent inner padding for aesthetic spacing within the module's content */ padding-left: 15px !important; padding-right: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } /* Ensure other specific elements within the module also expand */ .myaischool-lt-mcq-setup-form, .myaischool-lt-mcq-setup-form label, .myaischool-lt-mcq-setup-form input[type="number"], .myaischool-lt-generate-mcq-button, .myaischool-lt-mcq-actions, .myaischool-lt-mcq-action-button, .myaischool-lt-mcq-submit-button, .mcq-context-info { width: 100% !important; max-width: none !important; /* Important for inputs and buttons that might have fixed widths */ box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* Ensure specific inputs within the form take full width */ .myaischool-lt-mcq-setup-form input[type="number"] { width: 100% !important; /* Specific rule for the number input */ } /* Reduce default gaps if present on mobile */ .myaischool-lt-mcq-main-content { gap: 0px !important; /* Reduce gap between main content and palette when stacked */ } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9271c34 */@media (max-width: 767px) { /* Elementor's common mobile breakpoint */ /* Force the main Elementor containers to truly be 100% width on mobile */ /* This targets the Elementor section or column that holds your shortcode */ .elementor-section.elementor-section-boxed > .elementor-container, .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap, .elementor-element .elementor-widget-container, .e-con.e-flex > .e-con-inner, /* Elementor flex container inner */ .e-con.e-flex { /* Elementor flex container */ max-width: 100% !important; width: 100% !important; padding-left: 0px !important; /* Remove Elementor's default column/section padding */ padding-right: 0px !important; /* Remove Elementor's default column/section padding */ margin-left: 0px !important; /* Ensure no unwanted margins push content in */ margin-right: 0px !important; /* Ensure no unwanted margins push content in */ box-sizing: border-box !important; } /* Override Elementor's variables that might be setting max-width to 767px */ :root { --container-max-width: 100% !important; --content-width: 100% !important; } /* Now, ensure your shortcode module itself takes the full available width */ .myaischool-lt-mcq-module { width: 100% !important; max-width: 100% !important; /* Remove any internal padding from the module that might be squeezing it */ padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Ensure the main content and palette areas also take full width and stack */ .myaischool-lt-mcq-main-content, .myaischool-lt-mcq-question-area, .myaischool-lt-mcq-palette-area { min-width: unset !important; /* Override desktop minimum widths */ width: 100% !important; max-width: 100% !important; flex: none !important; /* Disable flex growth/shrink to ensure 100% width on mobile */ float: none !important; /* Remove any floats */ clear: both !important; /* Clear any floats */ box-sizing: border-box !important; /* Add a consistent inner padding for aesthetic spacing within the module's content */ padding-left: 15px !important; padding-right: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } /* Ensure other specific elements within the module also expand */ .myaischool-lt-mcq-setup-form, .myaischool-lt-mcq-setup-form label, .myaischool-lt-mcq-setup-form input[type="number"], .myaischool-lt-generate-mcq-button, .myaischool-lt-mcq-actions, .myaischool-lt-mcq-action-button, .myaischool-lt-mcq-submit-button, .mcq-context-info { width: 100% !important; max-width: none !important; /* Important for inputs and buttons that might have fixed widths */ box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* Ensure specific inputs within the form take full width */ .myaischool-lt-mcq-setup-form input[type="number"] { width: 100% !important; /* Specific rule for the number input */ } /* Reduce default gaps if present on mobile */ .myaischool-lt-mcq-main-content { gap: 0px !important; /* Reduce gap between main content and palette when stacked */ } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-4a7a183 */@media (max-width: 767px) { /* Standard mobile breakpoint */ .your-shortcode-root-div { /* Replace with the actual class */ width: 100% !important; max-width: 100% !important; padding: 0 15px !important; /* Add some side padding for aesthetics */ box-sizing: border-box !important; } /* If the "Topic" dropdown and "Generate" button are also compressed */ .your-shortcode-root-div .topic-section { /* Find the class for this part */ width: 100% !important; } .your-shortcode-root-div select { /* Target the dropdown directly if needed */ width: 100% !important; } .your-shortcode-root-div .generate-button { /* Target the button */ width: 100% !important; /* Or whatever styling makes sense */ } } /* Example if it's inside an Elementor shortcode widget */ .elementor-widget-shortcode .myaischool-lt-mcq-module { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; /* Add any other necessary styles like padding: 0; */ } .myaischool-lt-mcq-module { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }/* End custom CSS */