body {
  background: #fff;
  font-family: airbnb_cereal_appbook;}


/* font */
.font-light {
  font-family: airbnb_cereal_applight;
}
.font-book {
  font-family: airbnb_cereal_appbook;
}
.font-medium {
  font-family: airbnb_cereal_appmedium;
}
.font-bold {
  font-family: airbnb_cereal_appbold;
}
.font-extra_bold {
  font-family: airbnb_cereal_appextra_bold;
}
.font-black {
  font-family: airbnb_cereal_appblack;
}



/* header */
.header {
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;}
/* left */
.header .left .a-logo img {
  height: 30px;
  padding: 0;
  margin-top: 14px;}
@media (min-width: 992px) {
.header .left .a-logo {
  display: initial;}
}
@media (max-width: 991px) {
.header .left .a-logo {
  position: initial;}
}
/* right */
.header .right .help-btn {
  background: transparent;
  padding: 0;
  margin-top: 21px;}
.header .right .help-btn:hover {
  background: transparent;
  color: #000;}
.header .right .help-btn img {
  margin-right: 5px;
  height: 25px;}
.header .right .help-btn span {
  position: relative;
  top: 1px;}
.header .right ul li a {
  margin-top: 14px;
  background: #fff;
  padding-right: 0;}
.header .right ul li a span {
  padding-left: 5px;
  position: relative;
  top: 4px;}





/* main-body */
.main-body {
  padding-top: 90px;
  padding-left: 15px;} 




/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;}
@media (min-width: 1200px) {
.wrapper {
    max-width: 2500px;
    padding-left: 50px;
    padding-right: 50px;}
}
@media (max-width: 991px) {
.wrapper {
  padding-left: 20px;
  padding-right: 20px;}
} 





/* button */
button, 
.a-btn {
  border-radius: 25px;}
/* con-btn */
.icon-btn img {
  height: 15px;}
/* large-btn */
.large-btn {
  padding: 12px 30px !important;
  font-size: 18px !important;
  min-width: 190px !important;}
.large-btn.icon-btn img {
  height: 20px;}
