/*
Theme Name: AshaClasses Child Theme for divi
Description: Child theme for Divi
Author: Ravi Saini
Template: Divi
*/


#et-boc .area-outer-wrap[data-da-color="dark"] .da-close {
    display: none;
}

.da-close {
    background-color: #ffc500 !important;
}

/* ------------------------------------ custome table for questions CSS -------------------------------------- */
.auto-table {
    border-collapse: collapse;
    width: auto !important;
    table-layout: auto;
    border: 1px solid #dcdcdc !important;
}

.auto-table th, .auto-table td {
    border: 1px solid #dcdcdc;
    padding-left: 8px !important;
    text-align: left;
    vertical-align: top;
    word-break: break-word;
}

.auto-table th {
    background-color: #f2f2f2;
}
/* ------------------------------------ custome table for questions CSS -------------------------------------- */

/* --------------------------------------------------COMPLETE NCERT COURSE page CSS----------------------------------------------- */

.dipl_tabs .dipl_tabs_item .dipl_single_tab_content {
    padding: 0px !important;
}

.dipl_tabs .dipl_tabs_item {
    padding: 0px !important;
}

@media (min-width: 981px) {
    .button-for-course-listing {
        padding: 5px 20px;
        font-size: 14px;
        border: solid 1px #dcdcdc;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .button-for-course-listing {
        padding: 5px 10px;
        font-size: 12px;
        border: solid 1px #dcdcdc;
    }
}

@media all and (max-width: 767px) {
    .button-for-course-listing {
        padding: 2px 5px;
        font-size: 10px;
        border: solid 1px #dcdcdc;
    }
}

.button-for-course-listing:hover {
    background-color: #ffc500;
}

/* --------------------------------------------------COMPLETE NCERT COURSE page CSS----------------------------------------------- */

/* --------------------------------------------------Popup for PG CSS----------------------------------------------- */

#popupforPG {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Dim background */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#popupforPG .popup-content {
    position: relative;
    background: white;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn 0.3s ease;
}

#popupforPG img {
    max-width: 100%;
    height: auto;
    display: block;
}

#popupclose {
    position: absolute;
    top: -10px;
    right: -10px;
    background: red;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* --------------------------------------------------Question paper generator CSS----------------------------------------------- */

.QPG_ROW_COL {
    display: flex;
    gap: 10px;
}

.Containerh5Element {
    background-color: #ffc500;
    text-align: center;
    padding-top: 8px;
}

.ContainerAElement {
    text-decoration: none;
    color: inherit;
    flex: 1;
}

.ContainerParagraphElement {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 10px;
}

.ContainerImage {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.CLICKMEbutton {
    background-color: #30503c;
    text-align: center;
    padding: 15px 0px 5px 0px;
    cursor: pointer;
}

.CLICKMEbutton:hover {
    background-color: #ffc500;
}

.CLICKMEh6 {
    color: white;
    margin: 0px;
}

.CLICKMEh6:hover {
    color: black;
}

.ROWContainer {
    border-radius: 5px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media all and (max-width: 980px) {
    .QPG_ROW_COL {
        display: flex;
        flex-direction: column;
    }
}

/* --------------------------------------------------Registration Page OTP Shortcode CSS----------------------------------------------- */

.success-message {
    background-color: #e1efe6;
    color: green;
    padding: 10px;
}

.error-message {
    background-color: #c74a4a;
    color: white;
    padding: 10px;
	min-height: 1em;
	font-size: 14px;
}

.Verify-Resend-OTP-container {
    margin-top: 10px;
}

#otp_code {
    width: 100%;
}

#send_otp_button {
    padding: 10px 20px;
    background-color: #ffc500;
    border: solid 1px #07294e;
    font-size: 15px;
    border-radius: 2px;
    margin-top: 8px;
    text-align: left;
    width: 100%;
}

#verify_otp_button {
    padding: 3% 9%;
    background-color: #3ba1da;
    border: none;
    color: #fff;
    border-radius: 3px;
    width: 49%;
}

#resend_otp_button {
    padding: 3% 9%;
    background-color: #eee;
    border: none;
    border-radius: 3px;
    width: 49%;
}

/* --------------------------------------------------Registration Page OTP Shortcode CSS----------------------------------------------- */

/* --------------------------------------------------Display External Content Shortcode----------------------------------------------- */

.QUE-M {
    border: solid 1px #f4979a;
    margin: 10px 0px;
}

.QUE-A {
    border: solid 1px #8aa7c9;
    margin: 10px 0px;
}

.QUE-B {
    border: solid 1px #cbc281;
    margin: 10px 0px;
}

.QUE-C {
    border: solid 1px #afd4bc;
    margin: 10px 0px;
}

.QUE-D {
    border: solid 1px #c6a3bb;
    margin: 10px 0px;
}

/* --------------------------------------------------Display External Content Shortcode----------------------------------------------- */

/* ------------------------------Footer button style CSS----------------------------- */

.global-footer-button {
    background-color: transparent; /* Default background color */
    padding: 0px 0px;
    font-size: 11px;
    font-weight: 400;
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .global-footer-button {
        font-size: 10px;
    }
}

/* Style for visited link */
.global-footer-button.visited a {
    font-weight: 400;
    color: #ffc500 !important; /* Text color when the link is visited */
}

/* Remove default link styles */

.global-footer-button a {
    text-decoration: none;
    color: white !important; /* Inherit the button's text color for unvisited links */
}

/* ------------------------------Footer button style CSS----------------------------- */

/* ------------------------------Ultimate member plugin CSS----------------------------- */

.um-postmessage {
    text-align: center;
}

.um-field-checkbox-state i {
    color: #939393;
}

#username-106571, #user_password-106571, #username_b, #user_login-106570, #user_email-106570, #user_password-106570, #confirm_user_password-106570 {
    border: #dcdcdc solid 1px !important;
    text-align: center;
}

/* ------------------------------Ultimate member plugin CSS----------------------------- */

/* ------------------------------top-menu CSS----------------------------- */

#et-info, #et-secondary-menu > ul > li a {
    font-weight: 200;
}


#top-menu li {
    font-weight: 500;
}

#top-menu li li {
	padding:0px 10px;
}

@media screen and (min-width: 981px) {
    .menu-item-118373 {
        display: none !important;
    }
}


.menu-icon-logout > a::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f011'; /* Power Off (alternative logout symbol) */
  font-weight: 900;
  margin-right: 8px;
}

.menu-icon-quiz > a::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f059'; /* Question circle */
  font-weight: 900;
  margin-right: 8px;
}

.menu-icon-exam-solutions > a::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f573'; /* File-signature */
  font-weight: 900;
  margin-right: 8px;
}

.menu-icon-custom-paper-solutions > a::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f15c'; /* File-alt */
  font-weight: 900;
  margin-right: 8px;
}

.menu-icon-members > a::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f0c0'; /* Users */
  font-weight: 900;
  margin-right: 8px;
}

.menu-icon-mock-exams > a::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f303'; /* Pen-alt */
  font-weight: 900;
  margin-right: 8px;
}

.menu-icon-login > a::before {
  content: '\f2f6'; /* Sign-in icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-home > a::before {
  content: '\f015'; /* Home icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-register > a::before {
  content: '\f234'; /* User-plus icon (register) */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-contact-us > a::before {
  content: '\f0e0'; /* Envelope icon (contact) */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-shop > a::before {
  content: '\f54e'; /* Shopping bag icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-cart > a::before {
  content: '\f07a'; /* Shopping cart icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-myaccount > a::before {
  content: '\f007'; /* User icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-code > a::before {
  content: '\f121'; /* Code icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
}

.menu-icon-help-center > a::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f2b5'; /* Life Ring */
  font-weight: 900;
  margin-right: 8px;
}

/* ------------------------------top-menu CSS----------------------------- */

/* -------------------------------Mobile Menu CSS------------------------------ */

.et_mobile_menu {
    background-color: white !important;
    border-color: #dcdcdc !important;
    border: solid;
    padding: 0px;
    border-width: 5px 1px 1px 1px;
}

.et_mobile_menu .menu-item-has-children > a {
    font-weight: 500;
}

.et_mobile_menu .current-menu-item > a, .et_mobile_menu .current_page_item > a {
    background-color: #dcdcdc;
}

.et_mobile_menu li a {
    border-bottom: 1px solid #dcdcdc;
    font-weight: 400;
}

.sub-menu .current_page_item > a {
    background-color: #dcdcdc;
}

#main-header .nav li ul a:hover {
    background-color: #ffc500;
}

#main-header .nav li ul {
    background-color: white !important;
    border-color: #dcdcdc !important;
    border: solid;
    padding: 5px;
    border-width: 5px 1px 1px 1px;
}

#main-header .nav li ul a {
    color: #130e01;
    border: solid;
	width: 208px;
	padding: 6px 10px;
    border-width: 0px 0px 1px 0px;
    border-color: #dcdcdc;
}

/* -------------------------------Mobile Menu CSS------------------------------ */

/* ------------------------------Paper Generator Main DIV (InstituteName,TimeInput,ChapterInput) CSS----------------------------- */

#Watermark-Input {
    border: solid #848484 1px;
    text-align: center;
}

@media all and (max-width: 767px) {
    .Paper-GEN-Header-Elements {
        display: flex;
        flex-direction: column;
    }

    #logoUpload {
        padding-left: 0px;
    }

    label[for="WatermarkInputCHKBOX"],
    label[for="shuffleOptions"],
    label[for="includeLogo"] {
        cursor: pointer;
        color: #130e01;
        font-size: 20px;
    }

    #inputContainer {
        padding-bottom: 20px;
    }
}

@media all and (min-width: 768px) {
    .Paper-GEN-Header-Elements {
        display: flex;
        flex-direction: row;
    }

    #logoUpload {
        padding-left: 25%;
    }

    label[for="WatermarkCHKBOX"],
    label[for="shuffleOptions"],
    label[for="includeLogo"] {
        cursor: pointer;
        color: #130e01;
        font-size: 20px;
    }
}

@media all and (min-width: 768px) {
    .ChapterInput-MainDiv,
    .TimeInput-MainDiv,
    .InstituteName-MainDiv {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) and (min-width: 501px) {
    .ChapterInput-MainDiv,
    .TimeInput-MainDiv,
    .InstituteName-MainDiv {
        flex-direction: row;
        padding-top: 10px;
    }
}

@media all and (max-width: 500px) {
    .ChapterInput-MainDiv,
    .TimeInput-MainDiv,
    .InstituteName-MainDiv {
        flex-direction: column;
        padding-top: 10px;
    }
}

/* ------------------------------Paper Generator Main DIV (InstituteName,TimeInput,ChapterInput) CSS----------------------------- */

/* ------------------------------Mock Test Paper Generator CSS----------------------------- */

.resultofstdatd {
    padding: 10px 20px;
    cursor: pointer;
    border: solid 1px #ffc500;
    background-color: #ffe27f;
    font-size: 18px;
    margin: 10px 0px;
    border-radius: 2px;
}

.noofstdatmpdata {
    font-size: 20px;
    padding: 10px 0px;
    background-color: #eaeaea;
}

@media (max-width: 767px) {
    .resultofstdatd {
        font-size: 16px;
    }
    .noofstdatmpdata {
        font-size: 18px;
    }
}

@media (max-width: 440px) {
    .resultofstdatd {
        font-size: 14px;
    }
    .noofstdatmpdata {
        font-size: 16px;
    }
}

.stdresultcopies {
    padding: 10px;
    font-weight: 600;
    background-color: #edf5f0;
}

/* Common styles for both .GeneratePIN and .GenerateUserCode */

.button-row-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.btn-like {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    color: #1f2937;
    font-size: 16px;
    max-width: 280px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

#sharePaperpintostudent {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-like {
    flex: 1 1 120px;
    max-width: 220px;
    font-size: 12px;
    box-sizing: border-box;
    height: 100%;
}


@media (min-width: 441px) {
    .btn-like {
        flex-basis: 180px;
        max-width: 220px;
        font-size: 14px;
    }
}


@media (min-width: 768px) {
    .btn-like {
        flex-basis: 220px;
        max-width: 280px;
        font-size: 16px;
    }
}

 .SpanUserCode {
    background-color: #d5dcd8;
    color: #30503c;
    padding: 0px 8px;
    border-radius: 4px;
    margin-left: 8px;
    font-weight: 700;
}

.GenerateUserCode{
    padding: 6px 0px;
	border: 1px solid #30503c;
}

.OPG_UserCode {
    color: #30503c;
}

.hidden {
    display: none;
}

#errorMessage {
    color: red;
    font-size: 15px;
}

.review-paper-btn, .delete-paper-btn {
    border: solid 1px #939393;
    padding: 3px 0px;
    font-size: 14px;
    margin-left: 20px;
    border-radius: 2px;
	min-width: 60px;
    cursor: pointer;
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    .review-paper-btn,
    .delete-paper-btn {
        font-size: 13px;
        margin-left: 15px;
    }
	.GenerateUserCode {
		padding: 8px 0px;
	}
}

@media only screen and (max-width: 440px) {
    .review-paper-btn,
    .delete-paper-btn {
        font-size: 12px;
        margin-left: 10px;
    }
	.SpanUserCode {
		margin-left: 0px;
	}
}

.review-paper-btn:hover, .delete-paper-btn:hover {
    background-color: #ffc500;
}

.paper {
    margin-top: 2px;
    padding: 3px;
    background-color: #e6e9ed;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
}

.paper.selected {
    border-color: #8e9bad;
    background-color: #bac2cd;
}

#sharePaperpintostudent {
    padding: 10px 33px;
    background-color: #6e8476;
    font-size: 16px;
    border: 1px solid #30503c;
    cursor: pointer;
    color: #ffffff;
}

#sharePaperpintostudent:hover {
    background-color: #44614f;
}

@media (max-width: 767px) {
    #sharePaperpintostudent {
        padding: 10px 25px;
        font-size: 14px;
    }
}

@media (max-width: 440px) {
    #sharePaperpintostudent {
        padding: 10px 20px;
        font-size: 12px;
    }
}


