.elementor-11767 .elementor-element.elementor-element-72d51e1{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11767 .elementor-element.elementor-element-a96d65c img{width:100%;}.elementor-11767 .elementor-element.elementor-element-aa11934{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11767 .elementor-element.elementor-element-24902c5 .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-1ffb500{--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-11767 .elementor-element.elementor-element-e9c0b0c{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:38px;color:#141414;}.elementor-11767 .elementor-element.elementor-element-ecfa779{--display:flex;}.elementor-11767 .elementor-element.elementor-element-089f83a .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-50799c4{--display:flex;}.elementor-11767 .elementor-element.elementor-element-26ec1b7 .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-de9c0a9{font-family:"Roboto", Sans-serif;font-weight:500;line-height:45px;color:#141414;}.elementor-11767 .elementor-element.elementor-element-c14c19e{--display:flex;}.elementor-11767 .elementor-element.elementor-element-93ef71a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;color:#000000;}.elementor-11767 .elementor-element.elementor-element-ea5f84f{--display:flex;}.elementor-11767 .elementor-element.elementor-element-b70afc1 .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-5020284 .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-0aca9ec{--display:flex;}.elementor-11767 .elementor-element.elementor-element-4f92165 .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-c049f4c .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-49d738e{--display:flex;}.elementor-11767 .elementor-element.elementor-element-4ec964a .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-2f0bd60 .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-67ff1e3{--display:flex;}.elementor-11767 .elementor-element.elementor-element-ae047cb .elementor-heading-title{color:#000000;}.elementor-11767 .elementor-element.elementor-element-60a44ca{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#141414;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11767 .elementor-element.elementor-element-1426d76 .elementor-button{background-color:#C12021;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;border-style:solid;border-radius:8px 8px 8px 8px;padding:012px 012px 012px 012px;}.elementor-11767 .elementor-element.elementor-element-ce5de9d{color:#141414;}.elementor-11767 .elementor-element.elementor-element-84f63e5{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:30px;--grid-row-gap:0px;}.elementor-11767 .elementor-element.elementor-element-84f63e5 .elementor-widget-container{text-align:left;}.elementor-11767 .elementor-element.elementor-element-84f63e5 .elementor-social-icon{--icon-padding:0.4em;}@media(max-width:767px){.elementor-11767 .elementor-element.elementor-element-24902c5 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-e9c0b0c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11767 .elementor-element.elementor-element-089f83a > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-efc6031 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-26ec1b7 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-de9c0a9 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-de9c0a9{font-size:18px;line-height:2em;}.elementor-11767 .elementor-element.elementor-element-93ef71a > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-b70afc1 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-5020284 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-ea72af6 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-4f92165 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-c049f4c > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-c3cbfc9 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-4ec964a > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-2f0bd60 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-2d122a8 > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-ae047cb > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-1426d76 .elementor-button{line-height:1.5em;}.elementor-11767 .elementor-element.elementor-element-ce5de9d > .elementor-widget-container{margin:0px -12px 0px -12px;}.elementor-11767 .elementor-element.elementor-element-84f63e5 > .elementor-widget-container{margin:0px 0px 0px 1px;}}/* Start custom CSS for container, class: .elementor-element-ecfa779 */.quiz-container {
    background-color: #ffffff;
    width: 100%;
    margin: 20px auto;
    padding: 12px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.question {
    background-color: #5943e1;
    color: white;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 5px;
}

.options {
    margin-top: 20px;
}

.option {
    background-color: #f0f0f0;
    padding: 12px;
    margin: 10px 0;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
    text-align: left;
}

.option:hover {
    background-color: #bbdefb;
    transform: translateX(10px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.correct {
    background-color: #4CAF50 !important;
    color: white;
}

.incorrect {
    background-color: #E53935 !important;
    color: white;
}

.answer {
    display: none;
    margin-top: 15px;
    font-weight: bold;
    color: #4CAF50;
    font-size: 1.1em;
}

<script>
    function checkAnswer(element, isCorrect, quizId) {
        let options = document.querySelectorAll('#' + quizId + ' .option');
        let answer = document.querySelector('#' + quizId + ' .answer');

        options.forEach(option => {
            option.style.pointerEvents = 'none';
        });

        if (isCorrect) {
            element.classList.add('correct');
        } else {
            element.classList.add('incorrect');
        }

        answer.style.display = 'block'; // सही उत्तर दिखाने के लिए
    }
</script>/* End custom CSS */