.lesson-tab-content .row.lesson-tab-inner {
    background: transparent;
    /* min-height: 500px; */
    font-family: "Lato", sans-serif;
    position: relative;
    border-radius: 8px;
    display: flex;
    margin-bottom: 43px;
}

.lesson-tab-content .row .chat-sidebar-container {
    background: #fff;
    border-right: none;
    border-radius: 8px 0 8px 8px;
    -webkit-border-radius: 8px 0 8px 8px;
    -moz-border-radius: 8px 0 8px 8px;
    -ms-border-radius: 8px 0 8px 8px;
    -o-border-radius: 8px 0 8px 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0px;
}

.lesson-tab-content .add-new-lesson .btn-primary {
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.lesson-sidebar-info {
    padding: 30px 20px 20px;
    max-height: 100vh;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 230px;
}

.lesson-sidebar-info::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.lesson-sidebar-info::-webkit-scrollbar-thumb {
    background-color: #aaaaaac3;
}

.lesson-sidebar-info h3 {
    font: var(--h5);
    font-weight: 600;
    margin-bottom: 5px;
}

.lesson-sidebar-info .sidebar-info-item {
    padding: 10px 0;
    border-radius: 6px;
    font-size: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    gap: 5px;
}

.lesson-sidebar-info .sidebar-info-item.active {
    padding: 10px;
    background: var(--common-second-light-color);
}

.sidebar-info-item .info-item-left.active {
    background-color: #e2e5ff;
    border-radius: 10px;
}

.lesson-sidebar-info .sidebar-info-item .lqd-btn {
    width: 22px;
    height: 22px;
    background: var(--common-second-color);
}
.lesson-sidebar-info .sidebar-info-item .lqd-btn:hover{
    background: var(--common-second-color);

}
.info-item-right {
    display: flex;
    align-items: center;
    gap: 5px;
}

.lesson-tab-content .chat-message-container {

    padding: 0;
}

.lesson-tab-content .chat-message-container h3 {
    margin-bottom: 0;
    font: var(--h4);
    font-weight: 600;
}

.lesson-tab-content .chat-message-container .cart-header-left span {
    color: #728096;
    font-size: 14px;
}

.lesson-tab-content .cart-header-top .btn-primary {
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.lesson-tab-content .cart-header-top .btn-primary i {
    margin-right: 5px;
}

.progress-bar__wrapper {
    position: relative;
}

/* progress {
    width: 100%;
    height: 5px;
    border-radius: 50px;
    background-color: #e2e5ff;
    transition: width 300ms ease;
} */

progress[value]::-webkit-progress-bar {
    width: 100%;
    height: 5px;
    border-radius: 20px;
    background-color: #e2e5ff;
    transition: width 300ms ease;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

progress[value]::-webkit-progress-value {
    width: 0;
    border-radius: 20px;
    background-color: maroon;
    transition: width 300ms ease;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.chat-message-inner {
    padding: 20px 25px 0px 25px;
}

.chat-message-inner p {
    font-size: 14px;
    color: #728096;
}

.chat-message-inner .row {
    gap: 20px;
}

.chat-message-container .lesson-plan-card .plan-card-inner {
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-message-container .lesson-plan-card label {
    font: var(--h4);
    display: block;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.chat-message-container .lesson-plan-card span {
    line-height: 1.2;
    font-size: 14px;
    color: #728096;
}

.schedule-info {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #885ffd;
    margin: 20px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.schedule-info .schedule-info-left h4 {
    font-weight: 600;
}

.schedule-info .schedule-info-content {
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.schedule-info .schedule-info-left p {
    margin-bottom: 0;
}

.schedule-info .schedule-info-content p {
    color: #885ffd;
    line-height: 1;
    font-weight: 500;
}

.schedule-info .btn {
    border: 1px solid #212529;
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.schedule-info .btn i {
    margin-right: 5px;
}

.schedule-list-detail .schedule-iteam {
    padding: 40px 20px 25px;
    background-color: #e2e5ff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    flex-wrap: wrap;
    gap: 30px;
}

.schedule-list-detail .schedule-iteam:not(:last-of-type) {
    margin-bottom: 20px;
}

.schedule-list-detail .schedule-iteam .schedule-lbl {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.schedule-list-detail .schedule-iteam .schedule-lbl label {
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    background-color: #22c55e;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
}

.schedule-list-detail .schedule-iteam .schedule-lbl .common-lbl {
    border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    -o-border-radius: 10px 0 10px 0;
    background: var(--common-second-color);
}

.schedule-list-detail .schedule-iteam span {
    line-height: 1.3;
    margin-bottom: 10px;
    display: block;
}

.schedule-list-detail .schedule-iteam p {
    margin-bottom: 0;
}

.schedule-iteam-right .btn,
.schedule-iteam-right .lqd-btn {
    min-width: auto;
    width: 35px;
    height: 35px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--common-second-color);
    color: #ffffff;
}

.schedule-iteam-right .btn.btn-success {
    background-color: #22c55e;
    border-color: #22c55e;
}

.schedule-iteam-right .btn i {
    font-size: 14px;
}

.filter-title {
    display: none;
}

.lesson-tab-content .chat-message-container .card-header ul.pagination {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.lesson-tab-content .chat-message-container .card-header ul.pagination a {
    gap: 10px;
}

.chat-message-inner .number-patterns-div,
.counting-main-sec ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 15px;
}
.counting-main-sec ol{
    margin-bottom: 15px;
}

.chat-message-inner .number-patterns-div h4,
.counting-main-sec ul h4 {
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    font-size: 20px;
}

.chat-message-inner .number-patterns-div b,
.counting-main-sec ul b {
    margin-bottom: 10px;
    line-height: 1;
    display: block;
    font-size: 14px;
}

.counting-main-sec {
    padding: 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #fff;
    max-height: calc(100% - 140px);
    overflow-y: auto;
}

.counting-main-sec::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.counting-main-sec::-webkit-scrollbar-thumb {
    background-color: #aaaaaac3;
}

.counting-main-sec ul.counting-iteam .sub-list li {
    margin-bottom: 15px;
    font-size: 14px;
    color: #728096;
}

.counting-iteam:not(:last-of-type) {
    margin-bottom: 30px;
}

.progress-wrap {
    padding: 12px 15px;
    gap: 15px;
}

.progress-wrap .btn {
    min-width: auto;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
}

.progress-wrap .btn i {
    margin-right: 10px;
}

.progress-wrap .btn.help-btn {
    background: #e2e5ff;
    border: 1px solid #885ffd;
}

.progress-wrap .btn.Complete-btn {
    background-color: #320580;
    border-color: #320580;
    color: #fff;
}

.progress-wrap.sticky-row {
    position: sticky;
    bottom: 0;
}

.ask-Academic-popup {
    position: fixed;
    background: rgb(0 0 0 / 61%);
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    z-index: 1000;
    padding: 0 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}

.ask-Academic-popup.active {
    opacity: 1;
    visibility: visible;
}

.ask-form-wrapper {
    max-width: 35%;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 60px;
    position: relative;
    border-radius: 10px;
}

.ask-form-wrapper .close-search {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.ask-form-wrapper .close-search i {
    font-size: 20px;
}

.ask-form-wrapper h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
}

.ask-form-wrapper h3 span {
    padding-left: 50px;
    width: 100%;
}

.ask-form-wrapper h3 i {
    position: absolute;
    left: 10px;
    font-size: 20px;
}

.ask-submit-btn {
    max-width: 180px;
    width: 100%;
}

.academic-submit-btn {
    padding: 12px 20px;
    width: 100%;
    line-height: 1;
    /* background-color: #885ffd; */
    /*border-color: #885ffd;
    */
    background-color: var(--common-second-color);
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transition:.4s all ease-in-out ;
    -webkit-transition:.4s all ease-in-out ;
    -moz-transition:.4s all ease-in-out ;
    -ms-transition:.4s all ease-in-out ;
    -o-transition:.4s all ease-in-out ;
}

#stepperForm .academic-submit-btn {
    width: 49%;
}

.academic-submit-btn.btn-prev-form {
    background-color: #f97316;
    border-color: #f97316;
}

.academic-submit-btn:hover {
    color: #fff;
}

.form-field:focus,
.checkbox-custom:focus {
    background: #e2e5ff;
    border-color: #e2e5ff;
}

.no-scroll {
    overflow: hidden;
}

.subject-modal .form-field {
    padding: 12px 15px;
    border: 1px solid #e2e5ff;
    background-color: transparent;
    color: #000;
    width: 100%;
    font-size: 14px;
    outline: none;
    line-height: 1.3;
    transition: .2s all ease-in-out;
    margin-bottom: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    cursor: pointer;
}
.subject-modal .academic-submit-btn{
    width: fit-content;
    min-width: 120px;
    margin: 0 auto;
}
.subject-modal .form-field:last-of-type {
    margin-bottom: 25px;
}
.subject-modal h3{
    margin-bottom: 15px;
}
.subject-modal {
    display: flex;
    flex-direction: column;
}

.subject-modal input[type="radio"]:checked+label,
.subject-modal input[type="checkbox"]:checked+label {
    background:var(--common-light-color);
    border-color: #e2e5ff;
}

.checkbox-custom {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    opacity: 0;
    cursor: pointer;
    display: none;
}

.checkbox-custom label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    padding: 12px 30px 12px 15px;
    width: 100%;
    border: 1px solid hsl(var(--border));
    font-size: 14px;
    background-color: transparent;
    outline: none;
    line-height: 1.2;
    margin-bottom: 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    -webkit-border-radius: 6px;
}

.checkbox-custom label i {
    font-size: 11px;

}

.checkbox-custom label:before {
    content: '';
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #e5e7eb;
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    right: 10px;
    top: 50%;
    border-radius: 6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-left: 15px;
}

.checkbox-custom input:checked+label:before {
    /* background-color: #885ffd; */
    background: var(--common-second-color);
    border-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.checkbox-custom input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

.checkbox-custom input:checked+label {
    background-color: #e2e5ff;
    border-color: #e2e5ff;
}

.all-select-btn {
    color: #885ffd;
    font-size: 14px;
    text-align: right;
    width: 100%;
    line-height: 1;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
}

.quantity-form .quantity-lable {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
}

.quantity-input input {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid hsl(var(--border));
    padding: 10px 10px;
    font-size: 14px;
    color: #000;
}

.form-group:not(:last-of-type) {
    margin-bottom: 15px;
}

.quantity-input .btn {
    background:var(--common-light-color) ;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 10px 15px;
    font-size: 14px;
}

.quantity-input .btn:focus {
    border: none;
    box-shadow: none;
}

.Moderate-select {
    position: relative;
    border: 1px solid hsl(var(--border));
    display: block;
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 10px 20px 10px 10px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    outline: none;
    color: #000;
}

.Moderate-select option:hover {
    background: #e2e5ff !important;
}

.Moderate-select:focus-visible {
    border-color: #d5d8db;
}



input[type="radio"] {
    opacity: 0;
}


/***************************************/
.proceed-card {
    display: flex;
    flex-direction: column;
    /* width: 100%; */
}

.proceed-card .proceed-card-inner {
    border: 1px solid #e2e5ff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.proceed-wrapper .proceed-title {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80%;
    width: 100%;
    margin: 0 auto 30px;
    text-transform: uppercase;
    text-align: center;
}

.proceed-card .proceed-content h2 {
    font-size: 17px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    margin-bottom: 10px;
    text-align: center;
}

.proceed-card .proceed-content p {
    margin-bottom: 0;
    text-align: center;
    color: gray;
    text-transform: capitalize
}

.proceed-card-img {
    margin: 0 auto 10px;
}

.proceed-card-img svg {
    width: 22px;
    height: 22px;
    color: #885ffd;
    /* background-color: rgb(146, 187, 230, 0.5); */
    /* padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px; */
}

.proceed-wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px;
    position: relative;
    border-radius: 10px;
    max-height: 70%;
    overflow: auto;
}

.proceed-popup {
    position: fixed;
    background: rgb(0 0 0 / 61%);
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    z-index: 1000;
    padding: 0 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;

}

.proceed-popup.active {
    opacity: 1;
    visibility: visible;
}

.proceed-wrapper .close-search {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

/**********  NUMBERS QUIZ  ********/
.lesson-tab-content .chat-message-container .quiz-text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.quiz-popup .quiz-popup-head {
    margin-bottom: 15px;
    gap: 15px;
}

.quiz-popup h2,
.cart-header-top h2,
.algebra-plan-sidebar h2 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.quiz-popup .quiz-popup-head span.sub-title,
.lesson-tab-content .cart-header-top span.sub-title {
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #f3e8ff;
    color: #7821a8;
    font-size: 14px;
}

.quiz-text {
    margin-top: 20px;
}

.quiz-text p {
    color: #a3acb8;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.form-inputs span {
    display: inline-block;
    background-color: #d5d8db;
    padding: 5px 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 5px;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
}

/* .quiz-popup label:before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.quiz-container {
    background-color: #fff;
}

.quiz-popup input:checked+label {
    background-color: #885ffd;
    color: white;
    border: 1px solid white;
    outline: 1px solid #885ffd;
    outline-offset: 2px;
}

.quiz-popup .form-field:last-of-type {
    margin-bottom: 20px;
}

.quiz-popup input:checked+label:before {
    background-color: rgba(160, 198, 238, 0.5);
    border-color: transparent;
}

.quiz-popup .progress {
    background-color: #d5d8db;
    border-radius: 20px;
    position: relative;
    height: 15px;
    width: 90%;
}

.quiz-popup .progress-done {
    background: #fcb045;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
}


.quiz-popup .progress-bar__wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quiz-popup .progress-bar__wrapper progress {
    height: 10px;
    flex: 1;
}

.quiz-popup .progress-bar__wrapper span {
    font-size: 14px;
}

.quiz-popup progress[value]::-webkit-progress-value {
    width: 0;
    padding: 5px 0;
    border-radius: 20px;
    background-color: #fb923c;
}

.quiz-popup input:checked+label span {
    background-color: #19197d;
    color: white;
} */


.quiz-wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 20px;
    position: relative;
}

.quiz-popup {
    /* max-width: 50%; */
    width: 100%;
}


.quiz-wrapper .close-search {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

/************* REPORT POPUP  ********/
.reason {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.report-wrapper label {
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 15px;

}

.reason select {
    text-transform: capitalize;
    font-weight: 600;
    padding: 8px 10px;
    border: 1px solid #d5d8db;
    background-color: #ffffff;
    border-color: #a3acb8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    outline: none;
    font-size: 14px;
}

.report-wrapper form {
    display: flex;
    flex-direction: column;
}

.report-wrapper form input::placeholder {
    text-transform: capitalize;
}

.report-wrapper form input {
    background-color: rgb(213, 216, 219, 0.5);
    border: 1px solid #d5d8db;
    background-color: #ffffff;
    border-radius: 5px;
    text-transform: capitalize;
    padding: 8px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 14px;
}

.report-wrapper form .btn {
    display: inline-block;
    background-color: #885ffd;
    color: white;
    min-width: 120px;
    font-size: 14px;
    margin: 15px auto 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.report-wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px;
    position: relative;
    border-radius: 10px;
}

.report-popup {
    position: fixed;
    background: rgb(0 0 0 / 61%);
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    z-index: 1000;
    padding: 0 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}

.report-popup.active {
    opacity: 1;
    visibility: visible;
}

.report-wrapper .close-search {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

/*******************  NUMBER  CSS ***********/
.number-text h2 {
    font-weight: 600;
    text-transform: capitalize;
}

.numbers-progressbar .progressbar {
    position: relative;
    margin: 4px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.numbers-progressbar .barOverflow {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 185px;
    margin-bottom: -20px;
    border: 8px solid #eee;
    border-radius: 50%;
}

.numbers-progressbar .barOverflow::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 8px solid #fcb045;

}

.numbers-progressbar .barOverflow span {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25px;
    font-weight: 600;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.numbers-progressbar {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    text-align: center;
}

.numbers-progressbar p {
    font-weight: 600;
}

.numbers-progressbar .btn {
    background-color: #885ffd;
    color: white;
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
}

.numbers-progressbar .btn svg path {
    fill: white;
}

.numbers-progressbar .btn svg {
    margin-right: 5px;
}

/* quiz progress css */
.quiz-progress-left p {
    color: #3d536d;
}

.number-quiz-content {
    background-color: #fff;
}

.number-quiz-content .row {
    gap: 0;
    row-gap: 10px;
}

.multigraph {
    width: 200px;
    height: 100px;
    position: relative;
    margin: 0 auto 20px;
}

.multigraph:before {
    content: '';
    width: 200px;
    height: 100px;
    position: absolute;
    border: 20px solid rgba(0, 0, 0, 0.1);
    border-radius: 300px 300px 0 0;
    border-bottom: none;
}

.graph {
    width: 200px;
    height: 100px;
    position: absolute;
    overflow: hidden;

}

.graph:before,
.graph:after {
    width: 200px;
    height: 100px;
    position: absolute;
    top: 100%;
    border: 20px solid #f97316;
    content: '';
    border-radius: 0 0 300px 300px;
    border-top: none;
    animation: demo 3s;
    transform-origin: center top;
}

.graph:after {
    transform: rotate(80deg);
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
}

@keyframes demo {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(80deg);
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
    }
}

.quiz-progress-rate {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translatex(-50%);
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
}

.quiz-progress-left h4 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

.quiz-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 10px;
}

.quiz-btn-wrapper .btn-primary {
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.quiz-btn-wrapper .btn-primary i {
    margin-right: 10px;
}

.quiz-progres-sec,
.content-topic-sec {
    padding-bottom: 40px;
}

.content-topic-sec .section-title,
.topic-qustion-sec .section-title {
    margin-bottom: 20px;
}

.content-topic-sec .section-title h3,
.topic-qustion-sec .section-title h3 {
    margin-bottom: 0;

    font-size: 18px;
    font-weight: 600;
}

.content-topic-sec .section-title i,
.topic-qustion-sec .section-title i {
    font-size: 16px;
    font-size: 22px;
    margin-right: 10px;
}

.content-topic-sec .topic-left-col {
    background: var(--common-light-color);
    padding: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    height: 100%;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.topic-left-col h3 {
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 0;
    flex: 1;

}

.qustion-type-lable {
    background-color: #f9fafb;
    border-radius: 10px;
    padding: 10px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
}

.qustion-wrapper-inner {
    padding: 30px 20px;
}

.lesson-tab-content .row .chat-sidebar-container {
    border-right: 1px solid #f9fafb;
}

.qustion-wrapper-inner .set .acnav-label {
    padding: 15px 35px 15px 15px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #E5F2FF;
}

.qustion-wrapper-inner .set .acnav-assessments-label {
    padding: 15px 35px 15px 15px !important;
}

.qustion-wrapper-inner .set .acnav-label span {
    display: block;
    padding-left: 20px;
}

.qustion-wrapper-inner .acnav-list,
.sidebar-info-item .acnav-list {
    display: none;
    padding: 10px 0 10px 20px;

}

.qustion-wrapper-inner .wrong-icon {
    color: #ef4444;
}

.qustion-wrapper-inner .right-icon {
    color: #22c55e;
}

.info-item-left.acnav-label {
    position: relative;
    padding-left: 20px;
}

.qustion-wrapper-inner .acnav-label:after,
.info-item-left.acnav-label:after {
    content: "\f107";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-family: "Font Awesome 6 Pro";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}

.info-item-left.acnav-label:after {
    left: 0;
    right: auto;
    margin-left: 10px;
}

.qustion-wrapper-inner .set.is-open .acnav-label::after,
.sidebar-info-item.is-open .info-item-left.acnav-label:after {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
}

.qustion-wrapper-inner .form-field {
    width: auto;
    padding: 0 0 0 40px;
    border: none;
    margin-bottom: 0;
}

.qustion-wrapper-inner .checkbox-custom:not(:last-of-type) {
    margin-bottom: 15px;
}

.qustion-wrapper-inner input[type="radio"]:checked+label {
    background-color: transparent;
    border-color: transparent;
}

.qustion-wrapper-inner .checkbox-custom label:before {
    left: -10px;
    right: auto;
    margin-right: 15px;
    border-radius: 10px;
    border: none;
    background: #f3f4f6;
}

/* .right-answer .checkbox-custom input:checked+label:before {
    background-color: #22c55e;
    border: none;
}

.wrong-answer .checkbox-custom input:checked+label:before {
    background-color: #22c55e;
    border: none;
}

.wrong-answer .checkbox-custom.wrong-option input+label:before {
    background-color: #dc3545;
    border: none;
} */

/* .wrong-answer .checkbox-custom.wrong-option input+label:after {
    content: '\f00d';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 9px;
    top: 3px;
    font-size: 10px;
    color: #fff;
}

.qustion-wrapper-inner .checkbox-custom input:checked+label:after {
    left: 11px;
    right: auto;
    top: 42%;
} */

.qustion-explanation {
    background-color: #fff8dc;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #83898f;
}

.lesson-tab-content .chat-message-container .qustion-explanation h3 {
    margin-bottom: 10px;
}

.qustion-explanation p {
    color: #83898f;
    margin-top: 10px;
}

.qustion-btn-wrapper .btn {
    border-radius: 10px;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 14px;
    color: #FFF;
    background: #885ffd;
    font-weight: 600;
    border: 0;
}

.bottom-btn-wrapper .retak-icon {
    background-color: #e2e5ff;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    font-size: 14px;
    color: #885ffd;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.bottom-btn-wrapper .btn {
    font-size: 14px;
    border-radius: 10px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.algebra-plan-sidebar .item-lbl {
    font-size: 10px;
    line-height: 1;
    border-radius: 5px;
    padding: 3px;
    color: #1e1e2d;
    background-color: var(--common-second-light-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.algebra-plan-sidebar .info-offer-lbl {
    background-color: #ef4444;
    color: #fff;
}

.algebra-plan-sidebar .quiz-offer-lbl {
    background-color: #f97316;
    color: #fff;
    height: 20px;
    margin: auto 0;
}

.fw-600 {
    font-weight: 600;
}

.counting-main-sec h1 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}

.counting-main-sec h2 {
    /* font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 1.5; */
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1;
    font-family: var(--headings-font-family);
}

.counting-main-sec h3 {
    font-size: 18px;
    margin-bottom: 15px !important;
}

.counting-main-sec h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

.counting-main-sec h5 {
    font-size: 14px;
    margin-bottom: 15px;
}

.chat-message-inner p {
    /* margin-top: 10px; */
    margin-bottom: 15px;
}

.chat-message-inner p strong {
    margin-bottom: 10px;
    display: block;
}

.counting-main-sec a {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: flex;
    color: #22c55e;
}

.counting-main-sec ul li,
.counting-main-sec ol li {
    font-size: 14px;
    color: #728096;
}
.counting-main-sec ul li:not(:last-of-type),
.counting-main-sec ol li:not(:last-of-type){
    margin-bottom: 10px;
}
.counting-main-sec pre {
    padding: .8em 1em;
    margin: 0.5em 0;
    background-color: rgb(240 241 245);
    background-size: 10px 10px;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #000;
    line-height: 1.4em;
    position: relative;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
    max-height: 250px;
}

#lessonModal input[type=radio],
#lessonModal input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

.schedule-iteam-left {
    flex: 1;
}

.quiz-progress-left .progress {
    position: relative;
    margin-bottom: 40px;
    background: transparent;
    text-align: center;
    height: auto;
    justify-content: center;
}

.quiz-progress-left .barOverflow {
    position: relative;
    overflow: hidden;
    width: 160px;
    height: 70px;
    margin-bottom: -14px;
}

.quiz-progress-left .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 15px solid #eee;
    border-bottom-color: #F97316;
    border-right-color: #F97316;
}

.quiz-progress-left .progress p {
    position: absolute;
    margin-bottom: 0;
    top: 50%;
}

.opacity-50 {
    opacity: 0.5;
}

footer.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
    background: white;
    padding: 1rem 1.3rem 1rem !important;
}

/* .chat-message-inner {
    margin-bottom: 40px;
} */


.lesson-tab-content .chat-message-container::-webkit-scrollbar {
    display: none;
}

/********************* new lesson css    ******************/
.add-new-lesson a {
    border-bottom: 1px solid rgb(161, 172, 184, .3);
    font-weight: 600;
}

.chapters-item-left.acnav-label:after {
    right: 10px;
    left: auto;
}

.chapters-item-left {
    background-color: #e2e5ff;
    padding: 10px 25px 10px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    cursor: pointer;
}

.chapters-info-item ul li {
    position: relative;
    color: #B9C0CA;
}

.chapters-info-item ul li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-image: url(../images/lock-solid.svg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    filter: opacity(.5);
    -webkit-filter: opacity(.2);
}

.lesson-bottom-wrp .feedback-btn {
    background-color: #e2e5ff !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.lesson-bottom-wrp .feedback-btn span {
    font-weight: 500;
}

.lesson-bottom-wrp .upgrade-btn {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.lesson-bottom-wrp .upgrade-btn a {
    font-weight: 600;
}

.lesson-tab-div .pages-tabs li .btn,
.lesson-tab-div .tabs li .btn {
    font-size: 14px;
    min-width: 135px;
    text-transform: capitalize;
    border: 1px solid #a1acb8;
    color: #233446;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-weight: 500;
}

.chapters-info-item .sidebar-acnav2 li,
.chapters-info-item .sidebar-acnav li {
    cursor: pointer;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.chapters-info-item .sidebar-acnav2 .active {
    color: #728096;
}

.chapters-info-item .sidebar-acnav .active a {
    color: #885ffd;
}

.chapters-info-item .sidebar-acnav2 .active::after,
.chapters-info-item .sidebar-acnav .active::after {
    display: none;
}

.lesson-tab-div .pages-tabs .active .btn {
    background-color: rgb(0, 130, 255, 0.1);
    border: 1px solid #0082FF;
    color: #0082FF;
    font-weight: 600;
}

.lesson-tab-div .tabs .active .btn {
    background-color: #0082FF;
    border: 1px solid #0082FF;
    color: white;
    font-weight: 600;
}

.lesson-tab-div .pages-tabs li .btn:focus,
.lesson-tab-div .tabs li .btn:focus {
    box-shadow: none;
}

.tab-content {
    display: none;

}

.tab-content.active {
    display: block;
}

.video-wrapper {
    width: 100%;
    height: 100%;
}

.video-wrapper video {
    border-radius: 10px;
    height: 100%;
    max-height: 500px;
    width: 100%;
    object-fit: cover;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}

.video-overlayer .video-wrapper::after {
    content: " ";
    z-index: 0;
    background: #000000b3;
    left: 0;
    width: 100%;
    max-height: 500px;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
}

.assessments-text h2,
.summary-text h2 {
    font-weight: 600;
}

.summary-text p {
    color: #728096;
}

#tab-4 p {
    color: #728096;
}

.inter-image,
.found-image {
    width: 40px;
    height: 100%;
}

#inner-tab-4 ul li p span {
    flex: 1;
}

#inner-tab-4 ul li p svg {
    width: 15px;
    height: 15px;
}

#inner-tab-5 .progress {
    height: 7px;
}

#inner-tab-5 .progress-bar {
    background-color: #60DD34;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.description-box {
    padding: 15px;
    border-radius: 10px;
    background-color: #E5F2FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.player .vp-video-wrapper .vp-preview-cover {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.description-box p {
    width: 75%;
    color: #233446;
    font-weight: 500;
}

.description-box span {
    text-align: end;
    display: block;
    flex: 1;
    color: #728096;
}

.assessments-form input[type="radio"]:checked+label {
    background-color: transparent;
    border-color: transparent;
}

.assessments-form .checkbox-custom input:checked+label:before {
    background-color: white;
    outline: 3px solid #0082FF;

}

.assessments-form .checkbox-custom input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    width: 5px;
    height: 9px;
    border: solid #0082FF;
    border-width: 0px 2px 2px 0;
    transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

.assessments-form .checkbox-custom input:checked+label:after {
    left: 15px;
    right: auto;
    top: 42%;
}

.assessments-form .checkbox-custom label:before {
    margin-right: 15px;
    right: 29px;
    border-color: #C7CFD6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.assessments-form .form-field {
    width: auto;
    padding: 0 0 0 40px;
    border: none;
    margin-bottom: 0;
    font-weight: 600;
    color: #233446;
}

.description-form textarea {
    width: 90%;
    max-height: 100px;
    min-height: 100px;
    height: 100%;
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.description-form textarea::placeholder {
    color: #B9C0CA;
}

.description-form textarea:focus {
    box-shadow: none;
}

.assessments-description .submit-btn .btn {
    font-size: 14px;
    background: #885ffd;
    color: white;
    padding: 5px 20px;
    border-radius: 10px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.assessments-description .submit-btn .btn:hover {
    background-color: transparent;
    border-color: #885ffd;
    color: #885ffd;
}

.assessments-description .true-btn {
    background-color: rgb(70, 197, 25, .4);
    padding: 5px 30px;
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.assessments-description .true-btn:hover {
    background-color: #46C519;
    color: white;
}

.assessments-description .false-btn:hover {
    background-color: #C51919;
    color: white;
}

.assessments-description .false-btn {
    background-color: rgb(197, 25, 25, .4);
    padding: 5px 30px;
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.progress_bar span {
    font-size: 15px;
    font-weight: 500;
}

/************* new  *******************/
.notes-table .table {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.notes-table thead tr th {
    /* background-color: #E6F2FD; */
    border-bottom: 1px solid #EFF4F8;
    white-space: nowrap;
}

.notes-table tbody tr td {
    color: #233446;
    /* background-color: #EFF4F8; */
    display: table-cell;
    white-space: nowrap;
}
.notes-table tbody tr:nth-child(even){
    background-color: var(--common-grey-color);
}
.notes-table button {
    width: 100%;
    padding: 5px 10px;
    border-radius: 10px;
    text-transform: capitalize;
    background-color: rgb(0, 130, 255, .1);
    border: 1px solid #0082FF;
    color: #0082FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.notes-table button:hover {
    background-color: #885ffd;
    color: white;
}

.notes-table svg {
    width: 20px;
    height: 20px;
}

.notes-form textarea.form-control {
    outline: none;
    /* min-height: 320px;
    max-height: 320px; */
    height: auto;
    resize: none;
    padding: 20px 15px;
}

.notes-form {
    position: relative;
}

.notes-form textarea.form-control:focus {
    box-shadow: none;
}

.notes-form button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
    text-transform: capitalize;
    font-size: 14px;
    /* padding: 10px 20px; */
}

/* tutor Topic video section */
.disabled {
    pointer-events: none;
    color: gray;
    opacity: 0.5;
    cursor: not-allowed;
}

.video-buttons {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    gap: 10px;
}

.video-buttons button:nth-child(3) {
    background-color: #0082FF;
    border: 1px solid #0082FF;
    color: white;
    font-weight: 600;
    font-size: 14px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.video-buttons button:nth-child(2) {
    background-color: #0082FF;
    border: 1px solid #0082FF;
    color: white;
    font-weight: 600;
    font-size: 14px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.video-buttons button:nth-child(1) {
    font-size: 14px;
    width: 135px;
    text-transform: capitalize;
    border: 1px solid #a1acb8;
    /*color: #fff;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-weight: 500;
}

.tab-video {
    position: relative;
}

.dount-image {
    border-radius: 50%;
    overflow: hidden;
}

.doubt-description .dropdown-toggle {
    padding: 10px 20px 10px 40px;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}

.doubt-description .dropdown-toggle::before {
    content: '';
    background-image: url(../images/Rectangle\ 61.png);
    object-fit: cover;
    width: 28px;
    height: 28px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.doubt-description .tone .dropdown-toggle {
    padding: 10px 20px 10px 25px;
}

.doubt-description .tone .dropdown-toggle::before {
    content: '';
    background-image: url(../images/chap-4.svg);
    object-fit: cover;
    width: 18px;
    height: 18px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.doubt-description .dropdown-toggle::after {
    background-image: url(../images/arrow-down.svg);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border: none;
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    transition: all ease-in .2s;
}

.doubt-info {
    border-bottom: 1px solid #D2D9E3;
}

.doubt-dec h2 {
    font-weight: 600;
}

.doubt-dec p {
    color: #9fa1a7;
}

.doubt-info>ul>li>a {
    background-color: #EFF4FF;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
}

.doubt-description .dropdown-toggle.show::after {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
}

.doubt-box {
    width: 100%;
    height: 300px;
    overflow-y: auto;
}


.doubt-description .message-info textarea {
    max-height: 60px;
    min-height: 60px;
    padding: 20px 0;
}


.doubt-description .message-info textarea::-webkit-scrollbar-track,
.doubt-description .message-info textarea::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.message-info {
    width: 50%;
}

.doubt-description .send-btn {
    font-size: 16px;
    padding: 10px 0;
    border: none;
    Width: 137px;
    font-weight: 600;
    gap: 10px;

    border-radius: 50px;
    background-color: #2163C8;
    transition: all ease-in-out .3s;
}

.doubt-description .send-btn svg {
    width: 18px;
    height: 18px;
}

.doubt-description .send-btn:hover {
    color: #fff;
    background-color: rgba(33, 99, 200, 0.9);
}

.icon-sec li a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DDEEFF;
    padding: 8px;
    border-radius: 50%;
}

.icon-sec li a svg {
    width: 18px;
    height: 18px;
}

.doubt-description .send-btn:hover {
    color: white !important;
}

.doubt-info-bottom {
    border-top: 1px solid #D2D9E3;
}

/* important quetions  */
.acnav-list p {
    font-weight: 300;
    font-size: 14px;
}

.chat-doubt-container {
    min-width: 100%;
}

/* chat-doubt-clearing */
.chat-doubt-container .card-body #chat-container {
    max-height: 300px !important;
    height: 300px !important;
}

.chat-doubt-main-container {
    min-width: 100% !important;
}

/**************************** Lesson planner module *****************************/

.send-chat {
    min-width: 50px !important;
}

.chat-message-inner.lesson-planner-inner {
    margin-top: 0px !important;
    overflow-y: scroll;
    /* height: 67vh; */
    height: calc(100% - 70px);
}

.chat-message-inner.lesson-planner-inner::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.chat-message-inner.lesson-planner-inner::-webkit-scrollbar-thumb {
    background-color: #aaaaaac3;
}

/* body.dark-theme .close-chat-filter, */
.close-chat-filter {
    display: none;
}

.chat-side-bar {
    display: none;
}

.lesson-tab-content .row .lesson-chat-message-container {
    padding-left: 0px !important;
}

.lesson-chat-card-footer {
    position: relative;
    position: sticky;
    bottom: 0;
    z-index: 999;
}

.card-header-1 {
    box-shadow: 0 2px 3px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    padding: 20px 25px;
}

.lesson-chat-card-footer .input-box {
    position: relative;
}

.lesson-chat-card-footer {
    padding: 1rem 0 !important;
}

.lesson-chat-card-footer .input-box .chat-button {
    position: absolute;
    top: 50%;
    right: 15px;
    padding: 0;
    width: auto;
    min-width: auto !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.chat-side-bar svg path,
.filter-title svg path {
    fill: #885ffd;
}

.card-header .cart-header-top {
    gap: 10px;
    flex-wrap: wrap;
}

.right-chat-container {
    padding: 0px !important;
}

.ai-title {
    font-size: 20px !important;
    padding-bottom: 5px !important;
}

.lesson-chat-card-body {
    position: relative;
}

.lesson-chat-card-body #chat-system #chat-container {
    height: 100%;
    max-height: 100%;
}

.lesson-tab-content .lesson-card-header {
    width: 100%;
    box-shadow: 0 2px 3px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    flex-wrap: wrap;
    gap: 10px;
    /* border-bottom: 0; */
    padding: 19px 25px;
    background-color: #fff;
}

.lesson-tab-content .lesson-card-header-3 {
    padding: 21.5px 30px;
}

.lesson-tab-content .lesson-card-header-1 {
    padding: 17.5px 25px 17.5px;
}

.lesson-tab-inner #chat-container {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto;
    flex: 1;
}

.lesson-tab-inner .lesson-chat-card-body {
    height: 100vh;
    padding-bottom: 277px;
    padding-top: 20px;
}

.lesson-tab-inner #chat-system {
    min-height: 100%;
}

.lesson-quiz-header h2 {
    font-size: 20px;
}

.quiz-popup {
    padding: 2px 0 0;
}

.lesson-quiz-header {
    padding: 17.5px 25px !important;
}

.lesson-quiz-header {
    padding: 19px 25px !important;
    box-shadow: 0 2px 3px -1px rgb(0 0 0 / 10%) !important;
}

.lesson-quiz-header span.sub-title {
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #f3e8ff;
    color: #7821a8;
    font-size: 14px;
}

.lesson-quiz-header h2 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.lesson-tab-content .chat-message-container h3 {
    font-size: 20px;

}

.plan-progress-bar {
    flex-direction: column;
    padding: 12px 25px 2px !important;
}

.plan-progress-bar .progress-bar__wrapper {
    width: 100%;
    /* line-height: 0.5; */
    padding-top: 5px;
}

.new-lesson-plan {
    padding: 20.5px 25px !important;
}

/**************************** AI Video tutor module *****************************/

.ai-video-tutor-sidebar {
    border-radius: 15px;
}

.ai-tutor-header {
    border-bottom: none !important;
    font-size: 20px;
}

.ai-video-tutor-sidebar-item {
    height: 100vh !important;
    overflow: auto !important;
    padding: 10px 10px 270px 10px;
}

.ai-tutor-video-container {
    height: 100vh;
    overflow: auto;
    padding: 0px 20px 287px 15px !important;
}

.ai-video-tutor-tab {
    padding: 10px 0px;
}

.ai-video-tutor-sidebar-item .item-lbl,
.ai-video-tutor-sidebar-item .acnav-label .item-lbl {
    font-size: 14px;
}

.doubt-chat-footer {
    position: sticky;
    bottom: 0px;
    z-index: 999999;
    background-color: white !important;
    padding: 10px 0 !important;
    margin-left: -15px;
    margin-right: -15px;
}

.chat-doubt-main-container {
    margin-bottom: 0px !important;
    min-height: auto !important;
}

.chat-doubt-container .card-body #chat-container {
    max-height: 425px !important;
    height: 425px !important;
}

.chat-doubt-container .chat-title-box .chat-doubt-avatar {
    max-width: 40px;
    width: 100%;
}

.chat-doubt-container .card-body::-webkit-scrollbar {
    width: 2px !important;
    border: 1px solid #EDF8FD !important;
}

.chat-doubt-container .card-body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-transition: 0.3s background;
    transition: 0.3s background;
}

.chat-doubt-container .card-body::-webkit-scrollbar-thumb {
    background: #c2cbdf;
}

.chat-doubt-container .card-body {
    max-height: 300px;
    height: 300px;
    overflow-y: scroll;
}

.chat-doubt-container .card-body #chat-container {
    overflow-y: hidden !important;
    max-height: 100% !important;
    height: 100% !important;
}

.chat-doubt-container .card-body .row {
    margin-right: 0;
    margin-left: 0;
}

.qustion-wrapper-inner .acnav-list {
    background-color: white;
}

/* changes in dark mode for chat module and lesson-side bar */

/* text grey */
body.dark-theme .description-box p,
body.dark-theme .qustion-wrapper-inner .set .acnav-label,
body.dark-theme .form-field,
body.dark-theme .acnav-list p,
body.dark-theme .lesson-tab-div .pages-tabs li .btn,
body.dark-theme .lesson-tab-div .tabs li .btn {
    color: #a1acb8 !important;
}

/* light black background */
body.dark-theme .number-quiz-content,
body.dark-theme .doubt-chat-footer,
body.dark-theme .ai-video-tutor-tab,
body.dark-theme .ai-tutor-video-container,
body.dark-theme .lesson-tab-content .lesson-card-header,
body.dark-theme .lesson-chat-card-body,
body.dark-theme .lesson-planner-inner,
body.dark-theme .quiz-wrapper,
body.dark-theme .quiz-container,
body.dark-theme .chat-sidebar-container,
body.dark-theme .lesson-tab-content .row .chat-sidebar-container {
    background-color: #313338 !important;
}

/* dark background */
body.dark-theme .content-topic-sec .topic-left-col,
body.dark-theme .qustion-type-lable,
body.dark-theme .schedule-info,
body.dark-theme .schedule-list-detail .schedule-iteam,
body.dark-theme .footer.footer,
body.dark-theme .chat-message-container .lesson-plan-card .plan-card-inner,
body.dark-theme .description-box,
body.dark-theme .qustion-wrapper-inner .set .acnav-label,
body.dark-theme .chapters-item-left {
    background: #2B2D31 !important;
}

body.dark-theme .ai-tutor-header {
    color: #FFF !important;
}

body.dark-theme .video-tutor-note {
    color: #212529 !important;
}

body.dark-theme .lesson-tab-content .lesson-card-header-3 {
    padding: 0;
    box-shadow: none;
    background-color: transparent !important;
    display: block;
    position: relative;
    z-index: 2;
}

body.dark-theme .lesson-tab-content .lesson-card-header-3 .chat-title-box {
    box-shadow: 0 2px 3px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    min-height: 3.5rem;
    padding: 21px 25px;
    background-color: #313338 !important;
}

math * {
    font-family: math !important;
    font-size: medium;
    line-height: 1.4;
}

.assessments-description {
    position: relative;
}

.deleteAssessmentButton,
.deletePracticeAssessmentButton {
    position: absolute;
    right: 10px;
    top: 11px;
}



/******************************************** Modal ********************************************** */
#lessonModal.load .spinner-border {
    display: block;
}

#lessonModal .spinner-border {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 2;
}

#lessonModal.load .modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #c9cbd07a;
    z-index: 1;
}

#balance-status svg {
    width: 20px;
    height: 20px;

}

#balance-status svg path {
    fill: #885ffd;
    stroke: #885ffd;

}

#balance-status {
    padding: 7px 10px;
    background: #e2e5ff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.acnav-list .checkbox-custom label {
    margin: 0;
}

.lqd-generator-category-list .acnav-list .checkbox-custom label:before {
    top: -1px;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}

.lqd-generator-category-list .acnav-list .checkbox-custom input:checked+label:after {
    top: 6px;
}

.show-topic-header li.topic-title a {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    justify-content: center;
}

@media screen and (max-width:1440px) {
    .lesson-sidebar-info {
        padding: 30px 10px 20px;
    }
}

.lqd-titlebar {
    border-bottom: 0;
}

.right-chat-container #load_chat_area_container {
    border-top: 0;
}


/* .chat-cont-sec{
    max-height: 55vh;
    overflow-y:auto ;
} */

.chats-wrap.lesson-chats .conversation-area::-webkit-scrollbar,
.chat-cont-sec::-webkit-scrollbar {
    width: 5px !important;
    background-color: #f5f5f5 !important;
}

.chats-wrap.lesson-chats .conversation-area::-webkit-scrollbar-thumb,
.chat-cont-sec::-webkit-scrollbar-thumb {
    background-color: #aaaaaac3 !important;
}

/*.lqd-titlebar-actions{*/
/*    display: none !important;*/
/*}*/



/* ******** */

.lesson-chats .chat-cont-sec {
    height: calc(100% - 170px);
    overflow-y: scroll;
}

.lesson-chats .chat-cont-sec .chats-container {
    height: 100% !important;
    max-height: 100% !important;
}

.lesson-chats .lqd-card-body:not(.h-full) {
    height: 100%;
}


/* ******************************************************* */
/* .lqd-card-body {
    overflow-y: scroll;
}
.lqd-chats-list{
    overflow-y: scroll;
} */
.watch-wrapper .video-wrapper video {
    position: relative;
    max-height: 750px;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
}

.watch-wrapper .video-wrapper iframe {
    position: relative;
    max-height: 750px;
    height: 750px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
}

.watch-wrapper .video-wrapper {
    width: 100%;
    height: 100%;
}

.watch-wrapper {
    height: calc(95vh);
    overflow: scroll;
}

.watch-wrapper::-webkit-scrollbar,
.practice-main-section::-webkit-scrollbar {
    width: 5px;
}

.watch-wrapper::-webkit-scrollbar-thumb,
.practice-main-section::-webkit-scrollbar-thumb {
    background-color: #c2cbdf;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.lqd-generator-v2.lqd-generator-sidebar-collapsed .lqd-generator-sidebar-backdrop {
    opacity: 100 !important;
    padding-left: 30px;
    visibility: visible;
}

.notes-table .lqd-table {
    /* display: table-cell; */
    overflow-x: scroll;
    white-space: nowrap;
}

.notes-table td.sort-name.note-title {
    white-space: normal;
}

@media screen and (max-width:575px) {
    .notes-table td.sort-name {
        padding: 10px;
    }

    .notes-table td.sort-name.note-title {
        min-width: 430px;
    }
}


.video-overlayer .video-wrapper::after {
    content: " ";
    z-index: 0;
    background: #000000b3;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 500px;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
}

.video-buttons {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    gap: 10px;
}

.watch-video-section {
    position: relative;
}

.side-active {
    background: var(--common-light-color);
}

.side-disabled {
    pointer-events: none;
    cursor: default;
}

.take-assessment {
    background-color: rgb(226 229 255);
    padding: 7px 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.tab-spin {
    animation: mymove 1s infinite;
    -webkit-animation: mymove 1s infinite;
}

@keyframes mymove {
    100% {
        transform: rotate(360deg);
    }
}

.true-icon {
    color: #22c55e;
}

.false-icon {
    color: #ef4444;
}

.checkbox-custom input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 17px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

.lqd-generator-category-list .checkbox-custom input:checked+label:after {
    left: 6px;
    right: auto;
    top: 7px;
}

.lqd-generator-category-list .checkbox-custom input[type="radio"] {
    display: none;
}

.lqd-generator-category-list .checkbox-custom label:before {
    content: '';
    left: 0;
    top: 8px;
    right: auto;
    margin: 0 15px 0 0;
    border-radius: 10px;
    border: none;
    background: #f3f4f6;
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
}

.lqd-generator-category-list .form-field {
    padding: 0 0 0 30px;
    position: relative;
}
.lqd-generator-category-list .size-full .checkbox-custom:last-of-type .form-field{
    margin-bottom: 0;
} 
.lqd-generator-category-list .wrong-answer .checkbox-custom input:checked+label:before {
    background-color: #dc3545;
    border: none;
}

.lqd-generator-category-list .right-answer .checkbox-custom input:checked+label:before {
    background-color: #22c55e;
    border: none;
}

.right-answer .checkbox-custom input:checked+label:before {
    background-color: #22c55e;
    border: none;
}

.wrong-answer .checkbox-custom input:checked+label:before {
    background-color: #22c55e;
    border: none;
}

.lqd-generator-category-list .checkbox-custom.wrong-option input+label:after {
    content: 'x';
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 12px;
    color: #fff;

}

.checkbox-custom.wrong-option input+label:before {
    background-color: #dc3545;
    border: none;
}

.assessment-question svg {
    width: 22px;
    height: 22px;
}

.assessment-question span {
    flex: 1;
}

@media screen and (max-width:575px) {
    .assessment-que-list .flex.que-sec {
        padding: 10px !important;
    }

    .assessment-head-section h2 {
        font-size: 20px;
    }
}

@media screen and (max-width:425px) {

    .assessment-que-list h4 {
        font-size: 12px !important;
        margin: 0;
        max-width: 90px;
        width: 100%;
    }

    .assessment-que-list strong {
        font-size: 12px !important;
    }

    .lqd-card-body .card-body-wrp {
        padding: 10px !important;
    }

    .assessment-que-list .lqd-generator-category .leading-tight {
        padding: 10px 5px;
    }

    .lqd-btn.delete-assessment,
    .que-sec .deletePracticeAssessment {
        width: 22px;
        height: 22px;
    }

    .card-body-wrp .imp-que-wrp {
        padding: 0;
    }

    .continue-practice-assessment {
        padding: 3px 10px;
    }
}


/* ******* */
.quiz-popup-head .section-title .sub-title {
    background-color: rgb(226 229 255);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.quiz-popup-head .section-title h2 {
    text-transform: capitalize;
}

.progress-bar__wrapper progress {
    width: 100%;
    height: 10px;
    flex: 1;
    border-radius: 50px;
    /* background-color: #e1f0ff; */
    transition: width 300ms ease;
    -webkit-transition: width 300ms ease;
    -moz-transition: width 300ms ease;
    -ms-transition: width 300ms ease;
    -o-transition: width 300ms ease;
}

.progress-bar__wrapper progress[value]::-webkit-progress-value {
    background: var(--primary-linear-gradient);
}
.progress-bar__wrapper progress[value]::-moz-progress-bar {
    background: var(--primary-linear-gradient);
}
.progress-bar__wrapper {
    align-items: center;
    gap: 10px;
}

.quiz-text p {
    text-transform: capitalize;
    margin-bottom: 20px;
}

.bs-stepper-pane .checkbox-custom {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.bs-stepper-pane .checkbox-custom label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    padding: 12px 35px 12px 15px;
    width: 100%;
    border: 1px solid hsl(var(--border));
    font-size: 14px;
    background-color: transparent;
    outline: none;
    line-height: 1.2;
    margin-bottom: 15px;
    border-radius: 6    px;
    -moz-border-radius: 6    px;
    -ms-border-radius: 6    px;
    -o-border-radius: 6    px;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    -webkit-border-radius: 6    px;
}

.bs-stepper-pane .checkbox-custom label::before {
    content: '';
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #e5e7eb;
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    right: 10px;
    top: 50%;
    border-radius: 6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-left: 15px;
}

.bs-stepper-pane .checkbox-custom label span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #d5d8db;
    width: 22px;
    height: 22px;
    padding: 3px 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-right: 5px;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
}

.bs-stepper-pane input:checked+label span {
    background: var(--common-second-color);
    color: var(--common-white-color);
}

.bs-stepper-pane .checkbox-custom input:checked+label:before {

    border-color: transparent;
}

.bs-stepper-pane .checkbox-custom input:checked+label:after {
    border-color: var(--common-white-color);
}

.bs-stepper-pane input:checked+label {
    background: var(--common-light-color);
    color:var(--common-black-color);
    border: 1px solid white;
    outline: 1px solid var(--common-second-color);
    outline-offset: 2px;
}

.bs-stepper-pane .checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    opacity: 0;
    cursor: pointer;
    outline: none;
}

.bs-stepper-pane .checkbox-custom input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

progress[value]::-webkit-progress-bar {
    position: relative;
    border-radius: 5px;
    background-color: #e5e5e5;
}

progress[value]::-webkit-progress-value {
    position: relative;
    border-radius: 5px;
    background-color: #885ffd;
}

progress[value]::-moz-progress-bar {
    position: relative;
    border-radius: 5px;
    background-color: #885ffd;
}

/* .needs-validation .academic-submit-btn {
    background-color: #885ffd;
    color: #ffffff;
    border: 1px solid #885ffd;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
} */

/* .needs-validation .academic-submit-btn:hover,
.needs-validation .academic-submit-btn:focus {
    background-color: transparent;
    color: #885ffd;
} */

.needs-validation .academic-submit-btn.btn-prev-form {
    background: var(--common-light-color);
    color: var(--common-black-color);
}


@media screen and (max-width:767px) {
    .quiz-text h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .goal-table-title,
    .goal-inner-content h3 {
        font-size: 16px;
    }

    .form-select.goal-options {
        padding: 8px 10px;
    }

    .goal-btn {
        margin-top: 12px;
    }

    .practice-buttons h2 {
        font-size: 18px;
    }
}

@media screen and (max-width:426px) {
    .practice-section .lqd-card-body {
        padding: 12px;
    }

    .practice-section .lqd-card-body h4 {
        font-size: 16px;
    }

    .practice-section {
        gap: 10px;
    }

    .goal-tbl td,
    .goal-tbl th {
        padding: 10px;
    }
}

.take-practice-assessment,
.share-practice-assessment,
.goal-btn button,
.continue-practice-assessment {
    background-color: #885ffd;
}

.lqd-titlebar-actions .delete-assessment,
.lqd-titlebar-actions .deletePracticeAssessment {
    background-color: #f43f5e;
}

.take-practice-assessment:hover,
.share-practice-assessment:hover {
    background-color: #885ffd;
}

.deletePracticeAssessment:hover {
    background-color: #f43f5e;
}

.form-select option:hover {
    background-color: #885ffd;
}

/* ***** */
.questions {
    text-align: left;
}

.form-field.opts span {
    display: block;
}

.form-field.opts {
    display: flex;
}

.practice-main-section {
    height: calc(100vh - 50px);
    overflow-y: auto;
}

.imp-que-wrp {
    height: calc(100vh - 90px);
    overflow-y: auto;
}

.doubt-clearing {
    height: calc(100vh - 20px);
    overflow: scroll;
}

.doubt-clearing .chats-wrap .lqd-card {
    height: calc(100vh - 70px);
}

/* ************LESSON PLANNER******************* */

.md\:\[grid-template-columns\:18\%_82\%\] {
    grid-template-columns: 18% 82%
}

.daterangepicker td,
.daterangepicker th {
    padding: 0;
}

.date_range_picker {
    font-size: .8125rem;
    font-weight: 500;
    padding: 0;
    background-color: var(--tblr-bg-forms);
    border: var(--tblr-border-width) solid;
    border-color: hsl(var(--card-border));
    border-radius: var(--tblr-border-radius);
    cursor: pointer;
    display: inline-flex;
}

.filter-dropdown {
    --tblr-border-color: hsl(var(--border));
    font-size: .8125rem;
    font-weight: 500;
    padding: 0.5em 1em;
    background-color: var(--tblr-bg-forms);
    border: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 5px;
    padding-right: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.lqd-card tbody .rounded-full {
    background-color: hsl(0deg 0% 0% / 5%);
}



/****** new design changes css start ******/


:root {
    --common-btn-bg-hover-color: linear-gradient(270deg, #4EA9FD 6.47%, #7E13F9 39.43%, #F412E2 101.17%);
    --common-card-bg-color: #fff;
    --common-white-color: #fff;
    --common-black-color: #222;
    --scrollbar-width: 5px;
    --scrollbar-thumb: #999;
    --scrollbar-track: #f1f1f1;
    --common-grey-color:#F8F8F8;
    --common-light-color:linear-gradient(91.77deg, rgba(78, 169, 253, 0.07) 6.47%, rgba(126, 19, 249, 0.07) 39.43%, rgba(244, 18, 226, 0.07) 101.17%);
    --common-blue-color:#7123FA;
    --common-second-color:#4292f8;
    --common-second-light-color:#deebf8;
    --common-table-head-bg:linear-gradient(92.57deg, #DFEDFA -2.57%, #E8D6F9 53.36%, #F2D6F7 128.62%);
    /* --common-second-color:#46d5e6; */
}

.lqd-card.documents-table-card .transition-colors::-webkit-scrollbar,
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar{
    width: var(--scrollbar-width);
    height: 4px;
}

.lqd-card.documents-table-card .transition-colors::-webkit-scrollbar-thumb,
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb{
    background: var(--scrollbar-thumb);
}

.lqd-card.documents-table-card .transition-colors::-webkit-scrollbar-track,
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track{
    background: var(--scrollbar-track);
}

:root .theme-light {
    /* --common-body-bg-color: #f0f4f3; */
    --common-body-bg-color:#f9f9f9;
}

:focus-visible {
    outline-color: hsl(234deg 83.33% 71.76% / 57%);
}

.btn-secondery{
    background:var(--common-second-color) !important;
    color: var(--common-white-color) !important;
}
.btn-secondery:hover,
.btn-secondery:focus{
    background:var(--common-blue-color) !important;
}
.btn-transparent{
    background:var(--common-second-light-color) !important;
    color: var(--common-second-color) !important;
}
.btn-transparent:hover,
.btn-transparent:focus{
    background:var(--common-second-color) !important;
    color: var(--common-white-color) !important;
}
.common-close-btn{
    background: #f43f5e !important;
}
/* == 20-3-2025 === */
.rounded-full ,.rounded-xl:not(.lqd-card , .lqd-navbar-ul>li>a),.rounded-lg{
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}
.lqd-modal-close{
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}
.main-navber-inner {
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main-navber-inner .lqd-navbar-nav {
    max-height: calc(100% - 80px);
    overflow: auto;
}
.main-navber-inner .lqd-navbar-nav::-webkit-scrollbar{
    width: 0;
}
/* .border-clay,
*,*:before,*:after,
.border-card-border,
.border-header-border,
.border-navbar-border,
.border-navbar-divider{
    border-color:var(--common-border-color);
} */
.main-top-header .lqd-input ,
.lqd-modal-body .lqd-input,
.documents-tab-wrp .lqd-input{
    background-color: var(--common-grey-color);
    border: 1px solid hsl(var(--border));
}
.main-top-header  .lqd-header-search-icon svg path{
    fill: #555555;
}


.main-top-header kbd {
    background: var(--common-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 3px !important;
    color: var(--common-second-color);
}

.main-navber-inner .lqd-nav-link-letter-icon {
    width: 20px;
    height: 20px;
    font-size: 100%;
    color: rgb(92 97 108);
}

.lqd-navbar-ul>li>a {
    padding: 15px 20px;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.lqd-navbar-ul>li .lqd-navbar-label {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    color: #464646;
}

body.navbar-shrinked .lqd-navbar-ul>li .lqd-navbar-label {
    display: none;
}

.lqd-btn svg {
    width:20px;
    height: 20px;
}
/* .lqd-btn svg path{
    fill:#ffffff;
} */

.lqd-btn.bg-primary,
.lqd-btn.bg-background{
    background-size: 120% 100%;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
} 
.lqd-btn.bg-primary:hover,
.lqd-btn.bg-primary:focus,
.lqd-btn.bg-background:hover,
.lqd-btn.bg-background:focus{
    background: var(--common-btn-bg-hover-color) ;
    background-position: 100% 0 ;
    -tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-translate-y: -.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -moz-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -o-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-mode-btn .lqd-light-dark-switch {
    width: 40px;
    height: 40px;
    padding: 0;
    background: linear-gradient(92.57deg, #DFEDFA -2.57%, #E8D6F9 53.36%, #F2D6F7 128.62%);
}
.theme-mode-btn .lqd-light-dark-switch svg{
    width: 22px;
    height: 22px;
}
.theme-mode-btn .lqd-light-dark-switch svg path {
    stroke: #222;
    fill: transparent;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
}

.lqd-card {
    background-color: var(--common-white-color);
    box-shadow: 3px 2px 54px 0px #0000000D;
    border: none;
    border-radius:12px ;
    -webkit-border-radius:12px ;
    -moz-border-radius:12px ;
    -ms-border-radius:12px ;
    -o-border-radius:12px ;
}

.lqd-card h4 {
    position: relative;
    font-size: 18px;
    font-weight: 600;
}

.lqd-card h4::after {
    content: "";
    position: absolute;
    left: -25px;
    top: -5px;
    height: 30px;
    width: 14px;
    background: linear-gradient(91.77deg, rgba(78, 169, 253, 0.3) 6.47%, rgba(126, 19, 249, 0.3) 39.43%, rgba(244, 18, 226, 0.3) 101.17%);
    border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    -ms-border-radius: 0 50px 50px 0;
    -o-border-radius: 0 50px 50px 0;
}

.daterangepicker .ranges li.active {
    background-color: hsl(var(--primary));
}

.daterangepicker .ranges {
    overflow: hidden;
}
.lqd-card .lqd-table-plain tbody tr:nth-child(even){
   background-color: var(--common-grey-color);
}
.lqd-card .lqd-table-plain tbody tr{
    border: none;
}
.lqd-card .lqd-table-head {
    background: var(--common-table-head-bg);
}
.lqd-card .lqd-table-head th {
    font-size: 13px;
    color: var(--common-black-color);
}
.lqd-table-head{
    border-bottom: 0;
}
.lqd-page-footer .basis-full p {
    text-align: left;
    margin: 0;
}

.chart-card-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 15px;
}
.documents-table-card .lqd-icon,
.documents-table-card .lqd-docs-item-type{
    /* background-color: #e4fdff !important; */
    background-color: #daedff !important;
    margin: 0 !important;
    color: var(--common-second-color);
}
.documents-table-card .lqd-icon svg path{
    fill: var(--common-second-color);
}
.documents-table-card .lqd-docs-item-title{
    margin: 0;
}
.documents-table-card .border-table-border{
    border: none;
}
.documents-table-card .lqd-docs-item-actions > .lqd-btn {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    box-shadow: none;
}
.documents-table-card .lqd-docs-item:last-of-type{
    border-bottom: none;
}
.documents-table-card .lqd-docs-head span{
font-size: 13px;
color: var(--common-black-color);
letter-spacing: 0;
font-weight: 600;
}
.documents-table-card .lqd-docs-item-actions .lqd-btn:hover,
.documents-table-card .lqd-docs-item-actions .lqd-btn:focus{
    box-shadow: none;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.documents-table-card .lqd-btn.lqd-fav-btn,
.lqd-modal-body .lqd-fav-btn{
    background: #ffc800 !important;
}
.documents-table-card .lqd-btn.lqd-fav-btn svg path,
.documents-table-card .lqd-docs-item-actions > .lqd-btn.lqd-btn-hover-danger svg path,
.lqd-modal-body .lqd-fav-btn svg path{
    stroke: var(--common-white-color);
    fill: transparent;
}
.documents-table-card .lqd-btn.lqd-fav-btn svg.group-\[\&\[data-is-active\=true\]\]\:block path,
.lqd-modal-body .lqd-fav-btn svg.group-\[\&\[data-is-active\=true\]\]\:block path{
    fill: var(--common-white-color);
}
.lqd-modal-body .text-primary{
    color: var(--common-second-color);
}
.documents-table-card .lqd-docs-item-actions > .lqd-btn.lqd-btn-hover-danger{
    background: rgb(244 63 94 / var(--tw-bg-opacity, 1)) !important;
}
.documents-table-card .lqd-dropdown .lqd-btn.lqd-dropdown-trigger {
    background: #f2f2f2;
}
.lqd-card tbody td {
    min-width: 120px;
    color: var(--common-black-color);
}
.documents-table-card .lqd-docs-item:hover  {
    background-color: transparent;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.documents-table-card .lqd-docs-folder .lqd-card-body > svg{
    fill: #ffc81b;
}
.documents-table-card .creat-card-wrap .lqd-card .text-2xs p.font-medium{
    font-size: 14px;
    font-weight: 600;
}
/* 21-3-2025 */
/* documents page css start */
.lqd-card.documents-table-card {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.lqd-card.documents-table-card .lqd-docs-container {
    background-color: var(--common-white-color);
    box-shadow: 0px 6px 30px 0px #B6BACB21;
    border: none;
    border-radius:5px ;
    -webkit-border-radius:5px ;
    -moz-border-radius:5px ;
    -ms-border-radius:5px ;
    -o-border-radius:5px ;
    overflow: hidden;
}
.lqd-card.documents-table-card .lqd-docs-container[data-view-mode="grid"] {
    box-shadow: none;
}
.lqd-card.documents-table-card .transition-colors{
    overflow: auto;
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.lqd-card.documents-table-card .transition-colors .lqd-docs-head{
    background: linear-gradient(92.57deg, #DFEDFA -2.57%, #E8D6F9 53.36%, #F2D6F7 128.62%);
}
.documents-table-card .lqd-docs-item-type{
    padding: 7px 7px;
    white-space: normal;
    text-align: center;
}

.common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn {
    padding: 5px 12px;
    display: inline-flex;
    border: none;
    /* border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px; */
    font-size: 13px;
    min-width: 40px;
}

.common-title-wrp .lqd-docs-view-toggle .lqd-view-toggle-trigger.active{
    background:  var(--common-second-color);;
    color: var(--common-white-color);
}
.common-title-wrp .lqd-docs-view-toggle .lqd-view-toggle-trigger{
    background: var(--common-white-color);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    width: 35px;
    height: 35px;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.lqd-modal-body .lqd-input{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 13px;
}
.lqd-modal-content{
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.modal-btn-wrp .lqd-btn:hover,
.modal-btn-wrp .lqd-btn:focus,
.ai-teacher-list .lqd-card-body .lqd-fav-btn:hover,
.ai-teacher-list .lqd-card-body .lqd-fav-btn:focus{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.lqd-modal-head h4{
    font-size: 16px;
}
.creat-card-wrap .lqd-card:hover{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.creat-card-wrap .lqd-dropdown-dropdown-content,
.lqd-card.documents-table-card .lqd-dropdown-dropdown-content,
.doc-share-dropdown .lqd-dropdown-dropdown-content{
    padding:0;
    border-radius: 5px;
    min-width: 140px;
}
.creat-card-wrap .lqd-dropdown-dropdown-content .lqd-btn svg,
.lqd-card.documents-table-card .lqd-dropdown-dropdown-content .lqd-btn svg
,#workbook_textarea .lqd-dropdown .lqd-dropdown-dropdown svg,
.doc-share-dropdown .lqd-dropdown-dropdown-content .lqd-btn svg{
    width:30px;
    height: 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 7px;
    background-color: #dfe5f3;
}
.creat-card-wrap .lqd-dropdown-dropdown-content .lqd-btn svg path, 
.lqd-card.documents-table-card .lqd-dropdown-dropdown-content .lqd-btn svg path,
#workbook_textarea .lqd-dropdown .lqd-dropdown-dropdown svg path,
.doc-share-dropdown .lqd-dropdown-dropdown-content .lqd-btn svg path{
    fill: transparent;
}
.creat-card-wrap .lqd-dropdown-dropdown-content .lqd-btn:hover,
.lqd-card.documents-table-card .lqd-dropdown-dropdown-content .lqd-btn:hover,
#workbook_textarea .lqd-dropdown .lqd-dropdown-dropdown .workbook_download:hover,
.doc-share-dropdown .lqd-dropdown-dropdown-content .lqd-btn:hover{
    background-color: #efefef !important;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.creat-card-wrap .lqd-dropdown-dropdown-content .lqd-modal:not(:last-of-type) .lqd-btn,
.lqd-card.documents-table-card .lqd-dropdown-dropdown-content .lqd-btn,
#workbook_textarea .lqd-dropdown .lqd-dropdown-dropdown .workbook_download:not(:last-of-type),
.doc-share-dropdown .lqd-dropdown-dropdown-content .lqd-btn:not(:last-of-type) {
    border-bottom: 1px solid hsl(var(--border));
    background: var(--common-white-color);
    color: hsl(var(--foreground));
}
#workbook_textarea .lqd-dropdown .lqd-dropdown-dropdown .workbook_download{
    gap: 8px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .xl\:group-\[\&\[data-view-mode\=grid\]\]\:grid-cols-5{
    padding: 20px;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background {
    padding: 15px;
    border: 1px solid hsl(var(--border));
    background-color: var(--common-body-bg-color);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    z-index: 1;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/card-bg-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 150px;
    border-radius: 0 6px 0 0 ;
    -webkit-border-radius: 0 6px 0 0 ;
    -moz-border-radius: 0 6px 0 0 ;
    -ms-border-radius: 0 6px 0 0 ;
    -o-border-radius: 0 6px 0 0 ;
    background-position: bottom;
    z-index: -1;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background .lqd-docs-item-actions >.lqd-btn,
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background .lqd-docs-item-actions .lqd-dropdown {
    width: 30px;
    height: 30px;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background .lqd-docs-item-actions >.lqd-btn.lqd-fav-btn{
    top: 15px;
    right: 15px;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background .lqd-docs-item-actions .lqd-dropdown > .lqd-btn{
    width: 100%;
    height: 100%;
    background: #e3e3e3;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:text-2xs{
    border: none;
}
/* .lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background:nth-child(6n + 1){
    background-color: #eff2e9;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background:nth-child(6n + 2){
    background-color: #ecf5f4;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background:nth-child(6n + 3){
    background-color: #ededf5;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background:nth-child(6n + 4){
    background-color: #f6f3ec;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background:nth-child(6n + 5){
    background-color: #f4ebec;
}
.lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background:nth-child(6n + 6){
    background-color: #f4efeb;
} */

.lqd-card.documents-table-card [data-view-mode=grid] .lqd-docs-item:hover{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.hover\:text-navbar-foreground-hover:hover{
    color: hsl(var(--primary)) !important;
    text-decoration-line: unset;
    -moz-text-decoration-line: unset;
}
/* documents page css end */

/* ai-teacher page css start */

.ai-head-wrp{
    flex-direction:row-reverse ;
    flex-wrap: wrap;
}
.ai-teacher-list{
    gap: 20px;
    /* background: var(--common-white-color);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 3px 2px 54px 0px #0000000D; */
}
.ai-teacher-list .lqd-card{
    background-color: transparent;
    border: 1px solid hsl(var(--border));
    box-shadow: none;
    padding: 0;
}
.ai-teacher-list .lqd-card .lqd-card-body{
    padding:15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.ai-teacher-list .lqd-card .lqd-card-body:hover .lqd-chat-item-avatar img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.ai-teacher-list .lqd-card-body .lqd-fav-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    width: 20px;
    height: 20px;
}
.ai-teacher-list .lqd-card-body .lqd-chat-item-avatar{
    border: none;
    width: 100%;
    box-shadow: none;
    position: relative;
    max-width: 132px;
    height: 132px;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}
.ai-teacher-list .lqd-card-body .lqd-chat-item-avatar img{
    width: 100%;
    height: 100%;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
}
.ai-teacher-list .lqd-card-body h3.lqd-chat-item-title {
    font-size: 15px;
    /* background: #f0eeee;
    padding: 10px;
    border-radius: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px; */
}
.ai-teacher-list .lqd-chat-item-details{
    height: 100%;
    justify-content: unset;
}
.ai-teacher-list .lqd-chat-item-info{
    /* height: 100%; */
    display: flex;
    flex-direction: column;
}
.video-summary-wrp h4::after{
    display: none;
}

.video-summary-wrp .video-summary-main ul{
    margin: 10px 0;
}
.video-summary-wrp .video-summary-main h4{
    margin-bottom: 0;
}
.ai-teacher-list .lqd-card-body .lqd-fav-btn{
    background: transparent !important;
    box-shadow: none;
    /* border: 1px solid hsl(var(--border)); */
}
.ai-teacher-list .lqd-card-body .lqd-fav-btn svg,
.ai-teacher-list .lqd-card-body .lqd-fav-btn span {
    width: 100%;
    height: 100%;
}
.ai-teacher-list .lqd-card-body .lqd-fav-btn svg path{
    stroke: var(--common-black-color);
    fill: transparent;
}
.ai-teacher-list .lqd-card-body .lqd-fav-btn svg.group-\[\&\[data-is-active\=true\]\]\:block path{
    fill: #ffc800;
}
/* ai-teacher page css end */
/* empty section css start */
.lqd-empty-doc ,.lqd-empty-doc .empty-doc-inner{
    box-shadow: 3px 2px 54px 0px #0000000D;
    border: 1px solid hsl(var(--border));
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 30px;
}
.lqd-empty-doc .empty-doc-inner{
    border: 2px dashed hsl(var(--border));
    background-color: var(--common-white-color);
    padding: 20px;
}
.lqd-empty-doc .empty-doc-inner .empty-img{
    width: 400px;
    height: 400px;
}
.lqd-empty-doc .empty-doc-content{
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
}
.document-empty-content h2{
    font-size: 28px;
}
.lqd-empty-doc .document-empty-content .lqd-btn {
    display: inline-flex;
}
/* empty section css end */
/* 24-3-2025 */
/* 8-4-2025 */
.documents-table-card .lqd-card.lqd-docs-folder,
.practice-main-section .practice-section .lqd-statistic-card {
    z-index: unset;
    box-shadow: none;
    border: 1px solid hsl(var(--border));
    position: relative;
}

.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder::after ,
.practice-main-section .practice-section .lqd-statistic-card::after,
.content-topic-sec .topic-left-col::after,
.ai-write-wrp .lqd-generator-item::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 50%;
    width: 45px;
    height: 45px;
    border-top: 3px solid var(--common-white-color);
    border-left: 3px solid var(--common-white-color);
    border-radius: 50px 0 6px;
    -webkit-border-radius: 50px 0 6px;
    -moz-border-radius: 50px 0 6px;
    -ms-border-radius: 50px 0 6px;
    -o-border-radius: 50px 0 6px;
}

.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder .lqd-btn.lqd-dropdown-trigger{
    background-color: var(--common-white-color);
    border: 1px solid hsl(var(--border));
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 1),
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 1),
.content-topic-sec .col-md-6:nth-child(4n + 1) .topic-left-col,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 1),
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 1){
    background: #eed6f636;
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 2),
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 2),
.content-topic-sec .col-md-6:nth-child(4n + 2) .topic-left-col,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 2),
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 2){
    background: #deecf94a;
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 3),
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 3),
.content-topic-sec .col-md-6:nth-child(4n + 3) .topic-left-col,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 3),
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 3){
    background: #ffcd000f;
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 4),
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 4),
.content-topic-sec .col-md-6:nth-child(4n + 4) .topic-left-col,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 4),
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 4){
    background: #fe406108;
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 1)::after,
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 1)::after,
.content-topic-sec .col-md-6:nth-child(4n + 1) .topic-left-col::after,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 1)::after{
    background: #f5d7ff;
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 2)::after,
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 2)::after,
.content-topic-sec .col-md-6:nth-child(4n + 2) .topic-left-col::after,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 2)::after{
    background: #d2e9ff;
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 3)::after,
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 3)::after,
.content-topic-sec .col-md-6:nth-child(4n + 3) .topic-left-col::after,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 3)::after{
    background: #ffebaf;
}
.documents-table-card .creat-card-wrap .lqd-card.lqd-docs-folder:nth-child(4n + 4)::after,
.practice-main-section .practice-section .lqd-statistic-card:nth-child(4n + 4)::after,
.content-topic-sec .col-md-6:nth-child(4n + 4) .topic-left-col::after,
.ai-write-wrp .lqd-generator-item:nth-child(4n + 4)::after{
    background: #ffcdd5;
}
.main-top-header .lqd-input.focus\:ring:focus,
.documents-tab-wrp .lqd-input.focus\:ring:focus{
    box-shadow: none;
    outline-width: 1px;
    outline-color: var(--common-second-color);
    border: none;
}
.focus\:ring-secondary:focus{
    --tw-ring-color: var(--common-second-color);
}
.focus\:ring:focus{
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.checked\:bg-heading-foreground:checked{
    background-color: var(--common-second-color);
}
.checked\:border-heading-foreground:checked{
    border-color: transparent;
}
.lqd-input-switcher{
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}


/*** responsive css start ****/

@media (min-width: 1320px) {
    /* .container {
        max-width: calc(100% - 150px);
    } */
}

@media (min-width: 992px) {
    .main-navber-inner .lqd-navbar-logo {
        background-color: var(--common-body-bg-color);
        backdrop-filter: unset;
    }
}
@media (max-width: 1800px) {
    .lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:gap-5{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background{
        max-width: calc(100% / 3 - 14px);
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }

    .theme-mode-btn .lqd-header-upgrade-btn {

        padding: 0;
        background: #dfe5f4;
        border: none;
    }
    .theme-mode-btn .lqd-header-upgrade-btn svg path{
        fill: transparent;
    }

    .theme-mode-btn .lqd-header-upgrade-btn,
    .theme-mode-btn .lqd-light-dark-switch {
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width:767px) {
    .lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background {
        max-width: calc(100% / 2 - 10px);
        width: 100%;
        min-height: unset;
    }
    /* 18-4-2025 css start */
    .lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:h-28{
        height: 100%;
    }
    .lqd-card.documents-table-card [data-view-mode=grid] .lqd-docs-item .lqd-docs-item-content-inner{
        -webkit-mask-image: unset ;
    mask-image: unset;
    }
    .lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background::after{
        display: none;
    }
    /* 18-4-2025 css end */

    .ai-head-wrp{
        flex-direction: column;
    }
    .lqd-card.documents-table-card .group[data-view-mode=grid] .xl\:group-\[\&\[data-view-mode\=grid\]\]\:grid-cols-5 {
        padding: 15px;
    }
}
@media screen and (max-width:575px) {
    .header-logo {
        max-width: 130px;
        width: 100%;
    }
    .lqd-card.documents-table-card .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background {
        max-width:100%;
        width: 100%;
    }
 
}

/*** responsive css end ****/

/****** new design changes css end ******/



/* Dahboard CSS Start 31-03-2025*/
.common-banner-sec h3{
    font-size: 30px;
    line-height: 1.3;
}
.common-banner-content{
    position: relative;
    max-width: 490px;
    width:100%;
}
.common-banner-content::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
   background: linear-gradient(198deg, #4EA9FD -40.25%, #7E13F9 8.97%, #F412E2 101.17%);
}
.common-banner-sec::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.2;
    z-index: -1;
}
.common-banner-sec{
    position: relative;
    padding: 25px 30px 25px 20px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background:  var(--primary-linear-gradient);
    z-index: 1;
}
.common-banner-sec p{
    margin-bottom: 0;
}
.common-banner-sec p:not(:last-of-type){
    margin-bottom: 10px;
}
.common-banner-bg,
.ai-learning-sec .btn-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.common-banner-left {
    position: absolute;
    right: 4%;
    top: 50%;
    width: 160px;
    height: 130px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.common-banner-left img,
.common-banner-bg img,
.ai-learning-sec .btn-bg img{
    width: 100%;
    height: 100%;
}
.ai-learning-sec .btn-bg img{
    object-fit: cover;
}
.common-banner-bg img{
    object-position: right;
    object-fit: cover;
}
.overall-chart {
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}
.overall-chart .lqd-card-body {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}

.performance-chart-inner{
    padding-top: 35%;
}

.overall-chart h3{
    bottom: 15px;
    top: auto;
}
.chart-bg-image {
    position: absolute;
    bottom: -11px;
    left:48%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.dashboard-card-wrp .date_range_picker{
    border:1px solid hsl(var(--border));
    padding: 10px;
}
#overallPerformanceChart .apexcharts-legend-text {
    color: var(--common-black-color) !important;
}
#overallPerformanceChart  .apexcharts-legend {
    justify-content: space-around;
    max-width: calc(100% - 100px);
    width: 100%;
    margin: 10px auto 0;
    top: 267px !important;
}
.ai-learning-sec .lqd-card-head{
    align-items: center;
}
.search-col {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #D9D9D9;
    background: var(--common-grey-color);
    padding: 7px 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
}
.search-col input{
    flex: 1;
    background-color: transparent;
    max-width: 90%;
}
.search-col input:focus-visible{
    outline: none;
}
.search-col input::placeholder{
    color: #555555;
}
.search-col svg{
    width: 16px;
    height: 16px;
    flex-shrink: 0;
} 
.learning-info .learning-info-card:not(:first-of-type){
    margin-top: 12px;
}
.learning-info-card {
    position: relative;
    padding: 18px 25px 18px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #E9E9E9;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.learning-info > li:not(:last-of-type){
    margin-bottom: 15px;

} 
.learning-info-card::before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 4px;
    height: calc(100% - 32px);
    background: linear-gradient(91.77deg, #4EA9FD 6.47%, #7E13F9 39.43%, #F412E2 101.17%);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.learning-info-card .learning-image{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(91.77deg, rgba(78, 169, 253, 0.1) 6.47%, rgba(126, 19, 249, 0.1) 39.43%, rgba(244, 18, 226, 0.1) 101.17%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.learning-info-card .learning-detail{
    flex: 1;
}
.learning-info-card .learning-image svg {
    width: 30px;
    height: 30px;
}
.learning-info-card h3{
    font-size:16px;
}
.chapter-detail li,
.chapter-detail,
.learning-info-card .close-btn,
.learning-btn-image{
    display: flex;
    align-items: center;
}
.chapter-detail{
    flex-wrap: wrap;
}
.ai-learning-card{
    background: linear-gradient(91.77deg, #4EA9FD 6.47%, #7E13F9 39.43%, #F412E2 101.17%);
}
.ai-learning-card .learning-btn-image{
    margin: 0 auto 20px;
}
.ai-learning-card .learning-btn-content p{
    max-width: 490px;
    width: 100%;
    margin: 0 auto;
}
.learning-btn-bottom-wrp {
    width: 155px;
    height: 145px;
    margin: 0 auto;
    z-index: 1;
}
.ai-learning-card .learning-btn-image {
    width: 80px;
    height: 80px;
}
.ai-learning-card .learning-btn-image svg{
    width: 55px;
    height: 55px;
}
.learning-btn-bottom-wrp::before,
.learning-btn-bottom-wrp::after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50% , -50%);
    -webkit-transform: translate(-50% , -50%);
    -moz-transform: translate(-50% , -50%);
    -ms-transform: translate(-50% , -50%);
    -o-transform: translate(-50% , -50%);
    z-index: -1;
}
.learning-btn-bottom-wrp::before{
    width: 130%;
    height: 130%;
    background: #FFFFFF4D;
}
.learning-btn-bottom-wrp::after{
    width: 170%;
    height: 170%;
    background: #FFFFFF33;
}
.learning-btn-bottom {
    height: 100%;
    display: flex;
    align-items: center;
}
.ai-learning-card .learning-card-btn{
    flex-direction: column;
}

.chapter-detail li p{
    margin-bottom: 0;
}
.chapter-detail li:not(:last-of-type){
    padding-right: 12px;
    position: relative;
    margin-right: 12px;
}
.chapter-detail li span{
    color: var(--common-black-color);
    margin-right: 5px;
}
.chapter-detail li:not(:last-of-type)::before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background:var(--primary-linear-gradient) ;
}
.learning-info-card .close-btn{
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    justify-content: center;
    background-color: var(--common-grey-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
}
.learning-info-card .close-btn:hover,
.learning-info-card .close-btn:focus{
    background-color: #CD282D;
}
.learning-info-card .close-btn svg{
    width: 10px;
    height: 10px;
}
.learning-info-card .close-btn svg path{
    fill: #CD282D;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
}
.learning-info-card .close-btn:hover svg path,
.learning-info-card .close-btn:focus svg path{
    fill: var(--common-white-color);
}
.learning-btn-image{
    width: 60px;
    height: 60px;
    background: var(--common-white-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.learning-btn-image svg {
    width: 44px;
    height: 44px;
}
.learning-btn-content {
    flex: 1;
}
.ai-learning-sec .ai-learning-top{
    margin-bottom: 5px;
}
.ai-learning-sec .lqd-card-footer{
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    overflow: hidden;
}
.card-left-col .card-left-wrp{
    height: 100%;
}
.card-left-col ,
.card-right-col,
.chart-card-wrp .lqd-card {
    max-width: calc(50% - 15px);
    width: 100%;
}
.card-left-wrp .lqd-card{
    max-width: 100%;
}
.ai-learning-sec{
    z-index: 1;
}
.ai-learning-sec .btn-bg{
    z-index: 1;
}
.add-learning-btn{
    position: relative;
    z-index: 1;
    padding: 20px 35px;
}

.ai-learning-bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.subject-table-wrp #subjectPerformanceChartTable ,
.subject-table-wrp #chapterBreakdownChartTable{
    max-width: 60%;
    width: 100%;
} 
.subject-table-wrp  #timeSpentChartCard,
.subject-table-wrp  #scoreTrendChartCard{
    flex: 1;
}
.subject-table-wrp{
    width: 100%;
}
#subjectPerformanceTable,
#chapterBreakdownTable{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 6px 30px 0px #B6BACB21;
}
.lqd-card tbody .rounded-full {
    background-color: var(--common-grey-color);
}
.lqd-card tbody tr:nth-child(even) .rounded-full{
    background-color: var(--common-white-color);
}
.filter-dropdown{
    border-color: hsl(var(--border));
}
.subjects-list .filter-dropdown{
 
    margin-bottom: 0;
    padding: 10px 30px 10px 10px;
}
#timeSpentChart .apexcharts-tooltip-marker{
    background: #58C1CC !important;
}
#timeSpentChart .apexcharts-series path:first-of-type {
    fill: #8ef4ff47 !important;
}
#timeSpentChart .apexcharts-area{
    stroke:  #58C1CC !important;
}
#scoreTrendChart .apexcharts-tooltip-marker{
    background: #DCA3A5!important;
}
#scoreTrendChart .apexcharts-series path:first-of-type {
    fill: #dca3a547  !important;
}
#scoreTrendChart .apexcharts-area{
    stroke:  #DCA3A5 !important;
}
.date-range-value{
    line-height: 1;
}
.date_range_picker{
    align-items: center;
}
.\[\&\.active\]\:bg-navbar-background-active\/5.active,
.hover\:bg-navbar-background-hover\/5:hover{
    background: linear-gradient(92.57deg, #DFEDFA -2.57%, #E8D6F9 53.36%, #F2D6F7 128.62%);
    color: var(--common-black-color) !important;
}
.\[\&\.active\]\:bg-navbar-background-active\/5.active svg path,
.hover\:bg-navbar-background-hover\/5:hover svg path{
    stroke:var(--common-blue-color);
}
input::placeholder{
    color: #555555;
}
.header-user-dropdown>a{
    width: 40px;
    height: 40px;
    display: block;
}
.header-user-dropdown  .size-full {
    width: 100%;
    height: 100%;
}
.theme-mode-btn .lqd-header-upgrade-btn svg {
    width: 22px;
    height: 22px;
}
.lqd-chat-form-inputs-container {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}
 .card-wrp .lqd-card{
    max-width: calc(50% - 15px);
    width: 100%;
    z-index: 1;
 }
 .ai-learning-sec  .learning-serach-wrp .lqd-btn{
    width: max-content;
 }
 .ai-learning-sec  .learning-serach-wrp form{
    max-width: 250px;
    width: 100%;
 }
 .lqd-progress .lqd-progress-bar.bg-primary{
    background:var(--primary-linear-gradient) ;
    background-repeat: no-repeat;
    background-size: cover;
 }
 .lqd-progress .lqd-progress-bar:hover,
 .lqd-progress .lqd-progress-bar:focus{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.workbook-sec  div.tox .tox-toolbar-overlord::-webkit-scrollbar{
    height: 4px;
}
.workbook-sec div.tox .tox-editor-header .tox-toolbar__group:first-child .tox-tbtn--select{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.tox .tox-menu.tox-collection.tox-collection--list,
 div.tox .tox-menu.tox-collection.tox-collection--list{
    padding: 0 !important; 
} 
.workbook-sec .workbook-wrp{
    width: 75%;
}
.workbook-sec  div.tox .tox-toolbar__primary{
    justify-content: start;
}
.header-lang .custom-select .list::-webkit-scrollbar-thumb{
    width: 4px;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}
.chats-wrap .chats-sidebar-wrap .chats-list-container{
    box-shadow: none;
    border-right: 1px solid hsl(var(--border));
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.chats-wrap .lqd-chat-form,
.chats-wrap .chats-sidebar-wrap .chats-list-container .chats-new{
    border-top: 1px solid hsl(var(--border));
}
.chats-wrap .chats-sidebar-wrap .chats-list-container .chat-list-item a.underline{
    font-size: 12px;
}
.chats-wrap .conversation-area-wrap{
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.chat-list-ul .chat-list-item:last-of-type{
    border-bottom: 0;
}

.chat-content-container ,.rounded-3xl, .rounded-4xl,
.before\:rounded-3xl:before{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.chat-content-container.min-h-11 {
    min-height: 1.75rem;
}
.header-lang .custom-select .item .prompt-icon{
    flex-shrink: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.conversation-area  .chat-content {
    padding: 8px 15px !important;
}
.place-content-center svg path{
    fill: var(--common-black-color);
}
.\[\&\.active\]\:before\:from-primary.active:before,
.md\:hover\:bg-primary:hover{
    background: var(--primary-linear-gradient);
    }
    .hover\:text-primary:hover{
        color: var(--common-second-color);
    }
.pointer-events-auto .lqd-btn:hover .place-content-center svg path,
.pointer-events-auto .lqd-btn:focus .place-content-center svg path{
    fill: var(--common-white-color);
}
.header-lang .custom-select .list,
.header-lang .custom-select .caption
 {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.lqd-dropdown-dropdown-content .chapter-list-card h4{
    font-size: 16px;
}
.header-lang .custom-select .caption{
    padding: 8px 12px !important;
}
.header-lang .custom-select .item .prompt-icon{
    width: 20px;
    height: 20px;
}
.lqd-chat-head .header-lang .custom-select .item span{
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 14px !important;
    letter-spacing: 0 !important;
}
.header-lang .custom-select .list{
    top: 35px !important;
}
.header-lang .custom-select .item {
    padding: 5px 10px !important; 
    gap: 6px !important;
}
.header-lang .custom-select .item:first-of-type{
    padding-top: 8px !important;
}
.header-lang .custom-select .item:last-of-type{
    padding-bottom: 8px !important;
}
.chat-image-content,
.chapter-name{
    flex: 1;
}
.lqd-dropdown-dropdown-content h4::after{
    left: -76px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.lqd-table-outline{
    padding-top: 0;
} 
.\[\&\.active\]\:bg-foreground\/5.active{
    background: var(--primary-linear-gradient);
    color: var(--common-white-color);
}
.chats-filter-wrp li button,
.chats-filter-wrp li button:hover:not(.active){
    background: #dfe5f3;
}
.assessment-que-list .que-sec,
.assessment-que-list  .lqd-generator-category-list .lqd-generator-item,
.imp-que-wrp .year-sec ,
.yearly-options{
    background:var(--common-light-color) ;
}
.assessment-que-list .lqd-generator-category-list  label{
    border: 0;
}
.assessment-que-list .lqd-generator-category-list .checkbox-custom input:checked+label{
    background:transparent ;
}
.assessment-que-list .lqd-generator-category-list .checkbox-custom label:before{
    background-color: #e1e1e1;
}
.assessment-que-list .lqd-generator-category-list .checkbox-custom.wrong-option label:before{
    background-color: #dc3545;
}
.assessment-que-list .que-sec{
    cursor: pointer;
}
.assessments-option-wrp{
    background-color: rgb(226 229 255 / 0.15);
}
.assessments-option-wrp .lqd-generator-category{
    border-left: 1px solid hsl(var(--border));
    border-right: 1px solid hsl(var(--border));
}
.assessments-option-wrp .lqd-generator-category:last-of-type{
    border-bottom: 1px solid hsl(var(--border));
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
}
.assessments-option-wrp .lqd-generator-category:first-of-type{
    border-top: 1px solid hsl(var(--border));
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
}
.conversation-area .lqd-chat-head {
    background-color: var(--common-white-color);
}
.assessment-que-list h4,
.year-sec h4{
    margin-bottom: 0;
}
.assessment-que-list h4::after,
.year-sec h4::after,
.imp-que-wrp .lqd-generator-category-list h4::after{
    display: none;
}
.practice-main-section .practice-section .lqd-card h4::after{
    left: -16px;
    top: 3px;
    height: 20px;
    width: 10px;
}
.btn:first-child:active{
    color: var(--common-white-color);
}
.btn{
    font-family: inherit;
}


/* 7-4-2025 design css start */
.lqd-chat-form .lqd-btn svg path,
.schedule-iteam-right .lqd-btn svg path,
.quiz-progress-left .quiz-btn-wrapper .lqd-btn svg path{
    fill: transparent;
}
/* .lqd-chat-form .lqd-btn svg, */
.schedule-iteam-right .lqd-btn svg ,
.quiz-progress-left .quiz-btn-wrapper .lqd-btn svg{
    stroke: var(--common-white-color);
}

.schedule-iteam-right .lqd-btn.bg-primary:hover{
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}
/* .ai-video-list.ai-teacher-list .lqd-card-body .lqd-chat-item-avatar{
    padding-top: 80%;
    max-width: 100%;
} */
.ai-video-toggle{
    width: 35px !important;
    height: 35px !important; 
    background-color: var(--common-second-color);
}
.ai-video-toggle svg {
    stroke: var(--common-white-color);
}
/* ai-learning page css start */

.ai-learning-chats .ask-question-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.ai-learning-chats .chats-search{
    border-right: 1px solid hsl(var(--border));
}
.ai-learning-chats .lesson-chats{
    border-left: 1px solid hsl(var(--border));

}
.ai-learning-chats .conversation-area-wrap .right-chat-container .lesson-card-header{
    box-shadow: none;
    min-height: 69px;
}
.ai-learning-chats .conversation-area-wrap .chat-cont-sec .text-heading-foreground{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.ai-learning-chats .lesson-sidebar-info{
    padding: 20px 16px;
    border-right: 1px solid hsl(var(--border));
}
.ai-learning-chats .lesson-chat-message-container .chats-container{
    padding: 12px  20px;
}
.ai-learning-chats .lesson-chat-message-container .lqd-chat-form{
    padding: 12px 20px;
}
.ai-learning-chats .chat-message-inner.lesson-planner-inner{
    padding-bottom: 20px;
}
.ai-learning-chats .schedule-iteam-right .btn{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.ai-learning-chats .chats-wrap .lqd-card.chat-sidebar-container{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.ai-learning-chats .chats-wrap {
    overflow: hidden;
}
.ai-learning-chats .right-chat-container .practice-section .lqd-card h4::after{
    left: -16px;
    top: 0px;
    height: 20px;
    width: 9px;
}
.ai-learning-chats .right-chat-container .practice-section .lqd-card span{
    flex: 1;
    line-height: 1;
}
.ai-learning-chats .schedule-info h4::after{
    display: none;
}
.schedule-list-detail .schedule-iteam{
    background: var(--common-light-color);
}
.ai-learning-chats .schedule-info{
    border: 1px solid hsl(var(--border));
}
  
.ai-learning-chats .practice-section .lqd-card{
    border: 1px solid hsl(var(--border));
    box-shadow: none;

}
.ai-learning-chats .schedule-info .schedule-info-content{
        margin-bottom: 0px;
        background: var(--common-light-color);
        padding: 10px;
        border-radius: 6px;
        color: var(--common-black-color);
}
.ai-learning-chats .schedule-info .schedule-info-content p{
    color: var(--common-black-color);
}
.ai-learning-chats h4.lqd-statistic-change{
    /* width: fit-content;
    padding:10px 20px;
    border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -ms-border-radius:0 0 6px 6px;
    -o-border-radius:0 0 6px 6px;
    margin:-16px auto 10px; */
    font-size: 14px;
    line-height: 1;
    justify-content: center;
    margin-bottom: 10px;
    color: hsl(var(--card-foreground));
}
.ai-learning-chats .practice-section span{
    width: fit-content;
    padding:10px 20px;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    margin:-0 auto 0px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    display: block;
    color: var(--common-black-color);
}
.ai-learning-chats h4.lqd-statistic-change::after{
    display: none;
}
.modal-content{
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.lqd-card.documents-table-card .transition-colors::-webkit-scrollbar,
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar{
    width: var(--scrollbar-width);
    height: 4px;
}

.lqd-card.documents-table-card .transition-colors::-webkit-scrollbar-thumb,
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb{
    background: var(--scrollbar-thumb);
}

.lqd-card.documents-table-card .transition-colors::-webkit-scrollbar-track,
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track{
    background: var(--scrollbar-track);
}
.show-topic-section .pagination li a.lqd-btn svg path{
    fill: transparent;
}
.chat-message-container.show-topic-section .chat-message-inner{
    padding: 0;
}
/* .chat-message-container.show-topic-section .chat-message-inner ol{
    margin-bottom: 15px;
}
.chat-message-container.show-topic-section .chat-message-inner p{
    margin-bottom: 15px;
} */
.show-topic-section .progress-wrap.sticky-row .lqd-btn{
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.show-topic-section .progress-wrap.sticky-row .lqd-btn:hover{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.show-topic-section .progress-wrap.sticky-row .lqd-btn svg path{
    fill: transparent;
}
.show-topic-section .progress-wrap.sticky-row .lqd-btn.bg-light-primary{
    background: var(--common-second-light-color);
    color: var(--common-black-color);
}
.show-topic-section .progress-wrap.sticky-row{
    background: var(--common-white-color);
}
/* .lesson-sidebar-info .sidebar-info-item, */
.lesson-sidebar-info .info-item-left{
    flex-wrap: wrap;
}
.assessment-que-list .checkbox-custom input:checked+label:before{
    background:#22c55e ;
}

/* ai-learning page css end */

/* 7-4-2025 design css  end*/


/**** My Documents page new design css start *****/
/* style-2 */
.documents-table-card #lqd-docs-list{
    box-shadow: none !important;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn,
.ai-video-generator .lqd-filter-list .lqd-btn,
.lqd-image-generator-stablediffusion-form .lqd-tabs-nav .lqd-btn {
    /* background-color: var(--common-white-color);
    box-shadow: 3px 2px 54px 0px #0000000D; */
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
}
.common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn:hover,
.common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn.active,
.ai-video-generator .lqd-filter-list .lqd-btn:hover, 
.ai-video-generator .lqd-filter-list .lqd-btn.active,
.lqd-image-generator .lqd-image-generator-tabs-nav .lqd-btn.active,
.lqd-image-generator .lqd-image-generator-tabs-nav .lqd-btn:hover,
.lqd-modal-body .lqd-filter-list .lqd-btn:hover,.lqd-modal-body .lqd-filter-list .lqd-btn.active,
.lqd-image-generator-stablediffusion-form .lqd-tabs-nav .lqd-btn:hover,.lqd-image-generator-stablediffusion-form .lqd-tabs-nav .lqd-btn.active{
    background: var(--common-second-color);
    color: var(--common-white-color);
}
.common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn:hover,
.ai-video-generator .lqd-filter-list .lqd-btn:hover,
.lqd-image-generator .lqd-image-generator-tabs-nav .lqd-btn:hover,
.lqd-image-generator-stablediffusion-form .lqd-tabs-nav .lqd-btn:hover{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.lqd-image-generator-stablediffusion-form .lqd-tabs-nav .lqd-btn{
    background: transparent;
    color: var(--common-black-color);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.lqd-image-generator-stablediffusion-form .lqd-tabs-nav{
    gap: 10px;
}

.lqd-card.documents-table-card{
    background-color: var(--common-white-color);
    box-shadow: 3px 2px 54px 0px #0000000D;
    border: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 30px;
}

/**** My Documents page new design css end *****/
/* 8-4-2025 design css start */
.md\:bg-secondary svg path{
    fill: var(--common-black-color) !important;
}

/* 8-4-2025 design css end */
/* 9-4-2025 design css start */
.conversation-area .chat-form-buttons .lqd-chat-attach,
.conversation-area .chat-form-buttons .lqd-btn{
    background: var(--common-second-light-color);
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.conversation-area .chat-form-buttons .lqd-chat-attach:hover,
.conversation-area .chat-form-buttons .lqd-btn:hover{
opacity: 1;
}

.conversation-area .chat-form-buttons #chat-options,
.conversation-area .chat-form-buttons .chat-footer-wrp{
    gap: 7px;
}
.ai-chat-head .chat-image-content .chat-image-title{
    background: var(--common-light-color);
}
.ai-chat-head .header-lang .custom-select .caption{
    background-color: var(--common-second-light-color);
}
.chapter-head-wrp .lqd-dropdown-dropdown-content{
    border: none;
}
.chapter-head-wrp .lqd-dropdown-dropdown-content h4::after{
    height: 18px;
    width: 10px;
    left: -69px;
}
.chapter-head-wrp .rounded-dropdown{
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.ai-video-generator .lqd-filter-list{
    gap: 7px;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 5px;
}
.ai-video-generator .lqd-filter-list::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #f5f5f5;
}

.ai-video-generator .lqd-filter-list::-webkit-scrollbar-thumb {
    background-color: #aaaaaac3;
}
.ai-video-generator .lqd-filter-list .lqd-btn{
    padding: 7px 12px;
    display: inline-flex;
    border: none;
    font-size: 13px;
    min-width: 40px;
    background: transparent;
    white-space: nowrap;
}


/* ai video teacher inner page css start */

.ai-video-generator .lqd-generator-category .lqd-generator-filter-trigger{
    text-align: left;
}
.ai-video-generator .lqd-generator-category .lqd-generator-filter-trigger svg{
    flex-shrink: 0;
}
.ai-video-generator.lqd-generator-sidebar-backdrop {
    padding-right: 15px;
}
.ai-video-generator.lqd-generator-sidebar-backdrop .watch-wrapper{
    height: calc(100vh - 100px);
}
.ai-video-generator .doubt-clearing .chats-wrap .lqd-card .conversation-area::-webkit-scrollbar{
    width: 0;
}
.ai-video-generator .doubt-clearing .chats-wrap .lqd-card .conversation-area,
.ai-video-generator .doubt-clearing{
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 100px);
}
.ai-video-generator .doubt-clearing{
    overflow: hidden;
}
.doubt-clearing .chats-wrap .lqd-card{
    height: 100%;
}

.ai-video-generator .practice-buttons .take-practice-assessment,
.ai-video-generator .practice-buttons .lqd-btn,
.ai-video-generator .imp-que-wrp .continue-practice-assessment{
    background: var(--common-second-color);
}
.ai-video-generator .practice-buttons .take-practice-assessment svg path,
.ai-video-generator .practice-buttons .lqd-btn svg path,
.ai-video-generator .imp-que-wrp .continue-practice-assessment svg path{
    fill: transparent;
}
.ai-video-generator .imp-que-wrp .deletePracticeAssessment{
    background: #f43f5e;
}
.ai-video-generator .practice-section .lqd-card h4::after{
    display: none;
}
.ai-video-generator .practice-section .lqd-card h4{
    font-size: 16px;
}
.ai-video-generator .assessment-que-list .que-sec{
    flex-wrap: wrap;
}
.ai-video-generator .practice-main-section{
    height: calc(100vh - 100px);
}
.ai-video-generator .video-summary-main .lqd-btn svg path{
    fill: transparent;
}
/* ai video teacher inner page css end */
/* ai learning path page css start */
.schedule-info .schedule-info-left p.schedule-info-text{
    margin-top: 10px;
}
.content-topic-sec .topic-left-col::after{
    z-index: -1;
}
.number-quiz-content .qustion-explanation{
    background-color: var(--common-grey-color);
}
.number-quiz-content .assessment-que-list .qustion-btn-wrapper .btn{
    padding: 7px 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.number-quiz-content .assessment-que-list .qustion-btn-wrapper .btn.explanation,
.number-quiz-content .retake-assessment{
    background: var(--common-second-color);
}
.number-quiz-content .assessment-que-list .qustion-btn-wrapper .btn.report-issue{
    background: var(--common-white-color);
    color: var(--common-black-color);
}

.show-topic-section .close-chat-filter{
    background:var(--common-second-color);
}
/* ai learning path page css end */


/* 9-4-2025 design css end */
/* 10-4-2025 design css start */
#workbook_resave svg path{
    fill: transparent;
}
.promt_image_btn .hover\:bg-emerald-500:hover{
    background:var(--common-second-light-color) ;
}
.ai-teachers-chats .lqd-chat-form-wrap{
    background-color: var(--common-white-color);
}
.career-navigator-wrp .lqd-chat-item-avatar,
.ai-chat-image {
    background: linear-gradient(92.57deg, #DFEDFA -2.57%, #E8D6F9 53.36%, #F2D6F7 128.62%) !important;
}
.common-title-wrp .documents-tab-wrp .lqd-filter-list{
    flex: 1;
    gap: 7px;
}
 .career-navigator-wrp .lqd-chat-avatar-text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 70%;
    color: var(--common-black-color);
}
.ai-teacher-list .lqd-card-body .lqd-chat-item-desc{
    margin-top: 10px;
    font-size: 12px;
}

/* AI Writer page css start */
.ai-write-wrp .lqd-generator-item{
    padding: 30px 20px 20px;
    box-shadow: none;
    border: 1px solid hsl(var(--border));
    /* background-color: var(--common-body-bg-color); */
    z-index: 1;
}
.ai-write-wrp .lqd-icon{
    background: var(--common-light-color);
    margin-bottom: 10px !important;
}
.ai-write-wrp .lqd-icon svg path {
    fill: var(--common-black-color);
}
.ai-write-wrp .lqd-card h4::after{
    display: none;
}
.ai-write-wrp .lqd-generator-item::after{
    border-radius: 50px 0 12px;
    -webkit-border-radius: 50px 0 12px;
    -moz-border-radius: 50px 0 12px;
    -ms-border-radius: 50px 0 12px;
    -o-border-radius: 50px 0 12px;
}
.ai-generator-remaining .lqd-generator-remaining-credits h5{
    font-size: 16px;
}
.ai-generator-remaining .lqd-generator-remaining-credits .lqd-btn,
.lqd-remaining-credit .lqd-btn{
    background: var(--common-second-color);
    outline: none;
}
.ai-generator-remaining .lqd-generator-remaining-credits .lqd-btn svg,
.lqd-remaining-credit .lqd-btn svg {
    stroke: var(--common-white-color);
}
.ai-generator-remaining .lqd-generator-remaining-credits .lqd-btn svg path,
.lqd-remaining-credit .lqd-btn svg path{
    fill: transparent;
}
.ai-generator-remaining .lqd-generator-options-card .lqd-card-body,
.ai-generator-remaining .article-wizard-inner,.ai-generator-remaining .lqd-generator-remaining-credits .lqd-card-body{
    padding: 20px;
}
.ai-generator-remaining .lqd-generator-options-card .lqd-card-body .add-company-btn{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background: var(--common-second-light-color);
}
.ai-generator-remaining .lqd-generator-options-card .add-company-btn svg{
    stroke: var(--common-black-color);
}
.ai-generator-remaining .lqd-generator-options-card .add-company-btn:hover{
    background: var(--common-second-color);
}
.ai-generator-remaining .lqd-generator-options-card .add-company-btn:hover svg{
    stroke: var(--common-white-color);
}
div.tox .tox-editor-header .tox-toolbar__group:first-child .tox-tbtn--select{
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}
div.tox .tox-toolbar-overlord::-webkit-scrollbar{
    height: 4px;
}
 .doc-share-dropdown >.lqd-btn{
    background-color: var(--common-second-color);
    color: var(--common-white-color);
    padding: 8px 15px;
 }
 .doc-share-dropdown > .lqd-btn span{
    background: transparent !important;
    width: 16px;
    height: 16px;
 }

 .doc-share-dropdown >.lqd-btn svg{
    width: 100%;
    height: 100%;
 }
 .doc-share-dropdown >.lqd-btn svg path{
    fill: transparent;
 }
 .workbook-sec #workbook_button{
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
    min-width: 120px;
 }
/* AI Writer page css end */
/* AI Learning Path inner page show-topic-section css start */
.show-topic-section .show-topic-header .pagination .topic-title{
    flex: 1;
}
.show-topic-section .show-topic-header .pagination li .lqd-btn{
    padding: 7px 11px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 5px;
}
.show-topic-section .show-topic-header .pagination li .lqd-btn i{
    display: none;
}
.show-topic-section .show-topic-header .pagination li .lqd-btn svg{
    width: 16px;
    height: 16px;
}

/* AI Learning Path inner page show-topic-section css end */


/* 10-4-2025 design css end */
/* 11-4-2025 design start */
.ai-learning-chats .practice-section .lqd-card{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.ai-learning-chats .practice-section .lqd-card .practice-card-bg{
    position: absolute;
    top:0;
    left: 0;
    /* width: 100%; */
    /* height: 100%; */
    z-index: -2;
    object-position: center;
    opacity: .5;
}
.ai-learning-chats .practice-section .lqd-card::after,
.ai-learning-chats .practice-section .lqd-card::before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 50%;
    width: 45px;
    height: 45px;
    border-radius: 50px 0 6px;
    -webkit-border-radius: 50px 0 6px;
    -moz-border-radius: 50px 0 6px;
    -ms-border-radius: 50px 0 6px;
    -o-border-radius: 50px 0 6px;
    z-index: -1;
    opacity: .4;
}
.ai-learning-chats .practice-section .lqd-card::before{
    bottom: auto;
    top: 0;
    left: 0;
    right: auto;
    border-radius: 6px 0px 50px 0;
    -webkit-border-radius: 6px 0px 50px 0;
    -moz-border-radius: 6px 0px 50px 0;
    -ms-border-radius: 6px 0px 50px 0;
    -o-border-radius: 6px 0px 50px 0;
}
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 1) span,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 1)::after,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 1)::before{
    background: #f7d7fe;
}

.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 2) span,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 2)::after,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 2)::before{
    background: #cfe9fe;
}

.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 3) span,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 3)::after,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 3)::before{
    background: #ffebb3;

}

.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 4) span,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 4)::after,
.ai-learning-chats .practice-section .lqd-card:nth-child(4n + 4)::before{
    background: #ffcdd5;

}

/* 11-4-2025 design start */
.lqd-image-generator-random-prompt-trigger{
    color: var(--common-second-color);
}
.lqd-generator-templates-trigger{
    background-color: var(--common-second-light-color);
}
.lqd-generator-templates-trigger:hover{
    background-color: var(--common-second-color);
}
.lqd-generator-templates-trigger:hover svg {
    stroke: var(--common-white-color);
}
.generator-advanced-trigger{
    background: var(--common-second-light-color);
    text-decoration: none !important;
    padding: 10px 15px;
    font-size: 13px;
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}
.lqd-image-generator-inputs-wrap .lqd-image-generator-prompt{
    padding-right: 150px;
}
.lqd-image-generator-inputs-wrap .lqd-btn,
.lqd-image-generator-inputs-wrap .lqd-btn:hover,
.lqd-image-generator-inputs-wrap .lqd-btn:focus{
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.advanced-settings-wrp{
    background-color: var(--common-white-color);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.advanced-settings-wrp .lqd-input-container{
    flex: 1;
}
.lqd-modal-fig{
    overflow: hidden;
}
.advanced-settings-wrp .lqd-input-container select.focus\:ring:focus,
.lqd-voiceover-generator .workbook-form select.focus\:ring:focus{
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--common-second-color);
}
.image-results-wrapper .lqd-image-result-actions .lqd-btn {
    background: var(--common-second-color);
}
.image-results-wrapper .lqd-image-result-actions .lqd-btn svg path{
    fill: transparent;
}
.lqd-modal-body .lqd-filter-list .lqd-btn{
    padding: 7px 10px;
}
.lqd-video-generator #openai_generator_form #openai_generator_button{
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
    min-width: 150px;
}
/* voiceover-generator page css start */
.lqd-voiceover-generator .speeches .voiceover-generator-btn .lqd-btn.bg-background{
    background: var(--common-second-color);
}
.lqd-voiceover-generator .speeches .voiceover-generator-btn .lqd-btn.bg-background svg path{
    fill: transparent;
}
.lqd-voiceover-generator .speeches .speech:not(:last-of-type){
    margin-bottom: 15px;
}
.voiceover-table-card .lqd-table-outline{
    background-color: var(--common-white-color);
    box-shadow: 0px 6px 30px 0px #B6BACB21;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}
.voiceover-table-card .lqd-table-outline .whitespace-nowrap .lqd-btn.bg-background{
    background: var(--common-second-color);
}
.voiceover-table-card .lqd-table-outline .whitespace-nowrap .lqd-btn svg path{
    fill: transparent;
}
.voiceover-table-card .lqd-table-outline .whitespace-nowrap .lqd-btn:not(:last-of-type){
    margin-right: 5px;
}
.voiceover-table-card .lqd-table-outline .whitespace-nowrap .lqd-btn.lqd-btn-danger,
.common-setting-card .bg-red-500{
    background: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.common-setting-card .bg-red-500 svg {
    stroke: var(--common-white-color);
}
.data-audio{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.workbook-form input{
    font-family: var(--font-body), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* voiceover-generator page css end */
/* 14-4-2025 */
/* audio page css start */
code[class*=language-], pre[class*=language-]{
    white-space: pre-wrap !important;
}
select.lqd-input{
    padding-right: 25px;
}
.audio-btn-wrp .lqd-btn{
    outline: none;
    box-shadow: none;
    border: none;
}
.audio-btn-wrp .lqd-btn svg path{
    fill: transparent   ;
}
/* .lqd-generator-options-card .lqd-input-label{
    padding: 0 15px;
    margin: 0;
    justify-content: center;
} */
.generator-speech-card .lqd-card{
    box-shadow: none;
    margin: 0 !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.generator-speech-card .lqd-card:not(:last-of-type){
    border-bottom: 1px solid hsl(var(--border));
}
/* common-setting page css start */
.common-setting-card .mx-auto.w-full{
    width: 100%;
}
.common-setting-card .lqd-card-body {
    padding: 20px;
}
.common-setting-card .lqd-card-body .lqd-form-step{
    background: var(--common-light-color);
}
.common-setting-card .lqd-card-body .lqd-form-step .lqd-form-step-num,
.common-setting-card .lqd-card-body .lqd-form-step .add-more{
    background: var(--common-second-color);
}
.common-setting-card #c_color_value{
    outline: none;
}
.common-setting-card .add-more-placeholder:empty {
    display: none;
}
.common-setting-card #custom_company_button,
.common-setting-card #custom_template_button{
    width: fit-content;
    min-width: 120px;
}
/* common-setting page css end */
/* affilated page css start */
.affilated-banner {
    background: var(--common-light-color);
}
.affilated-banner h4::after{
    display: none;
}
.affilated-banner-input .lqd-btn{
    background: var(--common-second-light-color);
    border-radius: 0 6px 6px 0 !important;
    -webkit-border-radius: 0 6px 6px 0 !important;
    -moz-border-radius: 0 6px 6px 0 !important;
    -ms-border-radius: 0 6px 6px 0 !important;
    -o-border-radius: 0 6px 6px 0 !important;
}
.affilated-banner-input input{
    padding-right: 40px;
}
.affilated-banner-input .lqd-btn:hover,.affilated-banner-input .lqd-btn:focus{
    background: var(--common-second-color);
}
.affilated-banner-input .lqd-btn:hover svg,.affilated-banner-input .lqd-btn:focus svg{
    stroke: var(--common-white-color);
}
.affilated-content-list li span{
    background: var(--common-second-light-color);
    color: var(--common-second-color);
}
.affiliated-users-form #searchInput{
    background-color: var(--common-grey-color);
    border: 1px solid hsl(var(--border));
}
.counting-main-sec h4::after{
    display: none;
}
/* 18-4-2025 */
.ai-generator-remaining .article-wizard-inner .advanced-settings-btn:hover,
.article-wizard-head .lqd-btn:hover{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.ai-generator-remaining .article-wizard-tab .step:hover{
    background: transparent;
}
.ai-generator-remaining .article-wizard-tab {
    align-items: flex-start;
}
.ai-generator-remaining .lqd-article-wizard-meta-area{
    padding: 20px;
}
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area{
    padding: 30px !important;
}

.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area h3,
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area p {
    margin-bottom: 15px;
}
.ai-generator-remaining .lqd-article-wizard-meta-area h4::after{
    display: none;
}
.reset-wizard-btn{
    outline: none;
}
.ai-generator-remaining .lqd-article-wizard-meta-area .select_area .title,
.ai-generator-remaining .lqd-article-wizard-meta-area .select-area-wrp,
.ai-generator-remaining .lqd-article-wizard-meta-area #select_outline .article-wizard-outline{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.ai-generator-remaining .lqd-article-wizard-meta-area .select_area .article-check-box{
    width: 25px;
    height: 25px;
}
.ai-generator-remaining .lqd-article-wizard-meta-area .select_area .article-check-box svg{
    width: 15px;
    height: 15px;
}
.ai-generator-remaining .lqd-article-wizard-meta-area .select-area-wrp{
    background: var(--common-white-color);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
}
.ai-generator-remaining .lqd-article-wizard-meta-area .select-area-wrp #select_all_keyword,
.ai-generator-remaining .lqd-article-wizard-meta-area .select-area-wrp #unselect_all_keyword{
    padding:0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.ai-generator-remaining .lqd-article-wizard-meta-area  #select_keywords button.bg-secondary{
    background-color: var(--common-second-light-color);
}
.article-wizard-outline li::marker{
    color: var(--common-second-color);
}
.article-wizard-outline li:not(:last-child){
    margin-bottom: 10px;
}
#select_outline .article-wizard-outline.select_outline .article-check-box {
    top: 10px;
    right: 10px;
}
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area #final_settings{
    background: var(--common-light-color);
    padding: 20px;
    border-radius: 12px;
}
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area #final_settings svg,
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area #final_settings h4,
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area #final_settings p{
    margin-bottom: 0;
}
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area .wizard-area-head{
    border-bottom: 1px solid hsl(var(--border));
    padding-bottom: 15px;
}
.workbook-sec .tox .tox-sidebar-wrap{
    margin-top: 20px;
}
.ai-generator-remaining .lqd-article-wizard-steps .lqd-card-body {
    padding: 20px 15px;
}
.ai-generator-remaining .article-wizard-tab .step{
    padding: 0;
}
/* affilated page css end */
/* 21-4-2025 */
.watch-video-section .conversation-not-started:hover svg path,
.watch-video-section .conversation-not-started:focus svg path{
    fill: var(--common-white-color) !important;
}
.watch-video-content p{
    margin-bottom: 15px;
}
.watch-video-content p.p3{
    display: none;
}
.quiz-wrapper .bs-stepper-content{
    padding: 0;
}
.ai-learning-chats .lesson-sidebar-info .learning-chats-list .sidebar-top-iteam:not(:last-of-type){
    margin-bottom: 0;
}
#load_chat_area_container .chat-body-contant #mainupscale_src label[for="upscale_src"]{
    text-align: center;
}
.voiceover-table-card .float-right nav{
    margin-top: 20px ;
}
.voiceover-table-card .pagination-wrp{
    align-items: center;
}
.voiceover-table-card .pagination-wrp,
.voiceover-table-card .pagination-wrp .pagination{
    gap: 10px;
}
.voiceover-table-card .pagination-wrp .pagination li{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--common-second-light-color);
    color: var(--common-second-color);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin: 0;
}
.voiceover-table-card .pagination-wrp .pagination li.active,
.voiceover-table-card .pagination-wrp .pagination li:hover{
    background-color: var(--common-second-color);
    color: var(--common-white-color);
}
.lqd-video-generator .lqd-filepicker-label{
    padding: 10px;
}
.ai-generator-remaining #generator_sidebar_table .space-y-10.generator-speech-card .lqd-card-body{
    padding: 25px;
}
.ai-generator-remaining #openai_generator_form .lqd-input-label{
    margin: 0;
}
body.active-mobile-menu{
overflow: hidden;
}
.header-user-dropdown .lqd-remaining-credit{
    margin-left: .5rem;
    margin-right: .5rem;
}