.share-button {
    display: flex;
    align-items: center;
	flex-direction: column;
    gap: 5px;
    background-color: #f2f2f2;
    padding: 8px 12px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    color: #000;
	border: none;
    transition: background-color 0.3s ease;
}
.share-button:hover {
    background-color: #e0e0e0;
}
.share-button img {
    width: 24px;
    height: 24px;
}

.share-button span {
    font-size: 12px;
	font-family: inherit;
}

/* ------------------------------Mock Test Paper Generator CSS----------------------------- */

/* ------------------------------Auto Paper Generator CSS----------------------------- */

.TotalMarksContainer{
    display: flex;
    align-items: center;
    justify-content: center;
  }

.questions-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.questions-container label {
    margin-right: 15px;
    font-size: 16px;
}

.number-picker-container {
    display: flex;
    flex-direction: row; /* Changed to row */
    align-items: center; /* Center items vertically */
    background-color: #f0f2f5; /* Background for the whole component */
    border-radius: 8px; /* Rounded corners for the component */
    border: 1px solid #ddd;
    width: 130px; /* Adjusted width */
}

.number-picker-input {
    border: none;
    border-left: 1px solid #ddd; /* Separator line */
    border-right: 1px solid #ddd; /* Separator line */
    text-align: center;
    background: transparent; /* Transparent background to see container color */
    font-size: 20px;
    font-weight: 600;
    width: 50px; /* Fixed width for the number */
    height: 40px; /* Fixed height */
    color: #000;
    -moz-appearance: textfield;
}

.number-picker-input::-webkit-outer-spin-button,
.number-picker-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.picker-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold; /* Bolder plus/minus */
    color: #007aff; /* Brighter color for buttons */
    padding: 0;
    line-height: 40px; /* Align with input height */
    width: 40px; /* Fixed width for buttons */
    height: 40px; /* Fixed height */
    transition: background-color 0.2s;
}

.picker-btn:hover {
    background-color: #e6e6e6; /* Add hover effect */
}

.down-btn {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.up-btn {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

[id^="PickNumberOfQuestionsfor"] {
    width: 20%;
    height: 25px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 2px;
    text-align: center;
    border-color: #dcdcdc;
}

.add-mark-que {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 10px 10px 0px;
    border-bottom: 1px solid #e0e0e0;
}

.add-mark-que:last-child {
    border-bottom: none;
}

#Error-msg-for-QUE,
#Error-msg-for-MARK {
    color: red;
    font-size: 14px;
    font-weight: bold;
	text-align: center;
}


@media all and (max-width: 767px) {
    .h6text {
        cursor: pointer;
        font-size: 18px;
        font-weight: 400;
        padding-top: 5px;
    }
	
    .add-mark-que {
        flex-direction: column;
        align-items: flex-start;
    }

    .questions-container {
        width: 100%;
    }

}

@media all and (min-width: 768px) {
    .h6text {
        cursor: pointer;
        font-size: 18px;
        font-weight: 400;
        padding-top: 3px;
    }
}

@media (max-width: 440px) {
	.h6text {
		font-size: 16px;
	}
}

 #sectionforchapter, #sectionforQuestions, 
 #PHY12thMTGchListDiv, #CHE12thMTGchListDiv, #BIO12thMTGchListDiv, #MAT12thMTGchListDiv, #PHY12thAPGchListDiv, #CHE12thAPGchListDiv, #BIO12thAPGchListDiv, #MAT12thAPGchListDiv,
 #PHY11thMTGchListDiv, #CHE11thMTGchListDiv, #BIO11thMTGchListDiv, #MAT11thMTGchListDiv, #PHY11thAPGchListDiv, #CHE11thAPGchListDiv, #BIO11thAPGchListDiv, #MAT11thAPGchListDiv,
 #SCI10thMTGchListDiv, #MAT10thMTGchListDiv, #SCI10thAPGchListDiv, #MAT10thAPGchListDiv, #SCI9thMTGchListDiv, #MAT9thMTGchListDiv, #SCI9thAPGchListDiv, #MAT9thAPGchListDiv{
    display: none;
}

   label[for="PHY12thMTGchInput"], label[for="CHE12thMTGchInput"], 
   label[for="BIO12thMTGchInput"], label[for="MAT12thMTGchInput"],
   label[for="PHY12thAPGchInput"], label[for="CHE12thAPGchInput"], 
   label[for="BIO12thAPGchInput"], label[for="MAT12thAPGchInput"],
   label[for="PHY11thMTGchInput"], label[for="CHE11thMTGchInput"], 
   label[for="BIO11thMTGchInput"], label[for="MAT11thMTGchInput"],
   label[for="PHY11thAPGchInput"], label[for="CHE11thAPGchInput"], 
   label[for="BIO11thAPGchInput"], label[for="MAT11thAPGchInput"],
   label[for="SCI10thMTGchInput"], label[for="MAT10thMTGchInput"],
   label[for="SCI10thAPGchInput"], label[for="MAT10thAPGchInput"],
   label[for="SCI9thMTGchInput"], label[for="MAT9thMTGchInput"],
   label[for="SCI9thAPGchInput"], label[for="MAT9thAPGchInput"]{
	   
    color: #130e01;
    font-size:22px;
    font-weight:200;
}


#PHY12thMTGchInput, #CHE12thMTGchInput, #BIO12thMTGchInput, #MAT12thMTGchInput,
#PHY12thAPGchInput, #CHE12thAPGchInput, #BIO12thAPGchInput, #MAT12thAPGchInput,
#PHY11thMTGchInput, #CHE11thMTGchInput, #BIO11thMTGchInput, #MAT11thMTGchInput,
#PHY11thAPGchInput, #CHE11thAPGchInput, #BIO11thAPGchInput, #MAT11thAPGchInput,
#SCI10thAPGchInput, #MAT10thAPGchInput, #SCI10thMTGchInput, #MAT10thMTGchInput,
#SCI9thAPGchInput, #MAT9thAPGchInput, #SCI9thMTGchInput, #MAT9thMTGchInput{
    width: 208px;
    border: solid 1px;
    text-align: center;
    border-color: #939393;
    height: 30px;
    border-radius: 2px;
}
  
.Physicschapter-container, .Chemistrychapter-container, .Biologychapter-container, .Mathematicschapter-container,
.Sciencechapter-container, .Mathschapter-container {
    text-align: center;
}

.Physicschapter, .Chemistrychapter, .Biologychapter, .Mathematicschapter, .Sciencechapter, .Mathschapter {
    cursor: pointer;
    margin: auto;
    width:208px;
    border: 1px solid #939393;
    font-size:12px;
    background-color:White;
}

.Physicschapter.selected, .Chemistrychapter.selected, .Biologychapter.selected, .Mathematicschapter.selected,
.Sciencechapter.selected, .Mathschapter.selected {
    background-color: #ffc500;
}


.custom-Checkbox-RSP {
    display: block;
    margin-bottom: 5px;
}

.custom-Checkbox-RSP input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custom-Checkbox-RSP label {
    position: relative;
    cursor: pointer;
}

.custom-Checkbox-RSP label:before {
    content: "";
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #130e01;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    display: inline-block;
    width: 20px; /* Set fixed width for checkbox */
    height: 20px; /* Set fixed height for checkbox */
    vertical-align: text-bottom;
    cursor: pointer;
    margin-right: 5px;
    text-align: center;
    line-height: 20px; /* Match the height to center the checkmark */
}

.custom-Checkbox-RSP input:checked + label:before {
    content: "\2713"; /* Unicode checkmark character */
    color: #130e01;
    font-size: 16px; /* Control the size of the checkmark */
    line-height: 20px; /* Ensure checkmark stays centered */
    font-weight: bold;
}

@media all and (max-width: 767px) {
    .custom-Checkbox-RSP input:checked + label:after {
        top: 0px;
    }
}

/* Hide the default checkbox */
.checkbox-for-QUE input[type="checkbox"] {
    display: none;
}

/* Style the label to create a custom checkbox */
.checkbox-for-QUE label {
    display: flex; /* Change to block-level to occupy full width */
    position: relative;
    padding: 0px 10px; /* Remove padding to cover the full width */
    cursor: pointer;
    transition: background-color 0.2s;
}

/* Create the checkbox appearance using a pseudo-element */
.checkbox-for-QUE label::before {
    content: "\2713"; /* Unicode checkmark character */
    display: flex;
    justify-content: center; /* Center horizontally within the flex container */
    align-items: center; /* Center vertically within the flex container */
    width: 16px;
    height: 16px;
    border: 2px solid #939393;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: transparent;
    background-color: white;
    transition: transform 0.2s, color 0.2s;
}

/* Change tick color to black when the checkbox is checked */
.checkbox-for-QUE input[type="checkbox"]:checked + label::before {
    color: #130e01;
}

/* ------------------------------Auto Paper Generator CSS----------------------------- */

/* ------------------------------Toggle-row for paper generator CSS----------------------------- */
#toggle-row-button {
    width: 100%;
    padding: 10px 5px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    font-size: 16px;
}
/* -------------------------------Toggle-row for paper generator CSS----------------------------- */

/* ------------------------------Include Solutions CSS----------------------------- */

/* Main container to center the buttons */
#button-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

/* Wrapper for each button/input */
.button-wrapper {
  flex: 1 1 120px;
  max-width: 220px;
  position: relative;
  display: flex;
}

/* Button and input styles for small screens */
#printButton, #includeSolutions {
  width: 100%;
  padding: 10px 5px;
  background-color: #ffc500;
  font-size: 14px;
  border: 1px solid #130e01;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
}

/* --- TABLET STYLES (441px and up) --- */
@media (min-width: 441px) {
  #button-container {
    gap: 15px;
  }

  .button-wrapper {
    flex-basis: 180px;
    max-width: 220px; 
  }

  #printButton, #includeSolutions {
    font-size: 16px;
    padding: 10.5px 10px;
  }
}

/* --- DESKTOP STYLES (768px and up) --- */
@media (min-width: 768px) {
  .button-wrapper {
    flex-basis: 220px;
    max-width: 280px;
  }

  #printButton, #includeSolutions {
    font-size: 18px;
    padding: 10.5px 15px;
  }
}


/* --- Dropdown Styles (Unaffected by screen size) --- */

#includeSolutions::placeholder {
  color: #130e01;
  opacity: 1;
}

#SolutionTypeMainDiv {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: white;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}

.SolutionType {
  padding: 2px 15px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  border-bottom: 1px solid #dcdcdc;
}

.SolutionType:hover {
  background-color: #f0f0f0;
}

/* ------------------------------Include Solutions CSS----------------------------- */

/* -------------------------------logo css------------------------------------ */

#logo {
    max-width: 100% !important;
}

@media only screen and (max-width: 800px) {
    #logo {
        margin-left: -30px;
    }
}

/* --------------------------------logo css---------------------------------- */

/* -----------------------login page login information css------------------------- */
.et_pb_login_0.et_pb_login .et_pb_newsletter_description_content {
    text-align: center;
}

/* -----------------------login page login information css------------------------- */

/* ----------------------------------Solution page css ------------------------------- */

.PSLastDiv {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: black;
    text-align: center;
    background: #ffc500;
    padding: 10px;
    margin-top: 20px;
}

.paperSolutions {
    display: flex;
    margin-bottom: 10px;
}

.studenttestpapersolution_Button {
    width: 93% !important;
    color: white !important;
    background: rgba(23, 23, 23, 0.8);
}

.studenttestpapersolution_Button:hover {
    background-color: #2e2e2e;
}

.delete-Solutions-btn {
    background-color: #d9534f;
    border: solid 1px #b52b27;
    color: #ffffff;
    width: 100%;
    height: 100%;
    margin-left: 10px;
}

.delete-Solutions-btn:hover {
    background-color: #c9302c;
}

.testpapersolution_ROW {
    display: none;
    margin-bottom: 50px;
}

.SEC_CH01SolList, .SEC_CH02SolList, .SEC_CH03SolList, .SEC_CH04SolList, 
.SEC_CH05SolList, .SEC_CH06SolList, .SEC_CH07SolList, .SEC_CH08SolList,
.SEC_CH09SolList, .SEC_CH10SolList, .SEC_CH11SolList, .SEC_CH12SolList,
.SEC_CH13SolList, .SEC_CH14SolList, .SEC_CH15SolList, .SEC_CH16SolList,
.SEC_CH17SolList, .SEC_CH18SolList, .SEC_CH19SolList{
	display:none;
}


/* Styles for ROW_A */
.ROW_A_CH01SolutionList, .ROW_A_CH02SolutionList, .ROW_A_CH03SolutionList, .ROW_A_CH04SolutionList, 
.ROW_A_CH05SolutionList, .ROW_A_CH06SolutionList, .ROW_A_CH07SolutionList, .ROW_A_CH08SolutionList, 
.ROW_A_CH09SolutionList, .ROW_A_CH10SolutionList, .ROW_A_CH11SolutionList, .ROW_A_CH12SolutionList, 
.ROW_A_CH13SolutionList, .ROW_A_CH14SolutionList, .ROW_A_CH15SolutionList, .ROW_A_CH16SolutionList, 
.ROW_A_CH17SolutionList, .ROW_A_CH18SolutionList, .ROW_A_CH19SolutionList {
    border: solid 1px #8aa7c9;
    margin-bottom:10px;
    padding: 10px;
    display: none;
}

/* Styles for ROW_B */
.ROW_B_CH01SolutionList, .ROW_B_CH02SolutionList, .ROW_B_CH03SolutionList, .ROW_B_CH04SolutionList, 
.ROW_B_CH05SolutionList, .ROW_B_CH06SolutionList, .ROW_B_CH07SolutionList, .ROW_B_CH08SolutionList, 
.ROW_B_CH09SolutionList, .ROW_B_CH10SolutionList, .ROW_B_CH11SolutionList, .ROW_B_CH12SolutionList, 
.ROW_B_CH13SolutionList, .ROW_B_CH14SolutionList, .ROW_B_CH15SolutionList, .ROW_B_CH16SolutionList, 
.ROW_B_CH17SolutionList, .ROW_B_CH18SolutionList, .ROW_B_CH19SolutionList {
    border: solid 1px #cbc281;
    margin-bottom:10px;
    padding: 10px;
    display: none;
}

