/*h1, .h1-title{
    color: var(--black);
}*/
h3 span,.h3-title span{
    color: var(--theme-clr-1);
}
.ds-main{
    background: var(--light-gray-2);
    padding: 30px 0;
}
/*body:not(.pagelayout-frontpage) .ds-main{    
    padding: 0 !important;
}*/
.pagelayout-admin .breadcrumb ul li, .pagelayout-report .breadcrumb ul li, .pagelayout-standard .breadcrumb ul li {
    color: #000;
}
#page-admin-tool-certificate-my #page-header {display: none;}
.tool_courserating-widget {
    margin-top: 20px;
}
#page.drawers div[role="main"] {
    padding: 0;
}
.drawer.drawer-right.show {
    border-radius: 15px;
    top: 137px;
    width: 328px;
    max-width: 328px;
}
.block_configurable_reports ul {
    padding: 5px 10px;
}
.block_configurable_reports ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.block_configurable_reports ul li .column {
    display: block;
    font-weight: 500;
    color: var(--black);
    cursor: pointer;
}
.ds-body{
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-radius: 15px;
    background: var(--white);
}
.ds-body .sec-head{
    margin-bottom: 30px;
}
.btn.btn-icon.icons-collapse-expand {
    color: #000;
    background-color: unset;
}
.section-item .course-section-header h3.sectionname {
    text-align: left;
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}
.section-item .course-content-item-content .activityname a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
    margin: 0;
    font-weight: 600;
}
.wlcm-box{
    padding: 20px;
    border: 1px solid var(--light-gray-2);
    border-radius: 10px;
    text-align: left;
    margin-bottom: 30px;
}
.wlcm-box h2{
    text-align: left;
    font-size: 32px;
}
.ds-anunce-head h3{
    margin-bottom: 0;
}
.ds-anunce-head{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #BBBBBB;
}
.ds-anunce-head,.ds-anunce-bdy{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.sec-head p{
    width: 100%;
}
.sec-head.no-line h2{
    border: 0;
    padding-right: 0;
    margin-right: 0;
}
.ds-cmn-box .sec-head h2{
    font-size: 32px;
}
.bg-white{
    background: var(--white);
}
.ds-cmn-box{
    padding: 20px;
    border: 1px solid var(--light-gray-2);
    border-radius: 10px;
}
.ds-anunce-date{
    display: flex;
    align-items: center;
    gap: 10px;
}
.ds-anunc-cd{
    background: var(--light-gray-2);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.ds-anunc-cd:last-child{
    margin-bottom: 0;
}
.ds-anunce-content p{
    color: var(--black);
    font-weight: 500;
    font-style: italic;
}
.filter-btn{
    background: transparent;
    border: 0;
    position: relative;
}
.filter-btn:hover .sub-menu{
    display: block;
}
.ds-body .search-form>*{
    margin-bottom: 0;
}
.ds-body .search-form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0;
    border: 0;
}
.filter-menu{
    text-align: left;
}
.filter-menu label, .filter-menu li{
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px 0;
    display: block;
    transition: all ease-in-out .3s;
}
.filter-menu label:last-child, .filter-menu li:last-child{
    margin-bottom: 0;
}
.filter-menu label:has(input[type="radio"]:checked) ,.filter-menu label:hover, .filter-menu li:hover{
    color: var(--theme-clr-1);
}
.filter-menu label input[type="radio"], .filter-menu li a {
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.filter-menu li a {
    opacity: 1;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.ds-course-cd-wrp .row{
    --bs-gutter-y: 24px;
}
.ds-course-cd{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--light-gray-2);
}
.ds-cs-cd-img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height: 220px;
    position: relative;
    z-index: 1;
}
.ds-cs-cd-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ds-cs-content{
    padding: 20px 15px;
}
.ds-cs-cntnt-head{
    margin-bottom: 15px;
}
.ds-cs-cntnt-head h3{
    margin-bottom: 5px;
}
.ds-cs-cntnt-head h3 a{
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    text-decoration: underline !important;
}
.ds-cs-cntnt-head span{
    font-weight: 600;
    color: var(--light-gray);
    font-size: 18px;
    display: block;
}
.ds-cs-cntnt-body p{
    margin-bottom: 10px;
}
.ds-course-cd .ds-cs-cntnt-body p{
    color: var(--text-clr) !important;
}
.course-progress{
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    background: var(--light-gray-2);
    overflow: hidden;
}
.course-progress-container.mx3{
    max-width: 300px;
}
.course-progress .c-progress{
    position: absolute;
    height: 100%;
    background: var(--theme-clr-1);
    border-radius: 10px;
    width: 50px;
}
.c-progress-txt{
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--light-gray);
    font-size: 16px;
}
.ds-details-content .c-progress-txt{
    color: var(--white);
}
.ds-btn-wrp{
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
#page-course-view-topics .ds-main {
    padding: 0 !important;
}
.ds-details-main{
    background: var(--white);
    padding: 0 !important;
}
.ds-details-main .ds-body{
    padding: 0;
}
.ds-body .row .col-lg-3.active{
    width: 72px;
    flex: unset;
}
.ds-body .row .col-lg-3 .ds-sidebar-close{
    display: block;
}
.ds-body .row .col-lg-3.active .ds-sidebar-close{
    display: none;
}
.ds-body .row .col-lg-3.active .ds-sidebar-toggler{
    display: block;
}
.ds-body .row .col-lg-3 .ds-sidebar-toggler{
    display: none;
}
.ds-body .row .col-lg-9.active{
    width: calc(100% - 72px);
}
.ds-body .row .col-lg-3.active .ds-sidebar-inr{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.ds-body .row .col-lg-3 .ds-sidebar-inr{
    /* transition: all ease-in-out .3s; */
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.ds-sidebar-head .ds-sidebar-close{
    opacity: 0;
    pointer-events: none;
}
.ds-sidebar-wrp button.ds-sidebar-toggler,.ds-sidebar-wrp button.ds-sidebar-close{
    margin-bottom: -23px;
}
.ds-sidebar-wrp{
    /*padding: 20px 8px;
    height: 100%;
     overflow-y: auto; 
    width: 100%;*/
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 100;
    padding-right: 10px;

}
.ds-sidebar-wrp button{
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}
.ds-sidebar{
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.ds-sidebar-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.ds-sidebar-head h3{
    margin-bottom: 0;
}
.ds-sidebar-drpdn-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--theme-clr-1);
    padding: 12px;
    cursor: pointer;
}
.ds-sidebar-drpdn-title i.fa-chevron-down{
    transform: rotate(180deg);
    font-size: 16px;
    transition: all ease-in-out .3s;
}
.ds-sidebar-drpdn-title.active i.fa-chevron-down{
    transform: rotate(0);
}
.ds-sidebar-drpdn-title>*{
    color: var(--white);
    font-size: 18px;
    margin: 0;padding: 0;
}
.ds-sidebar-drpdn{
    background: var(--light-gray-2);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.ds-sidebar-drpdn.ds-sidebar-drpdn--sub {
    border-radius: 0;
    margin-bottom: 1px;
}
.ds-sidebar-drpdn.ds-sidebar-drpdn--sub .ds-sidebar-drpdn-title {
    background: #eeeeee;
}
.ds-sidebar-drpdn.ds-sidebar-drpdn--sub .ds-sidebar-drpdn-title > p, .ds-sidebar-drpdn.ds-sidebar-drpdn--sub .ds-sidebar-drpdn-title > i {
    color: #000;
}
.ds-sidebar-drpdn-content ul {
    padding: 12px;
    border-bottom: 1px solid white;
}
.ds-sidebar-drpdn:last-child{
    margin-bottom: 0;
}
/*.ds-sidebar-drpdn-content{
    padding: 12px;
}*/
.ds-sidebar-drpdn-content ul li{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ds-sidebar-drpdn-content ul li i{
    font-size: 12px;
    color: var(--black);
}
.ds-sidebar-drpdn-content ul li i.fa-check{
    color: #008000;
    font-size: 14px;
}
.ds-sidebar-drpdn-content ul li:last-child{
    margin: 0;
}
.ds-sidebar-drpdn-content ul li a,.ds-sidebar-drpdn-content ul li label{
    display: block;
    font-weight: 500;
    color: var(--black);
    cursor: pointer;
}
.ds-sidebar-drpdn-content ul li a:hover,.ds-sidebar-drpdn-content ul li label:hover{
    font-weight: 700;
}
.ds-details-bnr {
    position: relative;
    padding: 50px 30px 10px;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
.ds-details-bnr:last-child{
    margin-bottom: 0;
}
.ds-details-body{
    background: var(--light-gray-2);
    padding: 30px;
}
.ds-details-content .breadcrumb ul li{
    background: var(--white);
    padding: 5px 12px;
    color: var(--theme-clr-1);
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
}
.ds-details-content h1{
    color: var(--white);
    font-size: 32px;
    margin-bottom: 15px;
}
.ds-details-content p{
    margin-bottom: 25px;
    color: var(--white);
}
.ds-details-bnr-btn-wrp{
    justify-content: flex-end;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.ds-details-bnr-btn-wrp .cmn-btn{
    border-radius: 5px;
}
.ds-details-content{
    position: relative;
    z-index: 1;
}
.ds-details-bdy-card{
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--light-gray);
}
.ds-announcements{
    background: rgba(2, 63, 98, .1);
    border-left: 5px solid #023F62;
    padding: 20px 30px;
    border-radius: 10px;
    text-align: left;
}
.ds-announcements h3{
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}
.ds-announcements ul{
    list-style: disc;
    padding-left: 20px;
}
.ds-announcements ul li{
    margin-bottom: 10px;
}
.ds-announcements ul li:last-child{
    margin-bottom: 0;
}
.ds-dbcd-head{
    text-align: left;
    margin-bottom: 30px;
}
.ds-dbcd-head.text-start h2{
    justify-content: flex-start;
}
.ds-dbcd-head:last-child{
    margin-bottom: 0;
}
.ds-dbcd-head h2{
    text-align: left;
    margin-bottom: 15px;
    font-size: 32px;
}
.ds-dbcd-head h2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 5px;
}
.ds-dbcd-head h2 i{
    font-size: 16px;
    margin-left: auto;
    display: inline-block;
}
.ds-details-body>*{
    margin-bottom: 20px;
}
.ds-details-body>*:last-child{
    margin-bottom: 0;
}
.slide-toggler{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.slide-toggler i{
    font-size: 16px;
}
.topic-content-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.topic-content-head  .title-text{
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
    margin: 0;
    font-weight: 600;
}
.topic-content-head  .title-text span{
    text-decoration: underline;
}
.topic-content-head i.fa-check{
    color: #008000;
}
.topic-content-icon{
    width: 20px;
    display: block;
}
.topic-content-icon img{
    width: 100%;
}
.topic-content-wrp{
    width: 100%;
    display: flex;
    /* align-items: center; */
}
.topic-content{
    width: 100%;
    max-width: calc(100% - 20px);
    padding-left: 10px;
}
.topic-content-inr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.topic-content-right{
    display: flex;
    align-items: center;
    gap: 10px;
    /*flex-wrap: wrap;
    width: 354px;*/
}
a.cmn-btn.start-assessment {
    width: max-content;
}
.topic-status{
    position: relative;
}
.topic-status-bar{
    width: 160px;
    height: 46px;
    /* background: linear-gradient(90deg,#008000 50%,var(--white) 0%); */
    background: var(--white);
    border: 1px solid #008000;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.topic-status .status-percent{
    position: absolute;
    left: 0%;
    top: 0%;
    color: var(--white);
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #008000;
    height: 100%;
}
.topic-content-left p{
    color: var(--black);
    font-weight: 500;
}
.topic-content-wrp{
    margin-bottom: 25px;
}
.topic-content-wrp:last-child{
    margin-bottom: 0;
}
.discussion-form-toggler{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--light-gray-2);
    flex-wrap: wrap;
    padding: 12px;
    border-radius: 10px;
}
.discussion-form-toggler>p{
    margin: 0;
    color: var(--black);
    font-weight: 600;
}
.learners-feed-head{
    margin-bottom: 30px;
}
.learners-feed-head h2{
    display: block;
    cursor: auto;
    font-size: 32px;
    text-align: left;
}
.stars{
    display: flex;
    align-items: center;
    gap: 10px;
}
.stars i{
    color: var(--light-gray);
}
.learner-feed-card{
    margin-bottom: 40px;
}
.learner-feed-card:last-child{
    margin-bottom: 0;
}
.learner-feed-card>p{
    color: var(--black);
    font-weight: 600;
}

/* Topic Details Begin */

.t-details .breadcrumb {
    margin-bottom: 20px;
}
.t-details .breadcrumb ul{
    display: flex;
    align-items: center;
    background: var(--white);
    flex-wrap: wrap;
    gap: 0 0;
    padding: 5px 12px;
    border-radius: 30px;
}
.t-details .breadcrumb ul li{
    color: var(--text-clr);
    font-weight: 500;
    font-size: 18px;
}
.t-details .breadcrumb ul li.parent{
    color: var(--black);
}
.mark-as-done{
    gap: 10px;
    position: relative;
    cursor: pointer;
}
.mark-as-done::before{
    width: 0;
    right: 0;
    left: auto;
}
.mark-as-done:hover::before{
    right: 0;
    left: auto;
    width: 0;
}
.mark-as-done:hover{
    color: var(--white);
}
.mark-as-done input{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;

}
.mark-as-done:has(input:checked)::before{
    width: 100%;
    left: 0;
}
.mark-as-done:has(input:checked){
    color: var(--theme-clr-1);
}
.ds-dbcd-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 15px;
}
.ds-dbcd-title h2{
    margin: 0;
}
.topic-video-cd{
    padding: 60px;
}
.topic-video{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.topic-video .vdo-thumb{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: all ease-in-out .3s;
}
.topic-video .vdo-thumb::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
.topic-video .vdo-thumb img,.topic-video video,.topic-video video source{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    transition: all ease-in-out .3s;
}
.topic-video .vdo-thumb i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: var(--white);
    display: block;
    z-index: 2;
    cursor: pointer;
}
.topic-video .vdo-thumb.active{
    opacity: 0;
    pointer-events: none;
}
.topic-navigation ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.topic-navigation ul.flex-end {
    justify-content: flex-end;
}
.topic-navigation ul li .next-btn img{
    transform: rotate(180deg);
}

/* End Of Topic Details */


/* Forum Styles */
.forum {
    margin: auto;
    /* background: #fff; */
    /* border: 1px solid #ddd; */
    border-radius: 6px;
    /*overflow: hidden;*/
}
.forum-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    background: var(--white);
    padding: 12px 20px;
    border-left: 3px solid var(--theme-clr-1);
    margin-bottom: 20px;
    border-radius: 10px;
}
.post-left-wrp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.post-left-wrp strong{
    font-weight: 500;
    font-size: 14px;
}
.post-left-wrp img{
    width: 15px;
    display: block;
    margin-bottom: 3px;
}
.post-left-wrp i{
    color: var(--theme-light);
}
.forum-right{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.post-right-wrp{
    flex: 1;
}
.forum-header .title {
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
}
.forum-header .title svg {
    width: 18px;
    height: 18px;
    stroke: #777;
    fill: none;
    stroke-width: 2;
}
.forum-header .last-post {
    font-size: 0.9em;
    color: #666;
}
.forum-header .stats {
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: var(--text-clr);
    border-right: 1px solid #CCCCCC;
    padding-right: 12px;
    margin-right: 12px;
}
.forum-header .stats div strong{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 4px;
}
.forum-header .menu {
    font-size: 18px;
    color: var(--text-clr);
    cursor: pointer;
    text-align: center;
}
.forum-header .menu i{
    font-size: 16px;
}
.post {
    padding: 20px;
    background: var(--white);
    margin-bottom: 20px;
    border-radius: 10px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.post:last-child {
    margin-bottom: 0;
}
.post-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.user-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.badge {
    font-size: 0.8em;
    padding: 2px 6px;
    color: #fff;
}
.badge.admin {
    background: var(--white);
    color: var(--theme-clr-1);
    font-size: 12px;
    font-weight: 600;
    border: 1px solid var(--theme-clr-1);
    padding: 3px 15px;
    border-radius: 30px;
}
.badge.starter {
    border-bottom: 1px solid var(--theme-clr-1);
    padding-bottom: 5px;
    color: var(--theme-clr-1);
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 0;
}
.link-icon{
    display: block;
}
.name {
    font-weight: 600;
    font-size: 16px;
    color: var(--theme-light);
    padding-left: 15px;
    position: relative;
}
.name::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--theme-light);
}
.joined {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.85em;
    color: var(--text-clr);
    width: 100%;
}
.joined p{
    margin-bottom: 0;
}
.joined .post-time {
    margin-left: 10px;
}
.post-time {
    font-size: 0.85em;
    color: #666;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
    gap: 6px;
}
.post-time span{
    display: block;
    width: 100%;
}
.post-content {
    margin-bottom: 12px;
    line-height: 1.5;
}
.post-content>p{
    color: var(--black);
}
.post-footer {
    text-align: left;
}
.btn {
    font-size: 0.9em;
    padding: 6px 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.btn-reply {
    color: var(--theme-clr-1);
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.btn-qoute{
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
}
.post-right-wrp:has(.reply-form.active) .post-footer{
    display: none;
}
div[data-content="inpage-reply-content"] .card.card-body {
    background: #fafafa;
}
.forum-post-container .post-content .text_to_html {
    margin: 0 0 15px 0;
    color: var(--black);
}
.post-footer{
    background: var(--light-gray-2);
    border-radius: 10px;
    padding: 15px;
    display: flex;align-items: center;
    justify-content: space-between;
    gap: 12px;
}
/* Reply form */
.reply-form {
    background: #fafafa;
    padding: 15px;
    border-radius: 10px;
    margin-top: 15px;
    display: none;
}
.reply-form.active {
    display: block;
}
.rich-text-toolbar {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}
.rich-text-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1em;
}
.reply-form textarea {
    width: 100%;
    min-height: 80px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-family: inherit;
}
.file-attach {
    margin-top: 8px;
    font-size: 16px;
    color: var(--text-clr);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.file-attach small{
    margin-left: auto;
}
.file-attach input {
    margin-left: 6px;
}
.form-footer {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.btn-cancel {
    background: none;
    border: 1px solid #ccc;
    color: #333;
}
.btn-submit {
    background: #d9534f;
    color: #fff;
}
textarea{
    border-radius: 10px;
    margin-bottom: 20px;
    display: block;
}
textarea:last-child{
    margin-bottom: 0;
}
.review-filter{
    position: relative;
}
.review-filter>p{
    padding: 10px 15px;
    margin: 0;
    color: var(--text-clr);
    font-weight: 500;
    border: 1px solid var(--text-clr);
    border-radius: 50px;
    font-size: 16px;
}
.review-filter>p i{
    margin-left: 5px;
    display: inline-block;
}
button#ish-load-more {
    margin: 35px 0 18px 85px;
    display: block;
}
.review-filter >ul{
    list-style: none;
    width: 150px;
    background: var(--white);
    border-radius: 20px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 110%;
    pointer-events: none;
    transition: all ease-in-out .3s;
    z-index: 9999;
}
.review-filter:hover >ul{
    opacity: 1;
    visibility: visible;
    top: 100%;
    pointer-events: all;
}
.review-filter >ul li{
    color: var(--text-clr);
    font-weight: 500;
    font-size: 16px;
    padding: 5px 0;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all ease-in-out .3s;
}
.review-filter >ul li:hover{
    color: var(--black);
}
.review-filter >ul li:last-child{
    margin-bottom: 0;
}
.reviews-container .sec-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.reviews-container .sec-head h2{
    margin-bottom: 0;
}

.review-card{
    display: flex;
    /* flex-wrap: wrap; */
    gap: 12px;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 30px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 30px;
}
.review-card:last-child{
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
/* .fa-thumbs-up{
    color: #FFA500;
} */
.rcd-action-btn{
    display: flex;
    align-items: center;
    gap: 5px;
}
.thumbs-wrp{
    position: relative;
}
.thumbs-wrp i{
    transition: all ease-in-out .3s;
}
.thumbs-wrp input[type='radio']{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}
.thumbs-wrp input[type='radio']:checked ~ i{
    color: #FFA500;
}
.r-card-actions{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
}
.r-card-img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.r-card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.r-card-content{
    width: calc(100% - (100px + 70px));
    padding-left: 20px;
}
.r-single-card{
    margin-bottom: 20px;
}
.r-single-card:last-child{
    margin-bottom: 0;
}
.r-single-card p{
    margin-bottom: 10px;
}

/* Discussion Forum Begin */

.d-forum-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 8px 15px;
    border-radius: 50px;
    background: #F5F5F5;
    border-bottom: 2px solid var(--theme-clr-1);
}
.df-category{
    display: flex;
    align-items: center;
    gap: 8px;
}
.df-category label{
    display: flex;
    align-items: center;
    gap: 12px;
}
.df-category label img{
    width: 25px;
    filter: brightness(0);
}
.df-category select{
    background-color: transparent;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    padding: 0 25px 0 0;
    height: auto;
}
.d-forum-head button.cmn-btn, .d-forum-head a.cmn-btn{
    height: auto;
    padding: 6px 15px;
    font-size: 16px;
}
.d-forum-table{
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}
.d-forum-table table{
    width: 100%;
}
.d-forum-table table th,
.d-forum-table table td{
    padding: 10px 15px;
    text-align: left;
    color: #555555;
}
.d-forum-table table th{
    font-weight: 600;
}
.d-forum-table table td{
    font-weight: 600;
}
.d-forum-table table td span{
    display: inline-block;
}
.d-forum-prcs-nm{
    color: #3F7796;
}
.d-forum-table table td .theme {
    color: var(--theme-clr-1);
}
.d-forum-author-date span:nth-child(2),.d-forum-last-post >*:nth-child(2){
    color: #3F7796;
}
.d-forum-table{
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--light-gray);
}
.d-forum-table table tr td:nth-child(3) .d-forum-link{
    border-left: 2px solid var(--theme-clr-1);
    text-align: center;
    display: block;
    padding: 5px 0;
    opacity: 0.7;
}
.d-forum-table table tr td:nth-child(3) .d-forum-link:hover{
    opacity: 1;
}
.d-forum-table table tr td .status-img{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    height: 100%;
    background: rgba(255, 255, 255, 0.002);
    border: 1px solid #EEEEEE;
    box-shadow: inset 0px 0px 18px 1px #E6E6E6;
}

/* End Of Discussion Forum */

/* Topic Details Page */

.start-assesment{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.start-assesment p{
    margin: 0;
}
.ds-sec-head h2, .page-header-headings h1.h2{
    text-align: left;
    font-size: 32px;
}
.ds-sec-head, .page-header-headings{
    margin-bottom: 20px;
}
.page-header-headings h1.h2{ 
    color: var(--black);
    line-height: 1;
    margin: 0 0 25px 0;
    padding: 0;
}
.page-header-image {display: none;}
.resourses-box{
    padding: 20px;
    border-radius: 10px;
    background: var(--light-gray-2);
}
.resourses-box ul li{
    /*display: flex;
    align-items: center;
    gap: 10px;*/
    margin-bottom: 15px;
}
.resourses-box ul li{
    color: var(--black);
    /* text-decoration: underline !important; */
    font-size: 16px;
    font-weight: 500;
}
.resourses-box ul li a {
    font-size: 16px;
    font-weight: 500;   
}
.resourses-box ul li a:hover{
    text-decoration: underline !important;
}
.resourses-box ul li:last-child{
    margin-bottom: 0;
}
.activity.subsection .section h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: var(--theme-clr-1);
}
/* End Of Topic Details Page */

/* Additional Resources Page */

.resource-card {
    margin-bottom: 30px;
}
.resource-card:last-child{
    margin-bottom: 0;
}
.resource-card h3{
    font-size: 20px;
    font-weight: 600;
}
.resource-card h3 a{
    text-decoration: underline !important;
}

/* End Of Additional Resources Page */

/* Assessment Page Begin */

.table-container,.d-forum-table {
    overflow-x: auto;
    padding: 0 5px 5px 0;
}
.table-container.assessment-tbl table{
    min-width: 1060px;
}
.table-container::-webkit-scrollbar,.d-forum-table::-webkit-scrollbar{
    height: 5px;
    width: 5px;
}
.table-container::-webkit-scrollbar-track,.d-forum-table::-webkit-scrollbar-track{
    background: var(--light-gray-2);
    border-radius: 20px;
}
.table-container::-webkit-scrollbar-thumb,.d-forum-table::-webkit-scrollbar-thumb{
    background: var(--theme-clr-1);
    border-radius: 20px;
}
.table-container table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1200px;
}
.d-forum-table table{
    min-width: 800px;
}
#fitem_id_h5peditor .felement {
    display: block !important;
}
.table-container thead th, #page-admin-tool-certificate-my .generaltable thead th {
    background-color: var(--black) !important;
    text-align: center;
    padding: 12px !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: var(--white);
    border: 1px solid #808080;
    text-transform: capitalize;
}
#page-admin-tool-certificate-my .generaltable thead th a {
    color: var(--white);
}
.table-container tr:nth-child(even) td{
    background: var(--light-gray-2);
}
.table-container tbody td, #page-admin-tool-certificate-my .generaltable tbody td {
    padding: 12px;
    font-size: 16px;
    color: var(--text-clr);
    border: 1px solid #808080;
    font-weight: 500;
    text-align: center;
}
.table-container .status{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
/* .table-container tbody tr:last-child td {
    border-bottom: none;
} */
.table-container .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--white);
    min-width: 100px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    z-index: 1;
}
.table-container .dropdown:hover .dropdown-content { display: block; }
.dropdown-content a {
    color: #333;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}
.pagination, .dataTables_paginate {
    display: flex;
    list-style: none;
    padding: 0;
    margin-top: 16px;
    gap: 8px;
}
.pagination li a, .dataTables_paginate a.paginate_button{
    width: 40px;
    height: 40px;
    border: 1px solid var(--text-clr);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-clr);
}
.pagination li.active, .dataTables_paginate a.paginate_button.current {
    width: 40px;
    height: 40px;
    border: 1px solid var(--theme-clr-1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-clr-1);
    color: var(--white);
}
.pagination li.active a,.pagination li a:hover, .dataTables_paginate a.paginate_button.current a,.dataTables_paginate a.paginate_button a:hover {
    background: var(--theme-clr-1);
    color: var(--white);
    border-color: var(--theme-clr-1);
}
/* Make sure button is relative */
#reporttable_first,
#reporttable_previous,
#reporttable_next,
#reporttable_last {
    position: relative;
    width: 40px;   /* adjust as needed */
    height: 40px;  /* adjust as needed */
    text-indent: -9999px; /* hide original text */
    overflow: hidden;
    color: transparent !important;
    font-style: normal;
}

