.login-header-home {
    position: relative;
    left: 0;
    width: 100%;
    right: 0;
    top: 0;
}
.login-header-home .navbar-brand img {
    height: 70px;
}
a, button {
    outline: none !important;
    box-shadow: none !important;
    display: inline-block;
    text-decoration: none !important;
}

/* dashboard css */

.dashboard-layout {
    padding-top: 4.2rem;
    padding-left: 15rem;
    min-height: 100vh;
    background-color: #fff;
}
.inner-dash-bpx {
    padding: 0;
}
.dashboard-layout .login-header-home .navbar-brand {
    min-width: 13rem;
    text-align: center;
    margin: 0;
}
.dashboard-layout .login-header-home .navbar-brand img{
height: 3.5rem;
}
.dashboard-layout .login-header-home .navbar-expand-lg {
    position: fixed;
    top: 0;
    z-index: 1020;
    left: 0;
    right: 0;
    border-radius: 0;
    border-bottom: 0.929px solid #E4E4E4;
background: #FFF;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.dashboard-layout .login-header-home .navbar-collapse .navbar-nav {
    position: fixed;
    left: 0;
    top: 4.1rem;
    border-right: 1px solid  #DDD;
    background: #FFF;
    height: calc(100vh - 4.1rem) !important;
    width: 14.8rem;
    display: block;
    padding-bottom: 2rem;
    overflow-x: auto;
}