/* responsive  */
@media screen and (min-width:1200px){
    .chart-bg-image{
        max-width: 72%;
        width: 100%;    
    }
}
@media screen and (max-width:1600px){
    .common-banner-left {
        right: 5%;
    }
}
@media screen and (max-width:1400px){
    .chart-bg-image{
        bottom: -9px;
    }
    .chapter-name{
        font-size: 13px;
    }
    .ai-learning-chats .lqd-card.chat-sidebar-container .chats-search .lqd-btn{
        padding: 10px;
        font-size: 12px;
    }
    .ai-learning-chats .lqd-card.chat-sidebar-container .chats-search .lqd-btn svg {
        width: 14px;
        height: 14px;
    }

    .lqd-affiliate-form .lqd-card-body,
    .lqd-affiliate-withdrawal .lqd-card-body{
        padding: 20px;
    }
}
@media screen and (max-width:1300px){
   .chat-message-container.quiz-container .quiz-popup{
    max-width: 100%;
   }
   /* 18-4-2025 */
   .chapter-detail li {
    font-size: 13px;
}
}
@media screen and (max-width:1199px){
    .add-learning-btn {
    padding: 20px;
    }
    .card-left-col, .card-right-col,
    .subject-table-wrp #subjectPerformanceChartTable, .subject-table-wrp #chapterBreakdownChartTable,
    .lqd-empty-doc .empty-doc-content{
        max-width: 100%;
    }
    .card-left-wrp .lqd-card{
        max-width: calc(50% - 15px);
        height: auto;
    }
   
    .subject-table-wrp{
        flex-direction: column;
    }
    .subject-table-wrp:last-of-type{
        flex-direction: column-reverse;
    }
    #overallPerformanceChart .apexcharts-legend{
        max-width: calc(100% - 50px);
    }
    .learning-btn-bottom-wrp {
        width: 120px;
        height: 115px;
    }
    .ai-learning-sec .learning-serach-wrp form {
        max-width: 180px;
    }
    .chapter-head-wrp {
        flex-direction: column;
        align-items: start;
    }
   .chats-sidebar-wrap  .chat-list-item-trigger {
    padding: 13px;
    gap: 7px;
    }
    .chats-sidebar-wrap  .chat-list-item-trigger svg{
        width: 20px;
        height: 20px;
    }
    .chats-sidebar-wrap  .chat-list-item-trigger .chat-item-title{
        font-size: 13px;
        line-height: 1.2;
    }
    .chats-new  ,
    .lqd-chat-form{
        padding: 15px;
    }
    .ai-teachers-chats{
        padding-top:0 ;
    }
    .conversation-area .lqd-chat-head{
        min-height: auto;
    }
    /* 7-4-225 */
    .ai-learning-chats .conversation-area-wrap .right-chat-container .lesson-card-header{
        border-left: none;
        border-right: none;
    }    
    .cart-header-top h2, .chat-title-box h2 {
        font-size: 16px;
    }
   .show-topic-section .counting-main-sec{
    padding: 20px;
   }
   .chat-message-container.quiz-container .quiz-popup .bs-stepper-content{
        padding: 0;
   }
   .chat-message-container.quiz-container .quiz-popup{
    padding: 0;
   }
   .documents-table-card .creat-card-wrap .lqd-card{
    padding: 10px 15px;
   }
   .lqd-card.documents-table-card{
    padding: 30px 15px;
   }
   .documents-table-card .lqd-docs-item-actions > .lqd-btn,
   .documents-table-card .lqd-dropdown .lqd-btn.lqd-dropdown-trigger{
    width: 30px;
    height: 30px;
   }
   .documents-table-card .lqd-icon{
    width: 35px;
    height: 35px;
   }
   .ai-write-wrp .lqd-generator-item .lqd-fav-btn{
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
   }
   /* 10-4-2025 */
   .lqd-generator-options-card .ai-head-wrp{
    flex-direction: column;
    align-items: start;
   }
   .lqd-generator-remaining-credits .lqd-card-body,
   .ai-generator-remaining .lqd-generator-options-card .lqd-card-body,
    .ai-generator-remaining .article-wizard-inner, 
    .ai-generator-remaining .lqd-generator-remaining-credits .lqd-card-body{
    padding: 20px 15px;
   }
   /* 11-4-2025 */
   .advanced-settings-wrp .lqd-input-container {
    flex: 33.33%;
}
.lqd-image-generator .lqd-card-body{
    padding: 20px;
}
/* 14-4-2025 */
.generator-speech-card .lqd-card-body,
.lqd-generator-options-card .lqd-card-body,
.ai-generator-remaining #generator_sidebar_table .space-y-10.generator-speech-card .lqd-card-body{
    padding: 20px;
}
.head-top-btn .lqd-btn {
    font-size: 12px;
}