/* Styles for ROW_C */
.ROW_C_CH01SolutionList, .ROW_C_CH02SolutionList, .ROW_C_CH03SolutionList, .ROW_C_CH04SolutionList, 
.ROW_C_CH05SolutionList, .ROW_C_CH06SolutionList, .ROW_C_CH07SolutionList, .ROW_C_CH08SolutionList, 
.ROW_C_CH09SolutionList, .ROW_C_CH10SolutionList, .ROW_C_CH11SolutionList, .ROW_C_CH12SolutionList, 
.ROW_C_CH13SolutionList, .ROW_C_CH14SolutionList, .ROW_C_CH15SolutionList, .ROW_C_CH16SolutionList, 
.ROW_C_CH17SolutionList, .ROW_C_CH18SolutionList, .ROW_C_CH19SolutionList {
    border: solid 1px #afd4bc;
    margin-bottom:10px;
    padding: 10px;
    display: none;
}

/* Styles for ROW_D */
.ROW_D_CH01SolutionList, .ROW_D_CH02SolutionList, .ROW_D_CH03SolutionList, .ROW_D_CH04SolutionList, 
.ROW_D_CH05SolutionList, .ROW_D_CH06SolutionList, .ROW_D_CH07SolutionList, .ROW_D_CH08SolutionList, 
.ROW_D_CH09SolutionList, .ROW_D_CH10SolutionList, .ROW_D_CH11SolutionList, .ROW_D_CH12SolutionList, 
.ROW_D_CH13SolutionList, .ROW_D_CH14SolutionList, .ROW_D_CH15SolutionList, .ROW_D_CH16SolutionList, 
.ROW_D_CH17SolutionList, .ROW_D_CH18SolutionList, .ROW_D_CH19SolutionList {
    border: solid 1px #c6a3bb;
    margin-bottom:10px;
    padding: 10px;
    display: none;
}


.SolChapterbuttons, .SolSectionButtons {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: black;
    padding: 7px;
    width: 100%;
    cursor: pointer;
    transition: all 300ms ease;
    margin-bottom: 10px;
}

.upload-container h2 {
    color: #333;
    font-size: 22px;
    margin-bottom: 15px;
}

.upload-container p {
    color: #555;
    font-size: 16px;
    line-height: 1.6;
}

.note {
    margin-top: 10px;
    background: white;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
}

.upload-btn {
    display: inline-block;
    background: #1f3e5f;
    color: #fff;
    text-decoration: none;
    padding: 15px 40px;
    font-size: 16px;
    margin-top: 20px;
    transition: 0.3s;
    border: none;
    cursor: pointer;
}

.upload-btn:hover {
    background: #07294e;
}

/* Hide the default file input */
#fileInput {
    display: none;
}

/* Custom button styling */
.choose-btn {
    display: inline-block;
    background: #1f3e5f;
    color: #fff;
    text-decoration: none;
    padding: 9px 40px;
    font-size: 16px;
    margin: 20px 0px;
    transition: 0.3s;
    border: none;
    cursor: pointer;
}

/* Hover effect */
.choose-btn:hover {
    background: #07294e;
}

/* Container styling */
.custom-file-upload {
    width: 100%;
    max-width: 400px;   /* optional: limit width */
    position: relative;
}

/* File name display */
#fileName {
    font-size: 16px;
    display: block;
    margin-top: 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}


/* ----------------------------------Solution page css ------------------------------- */

/* ----------------------------------quiz page css ------------------------------- */

.quiz-content {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px;
    display: none;
    background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .quiz-content {
        padding: 10px;
    }
}

@media only screen and (max-width: 440px) {
    .quiz-content {
        padding: 5px;
    }
}

.quiz-content .QZReviewHead {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    color: #130e01;
}

.quiz-content h2 {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    margin-bottom: 10px;
    color: #333;
}

.quiz-content p {
    margin-bottom: 10px;
}

.quiz-content .qzQUEsaved {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    margin-top: 15px;
    padding: 10px;
    border-left: 4px solid #939393;
    background-color: #eaeaea;
    border-radius: 4px;
}

.quiz-content .qzQUENA {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    padding: 8px;
    background-color: #f8f8f8;
    margin-top: 5px;
    border-radius: 4px;
    color: #888; /* Gray for not attempted */
}

.quiz-content .qzQUECA {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    padding: 8px;
    background-color: #e6f7e6; /* Light green for user answer */
    margin-top: 5px;
    border-radius: 4px;
    color: #228b22; /* Green for user answer */
}

.quiz-content .qzQUEIA {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    padding: 8px;
    background-color: #ffe6e6; /* light red for incorrect user answer */
    margin-top: 5px;
    border-radius: 4px;
    color: #b30000; /* dark red for user incorrect answer */
}

.quiz-content .qzQUECorrectAnswer {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    padding: 8px;
    background-color: #fff9e5;
    margin-top: 5px;
    border-radius: 4px;
    color: #130e01;
}

.quiz-content br {
    display: block;
    margin-bottom: 10px; /* Add space between questions */
}

.quiz-entry {
    margin-bottom: 10px;
}

.qzLastDiv {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: black;
    text-align: center;
    background: #ffe799;
    padding: 10px;
    margin-bottom: 10px;
}


.Physics_CH01dataList, .Physics_CH02dataList, .Physics_CH03dataList, .Physics_CH04dataList, 
.Physics_CH05dataList, .Physics_CH06dataList, .Physics_CH07dataList, .Physics_CH08dataList, 
.Physics_CH09dataList, .Physics_CH10dataList, .Physics_CH11dataList, .Physics_CH12dataList, 
.Physics_CH13dataList, .Physics_CH14dataList, 

.Chemistry_CH01dataList, .Chemistry_CH02dataList, .Chemistry_CH03dataList, .Chemistry_CH04dataList, 
.Chemistry_CH05dataList, .Chemistry_CH06dataList, .Chemistry_CH07dataList, .Chemistry_CH08dataList, 
.Chemistry_CH09dataList, .Chemistry_CH10dataList, 

.Biology_CH01dataList, .Biology_CH02dataList, .Biology_CH03dataList, .Biology_CH04dataList, 
.Biology_CH05dataList, .Biology_CH06dataList, .Biology_CH07dataList, .Biology_CH08dataList, 
.Biology_CH09dataList, .Biology_CH10dataList, .Biology_CH11dataList, .Biology_CH12dataList, 
.Biology_CH13dataList, .Biology_CH14dataList, .Biology_CH15dataList, .Biology_CH16dataList, 
.Biology_CH17dataList, .Biology_CH18dataList, .Biology_CH19dataList, 

.Science_CH01dataList, .Science_CH02dataList, .Science_CH03dataList, .Science_CH04dataList, 
.Science_CH05dataList, .Science_CH06dataList, .Science_CH07dataList, .Science_CH08dataList, 
.Science_CH09dataList, .Science_CH10dataList, .Science_CH11dataList, .Science_CH12dataList, 
.Science_CH13dataList, 

.Maths_CH01dataList, .Maths_CH02dataList, .Maths_CH03dataList, .Maths_CH04dataList, 
.Maths_CH05dataList, .Maths_CH06dataList, .Maths_CH07dataList, .Maths_CH08dataList, 
.Maths_CH09dataList, .Maths_CH10dataList, .Maths_CH11dataList, .Maths_CH12dataList, 
.Maths_CH13dataList, .Maths_CH14dataList {
    display: none;
}


.Physics_CH01dataList p, .Physics_CH02dataList p, .Physics_CH03dataList p, .Physics_CH04dataList p, 
.Physics_CH05dataList p, .Physics_CH06dataList p, .Physics_CH07dataList p, .Physics_CH08dataList p, 
.Physics_CH09dataList p, .Physics_CH10dataList p, .Physics_CH11dataList p, .Physics_CH12dataList p, 
.Physics_CH13dataList p, .Physics_CH14dataList p, 

.Chemistry_CH01dataList p, .Chemistry_CH02dataList p, .Chemistry_CH03dataList p, .Chemistry_CH04dataList p, 
.Chemistry_CH05dataList p, .Chemistry_CH06dataList p, .Chemistry_CH07dataList p, .Chemistry_CH08dataList p, 
.Chemistry_CH09dataList p, .Chemistry_CH10dataList p, 

.Biology_CH01dataList p, .Biology_CH02dataList p, .Biology_CH03dataList p, .Biology_CH04dataList p, 
.Biology_CH05dataList p, .Biology_CH06dataList p, .Biology_CH07dataList p, .Biology_CH08dataList p, 
.Biology_CH09dataList p, .Biology_CH10dataList p, .Biology_CH11dataList p, .Biology_CH12dataList p, 
.Biology_CH13dataList p, .Biology_CH14dataList p, .Biology_CH15dataList p, .Biology_CH16dataList p, 
.Biology_CH17dataList p, .Biology_CH18dataList p, .Biology_CH19dataList p, 

.Science_CH01dataList p, .Science_CH02dataList p, .Science_CH03dataList p, .Science_CH04dataList p, 
.Science_CH05dataList p, .Science_CH06dataList p, .Science_CH07dataList p, .Science_CH08dataList p, 
.Science_CH09dataList p, .Science_CH10dataList p, .Science_CH11dataList p, .Science_CH12dataList p, 
.Science_CH13dataList p, 

.Maths_CH01dataList p, .Maths_CH02dataList p, .Maths_CH03dataList p, .Maths_CH04dataList p, 
.Maths_CH05dataList p, .Maths_CH06dataList p, .Maths_CH07dataList p, .Maths_CH08dataList p, 
.Maths_CH09dataList p, .Maths_CH10dataList p, .Maths_CH11dataList p, .Maths_CH12dataList p, 
.Maths_CH13dataList p, .Maths_CH14dataList p {
    padding-bottom:0px;
}


@media all and (min-width: 768px) {
    .ChapterAnalysisbtn {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

@media all and (max-width: 767px) {
    .ChapterAnalysisbtn {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

#PHYqzDtaBtn {
    border: none;
    background-color: #9cc7e7;
}

#CHEqzDtaBtn {
    border: none;
    background-color: #abd3cb;
}

#BIOqzDtaBtn {
    border: none;
    background-color: #f6dd97;
}

#MATqzDtaBtn {
    border: none;
    background-color: #f59ba5;
}

#SCIqzDtaBtn {
    border: none;
    background-color: #bea5e3;
}

.PHYqzDta, .CHEqzDta, .BIOqzDta, .SCIqzDta, .MATqzDta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    max-width: 100%;
    padding: 10px;
}

.PHYqzDta {
    background-color: #daeaf6;
    margin-top: 10px;
    border: solid;
    border-width: 1px;
    border-color: #9cc7e7;
}

.CHEqzDta {
    background-color: #ddedea;
    margin-top: 10px;
    border: solid;
    border-width: 1px;
    border-color: #abd3cb;
}

.BIOqzDta {
    background-color: #fcf4dd;
    margin-top: 10px;
    border: solid;
    border-width: 1px;
    border-color: #f6dd97;
}

.MATqzDta {
    background-color: #fce1e4;
    margin-top: 10px;
    border: solid;
    border-width: 1px;
    border-color: #f59ba5;
}

.SCIqzDta {
    background-color: #e8dff5;
    margin-top: 10px;
    border: solid;
    border-width: 1px;
    border-color: #bea5e3;
}

.chapter-stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
}

#startQuizDiv {
    text-align: right;
}

#level {
    padding-top: 5px;
}

#quiz-standard, #quiz-subject, #quiz-chapter {
    width: 208px;
    border: solid 1px;
    text-align: center;
    border-color: #939393;
    height: 30px;
    border-radius: 2px;
}

@media only screen and (max-width: 440px) {
    #quiz-standard,
    #quiz-subject,
    #quiz-chapter {
        width: 150px;
        height: 25px;
    }
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    label[for="quiz-standard"],
    label[for="quiz-subject"],
    label[for="quiz-chapter"] {
        font-size: 20px;
    }
}

@media only screen and (max-width: 440px) {
    label[for="quiz-standard"],
    label[for="quiz-subject"],
    label[for="quiz-chapter"] {
        font-size: 16px;
    }
}

@media (min-width: 900px) {
    #physics-stats,
    #chemistry-stats,
    #biology-stats,
    #science-stats,
    #math-stats {
        padding: 10% 10% 2% 10%;
    }
}

@media (max-width: 899px) {
    #physics-stats,
    #chemistry-stats,
    #biology-stats,
    #science-stats,
    #math-stats {
        padding: 5% 10% 2% 10%;
    }
}

#physics-stats p, #chemistry-stats p, #biology-stats p, #science-stats p, #math-stats p {
    padding-bottom: 0px;
}

#physics-stats {
    background-color: #daeaf6;
    border: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #9cc7e7;
}

#chemistry-stats {
    background-color: #ddedea;
    border: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #abd3cb;
}

#biology-stats {
    background-color: #fcf4dd;
    border: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #f6dd97;
}

#math-stats {
    background-color: #fce1e4;
    border: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #f59ba5;
}

#science-stats {
    background-color: #e8dff5;
    border: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #bea5e3;
}

/* Quiz Container */
#quiz-container {
    width: 100%;
    text-align: center;
}

/* Quiz Info Section */
#quiz-info {
    padding: 10px 30px 10px;
    background-color: rgba(0, 0, 0, 0.04);
    color: #130e01;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    #quiz-info {
        padding: 10px 10px 10px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 440px) {
    #quiz-info {
        padding: 10px 10px 10px;
        font-size: 14px;
    }
}

/* Question Section */
.quiz-question {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    padding: 15px;
    background: #fff;
}

.quiz-question h4 {
    color: #939393;
}

.quiz-question p {
    font-size: 20px;
    color: #130e01;
    text-align: left;
}