/* Font Awesome arrows via ::before */
#reporttable_first::before {
    font-family: "Font Awesome 5 Free"; /* or "Font Awesome 6 Free" */
    content: "\f100";  /* fa-angle-double-left */
    font-weight: 900;   /* solid style */
    font-size: 18px;
    position: absolute;    
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);
}

#reporttable_previous::before {
    font-family: "Font Awesome 5 Free";
    content: "\f104";  /* fa-angle-left */
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);

}

#reporttable_next::before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";  /* fa-angle-right */
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);
}

#reporttable_last::before {
    font-family: "Font Awesome 5 Free";
    content: "\f101";  /* fa-angle-double-right */
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);
}

/* Optional hover/focus style */
#reporttable_first:hover::before,
#reporttable_previous:hover::before,
#reporttable_next:hover::before,
#reporttable_last:hover::before {
    color: var(--theme-clr-1);  /* change color on hover */
}
.dataTables_info {
    margin-top: 16px;
}
.dataTables_length label {
    display: flex;
    gap: 10px;
    align-items: center;
}
#reporttable_filter input[type="search"] {
    box-shadow: none;
    height: 46px;
    padding: 5px 45px 5px 15px;
    background: url(../pix/search-icon.svg) no-repeat right 15px center var(--white);
    background-size: 20px;
    border: 1px solid var(--light-gray);
    border-radius: 50px;
    width: 350px;
    margin-left: 10px;
    margin-bottom: 16px;
}
.btn-cancel {
    border: none;
}