.affilated-banner .lqd-card-body{
    padding: 20px;
}
.affilated-banner .lqd-card-body h4{
    width: 100%;
}
.affilated-banner .affilated-col{
    width: 50%;
}
/* 18-4-2025 */
.learning-info-card{
    padding: 15px;
}
.chats-sidebar-wrap .lqd-new-chat-trigger{
    font-size: 12px;
    padding: 6px;
}
.chats-sidebar-wrap .lqd-new-chat-trigger svg{
    width: 14px;
    height: 14px;
}
/* 21-4-2025 */
.common-title-wrp .ai-head-wrp.documents-tab-wrp{
    flex-direction: column;
    align-items: flex-start;
}
.lqd-video-generator .lqd-card-body,
.lqd-voiceover-generator .lqd-card-body{
    padding: 20px;
}
.ai-generator-remaining #openai_generator_form .lqd-input-label{
    padding: 0 15px;
}
#show_export_btns #export_btns{
    left: 0;
    right: auto;
}
}
@media (min-width:768px){
    .ai-learning-sec .lqd-card-body{
        height: 430px;
        overflow-y: auto;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .md\:w-\[48\%\]{
        width: 100%;
    }
   
}
@media (min-width:1051px) and (max-width:1199px), (min-width:768px) and (max-width:991px){
   
    /* .learning-info-card{
        gap: 10px;
        flex-direction: column;
        align-items: start;
    } */
}
@media (min-width:992px) and (max-width:1050px){
     .card-wrp .lqd-card{
        max-width: 100%;
    }
    #overallPerformanceChart .apexcharts-legend{
        top: 287px !important;
    }
    .performance-chart-inner {
        padding-top: 20%;
    }
    .learning-btn-bottom{
        padding: 10% 0;
    }
}
@media screen and (max-width:991px){
    .chart-bg-image {
        left: 49%;
    }
    .header-user-dropdown>a{
        width: 36px;
        height: 36px;
    }
    .lqd-mobile-nav-toggle.size-10 {
        width: 1.5rem;
        height: 1.5rem;
    }
    .mobile-nav-logo.gap-3{
        gap: .25rem; 
    }
    #overallPerformanceChart .apexcharts-legend {
        max-width: calc(100% - 40px);
    }
    .chat-image-content{
        margin-left: 10px;
    }
    .assessment-que-list h4,
    .practice-section h4,
    .yearly-options h4 p{
        font-size: 16px;
    }
    .assessment-que-list .que-sec{
        gap: 5px;
    }
    .doubt-clearing.lqd-article-wizard {
        display: flex;
        flex-direction: column;
    }
    /* 9-4-2025 */
    .chapter-head-wrp .lqd-dropdown-dropdown-content  .chat-list-wrp{
        padding: 20px 15px;
    }
    .chapter-head-wrp .lqd-dropdown-dropdown-content  .chat-list-wrp h4{
        font-size: 14px;
    }
    /* 11-4-2025 */
    .lqd-image-generator-inputs-wrap .lqd-image-generator-prompt {
        padding-right: 20px;
    }    
    .generator-advanced-trigger{
        margin-top: 0;
    }
    .lqd-image-generator-inputs-wrap .lqd-btn{
        width: auto;
        margin-top: 10px;
    }
    .lqd-image-generator-inputs-wrap .lqd-btn, .lqd-image-generator-inputs-wrap .lqd-btn:hover, .lqd-image-generator-inputs-wrap .lqd-btn:focus{
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
}
/* 14-4-2024 */