/* Options */
.quiz-option {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.quiz-option label {
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.quiz-option:hover {
    background-color: #fff9e5;
    border-color: #ffc500;
}

.quiz-option input {
    margin-right: 10px;
}

#startQuiz {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    background-color: #d0d991;
    color: #130e01;
    border: solid 1px #8f9b36;
    padding: 8px 15px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
}

#startQuiz:hover {
    background-color: #b8c558;
}

#restartQuiz {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    background-color: #fad4a5;
    color: #130e01;
    padding: 8px 15px;
    border: solid 1px #f28e15;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    margin-top: 30px;
}

#restartQuiz:hover {
    background-color: #f6b15d;
}

#quitQuiz {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    background-color: #f5738b;
    color: #130e01;
    padding: 8px 15px;
    border: solid 1px #d00e31;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    margin: 5px;
}

#quitQuiz:hover {
    background-color: #f2385a;
}

#previousQuestion {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    background-color: #989ea4;
    color: #130e01;
    padding: 8px 15px;
    border: solid 1px #494f54;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    margin: 5px;
}

#previousQuestion:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

#nextQuestion {
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    background-color: #a3c6e2;
    color: #130e01;
    padding: 8px 15px;
    border: solid 1px #387db4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    margin: 5px;
}

#nextQuestion:hover {
    background-color: #69a2d0;
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    #startQuiz,
    #restartQuiz,
    #quitQuiz,
    #previousQuestion,
    #nextQuestion {
        padding: 4px 10px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 440px) {
    #startQuiz,
    #restartQuiz,
    #quitQuiz,
    #previousQuestion,
    #nextQuestion {
        padding: 2px 16px;
        font-size: 14px;
    }
}

#QuizAnalysisBtn {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 2px;
    font-size: 35px;
    background-color: #ffe799;
}

.QuizResultdiv {
    background-color: #fff9e5;
    text-align: center;
    padding: 30px;
}

.QuizCompleted {
    padding: 20px;
}

.chart-container {
    display: flex;
    flex-direction: column; /* Stack chart above legend */
    align-items: center;
    gap: 10px;
}

/* Legend at Bottom & Centered */
.chartlegend {
    display: flex;
    justify-content: center; /* Center the legend */
    gap: 15px;
    font-size: 14px;
    width: 100%;
    padding-top: 10px; /* Space between chart and legend */
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

#quizPieChart {
    max-width: 100%;
    max-height: 200px;
    width: 100% !important;
    height: auto !important;
}

.timerdiv {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 58px;
    color: #130e01;
    text-align: center;
    padding: 30px 30px;
    border-radius: 10px;
    display: inline-block;
    min-width: 300px;
    margin: auto;
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    .timerdiv {
        font-size: 50px;
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 440px) {
    .timerdiv {
        font-size: 40px;
        padding: 20px 10px;
    }
}

.custom-two-column-div-1 {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* Makes both columns equal height */
    gap: 20px; /* Adds spacing between columns */
    margin-bottom: 10px;
}

.left-column-div-1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    color: #939393;
    font-size: 14px;
}

.right-column-div-1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: right;
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    .left-column-div-1 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 440px) {
    .left-column-div-1 {
        font-size: 10px;
    }
}

.custom-two-column-div-2, .custom-two-column-div-3 {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* Makes both columns equal height */
    gap: 5px; /* Adds spacing between columns */
}

.left-column-div-2 {
    flex: 0 0 5%;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
}

.right-column-div-2,
.right-column-div-3 {
    flex: 1; /* Takes up the remaining space */
    display: flex;
    flex-direction: column;
    text-align: left;
}

.rightblock {
    display: inline-block;
    font-size: 16px;
}

.left-column-div-3 {
    flex: 0 0 5%;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
}

@media screen and (max-width: 767px) and (min-width: 441px) {
    .left-column-div-2,
    .rightblock,
    .quiz-question h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 440px) {
    .left-column-div-2,
    .rightblock,
    .quiz-question h4 {
        font-size: 14px;
    }
}

@media (min-width: 900px) {
    .dynamic-columns-row {
        display: flex;
        justify-content: space-between;
        gap: 10px; /* Adjust spacing */
    }

    /* Each Column */
    .dynamic-columns-row .dynamic-column {
        flex: 1; /* Allows columns to expand equally */
        min-width: 0; /* Prevents overflow issues */
    }

    /* Hide columns dynamically */
    .dynamic-columns-row .hidden {
        display: none;
    }

    .tabs-container {
        display: none;
    }
}