/* End Of Assessment Page */

/* MCQ Bank Page Begin */

.mcq-b-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 30px;
}
.question-count{
    color: var(--black);
}
.currQcount{
    color: var(--theme-clr-1);
    font-weight: 600;
}
.mcq-single{
    padding: 20px;
    border-radius: 10px;
    background: var(--light-gray-2);
}
.mcq-single h3{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--light-gray);
}
.mcq-options-wrp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: 10px;
    flex-wrap: wrap;
}
.mcq-options-wrp>*{
    /*width: calc((100% - (3 * 30px)) / 4);*/
    width: 100%;
    background: var(--white);
    padding: 10px 15px 10px 34px;
    border-radius: 50px;
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    transition: all ease-in-out .3s;
}
.mcq-options-wrp label:has(input:checked){
    background: #008000;
    color: var(--white);
}
.mcq-options-wrp label input{
    appearance: none;
}
.mcq-options-wrp label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 11px;
    width: 14px;
    height: 14px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid var(--black);
    transform: translateY(-50%);
    transition: all ease-in-out .3s;
}
.mcq-options-wrp label::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 13px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    transform: translate(0%, -50%);
    transition: all ease-in-out .3s;
}
.mcq-options-wrp label:has(input:checked)::after {
    background-color: var(--white);
}
.mcq-options-wrp label:has(input:checked)::before {
    border-color: var(--white);
}
.mcq-bank-left ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.mcq-bank-left ul li{
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    position: relative;
    padding-left: 15px;
}
.qstat-cmn{
    position: relative;
    padding-left: 15px;
}
.qstat-cmn::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--text-clr);
}
.answered::before, .quiz-atempt-review-table .correct::before{
    background: #008000;
}
.flagged::before, .quiz-atempt-review-table .incorrect::before{
    background: var(--theme-clr-1);
}
.not-answered::before{
    background: var(--text-clr);
}
.mcq-bank-left ul{
    padding: 12px 15px;
    border-radius: 30px;
    border: 1px solid var(--light-gray);
    list-style: none;
}
.mcq-bank-btm{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

/* End Of MCQ Bank Page */

/* Summary Page Begin */

.table-org table{
    min-width: 1000px;
}
.ds-details-bdy-card .note{
    background: rgba(209, 38, 38, .4);
    padding: 12px 15px;
    color: var(--black);
    font-weight: 500;
    margin: 30px 0;
    display: inline-block;
    border-radius: 5px;
}
.tbl-after{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
#page-mod-quiz-summary .tbl-after {
    justify-content: flex-end;
}
#page-mod-quiz-review .submitbtns {
    margin-top: 15px;
}
.quiz-atempt-review-table td.c2>*, .quiz-atempt-review-table td:nth-child(2)>* {
    display: inline;
}
/* ENd Of Summary Page  */