#send_invitation_form #send_invitation_button,
#send_request_button{
    width: fit-content;
    min-width: 150px;
}
/* 18-4-2025 */
.common-title-wrp .lqd-docs-view-toggle {
    margin-top: 0 !important;
}
.quiz-progres-sec, .content-topic-sec {
    padding-bottom: 30px;
}
/* 21-4-2025 */
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area {
    padding: 20px !important;
}
.ai-generator-remaining #openai_generator_form .lqd-input-label {
    justify-content: center;
}
.ai-generator-remaining #openai_generator_form #openai_generator_button,
.lqd-clipboard-copy{
    min-width: 120px;
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
}
.header-main-navber{
    max-height: calc(100vh - 66px);
}
}
@media screen and (max-width:767px) {
    .lqd-dropdown-dropdown-content .chapter-list-card h4 {
        font-size: 14px;
    }
    .size-navbar-icon{
        width: 15px;
    height: 15px;
    }
    .performance-chart-inner {
        padding-top: 27%;
    }
    .card-wrp .lqd-card{
        max-width: 100%;
    }
    .learning-btn-bottom{
        padding: 10% 0;
    }
    .common-banner-content{
        max-width: 390px;
    }
    .common-banner-bg img{
        object-position: unset;
    }
    .lqd-empty-doc .empty-doc-content{
        flex-direction: column-reverse;
    }
    #overallPerformanceChart .apexcharts-legend{
        top: 287px !important;
        margin-top: 0;
    }
    .lqd-page-content-container .workbook-sec {
        padding: 0 0 20px;
    }
    .chapter-right-wrp{
        flex-wrap: wrap;
        align-items: start;
        justify-content: start;
    }
    .chats-sidebar-wrap .chat-list-item-trigger > span{
        max-width: calc(100% - 100px);
        width:100%;
    }

    /* 7-3-2025 */
   .ai-video-generator .watch-wrapper{
    height: calc(100vh - 80px);
   }
   .ai-learning-chats .chat-message-inner.lesson-planner-inner{
    padding: 20px 15px;
    height: 100%;
    flex: 1;
   }
   .ai-learning-chats .lesson-tab-content .chat-message-container{
    display: flex;
    flex-direction: column;
   }
   .schedule-list-detail .schedule-iteam{
    padding: 40px 15px 20px;
    gap: 15px;
   }
   .ai-learning-chats .conversation-area-wrap .right-chat-container .lesson-card-header{
    padding: 12px 15px 2px !important;
   }

   #lqd-titlebar .lqd-titlebar-title{
    font-size: 26px;;
   }
   .modal-dialog-scrollable .modal-body{
    padding: 20px 15px;
   }
   .subject-modal .form-field:last-of-type {
    margin-bottom: 15px;
}
.modal-body h3,
.quiz-popup h2{
    font-size: 18px;
}
.counting-main-sec h1{
    font-size: 20px;
    line-height: 1.3;
}

