html {
    font-family: var(--main-font-family);
    scroll-behavior: smooth;
}

body {
    font-family: var(--main-font-family);
    font-size: 14px;
    color: var(--main-black);
    font-weight: 500;
    scroll-behavior: smooth;
}

a,
a:hover {
    text-decoration: none !important;
}

a:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
table,
div,
ul,
li,
button,
input,
button,
select,
tr,
td,
th {
    font-family: var(--main-font-family);
    font-weight: 600;
}

ul {
    padding: 0 !important;
    margin: 0;
}

ul li {
    list-style: none;
}

.desktop-hide {
    display: none !important;
}

.msg-error {
    text-align: center;
    margin-bottom: 10px;
    color: #bb2727;
}

.msg-success {
    text-align: center;
    margin-bottom: 10px;
    color: #3ad256;
}

iframe {
    width: 100%;
}

:root {
    --main-white: #fff;
    --main-black: #000;
    --main-theme: #1c7fdb;
    --main-whitesmoke: whitesmoke;
    --main-second-theme: #072442;
    --main-font-family: 'Heebo', sans-serif;
    --main-light-grey: #d1d1d1;
}

/* ************************************* CUSTOM SCROLL CSS */

#custom-scroll::-webkit-scrollbar {
    width: 8px;
    background-color: var(--main-theme);
    border-radius: 50px;
}

#custom-scroll::-webkit-scrollbar-thumb {
    background-color: var(--main-theme);
}

#custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: var(--main-white);
    border-radius: 50px;
}


/* ************************************************** SOCIAL LINK LEFT SIDE CSS */

.social-link-fixed.sidebar {
    height: auto;
    width: 0px;
    position: fixed;
    right: 50px;
    text-align: center;
    top: 30vh;
    z-index: 999;
}

.social-link-fixed p {
    margin: 0;
    text-align: left;
    padding: 12px;
    color: var(--main-white);
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.social-link-fixed p i {
    font-size: 18px;
    color: var(--main-white);
    margin-right: 14px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.social-link-fixed .social {
    margin-left: 6px;
    width: 200px;
    padding: 0;
    display: inline-table;
    height: 0px;
    background-color: #797979;
    -moz-transition-property: margin-left;
    -moz-transition-duration: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-property: margin-left;
    -ms-transition-duration: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-property: margin-left;
    -o-transition-duration: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-property: margin-left;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s;
    box-shadow: 0px 0px 6px 0px #3E3D3D;
    cursor: pointer;
}

.social-link-fixed .social:hover {
    margin-left: -150px;
    width: 200px;
}

.social-link-fixed .facebook {
    background-color: #3b5998;
}

.social-link-fixed .twitter {
    background-color: #4099FF;
}

.social-link-fixed .instagram {
    background-color: #833AB4;
}

.social-link-fixed .youtube {
    background-color: #c4302b;
}

.social-link-fixed .linkdin {
    background-color: #0e76a8;
}

.social-link-fixed .telegram {
    background-color: #3689c6;
}

.social-link-fixed .youtube:hover {
    background-color: #E52D27;
}

.social-link-fixed .linkedin:hover {
    background-color: #0976B4;
}

/* all sections heading css */

.heading-bar-left-right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-bar-left-right:before {
    display: inline-block;
    margin-right: 10px;
}

.heading-bar-left-right:after {
    display: inline-block;
    margin-left: 10px;
}

.main-heading {
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #797979;
}

.heading-bar-left-right:after,
.heading-bar-left-right:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: var(--main-black);
}

/* ********************* HEADING STYLE CSS */

.header-section .top-heading {
    font-size: 18px;
    font-weight: 800;
    text-transform: capitalize;
    font-style: normal;
    color: #0e579b;
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
}

.header-section .top-heading:before,
.header-section .top-heading:after {
    background-color: #0e579b;
}

.header-section {
    z-index: 999;
    position: sticky;
    border-top: 4px solid var(--main-theme);
    top: 0;
    background: var(--main-white);
    border-bottom: 2px solid var(--main-light-grey);
}

.header-section .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: var(--main-white);
    z-index: 999;
}

.header-section .all_exam_btn {
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
    background-color: var(--main-second-theme);
}

.header-section .top-header-section {
    background: var(--main-white);
    padding: 10px 0;
}

.header-section .loginregister-ul-div {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
    margin: 0px;
}

.header-section .header-nav-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-section .header-nav-box .navbar {
    position: relative;
    margin: 0;
    width: 100%;
    border: none;
    background: transparent;
    min-height: auto;
}

.header-section .header-nav-box .navbar .navbar-collapse {
    padding: 0;
    width: 100%;
    float: none;
    align-items: center;
    justify-content: flex-end;
}

.header-section .header-nav-box .navbar .navbar-collapse .navbar-nav {
    float: none;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.header-section .header-nav-box .navbar .navbar-collapse .navbar-nav li {
    float: none;
    display: inline-block;
}

.header-section .loginregister-btn a,
.header-section .loginregister-btn button {
    background: var(--main-theme) !important;
    border: 1px solid var(--main-theme);
    margin-left: 20px;
    text-align: center;
    color: var(--main-white) !important;
    padding: 10px 16px !important;
    border-radius: 6px;
    font-size: 12px !important;
    font-weight: 800 !important;
    transition: 0.5s ease-in-out !important;
}

.header-section .loginregister-btn a:hover,
.header-section .loginregister-btn button:hover {
    background: var(--main-white) !important;
    color: var(--main-second-theme) !important;
    border: 1px solid var(--main-second-theme);
}

.header-section .loginregister-btn a .fa-user {
    margin-right: 6px;
}

.header-section .header-nav-box .navbar .navbar-collapse .navbar-nav li .multi-level {
    padding: 8px 0;
    width: 200px;
    min-width: 200px;
    background: var(--main-white);
    margin-top: 20px;
    border-radius: 4px;
    border-top: 5px solid var(--main-theme);
}

.header-section .header-nav-box .navbar .navbar-collapse .navbar-nav li .multi-level li {
    width: 100%;
    display: block;
}

.header-section .header-nav-box .navbar .navbar-collapse .navbar-nav li .multi-level li a {
    padding: 8px 20px;
    background: var(--main-white);
    color: #0d3660;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.5s ease-in-out;
}

.header-section .header-nav-box .navbar .navbar-collapse .navbar-nav li .multi-level li a:hover {
    color: var(--main-second-theme);
}

.header-section .header-nav-box .navbar .navbar-collapse ul li a {
    background-color: transparent;
    color: #2e2e2e;
    font-size: 13px;
    font-weight: 600;
    padding: 0 0 0 24px;
    transition: all 0.5s;
}

.header-section .header-nav-box .navbar .navbar-collapse ul li a:hover {
    color: var(--main-second-theme);
}

.header-section .header-nav-box .navbar .navbar-collapse ul li .AccountsClassesBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ffcc29;
    margin-left: 20px;
    padding: 6px 14px;
    text-align: center;
    color: var(--main-black);
    flex-direction: column;
    border-radius: 4px;
    background: #fff0c2;
    transition: 0.5s ease-in-out !important;
}

.header-section .header-nav-box .navbar .navbar-collapse ul li .AccountsClassesBtn:hover {
    color: var(--main-black);
}

.header-section .header-nav-box .navbar .navbar-collapse ul li .AccountsClassesBtn .blink {
    right: -4px;
    top: 8px;
}

.header-section .fa-bell {
    font-size: 22px;
    color: var(--main-second-theme);
    margin-left: 20px;
}

.header-section .logo-box .sp-logo {
    width: 110px;
}

.header-section .navigation-header {
    padding: 10px 0;
    background: var(--main-white);
}

.header-section .navigation-header.sticky .header-nav-box .navbar .navbar-collapse ul li a {
    color: var(--main-black);
}

.header-section .open-btn1.btnactive {
    background: url("/static/images/icon_close.svg") no-repeat 15px center;
    background-size: 14px;
}

.header-section #search-wrap {
    position: absolute;
    top: 150px;
    right: 20px;
    z-index: -1;
    opacity: 0;
    width: 0;
    transition: all 0.4s;
    border-radius: 5px;
}

.header-section #search-wrap.panelactive {
    opacity: 1;
    z-index: 3;
    width: 280px;
    top: 80px;
    background: transparent;
    right: 100px;
}

.header-section #search-wrap #searchform {
    display: none;
}

.header-section #search-wrap.panelactive #searchform {
    display: block;
    margin: 0;
}

.header-section #search-wrap input {
    -webkit-appearance: none;
    outline: none;
    color: var(--main-black);
    background: transparent;
    border: none;
    padding: 0 10px;
    width: 0;
    cursor: pointer;
}

.header-section #search-wrap input[type="text"] {
    width: 100%;
    transition: all 0.5s;
    padding: 12px 40px 8px 10px;
    font-weight: 600;
    background: #fafafa;
    border: 2px solid var(--main-light-grey);
    border-bottom: 4px solid var(--main-theme);
}

.header-section #search-wrap input[type="text"]:focus {
    background: #fafafa;
}

.header-section #search-wrap .searchsubmit-icon {
    background: url("/static/images/icon_search.svg") no-repeat right;
    background-size: 16px;
    width: 30px;
    height: 30px;
    border: none;
    position: relative;
    top: -34px;
    cursor: pointer;
    right: 14px;
}

.header-section .noti-dropdown .dd input {
    top: 0;
    opacity: 0;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    height: 100%;
    width: 60px;
    cursor: pointer;
}

.header-section .noti-dropdown .dd input:checked:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

.header-section .noti-dropdown .dd input:checked~.dd-c {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.header-section .noti-dropdown .dd-a span {
    color: #C63D0F;
}

.header-section .noti-dropdown .dd-c {
    display: block;
    position: absolute;
    text-align: left;
    background: var(--main-white);
    border: 1px solid var(--main-light-grey);
    height: auto;
    top: 80px;
    width: 320px;
    right: 50px;
    transform: scaleY(0);
    transform-origin: top left;
    transition-duration: 0.2s;
    -webkit-transform: scaleY(0);
    -webkit-transform-origin: top left;
    -webkit-transition-duration: 0.2s;
    z-index: 999;
}

.header-section .noti-dropdown .dd-c h4 {
    margin: 0;
    padding: 16px;
    border-bottom: 1px solid var(--main-light-grey);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-section .noti-dropdown .dd-c h4 a {
    color: #262626;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

.header-section .noti-dropdown .dd-c ul {
    margin: 0;
    padding: 0;
}

.header-section .noti-dropdown ul li a {
    border-bottom: 1px solid var(--main-light-grey);
    padding: 10px 16px;
    color: #363636;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: 0.5s ease-in-out !important;
}

.header-section .noti-dropdown ul li a:hover {
    background: var(--main-whitesmoke);
}

.header-section .noti-dropdown ul li a img {
    width: 14%;
    margin-right: 10px;
}

.header-section .noti-dropdown ul li a h5 {
    margin: 0;
    font-size: 15px;
    color: #042c45;
}

.header-section .noti-dropdown ul li a p {
    margin: 0;
    padding-top: 4px;
    font-size: 13px;
    font-weight: 400;
}

/* *********************************************** FOOTER SECTION CSS */

.footer-section {
    background-color: var(--main-second-theme);
    padding: 8em 0 2em;
}

.footer-section .footer-head {
    color: var(--main-white);
    font-weight: 900;
    letter-spacing: 0.5px;
    font-size: 16px;
    margin: 0;
    margin-bottom: 30px;
    border-left: 4px solid var(--main-theme);
    padding: 4px 14px;
}

.footer-section p {
    color: #e8e8e8;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
}

.footer-section button {
    margin-top: 20px;
    background: transparent;
    border: none;
    padding: 0;
    outline: none;
}

.footer-section button a {
    color: var(--main-white);
    font-weight: 500;
    border: 2px solid var(--main-white);
    padding: 10px 16px;
    font-size: 10px;
    display: inline-block;
    line-height: normal;
}

.footer-section ul {
    margin-bottom: 2em;
}

.footer-section ul li a {
    color: var(--main-white);
    font-size: 14px;
    border-bottom: 1px solid #505c73;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    transition: 0.5s ease-in-out;
}

.footer-section ul li a:hover {
    color: var(--main-light-grey);
}

.footer-section ul li a i {
    color: #bdbdbd;
    margin-right: 10px;
}

.footer-section ul li {
    color: #dbdbdb;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.footer-section ul li i {
    margin-right: 10px;
}

.footer-section .footer-social-link a i {
    color: var(--main-white);
    padding: 10px 0;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    width: 34px;
    text-align: center;
    margin-right: 2px;
    transform: translateY(0);
    transition-duration: 0.3s;
}

.footer-section .footer-social-link a i:hover {
    transform: translateY(-4px);
}

.footer-section .footer-social-link h4 {
    margin: 0;
    color: #ebebeb;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
}

.footer-section .footer-tags-box {
    margin-top: 3em;
}

.footer-section .footer-tags-box h4 {
    margin: 0;
    color: #e8e8e8;
    font-size: 18px;
    padding-bottom: 20px;
}

.footer-section .footer-tags-box a {
    color: var(--main-light-grey);
    border: 1px solid var(--main-light-grey);
    padding: 6px 14px;
    display: inline-block;
    line-height: normal;
    font-size: 12px;
    margin-right: 4px;
    margin-bottom: 8px;
    transition: all 0.5s;
}

.footer-section .footer-tags-box a:hover {
    border: 1px solid var(--main-light-grey);
    background: #033d62;
    color: var(--main-white);
}

.bottom-footer {
    background: var(--main-theme);
    padding: 1em 0;
}

.bottom-footer p {
    margin: 0;
    color: var(--main-white);
    font-size: 13px;
}

.bottom-footer p a {
    color: var(--main-white);
}

.bottom-right-footer {
    text-align: right;
}

.bottom-right-footer a {
    padding: 0 10px;
    border-right: 2px solid var(--main-white);
    color: var(--main-white);
    line-height: normal;
    font-size: 13px;
}

.bottom-right-footer a:last-child {
    border-right: none;
    padding-right: 0;
}

#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #3498db;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: var(--main-white);
}

#scroll:hover {
    background-color: #e74c3c;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}


/** whatsappslider CSS ***/

#whatsappslider .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: var(--main-theme);
    z-index: 111;
    opacity: initial;
    color: var(--main-white);
    border-radius: 0 0 0 10px;
}

#whatsappslider img {
    max-width: 100%;
    max-height: 580px;
}

#whatsappslider .swiper-slide {
    background: var(--main-white);
    text-align: center;
    min-height: 80vh;
    align-items: center;
    display: flex;
    justify-content: center;
}

#whatsappslider .swiper-button-next,
#whatsappslider .swiper-button-prev {
    background: var(--main-theme);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    font-size: 12px;
}

#whatsappslider .swiper-button-next:after,
#whatsappslider .swiper-button-prev:after {
    font-size: 12px;
    color: var(--main-white);
}

.whatsappstatus {
    position: fixed;
    right: 5px;
    top: 5%;
    z-index: 999;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    border-radius: 100%;
}

.whatsappstatus>a {
    position: relative;
    display: block;
}

.whatsappstatus>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: inherit;
    border-radius: 100%;
    z-index: -1;
    animation: ripple 1.5s ease-out infinite;
    background-color: #86fdb8;
    margin: 0 auto;
    left: 0;
    right: 0;
}

@keyframes ripple {
    from {
        opacity: 1;
        transform: scale(0);
    }

    to {
        opacity: 0;
        transform: scale(3);
    }
}

/* login signup page */

.registerlogin-page {
    padding: 4em 0 6em;
    background: #e9f4ff;
}

.registerlogin-page .loginpage-section-box {
    padding: 40px 20px;
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    border: 1px solid #f3f3f3;
    width: 100%;
    margin: 0 auto;
}

.registerlogin-page img {
    width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid var(--main-light-grey);
}