@media (max-width: 899px) {
    /* Default grid layout for large screens */
    .dynamic-columns-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .dynamic-column {
        width: 100%;
        min-width: 0px;
        background: white;
    }

    .tabs-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .tabs-container button {
        flex: 1;
        padding: 10px 20px;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 14px;
    }

    .tab-content.active {
        display: block;
        width: 100%;
    }

    .tab-content {
        display: none;
    }
  
/* Default backgrounds */
.tab-button.user-role-1 { background: #9cc7e7; } /* Physics - Blue */
.tab-button.user-role-2 { background: #abd3cb; } /* Chemistry - Green */
.tab-button.user-role-3 { background: #f6dd97; } /* Biology - Yellow */
.tab-button.user-role-4 { background: #f59ba5; } /* Mathematics - Red */
.tab-button.user-role-5 { background: #bea5e3; } /* Science - Purple */

/* Darker versions when active */
.tab-button.user-role-1.active { background: #5ea4d8; } /* Darker Physics */
.tab-button.user-role-2.active { background: #79b9ac; } /* Darker Chemistry */
.tab-button.user-role-3.active { background: #f0c651; } /* Darker Biology */
.tab-button.user-role-4.active { background: #ee5566; } /* Darker Mathematics */
.tab-button.user-role-5.active { background: #946bd1; } /* Darker Science */

/* Common active styling */
.tabs-container button.active {
    font-weight: 600;
    color: #130e01;
}
  
}


/* ----------------------------------quiz page css ------------------------------- */


/* ------------------------------Custom Paper Generator CSS----------------------------- */

/* The main wrapper that creates the grid layout */
.cpg-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
	padding:0px 20px;
}

/* Styling for each individual module/card */
.cpgmodule {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Add a subtle lift effect when hovering over a card */
.cpgmodule:hover {
    transform: translateY(-5px);

}

/* Style for the images within the cards */
.cpgmodule img {
    max-width: 40%;
    object-fit: contain;
    margin: 0 auto 15px auto;
}

/* Your original title styling */
.cpgtitle {
    font-size: 20px;
    font-weight: 500;
    color: #333;
}

/* Added a simple horizontal rule for separation */
.cpgmodule hr {
    border: none;
    height: 1px;
    background-color: #e0e0e0;
    width: 50%;
    margin: 15px auto;
}

/* Style for the paragraph text */
.cpgmodule p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    /* This makes sure the cards have the same height even if text length differs */
    flex-grow: 1;
}

.custom-module1{
	background-color: #efeaed;
}

.custom-module2{
	background-color: #daf1f5;
}

.custom-module3{
	background-color: #e1e8e9;
}

.custom-module4{
	background-color: #edf3ee;
}

/* For Tablet View */
@media screen and (max-width: 768px) {
    /* Switch to a single-column layout */
    .cpg-container {
        grid-template-columns: 100%;
    }
	
	.cpgmodule img {
	   height: 120px;
	}

    .cpgtitle {
        font-size: 17px;
    }
}

/* For Mobile View */
@media screen and (max-width: 480px) {
    .cpgmodule {
        padding: 20px;
    }
	
	.cpgmodule img {
	    height: 120px;
	}

    .cpgtitle {
        font-size: 16px;
    }
}


.DPtabs_For_Listing_Questions
    .et_pb_module_inner
    .dipl_tab_wrapper
    .dipl_tabs_controls {
    display: none;
}

.SectionMExtraQuestions, .SectionAExtraQuestions, .SectionBExtraQuestions, .SectionCExtraQuestions, .SectionDExtraQuestions {
    display: none;
}

.ExtraQuestionsSection {
    display: none;
}

.SUBJ-Chapter-Divs {
    display: none;
    padding-top: 30px;
}


.SEC_CH01QUEList, .SEC_CH02QUEList, .SEC_CH03QUEList, .SEC_CH04QUEList, 
.SEC_CH05QUEList, .SEC_CH06QUEList, .SEC_CH07QUEList, .SEC_CH08QUEList,
.SEC_CH09QUEList, .SEC_CH10QUEList, .SEC_CH11QUEList, .SEC_CH12QUEList,
.SEC_CH13QUEList, .SEC_CH14QUEList, .SEC_CH15QUEList, .SEC_CH16QUEList,
.SEC_CH17QUEList, .SEC_CH18QUEList, .SEC_CH19QUEList{
    display:none;
}


.SEC-A-EXT-QUE-02, .SEC-A-EXT-QUE-03, .SEC-A-EXT-QUE-04, .SEC-A-EXT-QUE-05,
.SEC-B-EXT-QUE-02, .SEC-B-EXT-QUE-03, .SEC-B-EXT-QUE-04, .SEC-B-EXT-QUE-05,
.SEC-C-EXT-QUE-02, .SEC-C-EXT-QUE-03, .SEC-C-EXT-QUE-04, .SEC-C-EXT-QUE-05,
.SEC-D-EXT-QUE-02, .SEC-D-EXT-QUE-03, .SEC-D-EXT-QUE-04, .SEC-D-EXT-QUE-05{
    display:none;
}


#NIQ_CH01, #NIQ_CH02, #NIQ_CH03, #NIQ_CH04, #NIQ_CH05, #NIQ_CH06, #NIQ_CH07, #NIQ_CH08, #NIQ_CH09,
#NIQ_CH10, #NIQ_CH11, #NIQ_CH12, #NIQ_CH13, #NIQ_CH14, #NIQ_CH15, #NIQ_CH16, #NIQ_CH17, #NIQ_CH18, #NIQ_CH19 {
    margin-top:10px;
}

#NEQ_CH01, #NEQ_CH02, #NEQ_CH03, #NEQ_CH04, #NEQ_CH05, #NEQ_CH06, #NEQ_CH07, #NEQ_CH08, #NEQ_CH09,
#NEQ_CH10, #NEQ_CH11, #NEQ_CH12, #NEQ_CH13, #NEQ_CH14, #NEQ_CH15, #NEQ_CH16, #NEQ_CH17, #NEQ_CH18, #NEQ_CH19 {
    margin-top:10px;
}

#NExQ_CH01, #NExQ_CH02, #NExQ_CH03, #NExQ_CH04, #NExQ_CH05, #NExQ_CH06, #NExQ_CH07, #NExQ_CH08, #NExQ_CH09,
#NExQ_CH10, #NExQ_CH11, #NExQ_CH12, #NExQ_CH13, #NExQ_CH14, #NExQ_CH15, #NExQ_CH16, #NExQ_CH17, #NExQ_CH18, #NExQ_CH19 {
    margin-top:10px;
}

#NBQ_CH01, #NBQ_CH02, #NBQ_CH03, #NBQ_CH04, #NBQ_CH05, #NBQ_CH06, #NBQ_CH07, #NBQ_CH08, #NBQ_CH09,
#NBQ_CH10, #NBQ_CH11, #NBQ_CH12, #NBQ_CH13, #NBQ_CH14, #NBQ_CH15, #NBQ_CH16, #NBQ_CH17, #NBQ_CH18, #NBQ_CH19 {
    margin-top:10px;
}

.NIQ_CH01QL, .NIQ_CH02QL, .NIQ_CH03QL, .NIQ_CH04QL, .NIQ_CH05QL, .NIQ_CH06QL, .NIQ_CH07QL, .NIQ_CH08QL, .NIQ_CH09QL,
.NIQ_CH10QL, .NIQ_CH11QL, .NIQ_CH12QL, .NIQ_CH13QL, .NIQ_CH14QL, .NIQ_CH15QL, .NIQ_CH16QL, .NIQ_CH17QL, .NIQ_CH18QL, .NIQ_CH19QL {
    display: none;
    padding-bottom: 25px;
}

.NEQ_CH01QL, .NEQ_CH02QL, .NEQ_CH03QL, .NEQ_CH04QL, .NEQ_CH05QL, .NEQ_CH06QL, .NEQ_CH07QL, .NEQ_CH08QL, .NEQ_CH09QL,
.NEQ_CH10QL, .NEQ_CH11QL, .NEQ_CH12QL, .NEQ_CH13QL, .NEQ_CH14QL, .NEQ_CH15QL, .NEQ_CH16QL, .NEQ_CH17QL, .NEQ_CH18QL, .NEQ_CH19QL {
    display: none;
    padding-bottom: 25px;
}

.NExQ_CH01QL, .NExQ_CH02QL, .NExQ_CH03QL, .NExQ_CH04QL, .NExQ_CH05QL, .NExQ_CH06QL, .NExQ_CH07QL, .NExQ_CH08QL, .NExQ_CH09QL,
.NExQ_CH10QL, .NExQ_CH11QL, .NExQ_CH12QL, .NExQ_CH13QL, .NExQ_CH14QL, .NExQ_CH15QL, .NExQ_CH16QL, .NExQ_CH17QL, .NExQ_CH18QL, .NExQ_CH19QL {
    display: none;
    padding-bottom: 25px;
}

.NBQ_CH01QL, .NBQ_CH02QL, .NBQ_CH03QL, .NBQ_CH04QL, .NBQ_CH05QL, .NBQ_CH06QL, .NBQ_CH07QL, .NBQ_CH08QL, .NBQ_CH09QL,
.NBQ_CH10QL, .NBQ_CH11QL, .NBQ_CH12QL, .NBQ_CH13QL, .NBQ_CH14QL, .NBQ_CH15QL, .NBQ_CH16QL, .NBQ_CH17QL, .NBQ_CH18QL, .NBQ_CH19QL {
    display: none;
    padding-bottom: 25px;
}


.NIQ_M_CH01QL, .NIQ_A_CH01QL, .NIQ_B_CH01QL, .NIQ_C_CH01QL, .NIQ_D_CH01QL,
.NIQ_M_CH02QL, .NIQ_A_CH02QL, .NIQ_B_CH02QL, .NIQ_C_CH02QL, .NIQ_D_CH02QL,
.NIQ_M_CH03QL, .NIQ_A_CH03QL, .NIQ_B_CH03QL, .NIQ_C_CH03QL, .NIQ_D_CH03QL,
.NIQ_M_CH04QL, .NIQ_A_CH04QL, .NIQ_B_CH04QL, .NIQ_C_CH04QL, .NIQ_D_CH04QL,
.NIQ_M_CH05QL, .NIQ_A_CH05QL, .NIQ_B_CH05QL, .NIQ_C_CH05QL, .NIQ_D_CH05QL,
.NIQ_M_CH06QL, .NIQ_A_CH06QL, .NIQ_B_CH06QL, .NIQ_C_CH06QL, .NIQ_D_CH06QL,
.NIQ_M_CH07QL, .NIQ_A_CH07QL, .NIQ_B_CH07QL, .NIQ_C_CH07QL, .NIQ_D_CH07QL,
.NIQ_M_CH08QL, .NIQ_A_CH08QL, .NIQ_B_CH08QL, .NIQ_C_CH08QL, .NIQ_D_CH08QL,
.NIQ_M_CH09QL, .NIQ_A_CH09QL, .NIQ_B_CH09QL, .NIQ_C_CH09QL, .NIQ_D_CH09QL,
.NIQ_M_CH10QL, .NIQ_A_CH10QL, .NIQ_B_CH10QL, .NIQ_C_CH10QL, .NIQ_D_CH10QL,
.NIQ_M_CH11QL, .NIQ_A_CH11QL, .NIQ_B_CH11QL, .NIQ_C_CH11QL, .NIQ_D_CH11QL,
.NIQ_M_CH12QL, .NIQ_A_CH12QL, .NIQ_B_CH12QL, .NIQ_C_CH12QL, .NIQ_D_CH12QL,
.NIQ_M_CH13QL, .NIQ_A_CH13QL, .NIQ_B_CH13QL, .NIQ_C_CH13QL, .NIQ_D_CH13QL,
.NIQ_M_CH14QL, .NIQ_A_CH14QL, .NIQ_B_CH14QL, .NIQ_C_CH14QL, .NIQ_D_CH14QL,
.NIQ_M_CH15QL, .NIQ_A_CH15QL, .NIQ_B_CH15QL, .NIQ_C_CH15QL, .NIQ_D_CH15QL,
.NIQ_M_CH16QL, .NIQ_A_CH16QL, .NIQ_B_CH16QL, .NIQ_C_CH16QL, .NIQ_D_CH16QL,
.NIQ_M_CH17QL, .NIQ_A_CH17QL, .NIQ_B_CH17QL, .NIQ_C_CH17QL, .NIQ_D_CH17QL,
.NIQ_M_CH18QL, .NIQ_A_CH18QL, .NIQ_B_CH18QL, .NIQ_C_CH18QL, .NIQ_D_CH18QL,
.NIQ_M_CH19QL, .NIQ_A_CH19QL, .NIQ_B_CH19QL, .NIQ_C_CH19QL, .NIQ_D_CH19QL,

.NEQ_M_CH01QL, .NEQ_A_CH01QL, .NEQ_B_CH01QL, .NEQ_C_CH01QL, .NEQ_D_CH01QL,
.NEQ_M_CH02QL, .NEQ_A_CH02QL, .NEQ_B_CH02QL, .NEQ_C_CH02QL, .NEQ_D_CH02QL,
.NEQ_M_CH03QL, .NEQ_A_CH03QL, .NEQ_B_CH03QL, .NEQ_C_CH03QL, .NEQ_D_CH03QL,
.NEQ_M_CH04QL, .NEQ_A_CH04QL, .NEQ_B_CH04QL, .NEQ_C_CH04QL, .NEQ_D_CH04QL,
.NEQ_M_CH05QL, .NEQ_A_CH05QL, .NEQ_B_CH05QL, .NEQ_C_CH05QL, .NEQ_D_CH05QL,
.NEQ_M_CH06QL, .NEQ_A_CH06QL, .NEQ_B_CH06QL, .NEQ_C_CH06QL, .NEQ_D_CH06QL,
.NEQ_M_CH07QL, .NEQ_A_CH07QL, .NEQ_B_CH07QL, .NEQ_C_CH07QL, .NEQ_D_CH07QL,
.NEQ_M_CH08QL, .NEQ_A_CH08QL, .NEQ_B_CH08QL, .NEQ_C_CH08QL, .NEQ_D_CH08QL,
.NEQ_M_CH09QL, .NEQ_A_CH09QL, .NEQ_B_CH09QL, .NEQ_C_CH09QL, .NEQ_D_CH09QL,
.NEQ_M_CH10QL, .NEQ_A_CH10QL, .NEQ_B_CH10QL, .NEQ_C_CH10QL, .NEQ_D_CH10QL,
.NEQ_M_CH11QL, .NEQ_A_CH11QL, .NEQ_B_CH11QL, .NEQ_C_CH11QL, .NEQ_D_CH11QL,
.NEQ_M_CH12QL, .NEQ_A_CH12QL, .NEQ_B_CH12QL, .NEQ_C_CH12QL, .NEQ_D_CH12QL,
.NEQ_M_CH13QL, .NEQ_A_CH13QL, .NEQ_B_CH13QL, .NEQ_C_CH13QL, .NEQ_D_CH13QL,
.NEQ_M_CH14QL, .NEQ_A_CH14QL, .NEQ_B_CH14QL, .NEQ_C_CH14QL, .NEQ_D_CH14QL,
.NEQ_M_CH15QL, .NEQ_A_CH15QL, .NEQ_B_CH15QL, .NEQ_C_CH15QL, .NEQ_D_CH15QL,
.NEQ_M_CH16QL, .NEQ_A_CH16QL, .NEQ_B_CH16QL, .NEQ_C_CH16QL, .NEQ_D_CH16QL,
.NEQ_M_CH17QL, .NEQ_A_CH17QL, .NEQ_B_CH17QL, .NEQ_C_CH17QL, .NEQ_D_CH17QL,
.NEQ_M_CH18QL, .NEQ_A_CH18QL, .NEQ_B_CH18QL, .NEQ_C_CH18QL, .NEQ_D_CH18QL,
.NEQ_M_CH19QL, .NEQ_A_CH19QL, .NEQ_B_CH19QL, .NEQ_C_CH19QL, .NEQ_D_CH19QL,

.NExQ_M_CH01QL, .NExQ_A_CH01QL, .NExQ_B_CH01QL, .NExQ_C_CH01QL, .NExQ_D_CH01QL,
.NExQ_M_CH02QL, .NExQ_A_CH02QL, .NExQ_B_CH02QL, .NExQ_C_CH02QL, .NExQ_D_CH02QL,
.NExQ_M_CH03QL, .NExQ_A_CH03QL, .NExQ_B_CH03QL, .NExQ_C_CH03QL, .NExQ_D_CH03QL,
.NExQ_M_CH04QL, .NExQ_A_CH04QL, .NExQ_B_CH04QL, .NExQ_C_CH04QL, .NExQ_D_CH04QL,
.NExQ_M_CH05QL, .NExQ_A_CH05QL, .NExQ_B_CH05QL, .NExQ_C_CH05QL, .NExQ_D_CH05QL,
.NExQ_M_CH06QL, .NExQ_A_CH06QL, .NExQ_B_CH06QL, .NExQ_C_CH06QL, .NExQ_D_CH06QL,
.NExQ_M_CH07QL, .NExQ_A_CH07QL, .NExQ_B_CH07QL, .NExQ_C_CH07QL, .NExQ_D_CH07QL,
.NExQ_M_CH08QL, .NExQ_A_CH08QL, .NExQ_B_CH08QL, .NExQ_C_CH08QL, .NExQ_D_CH08QL,
.NExQ_M_CH09QL, .NExQ_A_CH09QL, .NExQ_B_CH09QL, .NExQ_C_CH09QL, .NExQ_D_CH09QL,
.NExQ_M_CH10QL, .NExQ_A_CH10QL, .NExQ_B_CH10QL, .NExQ_C_CH10QL, .NExQ_D_CH10QL,
.NExQ_M_CH11QL, .NExQ_A_CH11QL, .NExQ_B_CH11QL, .NExQ_C_CH11QL, .NExQ_D_CH11QL,
.NExQ_M_CH12QL, .NExQ_A_CH12QL, .NExQ_B_CH12QL, .NExQ_C_CH12QL, .NExQ_D_CH12QL,
.NExQ_M_CH13QL, .NExQ_A_CH13QL, .NExQ_B_CH13QL, .NExQ_C_CH13QL, .NExQ_D_CH13QL,
.NExQ_M_CH14QL, .NExQ_A_CH14QL, .NExQ_B_CH14QL, .NExQ_C_CH14QL, .NExQ_D_CH14QL,
.NExQ_M_CH15QL, .NExQ_A_CH15QL, .NExQ_B_CH15QL, .NExQ_C_CH15QL, .NExQ_D_CH15QL,
.NExQ_M_CH16QL, .NExQ_A_CH16QL, .NExQ_B_CH16QL, .NExQ_C_CH16QL, .NExQ_D_CH16QL,
.NExQ_M_CH17QL, .NExQ_A_CH17QL, .NExQ_B_CH17QL, .NExQ_C_CH17QL, .NExQ_D_CH17QL,
.NExQ_M_CH18QL, .NExQ_A_CH18QL, .NExQ_B_CH18QL, .NExQ_C_CH18QL, .NExQ_D_CH18QL,
.NExQ_M_CH19QL, .NExQ_A_CH19QL, .NExQ_B_CH19QL, .NExQ_C_CH19QL, .NExQ_D_CH19QL,

.NBQ_M_CH01QL, .NBQ_A_CH01QL, .NBQ_B_CH01QL, .NBQ_C_CH01QL, .NBQ_D_CH01QL,
.NBQ_M_CH02QL, .NBQ_A_CH02QL, .NBQ_B_CH02QL, .NBQ_C_CH02QL, .NBQ_D_CH02QL,
.NBQ_M_CH03QL, .NBQ_A_CH03QL, .NBQ_B_CH03QL, .NBQ_C_CH03QL, .NBQ_D_CH03QL,
.NBQ_M_CH04QL, .NBQ_A_CH04QL, .NBQ_B_CH04QL, .NBQ_C_CH04QL, .NBQ_D_CH04QL,
.NBQ_M_CH05QL, .NBQ_A_CH05QL, .NBQ_B_CH05QL, .NBQ_C_CH05QL, .NBQ_D_CH05QL,
.NBQ_M_CH06QL, .NBQ_A_CH06QL, .NBQ_B_CH06QL, .NBQ_C_CH06QL, .NBQ_D_CH06QL,
.NBQ_M_CH07QL, .NBQ_A_CH07QL, .NBQ_B_CH07QL, .NBQ_C_CH07QL, .NBQ_D_CH07QL,
.NBQ_M_CH08QL, .NBQ_A_CH08QL, .NBQ_B_CH08QL, .NBQ_C_CH08QL, .NBQ_D_CH08QL,
.NBQ_M_CH09QL, .NBQ_A_CH09QL, .NBQ_B_CH09QL, .NBQ_C_CH09QL, .NBQ_D_CH09QL,
.NBQ_M_CH10QL, .NBQ_A_CH10QL, .NBQ_B_CH10QL, .NBQ_C_CH10QL, .NBQ_D_CH10QL,
.NBQ_M_CH11QL, .NBQ_A_CH11QL, .NBQ_B_CH11QL, .NBQ_C_CH11QL, .NBQ_D_CH11QL,
.NBQ_M_CH12QL, .NBQ_A_CH12QL, .NBQ_B_CH12QL, .NBQ_C_CH12QL, .NBQ_D_CH12QL,
.NBQ_M_CH13QL, .NBQ_A_CH13QL, .NBQ_B_CH13QL, .NBQ_C_CH13QL, .NBQ_D_CH13QL,
.NBQ_M_CH14QL, .NBQ_A_CH14QL, .NBQ_B_CH14QL, .NBQ_C_CH14QL, .NBQ_D_CH14QL,
.NBQ_M_CH15QL, .NBQ_A_CH15QL, .NBQ_B_CH15QL, .NBQ_C_CH15QL, .NBQ_D_CH15QL,
.NBQ_M_CH16QL, .NBQ_A_CH16QL, .NBQ_B_CH16QL, .NBQ_C_CH16QL, .NBQ_D_CH16QL,
.NBQ_M_CH17QL, .NBQ_A_CH17QL, .NBQ_B_CH17QL, .NBQ_C_CH17QL, .NBQ_D_CH17QL,
.NBQ_M_CH18QL, .NBQ_A_CH18QL, .NBQ_B_CH18QL, .NBQ_C_CH18QL, .NBQ_D_CH18QL,
.NBQ_M_CH19QL, .NBQ_A_CH19QL, .NBQ_B_CH19QL, .NBQ_C_CH19QL, .NBQ_D_CH19QL {
    display: none;
}



  /* ----------------------------------------- Chapter SECTION A to D Question listing rows CSS------------------------------------------------*/

#NIQ_M_CH01, #NIQ_M_CH02, #NIQ_M_CH03, #NIQ_M_CH04, #NIQ_M_CH05, #NIQ_M_CH06, #NIQ_M_CH07, #NIQ_M_CH08, #NIQ_M_CH09, #NIQ_M_CH10,
#NIQ_M_CH11, #NIQ_M_CH12, #NIQ_M_CH13, #NIQ_M_CH14, #NIQ_M_CH15, #NIQ_M_CH16, #NIQ_M_CH17, #NIQ_M_CH18, #NIQ_M_CH19,
#NEQ_M_CH01, #NEQ_M_CH02, #NEQ_M_CH03, #NEQ_M_CH04, #NEQ_M_CH05, #NEQ_M_CH06, #NEQ_M_CH07, #NEQ_M_CH08, #NEQ_M_CH09, #NEQ_M_CH10,
#NEQ_M_CH11, #NEQ_M_CH12, #NEQ_M_CH13, #NEQ_M_CH14, #NEQ_M_CH15, #NEQ_M_CH16, #NEQ_M_CH17, #NEQ_M_CH18, #NEQ_M_CH19,
#NExQ_M_CH01, #NExQ_M_CH02, #NExQ_M_CH03, #NExQ_M_CH04, #NExQ_M_CH05, #NExQ_M_CH06, #NExQ_M_CH07, #NExQ_M_CH08, #NExQ_M_CH09, #NExQ_M_CH10,
#NExQ_M_CH11, #NExQ_M_CH12, #NExQ_M_CH13, #NExQ_M_CH14, #NExQ_M_CH15, #NExQ_M_CH16, #NExQ_M_CH17, #NExQ_M_CH18, #NExQ_M_CH19,
#NBQ_M_CH01, #NBQ_M_CH02, #NBQ_M_CH03, #NBQ_M_CH04, #NBQ_M_CH05, #NBQ_M_CH06, #NBQ_M_CH07, #NBQ_M_CH08, #NBQ_M_CH09, #NBQ_M_CH10,
#NBQ_M_CH11, #NBQ_M_CH12, #NBQ_M_CH13, #NBQ_M_CH14, #NBQ_M_CH15, #NBQ_M_CH16, #NBQ_M_CH17, #NBQ_M_CH18, #NBQ_M_CH19 {
    background-color: #fbdcdd;
    border: solid 1px #f4979a;
    margin-top: 10px;
}


#NIQ_A_CH01, #NIQ_A_CH02, #NIQ_A_CH03, #NIQ_A_CH04, #NIQ_A_CH05, #NIQ_A_CH06, #NIQ_A_CH07, #NIQ_A_CH08, #NIQ_A_CH09, #NIQ_A_CH10,
#NIQ_A_CH11, #NIQ_A_CH12, #NIQ_A_CH13, #NIQ_A_CH14, #NIQ_A_CH15, #NIQ_A_CH16, #NIQ_A_CH17, #NIQ_A_CH18, #NIQ_A_CH19,
#NEQ_A_CH01, #NEQ_A_CH02, #NEQ_A_CH03, #NEQ_A_CH04, #NEQ_A_CH05, #NEQ_A_CH06, #NEQ_A_CH07, #NEQ_A_CH08, #NEQ_A_CH09, #NEQ_A_CH10,
#NEQ_A_CH11, #NEQ_A_CH12, #NEQ_A_CH13, #NEQ_A_CH14, #NEQ_A_CH15, #NEQ_A_CH16, #NEQ_A_CH17, #NEQ_A_CH18, #NEQ_A_CH19,
#NExQ_A_CH01, #NExQ_A_CH02, #NExQ_A_CH03, #NExQ_A_CH04, #NExQ_A_CH05, #NExQ_A_CH06, #NExQ_A_CH07, #NExQ_A_CH08, #NExQ_A_CH09, #NExQ_A_CH10,
#NExQ_A_CH11, #NExQ_A_CH12, #NExQ_A_CH13, #NExQ_A_CH14, #NExQ_A_CH15, #NExQ_A_CH16, #NExQ_A_CH17, #NExQ_A_CH18, #NExQ_A_CH19,
#NBQ_A_CH01, #NBQ_A_CH02, #NBQ_A_CH03, #NBQ_A_CH04, #NBQ_A_CH05, #NBQ_A_CH06, #NBQ_A_CH07, #NBQ_A_CH08, #NBQ_A_CH09, #NBQ_A_CH10,
#NBQ_A_CH11, #NBQ_A_CH12, #NBQ_A_CH13, #NBQ_A_CH14, #NBQ_A_CH15, #NBQ_A_CH16, #NBQ_A_CH17, #NBQ_A_CH18, #NBQ_A_CH19 {
    background-color: #e3eaf2;
    border: solid 1px #8aa7c9;
    margin-top: 10px;
}


#NIQ_B_CH01, #NIQ_B_CH02, #NIQ_B_CH03, #NIQ_B_CH04, #NIQ_B_CH05, #NIQ_B_CH06, #NIQ_B_CH07, #NIQ_B_CH08, #NIQ_B_CH09, #NIQ_B_CH10,
#NIQ_B_CH11, #NIQ_B_CH12, #NIQ_B_CH13, #NIQ_B_CH14, #NIQ_B_CH15, #NIQ_B_CH16, #NIQ_B_CH17, #NIQ_B_CH18, #NIQ_B_CH19,
#NEQ_B_CH01, #NEQ_B_CH02, #NEQ_B_CH03, #NEQ_B_CH04, #NEQ_B_CH05, #NEQ_B_CH06, #NEQ_B_CH07, #NEQ_B_CH08, #NEQ_B_CH09, #NEQ_B_CH10,
#NEQ_B_CH11, #NEQ_B_CH12, #NEQ_B_CH13, #NEQ_B_CH14, #NEQ_B_CH15, #NEQ_B_CH16, #NEQ_B_CH17, #NEQ_B_CH18, #NEQ_B_CH19,
#NExQ_B_CH01, #NExQ_B_CH02, #NExQ_B_CH03, #NExQ_B_CH04, #NExQ_B_CH05, #NExQ_B_CH06, #NExQ_B_CH07, #NExQ_B_CH08, #NExQ_B_CH09, #NExQ_B_CH10,
#NExQ_B_CH11, #NExQ_B_CH12, #NExQ_B_CH13, #NExQ_B_CH14, #NExQ_B_CH15, #NExQ_B_CH16, #NExQ_B_CH17, #NExQ_B_CH18, #NExQ_B_CH19,
#NBQ_B_CH01, #NBQ_B_CH02, #NBQ_B_CH03, #NBQ_B_CH04, #NBQ_B_CH05, #NBQ_B_CH06, #NBQ_B_CH07, #NBQ_B_CH08, #NBQ_B_CH09, #NBQ_B_CH10,
#NBQ_B_CH11, #NBQ_B_CH12, #NBQ_B_CH13, #NBQ_B_CH14, #NBQ_B_CH15, #NBQ_B_CH16, #NBQ_B_CH17, #NBQ_B_CH18, #NBQ_B_CH19 {
    background-color: #f2f0e0;
    border: solid 1px #cbc281;
    margin-top: 10px;
}


#NIQ_C_CH01, #NIQ_C_CH02, #NIQ_C_CH03, #NIQ_C_CH04, #NIQ_C_CH05, #NIQ_C_CH06, #NIQ_C_CH07, #NIQ_C_CH08, #NIQ_C_CH09, #NIQ_C_CH10,
#NIQ_C_CH11, #NIQ_C_CH12, #NIQ_C_CH13, #NIQ_C_CH14, #NIQ_C_CH15, #NIQ_C_CH16, #NIQ_C_CH17, #NIQ_C_CH18, #NIQ_C_CH19,
#NEQ_C_CH01, #NEQ_C_CH02, #NEQ_C_CH03, #NEQ_C_CH04, #NEQ_C_CH05, #NEQ_C_CH06, #NEQ_C_CH07, #NEQ_C_CH08, #NEQ_C_CH09, #NEQ_C_CH10,
#NEQ_C_CH11, #NEQ_C_CH12, #NEQ_C_CH13, #NEQ_C_CH14, #NEQ_C_CH15, #NEQ_C_CH16, #NEQ_C_CH17, #NEQ_C_CH18, #NEQ_C_CH19,
#NExQ_C_CH01, #NExQ_C_CH02, #NExQ_C_CH03, #NExQ_C_CH04, #NExQ_C_CH05, #NExQ_C_CH06, #NExQ_C_CH07, #NExQ_C_CH08, #NExQ_C_CH09, #NExQ_C_CH10,
#NExQ_C_CH11, #NExQ_C_CH12, #NExQ_C_CH13, #NExQ_C_CH14, #NExQ_C_CH15, #NExQ_C_CH16, #NExQ_C_CH17, #NExQ_C_CH18, #NExQ_C_CH19,
#NBQ_C_CH01, #NBQ_C_CH02, #NBQ_C_CH03, #NBQ_C_CH04, #NBQ_C_CH05, #NBQ_C_CH06, #NBQ_C_CH07, #NBQ_C_CH08, #NBQ_C_CH09, #NBQ_C_CH10,
#NBQ_C_CH11, #NBQ_C_CH12, #NBQ_C_CH13, #NBQ_C_CH14, #NBQ_C_CH15, #NBQ_C_CH16, #NBQ_C_CH17, #NBQ_C_CH18, #NBQ_C_CH19 {
    background-color: #e1efe6;
    border: solid 1px #afd4bc;
    margin-top: 10px;
}


#NIQ_D_CH01, #NIQ_D_CH02, #NIQ_D_CH03, #NIQ_D_CH04, #NIQ_D_CH05, #NIQ_D_CH06, #NIQ_D_CH07, #NIQ_D_CH08, #NIQ_D_CH09, #NIQ_D_CH10,
#NIQ_D_CH11, #NIQ_D_CH12, #NIQ_D_CH13, #NIQ_D_CH14, #NIQ_D_CH15, #NIQ_D_CH16, #NIQ_D_CH17, #NIQ_D_CH18, #NIQ_D_CH19,
#NEQ_D_CH01, #NEQ_D_CH02, #NEQ_D_CH03, #NEQ_D_CH04, #NEQ_D_CH05, #NEQ_D_CH06, #NEQ_D_CH07, #NEQ_D_CH08, #NEQ_D_CH09, #NEQ_D_CH10,
#NEQ_D_CH11, #NEQ_D_CH12, #NEQ_D_CH13, #NEQ_D_CH14, #NEQ_D_CH15, #NEQ_D_CH16, #NEQ_D_CH17, #NEQ_D_CH18, #NEQ_D_CH19,
#NExQ_D_CH01, #NExQ_D_CH02, #NExQ_D_CH03, #NExQ_D_CH04, #NExQ_D_CH05, #NExQ_D_CH06, #NExQ_D_CH07, #NExQ_D_CH08, #NExQ_D_CH09, #NExQ_D_CH10,
#NExQ_D_CH11, #NExQ_D_CH12, #NExQ_D_CH13, #NExQ_D_CH14, #NExQ_D_CH15, #NExQ_D_CH16, #NExQ_D_CH17, #NExQ_D_CH18, #NExQ_D_CH19,
#NBQ_D_CH01, #NBQ_D_CH02, #NBQ_D_CH03, #NBQ_D_CH04, #NBQ_D_CH05, #NBQ_D_CH06, #NBQ_D_CH07, #NBQ_D_CH08, #NBQ_D_CH09, #NBQ_D_CH10,
#NBQ_D_CH11, #NBQ_D_CH12, #NBQ_D_CH13, #NBQ_D_CH14, #NBQ_D_CH15, #NBQ_D_CH16, #NBQ_D_CH17, #NBQ_D_CH18, #NBQ_D_CH19 {
    background-color: #f3ecf1;
    border: solid 1px #c6a3bb;
    margin-top: 10px;
}