.chat-message-container.quiz-container .quiz-wrapper{
    padding: 20px 15px;
   }
   /* 9-4-2025 */
   .chat-mobile-icon .chat-mobile-btn ,
   .chat-mobile-icon .lqd-btn:not(#export_btns)  {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background-color: var(--common-second-light-color);
    box-shadow: none;
}
.chat-mobile-icon .lqd-input-container{
    box-shadow: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.chat-mobile-icon .chat-mobile-btn svg path,
.chat-mobile-icon .lqd-btn:not(#export_btns) svg path{
    fill: transparent;
}
.conversation-area .chat-form-buttons .lqd-btn{
    width: 30px;
    height: 30px;
    margin: 0;
}
.conversation-area .chat-form-buttons #prompt{
    font-size: 14px;
    padding-left: 10px;
}
.conversation-area .chat-form-buttons{
    padding: 0 0 0 10px;
}
.conversation-area .chat-form-buttons .max-md\:bottom-\[10px\] {
    bottom: 7px;
}
.ai-chat-head .chapter-right-wrp{
    align-items: center;
}
.gap-y-6 {
    row-gap: 15px;
}
.lqd-titlebar-col.gap-4 {
    gap: 10px;
}
/* ai-video inner page css start */
.ai-video-generator .lqd-generator-category .lqd-generator-filter-trigger{
    padding: 15px;
    font-size: 13px;
}
.ai-video-generator .lqd-generator-category-list .lqd-generator-item  h4,
.ai-video-generator .lqd-generator-category-list{
    font-size: 13px;
}
.ai-video-generator .lqd-generator-category-list{
    padding: 10px 15px 15px;
}
.lqd-page-content-container .\[--sidebar-w\:min\(440px\,90vw\)\] {
    --sidebar-w: min(300px, 90vw);
}
.ai-video-generator .practice-buttons .take-practice-assessment,
 .ai-video-generator .practice-buttons .lqd-btn, 
 .ai-video-generator .practice-buttons .deletePracticeAssessment,
 .ai-video-generator .imp-que-wrp .continue-practice-assessment{
    font-size: 12px;
    padding: 7px 10px;
}
.ai-video-generator .imp-que-wrp .deletePracticeAssessment{
    width: 30px;
    height: 30px;
}
.ai-video-generator .assessment-que-list h4,
.yearly-options h4 p,.documents-tab-wrp .lqd-input {
    font-size: 14px;
}
/* 
.ai-teacher-list{
    padding: 20px 15px;
} */
.ai-teacher-list .lqd-card-body .lqd-chat-item-avatar{
    max-width: 115px;
    height: 115px;
}
.chats-wrap .chats-sidebar-wrap .chats-list-container{
    border-right: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
/* ai-video inner page css end */
/* AI Web Chat page css start */
.chat-mobile-icon .analyze-btn{
    padding: 0;
    flex-shrink: 0;
}
.chapter-right-wrp #website_url{
    font-size: 13px;
}
/* AI Web Chat page css end */
/* AI write page css start */
.ai-write-wrp .lqd-generator-item{
    padding: 30px 15px 20px;
}
/* AI write page css end */
.text-base{
    font-size: 13px;
}
.workbook-sec .workbook-wrp {
    width: 100%;
}
/* 11-4-2024 */
.lqd-generator-templates-trigger{
    font-size: 13px;
    padding: 8px 10px;
}
.lqd-generator-templates-trigger svg{
    width: 14px;
    height: 14px;
}
.lqd-image-generator .lqd-card-body,
.advanced-settings-wrp {
    padding: 20px 15px;
}
.lqd-audio-output,
button[type=submit], .form-file-text, .form-selectgroup-check, .form-control, .form-input, .form-select{
    font-size: 14px !important;
}
/* 14-4-2025 */
.affilated-banner .affilated-col {
    width: 100%;
}
.lqd-affiliate-form .lqd-card-body,
.lqd-affiliate-withdrawal .lqd-card-body,
.affilated-table-card .lqd-card-body,
.affilated-banner .lqd-card-body,
.affiliated-users-sec .lqd-card-head,
.affiliated-users-sec .lqd-card-body{
    padding: 20px 15px;
}
.affilated-banner .lqd-card-body .text-6xl{
    font-size: 40px;
}
/* 18-4-2025 */
.common-banner-content::before{
    width: 4px;
}
.ai-learning-sec .lqd-card-body,
.add-learning-btn,
.ai-generator-remaining .lqd-article-wizard-meta-area,
.ai-generator-remaining .lqd-article-wizard-meta-area .article-wizard-head,
.ai-generator-remaining .lqd-article-wizard-meta-area .select-area-wrp,
.ai-generator-remaining .article-wizard-inner ,
.ai-generator-remaining .lqd-article-wizard-meta-area #select_outline .article-wizard-outline{
    padding: 20px 15px;
}
.ai-generator-remaining .lqd-article-wizard-meta-area #select_outline .article-wizard-outline li{
    font-size: 13px;
}
.ai-learning-sec .lqd-card-footer{
    margin: 0 15px 20px;
}
.ai-learning-sec .ai-learning-top{
    margin: 0;
}
.lqd-card.documents-table-card ,
.conversation-area .lqd-chat-head,
.show-topic-section .show-topic-header .pagination,
.show-topic-section .counting-main-sec{
    padding: 20px 15px;
}
.ai-teacher-chat-head.active{
    margin-top: 70px;
}