.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link {
    margin: 0.2rem 1rem;
    color: #696969;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.5rem;
    border-radius: 0.5rem;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link span{
    position: relative;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link img {
    height: 1.2rem;
    width: 1.2rem;
    margin-right: 0.5rem;
    transition: all ease-in-out .2s;
}

.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link img.white-img{
position: absolute;
left: 0;
opacity: 0;
visibility: hidden;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:hover,
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:focus,
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link.active{
    
background:  #083E9D;
color: #fff;

}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:hover img.black-img,
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:focus img.black-img,
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link.active img.black-img{
    opacity: 0;
    visibility: hidden;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:hover img.white-img,
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:focus img.white-img,
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link.active img.white-img{
    opacity: 1;
    visibility: visible;
}
.dashboard-layout .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: relative;
    border-radius: 0;
    background-color: transparent;
    border: none !important;
    margin: 0 0.7rem;
}
.dashboard-layout .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
    color: #fff;
}
.dashboard-layout .navbar-expand-lg .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: 1rem;
    top: 1.5rem;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    height: 0.4rem;
    width: 0.4rem;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: all ease-in-out .5s;
}
.dashboard-layout .navbar-expand-lg .navbar-nav .nav-item.show.dropdown .dropdown-toggle::after {
    transform: rotate(-135deg);
}
.profile-dropdown{
margin: 0 1rem;
color: #fff !important;
display: flex;
align-items: center;
font-size: 1rem;
font-weight: 600;
}
.profile-dropdown img{
    height: 2.2rem;
    width: 2.2rem;
    border: 2px solid #fff;
    border-radius: 50%;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link {
    display: flex;
    align-items: center;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link i {
    font-size: 1.5rem;
    margin-right: 10px;
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-header.login-header-home.login-without-scroll {
    background-color: #eef6ff;
    position: relative;
}

.main-header .navbar-outer-dash{
width: 100%;
}
.navbar-outer-dash h2{
color: #083E9D;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
}
.navbar-outer-dash .search-input{
    border-radius: 3.718px;
border: 0.929px solid  #083E9D;
}
.navbar-outer-dash .search-input .input-group-text {
    background-color: transparent;
    border: none;
    box-shadow: none !important;
}
.navbar-outer-dash .search-input .input-group-text img {
    height: 1.2rem;
}
.navbar-outer-dash .search-input .form-control {
    padding: 0.5rem 0;
    background-color: transparent;
    border: none;   
    box-shadow: none !important;
}
.navbar-outer-dash .dropdown-toggle {
    background-color: transparent;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    color: #000;
    font-size: 0.9rem;
    gap: 0.5rem;
    display: flex;
    align-items: center;
}
.navbar-outer-dash .dropdown-toggle img {
    height: 1.7rem;
}
.navbar-outer-dash  .dropdown-menu {
    right: 0;
    left: auto;
}
.navbar-outer-dash  .dropdown-menu .dropdown-item {
    font-size: 0.8rem;
}
.navbar-outer-dash  .dropdown-menu .dropdown-item:hover,
.navbar-outer-dash  .dropdown-menu .dropdown-item:focus,
.navbar-outer-dash  .dropdown-menu .dropdown-item.active
{
    background-color: #083E9D;
    color: #fff;
}
.notification-icon img{
height: 2rem;
}

.start-modal p{
    color: #707070;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.start-modal h4{
    color: #083E9D;
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.start-modal img{
    height: 15rem;
    margin-bottom: 1rem;
}
.modal-backdrop.show {
    background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(5px);
    opacity: 1;
}

@media (max-width: 992px) {
    .dashboard-layout {
        padding-left: 0px;
        padding-top: 4rem;
    }
    
    
    
   
    .dashboard-layout .login-header-home .navbar-collapse .navbar-nav {
       top: 3.1rem;
        transition: all ease-in-out .5s;
    }
    .dashboard-layout .navbar-collapse.show .navbar-nav {
        left: 0px !important;
    }
    .dashboard-layout .login-header-home .navbar-light .navbar-collapse.show + .profile-dropdown + .border-btn + .navbar-toggler .navbar-toggler-icon {
        background-image: url(../img/close.png);
    }

    .dashboard-layout .login-header-home .navbar-brand {
        min-width: auto;
    }
    .navbar-toggler {
    background-color: #083E9D;
    padding: 0.3rem;
    margin-left: 1rem;
}
   .navbar-toggler .navbar-toggler-icon {
    background-image: url(../img/menu.png);
    height: 1.3rem;
    width: 1.3rem;
}
.navbar-outer-dash h2,
.navbar-outer-dash .search-input {
    display: none;
}
.dashboard-layout .login-header-home .navbar-brand img {
    height: 2.5rem;
}
}

/* test instruction page css */


.instruction-box{

}
.instruction-box .test-name{
border-radius: 0.2rem;
background: #FFD8D8;
color: #7E0000;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding: 0.5rem;
text-align: center;
}
.instruction-box h4.introduction{
border-radius: 0.4rem;
background: #B7D1FF;
padding: 0.8rem;
color: #083E9D;
font-size: 0.9rem;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
}
.instruction-box .read-instruction{
text-align: center;
color: #000;
font-size: 1.1rem;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
}
.instruction-box  .general-instruction{
color: #000;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 150%; 
text-decoration-line: underline;
}
.instruction-box ul{
    padding-left: 1rem;
    margin-top: 0.5rem;
}
.instruction-box p,
.instruction-box li{
color: #000;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */  
margin-bottom: 0.8rem;  
}
.blue-box-instruction{
    border-radius: 0.8rem;
background: #E0EBFF;

}
.blue-box-instruction p{
    color: #083E9D;
}
.text-red{
    color: #C80000 !important;
}
.blue-box-instruction .form-check {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}
.blue-box-instruction .form-check .form-check-input {
    height: 0.8rem;
    width: 0.8rem;
    min-width: 0.8rem;
    border-radius: 0;
    border: 1px solid #083E9D;
    box-shadow: none !important;
    cursor: pointer;
}
.blue-box-instruction .form-check .form-check-input:checked {
    background-color: #083E9D;
    border-color: #083E9D;
}
.first-heading-test{
    border-radius: 0.4rem;
background: linear-gradient(90deg, #083E9D 0%, rgba(8, 62, 157, 0.00) 100%);
padding: 0.5rem 1rem;
color: #fff;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
}

.first-heading-test span{
    color: #000;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: 150%; 
}
.first-heading-test span a{
     color: #000;
}
.first-heading-test span a img{
    height: 0.8rem;
}
.correct-answer-row{
    border-radius: 0.3rem;
background: #EEF4FF;
padding: 0.5rem 1rem;
color: #696969;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: 150%; 
text-align: right;
}
.text-green{
    color: #00B129 !important;
}
.question-box h4{
color: #000;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.question-box h6{
color: #000;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
/* .question-box p{
color:  #083E9D;
font-size: 0.9rem;
font-style: normal;
font-weight: 400;
line-height: 158%;
border-bottom: 1px solid #DBDBDB;
padding-bottom: 0.5rem;
} */
.question-box h6 > span > p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #000;
    font-size: 1rem;
}
.question-box ul.ans-list {
    padding: 0px;
    margin: 0px;
}
.instruction-box .question-box {
    height: calc(100vh - 15.3rem);
    overflow-y: auto;
    overflow-x: hidden;
}
.question-box ul.ans-list li {
    list-style: none;
    color: #083E9D;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 158%;
    border: 1px solid #DBDBDB;
    padding: 0.6rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    border-radius: 0.4rem;
    cursor: pointer;
        margin-bottom: 0.75rem;
}
.question-box ul.ans-list li span p{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #083E9D;
    margin: 0 !important;
    font-size: 1rem;
}
.question-box h6 > span > p img, .question-box ul.ans-list li span p img {
    height: 7rem !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain;
    object-position: left;
}
.question-box ul.ans-list li span p math{
    font-family: 'Poppins', sans-serif !important;
}
.question-box ul.ans-list li span{
    font-weight: 600;
}
.question-box ul.ans-list li:hover, .question-box ul.ans-list li:focus, .question-box ul.ans-list li:active {
    background-color: #B7D1FF;
    border: 1px solid #083E9D;
}
.button-for-next-and-prev {
    position: fixed;
    bottom: 0.5rem;
    width: 75%;
}
.submit-test-btn {
    position: fixed;
    bottom: 0.5rem;
    width: 23% !important;
    right: 1rem;
}
.question-box ul.ans-list li.green-bg-color,
.question-box ul.ans-list li.green-bg-color span p{
    color: #20A000 !important;
}
.question-box ul.ans-list li.red-bg-color,
.question-box ul.ans-list li.red-bg-color span p{
    color: #ff4a4a !important;
}
.question-box ul.ans-list li.orange-bg-color,
.question-box ul.ans-list li.orange-bg-color span p{
    color: #505050 !important;
}


.question-box-video{
    border-radius: 0.4rem;
background: #B7D1FF;
padding: 0.5rem;
line-height: 0;
min-height: 9rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.answer-ques-num {
    border-radius: 0.8rem;
    background: rgb(183, 209, 255);
}
.instruction-box .answer-ques-num {
    height: calc(100vh - 16rem);
    margin-bottom: 0.5rem !important;
    overflow-y: auto;
    overflow-x: hidden;
}
.instruction-box .border-btn,
.instruction-box .blue-btn{
padding: 0.5rem 1rem !important;
    border-radius: 0.5rem !important;
}
.type-of-ques{
padding: 1rem 1rem;
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.type-of-ques p{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}
.type-of-ques span {
    border-radius: 0.3rem;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.bg-green{
background: #00A807 !important;
}
.bg-red{
background: #FF0202 !important;
}
.bg-blue{
background: #083E9D !important;
}
.bg-blue-box{
    border: 1px solid #000;
    background-color: #f4f4f4;
}
.bg-dark-purple{
background: #7E57C2 !important;
}
.bg-light-purple{
background: #9575CD !important;
}
.bg-light-yellow{
background: #eae62c !important;
}
.tick-icon-mark {
    background-color: #fff;
    border-radius: 50%;
    height: 0.6rem;
    bottom: -0.1rem;
    position: absolute;
    right: -0.1rem;
    display: none;
}
.bg-dark-purple.position-relative .tick-icon-mark {
    display: block !important;
}

.type-of-ques span.bg-green {
    background: url(../img/halfgreen.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    width: auto !important;
    min-width: 2rem;
}
.type-of-ques span.bg-red {
    background: url(../img/halfred.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    width: auto !important;
    min-width: 2rem;
}
.answer-ques-num h6{
    background: #083E9D !important;
    padding: 0.5rem 1rem;
    color: #FFF;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
}
.answer-ques-num .ques-count{
padding: 0.6rem 1rem;
}
.answer-ques-num ul{
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.answer-ques-num ul li{
list-style: none;
margin: 0;
}
.answer-ques-num ul li a{
display: flex;
width: 2rem;
height: 2rem;
justify-content: center;
align-items: center;
border-radius: 0.3rem;
border: 1.5px solid #000;
color: #083E9D;
font-weight: 500;
transition: all ease-in-out .2s;
cursor: pointer;
    background-color: #f4f4f4;
}
.answer-ques-num ul li a:hover,
.answer-ques-num ul li a:focus,
.answer-ques-num ul li a:active,
.answer-ques-num ul li.selected a{
background: #083E9D;
color: #fff !important;
border: 1px solid #083E9D;
}

.answer-ques-num ul li.active a{
background: #00A807;
color: #fff;
border: 1px solid #00A807;
}

.answer-ques-num ul li.text-ans-red a{
background: #FF0202;
color: #fff;
border: 1px solid #FF0202;
}

.answer-ques-num ul li.text-ans-purpul a{
background: #9575CD;
color: #fff;
border: 1px solid #9575CD;
}
.answer-ques-num ul li.text-ans-yellow a{
background: #eae62c;
color: #fff;
border: 1px solid #eae62c;
}
.answer-ques-num ul li.text-ans-purpul.position-relative a .tick-icon-mark{
    display: block !important;
}
.user-profile-header{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: max-content;
    margin-bottom: 0;
}
.user-profile-header img{
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 50%;
    border: 1px solid #000;
}
.answer-ques-num ul li.active a {
    background: url(../img/halfgreen.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    width: auto !important;
    min-width: 3rem;
    border: none !important;
}
.answer-ques-num ul li.text-ans-red a {
    background: url(../img/halfred.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    width: auto !important;
    min-width: 3rem;
    border: none !important;
}
.input-for-numeric{
    border: 1px solid #083E9D !important;
}
.common-modal{
    color: #000;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.type-of-ques.totle-ques {
    max-width: 20rem;
    margin: auto;
}
.exam-success-box img {
    max-width: 25rem;
    width: 100%;
}


.exam-test-block{
    border-radius: 0.8rem;
border: 1px solid var(--G4, #DDD);
background: #FFF;
padding: 1rem;
margin-bottom: 1rem;
}
.exam-test-block .logo-line{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
.exam-test-block .logo-line img {
    height: 2.6rem;
    width: 2.6rem !important;
    object-fit: contain;
    border: 1px solid #083E9D;
    border-radius: 0.3rem;
}
.exam-test-block .logo-line h5{
border-radius: 20px;
background: rgba(32, 160, 0, 0.15);
color: #20A000;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 0.2rem 0.75rem;
}
.exam-test-block h4{
    color: #000;
font-size: 1.1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
min-height: 3.3rem;
}
.exam-test-block h4 span {
    color: #083E9D !important;
    font-size: 0.9rem;
}
.exam-test-block .feature-test {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.exam-test-block .feature-test p img{
height: 1.1rem;
margin-right: 0.2rem;
width: auto;
}
.exam-test-block .feature-test p {
    color: #083E9D;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid rgba(0, 85, 255, 0.25);
    background: #FFF;
    padding: 0.3rem 0.5rem;
    min-width: 6rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin: 0;
}

.exam-test-block h6 {
    color: var(--G2, #696969);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 1rem 0;
}
.exam-test-block h6 span {
     display: inline-block;
}
.exam-test-block h6 img{
height: 0.8rem;
width: auto;
}

/* =========================== e-library page start=================================== */
.filter-box {
  border-radius: 12px;
  border: 0.3px solid #7d7d7d;
  /* box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.32); */
  padding: 1.5rem 1rem;
  margin-bottom: 1rem;
  .filter-head {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 0.5px solid #000;
  }
  .filter-head h5 {
    color: #083e9d;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .filter-head h5.small-text {
    font-size: 0.875rem;
  }
  .filter-head img {
    max-height: 1rem;
    margin-right: 0.5rem;
  }
  .sort-content .accordion-item {
    border: none;
    border-radius: 0;
  }
  .sort-content .sort-content-border {
    border-bottom: 1px solid #b9ddff;
    margin-bottom: 0.75rem;
  }
  .sort-content h5,
  .sort-content .accordion .accordion-header button {
    color: #000;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1rem;
  }
  .sort-content .form-check-label {
    color: #000;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .sort-content .category-num {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.625rem;
  }
  .sort-content .category-num p {
    color: #000;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
  }
  .sort-content .form-check-input[type="radio"] {
    height: 1.125rem;
    width: 1.125rem;
    background-color: #d9d9d9;
    border-color: transparent;
    border-radius: 50%;
  }
  .sort-content .form-check-input:checked[type="radio"],
  .sort-content .form-check-input:focus {
    background-color: #083e9d;
    box-shadow: none;
    background-image: none;
  }
  .sort-content .accordion .accordion-button {
    box-shadow: none;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
  }
  .sort-content .accordion .accordion-button::after{
    background-image: url(/_next/static/media/accordion-arrow.c38ed707.png);
    background-size: 1rem;
    background-repeat: no-repeat;
  }
  .sort-content .accordion-body {
    padding: 0;
    min-height: 455px;
  }
 } 

 .search-field{
    max-width: 450px;
 }
  .search-field .input-group {
    border-radius: 6px;
    border: 0.5px solid #083e9d;
    padding: 0.5rem 0.75rem;
  }
  .search-field .input-group img {
    height: 0.8rem;
    padding-right: 0.625rem;
  }
  .search-field .input-group input {
    color: #000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .search-field .input-group-text {
    background-color: transparent;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 0;
  }

   img{
    width: auto !important;
  }



/* text adda page css */

.testadda-sidebar {
    border-radius: 0.8rem;
    background: #EAEEF5;
    padding: 0.5rem;
    position: relative;
    margin-bottom: 0;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    overflow-x: hidden;
}
.outer-exam-planner-scroll{
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
    overflow-x: hidden;
}

.outer-exam-planner-scroll
  > .exam-planner-table:nth-child(4n + 1) {
  background-color: rgba(32, 175, 0, 0.06); /* green */
}

.outer-exam-planner-scroll
  > .exam-planner-table:nth-child(4n + 2) {
  background-color: rgba(255, 255, 0, 0.12); /* yellow */
}

.outer-exam-planner-scroll
  > .exam-planner-table:nth-child(4n + 3) {
  background-color: rgba(129, 95, 0, 0.08); /* grey */
}

.outer-exam-planner-scroll
  > .exam-planner-table:nth-child(4n + 4) {
  background-color: rgba(80, 80, 80, 0.07); /* blue */
}

.testadda-sidebar .accordion .accordion-item{
margin-bottom: 1rem;
}
.testadda-sidebar .accordion .accordion-header .accordion-button {
    border-radius: 0.5rem;
    border-bottom: 1px solid #F4F3F3;
    background: #FFF;
    color:  #083E9D;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.7rem;
}
.testadda-sidebar .accordion .accordion-body{
    padding: 0;
}
.testadda-sidebar .accordion .accordion-body a {
    display: block;
    padding: 0.7rem;
    color: #505050;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid #F4F3F3;
}
.testadda-sidebar .accordion .accordion-body a:hover,
.testadda-sidebar .accordion .accordion-body a:focus,
.testadda-sidebar .accordion .accordion-body a.active{
    border-bottom: 1px solid #F4F3F3;
background: #EAEEF5;
box-shadow: -1px 10px 4.4px 0 rgba(0, 0, 0, 0.25);
}
.testadda-sidebar .add-img{
   padding-top: 8rem;
}
.gradient-box-score {
    border-radius: 0.8rem;
    background: linear-gradient(180deg, #F2F6FB 11.33%, #D3DFF4 95.86%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 8.15rem;
    margin: 0 0 1rem;
    cursor: pointer;
}
.gradient-box-score p{
    color: var(--Primary-Color, #083E9D);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.gradient-box-score p span.score-tick {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.gradient-box-score p span img{
    height: 1rem;
}
.gradient-box-score p span.score-tick span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.gradient-box-score.extra-padding {
    padding: 1rem 5rem;
}
.gradient-box-score.active{
background: var(--box-color, linear-gradient(180deg, #D4E6FF 11.33%, #8EB7FF 95.86%));
}
.gradient-box-score.active p{
    font-weight: 600 !important;
}
.predict-improvement-box{
    background-image: url(../img/predict-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1.5rem;
}
.predict-improvement-box h4{
    color: #000;
font-size: 1.3rem;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
}
.predict-improvement-box h5{
    color: #000;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}
.predict-improvement-box h5 span{
font-weight: 600;
}
.predict-improvement-box h5 span small{
font-size: 0.8rem;
}
.test-adda-tabs-box{
    display: flex;
    justify-content: space-between;
    gap: 1%;
    flex-wrap: wrap;
}
.test-adda-tabs-box .gradient-box-score{
    width: 24%;
}
.blue-bg-box{
        border-radius: 0.8rem;
    background-color: #083E9D;
}

.improvement-blue-box {
    border-radius: 12px;
    background-color: #083E9D;
    height: 95%;
    padding: 3rem;
}
.improvement-blue-box p{
    color: #fff;
    font-size: 0.9rem;
}
.circle-persentage {
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    margin: 0;
    color: #083E9D !important;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.ebook-modal-new .modal-dialog {
    margin: 0.5rem auto;
    max-width: 65rem;
}
@media (min-width: 1600px){
.outer-dash-section > .container{
max-width: 100% !important;
}
}

@media (min-width: 1500px){

.instruction-box .question-box {
    height: calc(100vh - 17.7rem) !important;
}
.instruction-box .answer-ques-num {
    height: calc(100vh - 16rem) !important;
}
}

@media (max-width: 1500px) {
.instruction-box .answer-ques-num {
        height: calc(100vh - 16rem) !important;
    }
    .instruction-box .question-box {
    height: calc(100vh - 17.7rem) !important;
}
}
/* @media (max-width: 1498px) and (min-width: 1420px){
.instruction-box .answer-ques-num {
        height: calc(100vh - 14.8rem);
    }
} */
@media (max-width: 1385px){
.instruction-box .answer-ques-num {
    height: calc(100vh - 16.8rem) !important;
}
}
@media (max-width: 1300px){
.instruction-box .answer-ques-num {
    height: calc(100vh - 17.5rem) !important;
}
}
@media (max-width: 1200px){
.instruction-box .answer-ques-num {
    height: calc(100vh - 18.5rem) !important;
}
}

@media (max-width: 992px){
.outer-dash-section .order-1{
    order: initial !important;
}
.instruction-box .question-box ul.ans-list{
    height: auto !important;
}
.instruction-box .answer-ques-num {
    min-height: auto !important;
    height: auto !important;
}
.instruction-box .question-box {
    height: auto !important;
}
.instruction-box .question-box-video {
    margin-top: 1rem;
}
.button-for-next-and-prev, .submit-test-btn {
    position: static;
    width: 100% !important;
}
}
@media (max-width: 576px){
.improvement-blue-box p {
    margin-bottom: 1rem !important;
    text-align: center;
    margin: auto;
}

}

/* question analysis page css */

.testadda-sidebar .accordion .accordion-body .total-attempt span {
    display: block;
    padding: 0.7rem;
    color: #505050;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid #F4F3F3;
}
.outer-box-analysis{
    border-radius: 0.5rem;
background:  #E7F5FF;
padding: 1rem;
margin-bottom: 1rem;
}
.outer-box-analysis h6{
    color: #083E9D;
font-size: 0.8rem;
font-style: normal;
font-weight: 600;
line-height: normal;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.outer-box-analysis h6 span{
  border-radius: 2rem;
padding: 0.4rem 1rem;

text-align: center;
font-weight: 500;
}
.hard{
background: rgba(255, 0, 0, 0.15);
color: #F00;
}
.easy{
    color: #00A807;
background: rgba(0, 168, 7, 0.15);
}
.medium{
    color: #B88C00;
background: rgba(255, 195, 5, 0.15); 
}
.new{
  color: #1976D2;
background: #E3F2FD;
}

.outer-box-analysis p {
    color: #000;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    gap: 2rem;
    margin-bottom: 0;
}
.outer-box-analysis p a{
    display: inline-block;
}
.outer-box-analysis p a img{
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
}
.gradient-heading{
    border-radius: 0.4rem;
background: linear-gradient(90deg, #E5F0FF 0%, #FFF 100%);
padding: 0.8rem;
    color: #083E9D;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.back-btn{
    color: #083E9D;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
display: inline-block;
margin-bottom: 1rem;
}
.back-btn img{
    height: 1.2rem;
}
.accuracy-percentage-box {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.accuracy-percentage-box span {
    border-radius: 4px;
    border: 1px solid rgba(0, 85, 255, 0.25);
    background: #FFF;
    color: #083E9D;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.2rem 0.5rem;
}
.outer-box-analysis.not-attepted-box .blue-btn {
    border-radius: 0.3rem;
    padding: 0.2rem 2rem;
}
.green-bg-color{
    border-radius: 0.2rem;
border: 1px solid #20A000 !important;
background: #DBFBD3 !important;
color: #20A000 !important;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 0.6rem;
}
.red-bg-color{
    border-radius: 0.2rem;
border: 1px solid #F99393 !important;
background: #FFE4E4 !important;
color: #505050 !important;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 0.6rem;
}
.orange-bg-color{
   border-radius: 0.2rem;
border: 1px solid #FFC107 !important;
background: #FBDA78 !important;
color: #505050 !important;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 0.6rem;  
}
.sincerity-score-box {
    border-radius: 0.5rem;
    background-color: #083E9D;
    padding: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #fff;
    margin-bottom: 1rem;
}
.sincerity-score-box h5{
color: #FFF;
font-size: 0.9rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.sincerity-score-box p{
color: #FFF;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.sincerity-score-box > img{
    height: 5rem;
    object-fit: contain;
}

.sincerity-score-box .positive {
    border-radius: 0.5rem 0 0 0;
    background: #20A000;
    padding: 0.3rem 0.6rem;
    color: #FFF;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 0;
}
.sincerity-score-box .negative {
    border-radius: 0.5rem 0 0 0;
    background: #F00;
    padding: 0.3rem 0.6rem;
    color: #FFF;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 0;
}


/* scholarship module css */

.dash-scholar-main{
    display: flex;
padding: 1rem;
align-items: center;
gap: 0.8rem;
border-radius: 0.6rem;
background: #F3F7FF;
margin: 0.5rem 0;
}
.dash-scholar-main img{
height: 4rem;
}
.dash-scholar-main h6 {
    color: #000;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.dash-scholar-main h4{
color: #000;
opacity: 0.7;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: normal;
 margin: 0;
}
.dash-scholar-main p{
color: #008E2D;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.scholarship-box-main{
    border-radius: 0.5rem;
background: #F2F2F7;
padding: 1rem;
}
.scholarship-box-main h6 {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scholarship-box-main h6 img{
    height: 1.1rem;
}
.scholarship-box-main p {
    color: #696969;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.scholarship-box-main p span{
    width: 50%;
}
.scholarship-box-main p span b{
    color: #0A7558;
}
.scholarship-box-main .condition-scholar{
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.scholarship-box-main .condition-scholar span{
    border-radius: 1.5rem;
background: rgba(37, 124, 0, 0.15);
color: #0B4600;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 0.7rem 1rem;
}
.scholarship-box-main .condition-scholar span img{
    height: 0.8rem;
    margin-right: 0.3rem;
}
.num-view-scholar {
    border-bottom: 1px solid #E3E3E3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0;
}
.num-view-scholar span{
 color: #000;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.num-view-scholar span small{
color: #696969;
font-size: 0.7rem;
}
.num-view-scholar .blue-btn {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border-radius: 0.4rem;
}
.recommended-stream-outer{
    border-radius: 0.5rem;
background: #F8F8F8;
padding: 1rem;
}
.num-view-scholar:last-child {
    border: none;
    padding-bottom: 0;
}

.new-ending-scholar .num-view-scholar span{
  border-radius: 2rem;
padding: 0.4rem 1rem;
text-align: center;
font-weight: 500;
}
.no-data-img{
    max-width: 20rem;
}
.pagination-foot .blue-btn {
    display: inline-block;
    min-width: auto !important;
    width: auto !important;
}
/* Blink red dot css */
 

 
.dot {
  position: absolute;
   right: 0.5rem;
    top: 0.5rem;
  width: 0.7rem;
  height: 0.7rem;
  background-color: red;
  border-radius: 50%;
 
  /* Animation */
  animation-name: blink;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
 
/* Keyframes for the animation */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 
/* End of blink red dot css */
 

.exam-type-radio {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.exam-type-radio .form-check {
    width: 20%;
}
 .form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0px;
}
.form-check-input {
    float: none !important;
    margin: 0 !important;
    height: 1.1rem;
    width: 1.1rem;
    border: 1px solid #505050 !important;
    box-shadow: none !important;
}
.form-check-input:checked{
    border: 1px solid #083E9D !important;
    background-color: #083E9D !important;
    box-shadow: none !important;
}
.form-check-label{
color: #292929;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.exam-type-radio.scholar-type .form-check {
    width: 40%;
}
.advance-search-filter{
    border-radius: 0.8rem;
border: 1px solid #D9D9D9;
background: #FAFAFA;
padding: 1rem;
margin: 1rem 0;
}
.dropdown{

}
.dropdown .dropdown-toggle{
    border: 1px solid #083E9D !important;
    border-radius: 0.3rem;
    padding: 0.3rem 1rem;
    color: #292929 !important;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #FFF !important;
    position: relative;
}
.dropdown .dropdown-toggle::after {
    border: none !important;
    border-bottom: 2px solid #292929 !important;
    height: 0.5rem;
    width: 0.5rem;
    border-right: 2px solid #292929 !important;
    position: relative;
    content: "";
    transform: rotate(45deg);
    top: -0.1rem;
    margin-left: 1rem;
}
.dropdown .dropdown-menu {
    padding: 0;
    overflow: hidden;
    min-width: 13rem;
}
.dropdown .dropdown-menu .dropdown-item{
color: #292929;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:active{
    background-color: #083e9d;
    color: #fff !important;
}
.all-dropdown-outer {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}
.dropdown-without-border{
width: 40%;
}
.dropdown-without-border.dropdown .dropdown-toggle{  
    border: none !important;
    padding: 0 !important;
}
.range-slider-outer .range-slider {
    height: 0.2rem ;
    margin: 1rem 0;
    background: #696969 ;
}
.range-slider-outer .range-slider .range-slider__thumb{
        width: 1.1rem ;
    height: 1.1rem ;
    background: #083E9D ;
}
.range-slider-outer  .range-slider .range-slider__range{
background-color: #083E9D;
}

@media (max-width : 768px) {
    .scholarship-box-main p {
    flex-wrap: wrap;
}
.scholarship-box-main p span {
    width: 100%;
    text-align: left !important;
}
}

/* profile page css */

.outer-gauge-profile {
    position: relative;
    max-width: max-content;
    max-height: max-content;
}
.outer-gauge-profile .gauge-text {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #083E9D;
    font-size: 1.4rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-right-box{
    border-radius: 0.8rem;
background: #E4EEFF;
padding: 1rem;
text-align: center;
}
.profile-right-box img{
height: 5rem !important;       
width: 5rem !important;
object-fit: cover;
border-radius: 50%;
border: 1px solid #083E9D;
}
.profile-first-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
background: #F6F6F6;
padding: 1rem;
}
.profile-first-box h2{
    color: #000;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
}
.profile-first-box p{
    color: #000;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */

}
.ai-box-outer{
border-radius: 0.8rem;
background: #083E9D;
padding: 1rem;
display: flex;
align-items: center;
gap: 1rem;
}
.ai-box-outer img{
height: 4rem;
}
.ai-box-outer h5{
color: #FFF;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.ai-box-outer p{
    color: #FFF;
font-size: 1.1rem;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-bottom: 0;
}
.opportunities-outer{
    border-radius: 1rem;
border: 1px solid #E4E4E4;
padding: 1rem;
}
.opportunities-outer h5{
    color: #000;
font-size: 1.1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.opportunities-outer h5 img{
    height: 1.4rem;
    margin-right: 0.5rem;
}
.opportunities-outer .adhar-outer{
    display: flex;
    align-items: center;
    justify-content: space-between;
margin-bottom: 0;
color:  #000;
font-size: 0.95rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.opportunities-outer .adhar-outer small{
    font-weight: 400;
}

.opportunities-outer .adhar-outer span a{
    display: inline-block;
    margin-left: 0.5rem;
}
.opportunities-outer .adhar-outer span a img{
    height: 1.2rem;
}
.opportunities-outer.uploaded-doc{
    border-radius: 1rem;
background: #F6F6F6;
}
.opportunities-outer.uploaded-doc hr{
    margin: 0.5rem 0 !important;
}
.upload-box-outer{
border-radius: 0.5rem;
border: 1px dashed #E5E7EB;
background:  linear-gradient(90deg, #FFF 0%, #E5F0FF 100%);
padding: 1rem;
}
.upload-box-outer input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.upload-box-outer .upload-inner {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.upload-box-outer .upload-inner img{
height: 1.5rem;
}
.upload-box-outer .upload-inner h6{
color: #083E9D;
font-size: 0.8rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.upload-box-outer .upload-inner h6 span{
color: #667085;
font-weight: 400;
}

.tabs-outer-main .nav-tabs {
    border: none !important;
    gap: 1rem;
     border-radius: 0.8rem;
border: 1px solid #EEE;
background: #FFF;
padding: 0.5rem 1rem;
}
.tabs-outer-main .nav-tabs .nav-link {
   color: rgba(8, 62, 157, 0.91);
    text-align: center;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none !important;
    padding: 0.5rem 1rem;
    transition: all ease-in-out .2s;
    border-radius: 6.068px;
    background: #F8F6F6;
}
.tabs-outer-main .nav-tabs .nav-link:hover,
.tabs-outer-main .nav-tabs .nav-link:focus,
.tabs-outer-main .nav-tabs .nav-link.active{
  background-color:  #083E9D !important;
  font-weight: 500;
  color: #fff;
}


@media (max-width: 768px){
.profile-first-box {
    flex-wrap: wrap;
    text-align: center;
}
.profile-first-box .d-flex {
    display: block !important;
    margin: auto;
}
.outer-gauge-profile,
.profile-right-box {
    margin: auto;
}
}


/* profile creation page css */

.quick-links-outer {
    border-radius: 0.8rem;
    background: #EAEEF5;
    padding: 1.3rem;
    position: sticky;
    top: 5.2rem;
    height: auto;
}
.quick-links-outer .white-btn {
    color: #505050;
    font-size: 0.85rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.8rem 1rem;
}
.quick-links-outer .white-btn.blue-btn{
    background-color: #083E9D !important;
    color: #fff !important;
}
.opportunities-outer h5 img.black-pencil{
    height: 1.1rem;
    margin-left: 1rem;
    margin-right: 0;
}
.opportunities-outer .adhar-outer a img.blue-pencil{
   height: 0.8rem;
}
.award-flex-box .img-award-left {
    width: 5rem !important;
    height: 5rem;
    object-fit: contain;
}
.table-skill-edit{
text-align: left;
}
.table-skill-edit h6 {
    color: #083E9D;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table-skill-edit h6 span{
    width: 25%;
}
.table-skill-edit p{
color: #696969;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
    align-items: center;
    justify-content: space-between;
}
.table-skill-edit p span{
    width: 25%;
}
.table-skill-edit p span:last-child {
    text-align: right;
}
.table-skill-edit p span:last-child a img{
height: 0.9rem;
}
.award-flex-box .img-award-left.media-img {
    width: 10rem !important;
    height: 7rem;
}
.personal-details-box{
display: flex;
gap: 1rem;
flex-wrap: wrap;
align-items: center;

}
.personal-details-box button {
    display: inline-block;
    border-radius: 0.5rem;
    border: 1px solid #696969;
    color: #000;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.3rem 1.4rem;
    background-color: transparent !important;
    transition: all ease-in-out .5s;
}
.personal-details-box button:hover, .personal-details-box button:focus, .personal-details-box button:active, .personal-details-box button.active {
    background-color: #083E9D !important;
    color: #fff !important;
    border-color: #083E9D !important;
}
.personal-details-form .form-label{
    color: #000;
font-size: 0.8rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.personal-details-form .form-label small{
    color: #505050;
font-weight: 400;
}
.personal-details-form .form-control {
    border-radius: 0.5rem;
    border: 1px solid #696969 !important;
    color: #000;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.4rem 0.6rem;
    background-color: transparent !important;
    box-shadow: none !important;
}
.personal-details-form .dropdown .dropdown-toggle {
    border-radius: 0.5rem;
    border: 1px solid #696969 !important;
    padding: 0.4rem 0.6rem;
    background-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.personal-details-form .dropdown .dropdown-menu{
    width: 100% !important;
}
.tip-line{
    background-color: #F1E6DD !important;
    font-size: 0.8rem;
    border-radius: 0.5rem;
    padding: 0.8rem;
}
.edit-profile-box{
    position: relative;
}
.edit-profile-box input{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.rounded-circle.profile-main-img {
    object-fit: cover;
    height: 8rem !important;
    width: 8rem !important;
}
.ai-add-outer{
    border-radius: 1rem;
background: #083E9D;
padding: 0rem 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
justify-content: space-between;
}
.ai-add-outer > div{
    max-width: 60%;
}
.ai-add-outer h3{
color: #FFF;;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.ai-add-outer p{
color: #FFF;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ai-add-outer img{
    height: 10rem;
}
.exam-text-box{
    border-radius: 0.8rem;
border: 1px solid #DDD;
background: #FFF;
padding: 1rem;
}
.exam-text-box h5{
font-size: 0.8rem;
}
.exam-text-box p{
font-size: 0.8rem;
}
.mock-span {
    border-radius: 1.4rem;
    background: rgba(8, 62, 157, 0.15);
    color: #083E9D;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.3rem 1rem;
}
.exam-text-box .exam-img{
height: 2.6rem;
max-width: 3.5rem;
object-fit: contain;
}
.outer-exam-slider .items{
    padding: 0.5rem;
}
.outer-exam-slider .slick-dots {
    border-radius: 2rem;
    background: transparent;
    padding: 0;
    max-width: max-content;
    bottom: -2rem;
    display: flex !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
}
.outer-exam-slider .slick-dots li {
    height: 0.6rem;
    width: 2rem;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}
.outer-exam-slider .slick-dots li:first-child{
border-radius: 1rem 0 0 1rem;
}
.outer-exam-slider .slick-dots li:last-child{
    
    border-radius: 0 1rem 1rem 0;
}
.outer-exam-slider .slick-dots li button {
    height: 100%;
    width: 100%;
    padding: 0 !important;
    
}
.outer-exam-slider .slick-dots li button:before {
    width: 100% !important;
    height: 100%  !important;
    line-height: normal;
    background: #B5C5E1;
    content: "" !important;
}
.outer-exam-slider .slick-dots li.slick-active button:before {
    background: #083E9D;
    opacity: 1 !important;
    border-radius: 1rem;
}
.outer-exam-slider .slick-arrow {
    position: absolute;
    top: -2.3rem;
    left: auto !important;
    right: 0 !important;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .7rem;
    background: rgba(8, 62, 157, 0.15) !important;
}
.outer-exam-slider .slick-arrow.slick-prev {
    right: 3rem !important;
}
.outer-exam-slider .slick-arrow.slick-prev::before {
    content: "";
    background-image: url(../img/left-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.outer-exam-slider .slick-arrow.slick-next{
right: 0 !important;
}
.outer-exam-slider .slick-arrow.slick-next::before{
    content: "";
    background-image: url(../img/right-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.exam-text-box p.pin-points {
    color: #696969;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}
.exam-text-box p.score-match {
    color: #083E9D;
    border-radius: 0.3rem;
    border: 1px solid rgba(0, 85, 255, 0.25);
    background: #FFF;
    padding: 0.2rem 0.5rem;
    max-width: max-content;
}
.tabs-for-exam-form .nav-tabs {
    border-radius: 0.8rem;
    border: 1px solid #EEE;
    background: #FFF;
    margin-bottom: 0.8rem !important;
    padding: 0.4rem 0.7rem;
    max-width: max-content;
    gap: 0.7rem;
}
.tabs-for-exam-form .nav-tabs .nav-item .nav-link {
    border-radius: 0.5rem;
    background: #F8F6F6;
    color: #083E9D;
    text-align: center;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none !important;
}
.tabs-for-exam-form .nav-tabs .nav-item .nav-link:hover,
.tabs-for-exam-form .nav-tabs .nav-item .nav-link:focus,
.tabs-for-exam-form .nav-tabs .nav-item .nav-link:active,
.tabs-for-exam-form .nav-tabs .nav-item .nav-link.active{
    background-color: #083E9D;
    color: #fff;
}

@media (max-width: 768px){
.ai-add-outer {
    display: block;
    text-align: center;
    padding: 1rem;
}
.ai-add-outer > div {
    max-width: 100%;
}
}


/* billing page css */

.billing-status-blue-box {
    background-image: url(../img/billing-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 2rem 1.5rem;
    border-radius: 0.8rem;
    display: flex;
    align-items: flex-start;
    gap: 3rem;
    color: #fff;
    justify-content: space-between;
    
}
.billing-status-blue-box .first-status {
    width: 50%;
}
.billing-status-blue-box .first-status p {
    /* max-width: 22rem; */
    line-height: 31px;
    font-size: 16px;
}
.billing-status-blue-box h4 {
    font-size: 1.3rem;
    font-weight: 600;
}
.billing-status-blue-box .full-card-box {
    border-radius: 0.8rem;
    background-color: #fff;
    padding: 1.1rem;
    width: 35%;
}
.billing-status-blue-box .credit-card-box {
    border-radius: 10.569px;
    background: #007EFF;
    padding: 2rem 1rem;
    margin: 1rem 0;
    min-height: 7rem;
}
.billing-status-blue-box h6 {
     margin-bottom: 0.3rem;
}
.billing-status-blue-box p {
    font-size: 0.9rem;
    font-weight: 300;
    margin: 0;
}
.note-billing{
    font-weight: 500;
}
.checkout-payment-subtotal{
margin-top: 2rem;
}
.checkout-payment-subtotal h4{
   display: flex;
   align-items: center;
   justify-content: space-between; 
   font-weight: 600;
}
.checkout-payment-subtotal h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}
.checkout-payment-subtotal p{
    display: flex;
   align-items: center;
   justify-content: space-between; 
}
.propert-filters.lead-filter{
    justify-content: space-between;
}
.invoice-btn img{
    height: 1.6rem;
}
.invoice-width {
    width: 18rem;
}

@media (max-width: 768px){
.billing-status-blue-box {
    flex-wrap: wrap;
}
.billing-status-blue-box .first-status {
    width: 100%;
}
.billing-status-blue-box .full-card-box {
    width: 100%;
}
}

/* setting page css */

.upload-profile-new {
    position: relative;
    border-radius: 1.1rem;
    border: 1px dashed #8D98AA;
    background: #EDF2F6;
    padding: 0.8rem;
    text-align: center;
    max-width: 7rem;
}
.upload-profile-new input{
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.upload-profile-new span {
    color: #8D98AA;
    text-align: center;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2rem;
    display: inline-block;
}
.upload-profile-new img{
    height: 2rem;
    width: 2rem;
    object-fit: contain;
    margin-bottom: 0.5rem;
    display: inline-block;
}
.img-preview-profile{
border-radius: 1.1rem;
border: 1px solid #E0E4EC;
background: linear-gradient(0deg, #EDF2F6 0%, #EDF2F6 100%), #FFF;
padding: 0.5rem;
position: relative;
}
.img-preview-profile img{
    max-height: 5.5rem;
}
.img-preview-profile a {
    display: inline-block;
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
}
.img-preview-profile a img {
    height: 1rem;
}
.setting-form-tabs .form-label{
    color: #4C535F;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 112.4%; /* 17.984px */
}
.setting-form-tabs .form-control{
border-radius: 0.5rem;
border: 1px solid #E0E4EC;
background: linear-gradient(0deg, #EDF2F6 0%, #EDF2F6 100%), #FFF;
font-size: 0.9rem;
}
.billing-history-btn{
        border-radius: 0.5rem;
    border: 1px solid #E0E4EC;
    background: linear-gradient(0deg, #EDF2F6 0%, #EDF2F6 100%), #FFF;
    font-size: 0.9rem;
    padding: 0.8rem;
    box-shadow: none !important;
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.flex-radio-notify{
    display: flex;
    align-items:flex-start;
}
.flex-radio-notify h5{
color:  #1E293B;
font-size: 0.9rem;
font-style: normal;
font-weight: 600;
}
.flex-radio-notify h5 small{
    display: block;
    font-weight: 400;
    margin-top: 0.5rem;
}
body .react-select__control {
    border-radius: 0.5rem !important;
    border: 1px solid #E0E4EC !important;
    background: transparent;
    font-size: 0.9rem;
    outline: none !important;
    box-shadow: none !important;
   margin-bottom: 1.5rem;
}
body .react-select__option{
font-size: 0.8rem;
}
body .react-select__option.react-select__option--is-selected,
body .react-select__option.react-select__option--is-focused,
body .react-select__option:hover,
body .react-select__option:focus {
        background-color: #083e9d;
    color: #fff !important;
}
body .chapter-test-search .react-select__control{
    min-width: 20rem;
}

.test-module-box-new .min-higth{
    min-height: 600px;
}

.no-data-found-img{
    max-width: 400px !important;
    margin: 0 auto;
}
.exam-history-tabs .nav-tabs{
    border-bottom: none !important;
    gap: 0.5rem;
}
.exam-history-tabs .nav-tabs .nav-link {
    color: #000;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 0.5rem 1rem;
    border: none !important;
    border: 1px solid #ddd !important;
    transition: all ease-in-out .5s;
    border-radius: 0.4rem !important;
}
.exam-history-tabs .nav-tabs .nav-link:hover,
.exam-history-tabs .nav-tabs .nav-link:focus,
.exam-history-tabs .nav-tabs .nav-link.active{
    color: #fff !important;
    font-weight: 500;
    border: 1px solid #083E9D !important;
    background-color:  #083E9D !important;
}
.dropdown .dropdown-toggle.blue-btn.test-report-dropdown{
    padding: 0.5rem 1rem;
    font-size: 1rem;
        border: 1px solid #083E9D;
    border-radius: 0.47rem;
}
.report-main-table.table-view-transaction > div.thead p{
    background-color: transparent !important;
    color: #696969 !important;
    vertical-align: middle !important;
}
.report-main-table.table-view-transaction > div.thead p img{
    height: 1.3rem;
}
.book-img-box {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.book-img-box img{
    height: 1.5rem;
}
.report-main-table.table-view-transaction > div.tbody p {
    background: rgba(8, 62, 157, 0.12);
    border: none;
    padding: 1rem;
}
.report-main-table.table-view-transaction > div.tbody p.overall-first-box {
    background: linear-gradient(90deg, rgba(0, 92, 255, 0.40) 0%, rgba(8, 62, 157, 0.50) 100%);
    color: #FFF !important;
    min-width: 10rem;
}
.common-btn {
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 18px;
    background: #083e9d !important;
    padding: 0.5rem 1rem;
    margin: 0;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 500;
    /* min-width: 10rem; */
    text-align: center;
}

/* sticky tabs page */

.scroll-details-stiky{
    transition: all ease-in-out .5s;
    
 }
 .scroll-details-stiky .slider-button-tabs{
padding: 0.5rem 2rem;
 }
.scroll-details-stiky.sticky-scrolled {
    position: fixed;
    top: 5.2rem;
    left: 18rem;
    right: 0px;
    background-color: #2EADFA !important;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.3); */
    z-index: 10;
    margin: 0 !important;
}
.scroll-details-stiky.sticky-scrolled .max-width-container {
    max-width: 1265px;
    margin: 0 auto;
}
.scroll-details-stiky .border-btn,
.scroll-details-stiky .common-btn {
    padding: 0.6rem 1rem;
    min-width: 14rem;
    font-size: 0.9rem;
}
/* .scroll-details-stiky.sticky-scrolled .border-btn{
    color: #fff;
    border-color: #fff;
}
.scroll-details-stiky.sticky-scrolled .common-btn{
    color: #083e9d !important;
    border-color: #fff;
    background-color: #fff !important;
} */
.slider-button-tabs .items {
    padding: 0 1rem;
    text-align: center;
}
.scroll-details-stiky.sticky-scrolled .slider-button-tabs{
max-width: 1265px;
}
.slider-button-tabs .slick-prev,
.slider-button-tabs .slick-next{
height: 1.5rem;
width: 1.5rem;
}
.slider-button-tabs .slick-prev{
    left: 0 !important ;
}
.slider-button-tabs .slick-next{
    right: 0 !important;
}
.slider-button-tabs .slick-prev::before {
    content: "";
    background-image: url(../img/left-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
}
.slider-button-tabs .slick-next::before{
content: "";
background-image: url(../img/right-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
}
/* .outer-min-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
} */
.blog-btn-sticky.scroll-details-stiky .border-btn, .blog-btn-sticky.scroll-details-stiky .common-btn {
    min-width: auto;
    margin: 0 !important;
    padding: 0.4rem 0.7rem;
    border-radius: 0.3rem;
}
.blog-btn-sticky.scroll-details-stiky .slider-button-tabs .items {
    padding: 0 0.4rem;
}
.blog-btn-sticky.scroll-details-stiky .slider-button-tabs .items button{
    width: 100%;
}
.blog-btn-sticky.scroll-details-stiky .slick-track{
display: flex;
align-items: center;
}
.outer-min-button{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.outer-min-button .items button{
margin: 0 !important;
}


/* ques journey sec css */

.ques-journey-section ul.example-list li{
color: rgba(0, 0, 0, 0.7);
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0.5rem;
}
.ques-journey-section .ans-symbol{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;  
    align-items: center;
}
.ques-journey-section .ans-symbol img{
height: 0.9rem;
}
.ques-journey-section .ans-symbol span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.ans-tick-box{
list-style: none;
width: 6.25%;
}
.ans-tick-box > div  {
    height: 2.4rem;
    width: 2.4rem;
    border-radius: 0.3rem;
    border: 1px solid #083E9D;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #083E9D;
    text-align: center;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    position: relative;
    background-color: #dae1ed;
    padding: 0.5rem 0;
    margin-bottom: 2.5rem;
}
.ans-tick-box .label-img {
    height: 0.7rem;
    position: absolute;
    right: 0;
    top: -0.05rem;
}
.ans-tick-box .correct-ans-img {
    position: absolute;
    bottom: -1.4rem;
    left: 0;
    right: 0;
    margin: auto;
    height: 1.1rem !important;
    width: 1.1rem !important;
    object-fit: contain;
}
.ans-tick-box > div::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    background-color: #083E9D;
    height: 1px;
    width: 3.2rem;
}
.outer-ans-tick-main{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    
}
.open-ques-time {
    border-radius: 7px;
    background: #000;
    color: #FFF;
    text-align: center;
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    height: 0.8rem;
    width: 0.8rem;
    position: absolute;
    top: -0.3rem;
    left: -0.3rem;
}
li.ans-tick-box:last-child > div::after,
li.ans-tick-box:nth-child(16n) > div::after{
content: none !important;
}
.text-orange{
    color: #FFA200 !important;
}
.subject-movement-process{
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 3rem;
    background: #E1E8F3;
    padding: 1rem;
    padding-bottom: 5rem;
    overflow: hidden;
}
.subject-movement-process .items{
text-align: center;
padding: 0.5rem;
}
.subject-movement-process .items div{
color: #5C5C5C;
font-weight: 500;
font-size: 0.8rem;

}
.subject-movement-process .items div img{
    height: 2.9rem;
    margin: auto;
}
.subject-movement-process .slick-arrow.slick-prev {
    position: absolute;
    bottom: 1rem;
    top: auto;
    margin: auto;
    left: -22rem;
    right: 0;
    height: 1.5rem;
    width: 1.5rem;
}
.subject-movement-process .slick-arrow.slick-prev::before {
    content: "";
    background-image: url(../img/overview-ques/left-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.subjects-outer-box{
    position: relative;
}
.subjects-outer-box .noteline {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.9rem;
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
    margin: auto;
    max-width: max-content;
    z-index: 2;
}
.subject-movement-process .slick-arrow.slick-next {
    position: absolute;
    bottom: 1rem;
    top: auto;
    margin: auto;
    left: 0;
    right: -22rem;
    height: 1.5rem;
    width: 1.5rem;
}
.subject-movement-process .slick-arrow.slick-next::before{
content: "";
background-image: url(../img/overview-ques/right-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.siderbar-overview {
    position: sticky;
    top: 6.5rem;
    left: 0;
}
.siderbar-overview a {
    display: block;
    color: #696969;
    font-size: 0.85rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 0.4rem;
}
.siderbar-overview a:hover,
.siderbar-overview a:focus,
.siderbar-overview a.active{
    background-color: #083e9d !important;
    color: #fff !important;

}
.advance-heading{
    background: rgba(8, 62, 157, 0.13);
    padding: 0.7rem 1rem;
    color: #000;
font-size: 1.2rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
.rate-skill-box {
    background-image: url(../img/overview-ques/rate-box.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 3rem 1rem;
    border-radius: 0.8rem;
}
.rate-skill-box h5{
color: #FFF;
text-align: center;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%; 
}
.rate-skill-box h3{
color: #FFF;
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 48px */
}
.top-skill-box h4{
color: #000;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 36px */
}
.top-skill-box p{
color: rgba(0, 0, 0, 0.70);
font-size: 1.1rem;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
}
.skill-top {
    background-image: url(../img/overview-ques/first-skill.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1rem 1rem;
    border-radius: 0.8rem 0 0 0;
    color: #fff;
    min-height: 7rem;
    display: flex;
    align-items: center;
}
.correct-ans-advance{
     background-image: url(../img/overview-ques/sec-skill.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1rem 1rem;
    border-radius: 0 0 0 0.8rem;
    min-height: 7rem;
    display: flex;
    align-items: center;
}
.correct-ans-advance h6{
color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
}
.outer-chart-advance{
      background-image: url(../img/overview-ques/third-skill.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1rem 1rem;
    border-radius: 0 0.8rem 0.8rem 0;
    min-height: 14rem;
    display: flex;
    align-items: center;
}

.leaderboard-heading span{
    color: #A2A2A2;
font-size: 0.9rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.user-name-leaderbard img{
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 0.5rem;
}
.outer-quiz-box{
    background: #E1E8F3;
    padding: 2rem 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.outer-quiz-box h4{
    color: #083E9D;
font-size: 1.3rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.outer-quiz-box p{
    color: #606060;
font-size: 0.9rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.outer-quiz-box p span{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.outer-quiz-box .rank-row {
    max-width: 430px;
    color: #083E9D;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.outer-quiz-box .rank-row span small {
    font-size: 70%;
    color: #000;
    opacity: 0.7;
}
.report-main-table.table-view-transaction.test-performance-table > div.tbody p.mobile-flex:nth-child(odd) .score-value{
border-right: 1px solid #a86200;
        background: linear-gradient(90deg, rgba(255, 162, 0, 0) 0%, #ffa200 100%);
}
.report-main-table.table-view-transaction.test-performance-table > div.tbody p.mobile-flex:nth-child(even) .score-value{
border-right: 1px solid #6a00ff;
        background: linear-gradient(90deg, rgba(89, 0, 214, 0) 0%, rgba(89, 0, 214, 0.5) 100%);
}
    .report-main-table.table-view-transaction.test-performance-table > div.tbody p.mobile-flex .score-value.overall-bg {
        border-right: 2px solid #083e9d;
        background: linear-gradient(90deg, rgba(8, 62, 157, 0) 0%, rgba(8, 62, 157, 0.5) 100%);
        /* border-color: #083e9d; */
    }
.exam-list-type{
padding: 0.6rem 1.125rem;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 10px;
    background: #F3F7FF;
    display: flex;
    align-items: center;
    min-width: 15rem;
}
.shadow-box{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.fix-width-20{
    width: 20%;
}
.table-view-transaction.report-main-table.test-performance-table{
    table-layout: fixed;
}
.e-book-filter.filter-box{
    min-height: 455px;
}
.e-book-filter.filter-box .sort-content .accordion-body {
         min-height: auto;
}
/* .filter-box.filter-ebook-new{
    min-height: 100vh;
} */
.filter-box.filter-ebook-new .sort-content .accordion-body{
min-height: auto !important;
}
.outer-box-select{
    box-shadow: none !important;
    outline: none !important;
}
@media (max-width: 992px) {
    .table-view-transaction {
        min-width: auto;
        text-align: left !important;
    }
    .table-view-transaction.report-main-table > div.tbody p .mobile-only {
    min-width: 50%;
}
.report-main-table.table-view-transaction > div.tbody p.overall-first-box {
    width: 100% !important;
}
.siderbar-overview {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    display: flex;
    gap: 0.5rem;
    position: fixed;
    background-color: #fff;
    top: 4rem;
    padding: 1rem;
    justify-content: center;
    z-index: 10;
}
.siderbar-overview a {
    border: 1px solid #083e9d;
    margin: 0;
    width: auto;
    color: #083e9d;
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
}
.main-head-mobile-padding {
    padding-top: 12rem;
}
}
@media (max-width: 768px) {
    
  /* .outer-ans-tick-main {
    justify-content: space-between;
}   */
   .siderbar-overview {
    top: 3rem;
}
    .ans-tick-box {
    width: 11.25%;
}
li.ans-tick-box:last-child > div::after,
li.ans-tick-box:nth-child(8n) > div::after,
li.ans-tick-box:nth-child(16n) > div::after{
content: none !important;
}
.skill-top, .correct-ans-advance, .outer-chart-advance {
    border-radius: 0.8rem;
}
.top-skill-box{
    margin-top: 1rem;
}
.outer-quiz-box .text-center{
    text-align: left !important;
}
.time-analysis-section .report-main-table.table-view-transaction.time-table-new > div.tbody p.overall-first-box {
    color: #000 !important;
}
}
@media (max-width: 480px) {
.main-head-mobile-padding {
    padding-top: 8rem;
}
}


/* ===============================
   SIDEBAR STYLING
================================ */

.siderbar-overview {
  padding: 0;
  position: sticky;
  top: 5rem;
}

/* Sidebar buttons */
.siderbar-overview .nav-link {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.5rem;
  margin: 0.2rem 0;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #334155;
  background: transparent;
  border: none;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* Hover effect */
.siderbar-overview .nav-link:hover,
.siderbar-overview .nav-link.active {
  background-color: #083E9D;
  color: #fff;
}
.loader-outer-div {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: calc(100vh - 5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    backdrop-filter: blur(3px);
    z-index: 2;
}
.outer-dash-section.position-relative.min-heaight-100vh{
    min-height: calc(100vh - 5rem);
}
.min-height-set {
    min-height: 11rem;
}
.img-preview-box {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 100%;
    margin-bottom: 1rem;
    padding-right: 3rem;
}
.img-preview-box .main-preview {
    height: 5rem;
}

.img-preview-box video, .img-preview-box iframe {
    height: 12rem !important;
    width: 12rem !important;
    object-fit: contain;
    border-radius: 0.5rem !important;
    object-position: center;
    border: 1px solid #000;
    overflow: hidden !important;
    background-color: #ddd !important;
}   
.img-preview-box a {
    display: inline-block;
    position: absolute;
    right: 1rem;
}
.img-preview-box a img{
    height: 1rem;
}
.img-preview-box h5{
    font-size: 0.9rem;
   color: #667085;
    font-weight: 400;
    margin: 0;
}
.career-card-input{
    border: 1px solid #ddd;
    margin-bottom: 1rem;
}
.career-card-input h5{
    font-size: 1rem;
    color: #083E9D;
    font-weight: 600;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.career-card-input p{
    font-size: 0.8rem;
    color: #667085;
    font-weight: 400;
    margin: 0;
}

/* scholarship page css */

.scholarship-inner-box {
    margin: 1rem 0;
    min-height: 39rem;
    border: 1px solid #083e9d;
    padding: 1rem;
    border-radius: 0.5rem;
    padding-bottom: 4.5rem;
    position: relative;
}
.scholarship-inner-box .apply-btn-box {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
}
.scholarship-inner-box .scholar-img {
    height: 13.5rem;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 1rem;
    background-color: #eff5ff;
    border-radius: .5rem;
}
.scholarship-inner-box h6{
border-radius: 0.2rem;
background: rgba(0, 151, 76, 0.15);
color: #00974C;
text-align: center;
font-size: 0.7rem;
font-style: normal;
font-weight: 500;
line-height: normal;
max-width: max-content;
padding: 0.2rem 0.5rem;
}
.scholarship-inner-box h4{
color: #000;
font-size: 1.1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.scholarship-inner-box p{
color: #696969;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.scholarship-inner-box h5{
color: #000;
font-size: 0.9rem;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
align-items: center;
justify-content: space-between;
}
.green-text{
    color: #0A7558;
}
.scholarship-inner-box h5 b{
    font-weight: 600;
}
.scholarship-inner-box .progress-line{
color: #000;
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal; 
display: flex;
align-items: center;
justify-content: space-between;
}
.scholarship-inner-box .progress-line .progress {
    width: 60%;
    height: 0.6rem;
    background: #D9D9D9;
}
.scholarship-inner-box .progress-line .progress .progress-bar{
border-radius: 1.5rem;
background: #FFB72B;
}
.scholarship-inner-box .apply-btn-box {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}
.scholarship-inner-box .apply-btn-box .common-btn {
    width: calc(100% - 3rem);
}
.scholarship-inner-box .apply-btn-box a{
display: inline-block;
}
.scholarship-inner-box .apply-btn-box a img{
    height: 2rem;
    width: 2rem;
}
.scholarship-table .tbody p img.logo-scholar{
    height: 3rem;
    width: 3rem;
    object-fit: contain;
}
.proof-box video, .proof-box iframe, .proof-box img {
    height: 10rem !important;
    min-width: 10rem !important;
    max-width: 10rem !important;
    object-fit: contain;
    border-radius: 0.5rem !important;
    object-position: center;
    border: 1px solid #000;
    overflow: hidden !important;
    background-color: #ddd !important;
}
 .learning-header .dropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    min-width: 100% !important;
}
.outer-career-check .form-check {
    border: 1px solid #ddd;
    padding: 0.2rem 0.5rem;
    border-radius: 0.3rem;
    background-color: transparent;
}
.outer-career-check .form-check:has(input:checked) {
  background-color: #083E9D;

}
.outer-career-check .form-check:has(input:checked) .form-check-label{
    color: #fff !important;
}

/* Mobile spacing */
@media (max-width: 991px) {
.siderbar-overview {
    position: fixed;
    display: flex;
    padding: 0.5rem 0;
    top: 3rem;
    gap: 0.3rem;
    justify-content: center;
    left: 0;
    right: 0;
}
.siderbar-overview .nav-link {
    width: auto;
    border: 1px solid #000;
    padding: 0.3rem 0.7rem;
}
.main-head-mobile-padding {
    padding-top: 3rem;
}
.instruction-box .justify-content-end,
.instruction-box .justify-content-start{
    justify-content:  center !important;
}
.proof-box video, .proof-box iframe, .proof-box img {
    height: 5rem !important;
    min-width: 5rem !important;
    max-width: 5rem !important;
}
.learning-header .dropdown .dropdown-menu {
    right: auto !important;
    left: auto !important;
    min-width: 100% !important;
}
}
@media (max-width: 820px){
.main-head-mobile-padding {
    padding-top: 6rem;
}
}
@media (max-width: 470px){
.main-head-mobile-padding {
    padding-top: 9rem;
}
}
@media (max-width: 420px){
    .siderbar-overview .nav-link {
    padding: 0.3rem 0.4rem;
}
.main-head-mobile-padding {
    padding-top: 9rem;
}

}

@media (max-width: 331px){
.main-head-mobile-padding {
    padding-top: 12rem;
}
}