#NIQ_M_CH01:hover, #NIQ_M_CH02:hover, #NIQ_M_CH03:hover, #NIQ_M_CH04:hover, #NIQ_M_CH05:hover,
#NIQ_M_CH06:hover, #NIQ_M_CH07:hover, #NIQ_M_CH08:hover, #NIQ_M_CH09:hover, #NIQ_M_CH10:hover,
#NIQ_M_CH11:hover, #NIQ_M_CH12:hover, #NIQ_M_CH13:hover, #NIQ_M_CH14:hover, #NIQ_M_CH15:hover,
#NIQ_M_CH16:hover, #NIQ_M_CH17:hover, #NIQ_M_CH18:hover, #NIQ_M_CH19:hover,

#NEQ_M_CH01:hover, #NEQ_M_CH02:hover, #NEQ_M_CH03:hover, #NEQ_M_CH04:hover, #NEQ_M_CH05:hover,
#NEQ_M_CH06:hover, #NEQ_M_CH07:hover, #NEQ_M_CH08:hover, #NEQ_M_CH09:hover, #NEQ_M_CH10:hover,
#NEQ_M_CH11:hover, #NEQ_M_CH12:hover, #NEQ_M_CH13:hover, #NEQ_M_CH14:hover, #NEQ_M_CH15:hover,
#NEQ_M_CH16:hover, #NEQ_M_CH17:hover, #NEQ_M_CH18:hover, #NEQ_M_CH19:hover,

#NExQ_M_CH01:hover, #NExQ_M_CH02:hover, #NExQ_M_CH03:hover, #NExQ_M_CH04:hover, #NExQ_M_CH05:hover,
#NExQ_M_CH06:hover, #NExQ_M_CH07:hover, #NExQ_M_CH08:hover, #NExQ_M_CH09:hover, #NExQ_M_CH10:hover,
#NExQ_M_CH11:hover, #NExQ_M_CH12:hover, #NExQ_M_CH13:hover, #NExQ_M_CH14:hover, #NExQ_M_CH15:hover,
#NExQ_M_CH16:hover, #NExQ_M_CH17:hover, #NExQ_M_CH18:hover, #NExQ_M_CH19:hover,

#NBQ_M_CH01:hover, #NBQ_M_CH02:hover, #NBQ_M_CH03:hover, #NBQ_M_CH04:hover, #NBQ_M_CH05:hover,
#NBQ_M_CH06:hover, #NBQ_M_CH07:hover, #NBQ_M_CH08:hover, #NBQ_M_CH09:hover, #NBQ_M_CH10:hover,
#NBQ_M_CH11:hover, #NBQ_M_CH12:hover, #NBQ_M_CH13:hover, #NBQ_M_CH14:hover, #NBQ_M_CH15:hover,
#NBQ_M_CH16:hover, #NBQ_M_CH17:hover, #NBQ_M_CH18:hover, #NBQ_M_CH19:hover {
    background-color: #fad0d2;
}


