@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

a {
    text-decoration: none !important;
}

body {
    background-color: #fff;
    transition: background 0.2s linear;
}

.darkmode .checkbox {
    opacity: 0;
    position: absolute;
}

.darkmode .checkbox-label {
    background-color: #111;
    width: 30px;
    height: 15px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.darkmode .checkbox-label .ball {
    background-color: #fff;
    width: 10px;
    height: 11px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.darkmode .checkbox:checked+.checkbox-label .ball {
    transform: translateX(17px);
}

body.dark h1,
body.dark .support a,
body.dark #mySidenav *,
body.dark #mySidenav a {
    color: #fff;
}

navbar button,
navbar button:focus-visible,
.sidenav button {
    border: 0 !important;
    background: transparent;
}

navbar button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

body.dark {
    background-color: #292c35;
}

body.dark #mySidenav {
    background-color: #32343a;
}

body.dark navbar {
    color: #fff !important;
}

.sidenav.navshow {
    left: 0;
    transition: 0.3s
}

.top_banner {
    margin-bottom: 20px;
}

.sidenav {
    height: 100%;
    left: -310px;
    position: fixed;
    z-index: 1;
    top: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.3s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    min-width: 300px;
}

.sidenav a {
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover {
    color: #7a7a7a;
}

.sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 22px;
}

div#mySidenav ul {
    padding-left: 5px;
    list-style: none;
}

div#mySidenav ul a {
    font-size: 12px;
}

.navigate_list ul li a {
    color: #222222;
}

.navigate_list ul li {
    line-height: 2;
}

.testseries_item {
    font-size: 13px;
}

ul.sub_menu {
    padding-left: 20px !important;
    list-style: none;
    margin-bottom: 0px;
}

ul.sub_menu {
    padding-left: 20px !important;
    list-style: none;
    margin-bottom: 0px;
}

.my_account {
    margin-bottom: 5px;
    margin-top: 10px;
}

navbar {
    display: flex;
    justify-content: space-between;
    padding: 12px 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    align-items: center;
}
navbar .header_bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
li.darkmode {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 10px;
}

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

.top_banner img {
    width: 100%;
}

.notification_bar img {
    width: 30px;
    margin-bottom: auto;
}

.navigate_list ul {
    margin-bottom: 0;
}

.admin_img img {
    width: 40px;
    border-radius: 50%;
    margin-right: 6px;
}

li.darkmode p,
.logout p {
    margin-bottom: 0;
}

.person_name {
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    margin-bottom: 2px;
}

.person_view a {
    font-size: 12px;
    color: #ff4e00 !important;
}

.admin_div {
    padding: 20px 7px;
    border-bottom: 1px solid #cecccc;
}

div#mySidenav button {
    position: absolute;
    top: -7px;
    right: -1px;
}

.admin_div {
    display: flex;
    align-items: center;
}

/* 
.navigate_list {
  padding-top: 10px;
} */
navbar p {
    margin-bottom: 0;
}

.navigate_list h2 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.navigate_list i {
    height: 20px;
    width: 20px;
    text-align: center;
}

.others_div {
    border-bottom: 1px solid #cecccc;
    padding-bottom: 10px;
}

.contact_us {
    padding: 10px 0px;
    border-bottom: 1px solid #cecccc;
}

.connect_share {
    padding: 10px 0;
    border-bottom: 1px solid #cecccc;
}

.connect_share img {
    width: 30px;
}

.connect_share ul {
    display: flex;
    gap: 15px;
}

.logout {
    border-bottom: 1px solid #cecccc;
    padding-left: 15px !important;
    padding: 20px 0px;
}

.privacy_div {
    padding: 10px 1px;
    background: #0087ff4a;
}

.privacy_div ul li a {
    display: inline-block;
}

.privacy_div ul li,
.privacy_div ul li a {
    font-size: 12px !important;
}

.my_account,
.others_div,
.contact_us,
.connect_share {
    padding-left: 10px;
}

.logout a {
    font-size: 14px;
}

.test_row {
    display: flex;
    text-align: center;
    align-items: center;
    padding: 10px 0px;
    justify-content: space-evenly;
}

.test_row p {
    margin-bottom: 0;
    text-align: center;
}

.test_row I {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    margin: auto;
    margin-bottom: 6px;
}

.livetest i {
    color: red;
    background: #e9000045;
}

.law_test i {
    background: #2b00f924;
    color: #2b00f9;
}