/* Profile Page Begin */

.profile-sec-head,.user-info-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.user-info-head{
    justify-content: flex-start;
}
.user-info-head h1{
    font-size: 32px;
    margin: 0;
}
.profile-sec-head h2{
    font-size: 22px;
    margin: 0;
}
.user-img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.user-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pr-info-card{
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
}
.profile-info-wrp{
    background: var(--light-gray-2);
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.pr-info-card{
    width: calc((100% - 24px) / 2);
}
.pr-info-label{
    font-size: 20px;
    margin-bottom: 10px;
    color: var(--black);
    font-weight: 600;
}
.epr-bg{
    background: var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}
.epr-gnrl-content .input-grp{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 60%;
}
.epr-gnrl-content .input-grp>*{
    width: calc((100% - 12px)/2);
    display: block;
}
.edit-profile-form .prfrm-content-toggler{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}
.edit-profile-form .prfrm-content-toggler i{
    font-size: 16px;
}
.edti-profile-general{
    margin-bottom: 20px;
}
.profile-pic-delete img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.btn-group.header-button-group {
    display: none !important;
}
.page-user-edit #topofscroll {max-width: 100% !important;}
.page-user-edit #page-header {padding: 0;}
.page-user-edit #page-header .w-100 > .flex-wrap {display: none !important;}
.page-user-edit #page-header .page-context-header {
    justify-content: flex-start;
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    flex-wrap: wrap !important;
    margin-bottom: 20px !important;
}
.page-user-edit #page-header .page-context-header .page-header-image, .page-user-edit #page-header .page-context-header .page-header-headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.page-user-edit #page-header .page-context-header .page-header-image .aabtn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.page-user-edit #page-header .page-context-header .page-header-image .aabtn .userpicture {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-user-edit #page-header .page-context-header .page-header-headings .h2 {
    font-size: 32px;
    margin: 0;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: var(--black);
}
.page-user-edit #page-content #region-main div[role="main"] {
    padding: 0;
}
.page-user-edit #page-content #region-main h2 {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 10px 0;
}
.page-user-edit #page-content .mform .collapsible-actions {
    display: block;
    width: 25%;
    float: right;
    margin-top: -70px;
}
.page-user-edit #page-content .mform .collapsible-actions .btn-link {
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 20px !important;
    height: 46px;
    border-radius: 50px;
    background: var(--theme-clr-1);
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    border: 1px solid var(--theme-clr-1);
    -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;
    transition: all ease-in-out .3s;
}
.page-user-edit #page-content .mform fieldset {
    border: none;
}
.page-user-edit #page-content .mform fieldset .ftoggler {
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}
.page-user-edit #page-content .mform fieldset .ftoggler a{
    float: right;
    right: 10px;
    position: absolute;
    margin-right: 0 !important;
    font-size: 16px;
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    color: var(--black);
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.page-user-edit #page-content .mform fieldset .ftoggler a:hover,
.page-user-edit #page-content .mform fieldset .ftoggler a:active,
.page-user-edit #page-content .mform fieldset .ftoggler a:focus{
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.page-user-edit #page-content .mform fieldset .fcontainer {
    background: var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}
