* {
    font-family: 'Source Sans Pro', sans-serif;
}

p {
    font-size: 18px !important;
}

/* .navbar-nav {
    margin: 0 auto;
    display: flex;
    justify-content: center;
} */



.dropdown-menu {
    background-color: #1D203E;
    color: #fff;
}


#logo {
    max-height: 50px;
}

.my-h3{
    color: #EFEFFB;
    font-size: 18px;
}

.my-h2{
    color: #EFEFFB;
    font-size: 44px;
    letter-spacing: -3%;
}

.typewrite{
    color: #26B3E8;
    /* color: #FFD200; */
}

.cta_btn {
    border: 2px solid #BEB8D3;
    font-size: 18px;
    /* font-weight: bold; */
    color:#BEB8D3;
}

.cta_btn i {
    color: #BEB8D3;
}

.cta_btn:hover{
    background-color: #BEB8D3;
    border: 2px solid #FFF;
    color: #FFF;
    font-weight: bold;
}

.cta_btn:hover i{
    color: #FFF;
    font-weight: bold;
}


.main_row{
    background-color: #1D203E;
}

i {
    color: #BEB8D3;
}

.sidebar_1 {
    background-color: #614BA6;
}



.main_link{
    width: 50px;
    height: 50px;
    border: 6px ridge #BEB8D3;
    /* border-style: ridge; */
    background-color: #46406A;
    border-radius: 100%;
}



.parent{
    position: relative;
}

.child_1 {
    float: right;
    background-color: #4D4480;
    margin-top: 44px;
    min-height: 420px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-left: 1px solid #9380BF;
}

.child_2 {
    float: right;
    background-color: #4D4480;
    /* margin-top: 4px; */
    min-height: 200px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top: 1px solid #9380BF;
    border-left: 1px solid #9380BF;
    border-bottom: 1px solid #9380BF;
}

.child {
    position: absolute;
    right: 0;
    top: 45px;
    background-color: #4D4480;
    border-top-left-radius: 60%;
}

.sidebar_2 {
    background-color: #594A8F;
    border-left: 1px solid #9380BF;;
}

.sidebar_2_title {
    border-bottom: 1px solid #665997;
    /* border-left: 1px solid #9380BF */
}

.side_2_link.active{
    background-color: #2C2557;
    border-radius: 5px;
}

.side_2_link.active i{
    color: #EFEFFB !important;
}

.r_link {
    color: #EFEFFB;
}

.sec_row{
    position: relative;
    min-height: 100vh;
}

.footer {
    background-color: #1D203E;
    color: #EFEFFB;
    border-right:1px solid #2E304C;
    position: absolute;
    bottom: 0;
}

.newsletter{
    background: rgb(43,42,104);
    background: radial-gradient(circle, rgba(43,42,104,1) 0%, rgba(92,49,103,0.22172619047619047) 100%);
}

.main_body {
    background-color: #1D203E;
    /* min-height: 100vh; */
}



/* NAVBAR */

.navbar {
    background-color: #1D203E !important;
    border-bottom: 1px solid #4B4C6E !important;
}

.navbar-nav .nav-item .nav-link {
    font-size: 16px;
    color: #EFEFFB;
}

.navbar-brand {
    font-size: 18px;
    color: #EFEFFB;
}
.navbar-toggler-icon {
    color: #EFEFFB;
}

.nav-link{
    color: #EFEFFB;
    font-size: 16px;
}

.nav-link i{
    color: #26B3E8;
}

.nav-item .nav-link:hover {
    color: #fff;
}


.nav-item:hover {
    background-color: #292D57;
}

.login-link:hover{
    color: #fff;
}

/* .nav-item.nav-link.active > .nav-link {
    border-bottom: 2px solid #EFEFFB;
} */

.nav-item:has(.active), .nav-item:has(.router-link-active){
    /* border-bottom: 5px solid #1D203E;
    border-top: 5px solid #1D203E;
    border-right: none;
    border-left: none;
    border-bottom-style: dashed; */
    /* border-top-style: dashed; */

    background-color: #292D57;
    border-bottom: 2px solid #FFD200;
}