/* d-blue-border-btn */
.d-blue-border-btn {
  background: #fff !important;
  color: #662D91 !important;
  border: 2px solid #662D91;}



/* text */
.d-blue-text {
  color: #662D91 !important;}
.l-gray-text {
  color: #7b7b7b !important;}
.m-gray-text {
  color: #6b6b6b !important;}


/* custom */
.white-space-pre-line {
  white-space: pre-line !important;}
.h-100-vh  {
  height: 100vh !important;}
.font-size-35 {
  font-size: 35px !important;}
@media (max-width: 767px) {
.md-order-1 {
  order: 1 !important;}
.md-order-2 {
  order: 2 !important;}
.md-text-left {
  text-align: left !important;}
} 




/* vertical-horizontal-center  */
.vertical-horizontal-center {
  position: absolute;
  right: 50%;
  bottom: 50%;
  -webkit-transform: translate(50%,50%);
  -ms-transform: translate(50%,50%);
  transform: translate(50%,50%);}


/* h1, h2 */
h1 {
  font-size: 45px;
  color: #3F3F3F;}
h2 {
  font-size: 30px;
  color: #3F3F3F;}
@media (max-width: 767px) {
h1 {
  font-size: 35px;}
h2 {
  font-size: 25px;}
} 





/* resize_sidebar */
@media (min-width: 992px) {
.resize_sidebar .header {
  padding-left: 15px;}
.resize_sidebar .main-body {
  padding-left: 15px;}
}




/* page-form */
.page-form.custom {
  box-shadow: none;}
/* col */
.page-form.custom .page-body hr {
  border-color: #662D91;}
/* col */
.page-form.custom .page-body [class^="col-"] {
  padding-bottom: 25px;}
/* label */
.page-form.custom .page-body label {
  font-size: 14px;
  color: #684691;
  margin-bottom: 0;
  font-weight: bold;}
/* input */
.page-form.custom .page-body input[type="text"], 
.page-form.custom .page-body input[type=""], 
.page-form.custom .page-body input[type="number"], 
.page-form.custom .page-body input[type="date"], 
.page-form.custom .page-body input[type="password"], 
.page-form.custom .page-body input[type="email"], 
.page-form.custom .page-body input[type="url"], 
.page-form.custom .page-body input[type="time"], 
.page-form.custom .page-body input[type="file"], 
.page-form.custom .page-body select, 
.page-form.custom .page-body textarea {
  border-color: transparent;
  background: #EAEAEA;}
.page-form.custom .page-body .chosen-container-single .chosen-single {
  background: #EAEAEA;}
.page-form.custom .page-body .chosen-container-single .chosen-single span {
  font-size: 13px;}
/* placeholder */
.page-form.custom .page-body ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #919191;
  font-size: 13px;
}
.page-form.custom .page-body ::-moz-placeholder {
  /* Firefox 19+ */
  color: #919191;
  font-size: 13px;
}
.page-form.custom .page-body :-ms-input-placeholder {
  /* IE 10+ */
  color: #919191;
  font-size: 13px;
}
.page-form.custom .page-body :-moz-placeholder {
  /* Firefox 18- */
  color: #919191;
  font-size: 13px;
}

/* attach-label-btn */
.page-form.custom .page-body .attach-label-btn {
  color: #fff;
  position: relative;
  overflow: hidden;}
.page-form.custom .page-body .attach-label-btn .bg-col {
  background: #EAEAEA;
  height: 35px;
  border-radius: 5px;
  padding: 10px;}
.page-form.custom .page-body .attach-label-btn input[type="file"] {
  background: transparent;
  position: relative;
  left: -96px;
  height: 30px;
  top: -39px;}
.page-form.custom .page-body .attach-label-btn img {
  height: 25px;
  position: absolute;
  right: 12px;
  top: 9px;}





/* body-card */
.body-card {
  background: #fff;
  border-radius: 25px;
  padding: 25px;
  box-shadow: 0px 15px 20px #dbdce2;}





/* sign-in */
.sign-in h6 {
  letter-spacing: 0.5px;
  font-size: 14px;}
.sign-in small button {
  background: transparent;
  padding: 0;
  font-weight: bold;
  text-decoration: none;
  font-size: 11.5px;
  color: #3a3a3a;}
/* page-form */
.sign-in .page-form {
  box-shadow: none;}
.sign-in .page-form .page-body label {
  font-weight: bold;
  padding: 0;
  margin-bottom: 0;
  font-size: 13px;}
.sign-in .page-form .page-body input {
  border: none;
  outline: none;}

/* placeholder */
.sign-in .page-form .page-body ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8D57BC;
  font-size: 14px;
}
.sign-in .page-form .page-body ::-moz-placeholder {
  /* Firefox 19+ */
  color: #8D57BC;
  font-size: 14px;
}
.sign-in .page-form .page-body :-ms-input-placeholder {
  /* IE 10+ */
  color: #8D57BC;
  font-size: 14px;
}
.sign-in .page-form .page-body :-moz-placeholder {
  /* Firefox 18- */
  color: #8D57BC;
  font-size: 14px;
}




/* sign_in */
.sign_in.sign-in .page-form .page-body input {
  background: #F0E1FF;}




/* otp_page */
.otp_page.sign-in .page-form .page-body .otp-field {
  width: 190px; 
  overflow: hidden;
  margin: 10px auto;}
.otp_page.sign-in .page-form .page-body .otp-field .inner-div {
  left: 0;
  position: sticky;}
.otp_page.sign-in .page-form .page-body .otp-field .inner-div input {
  letter-spacing: 40px;
  font-size: 40px;
  border: 0;
  border-radius: 0;
  background-image: linear-gradient(to left, #F0E1FF 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 50px 1px;
  width: 222px;}





/* payment */
/* choose-exam-section */
.payment .choose-exam-section h2 {
  font-size: 28px;}
.payment .choose-exam-section .item {
  width: 100%;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 8px 13px 31px #d4d4d4;
  border: 2px solid transparent;
  color: #3F3F3F;
  margin-bottom: 0;
  padding: 17px 25px;}
.payment .choose-exam-section .item.checked {
  cursor: default;
  border-color: #9866C4;}
.payment .choose-exam-section .item input[type="radio"] {
  display: none;}
.payment .choose-exam-section .item .name {
  font-size: 16px;
  margin-bottom: 18px;
  font-weight: bold;}
.payment .choose-exam-section .item .div-col {
  margin-top: 5px;
  color: #7b7b7b;
  font-size: 12px;}
.payment .choose-exam-section .item .div-col b {
  padding-left: 2px;
  color: #212529;}
.payment .choose-exam-section .item .checked-icon {
  height: 25px;
  margin-top: -5px;}
.payment .choose-exam-section .item:not(.checked) .checked-icon {
  opacity: 0;}
.payment .choose-exam-section .item .div-col.l-text {
  margin-top: 22px;}
.payment .choose-exam-section .item .div-col.l-text b {
  font-size: 24px;
  color: #662D91;}


/* payment-section */
/* choose */
.payment .payment-section .choose label {
  display: block;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;}
.payment .payment-section .choose label.checked {
  cursor: default;
  font-weight: bold;}
.payment .payment-section .choose label input[type="radio"] {
  height: 22px;
  width: 22px;
  margin-right: 10px;}
.payment .payment-section .choose label.checked input[type="radio"] {
  cursor: default;}
.payment .payment-section .choose label input[type="radio"]:checked::before {
  height: 22px;
  width: 22px;
  font-size: 17px;
  line-height: 21px;}
.payment .payment-section .choose label input[type="radio"]:checked {
  background: #662D91;}
@media (max-width: 767px) {
.payment .payment-section .choose label {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;}
}
/* payment-section */
/* payment_option */
.payment .payment-section .payment_option h2 {
  margin-bottom: 40px;}


@media (min-width: 768px) {
.payment .payment-section .payment_option {
  border-left: 1px solid #999;
  padding-left: 30px;}
}
@media (max-width: 767px) {
.payment .payment-section .payment_option {
  border-top: 1px solid #e8e5e5;
  padding-top: 30px;}
}

/* payment-razorpay */
.payment .payment-section .payment-razorpay img {
  max-width: 100%;
  height: 50px;}
/* bank-transfer */
.payment .payment-section .bank-transfer h5 {
  font-weight: bold;
  color: #444;
  margin-bottom: 15px;
  text-align: center;}
.payment .payment-section .bank-transfer table {
  color: #565656;
  margin-left: auto;
  margin-right: auto;}
.payment .payment-section .bank-transfer table th,
.payment .payment-section .bank-transfer table td {
  padding-top: 10px;}
.payment .payment-section .bank-transfer table th:nth-child(2) {
  padding-left: 15px;
  padding-right: 35px;}
.payment .payment-section .bank-transfer img {
  max-width: 100%;
  margin-top: 10px;
  height: 230px;}
@media (max-width: 767px) {
.payment .payment-section .bank-transfer table {
  margin-bottom: 60px;}
}

/* challan-detail */
.payment .payment-section .payment_option.challan-detail h2 {
  margin-bottom: 10px;
}




/* thank_you */
@media (max-width: 767px) {
.thank_you h5 {
  font-size: 16px;}
}




/* profile */
/* profile-section */
.profile .profile-section .item {
  margin-top: 15px;}
.profile .profile-section .item label {
  color: #7b7b7b;
  margin-bottom: 2px;}
.profile .profile-section .item .data {
  font-weight: bold;}
.profile .profile-section .item .data a {
  text-decoration: none;
  color: #212529;}
.profile .profile-section .item .profile-img {
  height: 150px;
  width: 150px;
  background: #fff;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid #662D91;
  padding: 5px;}
@media (min-width: 1200px) {
.profile .profile-section .border-r::before {
  content: '';
  background: #b498c9;
  width: 1px;
  height: 45px;
  position: absolute;
  right: 0;}
}
@media (max-width: 1199px) {
.profile .profile-section .p-l-30 {
  padding-left: 15px !important;}
}
@media (max-width: 767px) {
.profile .profile-section .item .profile-img {
  margin-bottom: 20px;}
} 

/* available-section */
.profile .available-section .item {
  position: relative;
  font-size: 13.8px;
  margin-top: 2px;
  padding: 10px 20px;}
.profile .available-section .item:hover {
  background: #F2E6FF;}
.profile .available-section .item:hover::before {
  content: '';
  background: #662D91;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;}
.profile .available-section .item .fa-circle {
  color: #e0e0e0;}
.profile .available-section .item:hover .fa-circle {
  opacity: 0;}
.profile .available-section .item label {
  color: #828282;
  margin-bottom: 0;}
.profile .available-section .item .data {
  display: initial;
  color: #565656;
  font-weight: bold;}
.profile .available-section .item .dec {
  width: 95%;
  color: #565656;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;}
.profile .available-section .item .primary-url {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}




/* instructions */
/* count-items */
.instructions .count-items .item {
  position: relative;}
.instructions .count-items .item label {
  color: #7b7b7b;
  margin-bottom: 0;}
.instructions .count-items .item .data {
  display: initial;
  color: #5d5d5d;
  font-weight: bold;}
@media (min-width: 1200px) {
.instructions .count-items .border-r::before {
  content: '';
  background: #b498c9;
  width: 1px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
}
@media (max-width: 1199px) {
.instructions .count-items .text-center,
.instructions .count-items .text-right {
  text-align: left !important;}
.instructions .count-items .item.p-r-30 {
  padding-right: 0 !important;}
.instructions .count-items .item.p-l-15 {
  padding-left: 0 !important;}
}
@media (max-width: 1199px) {
.instructions .count-items .item {
  padding-top: 15px;}
}

/* instructions-dec */
.instructions .instructions-dec {
  background: #f2f2f2;
  padding: 25px 45px;
  margin-top: 35px;
  border-radius: 25px;}
.instructions .instructions-dec ul {
  height: 165px;
  overflow-y: auto;
  margin-bottom: 0;}
.instructions .instructions-dec ul li {
  margin-top: 5px;
  font-size: 13.6px;}




/* hall_tickets */
/* profile-section */
/* profile-img */
.hall_tickets .profile-section .profile-img {
  height: 80px;
  width: 80px;
  object-fit: cover;
  border-radius: 50%;}
@media (max-width: 767px) {
.hall_tickets .profile-section .profile-img {
  height: 60px;
  width: 60px;}
}
/* profile-img */
.hall_tickets .profile-section h2 {
  margin-bottom: 0;
  font-size: 24px;}
@media (max-width: 767px) {
.hall_tickets .profile-section h2 {
  font-size: 18px;}
}
/* item */
.hall_tickets .item {
  position: relative;}
.hall_tickets .item label {
  color: #7b7b7b;
  margin-bottom: 0;}
.hall_tickets .item .data {
  display: initial;
  color: #464646;
  font-weight: bold;}
@media (max-width: 1199px) {
.hall_tickets .item {
  padding-top: 15px;}
}
/* primary-items */
.hall_tickets .primary-items {
  background: #f2f2f2;
  padding: 25px 45px;
  margin-top: 35px;
  border-radius: 25px;}
.hall_tickets .primary-items .item label {
  display: block;}
/* count-items */
@media (min-width: 1200px) {
.hall_tickets .count-items .border-r::before {
  content: '';
  background: #b498c9;
  width: 1px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
}
@media (max-width: 1199px) {
.hall_tickets .count-items .text-center,
.hall_tickets .count-items .text-right {
  text-align: left !important;}
.hall_tickets .count-items .item.p-r-30 {
  padding-right: 0 !important;}
.hall_tickets .count-items .item.p-l-15 {
  padding-left: 0 !important;}
}





/* attend_test */
/* body-card */
.attend_test .card-item {
  background: #fff;
  position: relative;
  border-radius: 25px;
  padding: 25px;
  box-shadow: 0px 15px 20px #dbdce2;}
@media (min-width: 992px) {
.attend_test .card-item {
  height: 82vh;}
}
/* question-list */
.attend_test .question-list .item:not(:first-of-type) {
  margin-top: 15px;}
/* top-section */
/* question-no */
.attend_test .question-list .item .top-section .question-no {
  font-weight: bold;
  font-size: 14px;
  color: #5d5d5d;}
.attend_test .question-list .item .top-section .question-no b {
  color: #3a3a3c;
  padding-left: 5px;
  font-size: 22px;}
/* ul li */
.attend_test .question-list .item .top-section ul {
  padding-left: 0;}
.attend_test .question-list .item .top-section ul li {
  padding-left: 10px;
  display: inline-block;}
@media (max-width: 1199px) {
.attend_test .question-list .item .top-section ul li {
  padding-top: 10px;}
}
/* time-duration */
.attend_test .question-list .item .top-section ul li .time-duration {
  color: #64c5e8;
  margin-right: 15px;
  font-size: 15px;
  font-weight: bold;}
/* review-btn */
.attend_test .question-list .item .top-section ul li .review-btn {
  background: #eaeaea;
  color: #9a9a9a;
  font-size: 12.4px;}
.attend_test .question-list .item .top-section ul li .review-btn.active {
  cursor: pointer;}
.attend_test .question-list .item .top-section ul li .review-btn .fa {
  color: #9a9a9a;}
.attend_test .question-list .item .top-section ul li .review-btn.active .fa {
  color: #fbb03d;}
.attend_test .question-list .item .top-section ul li .review-btn span {
  top: -1px;}
/* finish-btn */
.attend_test .question-list .item .top-section ul li .finish-btn {
  background: #ecdcfe;
  min-width: 130px;
  color: #662D91;
  font-size: 12.4px;
  font-weight: bold;}
/* body-section */
@media (min-width: 992px) {
.attend_test .question-list .item .body-section {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 50px;
  height: 55vh;}
}
/* question */
.attend_test .question-list .item .question {
  margin-bottom: 10px;}
/* table */
.attend_test .question-list .item .question table td {
  color: #4c4c4c;
  font-size: 15.8px;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: top;}
.attend_test .question-list .item .question table tr td:first-of-type {
  padding-right: 5px;}
/* label-choose */
.attend_test .question-list .item .label-choose {
  color: #848484;
  font-size: 17px;
  margin-top: 5px;
  margin-bottom: 10px;}
/* label-option */
.attend_test .question-list .item .label-option {
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: 15px;
  cursor: pointer;}
/* table */
.attend_test .question-list .item .label-option table td {
  vertical-align: top;
  color: #252525;}
.attend_test .question-list .item .label-option input[type="radio"] {
  z-index: 0;
  margin-right: 15px;}
.attend_test .question-list .item .label-option p {
  margin-top: 3px;
  padding-left: 5px;
  margin-bottom: 0;}
/* foot-section */
@media (min-width: 992px) {
.attend_test .question-list .foot-section {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding-bottom: 25px;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;}
}
@media (max-width: 991px) {
.attend_test .question-list .foot-section {
  padding-top: 50px;}
}
/* next-prev-btn */
.attend_test .question-list .foot-section .next-prev-btn {
  background: #662D91;
  text-align: left;
  font-weight: bold;
  padding: 8px 15px;
  font-size: 13px;
  min-width: 110px;
  color: #fff;}
.attend_test .question-list .foot-section .next-prev-btn .fa {
  font-size: 20px;}
.attend_test .question-list .foot-section .next-prev-btn span {
  position: relative;
  top: 4px;}
.attend_test .question-list .foot-section [class^="col-"]:first-of-type .next-prev-btn span {
  float: right;}
.attend_test .question-list .foot-section [class^="col-"]:last-of-type .next-prev-btn .fa {
  float: right;}
.attend_test .question-list .foot-section .next-prev-btn.disabled {
  cursor: not-allowed;
  background: #EAD4FF;
  color: #662D91;}
@media (max-width: 991px) {
.attend_test .question-list .foot-section .next-prev-btn {
  padding: 5px 8px;
  font-size: 10px;
  min-width: 75px;}
.attend_test .question-list .foot-section .next-prev-btn .fa {
  font-size: 16px;}
}
/* primary-btn */
.attend_test .question-list .foot-section .primary-btn {
  font-weight: bold;
  background: #159AE5;
  color: #fff;
  padding: 12px 55px;}
@media (max-width: 991px) {
.attend_test .question-list .foot-section .primary-btn {
  padding: 10px 25px;
  font-size: 13px;}
}

/* test-details */
/* body-section */
@media (min-width: 992px) {
.attend_test .test-details .body-section {
  overflow-y: auto;
  overflow-x: hidden;
  height: 65vh;}
}
/* border-b-1 */
.attend_test .test-details .border-b-1 {
  border-bottom: 1px solid #ddd;}
.attend_test .test-details .border-r-1::after {
  content: '';
  background: #ddd;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 0;}
/* div-col */
.attend_test .test-details .div-col {
  position: relative;}
.attend_test .test-details .div-col label {
  color: #6b6b6b;
  margin-bottom: 2px;
  font-size: 11px;}
.attend_test .test-details .div-col .data {
  color: #3F3F3F;
  line-height: normal;}
/* profile-img */
.attend_test .test-details .profile-img {
  height: 50px;
  width: 50px;
  object-fit: cover;
  border-radius: 50%;}
/* table */
.attend_test .test-details table {
  width: 100%;}
.attend_test .test-details table th,
.attend_test .test-details table td {
  padding-top: 2px;}
/* circle-col */
.attend_test .test-details .circle-col {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 5px;
  min-width: auto;
  background: #DDDDDD;
  color: #5E5E5E;}
.attend_test .test-details .circle-col .fa {
  position: absolute;
  top: 0;
  right: 0;
  color: #ED9726;}
.attend_test .test-details .circle-col .data {
  font-size: 20px;
  font-family: airbnb_cereal_appbold;}
/* btns */
.attend_test .test-details .btn-l-green {
  background: #C5FFC5;
  color: #329E32;}
.attend_test .test-details .btn-l-red {
  background: #FFD2D7;
  color: #C1272D;}
.attend_test .test-details .btn-l-grey {
  background: #DDDDDD;
  color: #5E5E5E;}
.attend_test .test-details .btn-l-yellow {
  background: #FFE5C2;
  color: #ED9726;}
/* label-circle */
.attend_test .test-details .label-circle {
  margin-top: 5px;
  line-height: 10px;
  font-size: 10px;}
/* circle-l-col */
.attend_test .test-details .circle-l-col {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;}
.attend_test .test-details .circle-l-col [class^="col-"] {
  padding-left: 0;
  padding-right: 0;}
.attend_test .test-details .circle-l-col .circle-col {
  cursor: default;}
/* circle-s-col */
.attend_test .test-details .circle-s-col {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;}
.attend_test .test-details .circle-s-col [class^="col-"] {
  padding-left: 0;
  padding-right: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;}
/* circle-col */
.attend_test .test-details .circle-s-col .circle-col {
  margin-bottom: 10px;
  width: 40px;
  height: 40px;}
.attend_test .test-details .circle-s-col .circle-col .data {
  font-size: 14px;}

/* test_details_toggle */
@media (min-width: 992px) {
.attend_test .test_details_toggle {
  display: none;}
}
@media (max-width: 991px) {
.attend_test .test_details_toggle {
  background: transparent;
  min-width: auto;
  box-shadow: none;
  border-radius: 0;
  border: none;
  width: 35px;
  height: 25px;
  position: fixed;
  z-index: 1;
  right: 30px;
  top: 75px;
  padding: 0;}
.attend_test .test_details_toggle:focus,
.attend_test .test_details_toggle:hover {
  outline: none;
  background: transparent;}
.attend_test .test_details_toggle span {
  background-color: #717171;
  border-radius: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  width: 100%;
  transition: all .3s ease-in-out;}
.attend_test .test_details_toggle:not(.toggle_btn_on) span:first-child {
  transform: translate3d(0, -4px, 0);
  top: 5px;}
.attend_test .test_details_toggle:not(.toggle_btn_on) span:nth-child(2) {
  top: 11px;}
.attend_test .test_details_toggle:not(.toggle_btn_on) span:last-child {
  transform: translate3d(0, 4px, 0);
  top: 18px;}
/* toggle_btn_on */
.attend_test .test_details_toggle.toggle_btn_on {
  z-index: 101;
  top: 20px;
  right: 330px;}
.attend_test .test_details_toggle.toggle_btn_on span {
  top: 12px;
  background-color: #fff;}
.attend_test .test_details_toggle.toggle_btn_on span:first-child {
  transform: rotate(135deg) translate3d(0, 0, 0);}
.attend_test .test_details_toggle.toggle_btn_on span:last-child {
  transform: rotate(-135deg) translate3d(0, 0, 0);}
.attend_test .test_details_toggle.toggle_btn_on span:nth-child(2) {
  opacity: 0;}
}



/* test_details */
@media (max-width: 991px) {
.attend_test .test_details {
  width: 350px;
  height: 100%;
  overflow-y: auto;
  /**/
  position: fixed;
  top: 0;
  bottom: 0;
  right: -15px;
  z-index: 100;
  -webkit-transition: right .30s ease-in-out;
  -moz-transition: right .30s ease-in-out;
  -ms-transition: right .30s ease-in-out;
  -o-transition: right .30s ease-in-out;
  transition: right .30s ease-in-out;}
/* test_details_open */
.attend_test .test_details:not(.test_details_open) {
  right: -320px;}
/* card-item */
.attend_test .test_details .card-item {
  border-radius: 0;
  box-shadow: none;}
/* test_details_area */
.attend_test .test_details.test_details_open .test_details_area {
  background: #00000096;
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}
}





/* results */
/* h2 */
.results h2 {
  font-size: 24px;}
/* level-btns */
.results .level-btns ul li .a-btn {
  border-radius: 5px;
  margin-left: 0;}
/* row-count-flat */
.results .row-count-flat .count-col {
  padding: 20px;}
.results .row-count-flat .count-col .data {
  color: #3F3F3F;
  font-size: 40px;
  line-height: 40px;}
.results .row-count-flat .count-col .label {
  font-size: 16px;}
@media (min-width: 992px) {
.results .row-count-flat [class^="col-"] {
 -ms-flex: 0 0 20%;
 flex: 0 0 20%;
 max-width: 20%;}
}
@media (max-width: 991px) {
.results .row-count-flat .count-col .data {
  font-size: 34px;
  line-height: 34px;}
.results .row-count-flat .count-col .label {
  font-size: 15px;}
}