#NIQ_A_CH01:hover, #NIQ_A_CH02:hover, #NIQ_A_CH03:hover, #NIQ_A_CH04:hover, #NIQ_A_CH05:hover,
#NIQ_A_CH06:hover, #NIQ_A_CH07:hover, #NIQ_A_CH08:hover, #NIQ_A_CH09:hover, #NIQ_A_CH10:hover,
#NIQ_A_CH11:hover, #NIQ_A_CH12:hover, #NIQ_A_CH13:hover, #NIQ_A_CH14:hover, #NIQ_A_CH15:hover,
#NIQ_A_CH16:hover, #NIQ_A_CH17:hover, #NIQ_A_CH18:hover, #NIQ_A_CH19:hover,

#NEQ_A_CH01:hover, #NEQ_A_CH02:hover, #NEQ_A_CH03:hover, #NEQ_A_CH04:hover, #NEQ_A_CH05:hover,
#NEQ_A_CH06:hover, #NEQ_A_CH07:hover, #NEQ_A_CH08:hover, #NEQ_A_CH09:hover, #NEQ_A_CH10:hover,
#NEQ_A_CH11:hover, #NEQ_A_CH12:hover, #NEQ_A_CH13:hover, #NEQ_A_CH14:hover, #NEQ_A_CH15:hover,
#NEQ_A_CH16:hover, #NEQ_A_CH17:hover, #NEQ_A_CH18:hover, #NEQ_A_CH19:hover,

#NExQ_A_CH01:hover, #NExQ_A_CH02:hover, #NExQ_A_CH03:hover, #NExQ_A_CH04:hover, #NExQ_A_CH05:hover,
#NExQ_A_CH06:hover, #NExQ_A_CH07:hover, #NExQ_A_CH08:hover, #NExQ_A_CH09:hover, #NExQ_A_CH10:hover,
#NExQ_A_CH11:hover, #NExQ_A_CH12:hover, #NExQ_A_CH13:hover, #NExQ_A_CH14:hover, #NExQ_A_CH15:hover,
#NExQ_A_CH16:hover, #NExQ_A_CH17:hover, #NExQ_A_CH18:hover, #NExQ_A_CH19:hover,

#NBQ_A_CH01:hover, #NBQ_A_CH02:hover, #NBQ_A_CH03:hover, #NBQ_A_CH04:hover, #NBQ_A_CH05:hover,
#NBQ_A_CH06:hover, #NBQ_A_CH07:hover, #NBQ_A_CH08:hover, #NBQ_A_CH09:hover, #NBQ_A_CH10:hover,
#NBQ_A_CH11:hover, #NBQ_A_CH12:hover, #NBQ_A_CH13:hover, #NBQ_A_CH14:hover, #NBQ_A_CH15:hover,
#NBQ_A_CH16:hover, #NBQ_A_CH17:hover, #NBQ_A_CH18:hover, #NBQ_A_CH19:hover {
    background-color: #a1b8d3;
}



#NIQ_B_CH01:hover, #NIQ_B_CH02:hover, #NIQ_B_CH03:hover, #NIQ_B_CH04:hover, #NIQ_B_CH05:hover,
#NIQ_B_CH06:hover, #NIQ_B_CH07:hover, #NIQ_B_CH08:hover, #NIQ_B_CH09:hover, #NIQ_B_CH10:hover,
#NIQ_B_CH11:hover, #NIQ_B_CH12:hover, #NIQ_B_CH13:hover, #NIQ_B_CH14:hover, #NIQ_B_CH15:hover,
#NIQ_B_CH16:hover, #NIQ_B_CH17:hover, #NIQ_B_CH18:hover, #NIQ_B_CH19:hover,

#NEQ_B_CH01:hover, #NEQ_B_CH02:hover, #NEQ_B_CH03:hover, #NEQ_B_CH04:hover, #NEQ_B_CH05:hover,
#NEQ_B_CH06:hover, #NEQ_B_CH07:hover, #NEQ_B_CH08:hover, #NEQ_B_CH09:hover, #NEQ_B_CH10:hover,
#NEQ_B_CH11:hover, #NEQ_B_CH12:hover, #NEQ_B_CH13:hover, #NEQ_B_CH14:hover, #NEQ_B_CH15:hover,
#NEQ_B_CH16:hover, #NEQ_B_CH17:hover, #NEQ_B_CH18:hover, #NEQ_B_CH19:hover,

#NExQ_B_CH01:hover, #NExQ_B_CH02:hover, #NExQ_B_CH03:hover, #NExQ_B_CH04:hover, #NExQ_B_CH05:hover,
#NExQ_B_CH06:hover, #NExQ_B_CH07:hover, #NExQ_B_CH08:hover, #NExQ_B_CH09:hover, #NExQ_B_CH10:hover,
#NExQ_B_CH11:hover, #NExQ_B_CH12:hover, #NExQ_B_CH13:hover, #NExQ_B_CH14:hover, #NExQ_B_CH15:hover,
#NExQ_B_CH16:hover, #NExQ_B_CH17:hover, #NExQ_B_CH18:hover, #NExQ_B_CH19:hover,

#NBQ_B_CH01:hover, #NBQ_B_CH02:hover, #NBQ_B_CH03:hover, #NBQ_B_CH04:hover, #NBQ_B_CH05:hover,
#NBQ_B_CH06:hover, #NBQ_B_CH07:hover, #NBQ_B_CH08:hover, #NBQ_B_CH09:hover, #NBQ_B_CH10:hover,
#NBQ_B_CH11:hover, #NBQ_B_CH12:hover, #NBQ_B_CH13:hover, #NBQ_B_CH14:hover, #NBQ_B_CH15:hover,
#NBQ_B_CH16:hover, #NBQ_B_CH17:hover, #NBQ_B_CH18:hover, #NBQ_B_CH19:hover {
    background-color: #d5ce9a;
}



#NIQ_C_CH01:hover, #NIQ_C_CH02:hover, #NIQ_C_CH03:hover, #NIQ_C_CH04:hover, #NIQ_C_CH05:hover,
#NIQ_C_CH06:hover, #NIQ_C_CH07:hover, #NIQ_C_CH08:hover, #NIQ_C_CH09:hover, #NIQ_C_CH10:hover,
#NIQ_C_CH11:hover, #NIQ_C_CH12:hover, #NIQ_C_CH13:hover, #NIQ_C_CH14:hover, #NIQ_C_CH15:hover,
#NIQ_C_CH16:hover, #NIQ_C_CH17:hover, #NIQ_C_CH18:hover, #NIQ_C_CH19:hover,

#NEQ_C_CH01:hover, #NEQ_C_CH02:hover, #NEQ_C_CH03:hover, #NEQ_C_CH04:hover, #NEQ_C_CH05:hover,
#NEQ_C_CH06:hover, #NEQ_C_CH07:hover, #NEQ_C_CH08:hover, #NEQ_C_CH09:hover, #NEQ_C_CH10:hover,
#NEQ_C_CH11:hover, #NEQ_C_CH12:hover, #NEQ_C_CH13:hover, #NEQ_C_CH14:hover, #NEQ_C_CH15:hover,
#NEQ_C_CH16:hover, #NEQ_C_CH17:hover, #NEQ_C_CH18:hover, #NEQ_C_CH19:hover,

#NExQ_C_CH01:hover, #NExQ_C_CH02:hover, #NExQ_C_CH03:hover, #NExQ_C_CH04:hover, #NExQ_C_CH05:hover,
#NExQ_C_CH06:hover, #NExQ_C_CH07:hover, #NExQ_C_CH08:hover, #NExQ_C_CH09:hover, #NExQ_C_CH10:hover,
#NExQ_C_CH11:hover, #NExQ_C_CH12:hover, #NExQ_C_CH13:hover, #NExQ_C_CH14:hover, #NExQ_C_CH15:hover,
#NExQ_C_CH16:hover, #NExQ_C_CH17:hover, #NExQ_C_CH18:hover, #NExQ_C_CH19:hover,

#NBQ_C_CH01:hover, #NBQ_C_CH02:hover, #NBQ_C_CH03:hover, #NBQ_C_CH04:hover, #NBQ_C_CH05:hover,
#NBQ_C_CH06:hover, #NBQ_C_CH07:hover, #NBQ_C_CH08:hover, #NBQ_C_CH09:hover, #NBQ_C_CH10:hover,
#NBQ_C_CH11:hover, #NBQ_C_CH12:hover, #NBQ_C_CH13:hover, #NBQ_C_CH14:hover, #NBQ_C_CH15:hover,
#NBQ_C_CH16:hover, #NBQ_C_CH17:hover, #NBQ_C_CH18:hover, #NBQ_C_CH19:hover {
    background-color: #bfdcc9;
}



#NIQ_D_CH01:hover, #NIQ_D_CH02:hover, #NIQ_D_CH03:hover, #NIQ_D_CH04:hover, #NIQ_D_CH05:hover,
#NIQ_D_CH06:hover, #NIQ_D_CH07:hover, #NIQ_D_CH08:hover, #NIQ_D_CH09:hover, #NIQ_D_CH10:hover,
#NIQ_D_CH11:hover, #NIQ_D_CH12:hover, #NIQ_D_CH13:hover, #NIQ_D_CH14:hover, #NIQ_D_CH15:hover,
#NIQ_D_CH16:hover, #NIQ_D_CH17:hover, #NIQ_D_CH18:hover, #NIQ_D_CH19:hover,

#NEQ_D_CH01:hover, #NEQ_D_CH02:hover, #NEQ_D_CH03:hover, #NEQ_D_CH04:hover, #NEQ_D_CH05:hover,
#NEQ_D_CH06:hover, #NEQ_D_CH07:hover, #NEQ_D_CH08:hover, #NEQ_D_CH09:hover, #NEQ_D_CH10:hover,
#NEQ_D_CH11:hover, #NEQ_D_CH12:hover, #NEQ_D_CH13:hover, #NEQ_D_CH14:hover, #NEQ_D_CH15:hover,
#NEQ_D_CH16:hover, #NEQ_D_CH17:hover, #NEQ_D_CH18:hover, #NEQ_D_CH19:hover,

#NExQ_D_CH01:hover, #NExQ_D_CH02:hover, #NExQ_D_CH03:hover, #NExQ_D_CH04:hover, #NExQ_D_CH05:hover,
#NExQ_D_CH06:hover, #NExQ_D_CH07:hover, #NExQ_D_CH08:hover, #NExQ_D_CH09:hover, #NExQ_D_CH10:hover,
#NExQ_D_CH11:hover, #NExQ_D_CH12:hover, #NExQ_D_CH13:hover, #NExQ_D_CH14:hover, #NExQ_D_CH15:hover,
#NExQ_D_CH16:hover, #NExQ_D_CH17:hover, #NExQ_D_CH18:hover, #NExQ_D_CH19:hover,

#NBQ_D_CH01:hover, #NBQ_D_CH02:hover, #NBQ_D_CH03:hover, #NBQ_D_CH04:hover, #NBQ_D_CH05:hover,
#NBQ_D_CH06:hover, #NBQ_D_CH07:hover, #NBQ_D_CH08:hover, #NBQ_D_CH09:hover, #NBQ_D_CH10:hover,
#NBQ_D_CH11:hover, #NBQ_D_CH12:hover, #NBQ_D_CH13:hover, #NBQ_D_CH14:hover, #NBQ_D_CH15:hover,
#NBQ_D_CH16:hover, #NBQ_D_CH17:hover, #NBQ_D_CH18:hover, #NBQ_D_CH19:hover {
    background-color: #d1b5c8;
}


/* ----------------------------------------- Chapter SECTION A to D Question listing rows CSS------------------------------------------------*/