.registerlogin-page .loginpage-section-box .loginpage-heading {
    margin: 0;
    font-size: 24px;
    text-align: center;
    color: var(--main-second-theme);
}

.registerlogin-page .loginpage-section-box .loginpage-description {
    margin: 0;
    font-weight: 500;
    padding-top: 10px;
    color: #5f5f5f;
    text-align: center;
    font-size: 12px;
}

.registerlogin-page .loginpage-section-box .loginpage-form {
    margin-top: 1em;
}

.registerlogin-page .loginpage-section-box .loginpage-form .loginpage-form-div {
    padding: 16px 20px;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.registerlogin-page .loginpage-section-box .loginpage-form .loginpage-form-div img {
    width: 6%;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
}

.registerlogin-page .loginpage-section-box .loginpage-form .loginpage-form-div input {
    padding: 0;
    border: none;
    outline: none;
    font-weight: 500;
    width: 96%;
}

.registerlogin-page .loginpage-form .forgot-pwd-txt {
    text-align: right;
}

.registerlogin-page .loginpage-form .forgot-pwd-txt a {
    color: #0d3660;
    font-weight: 500;
    font-size: 12px;
}

.registerlogin-page .loginpage-form .login-btn {
    border: none;
    text-align: center;
    padding: 10px;
    outline: none;
    width: 40%;
    background: var(--main-theme);
    color: var(--main-white);
    border: 1px solid var(--main-theme);
    border-radius: 50px;
    margin: 40px auto 0;
    display: block !important;
    transition: all 0.5s;
    cursor: pointer;
}

.registerlogin-page .loginpage-form .login-btn:hover {
    background: var(--main-white) !important;
    color: var(--main-second-theme);
    border: 1px solid var(--main-second-theme);
}

.registerlogin-page .loginpage-form .connect-with-g-txt {
    margin: 0;
    text-align: center;
    border-top: 1px solid var(--main-light-grey);
    margin-top: 2em;
    padding-top: 1em;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #787878;
}

.registerlogin-page .loginpage-form .connect-with-g-img {
    border: 1px solid var(--main-light-grey);
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 50%;
    margin: 0 auto;
    font-size: 14px;
    justify-content: center;
    font-weight: 500;
}

.registerlogin-page .loginpage-form .connect-with-g-img img {
    width: 14%;
    margin: 0;
    margin-right: 12px;
}

.registerlogin-page .account-loginsigup-link {
    margin: 0;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.registerlogin-page .account-loginsigup-link a {
    color: var(--main-second-theme);
    font-weight: 600;
}

.registerlogin-page .half_width {
    width: 100% !important;
}

.registerlogin-page .registerlogin-form-details-box {
    background: var(--main-white);
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 0 0 4px 0px var(--main-light-grey);
    height: 574.48px;
}

.registerlogin-page .registerlogin-form-details-box h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #0a3767;
    margin-bottom: 30px;
}

.registerlogin-page .registerlogin-form-details-box .eight-signup-features-box {
    display: flex;
    background: var(--main-white);
    padding: 10px;
    text-align: center;
    align-items: center;
    border: 1px dashed var(--main-light-grey);
    margin-bottom: 10px;
}

.registerlogin-page .registerlogin-form-details-box .eight-signup-features-box img {
    width: 16%;
    margin-right: 10px;
    margin-left: 0;
}

.registerlogin-page .registerlogin-form-details-box .eight-signup-features-box h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #09396b;
    text-align: left;
}

.registerlogin-page .registerlogin-form-details-box hr {
    width: 100%;
    display: inline-block;
    border-top: 2px solid var(--main-light-grey);
}

.registerlogin-page .eight-signup-features-box.differentproperties {
    display: block;
    padding: 20px 10px;
    text-align: center;
}

.registerlogin-page .eight-signup-features-box.differentproperties img {
    width: 40%;
    margin-bottom: 16px;
    display: block;
}

.registerlogin-page .eight-signup-features-box.differentproperties h4 {
    font-size: 14px;
}

.registerlogin-page .registerlogin-form-details-box ul {
    display: flex;
    align-items: center;
    margin-top: 50px;
    justify-content: center;
}