.nav-item:has(.active) .nav-link i, .nav-item:has(.router-link-active) .nav-link i{
    color: #FFD200 !important;
}
.nav-item:has(.active) .nav-link, nav-item:has(.router-link-active) .nav-link {
    color: #fff !important;
}

/* .nav-item:has(.active) .nav-link {
    border-top: 2px solid #1D203E;
    border-bottom: 2px solid #1D203E;
    border-style: inset;
} */

.navbar-collapse.collapse.show {
    padding: 10px;
}

.navbar-collapse.collapse.show a.login-link {
    margin-top: 10px;
    margin-bottom: 10px;
}

.primary_button {
    background-color: #393E79;
    font-size: 18px;
    color: #FFD200
}

.primary_button:hover {
    border: 1px solid #FFD200;
    background-color: #FFD200;
    color: #292D57;
}

.my-border {
    border-bottom: 1px solid #4B4C6E !important;
    border-top: 1px solid #4B4C6E !important;
}

.hero {
    background-color: #292d57;
    border-bottom: 1px solid #4B4C6E;
    background-image: url('../img/examlit-bg-6.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.abt {
    border-top: 1px solid #4B4C6E;
}

.about {
    background-color: #292d57;
}

.my-body{
    background-color: #1D203E;
}

.my-lower-body{
    padding: 0px !important;
}

.secondary-button {
    color: #1D203E;
}

.secondary-button i {
    color: #1D203E;
}

.resource-mat {
    max-height: 70px;
}

.pricing {
    background-color: #fff;
    margin-right: 0 !important;
}

.abt-resource{
    color: #EFEFFB;
    font-size: 18px;
}

.features {
    background-color: #f2f2f2;
}

footer {
    margin: 0px !important;
    background-color: #1D203E;
}

.social i, .foot{
    color: #EFEFFB;
}

.copyright {
    border-top: 1px solid #4B4C6E !important;
}

.foot-link-header {
    text-decoration: underline;
}

.normal-font {
    color: #EFEFFB;
    font-size: 18px;
}

.services {
    background-color: #292D57;
    margin-bottom: 20px;
    border-radius: 20px;
}

.my-card-container {
    position: relative;
}
.my-card {
    background-color: #EFEFFB;
    border-radius: 10px;
}

.p-card {
    border: 2px solid #292D57 !important;
    box-shadow: 5px 5px 0px 0px #2c306d;
    -webkit-box-shadow: 5px 5px 0px 0px #2c306d;
    -moz-box-shadow: 5px 5px 0px 0px #2c306d;
}
.p-card.popular {
    border: 2px solid #FFD200 !important;
    box-shadow: 5px 5px 0px 0px #ffde4d;
    -webkit-box-shadow: 5px 5px 0px 0px #ffde4d;
    -moz-box-shadow: 5px 5px 0px 0px #ffde4d;
}

.my-card {
    border: none;
    /* box-shadow: 5px -5px 0px 0px #a6a6a6, 10px -10px 0px 0px #8c8c8c;
    -webkit-box-shadow: 5px -5px 0px 0px #a6a6a6, 10px -10px 0px 0px #8c8c8c;
    -moz-box-shadow: 5px -5px 0px 0px #a6a6a6, 10px -10px 0px 0px #8c8c8c; */
}

.my-card:hover {
    border: 2px solid #292D57;
    /* box-shadow: 5px -5px 0px 0px #5259ad, 10px -10px 0px 0px #41478b;
    -webkit-box-shadow: 5px -5px 0px 0px #5259ad, 10px -10px 0px 0px #41478b;
    -moz-box-shadow: 5px -5px 0px 0px #5259ad, 10px -10px 0px 0px #41478b; */
}


.card-title {
    color: #292D57;
    font-weight: bold;
}

.card-text {
    color: #292D57;
}

.service-btn {
    border: 2px solid #292D57;
    border-radius: 10px;
    color: #292D57;
}

.service-btn.price:hover {
    background-color: #292D57;
    color: #fff;
}

.service-btn i {
    color: #292D57;
}

.my-card:hover .service-btn {
    background-color: #292D57;
    border: 1px solid #292D57;
    color: #EFEFFB;
}

.my-card:hover .service-btn i {
    color: #EFEFFB;
}

.auth {
    min-height: 100vh;
    background-image: url('../img/bg_1.png');
}

.forgot-text {
    font-size: 16px;
}

.price-toggle {
    border: 1px solid #1D203E;
    background-color: #1D203E;
}

.m-toggle {
    color: #EFEFFB;
}

.m-toggle.active {
    background-color: #EFEFFB;
    border-radius: 15px;
    padding: 7px;
    color: #1D203E;
    font-weight: bold;
    font-size: 16px;
}

.price-cont{
    background-image: url('../img/bg_1.png');
}

.pdf-cont {
    background-color: #292D57;
    margin-top: 50px;
}

.main-cont {
    background-color: #1D203E !important;
}



.pdf-row {
    margin-top: 50px !important;
}


.resource-cont {
    background-color: #292D57;
}

.resource-cont-loading{
    background-color: #fff;
}

.papers-cont, .quiz-cont {
    background-color: #fff;
}

.papers-filter-cont{
    background-color: #292D57;
}

.resource-title {
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
}

.accordion-item {
    border: 2px solid #393E79;
    border-top: 1px solid #393E79 !important;
    border-radius: 10px !important;
}

.accordion-item .show {
    border-top: 2px solid #393E79;
}

.list-group {
    background-color: #292D57;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.list-group.quiz-it {
    background-color: #292D57;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group .list-group-item:first-child {
    border-top: none;
}

.list-group .list-group-item:last-child {
    border-bottom: none;
}

.list-group a:last-child {
    border-bottom: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.list-group.quiz-it a:last-child {
    border-bottom: none;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.list-group a:last-child:hover {
    border-bottom-left-radius: 0px;
}

.list-group .list-group-item{
    background-color: #292D57;
    border: 2px solid #393E79 !important;
    border-left: none;
    border-right: none;
}

.list-group .list-group-item.qa {
    min-width: 100% !important;
    border: none !important;
    background-color: #393E79;
}

.list-group-item.qa-cont{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.accordion-button::after {
    background-image: none;
    content: '\f107';
    font-family: 'Font Awesome\ 6 Free';
    font-weight: 900;
    font-size: 20px;
    color: #FFD200 !important;
}

.q-button::after {
    background-image: none;
    content: '\f106';
    font-family: 'Font Awesome\ 6 Free';
    font-weight: 900;
    font-size: 20px;
    color: #FFD200 !important;
}

.qa-button.collapsed::after {
    background-image: none !important;
    content: '\2b' !important;
    font-family: 'Font Awesome\ 6 Free' !important;
    font-weight: 900;
    font-size: 20px;
    color: #FFD200 !important;
}

.qa-button:not(.collapsed)::after {
    background-image: none !important;
    content: '\f068' !important;
    font-family: 'Font Awesome\ 6 Free' !important;
    font-weight: 900;
    font-size: 20px;
    color: #FF4D4D !important;
}


.accordion-button:not(.collapsed)::after{
    background-image: none;
}

.accordion-button, .list-group a .list-group-item{
    color: #fff !important;
}

.list-group a .list-group-item{
    font-size: 16px;
}

.list-group a {
    background-color: #393E79 !important;
}

.list-group a li {
    background-color: #393E79 !important;
}

.list-group a li:hover {
    background-color: #393E79;
    border-left: 2px solid #FFD200;
    color: #FBCF02 !important;
}

.list-group a:last-child:hover{
    border-bottom-left-radius: 10px;
}


.list-group a.active li {
    background-color: #393E79 !important;
    color: #FBCF02 !important;
    border-left: 2px solid #FFD200;
}

.accordion-button:not(.collapsed){
    color: #FFD200 !important;
}
.accordion-button.qa-button:not(.collapsed){
    color: #FF4D4D !important;
}

.accordion-button.collapsed.q-button{
    color: #FFF !important;
}

.accordion-button.collapsed.qa-button{
    color: #FFD200 !important;
}

.accordion-button.collapsed::after {
    color: #fff !important;
}

.subject {
    border-radius: 10px;
    background-color: #292D57;
    border: 1px solid #BEB8D3;
    border-left: 2px solid #FFD200;
}

.subject.subject2 {
    border-radius: 0px !important;
    background-color: #292D57;
    border: 1px solid #BEB8D3;
}

.subject:hover .subj-info {
    background-color: #393E79;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.subject.subject2:hover .subj-info {
    background-color: #393E79;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.subject:hover .subj-info .subject-text{
    /* color: #1D203E; */
    font-weight: bold;
}

.subject-text{
    color: #fff;
    font-size: 18px;
}

.card-text.subject-text {
    color: #FFD200;
}

.card-text.subject-text{
    font-weight: bold;
}

.subj-img {
    border-right: 1px solid #BEB8D3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #393E79;
}


.topics-header{
    border: 1px solid #393E79;
    background-color: #393E79;
    border-radius: 10px;
}

.subj-topic-btn {
    background-color: #BEB8D3;
    border-radius: 5px;
    color: #1D203E;

}

.subj-topic-btn i {
    color: #1D203E;
}

.subj-topic-btn:hover {
    background-color: #BEB8D3;
    color: #1D203E;
}

.subj-topic-btn:hover i {
    color: #1D203E;
}

.topics-header-subject {
    border-left: 1px solid #BEB8D3;
}

.subj-topic-subj{
    color: #fff;
}

.topic {
    border: 1px solid #BEB8D3;
    border-left: 4px solid #FFD200;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #393E79;
}

p.topic {
    color: #fff;
}

p.topic:hover {
    background-color: #BEB8D3;
    color: #1D203E;
    font-weight: bold;
}


.q-card{
    border-radius: 10px;
    border: 2px solid #393E79 !important;
}

.q-card .card-header{
    background-color: #393E79;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #FFD200;
    font-weight: bold;
}

.q-card.q-card2{
    border-radius: 0px;
}

.q-card.q-card2 .card-header{
    background-color: #393E79;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    color: #1D203E;
    font-weight: bold;
}

.p-button, .qat-button {
    background: #393E79;
    border: 1px solid #393E79;
    color: #fff;
    width: 100%;
}

.p-button:hover {
    background-color: #BEB8D3;
    color: #1D203E;
    font-weight: bold;
}
.qat-button:hover {
    color: #FF4D4D;
    font-weight: bold;
}

.qat-button.active {
    color: #FF4D4D;
}

.p-button.active {
    background-color: #BEB8D3;
    color: #1D203E;
    font-weight: bold;
}

.p-exam-button{
    background-color: #292D57;
    border: 1px solid #FFD200;
    color: #FFD200;
    width: 90%;
}
.p-exam-button.active{
    background-color: #BEB8D3;
    border: 1px solid #1D203E;
    color: #1D203E;
}

.p-exam-button .badge {
    background-color: #292D57 !important;
    border: 1px solid #FFD200;
    border-radius: 5px;
    color: #FFF !important;
}


.normal-badge {
    color: #393E79;
    background-color: #FFF;
    border-radius: 5px;
}

.p-exam-button:hover {
    background-color: #393E79;
    color: #FFF !important;
    font-weight: bold;
}

.qanda-subtopic {
    color: #fff;
}

.qanda-subtopic:hover {
    background-color: #f1eff5;
    border-left: 5px solid #FFD200;
    color: #1D203E;
}


.search-btn{
    border-width: 4px;
    border-radius: 10px;
    border-style: outset;
}


.input-group-text{
    min-width: 40%;
    max-width: 40%;
    color: #1D203E;
    font-weight: bold;
    background-color: #BEB8D3;
    border-radius: 10px;
}

.papers-select{
    background-color: #292D57;
    color: #FFD200;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.form-select {
    border-radius: 0px;
    background-color: #BEB8D3;
    color: #292D57;
}

.form-select option:hover{
    background-color: #292D57 !important;
    color: #fff !important;
}

.form-select.papers-select.custom-caret::after {
    background-image: none !important;
    content: '\f107' !important;
    font-family: 'Font Awesome\ 6 Free' !important;
    font-weight: 900 !important;
    font-size: 20px !;
    color: #26B3E8 !important;
}

.filter-header {
    border-bottom: 1px solid #4B4C6E;
}

.quiz-leads {
    background-color: #393e79;
    border-radius: 5px;
}

.choice{
    background-color: #FFF;
    border: 4px solid #292D57;
}

.choice:hover{
    background-color: #393e79;
}

.choice:hover span, .choice:hover span i{
    color: #FFF !important;
}

.choice-cover{
    background-color: #292D57;
}

.choice span, .choice span i{
    color: #292D57 !important;
    font-size: 18px;
}
.choice.sel_choice span{
    color: #FFF !important;
}

.question {
    font-size: 20px !important;
    color: #292D57;
}

.q_filter_practices{
    background-color: #1D203E;
}
.q_filter_quiz{
    background-color: #FFF;
}

.main-quiz {
    /* background-image: url('../img/bg_1.png') !important;
    background-repeat: no-repeat;
    background-size: cover; */
    background-color: #fff;
}

.main-quiz-cont {
    border: 3px solid #292D57;
    border-radius: 10px;
}

.quiz-heading{
    background-color: #292D57 !important;
} 

.quiz-body{
    background-color: #FFF !important;
} 

.quiz-heading{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.table-rounded {
    border-radius: 0px !important;
    overflow: hidden;
}

.table-title{
    background-color: #292D57;
}


.question-parent {
    position: relative;
}

.question-child{
    position: absolute;
    background-color: #292D57;
    border-bottom-right-radius: 10px;
    top: 0px;
    left: 0px;
}

.question-child-review{
    position: absolute;
    background-color: #292D57;
    border-bottom-right-radius: 10px;
    top: 0px;
    right: 0px;
}

.choice-parent{
    position: relative;
}

.choice-child {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #393e79;
}

.trivia-main{
    /* border-left: 1px solid #4B4C6E;
    border-right: 1px solid #4B4C6E; */
    border: none;
}

.trivia-container {
    background-color: #292D57;
}

.weapon {
    border-bottom: 1px solid #4B4C6E;
}

.weapon-cat{
    border: 1px solid #4B4C6E;
}


.trivia-weapon {
    border: 1px solid #FFD200;
}

.trivia-weapon p {
    color: #FFF;
}

.trivia-sel {
    min-width: 100% !important;
}


.paper-select .row{
    border: 1px solid #4B4C6E;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.paper-select-top{
    border-bottom: 1px solid #4B4C6E;
}

.paper-select .icon {
    background-color: #393e79;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.f-papers{
    font-size: 24px !important;
    font-weight: bold;
}

.cat .form-select{
    border-radius: 2px;
}

.cat .form-select option  {
    color: #292D57 !important;
}

.cat .form-select option:checked{
    color: #fff !important;
    background-color: #292D57 !important;
}

.cat .form-select option:hover{
    color: #fff !important;
    background-color: #292D57 !important;
}
select option:hover{
    color: #fff !important;
    background-color: #292D57 !important;
}

.spinner-border{
    width: 50px;
    height: 50px;
}

.btn-que {
    background-color: #393E79 !important;
}




/* SIMULATIONS */
.sims-cont{
    background-color: #fff;
}

.sim-filters-cont {
    background-color: #292D57;
    min-height: 80vh;
    position: relative;
}

.sim-entries-cont-row{
    min-height: 80vh;
}

.f-sims {
    font-size: 20px !important;
    background-color: #393E79;
    color: #FFD200 !important;
    border-radius: 10px;
    font-weight: bold;
}

.s-title {
    font-size: 20px !important;
    background-color: #393E79;
    color: #FFD200 !important;
    border-radius: 10px;
    font-weight: bold;
}

.accordion-item.sim-subj {
    border: 2px solid #393E79 !important;
    border-top: 2px solid #393E79 !important;
    border-radius: 10px !important;
}

.accordion-item.sim-subj .accordion-header{
    background-color: #393E79;
}

.accordion-header{
    background-color: #393E79;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.qanda-header {
    border-bottom: 2px solid #292D57;
}

.sim-subj-list{
    font-weight: normal !important;
    font-size: 16px !important;
}

.accordion-item.sim-subj .accordion-header .accordion-button{
    font-weight: bold !important;
    font-size: 18px !important;
}

.accordion-button.q-button{
    font-weight: normal !important;
    font-size: 16px !important;
    color: #fff;
}

.list-group.sim-subj-group li{
    border-bottom: none;
}


.list-group.sim-subj-group  li {
    background-color: #393E79 !important;
    border: none;
    color: #C7CED8 !important;
    border-top: none !important;
}

.accordion-item.sim-subj .show{
    border-top: none !important;
}

.list-group.sim-subj-group li:last-child{
    border-bottom: none !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.sim-card {
    border-radius: 10px;
    background-color: #FFF;
    border: 2px solid #393E79 !important;
}

.card-img-top{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.sim-card .card-body{
    background-color: #292D57;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #C7CED8;
    position: relative;
}

.sim-card .card-body p {
    margin-top: 40px;
}

.sim-card .card-body .card-body-child {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #393E79;
    /* border-bottom: 1px solid #C7CED8;
    border-right: 1px solid #C7CED8; */
    /* border-bottom-left-radius: 10px; */
    border-bottom-right-radius: 10px;
}

.list-group-item.sim-subj-list label, .list-group-item.sim-subj-list {
    cursor: pointer;
}

.list-group-item.sim-subj-list label .form-check-input{
    cursor: not-allowed;
}

.act-sim{
    border: 2px solid #393E79;
    border-radius: 10px;
}

.act-sim-header {
    border: 1px solid #393E79;
    border-radius: 5px;
}


/* TRIVIA NOT SYNCED */
.trivia-sidebar{
    background-color: #292D57;
    min-height: 90vh;
    max-height: 90vh;
    overflow-y: hidden;
    overflow-x: hidden;
}

.trivia-main {
    background-color: #fff;
}



/* QANDA NOT SYNCED */
.qanda-sidebar{
    background-color: #292D57;
}

.qanda-main {
    background-color: #fff;
}

.pdf-container{
    border: 1px solid #292D57;
    min-height: 600px;
    border-radius: 10px;
}

.pdf-header{
    border-bottom: 1px solid #292D57;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #292D57;
    max-height: 50px;
}

/* QUIZZES NOT SYNCED */
input[type="radio"]:checked {
    background-color: #292D57;
    color: white;
    border: 2px solid #FFD200;
    /* border-color: #FFD200; */
}


.subj-parent{
    position: relative;
}

.subj-child {
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #BCB6D2;
    border-right: none;
    border-top: none;
    color: #FFD200;
}

.subj-parent:hover .subj-child{
    background-color: #292D57;
}

a.nope {
    cursor: not-allowed !important;
    /* pointer-events: none;  */
}

.q-col {
    border-right: 3px solid #393E79 !important;
}

.q-bread {
    background-color: #393E79;
    border-radius: 10px;
}

.q-bread-cover {
    border: 3px solid #393E79;
    border-radius: 10px;
}

.q-bread-i {
    border: 3px solid #292D57;
    padding: 5px;
    border-radius: 10px;
}

.q-bread-i:hover {
    background-color: #292D57;
}

.q-bread-i a {
    font-size: 18px;
    color: #FFD200;
}

.q-sound, .choice {
    cursor: pointer;
}

.rq-parent {
    position: relative;
}

.rq-child {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 2px solid #24285B;
    border-right: 2px solid #24285B;
    border-bottom-right-radius: 10px;
}

.choice.c_choice span div p span, .choice.w_choice span div p span, .bc span div p span, .bw span div p span {
    color: #FFF !important;
}
.choice.c_choice span div p span i, .choice.w_choice span div p span i, .bc span div p span i, .bw span div p span i {
    color: #FFF !important;
}

.choice.s_choice {
    background-color: #26B3E8;
}

.choice.s_choice span div p span, .choice.s_choice span div p span i {
    color: #fff !important;
}

.skip {
    background-color: #292D57;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
}

#report_section{
    @media print {
        width: 100%; /* Make the content full width for printing */
        height: auto; /* Adjust height as needed */
        margin: 0; /* Remove any margins */
        font-size: 12pt; /* Set appropriate font size for printing */
    }
}

.rb {
    border-radius: 20px;
}

.rbs {
    border-radius: 10px;
}

.lb {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.rb1 {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.rb2 {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.card-img-cont {
    background-color: #FFF;
    border: 2px solid #EFEFFB;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}