.quiz_test i {
    background: #7cff004a;
    color: #7cff00;
}

.law_test i {
    background: #2b00f924;
    color: #2b00f9;
}

.quiz_test i {
    background: #359f103d;
    color: #359f10;
}

.test_row {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 50px;
    margin: 15px 0px;
}

.test_row p,
.test_row a {
    color: #000;
    font-size: 14px;
}

.testseries_item_img img {
    width: 100%;
}

.testseries_head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.testseries {
    padding: 10px;
}

.offer_price {
    text-decoration: line-through;
    color: #0000006b;
    font-size: 12px;
}

.item_price {
    display: flex;
    gap: 5px;
    align-items: self-end;
}

.main_price {
    font-size: 14px;
    background: #00afef;
    padding: 3px 8px;
    border-radius: 4px;
    color: #fff;
}

.testseries_head p {
    font-weight: 500;
}

.testseries_head a {
    color: #ff0051;
}

.testseries_list p {
    margin-bottom: 0;
}

.testseries_item {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius:6px;
    position:relative;
    padding: 12px;
}
.testseries_item:hover{
    cursor:pointer;
}

.footer_div ul li i {
    border: 2px solid #fff;
}

.testseries_item_img img {
    width: 100%;
    background: #00000014;
}
.testseries_item_detail{
    padding:15px 10px;
}
.testseries_list {
    padding: 0px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.testseries a {
    color: #ff4e00 !important;
}
p.item_title{
    font-weight: 600;
}
span.item_lebel {
    background: #2ec43e;
    color: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 12px;
    font-weight: 700;
}
.card_body {
    margin: 20px;
    padding: 20px;
    background: #fff;
    flex: 1 1 auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    min-height: 1px;
}
.testseries_item_detail {
    padding: 15px 2px;
}
.price_bar {
    display: flex;
    justify-content: space-between;
}
button.buy_now {
    color: white;
    background: #ed3434;
    border: 1px solid #ed3434;
    padding: 1px 9px 5px  9px;
    line-height: 1.3;
    border-radius: 3px;
    font-size: 14px;
    text-transform: capitalize;
}
.testseries_head p {
    font-size: 24px;
    font-weight: normal;
}

.testseries_item_img img {
    border-radius: 5px;
}

.navigate_list li a:hover {
    color: #ff4e00 !important;
    text-decoration: none !important;
}

@media screen and (max-width: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
    .section_container {
        max-width: 480px;
        padding-bottom:90px;
        margin:0 auto;
    }
}


/* css for footer start */
.footer_div ul {
    list-style: none;
    margin: 0;
    padding-left: 0px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
}

.footer_div ul li {
    width: 25%;
    padding-bottom: 10px;
}

.footer_div ul p {
    margin: 0;
    font-size: 10px;
}

.footer_div ul li:hover i,
.footer_div ul li.active i {
    transform: translateY(-10px);
    background: #ae0000;
    border: 2px solid #fff;
}

.footer_div ul li i {
    transition: all 0.5s ease-out;
    border-radius: 50%;
    padding: 8px;
}

.footer_div ul li a {
    text-decoration: none;
    color: #000;
}

.footer_div ul li:hover,
.footer_div ul li.active {
    background: #ae0000;
}

.footer_div ul li:hover a,
.footer_div ul li.active a {
    color: #fff;
}

.footer_div {
    box-shadow: rgb(0 0 0 / 7%) 0px -12px 15px -3px,
        rgb(0 0 0 / 6%) 0px -7px 6px -2px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    max-width: 480px;
}

.footer_div ul {
    width: 100%;
}

body:has(.navshow):after {
    background: #000000a3;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
}

body:has(.open) {
    overflow: hidden;
}

/* css for footer end */


#logout_popup p {
    font-size: 14px;
    margin-bottom: 10px;
}

.logout_controls {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.app_btn {
    padding: 4px 15px;
    font-size: 10px;
    border: 0;
    background: #ed3237;
    border-radius: 3px;
    color: #fff;
}

.app_btn:hover {
    opacity: .8;
}

body.logout_overlay_show:before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0600003b;
    z-index: 9;
}

#logout_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 99;
    border-radius: 5px;
}


/* for customer_popup :start */
body.no-scroll {
    overflow: hidden;
}

.hidden {
    display: none;
}

#customer_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

#customer_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 5px;
    z-index: 20;
    width: 300px;
}

.popup-content {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    margin-top: 10px;
}