/* .chat-mobile-icon{
    flex-direction: row-reverse;
} */
.watch-video-section .conversation-not-started{
    padding: 7px 15px;

    background-color: var(--common-second-light-color);
}
/* 21-4-2025 */
.ai-chat-head .header-lang .custom-select .caption{
    padding: 8px !important;
}
.header-lang .custom-select .caption span:not(.prompt-icon) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 12px;
}
.header-lang .custom-select .caption .prompt-icon{
    width: 16px;
    height: 16px;
}
.chapter-head-wrp .lqd-dropdown-dropdown-content .chat-list-wrp .chapter-list-card{
    padding: 15px;
}
.chapter-head-wrp .lqd-dropdown-dropdown-content h4::after {
    left: -71px;
}
.conversation-area .lqd-chat-head .ai-head-img-wrp,
.conversation-area .lqd-chat-head .chat-head-dropdown,
.conversation-area .lqd-chat-head .chat-head-dropdown .lqd-dropdown-trigger {
 width: 100%;
}
.ai-chat-head .chat-image-content .chat-image-title {
 padding: 7px;
}
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area ,
.ai-generator-remaining .showing-results .lqd-article-wizard-meta-area #final_settings{
    padding: 20px 15px!important;
}
#code-pre p{
    font-size: 14px;
}
.lqd-image-generator-inputs-wrap .lqd-image-generator-prompt{
    padding:10px;
}
.lqd-video-generator .lqd-card-body,
.lqd-voiceover-generator .lqd-card-body {
    padding: 20px 15px;
}
.voiceover-table-card .float-right nav .w-full > .pagination{
    display: none;
}
.vision-empty-wrp .leading-relaxed svg{
    width: 16px;
    height: 16px;
}
.vision-empty-wrp .leading-relaxed{
    font-size: 12px;
}