@media all and (min-width: 768px) {
    .DisplayExtContentBTNS {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

@media all and (max-width: 767px) {
    .DisplayExtContentBTNS {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

.DisplayExtContentBTNS:hover {
    letter-spacing: 1px;
}

@media all and (min-width: 768px) {
    .Custombuttons {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
		border: solid 1px #939393;
        font-weight: 500;
        font-size: 18px;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

@media all and (max-width: 767px) {
    .Custombuttons {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

.Custombuttons:hover {
    letter-spacing: 1px;
}

.Chapterbuttons01:hover {
    letter-spacing: 1px;
    background-color: rgba(0, 0, 0, 0.25);
}

@media all and (min-width: 768px) {
    .Chapterbuttons01 {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 500;
        border: solid 1px #939393;
        background-color: rgba(0, 0, 0, 0.15);
        font-size: 18px;
		text-align: center;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

@media all and (max-width: 767px) {
    .Chapterbuttons01 {
        font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 500;
        border: solid 1px #939393;
        background-color: rgba(0, 0, 0, 0.15);
        font-size: 14px;
        color: black;
        padding: 7px;
        width: 100%;
        cursor: pointer;
        transition: all 300ms ease;
    }
}

/* ---------------------------------- External Questions CSS-----------------------------------------*/

.Label-for-EXT-QUE {
    padding-top: 4px;
}

@media all and (min-width: 768px) {
    .Label-for-EXT-QUE {
        padding-top: 1px;
    }
}

.Chapter-EXT .custom-checkbox input[type="checkbox"]:hover + label {
    background-color: #e6e9ed;
}

@media all and (min-width: 768px) {
    .InputQuestionEXT {
        overflow: hidden; /* Prevent scrollbars */
        min-height: 40px; /* Minimum height */
        padding: 5px;
        width: 100%;
        font-size: 16px;
        border: solid #dcdcdc 1px !important;
        box-sizing: border-box; /* Ensure padding is included in width/height calculations */
        font-family: inherit; /* Ensure consistent font with other inputs */
    }
}

@media all and (max-width: 767px) {
    .InputQuestionEXT {
        overflow: hidden; /* Prevent scrollbars */
        min-height: 35px; /* Minimum height */
        padding: 5px;
        width: 100%;
        font-size: 14px;
        border: solid #dcdcdc 1px !important;
        box-sizing: border-box; /* Ensure padding is included in width/height calculations */
        font-family: inherit; /* Ensure consistent font with other inputs */
    }
}

.InputOptionEXT {
    width: 90%;
    font-size: 14px;
    box-sizing: border-box;
    border: solid #dcdcdc 1px !important;
    padding: 6px !important;
    font-family: inherit;
}

.InputAnswerEXT {
    width: 100%;
    box-sizing: border-box;
    border: solid #dcdcdc 1px !important;
    font-size: 14px;
    padding: 8px !important;
    font-family: inherit;
}

/* ---------------------------------- External Questions CSS-----------------------------------------*/

/* ---------------------------------- Add More Button CSS-----------------------------------------*/

#AddSectionAExtraQue, #Add-More-SEC-A-BTN01, #Add-More-SEC-A-BTN02, #Add-More-SEC-A-BTN03, #Add-More-SEC-A-BTN04 {
    background-color: #e3eaf2;
    border: solid 1px #8aa7c9;
}

#AddSectionAExtraQue:hover, #Add-More-SEC-A-BTN01:hover, #Add-More-SEC-A-BTN02:hover, #Add-More-SEC-A-BTN03:hover, #Add-More-SEC-A-BTN04:hover {
    background-color: #a1b8d3;
}

#AddSectionBExtraQue, #Add-More-SEC-B-BTN01, #Add-More-SEC-B-BTN02, #Add-More-SEC-B-BTN03, #Add-More-SEC-B-BTN04 {
    background-color: #f2f0e0;
    border: solid 1px #cbc281;
}

#AddSectionBExtraQue:hover, #Add-More-SEC-B-BTN01:hover, #Add-More-SEC-B-BTN02:hover, #Add-More-SEC-B-BTN03:hover, #Add-More-SEC-B-BTN04:hover {
    background-color: #d5ce9a;
}

#AddSectionCExtraQue, #Add-More-SEC-C-BTN01, #Add-More-SEC-C-BTN02, #Add-More-SEC-C-BTN03, #Add-More-SEC-C-BTN04 {
    background-color: #e1efe6;
    border: solid 1px #afd4bc;
}

#AddSectionCExtraQue:hover, #Add-More-SEC-C-BTN01:hover, #Add-More-SEC-C-BTN02:hover, #Add-More-SEC-C-BTN03:hover, #Add-More-SEC-C-BTN04:hover {
    background-color: #bfdcc9;
}

#AddSectionDExtraQue, #Add-More-SEC-D-BTN01, #Add-More-SEC-D-BTN02, #Add-More-SEC-D-BTN03, #Add-More-SEC-D-BTN04 {
    background-color: #f3ecf1;
    border: solid 1px #c6a3bb;
}

#AddSectionDExtraQue:hover, #Add-More-SEC-D-BTN01:hover, #Add-More-SEC-D-BTN02:hover, #Add-More-SEC-D-BTN03:hover, #Add-More-SEC-D-BTN04:hover {
    background-color: #d1b5c8;
}

.Addmorebutton {
    appearance: none;
    margin-top: 10px;
    border-radius: 0px;
    box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0,
        rgba(255, 255, 255, 0.25) 0 1px 0 inset;
    box-sizing: border-box;
    color: #24292e;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial,
        sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    list-style: none;
    padding: 4px 14px;
    position: relative;
    transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: break-word;
}

.Addmorebutton:hover {
    background-color: #f3f4f6;
    text-decoration: none;
    transition-duration: 0.1s;
}

.Addmorebutton:disabled {
    background-color: #fafbfc;
    border-color: rgba(27, 31, 35, 0.15);
    color: #959da5;
    cursor: default;
}

.Addmorebutton:active {
    background-color: #edeff2;
    box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
    transition: none 0s;
}

.Addmorebutton:focus {
    outline: 1px transparent;
}

.Addmorebutton:before {
    display: none;
}

.Addmorebutton:-webkit-details-marker {
    display: none;
}

/* ---------------------------------- Add More Button CSS-----------------------------------------*/

.NumberCounter-M {
    background-color: #f9c5c7;
    font-size: 12px;
}

.NumberCounter-A {
    background-color: #8aa7c9;
    font-size: 12px;
}

.NumberCounter-B {
    background-color: #cbc281;
    font-size: 12px;
}

.NumberCounter-C {
    background-color: #afd4bc;
    font-size: 12px;
}

.NumberCounter-D {
    background-color: #c6a3bb;
    font-size: 12px;
}

sub, sup {
    font-size: 11px;
}

@media all and (min-width: 768px) {
    label[for="chapterInput"],
    label[for="InstituteName"],
    label[for="timeInput"] {
        color: #130e01;
        font-size: 26px;
        font-weight: 400;
    }
}

@media screen and (max-width: 767px) and (min-width: 401px) {
    label[for="chapterInput"],
    label[for="InstituteName"],
    label[for="timeInput"] {
        color: #130e01;
        font-size: 24px;
        font-weight: 400;
    }
}

@media all and (max-width: 400px) {
    label[for="chapterInput"],
    label[for="InstituteName"],
    label[for="timeInput"] {
        color: #130e01;
        font-size: 22px;
        font-weight: 400;
    }
}

#chapterInput, #InstituteName, #timeInput {
    width: 208px;
    border: solid 1px;
    text-align: center;
    border-color: #939393;
    height: 30px;
    border-radius: 2px;
}

.chapter-container {
    text-align: center;
}

@media all and (min-width: 768px) {
    .chapter,
    .QUEtype {
        cursor: pointer;
        margin: auto;
        width: 208px;
        border: 1px solid #939393;
        font-size: 12px;
        background-color: White;
    }
}

@media all and (max-width: 767px) {
    .chapter,
    .QUEtype {
        cursor: pointer;
        width: 208px;
        border: 1px solid #939393;
        font-size: 12px;
        background-color: White;
    }
}

.chapter.selected {
    background-color: #ffc500;
}

/* Hide the default checkbox */
.custom-checkbox input[type="checkbox"] {
    display: none;
}

/* Style the label to create a custom checkbox */
.custom-checkbox label {
    display: flex; /* Change to block-level to occupy full width */
    position: relative;
    padding-left: 3px; /* Remove padding to cover the full width */
    cursor: pointer;
    transition: background-color 0.2s;
}

/* Create the checkbox appearance using a pseudo-element */
.custom-checkbox label::before {
    content: "\2713"; /* Unicode checkmark character */
    display: flex;
    justify-content: center; /* Center horizontally within the flex container */
    align-items: center; /* Center vertically within the flex container */
    width: 15px; /* Adjust to control checkbox size */
    height: 15px; /* Adjust to control checkbox size */
    border: 1px solid #130e01;
    border-radius: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: bold; /* Make the tick bold */
    color: transparent;
    background-color: transparent;
    transition: transform 0.2s, color 0.2s; /* Add color transition */
}

/* Change tick color to black when the checkbox is checked */
.custom-checkbox input[type="checkbox"]:checked + label::before {
    color: #130e01;
}

/* Change background color of the code module when the checkbox is checked */
.custom-checkbox input[type="checkbox"]:checked ~ label {
    background-color: #e6e9ed; /* Change background color when checked */
}

/* Css for table options*/
.entry-content tr td {
    border-top: 0px;
    padding: 0px;
}

@media all and (max-width: 450px) {
    .entry-content tr td {
        border-top: 0px;
        padding: 0px 0px;
        font-size: 10px;
    }
}

.entry-content table:not(.variations) {
    border: none;
    margin: 0;
}
table {
    table-layout: fixed;
    width: 100%;
}

/* ------------------------------Custom Paper Generator CSS----------------------------- */

.SubjectHeaderimg {
    display:flex;
    flex-direction:row;
    justify-content:center;
    border:2px solid #cdd4db;
    width:100%;
  }
  .SubjectHeaderimg img{
    width:25%;
  }
  .SubjectHeader{
    text-align:center;
    padding:10px 0px;
    background-color:#cdd4db;
  }
  
/* Chapter Card Styling */
  .chapter-card {
    background-color: #f9fafb; /* A very light gray */
    border: 1px solid #d1d5db; /* A medium gray border */
    border-radius: 3px;
    padding: 16px;
    margin: 15px 0px;
  }
        
  .chapter-card:last-child {
    margin-bottom: 0;
  }

  .ChapterHeader {
    text-align: center;
    margin-top: 0;
    border-radius: 3px;
    padding: 10px 24px;
    margin-bottom: 16px;
    background-color: #ffffff;
    border: 1px solid #d1d5db;
  }

  /* Button Container */
  .button-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* Button Styling */
  .PDF-Display-button {
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    color: #374151;
    padding: 8px 24px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: background-color 0.3s ease;
   }


  .PDF-Display-button:hover {
    background-color: #ffc500;
    cursor:pointer;
   }

/* -------------------------Change Mobile Columns--------------------------------- */

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .two-col-mob .et_pb_column {
        width: 47.25% !important;
    }

    html .two-col-mob .et_pb_column:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }

    html .two-col-mob .et_pb_column:not(:nth-child(2n)) {
        margin-right: 5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .three-col-mob .et_pb_column {
        width: 29.6667% !important;
    }

    html .three-col-mob .et_pb_column:nth-last-child(-n + 3) {
        margin-bottom: 0;
    }

    html .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right: 5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .four-col-mob .et_pb_column {
        width: 20.875% !important;
    }

    html .four-col-mob .et_pb_column:nth-last-child(-n + 4) {
        margin-bottom: 0;
    }

    html .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right: 5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .five-col-mob .et_pb_column {
        width: 15.6% !important;
    }

    html .five-col-mob .et_pb_column:nth-last-child(-n + 5) {
        margin-bottom: 0;
    }

    html .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right: 5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .six-col-mob .et_pb_column {
        width: 12.083% !important;
    }

    html .six-col-mob .et_pb_column:nth-last-child(-n + 6) {
        margin-bottom: 0;
    }

    html .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right: 5.5% !important;
    }
}

/*** Change Tablet Columns By DiviMundo.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .one-col-tab .et_pb_column {
        margin-right: 0 !important;
        width: 100% !important;
    }

    html .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom: 30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .two-col-tab .et_pb_column {
        width: 47.25% !important;
    }

    .two-col-tab .et_pb_column:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }

    html .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right: 5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .three-col-tab .et_pb_column {
        width: 29.6667% !important;
    }

    html .three-col-tab .et_pb_column:nth-last-child(-n + 3) {
        margin-bottom: 0;
    }

    html .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right: 5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .four-col-tab .et_pb_column {
        width: 20.875% !important;
    }

    html .four-col-tab .et_pb_column:nth-last-child(-n + 4) {
        margin-bottom: 0;
    }

    html .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right: 5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .five-col-tab .et_pb_column {
        width: 15.6% !important;
    }

    .five-col-mob .et_pb_column:nth-last-child(-n + 5) {
        margin-bottom: 0;
    }

    html .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right: 5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .six-col-tab .et_pb_column {
        width: 12.083% !important;
    }

    html .six-col-tab .et_pb_column:nth-last-child(-n + 6) {
        margin-bottom: 0;
    }

    html .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right: 5.5% !important;
    }
}

/* -------------------------Change Mobile Columns--------------------------------- */

/* --------------------------------------------------Typography----------------------------------------------- */

hr {
    border: 1px solid #dcdcdc;
}

@media (min-width: 800px) {
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
    body,
    p,
    span {
        font-size: 16px;
    }
}

/* Typography for screen width between 401px and 768px */
@media screen and (max-width: 799px) and (min-width: 451px) {
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
    }
    body,
    p,
    span {
        font-size: 14px;
    }
}

/* Typography for max-width: 450px */
@media (max-width: 450px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 16px;
    }
    h5 {
        font-size: 14px;
    }
    h6 {
        font-size: 12px;
    }
    body,
    p,
    span {
        font-size: 12px;
    }
}
/* --------------------------------------------------Typography----------------------------------------------- */

/* 2 Column WooCommerce Checkout */

@media (min-width: 768px) {
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        width: 90%;
    }

    #customer_details {
        display: flex;
        flex-flow: column nowrap;
        float: left;
        width: 50%;
    }

    #customer_details .col-2 {
        width: 90%;
        margin-top: 20px;
    }

    #order_review,
    #order_review_heading {
        width: 50%;
        float: left;
        clear: none;
    }
}

/* 2 Column WooCommerce Checkout */

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 150px;
    margin-right: 10px;
    padding: 10px 10px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center !important;
    border-radius: 2px;
    height: 44px !important;
    border: 1px solid #dcdcdc;
}

.woocommerce a.button, .woocommerce button.button, a.checkout-button.button.alt.wc-forward, .woocommerce-page.et_pb_button_helper_class button.button {
    font-size: 16px !important;
    border-radius: 2px !important;
    padding: 8px 10px !important;
    background-color: #ffe799 !important;
    border: 1px solid #939393 !important;
    font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward, .woocommerce-Button.wc-forward.button  {
    font-size: 16px !important;
    border-radius: 3px !important;
    padding: 2px 10px !important;
    background-color: #ffe799 !important;
    color: #130e01;
}

a.checkout-button.button.alt.wc-forward:hover, .woocommerce-page.et_pb_button_helper_class button.button:hover{
    color: #130e01 !important;
    background-color: #ffc500 !important;
    padding: 8px 10px !important;
}

a.woocommerce-Button.wc-forward.button:hover, .woocommerce #payment #place_order:hover {
	color: #130e01 !important;
    letter-spacing: 1px;
    border: solid 1px #939393;
	background-color: #ffc500 !important;
}

.woocommerce .woocommerce-message,.woocommerce .woocommerce-error,.woocommerce .woocommerce-info, .um-wc-tab-content .woocommerce-info{
    background-color: #dcdcdc !important;
    color: #130e01 !important;
	padding: 10px !important;
	font-size: 16px !important;
}


.woocommerce-message a.restore-item, .woocommerce-info a.showcoupon {
    color: #130e01 !important;
}

.woocommerce form .form-row input.input-text {
    padding: 8px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
	background-color: #ffe799 !important;
	border: 1px solid #939393 !important;
    padding: 8px 40px !important;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 80px;
    box-shadow: none;
}

/* Style the second line of the product title */
.woocommerce-loop-product__title .product-subtitle {
    font-size: 0.6em; 
    font-weight: normal;
    color: darkblue;
    display: block;
    margin-top: 4px;
}