span#closePopupBtn {
    position: absolute;
    top: 0;
    right: 10px;
}

#closePopupBtn {
    align-self: flex-end;
    cursor: pointer;
    font-size: 1.5rem;
}

.custom_detail ul {
    padding-left: 0;
    list-style: none;
    line-height: 1.6;
}

.custom_detail p {
    margin-bottom: 10px;
}

.custom_detail h2 {
    font-size: 15px;
}

.custom_detail a {
    color: #ff4e00 !important
}

/* for customer_popup :end */

.site_logo img {
    max-width: 70px;
    margin-left: 40px;
}

/* for Top tabs bar  */
.tops_bar {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 50px;
    overflow-x: scroll;
}

.tops_bar ul {
    display: flex;
    list-style: none;
    gap: 5px;
}

.tops_bar ul li:hover a,
.tops_bar ul li.active a {
    color: white;
    background: #ad0000;
    border: 1px solid #ad0000;
}

.tops_bar ul a {
    color: #000;
    border: 1px solid #00000093;
    width: 100%;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 3px;
    display: block;
    white-space: nowrap;
}

/* for daily updates  */


.blog_box_list_item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 50px;
    margin-bottom: 10px;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 6px;
    position: relative;
    padding: 12px;
    background: #fff;
}

.blog_item_img img {
    width: 100%;
}

.blog_item_img img {
    max-width: 110px;
}

.blog_title {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}

.blog_item_detail .blog_bottom_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.blog_view {
    display: flex;
    gap: 4px;
}

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

.blog_item_detail {
    padding-right: 10px;
}

.blog_boxes {
    margin-top: 10px;
}

.blog_item_detail i {
    color: #ee3c41;
}

/* for quiz page  */
.quiz_page {
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 50px;
    margin-top: 10px;
}

.quiz_top_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ed3237;
}

.quiz_page .tops_bar {
    box-shadow: none;
    margin-bottom: 0;
}

.quiz_submit {
    display: flex;
    gap: 10px;
    align-items: center;
}

.quiz_submit button,
.quiz_top_footer button {
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    background: #ed3237;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
}

.quiz_top_footer button.active {
    background: #ed3237 !important;
    color: #fff !important;
    border: 1px solid #ed3237 !important;
}

.quiz_top_footer button {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000;
}

.quiz_submit i {
    font-size: 24px;
}

.quiz_timer {
    display: flex;
    align-items: center;
    gap: 15px;
}

p.subject {
    margin-top: 4px;
    opacity: .7;
    color: #ed3237;
}

.quiz_timer_icon i {
    border: 1px solid #ed3237;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.quiz_page .tops_bar ul {
    gap: 10px;
    margin-bottom: 0 !important;
}

.quiz_page .tops_bar ul li a {
    padding: 8px 12px;
    border-radius: 50%;
}

[data-tab-info] {
    display: none;
}

.active[data-tab-info] {
    display: block;
}

.tab-content {
    padding-left: 1rem;
    font-size: 20px;
    font-family: sans-serif;
    font-weight: bold;
    color: #000;
}

.tabs.tops_bar {
    display: block;
    list-style: none;
    gap: 10px;
}

.tabs.tops_bar span {
    color: #000;
    border: 1px solid #00000093;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 50%;
}

.tabs {
    /* border-bottom: 1px solid grey;
    background-color: rgb(16, 153, 9);
    font-size: 25px;
    color: rgb(0, 0, 0); */
    display: flex;
    margin: 0;
}

/* .tabs span {
    background: rgb(16, 153, 9);
    padding: 10px;
    border: 1px solid rgb(255, 255, 255);
} */

.tabs span.active,
.tabs span:hover {
    background: #ed3237;
    cursor: pointer;
    color: #fff;
    border: 1px solid #ed3237;
}

.queston_num {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #0000003d;
    padding-bottom: 10px;
}

.queston_num i {
    color: #fbb414;
}

.queston_num p {
    font-weight: normal;
}

h2.question_title {
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
}

.queston_details {
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 6px;
    position: relative;
    padding: 12px;
}

h2.question_title {
    margin-bottom: 15px;
}

.queston_details .option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    list-style: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: rgb(237 50 55 / 22%) 0px 0px 0px 1px;
    padding: 10px;
    margin: 10px 0px;
}

/* .queston_details .options {
    padding: 0 10px;
} */
fieldset {
    padding: 10px 0;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    width: 100%;
}