.page-user-edit #page-content .mform fieldset .fcontainer .col-form-label{
    font-weight: 600;
    color: var(--black);
    padding-left: 20px !important;
}
.page-user-edit #page-content .mform #fgroup_id_buttonar {
    flex-direction: row-reverse;
}
/* .profile-pic-delete input[type='checkbox']{
    
} */
.epr-gnrl-content .input-grp.upload-grp{
    align-items: flex-start;
}
.epr-gnrl-content .input-grp.upload-grp>*{
    color: var(--black);
}
.upload-profile-pic>*{
    margin-bottom: 15px;
    display: block;
}
.epr-gnrl-upload .input-grp > label{
    width: 30%;
}
.epr-gnrl-upload .input-grp>*{
    width: calc(70% - 12px);
}
.upload-field-design{
    background: var(--white);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.upfd-inr{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    padding: 12px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid transparent;
    border-image: repeating-linear-gradient(45deg,
    var(--text-clr) 0px, var(--text-clr) 8px,transparent 8px, transparent 16px) 1;
}
.upload-field{
    position: relative;
}
.upload-field input[type='file']{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.upload-profile-pic>*:last-child{
    margin-bottom: 0;
}
.upload-profile-pic>*{
    font-size: 16px;
}
.upload-profile-pic .instructions{
    text-align: right;
}
.edit-profile-form .input-grp label{
    font-weight: 600;
}
.edit-profile-form .input-grp .profile-pic-delete-checkbox{
    padding-left: 10px;
    color: var(--text-clr);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.edit-profile-form .input-grp .profile-pic-delete-checkbox input{
    width: 15px;
    height: 15px;
    accent-color: var(--theme-clr-1);
    cursor: pointer;
}
.upfd-content >img{
    margin-bottom: 15px;
}
.upfd-content p{
    color: var(--text-clr);
}

/* End Of Profile Page */





.ds-main-head .sub-menu > li:last-child a{
    border-top: 1px solid var(--light-gray-2);
    padding-top: 10px;
    margin-top: 5px;
}
.ds-main-head .sub-menu{
    padding: 10px 0;
}
.topic-card .ds-dbcd-head{
    margin-bottom: 0;
}
.topic-contents-outer,.topics-wrp{

    padding-top: 30px;
}
.topic-card .slide-toggler{
    margin: 0;
}
/*.three-star i:last-child,.three-star i:nth-last-child(2),.two-star i:last-child,.two-star i:nth-last-child(2),.two-star i:nth-last-child(3),.one-star i:last-child{
    color: var(--light-gray);
}*/
/* Highlight stars depending on rating */
.one-star i:nth-child(-n+1) {
    color: #FFA500;
}

.two-star i:nth-child(-n+2) {
    color: #FFA500;
}

.three-star i:nth-child(-n+3) {
    color: #FFA500;
}

.four-star i:nth-child(-n+4) {
    color: #FFA500;
}

.five-star i:nth-child(-n+5) {
    color: #FFA500;
}
.ish-like.mychoice {
    color: #FFA500;
}
.questionflag .aabtn, .submitbtns .mod_quiz-next-nav {
    font-size: 18px !important;
    font-weight: 500;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 20px !important;
    height: 46px;
    border-radius: 50px !important;
    background: var(--black);    
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 1px solid var(--black) !important;
    -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;
    transition: all ease-in-out .3s; 
}
.questionflag .aabtn .questionflagimage {
    filter: brightness(0) saturate(10%) invert(100%) sepia(100%) saturate(0%) hue-rotate(352deg) brightness(100%) contrast(100%);
}
.questionflag .aabtn:hover .questionflagimage, .questionflag .aabtn:focus .questionflagimage {
    filter: brightness(0) saturate(100%) invert(17%) sepia(55%) saturate(5877%) hue-rotate(352deg) brightness(91%) contrast(85%);
}
.questionflag .aabtn:hover, .questionflag .aabtn:focus {
    color: var(--theme-clr-1);
    background: var(--white);
    box-shadow: none;
}
input[type="checkbox"]:focus {
    box-shadow: none;
}
.black-btn {
    background: var(--black);
    border-color: var(--black);
}
.question-count{
    font-weight: 700;
}
.ds-filter-wrp select{
    background: url(../pix/chevron-down-white.svg) no-repeat calc(100% - 15px) center var(--theme-clr-1);
    color: var(--white);
    width: auto;
    border-color: var(--theme-clr-1);
    margin-left: auto;
}
.ds-filter-wrp{
    margin-bottom: 30px;
}
.share-btn{
    padding: 10px;
    border-radius: 5px;
    border: 1px solid var(--theme-clr-1);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: all ease-in-out .3s;
}
.share-btn img{
    transition: all ease-in-out .3s;
}
.share-btn:hover{
    background: var(--theme-clr-1);
}
.share-btn:hover img{
    filter: brightness(0) invert(1);
}
.table-container table td .btn-wrp{
    justify-content: center;
}
.mcq-b-pagination .cmn-btn{
    min-width: 150px;
}
.ds-filter-wrp{
    padding-right: 5px;
}
.disable-btn{
    background: #bbbbbb;
    color: var(--black);
    pointer-events: none;
    border-color: #bbbbbb !important;
}
.ds-dbcd-head {
    margin: 0 -20px !important;
    padding: 0 20px 20px !important;
    border-bottom: 1px solid #BBBBBB;
}
.ds-dbcd-head p{
    padding-bottom: 20px !important;
}
.ds-dbcd-head:has(p){
    padding-bottom: 0 !important;
}
.discussion-form .ds-dbcd-head{
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0;
}
.discussion-form .slide-toggler i{
    transform: rotate(0);
}
.ds-dbcd-head h2 i,.slide-toggler i{
    transform: rotate(180deg);
    transition: all ease-in-out .3s;
}
.ds-dbcd-head.active h2 i,.slide-toggler.active i{
    transform: rotate(0);
}
.learners-feed-head{
    padding-bottom: 20px;
    border-bottom: 1px solid #BBBBBB;
}
.ds-dbcd-head h2:last-child{
    margin-bottom: 0;
}

/* Responsive CSS */

@media only screen and (max-width: 1199px){
    .ds-main-head .search-form input {
        width: auto;
        font-size: 16px;
    }
    .navbar-nav > li > a{
        padding: 10px 15px;
        height: auto;
    }
    .ds-cs-content {
        padding: 15px 12px;
    }
    .ds-course-cd {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .ds-sidebar-wrp {
        padding: 0;
    }
    .ds-details-body {
        padding: 20px;
    }
    .ds-sidebar-drpdn-title>* {
        color: var(--white);
        font-size: 16px;
    }
    .ds-sidebar-drpdn-content {
        padding: 10px 8px;
    }
    .epr-gnrl-content .input-grp{
        width: 100%;
    }
    .table-container.assessment-tbl table{
        min-width: 1100px;
    }
    .mcq-options-wrp{
        gap: 12px;
    }
    .mcq-options-wrp>* {
        width: calc((100% - (3 * 12px)) / 4);
        padding: 10px 12px 10px 20px;
    }
    .mcq-options-wrp label::before{
        left: 6px;
    }
    .mcq-options-wrp label::after{
        left: 8px;
    }
    .mcq-b-head{
        margin-bottom: 20px;
    }
    .ds-sec-head h2{
        margin-bottom: 20px;
    }
    
}

@media only screen and (max-width: 991px){
    .navbar-toggler{
        order: 3;
        margin-left: 10px;
        width: 30px;
    }
    .nav-right-part{
        margin-left: auto;
    }
    .navbar-brand{
        width: 160px;
    }
    .wlcm-box h2,.ds-cmn-box .sec-head h2{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .wlcm-box,.ds-cmn-box,.ds-anunc-cd{
        padding: 12px;
    }
    h3, .h3-title{
        font-size: 22px;
    }
    .cmn-btn{
        height: auto;
        padding: 10px 15px;
    }
    .ds-anunce-head{
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    .navbar{
        padding: 20px 0;
    }
    .sub-menu > li > a{
        padding-left: 10px;
    }
    .sub-menu, .navbar-nav > li > .sub-menu .sub-menu {
        background: #fff;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 1000;
        display: none;
        border: 1px solid var(--light-gray-2);
        border-radius: 10px;
        width: 200px;
        padding: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .ds-main-head .navbar-collapse .navbar-nav{
        flex-direction: column;
        gap: 12px;
        padding: 12px !important;
    }
    .ds-main-head .navbar-nav > li > a{
        padding: 5px 0;
        background: var(--white);
        border: 0;
        color: var(--black);
    }
    .ds-main-head .navbar-nav > li > a:hover, .ds-main-head .navbar-nav > li.current-menu-item a{
        color: var(--theme-clr-1);
    }
    .ds-cs-cntnt-head h3 a {
        font-size: 18px;
    }
    .ds-body .row{
        margin: 0;
    }
    .ds-body .row .col-lg-3{
        width: 30px;
        position: relative;
        padding: 0;
    }
    .ds-body .row .col-lg-3.active{
        width: 30px;
    }
    .ds-body .row .col-lg-9,.ds-body .row .col-lg-9.active {
        width: calc(100% - 30px);
    }
    .ds-sidebar-wrp {
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        padding: 12px 12px 12px 0;
        background: var(--white);
        z-index: 99;
    }
    .ds-body .row .col-lg-3.active .ds-sidebar-wrp {
        padding: 0;
        width: auto;
        position: static;
    }
    .ds-dbcd-head h2{
        font-size: 28px;
    }
    .epr-gnrl-content .input-grp>*:first-child{
        width: 30%;
    }
    .epr-gnrl-content .input-grp>*:last-child{
        width: calc(70% - 12px);
    }
    .edit-profile-form .prfrm-content-toggler{
        padding: 12px;
        font-size: 20px;
        border-radius: 5px;
    }
    .mcq-options-wrp>* {
        width: auto;
        padding: 10px 12px 10px 25px;
    }
    .mcq-options-wrp label::before{
        left: 11px;
    }
    .mcq-options-wrp label::after{
        left: 13px;
    }
    .mcq-single h3 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    .mcq-single{
        padding: 12px;
    }
    .ds-details-bdy-card{
        padding: 12px;
    }
    .mcq-b-head{
        flex-wrap: wrap;
    }
    .reply-form{
        padding: 12px;
    }
    .post{
        padding: 12px;
        gap: 12px;
    }
    .file-attach small{
        margin-left: 0;
    }
    .file-attach{
        gap: 6px;
    }
}
@media only screen and (max-width: 767px){
    .navbar-toggler{
        margin-left: 10px;
        width: 30px;
    }
    .profile-img > img {
        width: 40px;
        height: 40px;
        margin-right: 0px;
    }
    .profile-control{
        margin-left: 10px;
    }
    .navbar-brand {
        width: 120px;
    }
    .resourses-box,.ds-details-bdy-card,.ds-details-body{
        padding: 12px;
    }
    .ds-sec-head h2{
        font-size: 28px;
    }
    .table-container table {
        min-width: 1140px;
    }
    .epr-bg{
        padding: 12px;
    }
    .file-attach input{
        margin-left: 0;
    }
    .post,.reply-form,.forum-header{
        padding: 12px;
    }
    .forum-header .stats{
        flex-wrap: wrap;
        border: 0;
    }
    .question-count{
        width: 100%;
    }
    .ds-sec-head h2{
        margin-bottom: 10px;
    }
    .mcq-bank-left ul {
        padding: 8px 12px;
        gap: 12px;
    }
    .mcq-bank-left ul li{
        font-size: 16px;
    }
    .mcq-bank-btm{
        margin-top: 20px;
    }
    .upload-profile-pic .instructions{
        text-align: left;
    }
    .mcq-b-pagination .cmn-btn{
        min-width: 130px;
    }
    .ds-dbcd-head {
        margin: 0 -12px !important;
        padding: 0 12px 12px !important;
    }
    .ds-dbcd-head p{
        padding-bottom: 12px !important;
    }
    .ds-dbcd-head:has(p){
        padding-bottom: 0 !important;
    }
    .discussion-form .ds-dbcd-head{
        padding: 0 !important;
        margin: 0 !important;
    }
    .learners-feed-head{
        padding-bottom: 12px;
    }
}
@media only screen and (max-width: 575px){
    .nav-right-part {
        margin-left: 0;
    }
    .navbar-brand {
        width: 150px;
        margin-bottom: 8px;
    }
    .navbar {
        padding: 12px 0;
    }
    h2.mb-4{
        margin-bottom: 0 !important;
    }
    .table-container tbody td,.table-container tbody th{
        font-size: 14px;
        padding: 8px;
    }
    .table-container table {
        min-width: 1000px;
    }
    .breadcrumb{
        margin-top: 0;
    }
    .ds-details-bnr {
        padding: 30px 12px 10px;
    }
    .ds-announcements {
        padding: 12px;
    }
    .topic-status-bar{
        height: 40px;
        width: 150px;
    }
    .ds-dbcd-head ,.learners-feed-head,.learner-feed-card{
        margin-bottom: 20px;
    }
    .learner-feed-card>p{
        margin-bottom: 10px;
    }
    .learners-feed-container.mb-5{
        margin-bottom: 20px !important;
    }
    h3, .h3-title {
        font-size: 20px;
    }
    .r-card-content{
        padding-left: 0;
        width: calc(100% - (80px + 60px));
    }
    .r-card-actions {
        gap: 10px;
    }
    h1, h2, h3, h4, h5, h6, .hero-content-inr p{
        margin-bottom: 10px;
    }
    .r-card-img {
        width: 60px;
        height: 60px;
    }
    .ds-details-content h1{
        font-size: 26px;
    }
    .ds-dbcd-head h2,.learners-feed-head h2{
        font-size: 24px;
    }
    .btn-wrp,.topic-navigation ul{
        justify-content: center;
        flex-wrap: wrap;
    }
    .t-details .breadcrumb ul{
        padding: 12px;
    }
    .t-details .breadcrumb ul li{
        font-size: 16px;
    }
    .pr-info-card {
        width: 100%;
        padding: 12px;
    }
    .pr-info-label{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .profile-info-wrp{
        gap: 15px;
    }
    .epr-gnrl-content .input-grp>*{
        width: 100% !important;
    }
    .epr-gnrl-content .input-grp{
        gap: 6px;
    }
    .upload-profile-pic>* {
        margin-bottom: 10px;
    }
    .ds-body>.row>.col-lg-3{
        position: absolute;
    }
    .ds-body>.row>.col-lg-3 .ds-sidebar-wrp{
        padding: 0;
        /* width: 100%; */
        background: transparent;
    }
    .ds-body .row .col-lg-3 .ds-sidebar-inr{
        background: var(--white);
        padding: 12px 6px 12px 0;
    }
    .ds-body .row>.col-lg-9, .ds-body .row>.col-lg-9.active{
        width: 100%;
        padding: 0;
        padding-top: 35px;
    }
    .ds-filter-wrp .search-form .input-grp{
        width: 100%;
    }
    .ds-filter-wrp .search-form .input-grp input{
        width: 100%;
    }
    /* .ds-filter-wrp select{
        margin-right: auto;
    } */
    .ds-sidebar-wrp button.ds-sidebar-toggler, .ds-sidebar-wrp button.ds-sidebar-close{
        margin-bottom: -32px;
    }
    .mcq-options-wrp{
        justify-content: flex-start;
    }
    .tbl-after{
        flex-wrap: wrap;
    }
    .ds-details-bdy-card .note{
        margin: 20px 0;
    }
    .tbl-after .pagination{
        margin-top: 15px;
    }
}
@media only screen and (max-width: 479px){
    .ds-main-head .search-form input {
        font-size: 13px;
        padding-right: 40px;
    }
    .search-form{
        padding-left: 0;
    }
    .profile-img > i{
        font-size: 14px;
    }
    .navbar-toggler{
        order: unset;
    }
    .navbar-brand{
        margin: 0;
    }
    .navbar{
        gap: 8px;
    }
    .profile-control .menu-item-has-children:hover .sub-menu{
        padding: 10px 0;
    }
    .ds-main {
        padding: 20px 0;
    }
    h1, .h1-title {
        font-size: 26px;
    }
    .ds-body{
        padding: 12px;
        border-radius: 12px;
    }
    .sec-head h1 img,.ds-anunce-date>img{
        width: 30px;
    }
    .ds-body .sec-head ,.wlcm-box{
        margin-bottom: 20px;
    }
    .ds-body .sec-head.mb-5{
        margin-bottom: 20px !important;
    }
    .wlcm-box h2, .ds-cmn-box .sec-head h2,.ds-sec-head h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .ds-body .sec-head h2:last-child, .wlcm-box:last-child,.ds-sec-head h2:last-child{
        margin-bottom: 0;
    }
    .wlcm-box, .ds-cmn-box, .ds-anunc-cd {
        padding: 12px 8px;
    }
    h3, .h3-title {
        font-size: 20px;
    }
    .filter-btn{
        padding: 0;
    }
    .ds-body .search-form{
        justify-content: center;
    }
    .pagination{
        flex-wrap: wrap;
    }
    .resourses-box, .ds-details-bdy-card, .ds-details-body {
        padding: 8px;
    }
    .resourses-box ul li {
        gap: 6px;
        margin-bottom: 12px;
    }
    .pagination li a,.pagination li.active {
        width: 35px;
        height: 35px;
    }
    .review-card{
        flex-wrap: wrap;
    }
    .r-card-content{
        width: 100%;
    }
    .ds-course-cd-wrp .row>*{
        padding: 0;
    }
    .ds-cs-cntnt-head span{
        font-size: 16px;
    }
    .ds-announcements h3{
        margin-bottom: 15px;
    }
    .ds-announcements h3 img{
        width: 15px;
    }
    .ds-announcements {
        padding: 12px 8px;
    }
    .ds-dbcd-head h2 {
        font-size: 20px;
    }
    .topic-content {
        max-width: calc(100% - 15px);
        padding-left: 8px;
    }
    textarea{
        font-size: 16px;
        padding: 12px;
    }
    .edit-profile-form .prfrm-content-toggler{
        font-size: 18px;
    }
    .ds-main:has(.ds-sidebar-wrp){
        padding-top: 0;
    }
    .inr-bnr-img::after {
        background: linear-gradient(90deg, var(--black) 0%,rgba(0,0,0,0) 100%);
    }
    .ds-details-content .breadcrumb ul li,.c-progress-txt{
        font-size: 14px;
    }
    .c-progress-txt{
        margin-bottom: 0;
    }
    .ds-details-content h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .ds-details-content p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .ds-details-bnr {
        padding: 20px 12px;
    }
    .l-thoughts-form .btn-wrp .cmn-btn{
        width: 100%;
    }
    .df-category label img {
        width: 20px;
        flex-shrink: 0;
    }
    .df-category{
        gap: 5px;
    }
    .df-category select{
        font-size: 14px;
        padding-right: 10px;
        background: url(../pix/sort-down.svg) no-repeat right center transparent;
        background-size: 10px;
    }
    .d-forum-head{
        gap: 5px;
        padding: 8px 12px;
    }
    .d-forum-head button.cmn-btn {
        padding: 6px 12px;
        font-size: 14px;
    }
    .forum-header .stats{
        font-size: 15px;
    }
    .wlcm-box .search-form .input-grp{
        width: 100%;
    }
    .topic-navigation ul {
        gap: 5px;
    }
    .topic-navigation ul .cmn-btn{
        padding: 8px 12px;
        gap: 6px;
    }
    .topic-navigation ul .cmn-btn img{
        width: 15px;
    }
    .ds-body .col-lg-12{
        padding: 0;
    }
    .mcq-bank-left ul{
        padding: 12px;
        border-radius: 10px;
        gap: 8px;
    }
    .mcq-single h3 {
        font-size: 18px;
    }
    .nav-right-part ,.ds-main-head .search-form input{
        width: 100%;
        margin-right: 0;
    }
    .nav-right-part>:first-child{
        flex: 1;
    }
    .mcq-b-pagination .cmn-btn{
        min-width: 110px;
    }
    .post{
        flex-wrap: wrap;
    }
    .name{
        font-size: 13px;
        padding-left: 10px;
    }
    .joined p {
        font-size: 10px;
    }
    .badge.admin {
        padding: 3px 10px;
    }
    .name::before {
        width: 6px;
        height: 6px;
    }
    .post-right-wrp {
        width: 100%;
        flex: auto;
    }
    .post-content>p{
        line-height: 1.2;
    }
    .post-header{
        flex-wrap: wrap;
    }
    .post-time span {
        text-align: left;width: auto;
    }
    .post-time{
        width: 100%;
        justify-content: space-between;
    }
    .joined .post-time {
        margin-left: 5px;
        width: auto;
    }
    .mcq-options-wrp{
        flex-direction: column;
    }
    .mcq-options-wrp>*{
        width: 100%;
    }
}

/*Block Style */
.block-region .block.card {
    margin-bottom: 0 !important;
    border: none;
}
.block-region .block.card .card-body.p-3 {
    padding: 0 !important;
}
.block-region .block.card .card-body.p-3 .card-text {
    margin-top: 0 !important;
}
.wlcm-box .card-body p {
    color: var(--text-clr);
}
/*Block Style */

/* Hide original radio UI inside this item */
.feedback-item-multichoicerated label,
.feedback-item-multichoicerated .form-control-feedback {
    display: none !important;
}

.feedback-item-multichoicerated .star-rating {
    display: inline-flex;
    cursor: pointer;
    margin-left: 10px;
}

.feedback-item-multichoicerated .star-rating .star {
    font-size: 26px;
    color: #ccc;
    margin-right: 3px;
    transition: color 0.2s;
}

.feedback-item-multichoicerated .star-rating .star.selected {
    color: #f5b301;
}

.feedback-item-multichoicerated .star-rating .star:hover {
    color: #f5d67c;
}
.feedback-item-multichoicerated .col-form-label {
    justify-content: space-between;
}
#page-mod-feedback-view .ds-details-bdy-card .alert-block {
    opacity: 1;
}