#show_export_btns #export_btns .chat-download{
    padding: 5px 6px;
}
}
@media screen and (max-width:575px){
    td.ps-6,
    .lqd-table-head th{
         padding-inline-start: 1rem !important;
     }
    /* .learning-info-card,
    .add-learning-btn{
        flex-direction: column;
        align-items: center;
    } */
    #performanceBySubjectChart .apexcharts-radialbar-label{
        font-size: 14px !important;
    }
    .chart-bg-image {
        bottom: -25px;
    }
    .learning-info-card .learning-image svg {
        width: 25px;
        height: 25px;
    }
    .dashboard-card-wrp .lqd-card-body{
        padding: 15px;
    }
    .lqd-btn svg {
        width: 16px;
        height: 16px;
    }
    .common-banner-left{
        display: none;
    }
    .common-banner-content{
        max-width: 100%;
    }
    .common-banner-sec h3{
        font-size: 24px;
    }
    .lqd-empty-doc .empty-doc-inner .empty-img {
        width: 230px;
        height: 230px;
    }
    .document-empty-content h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .document-empty-content p{
        margin-bottom: 15px;
    }
    .lqd-empty-doc .empty-doc-inner,
    .lqd-empty-doc,
    .add-learning-btn{
        padding: 15px;
    }
    #overallPerformanceChart .apexcharts-legend{
        max-width: 100%;
    }
    #performanceBySubjectChartCard .lqd-card-body,
    #overallPerformanceChartCard .lqd-card-body,
    #timeSpentChartCard .lqd-card-body,
    #scoreTrendChartCard .lqd-card-body{
        padding: 5.5px;
    }
     #subjectPerformanceChartTable .lqd-card-body,
     #chapterBreakdownChartTable .lqd-card-body{
    padding: 7.5px;
    }
       .common-banner-sec{
        padding: 15px;
       }
       .ai-learning-card{
        padding: 20px;
       }
       .ai-learning-card .learning-btn-image svg {
        width: 40px;
        height: 40px;
    }
    .ai-learning-card .learning-btn-image {
        width: 60px;
        height: 60px;
        margin: 0px auto 12px;
    }
    .learning-btn-bottom-wrp {
        width: 100px;
        height: 95px;
    }
    .learning-btn-bottom {
        padding: 50px 0 30px;
    }
    .learning-btn-content h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }    
    /* .ai-learning-sec .lqd-card-head{
        flex-direction: column;
        align-items: start;
    }
    .ai-learning-sec .learning-serach-wrp{
        flex-direction: column;
        align-items: start;
        margin-top: 10px;
        width: 100%;
    } */
    .ai-learning-sec .learning-serach-wrp form{
        max-width: 100%;
    }
    /* 8-4-2025 */
    .show-topic-section .progress-wrap.sticky-row{
        padding-bottom:15px ;
        gap: 10px;
    }
    .show-topic-section .progress-wrap.sticky-row .lqd-btn{
        font-size: 13px;
        padding: 10px;
    }
    .ai-learning-chats .schedule-info{
        padding: 15px;
    }
    .ai-learning-chats .schedule-info .schedule-info-content p{
        font-size: 13px;
    }
    .quiz-btn-wrp .lqd-btn{
        min-height: 40px;
    }
    .lqd-card.documents-table-card .aspect-square{
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    /* 9-4-2025 */
    /* ai-video inner page css start */
    /* #user_chat_area .conversation-area{
        overflow: hidden;
    } */
    .common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn, .ai-video-generator .lqd-filter-list .lqd-btn{
        font-size: 12px;
    }
   
    .ai-video-generator .conversation-area .lqd-chat-head .chat-action-box{
        justify-content: start;
    }
    /* 18-4-2025 */
    /* .learning-info-card,
    .learning-info-card .chapter-detail{
        justify-content: center;
    }
    .learning-info-card .learning-image{
        margin: 0 auto;
    }
    .learning-info-card .learning-detail,
    .ai-learning-sec .lqd-card-footer .learning-btn-content{
        width: 100%;
        text-align: center;
    } */
    .learning-info-card::before{
        display: none;
    }
   
     .lqd-card-head .chart-card-item .text-right,
   .lqd-card-head .chart-card-item .text-right .date_range_picker,
   .lqd-card-head .chart-card-item .text-right .date_range_picker .date-range-value,
   .lqd-card-head .chart-card-item .text-right .subjects-list .filter-dropdown,
   .lqd-card-head .chart-card-item .text-right .subjects-list {
    width: 100%;
   }
   .lqd-card-head .chart-card-item .text-right .date_range_picker .date-range-value{
    text-align: left;
   }
   .common-title-wrp .documents-tab-wrp .lqd-filter-list{
    gap: 12px;
   }
   .common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn, .ai-video-generator .lqd-filter-list .lqd-btn{
    padding: 0 0 3px;
    font-size: 12px;
    min-width: 30px;
    background-color: transparent;
    border-bottom: 1px solid hsl(var(--border));
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
   .common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn.active,
    .ai-video-generator .lqd-filter-list .lqd-btn.active,
    .common-title-wrp .documents-tab-wrp .lqd-filter-list .lqd-btn:hover,
    .ai-video-generator .lqd-filter-list .lqd-btn:hover{
    background-color: transparent;
    color: var(--common-second-color);
    border-color: var(--common-second-color);

   }
   .ai-video-generator .lqd-filter-list{
    gap: 15px;
   }

   /* 21-4-2025 */

.ai-chat-head .chapter-right-wrp{
    gap: 10px;
}
.ai-chat-head .chapter-right-wrp .select-dropdown.header-lang{
    max-width: calc(33.33% - 5px);
    width: 100%;
}
.ai-chat-head .chapter-right-wrp > .flex.justify-center{
    /* max-width: calc(66.66% - 5px);
    width: 100%; */
    flex:1;
    gap: 10px;
}
.ai-chat-head .chapter-right-wrp > .flex.justify-center .select-dropdown.header-lang {
    max-width: calc(50% - 5px);
    width: 100%;
}
.ai-chat-head .chapter-right-wrp .custom-select,
.ai-chat-head .chapter-right-wrp .custom-select .dropdown{
    width: 100%;
}
.header-lang .custom-select .caption span:not(.prompt-icon){
    flex: 1;
}
.common-title-wrp .ai-head-wrp.documents-tab-wrp span.relative,
.common-title-wrp .ai-head-wrp.documents-tab-wrp .documents-tab-wrp .lqd-input {
    width: 100%;
}
.voiceover-table-card .float-right{
    width: 100%;
    margin: 10px 0 0;
}
.voiceover-table-card .float-right nav {
    margin-top: 20px;
    width: 100%;
    flex-direction: column;
}
.voiceover-table-card .float-right p{
    font-size: 13px;
}
} 
@media (min-width:480px) and (max-width:575px){
    .ai-teacher-list.lqd-chats-list{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width:480px){
    .ai-learning-chats .schedule-list-detail .schedule-iteam .schedule-iteam-right{
        justify-content: start;
        width: 100%;
    }
    .advanced-settings-wrp .lqd-input-container {
        flex: 100%;
    }
 /* 18-4-2025 */
    /* .lqd-card-head .chart-card-item .text-right,
   .lqd-card-head .chart-card-item .text-right .date_range_picker,
   .lqd-card-head .chart-card-item .text-right .date_range_picker .date-range-value{
    width: 100%;
   }
   .lqd-card-head .chart-card-item .text-right .date_range_picker .date-range-value{
    text-align: left;
   } */

   .common-title-wrp .documents-tab-wrp .lqd-filter-list{
    flex: 0 0 100%;
   }
   .common-title-wrp .documents-tab-wrp .gap-1{
    gap:15px 10px;
   }

}
@media screen and (max-width:450px){
    .chart-bg-image{
        display: none;
    }
    .performance-chart-inner{
        padding: 0;
    }
    #overallPerformanceChart .apexcharts-legend{
        top: 270px !important;
    }
    .workbook-sec div.tox .tox-editor-header .tox-toolbar__group:first-child .tox-tbtn--select{
        width: 120px !important;
    }
    .workbook-sec div.tox .tox-menu.tox-collection.tox-collection--list .tox-collection__item h2{
        font-size: 20px !important;
    }
    .workbook-sec div.tox .tox-menu.tox-collection.tox-collection--list .tox-collection__item h1{
        font-size: 22px !important;
    }
    .workbook-sec div.tox .tox-menu.tox-collection.tox-collection--list .tox-collection__item h3{
        font-size: 18px !important;
    }

    .ai-chat-head .chapter-right-wrp > .flex.justify-center{
        max-width: 100%;
    }
    .ai-chat-head .chapter-right-wrp .select-dropdown.header-lang{
        max-width: 100%;
    }
    .ai-teacher-chat-head.active {
        margin-top: 140px;
    }
}
@media screen and (max-width:425px){
    .lqd-card tbody td{
        font-size: 13px;
    }
    .learning-btn-image {
        width: 45px;
        height: 45px;
    }
    .learning-btn-image svg {
        width: 30px;
        height: 30px;
    }
    .learning-info-card .learning-image{
        width: 40px;
        height: 40px;
    }
    .chapter-detail li:not(:last-of-type){
        margin: 0 0 5px;
        padding: 0;
    }
    .learning-info-card{
        gap: 10px;
    }
    .chapter-detail li:not(:last-of-type)::before{
        display: none;
    }
    .learning-info-card h3 {
        font-size: 14px;
    }
    .chapter-detail{
        flex-direction: column;
        align-items: start;
    }
    .ai-teacher-chat-head.active{
        margin-top: 130px;
    }
}