.quiz_top_footer {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}
.quiz_control {
    margin: 20px 0;
    padding: 15px 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.queston_details .options label {
    padding: 10px 5px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 4px;
}

.queston_details .options label:has(input:checked) {
    border: 1px solid #ed3237;
}

.drop_list {
    padding: 7px;
    margin-bottom: 10px;
}

.drop_list .dropbtn {
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    background: #ed3237;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
}

.drop_list .dropbtn:hover,
.drop_list .dropbtn:focus {
    background-color: #ed3237;
}

.drop_list .dropdown {
    position: relative;
    display: inline-block;
    /* float: right; */
}

.drop_list .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 250px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.drop_list .dropdown-content a {
    color: #000;
    border: 1px solid #00000093;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 50%;
}

.drop_list .dropdown a:hover,
.drop_list .dropdown a.active {
    background-color: #ddd;
    background: #ed3237;
    cursor: pointer;
    color: #fff;
    border: 1px solid #ed3237;
}

.drop_list .show {
    display: block;
}

.question_list {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

#myDropdown {
    padding: 5px;
    background: #fff;
}

.question_list .tops_bar {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.question_list .tops_bar span {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* login-form */
.registration_form {
    display: flex;
    align-items: center;
    height: 100vh;
}

.registration_form .wrapper .slide-controls,
.registration_form .form-inner form .field input,
.registration_form .form-inner form .field select {
    width: -webkit-fill-available !important;
}

.registration_form .wrapper {
    margin: auto;
    overflow: hidden;
    max-width: fit-content;
    background: #fff;
    padding: 25px;
    border-radius: 5px;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px,
        rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    margin-right: 15px;
    margin-left: 15px;
}

.registration_form .wrapper .title-text {
    display: flex;
    width: 200%;
}

.registration_form .wrapper .title {
    width: 50%;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.registration_form .wrapper .slide-controls {
    position: relative;
    display: flex;
    height: 50px;
    width: 100%;
    overflow: hidden;
    margin: 30px 0 10px 0;
    justify-content: space-between;
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.registration_form .slide-controls .slide {
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    z-index: 1;
    transition: all 0.6s ease;
}

.registration_form .slide-controls label.signup {
    color: #000;
}

.registration_form .slide-controls .slider-tab {
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0;
    z-index: 0;
    border-radius: 5px;
    background: #ed3237;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.registration_form input[type="radio"] {
    display: none;
}

.registration_form #signup:checked~.slider-tab {
    left: 50%;
}

.registration_form #signup:checked~label.signup {
    color: #fff;
    cursor: default;
    user-select: none;
}

.registration_form #signup:checked~label.login {
    color: #000;
}

.registration_form #login:checked~label.signup {
    color: #000;
}

.registration_form #login:checked~label.login {
    cursor: default;
    user-select: none;
}

.registration_form .wrapper .form-container {
    width: 100%;
    overflow: hidden;
}

.registration_form .form-container .form-inner {
    display: flex;
    width: 200%;
}