.registerlogin-page .registerlogin-form-details-box ul li a {
    display: inline-block;
    color: var(--main-white);
    font-size: 12px;
    font-weight: 500;
    padding: 6px 20px;
    border-radius: 4px;
    margin-right: 10px;
    background: linear-gradient(45deg, #0f3f6c, #699ac7);
    border: 1px solid #347cbf;
    transition-duration: 0.3s;
    box-shadow: 0px 20px 40px 0px rgba(25, 31, 160, 0.1);
}

.registerlogin-page .registerlogin-form-details-box ul li a:hover {
    transform: translateY(-4px);
    box-shadow: none;
}

/* ******************** Dashboard PROFILE PAGE SECTION CSS */
.profile-dashboard-section .dashboard-right .features-box {
    display: flex;
    align-items: center;
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    border-radius: 0.42rem;
    padding: 20px 10px;
    margin: 0 auto;
    width: 100%;
    transition: all .25s ease-in-out;
    justify-content: space-between;
}

.profile-dashboard-section .dashboard-right .features-box h4 {
    margin: 0;
    font-size: 1.4rem;
    width: 100%;
    color: var(--main-white);
}

.profile-dashboard-section .dashboard-right .features-box span {
    display: inline-flex;
    margin-top: 10px;
    color: var(--main-white);
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
}

.profile-dashboard-section .dashboard-right .features-box i {
    color: var(--main-white);
    font-size: 26px;
}

.profile-dashboard-section .dashboard-right .features-box:hover {
    transform: translateY(-4px);
}

.profile-dashboard-section .dashboard-right .YourExamsBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.profile-dashboard-section .dashboard-right .popular-box {
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    border-radius: 0.42rem;
    margin-right: 20px;
    transition: all .25s ease-in-out;
    border: 1px solid #ffe4e1;
    display: flex;
    align-items: center;
    padding: 10px;
    height: 80px;
    background-image: linear-gradient(330deg, #f3ecd6 0%, #ffe7e5 50%, #fdd2cd 75%);
}

.profile-dashboard-section .dashboard-right .popular-box img {
    width: 20%;
}

.profile-dashboard-section .dashboard-right .popular-box .popular-box-div {
    padding-left: 12px;
}

.profile-dashboard-section .dashboard-right .popular-box h4 {
    margin: 0;
    font-size: 1.4rem;
    padding: 0;
    color: var(--main-black);
    font-weight: 600;
    line-height: 20px;
}

.profile-dashboard-section .dashboard-right .features-content-head {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

.UpdateContactDetailsTxt {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
}

.profile-dashboard-section .dashboard-right .features-content-head a {
    color: var(--main-black);
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline;
    float: right;
    text-align: right;
    width: 90%;
}

.profile-dashboard-section .dashboard-right .my-exams-history-head {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.profile-dashboard-section .dashboard-right .my-exams-history-head a {
    color: var(--main-black);
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline;
    float: right;
    text-align: right;
    width: 83%;
}

.profile-dashboard-section .dashboard-right table tr td {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    font-size: 13px;
}

.profile-dashboard-section .dashboard-right .my-exams-history-table .view-report-center a {
    display: block;
    text-align: center;
    text-decoration: underline;
    padding: 20px 0;
    color: var(--main-black);
    font-weight: 700;
    font-size: 12px;
}

.profile-dashboard-section .dashboard-right table tr td h4 {
    background: #555588;
    text-align: center;
    color: var(--main-white);
    border-radius: 50%;
    padding: 10px;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 600;
}

.profile-dashboard-section .dashboard-right .my-exams-history-table tr td h5 {
    margin: 0;
    font-size: 15px;
    padding-bottom: 10px;
    color: #555588;
    font-weight: 700;
}

.profile-dashboard-section .dashboard-right .my-exams-history-table tr td h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #119e67;
}

.profile-dashboard-section .dashboard-right .my-exams-history-table tr td h6 span {
    color: var(--main-black);
}

.profile-dashboard-section .dashboard-right .my-exams-history-table tr td button {
    background: transparent;
    border: none;
    padding: 0;
    margin: 10px auto;
    display: block;
}

.profile-dashboard-section .dashboard-right .my-exams-history-table tr td button a {
    background: #dc3545;
    color: var(--main-white);
    padding: 4px 10px;
    border: 1px solid #dc3545;
    border-radius: 4px;
    letter-spacing: 0.7px;
    font-size: 13px;
    transition: all .25s ease-in-out;
}

.profile-dashboard-section .dashboard-right .my-exams-history-table tr td button a:hover {
    background: var(--main-white);
    color: #dc3545;
    border: 1px solid #dc3545;
}

.dashboard-right .activity-head {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

.dashboard-right .activity-contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-right .activity-contents .activity-boxsec {
    width: 100%;
}

.dashboard-right .activity-contents .activity-boxsec .activity-icon {
    display: flex;
    align-items: center;
}

.dashboard-right .activity-contents .activity-boxsec .activity-icon i {
    font-size: 20px;
    border: 1px solid var(--main-light-grey);
    padding: 10px 14px;
    margin-right: 10px;
    color: green;
    border-radius: 4px;
}

.dashboard-right .activity-contents .activity-boxsec .activity-icon h4 {
    margin: 0;
    color: #646464;
    font-weight: 700;
    font-size: 12px;
}

.dashboard-right .activity-contents .activity-boxsec .activity-icon p {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #094468;
    padding-top: 6px;
}

.dashboard-right {
    background: #f8f8f8;
    padding: 20px 20px;
    width: 100%;
    box-shadow: 0 0 6px 0px var(--main-light-grey);
    margin: 0px !important;
    border-radius: 0 0 10px 10px;
    margin-left: 0px !important;
}

.dashboard-right table {
    width: 100%;
}

.dashboard-right form label {
    margin: 0;
    width: 80% !important;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.dashboard-right form button {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    padding: 8px 20px;
    background: #1b9f39;
    border: none;
    color: var(--main-white);
    border-radius: 4px;
}

.dashboard-right h4 {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #2a2a2a;
}

.dashboard-right .TodayUpdateBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-right .TodayUpdateBox a {
    width: 100%;
    margin-right: 10px;
}

.dashboard-right .TodayUpdateBox a:last-child {
    margin-right: 0;
}

.dashboard-right-header {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
}

.dashboard-right-noti-ul {
    padding: 0;
    margin: 0;
}

.dashboard-right-noti-ul li {
    background: #787878;
    font-size: 20px;
    padding: 4px 0;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: grid;
    align-items: center;
    text-align: center;
    margin: 0;
}

.dashboard-right-noti-ul li i {
    color: var(--main-white);
}

.dashboard-right-noti-ul .noti-badge {
    background: #ffc000;
    padding: 0;
    position: absolute;
    border-radius: 50%;
    top: 0px;
    right: -4px;
    color: #131313;
    font-size: 12px;
    text-align: center;
    width: 20px;
    height: 20px;
    font-weight: 800;
    line-height: 20px;
}

.dropdown-menu[data-bs-popper] {
    left: auto !important;
}

.dashboard-right-noti-ul .dropdown-toggle::after {
    display: none;
}

.dashboard-right-demo-upcoming-ul {
    padding: 0;
    margin: 0;
    float: right;
    width: 100%;
}

.dashboard-right-demo-upcoming-ul li {
    width: 10%;
    float: right;
    margin-left: 10px;
}

.dashboard-right-demo-upcoming-ul li img {
    width: 100%
}

.dashboard-right h5 .all-news-lang-span {
    float: right;
    font-size: 12px;
    font-weight: 600;
    color: var(--main-black);
}

.dashboard-right h5 .all-news-lang-span span a {
    color: var(--main-black);
}

.dashboard-right h5 .all-news-lang-span i {
    float: none;
    padding-top: 0;
    font-size: 18px;
}

.dashboard-right h5 .all-news-lang-span .hindi-span {
    margin: 0 4px;
    cursor: pointer;
}

.dashboard-right h5 i {
    float: right;
    padding-top: 1px;
    font-size: 20px;
    cursor: pointer;
}

.dashboard-right h5 span {
    color: #fa5400;
    font-size: 12px;
}

.dashboard-right table tr th {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    background: var(--main-whitesmoke);
    font-size: 12px;
    font-weight: 700;
}

.dashboard-right table tr td {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    background: var(--main-white);
    font-size: 12px;
    font-weight: 700;
}

.dashboard-right table tr td a.change-pwd-key {
    background: var(--main-white);
    padding: 0;
}

.dashboard-right .processing-text {
    display: block;
    color: #ffa100;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    text-align: center;
}

.dashboard-right .dashboard-bottom-img {
    width: 100%;
    margin-top: 20px;
}

.dashboard-sidebar-header {
    padding: 30px 20px;
    border-radius: 10px;
    background-image: url("/static/images/ProfiledashboardBg.png");
    background-position: unset;
}

.sidebar-img-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.sidebar-img-box img {
    width: 100%;
}

.sidebar-img-box i {
    color: #cd9a00;
    font-size: 20px;
    border: 1px solid var(--main-light-grey);
    border-radius: 50%;
    padding: 14px;
    background: #fafafa;
    margin-right: 10px;
}

.sidebar-headname {
    color: var(--main-black);
    font-size: 16px;
    margin: 0;
    font-weight: 700;
}

.dashboard-sidebar-header a {
    display: block;
    text-decoration: underline;
    font-size: 12px;
    color: #22537d;
    font-weight: 700;
    margin-top: 6px;
}

.dashboard-sidebar-header .sidebar-img-box a {
    font-size: 10px;
    color: var(--main-white);
    font-weight: 700;
    margin-top: 6px;
    background: #10599d;
    padding: 6px 10px 4px;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
}

.dashboard-sidebar-menus ul li {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
    color: var(--main-black);
    font-size: 12px;
    font-weight: 600;
    transition: all 0.25s ease-in-out 0s;
    background: #f6f6f6;
    margin: 2px auto;
    box-shadow: 0 0 6px 0px var(--main-light-grey);
    border-left: 4px solid var(--main-light-grey);
}

.dashboard-sidebar-menus ul li i {
    color: var(--main-black);
    margin-right: 10px;
    font-size: 14px;
}

.dashboard-sidebar-menus ul li a:hover,
.dashboard-sidebar-menus ul li.dashboard_menu_current a {
    color: var(--main-white) !important;
}

.dashboard-sidebar-menus ul li:hover,
.dashboard-sidebar-menus ul li:active,
.dashboard-sidebar-menus ul li.active {
    color: var(--main-black) !important;
    background: var(--main-white);
    border-left: 4px solid #2a87de;
    font-weight: 700 !important;
}

.myaccount-tabel .active-text {
    font-weight: bold;
    text-transform: uppercase;
    color: #1AA315;
    display: block;
    text-align: center;
}

.myaccount-tabel .expired-text {
    display: block;
    color: #fe0000;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    display: block;
    text-align: center;
}

.dashboard_menu_current {
    background-color: var(--main-white) !important;
    color: #2a87de !important;
    font-weight: 700 !important;
    border-left: 4px solid #2c88de !important;
}

.dashboard_menu_current i {
    color: #2a87dd !important;
}

.profile-dashboard-section {
    padding: 2em 0;
    background: #f8f8f8;
}

.profile-dashboard-section .profileFlex {
    display: flex;
}

.profile-dashboard-section .ProfileDashboardWelcomesection {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 20px;
    padding-bottom: 50px;
    border-bottom: 4px solid #bde1ff;
}

.profile-dashboard-section .ProfileDashboardWelcomesection .ProfileDashboardWelcomesectionbg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("/static/images/ProfiledashboardBg.png") center center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 140%;
    border-radius: 10px 10px 0 0;
}

.profile-dashboard-section .ProfileDashboardWelcomesection.pages_header_title .ProfileDashboardWelcomesectionbg {
    height: auto !important;
    background-size: 300% auto !important;
}

.profile-dashboard-section .ProfileDashboardWelcomesection h2 {
    margin: 0;
    font-size: 14px;
    color: #6b6b6b;
}

.profile-dashboard-section .ProfileDashboardWelcomesection.pages_header_title h2 {
    margin: 0;
    font-size: 18px;
    color: #212121;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}

.profile-dashboard-section .ProfileDashboardWelcomesection.pages_header_title {
    padding: 2em;
}

.profile-dashboard-section .ProfileDashboardWelcomesection h3 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    color: #0b0b0b;
}

.profile-dashboard-section .ProfileDashboardWelcomesection p {
    margin: 0;
    color: #575757;
    font-size: 12px;
    padding-right: 30em;
    margin-top: 8px;
    line-height: 18px;
    font-weight: 600;
}

.profile-dashboard-section .ProfileDashboardWelcomesection .CompleteProfilebar h6 {
    margin: 0;
    background: #b3b3b3;
    border-radius: 10px;
    margin-top: 10px;
}

.profile-dashboard-section .ProfileDashboardWelcomesection .CompleteProfilebar h6 span {
    display: inline-block;
    width: 80%;
    background: #28a745;
    border-radius: 10px;
    text-align: right;
    padding: 2px 10px;
    font-size: 10px;
    color: var(--main-white);
    line-height: normal;
}

.profile-dashboard-section .ProfileDashboardWelcomesection .CompleteProfilebar {
    margin-top: 10px;
}

.profile-dashboard-section .ProfileDashboardWelcomesection .CompleteProfilebar a {
    font-size: 12px;
    color: #084aa0;
    text-decoration: underline;
}

.profile-dashboard-section .accordion {
    display: block;
    background: #EA5D5D;
    margin: 0;
    position: absolute;
    z-index: 1;
    margin-top: -40px;
    margin-left: 20px;
    font-size: 10px;
    color: var(--main-white);
    padding: 6px 20px;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    font-weight: 500;
}

.StartMockTestBox .tab {
    overflow: hidden;
    border: 1px solid var(--main-light-grey);
    background-color: #f1f1f1;
}

.StartMockTestBox .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.StartMockTestBox .tab button:hover {
    background-color: var(--main-light-grey);
}

.StartMockTestBox .tab button.active {
    background-color: var(--main-light-grey);
}

.StartMockTestBox .tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.StartMockTestSection {
    padding: 30px 0;
    border-bottom: 1px solid var(--main-light-grey);
}

.StartMockTestSection h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #606060;
}

.StartMockTestSection .StartMockTestFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(273deg, #95ceff, #d4ebff);
    border-radius: 10px;
    border-left: 6px solid #1c7ecb;
    margin-top: 10px;
    padding: 0 0 0 20px;
}

.StartMockTestSection .StartMockTestFlex h3 {
    margin: 0;
    font-size: 14px;
    color: #063f6c;
    font-weight: 600;
    line-height: 22px;
}

.StartMockTestSection .StartMockTestFlex p {
    margin: 0;
    font-size: 12px;
    color: #5c5c5c;
    margin-top: 10px;
}

.StartMockTestSection .StartMockTestFlex a {
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: center;
    background: #085495;
    padding: 30px;
    color: var(--main-white);
    border-radius: 0 10px 10px 0;
    border-left: 4px solid #093a65;
    transition: 0.5s ease-in-out;
    min-width: 150px;
    margin-left: 20px;
}

.StartMockTestSection .StartMockTestFlex a:hover {
    background: #2c6ca3;
}

.StartMockTestSection .StartMockTestFlex p b {
    display: inline-block;
    color: #e83e3e;
    font-weight: 700;
}

.SamanyaGyanGuruVideosSection {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid var(--main-light-grey);
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox {
    width: 49%;
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #606060;
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv {
    margin-top: 10px;
    background: #1374bb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 8px;
    height: 146px;
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv h5 {
    color: var(--main-white);
    margin: 0;
    padding: 0 10px;
    line-height: 18px;
    font-size: 12px;
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv a {
    display: inline-block;
    background: #0d5182;
    margin: 10px 0 0 10px;
    color: #f1f1f1;
    font-size: 10px;
    padding: 6px 20px;
    border-radius: 4px;
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv .SamanyaGyanGuruBoxHeader {
    position: relative;
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv .SamanyaGyanGuruBoxHeader img {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
    background: #5a5a5a;
    height: 130px;
}

.SamanyaGyanGuruVideosSection .SamanyaGyanGuruBox .SamanyaGyanGuruBoxDiv .SamanyaGyanGuruBoxHeader h6 {
    position: absolute;
    z-index: 1;
    background: rgb(0 0 0 / 58%);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 12px;
    color: var(--main-white);
    font-size: 10px;
    border-radius: 0 0 0 10px;
    display: none;
}

.SamanyaGyanGuruVideosSection .AllVideosBox {
    width: 49%;
}

.SamanyaGyanGuruVideosSection .AllVideosBox h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #606060;
}

.SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv {
    margin-top: 10px;
    background: #E74C4C;
    border-radius: 10px;
    align-items: center;
    display: flex;
    height: 146px;
    padding: 8px;
}

.SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv img {
    width: 70%;
    border-radius: 10px 0 0 10px;
    height: 128px;
}

.SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv h5 {
    color: var(--main-white);
    margin: 0;
    padding: 0 10px;
    line-height: 18px;
    font-size: 12px;
}

.SamanyaGyanGuruVideosSection .AllVideosBox .AllVideosBoxDiv a {
    display: inline-block;
    background: #b52424;
    margin: 10px 0 0 10px;
    color: #f1f1f1;
    font-size: 10px;
    padding: 6px 20px;
    border-radius: 4px;
}

.NewsAnalysisSection {
    background: linear-gradient(33.88deg, #F8F8F8 62.13%, rgba(234, 234, 234, 0) 115.15%);
    box-shadow: 0px 4px 20px 6px rgba(163, 163, 163, 0.25);
    border-radius: 10px;
    padding: 16px;
    margin: 10px 0;
}

.NewsAnalysisSection h2 {
    margin: 0;
    font-size: 14px;
    color: #696969;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
}

.NewsAnalysisSection h2 a {
    background: #5F5F5F;
    border-radius: 4px;
    color: var(--main-white);
    font-size: 9px;
    display: inline-block;
    padding: 6px 14px;
    line-height: normal;
}

.NewsAnalysisSection h3 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: var(--main-black);
}

.NewsAnalysisSection p {
    margin: 0;
    font-size: 12px;
    margin-top: 10px;
    color: #727272;
    font-weight: 500;
}

/* ******************************************************** edit form page css */

.edit_form_profile label {
    width: 36% !important;
    font-size: 13px;
    font-weight: 600;
}

.edit_form_profile input,
.edit_form_profile select,
.edit_form_profile textarea {
    width: 100%;
    font-size: 13px;
    border: none;
    font-weight: 500;
    padding: 8px 10px !important;
    color: #757575 !important;
    margin-right: 0px !important;
    border-radius: 4px;
}

.edit_form_profile input,
.edit_form_profile select {
    height: 46px !important;
}

.edit_form_profile .submit-update {
    font-size: 14px;
    color: var(--main-white) !important;
    font-weight: 700;
    background: #10599d;
    padding: 6px 10px 4px;
    border-radius: 4px;
    text-decoration: none;
    width: 20%;
}

.update_form_title {
    margin: 12px 0px 16px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #a5a5a533;
    padding-bottom: 6px;
}

/* ********************  PROFILE PAGE SECTION CSS */

.profile-dashboard-header-page-section {
    background: linear-gradient(45deg, #5ba3e5, var(--main-theme));
    padding: 14px 0px;
    background: #0b4d8b;
}

.profile-dashboard-header-page-section .shine-header-class-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-dashboard-header-page-section .shine-header-class-box p {
    margin: 0;
    color: var(--main-white);
    font-size: 12px;
}

.profile-dashboard-header-page-section .shine-header-class-box p a {
    color: #e5e5e5;
    font-weight: 700;
    display: inline-block;
    line-height: normal;
}

.profile-dashboard-header-page-section .shine-header-class-box p span {
    background: #0566bf;
    padding: 4px 12px;
    font-weight: 900;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    line-height: normal;
}

.profile-dashboard-header-page-section .shine-header-class-box p i {
    margin: 0 6px;
    font-size: 12px;
}

.profile-dashboard-header-page-section .shine-header-class-box .fa-bell {
    font-size: 16px;
    color: var(--main-white);
    border: 1px solid #113a60;
    padding: 8px;
    border-radius: 4px;
    background: #0566bf;
}

/***change exam css end****/
.ProfileExamdetails-page-section .StartMockTestBox .StartMockTestBoxFlex .StartMockTestBoxHeaderFlex h3 {
    margin: 0;
    font-size: 16px;
    color: var(--main-black);
    font-weight: 800;
    padding: 20px;
    min-width: 180px;
}

.ProfileExamdetails-page-section .ExamdetailsFreeMaterialsFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ProfileExamdetails-page-section .ExamdetailsFreeMaterialsFlex a {
    width: 100%;
    margin-right: 10px;
}

.ProfileExamdetails-page-section .ExamdetailsFreeMaterialsFlex a:last-child {
    margin-right: 0;
}

.ProfileExamdetails-page-section .ExamdetailsFreeMaterialsFlex .ExamdetailsFreeMaterialsDailyquiz {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    display: block;
    transition: all .25s ease-in-out;
    transform: translateY(0);
    transition-duration: 0.3s;
    text-align: center;
}

.ProfileExamdetails-page-section .ExamdetailsFreeMaterialsFlex .ExamdetailsFreeMaterialsDailyquiz:hover {
    transform: translateY(-8px);
}

.ProfileExamdetails-page-section .ExamdetailsFreeMaterialsFlex .ExamdetailsFreeMaterialsDailyquiz h4 {
    margin: 0;
    color: var(--main-white);
    font-weight: bolder;
    font-size: 14px;
}

.ProfileExamdetails-page-section .ExamdetailsFreeMaterialsFlex .ExamdetailsFreeMaterialsDailyquiz i {
    color: #fafafa;
    font-size: 30px;
    margin-bottom: 20px;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box {
    box-shadow: 0 0 10px 1px #e7e7e7;
    border-radius: 10px;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box img {
    width: 8%;
    background: #033461;
    border-radius: 10px;
    padding: 10px;
    margin-right: 20px;
    border: 1px solid var(--main-light-grey);
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex {
    display: flex;
    align-items: flex-start;
    padding: 20px 20px 20px 40px;
    background: #d2eaff;
    border-radius: 10px 10px 0 0;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex div {
    width: 100%;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h4 {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #242424;
    font-weight: 900;
    margin-bottom: 10px;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h4 span {
    background: #6a6a6a;
    padding: 6px 10px;
    line-height: initial;
    color: var(--main-white);
    font-weight: 700;
    font-size: 10px;
    border-radius: 4px;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h4 span i {
    margin-right: 4px;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h3 {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #858585;
    align-items: center;
    display: flex;
    margin-bottom: 6px;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h3 span {
    display: block;
    border-right: 2px solid #858585;
    padding-right: 8px;
    margin-right: 8px;
    font-weight: bold;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex h3 span:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsHeader-Flex .BacktohomeBtm {
    position: absolute;
    background: #5a5a5a;
    font-size: 16px;
    color: var(--main-white);
    top: 0;
    left: 15px;
    border-radius: 10px 0 10px 0;
    padding: 4px 10px;
    font-weight: 800;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: #10599d;
    border-radius: 0;
    width: 100%;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex button {
    padding: 0;
    background: transparent;
    outline: none;
    border: none;
    margin: 0;
    line-height: normal;
    font-size: 12px;
    border-radius: 0;
    font-weight: 600;
    padding: 10px 16px;
    color: var(--main-white);
    border-bottom: 2px solid transparent;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex button.active {
    border-bottom: 2px solid #032d54;
    font-weight: 700;
    color: var(--main-white);
    margin: 0;
    border-radius: 4px 4px 0 0;
    background: #084e8f;
}

.ProfileExamdetails-page-section .ProfileExamdetailsHeader-box .ProfileExamdetailsfooter-flex button img {
    margin: 0;
    width: 26px;
    position: absolute;
    padding: 0;
    border: none;
    background: transparent;
    margin: -14px 0px;
    transform: rotate(44deg);
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li {
    box-shadow: 0 0 10px 1px #e7e7e7;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
    background-color: var(--main-white);
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li img {
    width: 60px;
    background: var(--main-whitesmoke);
    border-radius: 10px;
    padding: 6px;
    margin-right: 20px;
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li h3 {
    margin: 0;
    font-size: 16px;
    color: #023c6d;
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li p {
    margin: 0;
    font-weight: 700;
    padding-top: 4px;
    font-size: 12px;
    color: #6e6e6e;
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li .marks_text {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    color: var(--main-theme);
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li .report_button,
.ProfileExamdetails-page-section .PreviousTestHistoryUI li .resume_button {
    display: block;
    padding: 8px 10px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    transition: 0.5s ease-in-out;
    width: fit-content;
    text-align: center;
    border: none;
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li .report_button {
    background: #00b600;
    color: var(--main-white);
}

.ProfileExamdetails-page-section .PreviousTestHistoryUI li .resume_button {
    background: #b12323;
    color: var(--main-white);
    width: 90px;
}

.ProfileExamdetails-page-section .tab {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}

.ProfileExamdetails-page-section .tabcontent {
    display: none;
    padding: 20px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    background: #f8f8f8;
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--main-light-grey);
}

.ProfileExamdetails-page-section #TestSeries #viewHistory {
    margin-top: 1.5em;
}

.ProfileExamdetails-page-section #TestSeries #viewHistory h2 {
    font-size: 20px;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex {
    display: flex;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox {
    background: #a8ffa8;
    background: linear-gradient(45deg, #7af87a, transparent);
    border-radius: 10px;
    padding: 20px;
    width: 32%;
    box-shadow: 0 0 10px -2px #787878;
    margin-right: 20px;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox h3 {
    margin: 0;
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox ul {
    padding-left: 20px !important;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox ul li {
    list-style: disc;
    font-weight: 800;
    font-size: 12px;
    line-height: normal;
    padding: 2px 0;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-top: 20px;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox a {
    font-size: 11px;
    background: #068b06;
    color: var(--main-white);
    padding: 4px 0;
    display: block;
    border-radius: 4px;
    line-height: normal;
    font-weight: 600;
    width: 72px;
    border: none;
    text-align: center;
    outline: none;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox input.button {
    font-size: 11px;
    background: #068b06;
    color: var(--main-white);
    padding: 4px 0;
    display: block;
    border-radius: 4px;
    line-height: normal;
    font-weight: 600;
    width: 72px;
    border: none;
    text-align: center;
    outline: none;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox .ViewTestHistoryBtn {
    text-align: right;
    font-size: 11px;
    font-weight: 800;
    color: #535353;
    border-bottom: 1px dashed #4a4a4a;
    line-height: normal;
    background: transparent;
    padding: 0 2px;
    cursor: pointer;
    display: block;
    border-radius: 0;
    width: auto;
}

.ProfileExamdetails-page-section .TestSeriestabcontent .TestSeriesBoxFlex .TestSeriesBox span {
    text-align: right;
    font-size: 11px;
    font-weight: 800;
    color: #535353;
    border-bottom: 1px dashed #4a4a4a;
    line-height: normal;
    padding: 0 2px;
    cursor: pointer;
    display: block;
}

.ProfileExamdetails-page-section .StudyMaterialtabcontent h2 {
    margin: 0;
    font-size: 16px;
    color: #606060;
}

.ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox {
    background: #e54646;
    border-radius: 10px;
    padding: 16px 14px;
    display: flex;
    align-items: center;
    width: 32%;
    box-shadow: 0 0 10px -2px #5f5f5f;
    transform: translateY(0);
    transition-duration: 0.3s;
}

.ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox:hover {
    transform: translateY(-4px);
}

.ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox a {
    background: #0f5ba3;
    line-height: normal;
    display: inline-block;
    padding: 4px 0px;
    font-size: 10px;
    margin-left: 10px;
    font-weight: 500;
    color: var(--main-white);
    border-radius: 4px;
    width: 130px;
    text-align: center;
}

.ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox h4 {
    margin: 0;
    font-size: 18px;
    color: var(--main-white);
    width: 300px;
}

.ProfileExamdetails-page-section .StudyMaterialtabcontent .StudyMaterialBoxFlex .StudyMaterialBox h4 span {
    display: block;
    font-size: 10px;
    margin-top: 6px;
    line-height: 14px;
    font-weight: 500;
    color: #f2f2f2;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent h2 {
    margin: 0;
    font-size: 16px;
    color: #606060;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruFlexBox {
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 20px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox {
    box-shadow: 0 0 20px -2px #c6c6c6;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    width: 32%;
    background: #a3caef;
    height: 250px;
    margin-right: 12px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--main-black);
    margin-bottom: 20px;
    text-align: center;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox .SamanyaGyanGuruBoxFlex {
    display: block;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox .SamanyaGyanGuruBoxFlex .SamanyaGyanGuruBoxImg {
    width: 100%;
    display: block;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox .SamanyaGyanGuruBoxFlex .SamanyaGyanGuruBoxImg img {
    width: 80%;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0 0 10px -2px #242424;
    display: block;
    height: 100px;
    object-fit: cover;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox .SamanyaGyanGuruBoxFlex .SamanyaGyanGuruBoxImg h5 {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    text-align: center;
    color: #303030;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox .SamanyaGyanGuruBoxFlex a {
    text-align: center;
    background: #095196;
    color: var(--main-white);
    padding: 6px 20px;
    font-size: 10px;
    border-radius: 4px;
    margin: 10px auto 0;
    font-weight: 500;
    line-height: normal;
    display: table;
    transition: 0.5s ease-in-out;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .SamanyaGyanGuruBox .SamanyaGyanGuruBoxFlex a:hover {
    background: #474747;
}

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

.NewsAnalysisNewsAnalysisMICABoxFlex .NewsAnalysisBoxFlex {
    width: 48%;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox {
    box-shadow: 0 0 20px -2px #c6c6c6;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: #5d5d5d;
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox ul {
    padding-left: 20px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox ul li {
    list-style: disc;
    color: #666666;
    font-size: 13px;
    margin-bottom: 10px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 20px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox p {
    margin: 0;
    color: #757575;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .NewsAnalysisBox a {
    line-height: normal;
    display: inline-block;
    margin-top: 10px;
    color: #1663d1;
    border-bottom: 1px dashed #1663d1;
    font-size: 12px;
    padding: 0 2px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex {
    display: flex;
    justify-content: space-between;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex .MICABox {
    width: 48%;
    box-shadow: 0 0 20px -2px #c6c6c6;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex .MICABox h5 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 24px;
    color: #212121;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex .MICABox p {
    margin: 0;
    font-size: 12px;
    color: #909090;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex .MICABox a {
    line-height: normal;
    display: inline-block;
    margin-top: 10px;
    color: #1663d1;
    border-bottom: 1px dashed #1663d1;
    font-size: 12px;
    padding: 0 2px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex .MICABox h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: #5d5d5d;
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex .MICABox h4 {
    margin: 0;
    color: var(--main-white);
    font-size: 22px;
    font-weight: bold;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICABoxFlex .MICABox h6 {
    margin: 0;
    color: #e1e1e1;
    font-weight: 500;
    margin-top: 10px;
    line-height: 18px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICASectionBox {
    display: flex;
    background: #ef4949;
    justify-content: space-between;
    align-items: center;
    padding: 26px 30px;
    margin-top: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px -2px #c6c6c6;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICASectionBox h4 {
    margin: 0;
    color: var(--main-white);
    font-size: 20px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICASectionBox h4 span {
    display: block;
    font-size: 13px;
    color: #ebebeb;
    line-height: 22px;
    font-weight: 500;
    margin-top: 10px;
}

.ProfileExamdetails-page-section .SamanyaGyanGurutabcontent .MICASectionBox a {
    color: var(--main-white);
    text-align: center;
    padding: 8px 10px;
    background: #b80707;
    width: 130px;
    border-radius: 4px;
    font-size: 12px;
}

.MyExamDetailPageSection {
    padding: 2em 0;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox {
    box-shadow: 0 0 10px -2px #cbcbcb;
    border-radius: 10px;
    border: 1px solid var(--main-light-grey);
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex {
    display: flex;
    justify-content: space-between;
    background: var(--main-whitesmoke);
    border-bottom: 2px solid var(--main-light-grey);
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex h2 {
    margin: 0;
    font-size: 16px;
    width: 34%;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 10px 0 0 0;
    color: var(--main-black);
    border-right: 3px solid var(--main-light-grey);
    display: flex;
    align-items: center;
    background: #e8e8e8;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex h4 {
    margin: 0;
    padding: 10px 30px;
    width: 100%;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex h4 span {
    display: block;
    font-size: 12px;
    color: #10599d;
    font-weight: 700;
    margin-top: 6px;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex form button {
    background: #1e79ce;
    color: var(--main-white);
    border: none;
    font-size: 14px;
    line-height: normal;
    width: 100%;
    padding: 37px 20px;
    border-radius: 0 10px 0 0;
    border-left: 4px solid #07437a;
    transition: 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestBoxFlex form button:hover {
    background: #b21d1d;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestHistoryList {
    padding: 20px;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestHistoryList h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #434343;
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestHistoryList table {
    width: 100%;
    margin-top: 20px;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestHistoryList table tr th {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    background: var(--main-whitesmoke);
    color: #373737;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestHistoryList table tr td {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    color: #373737;
}

.ProfileExamdetails-page-section .LiveTesttabcontent .LiveTestBox .LiveTestHistoryList table tr td a {
    display: inline-block;
    background: #ef3535;
    line-height: normal;
    padding: 4px 10px;
    font-size: 10px;
    margin-left: 20px;
    color: var(--main-white);
    border-radius: 4px;
    border: 1px solid #c31717;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox {
    box-shadow: 0 0 10px -2px #cbcbcb;
    border-radius: 10px;
    border: 1px solid var(--main-light-grey);
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestBoxFlex {
    background: var(--main-whitesmoke);
    border-bottom: 2px solid var(--main-light-grey);
    padding: 20px;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestBoxFlex h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding: 14px 20px;
    border-radius: 10px 10px 0 0;
    color: var(--main-black);
    background: #e8e8e8;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestBoxFlex h4 {
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestBoxFlex form input.button {
    background: #1972c5;
    color: var(--main-white);
    display: inline-block;
    border: none;
    margin-left: 20px;
    font-size: 10px;
    line-height: normal;
    padding: 8px 18px;
    border-radius: 4px;
    transition: 0.5s ease-in-out;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestBoxFlex a:hover {
    background: #b21d1d;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestHistoryList {
    padding: 20px;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestHistoryList h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #434343;
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestHistoryList table {
    width: 100%;
    margin-top: 20px;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestHistoryList table tr th {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    background: var(--main-whitesmoke);
    color: #373737;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestHistoryList table tr td {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    color: #373737;
}

.ProfileExamdetails-page-section .StateGKtabcontent .LiveTestBox .LiveTestHistoryList table tr td a {
    display: inline-block;
    background: #ef3535;
    line-height: normal;
    padding: 4px 10px;
    font-size: 10px;
    margin-left: 20px;
    color: var(--main-white);
    border-radius: 4px;
    border: 1px solid #c31717;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent h2 {
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex {
    box-shadow: 0 0 10px 1px #e7e7e7;
    border-radius: 10px;
    margin-bottom: 14px;
    display: flex;
    padding: 0;
    justify-content: space-between;
    background: var(--main-white);
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex .PremiumSetsBox h3 {
    margin: 0;
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 900;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex .PremiumSetsBox h4 {
    margin: 0;
    font-size: 12px;
    padding: 8px 0;
    font-weight: bold;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex .PremiumSetsBox h4 span {
    display: inline-block;
    line-height: 16px;
    border-right: 2px solid #8b8b8b;
    padding-right: 6px;
    margin-right: 6px;
    color: #0c66bb;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex .PremiumSetsBox h4 span:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex .PremiumSetsBox h5 {
    margin: 0;
    font-size: 12px;
    color: #1b9c08;
    margin-top: 6px;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex .PremiumSetsBox {
    padding: 16px 20px;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex form input.button {
    background: #10599d;
    display: flex;
    padding: 40px 0;
    align-items: center;
    width: 160px;
    border: none;
    justify-content: center;
    border-radius: 0 10px 10px 0;
    color: var(--main-white);
    font-size: 14px;
    border-left: 4px solid #093e6f;
    transition: 0.5s ease-in-out;
}

.ProfileExamdetails-page-section .PremiumSetstabcontent .PremiumSetsBoxFlex form input.button:hover {
    background: #3181cc;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox {
    background: linear-gradient(341deg, #a8d5ff, transparent);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 14px -2px #c1c1c1;
    margin-bottom: 20px;
    transition: 0.5s ease-in-out;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox:hover {
    box-shadow: 0 0 14px -2px #6f6f6f;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox h3 {
    margin: 0;
    font-size: 10px;
    padding: 8px 0;
    color: #505050;
    font-weight: 700;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox h3 i {
    margin-right: 4px;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox ul {
    padding-left: 20px !important;
    margin-bottom: 0px;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox ul li {
    list-style: disc;
    font-size: 12px;
    padding: 2px 0;
    font-weight: 800;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox ul li b {
    color: #d61e1e;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox a {
    background: #0757a2;
    display: inline-block;
    font-size: 10px;
    color: var(--main-white);
    line-height: normal;
    padding: 6px 12px;
    border-radius: 4px;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox a:hover {
    background: #2d7ecb;
}

.ProfileExamdetails-page-section .DailyQuiztabcontent .DailyQuizBox button {
    background: #144d83;
    font-size: 10px;
    color: var(--main-white);
    padding: 6px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
    border: none;
}

/* tutorial view page */
.live-coaching-section {
    background: var(--main-white);
    padding: 3em 0;
}

.live-header-head {
    background: var(--main-white);
    padding: 0px 0px 10px;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    align-items: center;
}

.live-header-head h4 {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    color: var(--main-black);
    line-height: 20px;
    width: 70%;
}

.live-header-head h4 a {
    color: #119e67;
}

.live-header-head .fa-angle-right {
    margin: 0 6px;
}

.live-header-head .live-header-button {
    float: right;
    text-align: right;
    width: 50%;
}

.live-header-head .live-header-button button.active {
    background: #ffc000;
    color: var(--main-white);
}

.live-header-head .live-header-button button {
    background: var(--main-light-grey);
    padding: 8px 18px;
    color: var(--main-black);
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
}

.live-side-box {
    background: var(--main-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.live-side-box h4 {
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: #303030;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
}

.live-side-ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.live-side-ul li {
    padding: 6px 0px;
    float: left;
    width: 100%;
    cursor: pointer;
    transition: all .25s ease-in-out;
}

.live-side-ul li h6 {
    margin: 0;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding-top: 2px;
}

.live-side-ul #toggleButton .live-side-ul-list {
    font-size: 13px;
    width: 100%;
    text-align: left;
    margin-left: 1.4em;
    background-color: #fff0e5;
    color: #464343;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 6px;
}

.live-side-ul li h2 {
    margin: 0 0 6px;
    font-size: 14px;
    padding-top: 0;
    line-height: 20px;
    font-weight: 600;
}

.live-side-ul li h2 .live-class {
    color: #e10f0f;
    border: 1px solid #e10f0f;
    font-size: 12px;
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
    margin-right: 4px;
}

.live-detail-box {
    background: var(--main-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.live-detail-box h4,
.live-detail-box1 h4 {
    margin: 0px 0px 12px;
    font-weight: 600;
    font-size: 16px;
    color: #303030;
    padding: 0px;
}

.live-detail-box .history_new_select {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid var(--main-light-grey);
    padding: 6px;
    height: auto;
}

.live-detail-box .short_button {
    float: right;
    cursor: pointer;
    padding: 6px;
    border: 1px solid #272727;
    border-radius: 50%;
    margin: 0;
}

.live-detail-box .tutorial_show {
    overflow: auto;
    height: 922px;
    margin-top: 10px;
}

.tutorial_show .accordion-item {
    border: 0px !important;
    border-radius: 4px;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.live-side-box .accordion-button,
.tutorial_show .accordion-button {
    background-color: #f8f8f8;
    color: var(--main-black);
    padding: 10px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    transition: 0.4s;
    outline: none;
    font-size: 14px;
    border: 1px solid var(--main-light-grey);
    border-radius: 4px;
}

.live-detail-box .tt_tutorial_content {
    border: none;
    background: none repeat scroll 0 0 var(--main-white);
    font-size: 18px;
    display: inline-block;
    margin: 8px 0;
    padding: 0px;
    position: relative;
    width: 100%;
}

.live-detail-box .tutorial_header,
.tutorial_header strong {
    width: 96%;
    background: #f8f8f8;
    color: var(--main-black);
    font-weight: 600;
    border: 1px solid var(--main-light-grey);
    z-index: 0;
}

.live-detail-box .tutorial_header {
    cursor: pointer;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
}

.live-detail-box .tutorial_header strong {
    border: none;
}

.mediumdiv .button {
    background: var(--main-theme) !important;
    border: 1px solid var(--main-theme);
    text-align: center;
    color: var(--main-white) !important;
    padding: 10px !important;
    border-radius: 6px;
    font-size: 12px !important;
    font-weight: 800 !important;
    transition: 0.5s ease-in-out !important;
    width: 90% !important;
    margin-bottom: 10px;
}

.tutorial_header:before {
    background: url("/static/images/toggle_icons.png") no-repeat scroll 7px 6px #5ea5d7;
    color: var(--main-white);
    content: " ";
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #666666;
    float: left;
    margin-right: 20px;
}

.tutorial_header_active:before {
    background: url("/static/images/toggle_icons.png") no-repeat scroll 7px 6px #5ea5d7;
    color: var(--main-white);
    content: " ";
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
    border-radius: 50%;
    background-color: #666666;
    background-position: 7px -21px;
}

.live-detail-box .tt_tutorial_content div.content-data {
    background: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    width: 100%;
}

.live-detail-box .tt_tutorial_content .tutorialTableDiv {
    overflow: auto;
}

.live-detail-box .tt_tutorial_content div.content-data table {
    border: none;
    width: 100% !important;
    background: var(--main-white);
    height: auto !important;
}

.live-detail-box .tt_tutorial_content div.content-data table tr td {
    padding: 10px;
    border: 1px solid var(--main-light-grey);
}

.tt_tutorial_content div.content-data ul,
.tt_tutorial_content div.content-data ol {
    list-style: auto !important;
    margin-left: 15px !important;
}

.tt_tutorial_content div.content-data li {
    list-style: auto !important;
}

.live-side-ul li h2 .live-practice-class {
    color: #2b93ed;
    border: 1px solid #2b93ed;
    font-size: 12px;
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 500;
    margin-right: 4px;
}

.live-side-ul li:last-child {
    border-bottom: transparent;
}

/* ******************************************* MY EXAM PROFILE PAGE CSS */
.myexam-profile-page .myexam-profile-head {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
}

.myexam-profile-page .myexam-profile-hr {
    width: 6%;
    margin: 8px auto;
    border: 1px solid #ffc000;
}

.myexam-profile-box {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 20px;
    background: var(--main-whitesmoke);
    margin-bottom: 10px;
    justify-content: space-between;
}

.myexam-profile-box-para {
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--main-light-grey);
    padding: 10px;
    background: var(--main-white);
    font-size: 12px;
    text-align: center;
    width: 100%;
    font-weight: 700;
    color: #d41818;
    margin: 0;
}

.myexam-profile-box .myexam-profile-left-box {
    width: 80%;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.myexam-profile-box .myexam-profile-left-box img {
    width: 60px;
    margin-right: 20px;
}

.myexam-profile-box .myexam-profile-left-box h4 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    color: #0a3865;
    padding-bottom: 6px;
}

.myexam-profile-box .myexam-profile-left-box h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #4b4b4b;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    padding: 4px 0;
}

#change_exam .changeexam-page-section .form-outer form .page .step-4-box {
    margin: 20px auto;
    width: 80%;
}

#change_exam .changeexam-page-section .form-outer form .page .field button.submit {
    margin: 0 auto;
    background: #ffc000;
    border: none;
    color: var(--main-white);
    padding: 6px 30px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.myexam-profile-box .myexam-profile-left-box .myexam-profile-btn {
    background: #686868;
    color: var(--main-white);
    border: none;
    font-size: 10px;
    margin-top: 10px;
    padding: 5px 12px;
    border-radius: 4px;
}

.myexam-profile-box .myexam-profile-right-box {
    width: 50%;
}

.myexam-profile-box .myexam-profile-right-box ul {
    background: #646493;
    padding: 14px 10px;
    border-radius: 10px;
    padding-left: 30px;
}

.myexam-profile-box .myexam-profile-right-box ul li {
    list-style: circle;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 0;
    color: #e2e2e2;
}

.myexam-profile-box .myexam-profile-right-box ul li span {
    color: var(--main-white);
    font-weight: 700;
}

.myexam-profile-btn-box {
    text-align: right;
    width: 36%;
}

.myexam-profile-btn-box .button:hover {
    background: var(--main-white) !important;
    border: 1px solid var(--main-light-grey) !important;
    color: #272727;
}

.myexam-profile-btn-box .button {
    padding: 6px 10px;
    font-size: 11px;
    color: var(--main-white);
    border-radius: 4px;
    transition: all 0.25s ease-in-out 0s;
    margin: 4px auto;
    width: 70%;
}

.myexam-profile-box .myexam-profile-left-box h5 i {
    font-size: 14px;
    margin-right: 8px;
}

/* account-classes css */
.myaccount-box {
    height: auto;
    overflow: auto;
}

.myaccount-box .dataTables_wrapper {
    color: var(--main-black);
    font-size: 14px;
}

.myaccount-box .dataTables_wrapper select {
    display: inline;
    margin: 5px 0px 5px 0px;
    padding: 5px 5px;
    width: auto;
    border: 1px solid var(--main-light-grey);
    border-radius: 2px;
    color: #5d5d5d;
    outline: none;
    height: 40px;
    font-size: 12px;
}

.myaccount-box .table .acoount_classStart {
    color: var(--main-white);
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-radius: 4px;
}

.myaccount-box .table .acoount_classStart:hover {
    background-color: #449d44;
    border-color: #398439;
}

.myaccount-box table tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1;
}

.myaccount-box table tbody tr.even>.sorting_1 {
    background-color: #fafafa;
}

.pagination .page-link {
    font-size: 12px;
    color: var(--main-black);
}

.pagination .page-link:hover {
    color: var(--main-black);
}

.page-link:focus {
    box-shadow: none !important;
    color: var(--main-white) !important;
    background-color: #838383 !important;
}

.btn-info {
    color: var(--main-white) !important;
}

/* helpdesk page */
.helpdesk-box h5 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px;
}

.helpdesk-box select,
.helpdesk-box textarea {
    border: 1px solid var(--main-light-grey);
    border-radius: 2px;
    padding: 10px;
    width: 100%;
    color: #5d5d5d;
    outline: none;
    height: 40px;
    font-size: 12px;
}

.helpdesk-box .submit-query {
    margin: 0 auto;
    display: table;
    background: #404040;
    color: var(--main-white);
    border: none;
    padding: 6px 20px;
    font-weight: 400;
    border-radius: 4px;
    width: 30%;
}

/* profile change password model */
.changePass_model_box {
    border-color: #ebebeb;
    margin: 0;
}

.changePass_model_box .changePass_model_heading {
    background: #cbe6ff;
    border-color: #83aed6;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
}

.changePass_model_box .changePass_model_heading .changePass_model_title {
    color: var(--main-black);
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0px;
}

.changePass_model_box .fa-times-circle {
    color: #0d477d;
}

.changePass_model_box .change-password-form label {
    color: var(--main-black);
    font-weight: 500;
    font-size: 14px;
    width: 100%;
}

.changePass_model_box .change-password-form input,
.changePass_model_box .change-password-form select,
.changePass_model_box .change-password-form textarea {
    border: 1px solid var(--main-light-grey);
    border-radius: 2px;
    padding: 10px;
    width: 100%;
    color: #5d5d5d;
    outline: none;
    height: 40px;
    font-size: 12px;
}

.changePass_model_box .change-password-form button {
    background: #1562a9;
    border: none;
    color: var(--main-white);
    border-radius: 4px;
    padding: 8px 12px;
    outline: none;
    font-size: 12px;
}

.changePass_model_box .change-password-form .form-group {
    margin-bottom: 15px;
}

#profileForm label {
    padding-bottom: 4px;
}

#profileForm .form-control {
    font-size: 14px !important;
}

#zendeskChatImage {
    width: 32px;
    cursor: pointer;
    z-index: 9;
    float: right;
    margin: -5px 22px 0px 0px;
}

.mandatory {
    font-size: 9px;
    color: red;
}

.captcha_box {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1em;
    margin-bottom: 10px;
}

.captcha_box i {
    font-size: 16px;
    color: var(--main-second-theme);
}

.catcha_input input {
    font-size: 14px;
    padding: 10px 4px;
    border-radius: 20px;
    border: none;
    text-align: center;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.catcha_input input:focus-visible {
    outline: none;
}

.captcha_imgDiv {
    width: 70%;
}

.captcha_imgDiv #captcha-img {
    width: 96%;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.reset_otpCode {
    float: right;
    color: var(--main-theme);
    font-size: 14px;
}

.forget_passA {
    float: right;
    font-size: 14px;
    color: var(--main-theme);
    font-weight: 600;
}

.test_limit {
    background: #af0909;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}

#subjectChoiceModal .modal-header h5 {
    font-size: 16px;
    margin: 0px;
    font-weight: 600;
}

#subjectChoiceModal .panel-heading {
    background: #cbe6ff !important;
    border-color: #83aed6 !important;
    padding: 10px;
    border-radius: 4px;
}

#subjectChoiceModal .panel-heading .panel-title {
    color: var(--main-black) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 15px;
    margin: 0px;
}

#subjectChoiceModal .panel.panel-danger {
    border-color: var(--main-light-grey) !important;
    margin: 0 !important;
}

#subjectChoiceModal .tbl .button {
    background-color: #0049a7;
    display: inline-block;
    border: 0px;
    color: var(--main-white) !important;
    cursor: pointer;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 4px;
    margin-top: 10px;
}

#subjectChoiceModal .tbl td {
    padding: 10px 0px;
}

#subjectChoiceModal select {
    border: 1px solid var(--main-light-grey);
    border-radius: 2px;
    padding: 10px;
    width: 100%;
    color: #5d5d5d;
    outline: none;
    height: 40px;
    font-size: 12px;
}

/* home page */
/* ******************************************* BANNER SECTION CSS */

.banner-section {
    background: #f0f8ff;
    padding: 3em 0 0;
    border-bottom: 1px solid var(--main-light-grey);
}

.banner-section img {
    width: 90%;
    float: right;
}

.banner-section .swiper {
    width: 100%;
    height: auto;
}

.banner-section .swiper .swiper-wrapper {
    height: auto;
}

.banner-section .swiper-slide {
    position: relative;
    background: #f0f8ff;
    z-index: 1;
}

.banner-section .swiper-slide img {
    display: block;
    width: 100%;
    height: 460px;
    object-fit: contain;
}

.banner-section-details {
    margin: 2em 0 0 30px;
}

.banner-section-details .heading {
    margin: 0;
    font-weight: 900;
    color: var(--main-second-theme);
    font-size: 18px;
}

.banner-section-details .heading-two {
    margin: 10px 0;
    font-size: 32px;
    font-weight: 700;
    color: #0d2742;
    line-height: 46px;
}

.banner-section-details .heading-two span {
    color: var(--main-theme);
}

.banner-section-details .banner-para {
    font-size: 15px;
    color: #676767;
    margin: 0;
    font-weight: 500;
}

.banner-section-details .best-stuffs-box {
    margin-top: 10px;
    border-radius: 10px;
    color: var(--main-white);
}

.banner-section-details .best-stuffs-box span {
    padding: 10px 14px;
    display: inline-flex;
    font-size: 12px;
    border-radius: 4px;
    margin: 4px auto;
    width: 24.5%;
    background-image: linear-gradient(90deg, #194c81 10%, #0d2742 90%);
}

.banner-section-details a {
    background: var(--main-theme);
    border: 1px solid var(--main-theme);
    color: var(--main-white);
    padding: 10px 20px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    margin-top: 20px;
}

.banner-section-details a:hover {
    background: var(--main-second-theme);
    border: 1px solid var(--main-second-theme);
    color: var(--main-white);
}

.banner-section .swiper-button-prev,
.banner-section .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto;
}

.banner-section .swiper-button-next,
.banner-section .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}

.banner-section .swiper-button-prev:after,
.banner-section .swiper-rtl .swiper-button-next:after,
.banner-section .swiper-button-next:after,
.banner-section .swiper-rtl .swiper-button-prev:after {
    color: var(--main-second-theme);
    font-size: 22px;
    font-weight: 800;
}

/* *********************************************** MY PLANS SECTION CSS */

.myplans-section {
    padding: 3em 0;
    background: #fafafa;
    border-top: 2px solid var(--main-light-grey);
    position: relative;
}

.myplans-section .myplans-heading {
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    font-style: normal;
    color: var(--main-theme);
    margin: 30px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}

.myplans-section .myplans-heading:before,
.myplans-section .myplans-heading:after {
    background-color: var(--main-theme);
}

.myplans-section .myplans-heading:after {
    display: inline-block;
    margin-left: 10px;
    content: "";
    width: 40px;
    height: 2px;
}

.myplans-section h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #303030;
    line-height: 32px;
}

.myplans-section ul {
    margin-top: 20px;
}

.myplans-section ul li {
    list-style: disc;
    padding: 10px 14px;
    display: inline-flex;
    font-size: 12px;
    border-radius: 4px;
    margin: 4px auto;
    width: 32%;
    background: #33567b;
    color: var(--main-white);
}

.myplans-section img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.myplans-section .myplans-image-box {
    padding: 20px;
    cursor: pointer;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    display: flex;
    align-items: center;
    width: 50%;
}

.myplans-section .myplans-image-box:hover {
    border-radius: 10px;
    box-shadow: 0px 20px 40px 0px rgba(25, 31, 160, 0.1);
    transform: translateY(-10px);
}

.myplans-section .myplans-image-box img {
    width: 18%;
    margin: 0;
    margin-right: 10px;
}

.myplans-section .myplans-image-box h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.myplans-section .myplans-image-box h2 span {
    font-size: 12px;
    color: #072F60;
}

.myplans-section .myplans-image-box h3 {
    margin: 0;
    font-size: 26px;
    padding: 10px 0;
    font-weight: 700;
    color: #072F60;
}

.myplans-section .myplans-image-box button {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
}

.myplans-section .myplans-image-box button a {
    padding: 4px 14px;
    background: var(--main-theme);
    display: inline-block;
    color: var(--main-white);
    font-size: 12px;
    border-radius: 4px;
    transition: 0.5s ease-in-out;
    border: 1px solid var(--main-theme);
}

.myplans-section .myplans-image-box button a:hover {
    background: var(--main-white);
    color: var(--main-second-theme);
    border: 1px solid var(--main-second-theme);
}

/* *************************************************** OUR JOURNEY SECTION CSS */
.ourjourney-section {
    position: relative;
    padding: 3em 0 90px;
    background: var(--main-black);
    z-index: 1;
}

.ourjourney-section .ourjourney-section-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("/static/images/home-images/journey-so-far.png") center center;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    filter: blur(5px);
}

.ourjourney-section h4 {
    margin: 0;
    font-size: 26px;
    color: var(--main-white);
    font-weight: 800;
}

.ourjourney-section p {
    margin: 0;
    font-size: 15px;
    color: #dedede;
    font-weight: 500;
    padding-top: 10px;
    line-height: 24px;
}

.ourjourney-section .ourjourney-section-box {
    background-color: var(--main-white);
    background-image: url("/static/images/home-images/pricing-pattern.jpg");
    background-position: center center;
    padding: 30px;
    position: absolute;
    top: 30px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 8px 35px 0px rgba(28, 27, 27, 0.1);
}

.ourjourney-section .ourjourney-section-box ul {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ourjourney-section .ourjourney-section-box ul li {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.ourjourney-section .ourjourney-section-box ul li h3 {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: var(--main-second-theme);
}

.ourjourney-section .ourjourney-section-box ul li h3 span {
    font-size: 18px;
    color: #0d457a;
    font-weight: 800;
}

.ourjourney-section .ourjourney-section-box ul li h5 {
    margin: 0;
    font-size: 18px;
    padding-top: 10px;
}

.ourjourney-section .ourjourney-section-box ul li i {
    font-size: 40px;
    margin-right: 30px;
    color: var(--main-theme);
}

/* ********************************************* VIDEO SECTION CSS */
.VideoSection {
    padding: 3em 0;
    background: #f7f7f7;
    border-top: 2px solid var(--main-light-grey);
    border-bottom: 2px solid var(--main-light-grey);
}

.VideoSection .videoseriesdetails-Box {
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0 0 10px -2px #b6b6b6;
    transition-duration: 0.3s;
    padding-bottom: 10px;
    margin-top: 30px;
    background: var(--main-white);
}

.VideoSection .videoseriesdetails-Box:hover {
    box-shadow: 0 0 20px -2px #6c6c6c;
}

.VideoSection .videoseriesdetails-Box:hover h4 {
    color: #074693;
}

.VideoSection .videoseriesdetails-Box img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.VideoSection .videoseriesdetails-Box h4 {
    margin: 0;
    line-height: 20px;
    font-size: 13px;
    font-weight: 700;
    padding: 10px;
    color: #464646;
    transition-duration: 0.3s;
}

.VideoSection .videoseriesdetails-Box p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    color: #e76608;
    padding: 0 10px;
}

.VideoSection .videoseriesdetails-Box p span {
    color: #808080;
    font-size: 12px;
}

.VideoSection .ViewAllBtn {
    display: block;
    text-align: center;
    line-height: normal;
    margin-top: 30px;
    font-size: 14px;
    text-decoration: underline;
    color: #1369b9;
}

.VideoSection .ViewAllBtn i {
    margin-left: 6px;
}

/* ******************************************************* STATE EXAMS SECTION CSS */
.state-exams-section {
    padding: 0;
    position: relative;
    top: -50px;
    z-index: 1;
}

.state-exams-section .state-exams-box {
    padding: 30px 20px;
    cursor: pointer;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 16px 0 rgb(175 175 175 / 47%);
    background-color: var(--main-white);
    border-radius: 10px;
}

.state-exams-section .state-exams-box ul {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.state-exams-section .state-exams-box ul li {
    display: inline-block;
    background: #f3f9ff;
    padding: 10px 0;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0px 4px 10px #e1e1e1;
    width: 100%;
}

.state-exams-section .state-exams-box ul li:hover {
    transform: translateY(-4px);
    color: #0d3660;
}

.state-exams-section .state-exams-box ul li img {
    width: 40px;
}

.state-exams-section .state-exams-box ul li h4 {
    margin: 0;
    font-size: 12px;
    padding-top: 16px;
    color: #0d2742;
    font-weight: 700;
}

/* ******************************************** EXAM CATEGORIES SECTION CSS */
.exam-categories-section {
    padding: 3em 0;
    background: #f0f8ff;
}

.exam-categories-section .tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3em;
}

.exam-categories-section .tab .tablinks {
    width: 100%;
    background: var(--main-white);
    padding: 16px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #545454;
    transition-duration: 0.5s;
    margin: 0 10px 0 0;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(0);
}

.exam-categories-section .tab .tablinks.active {
    background: var(--main-theme);
    color: var(--main-white);
    font-weight: bold;
}

.exam-categories-section .tab .tablinks i {
    display: block;
    font-size: 26px;
    margin-bottom: 8px;
}

.exam-categories-section .exam-categories-box {
    display: flex;
    justify-content: space-between;
    background: var(--main-white);
    margin-top: 20px;
    padding: 40px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.exam-categories-section .exam-categories-box img {
    width: 30%;
}

.exam-categories-section .exam-categories-box h4 {
    margin: 0;
    color: #0d2742;
    font-size: 22px;
    padding-bottom: 10px;
}

.exam-categories-section .exam-categories-box p {
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}

.exam-categories-section .exam-categories-details ul li {
    padding: 20px;
    cursor: pointer;
    margin-top: 1em;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    display: flex;
    align-items: center;
    margin-right: 20px;
    height: 100px;
}

.exam-categories-section .exam-categories-details ul li:hover {
    box-shadow: 0px 20px 40px 0px rgba(25, 31, 160, 0.1);
    transform: translateY(-10px);
}

.exam-categories-section .exam-categories-details ul li img {
    width: 18% !important;
    margin-right: 16px;
    height: auto !important;
}

.exam-categories-section .state-exam-tabs-ul ul li {
    width: 180px;
    text-align: right;
    display: block;
    background: linear-gradient(0deg, #b7dcffb3, transparent);
    padding: 10px 16px;
    height: auto;
}

.exam-categories-section .state-exam-tabs-ul ul li img {
    width: 30% !important;
    margin-right: 0;
    height: auto !important;
    margin-bottom: 10px;
}

.exam-categories-section .state-exam-tabs-ul ul li h3 {
    text-align: left;
    margin-top: 6px;
}

.exam-categories-section .central-tabs-ul ul li {
    display: block;
    padding: 20px 10px;
    text-align: center;
    height: auto;
    width: 180px;
}

.exam-categories-section .central-tabs-ul ul li img {
    width: 30% !important;
    margin-right: 0;
    height: auto !important;
    margin-bottom: 10px;
}

.exam-categories-section .central-tabs-ul ul li h3 {
    font-size: 14px;
}

.exam-categories-section .exam-categories-section .exam-categories-box img {
    width: 20%;
    height: 200px;
}

.exam-categories-section .exam-categories-details ul {
    display: flex;
    align-items: center;
}

.exam-categories-section .exam-categories-details ul li h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #323232;
    line-height: 20px;
}

.exam-categories-section .exam-categories-details ul li h6 {
    margin: 0;
    padding-top: 10px;
    font-size: 12px;
    color: #8b8b8b;
}

.blink {
    display: inline-block;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 12px;
    transform: translate(-50%, -50%);
}

.blink:before,
.blink:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e33333;
    border-radius: 50px;
    opacity: 0;
}

.blink:before {
    transform: scale(1);
    -webkit-animation: blink 1.6s infinite linear;
    animation: blink 1.6s infinite linear;
}

.blink:after {
    -webkit-animation: blink 1.6s 1.2s infinite linear;
    animation: blink 1.6s 1.2s infinite linear;
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    33.33333% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}

@keyframes blink {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    33.33333% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}

/* ************************************************ TOP BENEFITS SECTION CSS */

.top-benefits-section {
    padding: 0em 0 3em;
}

.top-benefits-section .image-box {
    border-radius: 10px;
    box-shadow: 13px 15px 15px 0 rgb(105 105 105 / 8%);
    padding: 20px;
    width: 46%;
    height: 188px;
    float: left;
    margin-right: 20px;
    transform: translateY(0);
    transition-duration: 0.3s;
}

.top-benefits-section .image-box:hover {
    transform: translateY(4px);
}

.top-benefits-section .layout-gradient.color-1 .image-box::before {
    background: #e4feef;
    border: 2px solid #d4fae4;
}

.top-benefits-section .layout-gradient.color-2 .image-box::before {
    background: #f9eef1;
}

.top-benefits-section .layout-gradient.color-3 .image-box::before {
    background: #fff8e5;
}

.top-benefits-section .layout-gradient.color-4 .image-box::before {
    background: #ffe1e1;
    border: 2px solid #ffd4d4;
}

.top-benefits-section .layout-gradient .image-box:hover:before {
    opacity: .8;
}

.top-benefits-section .image-box::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: #4d58b1;
    transition: all .4s;
}

.top-benefits-section .image-box .content .title {
    margin: 0;
    color: var(--main-second-theme);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-right: 10px;
}

.top-benefits-section .image-box .content p {
    color: #737373;
    margin: 0;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.top-benefits-section .DownloadMobileAppSection {
    position: relative;
    padding: 30px;
    background: var(--main-black);
    z-index: 1;
    border-radius: 10px;
}

.top-benefits-section .DownloadMobileAppBg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("/static/images/home-images/mobileappbg.png") center center;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 10px;
}

.top-benefits-section .trending-heading {
    font-size: 14px;
    font-weight: 800;
    color: #eeeeee;
    margin: 0;
    display: flex;
    align-items: center;
}

.top-benefits-section .top-benefits-right h4 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: var(--main-white);
    margin-top: 10px;
}

.top-benefits-section .DownloadMobileAppSection .googleplay-img {
    width: 24%;
    margin-top: 10px;
}

.top-benefits-section .DownloadMobileAppSection .googleplay-txt {
    font-size: 12px;
    margin: 0;
    color: #f1f1f1;
    padding-top: 10px;
}

.top-benefits-section .top-benefits-right p {
    padding-top: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #6f6f6f;
    line-height: 22px;
    margin: 0;
}

.top-benefits-section .top-benefits-right .exam-categories-box {
    padding: 14px 10px;
    text-align: center;
    cursor: pointer;
    margin-top: 2em;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
}

.top-benefits-section .top-benefits-right .exam-categories-box:hover {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 20px 40px 0px rgba(25, 31, 160, 0.1);
    transform: translateY(-10px);
}

.top-benefits-section .top-benefits-right .exam-categories-box-img {
    margin: 0px 0px 16px 0px;
    transition-duration: 0.3s;
}

.top-benefits-section .top-benefits-right .exam-categories-box-img img {
    width: 34%;
    background: var(--main-white);
    border-radius: 50%;
    padding: 0px;
}

.top-benefits-section .top-benefits-right .exam-categories-box h4 {
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    color: #303030;
}

.top-benefits-section .top-benefits-right .exam-categories-box ul li {
    font-size: 11px;
    padding-top: 10px;
    color: var(--main-second-theme);
}

/* ****************************************** CURRENT AFFAIRS SECTION CSS */

.current-affiars-section {
    padding: 3em 0;
}

.current-affiars-section .LatestNewsBox {
    background: #5d5d5d;
    border-radius: 10px;
    margin-top: 30px;
    padding: 4px;
    transition-duration: 0.3s;
    height: 300px;
}

.current-affiars-section .LatestNewsBox:hover {
    box-shadow: 0 0 10px -2px var(--main-black);
}

.current-affiars-section .LatestNewsBox a {
    margin: 0 10px 12px;
    display: inline-block;
    background: #363333;
    padding: 6px 14px;
    color: var(--main-white);
    font-weight: 500;
    font-size: 10px;
    border-radius: 4px;
}

.current-affiars-section .LatestNewsBox img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    height: 170px;
    object-fit: cover;
    border-bottom: 4px solid #212121;
}

.current-affiars-section .LatestNewsBox h4 {
    margin: 0;
    color: var(--main-white);
    font-size: 13px;
    padding: 10px;
    line-height: 18px;
    font-weight: 500;
}

.current-affiars-section .googleplay-img {
    margin: 10px auto 0;
    width: 30%;
    display: block;
    transform: translateY(0);
    cursor: pointer;
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.current-affiars-section .googleplay-img:hover {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 20px 40px 0px rgba(25, 31, 160, 0.1);
    transform: translateY(-6px);
}

.current-affiars-section .googleplay-txt {
    text-align: center;
    margin: 0;
    font-size: 14px;
    padding-top: 6px;
}

.current-affiars-section .current-affiars-box {
    margin-top: 50px;
}

.current-affiars-section .current-affiars-box img {
    margin: 0;
    width: 18%;
}

.current-affiars-section .current-affiars-box h4 {
    margin: 0;
    padding: 20px 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #3d3d3d;
}

.current-affiars-section .current-affiars-box p {
    margin: 0;
    line-height: 24px;
    font-weight: 400;
}

.view-all-btn {
    padding: 0;
    background: transparent;
    border: none;
    width: 100%;
    text-align: right;
    margin-top: 2em;
}

.view-all-btn a {
    color: var(--main-theme);
    transition: 0.5s ease-in-out;
}

.view-all-btn a:hover {
    color: var(--main-second-theme);
}

.current-affiars-section .ViewAllBtn {
    display: block;
    text-align: center;
    line-height: normal;
    margin-top: 30px;
    font-size: 14px;
    text-decoration: underline;
    color: #1369b9;
}

.current-affiars-section .ViewAllBtn i {
    margin-left: 6px;
}

/* home page */

/* practise daily-quiz page css */
.dailyQuizBox .quiz-container {
    background: var(--main-white);
    border-radius: 10px;
    text-align: center;
}

.dailyQuizBox .dailyQuizHead {
    padding: 14px;
    background: #4d78a4;
    border-radius: 10px 10px 0px 0px;
    color: var(--main-white);
}

.dailyQuizBox .dailyQuizHead .title_heading {
    font-size: 16px;
    margin: 0px;
    text-align: left;
    color: var(--main-white);
}

.dailyQuizMedi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.dailyQuizMedi .dailyQuizMediselect {
    padding: 4px 30px 4px 10px;
    font-size: 13px;
    font-weight: 500;
    border: 2px solid #d1e4fe;
}

.dailyQuizBox .timer_box {
    border: 5px solid #2279f0;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 8px;
}

.dailyQuizBox .timer_box p {
    font-size: 22px;
    color: #2279f0;
    padding: 0px;
    margin: 0px;
    transition: color 0.3s ease-in-out;
}

.dailyQuizBox .timer_box2 {
    margin-bottom: 1.5em;
}

.dailyQuizBox .timer_box2 span {
    font-size: 22px;
    transition: color 0.3s ease-in-out;
    border: 2px solid var(--main-light-grey);
    border-radius: 4px 10px;
    font-family: cursive;
    font-weight: bold;
    padding: 6px 10px;
}

.dailyQuizBox .QuizMain_Container {
    padding: 16px 6px 10px;
    margin: 0px;
}

.dailyQuizBox .QuizMain_col9 {
    border-right: 2px solid var(--main-light-grey);
    position: relative;
}

.dailyQuizBox .question-text {
    font-size: 1.3em;
    color: #333;
    margin-bottom: 4px;
}

.dailyQuizBox .Quiz_que p {
    text-align: left;
    margin: 0px;
    font-size: 15px;
    color: var(--main-second-theme);
}

.dailyQuizBox .Quiz_que #question-text {
    transition: opacity 0.4s ease-in-out;
    text-align: left;
    font-size: 16px;
    margin: 6px 0px 0px 0px;
    font-weight: 600;
    padding: 0px;
}

.dailyQuizBox .Quiz_options {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: 20px;
}

.dailyQuizBox .Quiz_options .quiz_label {
    background: #f8f9fa;
    border-radius: 4px;
    padding: 4px 0px;
    margin: 6px 0;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.6s, box-shadow 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.dailyQuizBox .Quiz_options .quiz_label:hover {
    background-color: #94c3eea8;
    /* color: var(--main-white); */
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    opacity: 0.9;
}

.dailyQuizBox .Quiz_options .label-active {
    background-color: #1c7fdb;
    color: var(--main-white);
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    opacity: 0.9;
}

.dailyQuizBox .Quiz_options .quiz_label span p {
    margin: 0px;
}

.dailyQuizBox .Quiz_options .quiz_label.highlight_correct {
    background-color: #0acf83;
    color: var(--main-white);
}

.dailyQuizBox .Quiz_options .quiz_label.highlight_incorrect {
    background-color: #ed3c15;
    color: var(--main-white);
}

.dailyQuizBox .Quiz_options .quiz_label .quiz_optionNo {
    padding: 10px 14px;
    background-color: #d1e4fe;
    border-radius: 4px;
    margin-right: 6px;
    margin-left: 2px;
    font-size: 16px;
}

.dailyQuizBox .Quiz_options .label-active .quiz_optionNo {
    color: var(--main-theme);
}

.dailyQuizBox .Quiz_options input[type="radio"] {
    margin-right: 12px;
}

.dailyQuizBox .question_numBox {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 6px;
    flex-wrap: wrap;
    border-top: 2px solid var(--main-light-grey);
    padding-top: 16px;
}

.dailyQuizBox .question_numBox p {
    background-color: #1c7fdb78;
    border-radius: 50%;
    font-size: 14px;
    color: var(--main-white);
    width: 36px;
    height: 36px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
}

.dailyQuizBox .question_numBox p:hover {
    background-color: var(--main-theme);
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.dailyQuizBox .ques_lagend {
    margin: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.dailyQuizBox .ques_lagend p {
    text-align: left;
    font-size: 10px;
    margin: 0px;
}

.dailyQuizBox .ques_lagend p.correct_ans {
    color: #2fe05f;
}

.dailyQuizBox .ques_lagend p.incorrect_ans {
    color: #f75d5d;
}

.dailyQuizBox .nextPre_button {
    margin: 1em 0em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.dailyQuizBox #next_button,
.dailyQuizBox #prev_button,
.dailyQuizBox #submit_button {
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.dailyQuizBox #next_button {
    background-color: var(--main-theme);
    color: var(--main-white);
    width: 12%;
    height: 20px;
    padding: 16px;
}

.dailyQuizBox #next_button:hover,
.dailyQuizBox #prev_button:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.dailyQuizBox #prev_button {
    background-color: var(--main-theme);
    color: var(--main-white);
    width: 12%;
    height: 20px;
    padding: 16px;
}

.dailyQuizBox .clear_previous,
.dailyQuizBox .clear_next {
    cursor: not-allowed !important;
    pointer-events: none !important;
    transform: none !important;
    box-shadow: none !important;
    background-color: #99c4ff !important;
}

.dailyQuizBox #submit_button {
    background-color: #0acf83;
    color: var(--main-white);
    width: 36%;
    margin: 1em 0em;
    position: absolute;
    bottom: 10px;
    right: 50%;
    left: 36%;
}

.dailyQuizBox #submit_button:hover {
    background-color: #09ca73;
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.dailyQuizBox .QuizMain_col3 {
    position: relative;
}

.dailyQuizBox .google_adsArea img {
    width: 100%;
    object-fit: contain;
}

/**** dynamic classes for question dashboard ***********/
.attemptedClr {
    background-color: #2fe05f !important;
    border: 1px solid #2fe05f !important;
    color: var(--main-white) !important;
}

.unAttemptedClr {
    background-color: #f75d5d !important;
    border: 1px solid #f75d5d !important;
    color: var(--main-white) !important;
}
.currentClr {
    text-decoration-line: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 2px;
    border-radius: 10%;
}

/* practice test repoet card */
.report_cardBox {
    padding: 1em 1em 2em;
    border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.report_cardBox .subhead {
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
}

.report_cardBox .main_heading {
    font-size: 26px;
    font-weight: 600;
    margin: 10px 0px 20px;
    color: var(--main-second-theme);
}

.score_box {
    padding: 1.5em;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    width: 230px;
    color: var(--main-second-theme);
    border-radius: 6px;
    transform: translateY(0);
    transition-duration: 0.3s;
}

.score_box:hover {
    transform: translateY(-4px);
}

.correct_box {
    background-color: #6ddf3b4a;
    border: 5px solid #6ddf3b;
}

.incorrect_box {
    background-color: #e44e4e57;
    border: 5px solid #e44e4e;
}

.totalscored_box {
    background-color: #1c7fdb29;
    border: 5px solid var(--main-theme);
}

.score_box h1 {
    margin: 0px;
    font-size: 30px;
    font-weight: 600;
}

.score_box p {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
}

/* *********************** Purchase EXAM PAGE CSS */
.examlist-header-page-section {
    position: relative;
    padding: 3em 0;
    background: var(--main-theme);
    z-index: 1;
}

.examlist-header-page-section .examlist-header-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("/static/images/daily_quiz_2.png") center center;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    filter: blur(0px);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.examlist-header-page-section form {
    display: flex;
    align-items: center;
    background: var(--main-white);
    border: 1px solid var(--main-light-grey);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.examlist-header-page-section form input {
    border: none;
    width: 100%;
    padding: 0 20px;
    outline: none;
}

.examlist-header-page-section form button {
    margin: 0;
    padding: 30px 40px;
    background: var(--main-theme);
    outline: none;
    border: none;
    border-radius: 10px;
    color: var(--main-white);
    line-height: 0;
}

.examlist-header-page-section h6 {
    margin: 0;
    color: #fbfbfb;
    font-size: 13px;
    padding-top: 16px;
    font-weight: 400;
}

.examlist-header-page-section h6 span {
    color: var(--main-white);
    font-weight: 800;
    padding: 0 2px;
}

.plan-details-page-section {
    padding: 3em 0;
    background-image: url("/static/images/plan-details-bg.jpg");
}

.plan-details-page-section .plan-details-heading {
    margin: 0;
    font-weight: 800;
    color: var(--main-second-theme);
    font-size: 22px;
}

.plan-details-page-section .plan-details-para {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    padding-top: 14px;
    line-height: 24px;
    color: #545454;
}

.examlist-header-page-section.plan-details-page-section .plan-details-heading {
    color: var(--main-white);
    margin-bottom: 10px;
}

.examlist-header-page-section.plan-details-page-section .exampageExamTitle {
    color: var(--main-white);
    margin: 0;
    font-size: 20px;
    margin-top: 20px;
}

.examlist-header-page-section.plan-details-page-section .plan-details-heading img {
    width: 6%;
    margin-right: 10px;
}

.examlist-header-page-section.plan-details-page-section .plan-details-para {
    color: #e9e9e9;
    padding-top: 10px;

}

.examlist-header-page-section.plan-details-page-section .plan-details-para a {
    color: var(--main-white);
    font-weight: 900;
    font-size: 12px;
    margin-left: 10px;
}

.examlist-header-page-section.plan-details-page-section h6 {
    color: #141414;
}

.examlist-details-page-section {
    padding: 3em 0;
}

.examlist-details-page-section a .daily-news-back-btn {
    background: #0d2844;
    font-size: 10px;
    color: var(--main-white);
    padding: 4px 10px;
    display: inline-block;
    line-height: normal;
    border-radius: 10px;
    margin-bottom: 10px;
}

.examlist-details-page-section .tab {
    display: flex;
    align-items: center;
}

.examlist-details-page-section .tab h6 {
    margin: 0;
    margin-right: 10px;
    color: #052235;
    font-size: 16px;
}

.examlist-details-page-section .tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 10px;
    transition: 0.3s;
    font-size: 10px;
    border: 1px solid #9b9b9b;
    background: var(--main-white);
    font-weight: 600;
    color: #474747;
}

.examlist-details-page-section .tab button:hover {
    background-color: #f3f3f3;
}

.examlist-details-page-section .tab button.active {
    background-color: var(--main-theme);
    color: var(--main-white);
}

.examlist-details-page-section .tabcontent {
    display: none;
}

.examlist-details-page-section .tab h6 img {
    width: 30px;
}

.examlist-details-page-section .more img {
    width: 30px;
    margin: 20px auto 0;
    display: table;
}

.examlist-details-page-section .more button {
    background: var(--main-second-theme);
    border: none;
    color: var(--main-white);
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 4px;
    outline: none;
    transition: 0.5s ease-in-out;
    margin: 20px auto 0;
    display: block;
}

.examlist-details-page-section .more button:hover {
    background: var(--main-theme);
}

.examlist-details-center-box {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
    border-radius: 10px;
    padding: 20px;
}

.examlist-details-center-box h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--main-black);
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
}

.examlist-details-center-box h1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--main-black);
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.examlist-details-center-box .ca-news-img-div {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.examlist-details-center-box .ca-news-img-div .ca-news-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.examlist-details-center-box h4 .pagenum {
    display: contents;
    color: var(--main-theme);
    font-size: 14px;
    font-weight: 700;
}

.examlist-details-list-box {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 1em;
}

.examlist-details-list-box h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--main-second-theme);
    display: flex;
    align-items: center;
    line-height: 20px;
}

.examlist-details-list-box h2 a {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--main-second-theme);
    display: flex;
    align-items: center;
    line-height: 22px;
}

.examlist-details-list-box h2 span {
    background: #daf0ff;
    padding: 0 8px;
    font-size: 10px;
    color: #005aa5;
    border-radius: 4px;
    margin-left: 10px;
}

.examlist-details-list-box h3 {
    margin: 0;
    font-size: 14px;
    padding: 6px 0;
    font-weight: 800;
    color: #4d4d4d;
}

.examlist-details-list-box p {
    padding: 10px 0 0;
    line-height: 18px;
    font-size: 12px;
    color: #7b7b7b;
    font-weight: 500;
    margin: 0;
}

.examlist-details-list-box button {
    background: none;
    border: none;
    outline: none;
    padding: 0;
}

.examlist-details-list-box button a {
    background: var(--main-theme);
    display: block;
    padding: 8px 12px 6px;
    font-size: 10px;
    color: var(--main-white);
    font-weight: 600;
    border-radius: 4px;
    box-shadow: 0 0 4px 0px var(--main-black);
}

.examlist-details-list-box .srtby-txt {
    position: absolute;
    background: #c14949;
    padding: 12px;
    right: 50px;
    line-height: 0;
    font-size: 12px;
    color: var(--main-white);
    border-radius: 4px;
    margin-top: -10px;
}

.examlist-details-img-box {
    display: flex;
    align-items: center;
}

.examlist-details-img-box img {
    width: 50px;
    margin-right: 10px;
    border-radius: 7px;
}

.examlist-details-img-box .current-affairs-img {
    min-width: 140px;
    height: 100px;
    object-fit: cover;
}

.examlist-details-right-box {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
    border-radius: 10px;
    padding: 20px;
}

.examlist-details-right-box .accordion {
    background-color: transparent;
    color: var(--main-black);
    cursor: pointer;
    padding: 14px 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
}

.examlist-details-right-box .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.examlist-details-right-box .active:after {
    content: "\2212";
}

.examlist-details-right-box .panel {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border: none;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.examlist-details-right-box h6 {
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
    color: var(--main-second-theme);
    margin-bottom: 4px;
}

.examlist-details-right-box .panel ul {
    padding-left: 10px;
}

.examlist-details-right-box .panel ul li {
    display: flex;
    align-items: center;
    margin: 0 auto 14px;
}

.examlist-details-right-box .panel ul li input {
    margin: 0;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.examlist-details-right-box .panel ul li label {
    margin: 0;
    color: #4d4d4d;
    font-size: 12px;
    cursor: pointer;
}

.examlist-details-right-box .panel ul li label:hover {
    color: var(--main-second-theme);
}

.examlist-details-left-box h6 {
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
    color: var(--main-second-theme);
    margin-bottom: 14px;
    font-weight: 700;
}

.examlist-details-left-box ul li {
    border-bottom: 1px solid var(--main-light-grey);
    margin-bottom: 10px;
    list-style: circle;
}

.examlist-details-left-box ul li.archive-month {
    border-bottom: 1px solid var(--main-light-grey);
    margin-bottom: 10px;
    list-style: none;
}

.examlist-details-left-box .archive-list li {
    list-style: none;
}

.examlist-details-left-box ul li h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: #0f3d68;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    line-height: 22px;
}

.examlist-details-left-box ul li h4 span {
    background: #daf0ff;
    padding: 0 8px;
    font-size: 10px;
    color: #005aa5;
    border-radius: 4px;
    margin-left: 10px;
    display: inline-block;
}

.examlist-details-left-box ul li p {
    padding: 4px 0;
    line-height: 20px;
    font-size: 12px;
    color: #3b3b3b;
    font-weight: 400;
}

.examlist-details-left-box img {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 10px;
}

.examlist-details-left-box .category-list-box {
    padding: 20px;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
    width: 100%;
    margin-bottom: 1em;
}

.examlist-details-left-box .category-list-box .share-text {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
    color: #0e4278;
}

.examlist-details-left-box .category-list-box .banner_sidesection ul {
    padding: 0;
    margin: 0;
}

.examlist-details-left-box .category-list-box .banner_sidesection ul li {
    border: none;
    font-size: 13px;
    color: var(--main-black);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
}

.upcomingexams-right-box ul {
    margin-bottom: 3em;
}

.upcomingexams-right-box .upcomingexams-right-ul {
    padding: 0;
    margin-top: 20px;
}

.upcomingexams-right-box .upcomingexams-right-ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    padding-bottom: 10px;
}

.upcomingexams-right-box .upcomingexams-right-ul li img {
    margin: 0;
    width: 18%;
    height: auto;
    margin-right: 16px;
}

.upcomingexams-right-box .upcomingexams-right-ul li h4 {
    padding: 0;
    line-height: normal;
    margin-bottom: 4px;
}

.upcomingexams-right-box .upcomingexams-right-ul li p {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: 500;
    color: #3a3a3a;
}

.plan-details-page-box {
    padding: 30px 30px 10px;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.plan-details-page-box form {
    display: block;
    align-items: center;
    background: var(--main-white);
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.plan-details-page-box form h4 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 15px;
    color: var(--main-second-theme);
    font-weight: 600;
}

.plan-details-page-box .plan-details-price {
    margin: 0;
    font-size: 34px;
    font-weight: bold;
    color: var(--main-second-theme);
}

.plan-details-page-box button {
    border: none;
    outline: none;
    margin: 0px auto 10px;
    width: 100%;
    line-height: normal;
    background: #0c7fdb;
    color: var(--main-white);
    padding: 10px 20px;
    display: inline-block;
    border-radius: 4px;
    transform: translateY(0);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.3s;
    font-size: 13px;
}

.plan-details-page-box button:hover {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 20px 40px 0px rgba(25, 31, 160, 0.1);
    transform: translateY(-4px);
}

.plan-details-page-box div #plannotes {
    font-size: 12px;
}

.plan-details-page-box ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--main-light-grey);
    padding: 10px 0;
    color: #575757;
    font-size: 13px;
}

.plan-details-page-box ul li span {
    color: #767676;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.plan-details-page-box ul li i {
    margin-right: 10px;
    font-size: 16px;
}

.plan-details-page-box form select {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--main-light-grey);
    background: var(--main-white);
    border-radius: 4px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    outline: none;
    margin-bottom: 10px;
}

.plan-details-page-box h5 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 16px;
    color: #1864aa;
    line-height: 26px;
    font-weight: 800;
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
}

.plan-details-page-box h6 {
    margin: 0;
    font-size: 14px;
    padding-bottom: 10px;
    color: #0d3660;
}

.plan-tabs-page-section {
    padding: 3em 0;
}

.plan-tabs-page-box .tab {
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--main-light-grey);
}

.plan-tabs-page-box .tab .tablinks.active {
    border-bottom: 3px solid var(--main-theme);
    font-weight: 700;
    color: var(--main-second-theme);
}

.plan-tabs-page-box .tab .tablinks {
    background: transparent;
    outline: none;
    border: none;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 16px;
    color: #7e7e7e;
    border-bottom: 3px solid var(--main-white);
}

.plan-tabs-page-box .col-md-6.col-sm-6.col-12 .upcoming-exam-tabs-box {
    align-items: center;
    height: 120px;
}

.plan-tabs-page-box .upcoming-exam-tabs-box {
    padding: 20px;
    cursor: pointer;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
    display: flex;
    margin-top: 10px;
    align-items: flex-start;
}

.plan-tabs-page-box .upcoming-exam-tabs-box img {
    width: 65px;
    margin-right: 20px;
}

.plan-tabs-page-box .upcoming-exam-tabs-box h4 {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    color: #0a3862;
}

.plan-tabs-page-box .upcoming-exam-tabs-box p {
    margin: 0;
    padding-top: 10px;
    font-size: 12px;
    color: #646464;
    font-weight: 500;
}

.plan-tabs-page-details {
    padding: 10px;
    margin-top: 1em;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 20px;
}

.plan-tabs-page-details .exam-description .marks-time-marking-flex {
    display: flex;
    margin-top: 20px;
}

.plan-tabs-page-details h4 {
    margin: 0;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding: 0;
    color: var(--main-second-theme);
}

.plan-tabs-page-details p {
    margin: 0;
    font-size: 14px;
    color: #404040;
    font-weight: 500;
    padding: 6px 0;
}

.plan-tabs-page-details p span {
    font-size: 13px;
    font-weight: 400;
}

.plan-tabs-page-details .plan-tabs-page-list-ul {
    padding-left: 20px;
    display: block;
}

.plan-tabs-page-details .plan-tabs-page-list-ul li {
    list-style: disc;
    padding: 4px 0;
    width: auto;
    text-align: left;
    background: transparent;
    box-shadow: none;
    border: none;
    margin-right: 0;
    cursor: auto;
    font-size: 13px;
    border-radius: 0;
}

.plan-tabs-page-details .plan-tabs-page-list-ul li:hover {
    border-radius: 0;
    box-shadow: none;
    transform: none;
}

.plan-tabs-page-details .videos-ul-box {
    padding: 20px;
    margin-bottom: 1em;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid var(--main-light-grey);
    width: 100%;
    background: linear-gradient(0deg, #e0e0e0b3, transparent);
    height: 360px;
}

.plan-tabs-page-details .videos-ul-box iframe {
    height: auto;
    width: 100%;
    border-radius: 10px;
}

.plan-tabs-page-details .videos-ul-box img {
    height: 80%;
    width: 100%;
    display: flex;
    margin: 0 auto;
    object-fit: contain;
}

.plan-tabs-page-details .videos-ul-box h5 {
    margin: 0;
    padding-top: 10px;
    line-height: 20px;
    font-weight: 700;
    color: #4d4d4d;
}

.plan-tabs-page-details .pdf-ul-box {
    padding: 20px;
    margin-top: 1em;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid var(--main-light-grey);
    background: linear-gradient(0deg, #e0e0e0b3, transparent);
    height: 150px;
}

.plan-tabs-page-details .pdf-ul-box img {
    height: auto;
    width: 8em;
    border-radius: 10px;
    display: flex;
    margin: 0 auto;
}

.plan-tabs-page-details .pdf-ul-box h5 {
    margin: 0;
    padding-top: 10px;
    line-height: 18px;
    font-weight: 700;
    color: #4d4d4d;
    text-align: center;
}

.plan-tabs-page-details h4 span {
    color: #0d3660;
    font-size: 12px;
    margin-left: 6px;
}

.plan-tabs-page-details .analysis-reports-ul li {
    width: 100%;
    text-align: left;
    background: transparent;
    box-shadow: none;
    border: none;
    list-style: disc;
    padding: 4px 0;
    font-size: 13px;
    margin: 0;
    color: #0d3660;
    border-radius: 0;
}

.plan-tabs-page-details .analysis-reports-ul {
    display: block;
    padding-left: 20px;
}

.plan-tabs-page-details .analysis-reports-ul li:hover {
    border-radius: 0;
    box-shadow: none;
    transform: translateY(0);
}

.plan-tabs-page-details ul {
    display: flex;
}

.plan-tabs-page-details ul li {
    padding: 20px;
    margin-top: 1em;
    text-align: center;
    border-radius: 10px;
    margin-right: 20px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid var(--main-light-grey);
    width: 20%;
    background: linear-gradient(0deg, #e0e0e0b3, transparent);
}

.plan-tabs-page-details ul li img {
    width: 80%;
    margin-bottom: 14px;
}

.plan-tabs-page-details ul li h5 {
    margin: 0;
    color: var(--main-black);
    font-size: 14px;
}

.plan-tabs-page-details .quiz-card {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
    border-radius: 10px;
    overflow: auto;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plan-tabs-page-details .quiz-card h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--main-second-theme);
    border-bottom: 2px solid var(--main-light-grey);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.plan-tabs-page-details .quiz-card .quiz-card-content {
    display: flex;
    align-items: center;
    padding: 20px 20px;
}

.plan-tabs-page-details .quiz-card .quiz-card-content img {
    margin-right: 20px;
}

.plan-tabs-page-details .quiz-card .quiz-card-content h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #032948;
    margin-bottom: 6px;
}

.plan-tabs-page-details .quiz-card .quiz-card-content h4 {
    margin: 0;
    font-size: 12px;
    color: #6a6a6a;
    margin-top: 0px;
    line-height: 18px;
}

.plan-tabs-page-details .quiz-card .quiz-details .quiz-border {
    flex-direction: column;
}

.plan-tabs-page-details .quiz-card .quiz-details .quiz-border li {
    color: #464646;
    font-size: 12px;
    padding: 4px 0;
    width: 100%;
    text-align: left;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    margin: 0;
}

.plan-tabs-page-details .quiz-card .quiz-details .quiz-border li span {
    color: #ca1212;
}

.plan-tabs-page-details .quiz-card .quiz-details {
    padding: 20px 30px;
    background: #d6ebff;
    height: 120px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.plan-tabs-page-details .quiz-card .quiz-details h5 {
    font-size: 12px;
    margin: 0;
    color: var(--main-white);
}

.plan-tabs-page-details .quiz-card .quiz-details h5 span {
    color: #ebebeb;
    font-weight: 700;
}

.plan-tabs-page-details .quiz-card .quiz-details a,
button {
    background: #144d83;
    font-size: 10px;
    color: var(--main-white);
    padding: 6px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
    border: none;
}

.plan-tabs-page-details .note_text {
    font-size: 14px;
    color: #d41818;
    line-height: 20px;
    font-weight: 400;
}

.plan-tabs-page-details table {
    width: 100%;
    margin-top: 10px;
}

.plan-tabs-page-details .exam-description .marks-time-marking-flex .exam_text {
    border-right: 2px solid var(--main-second-theme);
    padding-right: 10px;
    margin-right: 10px;
    font-size: 12px;
    color: var(--main-second-theme);
}

.plan-tabs-page-details .exam-description .marks-time-marking-flex .exam_text:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.plan-tabs-page-details table tr th {
    border: 1px solid var(--main-light-grey);
    padding: 10px;
    font-size: 14px;
    color: var(--main-black);
    background: var(--main-light-grey);
}

.plan-tabs-page-details table tr td {
    border: 1px solid var(--main-light-grey);
    padding: 10px;
    font-size: 14px;
}

.plan-tabs-page-details .strat-quizes-box {
    padding: 20px 20px 20px;
    margin-top: 1em;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f3f3;
    width: 100%;
    background: linear-gradient(0deg, #b7dcffb3, transparent);
    height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.plan-tabs-page-details .strat-quizes-box img {
    width: 20%;
    margin-bottom: 10px;
}

.plan-tabs-page-details .strat-quizes-box h5 {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 900;
    color: #184b7e;
    margin-bottom: 10px;
}

.plan-tabs-page-details .strat-quizes-box h6 {
    margin: 0;
    font-size: 12px;
    padding-bottom: 6px;
    font-weight: 800;
    color: #606060;
}

.plan-tabs-page-details .strat-quizes-box form button {
    margin-top: 10px;
    background: var(--main-second-theme);
    color: var(--main-white);
    border: none;
    font-size: 10px;
    line-height: normal;
    padding: 6px 14px;
    border-radius: 4px;
}

.plan-tabs-page-details .exam-description button {
    display: block;
    margin-top: 20px;
    padding: 0;
    border: none;
    background: transparent;
    outline: none;
}

.plan-tabs-page-details .exam-description button a {
    background: #0c3e72;
    padding: 6px 10px;
    display: block;
    border-radius: 4px;
    color: var(--main-white);
    font-size: 12px;
    line-height: normal;
}

.plan-tabs-page-details .videos-ul-box h5 {
    margin: 0;
    padding-top: 10px;
    line-height: 22px;
    font-weight: 700;
    color: #4d4d4d;
    font-size: 13px;
}

.langs {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 10px;
    color: #0e4278;
}

.langsp {
    font-size: 13px;
    font-weight: normal;
}

.langsp i {
    color: #0e4278;
}

.take-free-demo-box {
    background: url("/static/images/freedemo1.png") center center;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    background-size: cover;
}

.take-free-demo-box h4 {
    margin: 0;
    color: var(--main-black);
    font-weight: 700;
    font-size: 20px;
}

.take-free-demo-box p {
    margin: 0;
    color: #565656;
    font-size: 14px;
    letter-spacing: 0.2px;
    padding-top: 10px;
}

.take-free-demo-box button {
    padding: 0;
    outline: none;
    background: transparent;
    border: none;
}

.take-free-demo-box button a {
    background: var(--main-theme);
    padding: 6px 15px;
    border-radius: 4px;
    color: var(--main-white);
}

.exam-category-right-box h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--main-second-theme);
    border-bottom: 1px solid var(--main-light-grey);
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.exam-category-right-box .exam-category-right-list {
    padding: 16px 0;
    cursor: pointer;
    transform: translateY(0);
    transition-duration: 0.3s;
    background-color: var(--main-white);
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    transition: 0.5s ease-in-out;
}

.exam-category-right-box .exam-category-right-list:hover {
    background-color: var(--main-whitesmoke);
}

.exam-category-right-box img {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.exam-category-right-box .exam-category-right-list img {
    width: 14%;
    margin-right: 14px;
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.exam-category-right-box .exam-category-right-list h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #083662;
}

.exam-category-right-box .exam-category-right-list h5 {
    margin: 0;
    padding-top: 6px;
    font-size: 12px;
    color: var(--main-theme);
}

.exam-details-page-box {
    padding: 10px 10px 10px;
    border-radius: 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--main-theme);
    border: 1px solid var(--main-theme);
    margin-bottom: 20px;
}

.exam-details-page-box .ExamSeriesBoxDiv {
    margin: 10px;
    background: var(--main-white);
    padding: 12px;
    border-radius: 10px;
}

.exam-details-page-box .ExamSeriesBoxDiv h2 {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    font-weight: 800;
    color: #0b3e83;
    font-size: 16px;
}

.exam-details-page-box .ExamSeriesBoxDiv .ExamSeriesBoxFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.exam-details-page-box .ExamSeriesBoxDiv .ExamSeriesBoxFlex .ExamSeriesBoxFlexBox {
    background: var(--main-theme);
    border-radius: 10px;
    padding: 10px;
    width: 32%;
    text-align: center;
    height: 110px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.exam-details-page-box .ExamSeriesBoxDiv .ExamSeriesBoxFlex .ExamSeriesBoxFlexBox h3 {
    margin: 0 0 0px;
    font-weight: 900;
    color: #f8f8f8;
    font-size: 16px;
    line-height: 20px;
}

.exam-details-page-box .ExamSeriesBoxDiv .ExamSeriesBoxFlex .ExamSeriesBoxFlexBox h4 {
    margin: 0;
    margin-top: 4px;
    font-weight: 600;
    color: #f1f1f1;
    font-size: 14px;
    line-height: 18px;
}

.exam-details-page-box .ExamSeriesBoxDiv ul {
    padding: 0;
    margin: 0;
}

.exam-details-page-box .ExamSeriesBoxDiv ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    padding: 10px 20px;
}

.exam-details-page-box .ExamSeriesBoxDiv ul li i {
    color: #3d3d3d;
    font-size: 20px;
    margin-right: 20px;
    max-width: 20px;
}

.exam-details-page-box .ExamSeriesBoxDiv ul li h3 {
    margin: 0;
    width: 100%;
    color: #3d3d3d;
    font-weight: 800;
    font-size: 14px;
    padding-bottom: 6px;
}

.exam-details-page-box .AnalysisReportsFlex {
    margin: 10px;
    background: var(--main-white);
    padding: 14px 20px;
    border-radius: 10px;
    display: flex;
}

.exam-details-page-box .AnalysisReportsFlex i {
    font-size: 18px;
    margin-right: 14px;
    color: #3d3d3d;
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox {
    width: 100%;
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox h3 {
    margin: 0;
    width: 100%;
    color: #3d3d3d;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 2px;
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox ul {
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox ul li {
    display: block;
    align-items: center;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: var(--main-theme);
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox ul li i {
    font-size: 12px;
    margin-right: 6px;
    color: var(--main-theme);
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox ul li h6 {
    margin: 0;
    font-size: 12px;
    width: 100%;
    color: var(--main-theme);
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox ul li h6 span {
    display: block;
    padding-left: 30px;
    font-size: 10px;
    text-align: left;
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox ul li h6 span i {
    font-size: 8px;
    color: #787878;
    margin-right: 2px;
    color: var(--main-theme);
}

.exam-details-page-box .AnalysisReportsFlex .AnalysisReportsBox h3 span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    color: var(--main-theme);
}

.checkTitle {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 10px 0;
}

.checkTitle .fa-square-check {
    color: #0b3e83;
    font-size: 16px;
}

.TestseriesTab.tab {
    overflow: hidden;
    justify-content: center;
    align-items: center;
    border: none;
}

.TestseriesTab.tab .TestseriesTablinks {
    padding: 20px;
    font-size: inherit;
    font-weight: normal;
    color: var(--main-black);
    background: var(--main-whitesmoke);
    width: 100%;
    border: 1px solid #ececec;
    border-radius: 10px;
    box-shadow: 0 0 10px -2px #dcdcdc;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.TestseriesTab.tab .TestseriesTablinks h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #023e77;
}

.TestseriesTab.tab .TestseriesTablinks h3 {
    margin: 0;
    font-size: 12px;
    padding: 6px 0;
    color: #6c6c6c;
    font-weight: 700;
}

/* model section */
#openBuyNowModal .plament_details_card {
    padding: 0px 10px 0px;
    margin-top: 0;
    border-radius: 10px;
    width: 100%;
}

#openBuyNowModal .plament_details_card ul {
    margin-bottom: 12px;
    padding: 0px;
}

#openBuyNowModal .plament_details_card ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--main-light-grey);
    padding: 10px 0;
    color: #575757;
    font-size: 13px;
}

#openBuyNowModal .plament_details_card ul li i {
    margin-right: 10px;
    font-size: 13px;
    font-weight: 800;
}

#openBuyNowModal .plament_details_card ul li span {
    color: #767676;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

#openBuyNowModal .coupon_checkbox .form-check-label {
    font-size: 14px;
}

#openBuyNowModal .maxSaveAmount_box {
    margin-top: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#openBuyNowModal .maxSaveAmount_box h6 {
    font-size: 15px;
    margin: 0px;
    font-weight: 600;
}

#openBuyNowModal .maxSaveAmount_box .plan-details-price {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: var(--main-second-theme);
}

#openBuyNowModal .maxSaveAmount_box .coupon_buybtn {
    padding: 8px 14px;
    background: var(--main-theme);
    border: 1px solid var(--main-theme);
    color: var(--main-white);
    border-radius: 4px;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 0px;
    width: 20% !important;
}

#openBuyNowModal .maxSaveAmount_box .button {
    font-size: 12px;
    border-radius: 4px;
}

#openBuyNowModal .modal-title {
    font-size: 18px;
    margin: 0px;
    font-weight: 600;
    color: var(--main-second-theme);
}

.apply_codeBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.apply_codeBox input {
    padding: 8px 14px;
    border: 1px solid var(--main-light-grey);
    border-radius: 4px;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
}

.apply_codeBox button {
    padding: 8px 14px;
    background: var(--main-theme);
    border: 1px solid var(--main-theme);
    color: var(--main-white);
    border-radius: 4px;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 0px;
    width: 50% !important;
    font-size: 13px;
}

.mod_paymentDetailBox {
    width: 100%;
}

.mod_paymentDetailBox th,
.mod_paymentDetailBox td {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 6px;
}

.mod_paymentDetailBox th {
    width: 40%;
}

.mod_paymentDetailBox th i {
    color: #4f4d4d;
}

#discountMsg {
    font-size: 14px;
    padding-top: 4px;
    margin: 0px;
    font-weight: 600;
}

#logUp.model_demo_btn {
    background: var(--main-theme);
    padding: 6px 15px;
    color: var(--main-white);
    font-size: 14px;
    border-radius: 4px;
}

/* ******************************************************* STATE All EXAMS CSS */
.state_allexams_section {
    padding: 3em 0;
    position: relative;
}

.state_allexams_section .state-exams-box {
    padding: 30px 20px;
    cursor: pointer;
    transform: translateY(0);
    transition-duration: 0.3s;
    box-shadow: 0 0 16px 0 rgb(175 175 175 / 47%);
    background-color: var(--main-white);
    border: 1px solid var(--main-light-grey);
    border-radius: 10px;
}

.state_allexams_section .state-exams-box ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    margin: 0px;
}

.state_allexams_section .state-exams-box ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f9ff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    border-bottom: 2px solid var(--main-light-grey);
    box-shadow: 0px 4px 10px #e1e1e1;
    width: 18%;
    margin-bottom: 10px;
    height: 130px;
}

.state_allexams_section .state-exams-box ul a:hover {
    transform: translateY(-4px);
    color: #0d3660;
}

.state_allexams_section .state-exams-box ul li img {
    width: 46px;
}

.state_allexams_section .state-exams-box ul li h4 {
    margin: 0;
    font-size: 12px;
    padding-top: 16px;
    color: #0d2742;
    font-weight: 700;
}

/* ******************************************************* All EXAMS PAGE CSS */
.allexams_section {
    padding: 3em 0;
    position: relative;
}

.allexams_section .all_exams_box {
    cursor: pointer;
    transform: translateY(0);
    transition-duration: 0.3s;
    border-radius: 10px;
}

.allexams_section .all_exams_box ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    margin: 0px;
}

.allexams_section .all_exams_box ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f9ff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px;
    transform: translateY(0);
    transition-duration: 0.3s;
    border-bottom: 2px solid var(--main-light-grey);
    box-shadow: 0px 4px 10px #e1e1e1;
    width: 18%;
    margin-bottom: 10px;
    height: 130px;
}

.allexams_section .all_exams_box ul a:hover {
    transform: translateY(-4px);
    color: #0d3660;
}

.allexams_section .all_exams_box ul li img {
    width: 46px;
}

.allexams_section .all_exams_box ul li h4 {
    margin: 0;
    font-size: 12px;
    padding-top: 16px;
    color: #0d2742;
    font-weight: 700;
}

.backToHome_Text {
    color: var(--main-second-theme);
    font-size: 16px;
}