.elementor-59318 .elementor-element.elementor-element-301d805 > .elementor-container{max-width:1200px;}.elementor-59318 .elementor-element.elementor-element-301d805{padding:120px 0px 0px 0px;}.elementor-59318 .elementor-element.elementor-element-a220548{width:auto;max-width:auto;top:-490px;z-index:-1;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-a220548{left:-270px;}body.rtl .elementor-59318 .elementor-element.elementor-element-a220548{right:-270px;}.elementor-59318 .elementor-element.elementor-element-a220548 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-59318 .elementor-element.elementor-element-a220548 .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-59318 .elementor-element.elementor-element-3641808 .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-59318 .elementor-element.elementor-element-3641808{width:auto;max-width:auto;top:-145px;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-3641808{left:-230px;}body.rtl .elementor-59318 .elementor-element.elementor-element-3641808{right:-230px;}.elementor-59318 .elementor-element.elementor-element-3641808 .edublink-animation-widget img, .elementor-59318 .elementor-element.elementor-element-3641808 .edublink-animation-widget i, .elementor-59318 .elementor-element.elementor-element-3641808 .edublink-animation-widget .edublink-animation-widget-text, .elementor-59318 .elementor-element.elementor-element-3641808 .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-59318 .elementor-element.elementor-element-3641808 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-59318 .elementor-element.elementor-element-e8abd91 > .elementor-widget-container{margin:10px 20px 0px 0px;}.elementor-59318 .elementor-element.elementor-element-e8abd91 .eb-tabs-title-wrapper{margin-bottom:18px;}.elementor-59318 .elementor-element.elementor-element-9839787{width:auto;max-width:auto;bottom:-35px;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-9839787{right:15px;}body.rtl .elementor-59318 .elementor-element.elementor-element-9839787{left:15px;}.elementor-59318 .elementor-element.elementor-element-9839787 img{border-radius:10px 10px 10px 10px;}.elementor-59318 .elementor-element.elementor-element-333787c .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-59318 .elementor-element.elementor-element-333787c{width:auto;max-width:auto;top:-54px;z-index:0;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-333787c{right:50px;}body.rtl .elementor-59318 .elementor-element.elementor-element-333787c{left:50px;}.elementor-59318 .elementor-element.elementor-element-333787c .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-59318 .elementor-element.elementor-element-0cec334 .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-59318 .elementor-element.elementor-element-0cec334{width:auto;max-width:auto;top:-80px;z-index:0;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-0cec334{right:110px;}body.rtl .elementor-59318 .elementor-element.elementor-element-0cec334{left:110px;}.elementor-59318 .elementor-element.elementor-element-0cec334 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-59318 .elementor-element.elementor-element-d6cec9d .edublink-animation-widget .edublink-animation-widget-color{background-color:#1ab69d;height:80px;width:80px;}.elementor-59318 .elementor-element.elementor-element-d6cec9d{width:auto;max-width:auto;bottom:-5px;z-index:0;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-d6cec9d{left:15px;}body.rtl .elementor-59318 .elementor-element.elementor-element-d6cec9d{right:15px;}.elementor-59318 .elementor-element.elementor-element-d6cec9d .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-59318 .elementor-element.elementor-element-d6cec9d .edublink-animation-widget img{border-radius:10px 10px 10px 10px;}.elementor-59318 .elementor-element.elementor-element-5fb41b0{width:auto;max-width:auto;bottom:-65px;z-index:0;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-5fb41b0{right:60px;}body.rtl .elementor-59318 .elementor-element.elementor-element-5fb41b0{left:60px;}.elementor-59318 .elementor-element.elementor-element-5fb41b0 .edublink-animation-widget{z-index:0;opacity:1;display:flex;}.elementor-59318 .elementor-element.elementor-element-5fb41b0 .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-59318 .elementor-element.elementor-element-7247e7f > .elementor-widget-container{margin:0px 120px 0px 0px;}.elementor-59318 .elementor-element.elementor-element-7247e7f img{border-radius:10px 10px 10px 10px;}.elementor-59318 .elementor-element.elementor-element-cea954f{--display:flex;}.elementor-59318 .elementor-element.elementor-element-cea954f:not(.elementor-motion-effects-element-type-background), .elementor-59318 .elementor-element.elementor-element-cea954f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-59318 .elementor-element.elementor-element-48c1dd1{text-align:center;}.elementor-59318 .elementor-element.elementor-element-48c1dd1 .elementor-heading-title{line-height:1.39;color:#FFFFFF;}.elementor-59318 .elementor-element.elementor-element-c9bc581{--display:flex;}.elementor-59318 .elementor-element.elementor-element-c9bc581.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-59318 .elementor-element.elementor-element-0495708.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59318 .elementor-element.elementor-element-8828239{--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-59318 .elementor-element.elementor-element-8828239 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#ACABAB00;}.elementor-59318 .elementor-element.elementor-element-8828239 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#1AB69D;}.elementor-59318 .elementor-element.elementor-element-8828239 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#1AB69D;}:where( .elementor-59318 .elementor-element.elementor-element-8828239 > .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-59318 .elementor-element.elementor-element-8828239 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-59318 .elementor-element.elementor-element-8828239.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59318 .elementor-element.elementor-element-8828239 {--n-accordion-padding:16px 25px 16px 28px;}:where( .elementor-59318 .elementor-element.elementor-element-8828239 > .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-59318 .elementor-element.elementor-element-8828239 :where( .elementor-59318 .elementor-element.elementor-element-8828239 > .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-59318 .elementor-element.elementor-element-bfd34b2{--display:flex;}.elementor-59318 .elementor-element.elementor-element-bfd34b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-59318 .elementor-element.elementor-element-c8b43d2{--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-59318 .elementor-element.elementor-element-c8b43d2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#ACABAB00;}.elementor-59318 .elementor-element.elementor-element-c8b43d2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#1AB69D;}.elementor-59318 .elementor-element.elementor-element-c8b43d2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#1AB69D;}:where( .elementor-59318 .elementor-element.elementor-element-c8b43d2 > .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-59318 .elementor-element.elementor-element-c8b43d2 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-59318 .elementor-element.elementor-element-c8b43d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59318 .elementor-element.elementor-element-c8b43d2 {--n-accordion-padding:16px 25px 16px 28px;}:where( .elementor-59318 .elementor-element.elementor-element-c8b43d2 > .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-59318 .elementor-element.elementor-element-c8b43d2 :where( .elementor-59318 .elementor-element.elementor-element-c8b43d2 > .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;}@media(min-width:768px){.elementor-59318 .elementor-element.elementor-element-c9bc581{--width:96.364%;}.elementor-59318 .elementor-element.elementor-element-bfd34b2{--width:96.883%;}}@media(max-width:1024px){.elementor-59318 .elementor-element.elementor-element-301d805{padding:65px 0px 0px 0px;}.elementor-59318 .elementor-element.elementor-element-d09a658 > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-59318 .elementor-element.elementor-element-e8abd91 > .elementor-widget-container{margin:0px 0px 0px 0px;}body:not(.rtl) .elementor-59318 .elementor-element.elementor-element-9839787{right:270px;}body.rtl .elementor-59318 .elementor-element.elementor-element-9839787{left:270px;}.elementor-59318 .elementor-element.elementor-element-9839787{bottom:-35px;}.elementor-59318 .elementor-element.elementor-element-7247e7f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59318 .elementor-element.elementor-element-7247e7f{text-align:left;}.elementor-59318 .elementor-element.elementor-element-48c1dd1 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-59318 .elementor-element.elementor-element-301d805{padding:45px 0px 0px 0px;}.elementor-59318 .elementor-element.elementor-element-48c1dd1 .elementor-heading-title{font-size:26px;}.elementor-59318 .elementor-element.elementor-element-0495708{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-59318 .elementor-element.elementor-element-d09a658{width:100%;}.elementor-59318 .elementor-element.elementor-element-4df073e{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-0495708 */@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-0495708 */@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-8828239 */@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 */ /* Start custom CSS for nested-accordion, class: .elementor-element-c8b43d2 */@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 */