.registration_form .form-container .form-inner form {
    width: 50%;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.registration_form .form-inner form .field {
    height: 50px;
    width: 100%;
    margin-top: 20px;
}

.registration_form .form-inner form .field input,
.registration_form .form-inner form .field select {
    height: 100%;
    width: 100%;
    outline: none;
    padding-left: 15px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    border-bottom-width: 2px;
    font-size: 17px;
    transition: all 0.3s ease;
}

.registration_form .form-inner form .field input:focus,
.registration_form .form-inner form .field select:focus {
    border-color: #fc83bb;
    /* box-shadow: inset 0 0 3px #fb6aae; */
}

.registration_form .form-inner form .field input::placeholder,
.registration_form .form-inner form .field select::placeholder {
    color: #999;
    transition: all 0.3s ease;
}

.registration_form form .field input:focus::placeholder,
.registration_form form .field select:focus::placeholder {
    color: #b3b3b3;
}

.registration_form .form-inner form .pass-link {
    margin-top: 5px;
}

.registration_form .form-inner form .signup-link {
    text-align: center;
    margin-top: 30px;
}

.registration_form .form-inner form .pass-link a,
.registration_form .form-inner form .signup-link a {
    color: #fa4299;
    text-decoration: none;
}

.registration_form .form-inner form .pass-link a:hover,
.registration_form .form-inner form .signup-link a:hover {
    text-decoration: underline;
}

.registration_form form .btn {
    height: 50px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.registration_form form .btn .btn-layer {
    height: 100%;
    width: 300%;
    position: absolute;
    left: -100%;
    background: #ed3237;
    border-radius: 5px;
    transition: all 0.4s ease;
}

.buy_div {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    padding: 10px;
}

.price_list {
    display: flex;
    justify-content: space-between;
}

.buy_top {
    padding: 10px;
}

.bottom_price {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bottom_price span {
    font-size: 12px;
    color: #ed3237;
}

.final_price p,
.offer_available p {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.offer_available span {
    font-size: 13px;
    color: #0009;
}

.registration_form form .btn:hover .btn-layer {
    left: 0;
}

.registration_form form .btn input[type="submit"],
.registration_form form .btn select[type="submit"] {
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
    background: none;
    border: none;
    color: #fff;
    padding-left: 0;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

.quiz_control {
    position: fixed;
    bottom: 60px;
    width: 100%;
    left: 0;
    background-color: #fff;
}

.admin_form_head_back p {
    margin: 0;
}

.admin_form_head {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 10px;
}

.admin_form_head_back {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

button a {
    color: #000;
}

.admin_form_head_back button {
    padding: 0;
    background: transparent;
    color: #000;
    font-size: 18px;
    border: 0
}

.form_edit button {
    padding: 5px 10px;
    font-size: 14px;
    background-color: #ed3237;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.buy_bottom button {
    font-size: 16px;
    background-color: #ed3237;
    color: white;
    border: none;
    border-radius: 0;
    cursor: pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 90%;
}

.buy_bottom {
    text-align: center;
}

.add_promo {
    padding: 10px 0;
}

.promo_input input {
    width: 80%;
    padding: 10px;
}

.admin_form_head {
    background: #fff;
    margin-top: 10px;
}

.quiz_list_ques p {
    white-space: nowrap;
}

.question_timer,
.question_time {
    display: flex;
    white-space: nowrap;
    gap: 5px;
    align-items: center;
}

.quiz-list p {
    font-size: 12px;
}

.quiz-list .blog_item_img img {
    width: 50px;
}

.quiz-list .blog_bottom_div {
    gap: 10px;
}

.quiz-list .blog_share {
    gap: 3px;
}

.quiz_list_ques {
    align-items: center;
}

.ques_lock button {
    padding: 5px 10px;
    border: 0;
    border-radius: 4px;
    background: #ed3237;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    gap: 5px;
}

.quiz-list a {
    color: #000000;
}
.blog_item_detail h2 {
    text-align: left;
    margin-bottom: 10px !important;
}


.blog_box_list .blog_bottom_div p {
    font-size: 12px;
}

.blog_box_list .blog_bottom_div i {
    font-size: 10px;
}
.queston_details .options label span {
    font-weight: normal;
    font-size: 16px;
}
.solution_div {
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 50px;
    margin-top: 10px;
}
.solve_list ol {list-style: none;padding-left: 20px;}
.solve_ans .options label:not(:has(input:checked)) {
    pointer-events: none !important;
}
.right i{
    color: #00cc00 !important;
}
.wrong i{
    color: red !important;
}
.right{
    border-color: #00cc00 !important;
}
.wrong{
    border-color: red !important;
}
.right i,.wrong i{
    font-size: 25px;
}
.options ul li {list-style: none;font-weight: normal;font-size: 16px;}
.queston_details .options label {
    border: 1px solid #ff000000;
}
.tab-content .tabs__tab {
    max-height: 400px; /* Set a fixed height */
    overflow-y: auto;  /* Enable vertical scrolling */
}
@media (min-width:768px) and (max-width:1200px){
    .blog_boxes.quiz-list,.blog_box_list{
         grid-template-columns: 1fr 1fr !important;   
    }
}
 @media(min-width:768px){
    .footer_div{
        display: none;
    }
    .testseries_list{
        padding: 0;
    }
    .testseries_list {
        grid-template-columns:  1fr 1fr 1fr;
    }
    .blog_boxes.quiz-list,.blog_box_list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        box-sizing: border-box;
        margin-top: 0px !important;
    }
    .blog_box_list_item{
        margin-bottom: 0 !important;
    }
    .quiz_control {margin-bottom: 0;bottom: 0;}
 }
 @media (max-width:767px) {
    .testseries_head p{
        font-size: 16px !important;
    }
 }
 @media (max-width:475px){
    .blog_bottom_div {flex-direction: column;align-items: flex-start !important;}
    .card_body {
        margin: 10px;
        padding: 10px;
    }
}