body{background-image:linear-gradient(110deg, #eef2f6 25.5%, #fff 39%, #eef2f6 49%, #fff 55%, #eef2f6 59%);}
.main {margin-top:2rem;margin-bottom:2rem;}
.qno-img {max-width:20rem !important;}
.text-danger {color:#FF7C7C !important;}
.bg-danger {background:#FF7C7C !important;}
.fs-small {font-size:.8rem;}
.card-footer {font-size:.8rem;background:#fff;}
.badge {--bs-badge-font-weight:500;}
.test-module ul.list-group {margin-top:2rem;}
.test-module ul.list-group li {margin-bottom:.5rem;border:0px;padding:1rem;}
.list-group li.hover:hover{background-color: #F2F3F7;}
.list-group-item {padding-left:.5rem !important;font-size:1rem !important;}
.bullet-point li {padding:0.2rem !important;}
.error {color:red;}
.fmds-hide {display:none;}
i.fa-circle-xmark,i.fa-check-circle {font-size:1.5rem;}
.qno-progess {
    width: 15%;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    margin: 0 4px 4px 0;
    box-sizing: border-box;
    background-color: #f2f3f7;
    color: #7c7c91;
    float:left;
}
.bg-wrong{
    background-color: #ff7c7c;
    color: #fff;
}
.bg-correct{
    background-color: #8df4a9;
    color: #000;
}
.bg-current{
    background-color: #fff;
    border: 2px solid #007aff;
    color: #000;
}
.bg-grey{background-color:#F2F2F7 !important;}
#review {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  z-index: 2;
  color:#000;
  overflow:auto;
}
#review i.fa-close {font-size:2.5rem !important;}
#splashscreen {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    background-color:white;
}
.accordion-button:not(.collapsed) {color:unset !important;background-color:unset !important;}
.accordion-button {font-weight: 400 !important;font-size: 1.2rem !important;}
.accordion-button:focus {border-color:unset !important;box-shadow:unset !important;}
svg {width:80px !important;}
.cls-1, .cls-2, .cls-3 {
    stroke: var(--primary) !important;
    stroke-width:1.6px !important;
}
@media (max-width: 780px) {
	.main {margin-top:.5rem;margin-bottom:.5rem;}	
	.qno-img {max-width:4rem !important;}
	.ques-con .first-row { order: 2;}
	.ques-con .second-row { order: 1;}
	.test-module h2 {font-size:1rem;}
	.test-module .fs-6 {font-size: .8rem !important;}
	.test-module .list-group-item {
	    padding-left: .1rem !important;
	    font-size: .8rem !important;
	}
	.test-module ul.list-group li {
	    padding: .4rem;
	}
}