/* ========== DASHBOARD PAGE ========== */
.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {
	flex: 0 0 140px;
}
.mobile-menu-link img{
	max-width: 25px;
}
.login-streak{
	color: #000;
	font-size: 16px;
}
.login-streak span{
	font-weight: bold;
}
.ld-dashboard-student .ld-dashboard-all-courses-content .ld-dashboard-warning,.ld-dashboard-student .my-quiz-attempts-wrapper .ld-dashboard-warning{
	border: none;
	background: transparent;
	text-align: center;
	color: #000!important;
}
.ld-dashboard-student .ld-dashboard-all-courses-content .ld-dashboard-warning:before,.ld-dashboard-student .my-quiz-attempts-wrapper .ld-dashboard-warning:before{
	display: block;
	content: '';
	background: url('/wp-content/uploads/2024/09/Layer-1-3.png') no-repeat;
	background-size: contain;
	background-position: center;
	height: 150px;
	width: 100%;
	margin-bottom: 10px;
}
.no-auth{
	text-align: center;
	font-size: 16px;
	color: #000;
}
.no-auth:before {
	display: block;
	content: '';
	background: url('/wp-content/uploads/2024/09/Layer-1-1.png') no-repeat;
	background-size: contain;
	background-position: center;
	height: 150px;
	width: 100%;
	margin-bottom: 10px;
}
.ld-dashboard-content > h3:not(:first-child), .ld-dashboard-content > .filter-options{
	margin-top: 20px;
}
.filter-options .select-text:focus ~ .select-label, .filter-options .select-text:valid ~ .select-label{
	top: -10px!important;
}
.filter-options {
	gap: 20px;
	margin-bottom: 20px;
	align-items: center;
}
.filter-options+.loader{
    position: relative;
	top: 0;
}
.filter-options select {
	font-size: 14px!important;
}
#course-reviews-section .wdm_course_rating_reviews{
	padding: 10px 0 0;
}
#course-reviews-section .comment-review-inner{
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#course-reviews-section .review-author-info {
	padding-right: 10px;
}
#course-reviews-section .reviews-listing-wrap .review-author-img-wrap {
	aspect-ratio: 1/1;
}
#course-reviews-section .reviews-listing-wrap .star {
	font-size: 12px;
}
#course-reviews-section .review-body .review-title{
	font-size:15px;
	text-transform: uppercase;
}
#course-reviews-section .review-footer {
	margin: 0;
}
#course-reviews-section .review-meta-wrap .review-helpful-text {
	padding-left: 0;
}
#course-reviews-section .review-meta-wrap .review-helpful-icon-wrap img {
	width: 15px;
	vertical-align:baseline;
}
#course-reviews-section .review-meta-wrap .reply_to_review_link, #adduser > div.ld-dashboard-profile-form-field-list > div:nth-child(4), #adduser > div.ld-dashboard-profile-form-field-list > div:nth-child(6), .ld-dashborad-add-edit-course tr.bio, .ld-dashboard-profile .ld-dashboard-add-course {
	display: none;
}
.ld-dashboard-user-avatar, .ld-dashboard-course-author-avatar{
	aspect-ratio: 1/1;
}
.ld-dashboard-enrolled-course-author-content-user button{
	margin-left: auto;
	border: none;
	font-size: 14px;
}
.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 100000;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
}
.review-blocker{
	display: none;
}
.review-wrapper {
	width: 800px;
	position: fixed;
	top: 20%;
	background: #fff;
	border-radius: 40px;
	padding: 40px 80px;
	z-index: 10;
	left: 50%;
	transform: translatex(-50%);
}
.review-wrapper .close {
	z-index: 9;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 80px;
	color: #3F60DE;
	font-size: 20px;
}
.review-wrapper .review-title {
	color: #3F60DE;
	font-size: 36px;
	font-weight: 700;
}
.review-form {
	text-align: center;
	position: relative;
}
.rate-container {
	padding-bottom: 30px;
}
.rate-container .rate {
	padding: 25px 0 15px;
}
.rate .star-title {
	margin: 0 5px;
	display: inline-block;
}
.rate-container .rate-label {
	font-size: 20px;
	color: #000;
}
.rate .star-title i {
	cursor: pointer;
	color: #F9DF64;
	font-size: 45px;
}
.rate .star-title i.selected, .rate .star-title i.hover {
	color: #F9DF64;
}
.rate .star-title i.selected:before, .rate .star-title i.hover:before {
	font-weight: 600;
}
.rate .star-title input[type="radio"] {
	display: none;
}
.review-form .review-description {
	display: flex;
	flex-direction: column;
}
.review-description label {
	text-align: left;
	color: #191B24;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 600;
}
.review-description textarea {
	padding: 16px;
	color: #191B24;
	border-radius: 6px;
	border: 1px solid #55575D;
}
.review-description .warning {
	font-size: 12px;
	color: #FF574E;
	text-align: left;
}
.review-wrapper button {
	margin-top: 20px;
	width: 100%;
	border: none;
	font-size: 14px;
}
.review-complete{
	margin-top: 50px;
	display: none;
}
.review-complete img{
	height: 150px;
	display: block;
	margin: 50px auto 30px;
}
.review-complete p{
	color: #2D3037;
	font-size: 20px;
	margin-bottom: 50px;
}
/* ========== COURSE DETAIL PAGE ========== */
a.ld-course-resume.ld-button {
	padding: 10px 20px !important;
	border-radius: 8px!important;
	font-family: Nunito!important;
	font-weight: 500!important;
	font-size: .9em!important;
	text-transform: uppercase!important;
	margin: 0!important;
	max-width: 100%!important;
}
#course-reviews-section > h3 {
	display: flex;
	font-size: 20px!important;
	color: #fff;
	font-weight: bold;
	background: url("/wp-content/uploads/2024/07/Vector.png") no-repeat;
	width: 320px;
	margin: 0 auto 30px;
	background-size: contain;
	background-position: 15px;
	height: 50px;
	padding: 0;
	justify-content: center;
	align-items: center;
}
.review-top-section {
	align-items: center;
	justify-content: center!important;
	gap: 60px;
}
.review-top-star-wrap .reviews-avg {
	color: #2D3037;
	font-size: 50px;
}
.review-stars-top .rating-container {
	font-size: 12px;
}
.empty-stars .fa.fa-star-o:before {
	content: "\f006"!important;
	font-weight: 500!important;
	color: #F9DF64;
}
.review-top-col .reviews-total-wrap {
	color: #55575D;
	font-size: 13px;
	font-weight: 400;
}
.reviews-total {
	font-weight: 400;
}
.review-top-section .review-top-col:nth-child(2) {
	border: none!important;
	padding: 0!important;
	width: 50%;
}
.review-top-col .review-split-wrap {
	max-width: 100%;
	margin: 8px 0;
}
.review-split-wrap .review-split-title {
	font-weight: 500;
}
.review-split-wrap .review-split-percent {
	width: 100%;
	height: 12px;
}
.review-split-wrap .review-split-count{
	cursor: pointer;
}
.review-split-wrap .review-split-count i{
	visibility: hidden;
	color: #000;
	font-size: 20px;
}
.review-split-wrap .review-split-count.active i{
	visibility: visible;
}
.single-sfwd-courses .filter-options > div:first-child{
	color: #191B24;
	font-size: 34px;
	font-weight: 600;
	visibility: hidden;
}
.single-sfwd-courses .filter-options > div:last-child{
	width: 15%;
}
.single-sfwd-courses .filter-options > div:last-child:after{
	border-top-color: #737474;
}
.single-sfwd-courses .filter-options > div:last-child select{
	border: 1px solid #000!important;
	padding: 10px;
	border-radius: 6px;
	color: #000;
}
.review-head{
	flex-direction: column;
	align-items: flex-start!important;
}
.review-head .review-author-info{
	align-items: flex-start;
}
.review-head .review-author-info img{
	object-fit: cover;
}
.review-head .review-author-info .review-author-name{
	font-size: 16px;
	font-weight: 500;
}
.review-head .wdm-review-age{
	color: #42444B;
}
.review-head > div:last-child{
	display: flex;
	align-items: center;
	padding-left: 47px;
	margin-top: -20px;
}
.review-body {
	padding: 0!important;
}
.review-body .review-desc{
	font-weight: 400;
}
.review-meta-wrap{
	display: flex;
}
.comment-review-inner, .review-helpful-wrap{
	gap: 5px;
	display: grid;
}
.review-helpful-wrap .review-helpful-text{
	font-weight: 400;
	color: #42444B;
}
.review-helpful-wrap .likes{
	position: relative;
	width: 35px;
	height: 35px;
	border: 1px solid #55575D;
	border-radius: 50%;
	display: inline-block;
}
.review-helpful-wrap .likes:before{
	position: absolute;
	content: '';
	background: url('/wp-content/uploads/2024/10/thumbs_up.png') no-repeat;
	background-size: 18px 18px;
	background-position: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: block;
	top: 50%;
	left: 50%;
	transform: translatex(-50%) translatey(-50%);
}
.review-helpful-wrap .likes.wdm_helpful_no:before{
	background: url('/wp-content/uploads/2024/10/thumbs_up_white.png') no-repeat;
	background-color: #55575D;
	background-size: 18px 18px;
	background-position: center;
}
.review-helpful-wrap .likes.hide{
	display: none!important;
}
span.review-helpful-count{
	padding-left: 0!important;
	margin-top: 32px;
	margin-left: -60px!important;
	border: none!important;
}
.review-body .review-title, .select-bar:before, .select-bar:after, .reply_to_review_link, .review-helpful-wrap .likes img, #course-reviews-section:has(.no-review) .review-top-section, #course-reviews-section:has(.no-review) .filter-options, .review-course-id{
	display: none;
}
#course-reviews-section a.load_more_reviews{
	text-transform: uppercase;
}
.review_listing .no-review{
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	text-align: center;
}
.review_listing .no-review img{
	width: 150px;
}
.review_listing .no-review p{
	color: #55575D;
}
.review_listing .no-review .cta-btn{
	background-color: #356cef;
    padding: 10px 20px;
    border-radius: 8px;
    font-family: Nunito;
    font-weight: 500;
    color: #fff;
	font-size: 1em;
	text-transform: uppercase;
}
.review-desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.review-desc.expanded {
	-webkit-line-clamp: unset;
}
.review-body .toggle {
	cursor: pointer;
	color: #3A5ECC;
	font-weight: 600;
}
.ld-dashboard-content .thematic-tracking-container h2{
    font-size: 1.3em;
        color: #515b67;
    font-weight: bold;
}
.ld-dashboard-content .thematic-tracking-container table th, .thematic-tracking-container table td{
    padding: 5px;
    text-align: left;
    align-content: center;
}
.likes.wdm_helpful_no{
    border-color: #356CEF!important;
}
.wdm_helpful_no:before{
    background-color: #356CEF!important;
}
.likes.loading:before{
    content: "\f110";
    color: #356CEF;
    background: none!important;
    text-align: center;
    align-content: center;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	animation: likes_rotate linear 2s infinite;
}
@keyframes likes_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);    
        top: -1px;
        left: -1px;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        top: -1px;
        left: -1px;
    }
}

/* ========== Lesson page ========== */
.single-sfwd-lessons .container {
	width: 90%;
}
.single-sfwd-lessons .et_post_meta_wrapper {
	display: none;
}
.single-sfwd-lessons #course_name {
	position: relative;
	font-weight: 700;
	color: #3f60de;
	font-size: 48px;
	text-align: center;
	padding: 0;
}
.single-sfwd-lessons #course_name:before, .single-sfwd-lessons #course_name:after {
	content: "";
	position: absolute;
	background-color: #e8ecfb;
	height: 4px;
	width: 25%;
	bottom: 0;
}
.single-sfwd-lessons #course_name:before {
	left: 0;
}
.single-sfwd-lessons #course_name:after {
	right: 0;
}
.single-sfwd-lessons .course_tag {
	text-align: center;
	margin: 20px 0 50px;
}
.single-sfwd-lessons .topic-container {
	background: #fff;
	border: 4px solid #d1d2d3;
	border-radius: 20px;
	padding: 40px;
	margin: 30px 0;
}
.single-sfwd-lessons .topic-container * {
	list-style-type: none;
}
.single-sfwd-lessons .section-title {
	margin-bottom: 20px;
	color: #191b24;
	font-weight: bold;
	font-size: 26px;
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.single-sfwd-lessons .section-title i{
	transition: all 0.5s;
}	
.single-sfwd-lessons .section-title.active i{
	transform: rotate(90deg);
}
.single-sfwd-lessons .topic-container .lesson {
	min-height: 260px;
}
.single-sfwd-lessons .topic-container .lesson:not(:has(+ .section-title)):not(:last-child) .thumb:before {
	position: absolute;
	content: "";
	height: 100px;
	width: 6px;
	border-radius: 100px;
	background: #d1d2d3;
	left: 50%;
	transform: translatex(-50%);
	bottom: -125px;
}
.single-sfwd-lessons .topic-container .lesson.completed:not(:has(+ .section-title)) .thumb:before {
	background: #52edc7;
}
.single-sfwd-lessons .topic-container .lesson-title {
	display: flex;
	align-items: center;
	gap: 20px;
}
.single-sfwd-lessons .topic-container .lesson-title div:last-child {
	width: 90%;
}
.single-sfwd-lessons .topic-container .lesson-title h3 {
	color: #191b24;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3em;
}
.single-sfwd-lessons .topic-container .lesson-title div:last-child p {
	font-size: 14px;
	line-height: 1.5em;
}
.single-sfwd-lessons .topic-container .lesson-title .thumb {
	position: relative;
	border: 4px solid #bcbcbe; 
	border-radius: 99px;
	width: 9%;
	line-height: 0;
}
.single-sfwd-lessons .topic-container .completed .lesson-title .thumb:after {
	position: absolute;
	content: "";
	background: url("/wp-content/uploads/2024/08/SealCheck.png");
	background-size: cover;
	width: 40px;
	height: 40px;
	bottom: -20%;
	left: 50%;
	transform: translatex(-50%);
}
.single-sfwd-lessons .topic-container .lesson-title .thumb img {
	width: 100px;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 99px;
}
.single-sfwd-lessons .topic-container .in-progress .lesson-title .thumb {
	border-color: #edc752;
}
.single-sfwd-lessons .topic-container .completed .lesson-title .thumb {
	border-color: #52edc7;
}
.single-sfwd-lessons .topic-container .topics {
	padding: 0 12% !important;
}
.single-sfwd-lessons .topic-container .topics > .topic:not(:last-child) {
	margin-bottom: 10px;
}
.single-sfwd-lessons .topic-container .topics * {
	color: #191b24;
}
.single-sfwd-lessons .topic-container .topic > a {
	font-size: 16px;
}
.single-sfwd-lessons .topic .learned {
	font-weight: bold;
}
.single-sfwd-lessons .topic .learned:after {
	content: "\f00c";
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-size: 13px;
	margin-left: 10px;
	color: #2ca80e;
}
.single-sfwd-lessons .quiz .completed {
	text-decoration: line-through;
}
/* ========== Topic page ========== */
.postid-283861 .topic-situation{
  flex-direction: column;
  gap: 0!important;
}
.postid-283861 .topic-situation img{
  max-width: 350px;
}

.topic-nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.topic-nav .back .ld-icon{
	color: #282B31;
	font-size: 14px;
	position: relative;
}
.topic-nav .back .ld-icon:after{
	content: "\e914";
	left: -5px;
	position: absolute;
}
.topic-nav .back .text{
	text-decoration: underline;
	color: #282B31;
	font-weight: 600;
	text-transform: capitalize;
}
.topic-nav .next{
	background-color: #356CEF;
	border-radius: 8px;
	padding: 12px 24px;
}
.topic-nav .next .ld-icon{
	color: #fff;
	font-size: 14px;
}
.topic-nav .next .text{
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}
#quiz-result {
	border: 1px solid #356CEF;
	border-radius: 10px;
	padding: 10px 24px;
	color: #356CEF;
	font-size: 18px;
	font-weight: 600;
	margin-right: 16px;
	cursor: pointer;
}

.single-sfwd-topic .topic-container{
	display: flex;
	margin-top: 30px;
}
.topic-container > .quiz-result-box{
	width: 60%;
	display: none;
}
.topic-container.result-show > .quiz-result-box{
	display: block;
}
.topic-container > .topic-box{
	margin: auto;
}
.topic-container.result-show > .topic-box{
	width: 40%;
}
.quiz-result-box{
	background: #fff;
	padding: 30px;
	border-radius: 16px 40px 40px 16px;
	border: 1px solid #b2bff2;
}

.single-sfwd-topic .topic-content-wrapper{
	background: #fff;
	padding: 30px;
	border-radius: 40px 16px 16px 40px;
	border: 1px solid #b2bff2;
	width: 100%;
	max-width: 800px;
}
.single-sfwd-topic .container {
	width: 90%;
}
.single-sfwd-topic .et_post_meta_wrapper {
	display: none;
}
.single-sfwd-topic #lesson-title {
	color: #191b24;
	font-weight: 700;
	font-size: 32px;
	text-align: center;
	margin: 0 auto 50px;
	display: block;
	text-transform: uppercase;
	line-height: 1.3em;
}
.single-sfwd-topic #topic-title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
}
.single-sfwd-topic #topic_subtitle {
	display: block;
	font-weight: bold;
	margin: 0 0 15px;
	font-size: 1.2em;
}
.single-sfwd-topic h2 {
	font-size: 18px;
	position: relative;
}
.single-sfwd-topic .topic-content-wrapper > div:not(:last-child) {
	margin: 0 0 50px;
}
.single-sfwd-topic .topic-situation {
	display: flex;
	gap: 50px;
	justify-content: space-between;
	font-size: 16px;
}
.single-sfwd-topic .topic-situation img {
	max-width: 30%;
	object-fit: scale-down;
}
.single-sfwd-topic .topic-situation.bottom{
	flex-direction: column;
	gap: 10px;
}
.single-sfwd-topic .topic-situation.top{
	flex-direction: column-reverse;
	gap: 10px;
}
.single-sfwd-topic .topic-situation.bottom img, .single-sfwd-topic .topic-situation.top img{
	max-width: 100%;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal {
	display: grid;
	gap: 50px;
	grid-template-columns: 1fr 1fr;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal > div {
	border: 1px solid;
	padding: 0 20px 20px;
	line-height: 1.5em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal > div > h2 {
	position: relative;
	width: max-content;
	padding: 0px 0px 0px 80px;
	top: -1.4em;
	left: -21px;
	z-index: 0;
	font-weight: 700;
	font-size: 28px;
	margin-bottom: -1em;
}
.single-sfwd-topic .topic-content-wrapper.b1 #topic-goal > div > h2, .single-sfwd-topic .topic-content-wrapper.b1 #topic-wos h2 {
	font-weight: 800;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal > div > h2:before, .single-sfwd-topic .topic-content-wrapper #topic-goal > div > h2:after {
	position: absolute;
	content: "";
}
.single-sfwd-topic .topic-content-wrapper #topic-goal > div > h2:before {
	background: #ffa500;
	width: 70px;
	left: 0;
	height: 100%;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal > div > h2:after {
	background: #fff;
	width: 100%;
	right: -10px;
	height: 100%;
	z-index: -1;
	bottom: 0;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal > div > h3 {
	margin: 15px 0 5px;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	padding: 0 0 0 15px;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar div > h2:before, .single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > h2:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #800000;
	left: 0;
}
.single-sfwd-topic .topic-content-wrapper.b1 #topic-goal #grammar div > h2:before{
  color: #ffa500;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal > div div > p {
	padding-bottom: 5px;
	font-size: 16px;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar {
	border-color: #ffa500;
	background: #fff;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar > h2 {
	color: #ffa500;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar div > h1, .single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > h1 {
	font-size: 24px;
	line-height: 1.3em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar div > h2, .single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > h2 {
	font-size: 16px;
	padding: 10px 0 5px 1.2em;
	line-height: 1.3;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar div > h2:first-of-type, .single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > h2:first-of-type {
	padding: 0 0 5px 1.2em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar div > h2:before {
	font-size: 13px;
	content: "\f0c8";
	top: .8em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #grammar div > h2:first-of-type:before{
	top: .1em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary {
	border-color: #800000;
	background: #fff;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary > h2 {
	color: #800000;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary > h2:before {
	background: #800000;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > h2:before {
	font-size: 8px;
	content: "\f111";
	top: 2em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > h2:first-of-type:before {
	top: .7em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > ul{
  padding-left: 1em;
}
.single-sfwd-topic .topic-content-wrapper #topic-goal #vocabulary div > ul li::marker {
  color: #800000;
  font-size: 20px;
}
.single-sfwd-topic .topic-content-wrapper #topic-wos {
	border-top: 3px solid #3f60de;
	padding: 0 20px 20px;
	background: radial-gradient( circle, rgba(255, 255, 255, 1) 0%, rgba(63, 96, 222, 0.1) 100% );
	margin-bottom: 20px;
	font-size: 16px;
}
.single-sfwd-topic .topic-content-wrapper #topic-wos h2 {
	position: relative;
	top: -1.05em;
	padding: 0 10px;
	z-index: 0;
	width: max-content;
	margin: auto;
	font-weight: 700;
	font-size: 28px;
	color: #3f60de;
}
.single-sfwd-topic .topic-content-wrapper #topic-wos h2:after {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	z-index: -1;
	bottom: 3px;
	left: 0;
}
#topic-wos tr, #topic-wos td{
  height: auto!important;
	padding: 0;
}
.single-sfwd-topic .topic-content-wrapper #topic-wos ul{
  padding: 0;
  list-style: none;
}
.single-sfwd-topic .topic-content-wrapper #topic-wos ul li{
  padding-left: 1em;
  position: relative;
	left: -.5em;
}
.single-sfwd-topic .topic-content-wrapper #topic-wos ul li:before{
  content: "";
  position: absolute;
  background-color: #ffa500;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 0;
  top: .5em;
}
.single-sfwd-topic .topic-content-wrapper #topic-note {
	font-size: 16px;
}
.single-sfwd-topic .topic-content-wrapper #topic-note > p, .single-sfwd-topic .topic-content-wrapper #topic-wos ul > p {
	margin: 0;
}
.topic-content:not(:last-child) {
  position: relative;
}
.topic-content h2.situation-title{
	font-weight: 700;
	font-size: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	margin-bottom: 10px;
	color: #235af3;
}
.topic-content > span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: bold;
    width: 25px;
    height: 25px;
    background: #235af3;
    text-align: center;
    align-content: center;
    color: #fff;
    line-height: 1.4em;
	border-radius: 99px;
}
.topic-content > div{
	padding-left: 40px;
}
.a2 .topic-situation img.to-top, .b1 .topic-situation img.to-top{
	position: absolute;
    bottom: 0;
    right: 0;
}
.a2 .topic-situation .fixed-width, .b1 .topic-situation .fixed-width{
	max-width: 70%;
}
.topic-content > h2.comment-box-title{
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.topic-content #topic-wos{
	border: 1px solid rgba(35,91,243,0.5);
	border-top-width: 1px!important;
	padding-top: 20px!important;
	border-radius: 12px;
}
.topic-content > h2.comment-box-title, .single-sfwd-topic .topic-content-wrapper.single #topic-title.b1-title {
	text-align: left;
	position: relative;
	padding-left: 120px;
	color: #235af3;
}
.topic-content > h2.comment-box-title:before, .single-sfwd-topic .topic-content-wrapper.single #topic-title.b1-title:before {
	position: absolute;
	content: '';
	width: 120px;
	height: 20px;
	top: 1px;
	left: -30px;
	background: #235af3;
}
.topic-content-wrapper.b1.single > div, .topic-content-wrapper.b1.single > div > h2 {
	font-size: 16px;
	font-weight: 400;
	position: relative;
}
.topic-content-wrapper.b1.single > div > h2 {
	margin-bottom: 10px;
	line-height: 1.3;
	display: block;
	padding-bottom: 0;
}
.topic-content-wrapper.b1.single > div > h2:before {
	content: '';
	margin-right: 10px;
	width: 15px;
	height: 15px;
	display: inline-block;
	background: #235af3;
}
.topic-content-wrapper.b1.single > div > h2 > span{
	font-size: 24px;
	color: #235af3;
}
.topic-content-wrapper.b1.single .topic-content > div{
    margin: 0 50px;
}
.topic-content-wrapper.b1.single table td{
    border:none;
    align-content: center;
}
.topic-content-wrapper.b1.single > div > span{
	margin: 15px 10%;
	display: block;
}
.topic-content-wrapper.b1.single > div > span > p{
	padding-bottom: 0;
}
.topic-content-wrapper.b1.single > div > .yellow-box{
	padding: 20px 30px;
	background: rgba(255,245,0,0.2);
	border: 1px solid rgba(255,245,0,0.6);
	font-size: 18px;
}
.topic-content-wrapper.b1.single > div > .yellow-box > p{
	margin-bottom: 0;
}
.topic-content-wrapper.b1.single > div > .music-icon, .topic-content-wrapper.b1.single > div > .warning-icon, .topic-content-wrapper.b1.single > div > .default{
	position: relative;
	padding-left: 30px;
}
.topic-content-wrapper.b1.single > div > .music-icon:before, .topic-content-wrapper.b1.single > div > .warning-icon:before{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #d90000;
	left: 0;
}
.topic-content-wrapper.b1.single > div > .music-icon:before{
	content: '\f001';
}
.topic-content-wrapper.b1.single > div > .warning-icon:before{
	content: '\f071';
}
.single-sfwd-topic #topic-wos table, .single-sfwd-topic #topic-wos table td, .single-sfwd-topic #topic-wos table th{
	border: none!important;
	padding: 0;
	margin: 0!important;
	font-size: 1em;
}
.single-sfwd-topic table td{
	padding: 5px;
}

/* b2 template */
.topic-type-quiz .wpProQuiz_content.ld-quiz-result input[name="next"], .topic-type-quiz .wpProQuiz_content.ld-quiz-result .wpProQuiz_points, .topic-type-b2_format .wpProQuiz_content.ld-quiz-result .wpProQuiz_points{
    display: none;
}
.topic-type-b2_format .quiz-content{
    margin-top: 50px;
}
.topic-type-b2_format .quiz-content i{
    position: relative;
    padding-left: 30px;
    font-weight: bold;
    font-size: 1.5em;
}
.topic-type-b2_format .quiz-content i:before{
    position: absolute;
    content: '\f303';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    transform: scaleX(-1);
    left: 0;
    bottom: -9px;
}
.topic-type-b2_format .quiz-content i:after{
    position: absolute;
    content: '';
    left: 20px;
    bottom: -3px;
    width: calc(100% - 20px);
    height: 3px;
    background-color: grey;
    z-index: -1;
    border-radius: 20px;
}
.topic-type-b2_format .title{
	font-family: nunito;
    font-weight: bold;
	color: #19b1d9;
}
.topic-type-b2_format ul{ 
	padding-left: 1em; 
}
.topic-type-b2_format ul > li{ 
	list-style: disclosure-closed outside none;
}
.topic-type-b2_format ul li::marker{ 
	font-size: .8em; 
	color: #2bb3d9;
}
.topic-type-b2_format ul ul > li{ 
	list-style-type: disc;
}
.topic-type-b2_format ul ul li::marker{ 
	color: #000;
}
.topic-type-b2_format table{
	font-size: 1em;
}
.topic-type-b2_format table td {
	border: none;
    padding: 5px !important;
}
.b2-heading{
    position: relative;
    width: max-content;
    padding: 0 10px 0 20px;
    background-color: #2bb3d9;
    color: #fff!important;
    font-size: 2em;
	margin: 0 0 30px 60px;
}
.b2-heading:before{
    position: absolute;
    content: '\f0a4';
    left: -59px;
    top: 50%;
    transform: translatey(-50%);
    height: 60px;
    width: 60px;
    border: 3px solid #2bb3d9;   
    border-radius: 10px;
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    color: #2bb3d9;
    text-align: center;
    align-content: center;
}
.b2-heading.title.type3:before{ content: '\f2b5'; }
.b2-heading.title.type4:before{ content: '\f164'; }
.type1-title {
    position: relative;
    padding-left: 40px;
    font-size: 1.5em;
    margin-bottom: 40px;
}
.type1-title i {
    background-color: #fff;
    padding: 0 15px;
}
.type1-title:after {
    position: absolute;
    content: '';
    background-color: rgba(25,179,217,0.2);
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 10px;
    border-radius: 20px;
    z-index: -1;
}
.type1-content:not(.type1-content.body) {
    display: flex;
    gap: 20px;
}
.type1-content > div {
    position: relative;
    padding: 20px;
    flex: 1;
    border: 2px dashed #19b1d9;
}
.type1-content > div > span {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translatex(-50%);
    padding: 2px 10px;
    border-radius: 5px;
    background-color: #daf3f8;
    color: #19b1d9;
    font-weight: bold;
    width: max-content;
}
.type1-content.body {
    background-color: rgba(25,179,217,0.2);
    padding: 10px;
    width: 50%;
    margin: 30px auto 40px;
}
.type1-content.body > p { width: 100%; }
.type1-content.body strong {
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    color: #19b1d9;
    display: inline-block;
    margin: 10px 0;
}
.type1-content.head > div:before,
.type1-content.foot > div:before {
    position: absolute;
    content: '';
    border: 1px dashed #19b1d9;
    height: 30px;
    width: 0;
}
.type1-content.head > div:before {
    bottom: -30px;
    right: 100px;
}
.type1-content.head > div:last-child:before {
    left: 100px;
}
.type1-content.foot > div:before {
    top: -40px;
    right: 100px;
    height: 40px;
}
.type1-content.foot > div:last-child:before { left: 100px; }
.type1-note { margin-top: 20px; }
.type2-wrapper {
    margin-top: 30px;
}
.type2-content-container{
	padding: 40px 20px 20px;
	border: 3px solid #2bb3d9;
	border-radius: 20px;
	position: relative;	
}
.type2-title {
    position: absolute;
    top: -17px;
    left: 50px;
    background-color: #fff;
    padding-right: 10px;
    font-size: 1.3em;
}
.type2-title:before {
    content: 'La liste';
    background-color: #2bb3d9;
    padding: 4px 12px;
    color: #fff;
    border-radius: 10px;
	margin-right: 5px;
}
.type2-content {
    display: flex;
    gap: 40px;
}
.type2-content > .left { width: 100%; }
.type2-content table tr:not(:first-child) td { border-top: 1px dashed #2bb3d9; }
.type2-content table td:not(:last-child) { border-right: 1px solid #2bb3d9; }
.type2-content > .right { max-width: 35%; }
.type2-content > .right h4 {
    background-color: rgba(43,179,217,0.25);
    padding: 8px 20px;
    color: #2bb3d9;
    border-radius: 10px;
    font-size: 1em;
    font-weight: bold;
    position: relative;
}
.type2-content > .right h4:before {
    position: absolute;
    content: '?';
    top: -10px;
    left: -10px;
    color: #fff;
    background-color: #2bb3d9;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
    font-size: 1.4em;
}
.type2-content ul{ list-style: disclosure-closed outside none; }
.type2-content ul li::marker { color: #2bb3d9; }
.type3-title{
    color: #000;
    font-size: 1.2em;
    margin-top: 20px;
}
.type3-content{
	margin: 30px 0;
    padding-left: 2em;
    border-left: 1px dashed #000;
}
.type3-content strong{
    padding: 0px 3px;
    background-color: #e7e7e7;
}
.type3-image{ height: 300px; }
.type3-culture-box .title{
    width: max-content;
    padding: 5px 10px;
    margin: 20px 0 0 50px;
    background-color: #2bb3d9;
    color: #fff!important;
    border-radius: 12px 12px 0 0;
}
.type3-culture-box .content{
    background-color: rgba(25, 179, 217, 0.2);
    padding: 20px;
}
.type4-title{
    position: relative;
    font-size: 1.2em;
    margin: 20px 0;
}
.type4-title:before{
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    align-content: center;
    border-radius: 8px;
    content: 'A';
    background-color: #2bb3d9;
    font-size: .8em;
    display: inline-block;
}
.type4-title.title-2:before{ content: 'B'; }
.type4-title.title-3:before{ content: 'C'; }
.type4-title.title-4:before{ content: 'D'; }
.type4-title i{
    position: relative;
    margin-left: 10px;
    border-bottom: 3px solid rgba(25,179,217,0.2);
}
.type4-content ol li::marker {
    font-weight: 500;
}
/* ========== Quiz page ========== */
.wpProQuiz_content.ld-quiz-result .wpProQuiz_quiz, .wpProQuiz_content.ld-quiz-result .wpProQuiz_tipp{
    display: block!important;
}
.wpProQuiz_content.ld-quiz-result #nop-bai, .wpProQuiz_content.ld-quiz-result .wpProQuiz_listItem > input[name=next]{
    display: none;
}
.quiz-nav{
	display: flex;
	gap: 32px;
}
.quiz-nav a{
	color: #282B31;
}
.quiz-nav .next-step, .quiz-nav .prev-step p{
	text-align: right;
}
.quiz-nav b{
	text-transform: capitalize;
	text-decoration: underline;
}
.quiz-nav b span{
	font-size: 14px;
}
.quiz-nav .prev-step .ld-icon:after, .quiz-nav .next-step .ld-icon:after{
	content: "\e914";
	left: -10px;
	position: relative;
}
.quiz-nav .next-step .ld-icon:after{
	content: "\e913";
}
.quiz-nav a p{
	font-size: 14px;
	color: #8C93A1;
}
.quiz-nav .next-step p{
	text-align: left;
}

body{
	counter-reset: question-counter;
}
.single-sfwd-quiz .container {
	width: 90%;
}
.single-sfwd-quiz .et_post_meta_wrapper, .single-sfwd-quiz .ld-breadcrumbs, .laq_jumbled_sentence_question > p:first-child, .ld-content-actions > a{
	display: none;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList {
	columns: 2;
}
.single-sfwd-quiz .wpProQuiz_listItem[data-type="single"] .wpProQuiz_question {
	display: flex;
	gap: 50px;
	align-items: flex-end;
}
.single-sfwd-quiz .wpProQuiz_listItem[data-type="single"] .wpProQuiz_question .wpProQuiz_question_text {
	width: 50%;
}
.one_half ul {
	list-style-type: none !important;
	padding: 0 !important;
}
.ldavq-jumbled-dnd-dropzone{
	min-width: 50px;
    width: max-content;
    text-align: center;
    border-width: 0 0 1px;
    border-radius: 0;
    padding: 0 4px;
}
.ldavq-jumbled-dnd-drag{
	padding: 0;
}
.ldavq-jumbled-dnd-drag a:after{
	left: -8px;
}
.ldavq-jumbled-dnd-drag-field{
	border: none!important;
}
.parent-pageid-280338 .activity-container, .parent-pageid-280338 .quiz-nav, .wpProQuiz_graded_points, .wpProQuiz_TipButton, .wpProQuiz_tipp > div:before{
	display: none!important;
}
.single-sfwd-quiz .activity-container{
	display: none;
}
.activity-container{
	position: relative;
	padding: 20px;
	text-align: center;
	font-family: Nunito;
}
.single-sfwd-quiz .wpProQuiz_results, .activity-container table{
	max-width: 1000px;
	margin: auto;
}
.activity-container .result-title {
  font-weight: 700;
  font-size: 2.5em;
  color: var(--e-global-color-primary);
}
.activity-container .result-subtitle {
  font-family: Nunito;
  font-weight: 700;
  font-size: 1.25em;
  color: #3E434C;
}
.activity-table-wrap > p {
  margin-top: 30px;
	margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.12em;
  color: #0C96D1;
}
.activity-table-wrap > table td, .activity-table-wrap > table th {
  border-width: 0;
  border-block-start: transparent!important;
  border-color: #CCCFD5;
  padding: 0;
	width: 20%;
}
.activity-table-wrap > table td:not(:first-child), .activity-table-wrap > table th:not(:first-child) {
  border-left-width: 1px;
}

/* re custom quiz layout */
.laq_jumbled_sentence_dropdown {
	display: inline-block;
	color: #000;
	border: 1px solid #CCCFD5;
	padding: 5px 10px;
	min-width: 60px;
	width: max-content;
	border-radius: 2px 8px;
	position: relative;
	text-align: center;
	font-weight: 400 !important;
    opacity: 1;
}
.laq_jumbled_sentence_dropdown.wpProQuiz_answerCorrect {
	background-color: #F6FEFC;
	border-color: #42BE9F;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.laq_jumbled_sentence_dropdown.wpProQuiz_answerCorrect:before {
	position: absolute;
	left: 0;
	content: "\eb7b";
	font-family: "ld-icons";
	z-index: 1;
}
.laq_jumbled_sentence_dropdown.wpProQuiz_answerIncorrect {
	background-color: #FFF7F6;
	border-color: #FF574E;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-decoration: line-through;
}
.laq_jumbled_sentence_dropdown + .laq_jumbled_sentence_correct_ans .wpProQuiz_clozeCorrect{
	background-color: #F6FEFC;
	border: 1px solid #42BE9F;
	border-radius: 6px;
	min-width: 60px;
	padding: 5px 10px;
	text-align: center;
	align-content: center;
	color: #000!important;
	display: inline-block;
	margin-left: 20px;
}
.laq_jumbled_sentence_dropdown.custom {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.button-options.type-1 {
	display: inline-flex;
	flex-wrap: wrap;
}
.button-options.type-1 .option-button {
	padding: 0 5px;
	border: 1px solid #007bff;
	cursor: pointer;
	transition: background-color 0.3s;
}
.button-options.type-1 .option-button.selected {
	background-color: #007bff;
	color: white;
}
.button-options.type-1 .option-button.right{
  background-color: #42BE9F;
  border-color: #42BE9F;
}
.button-options.type-1 .option-button.wrong{
  background-color: #FF574E;
  border-color: #FF574E;
}

.button-options.type-2{
	gap: 16px;
    display: inline-grid;
	margin-top: 10px;
	width: 100%;
}
.button-options.type-2 .option-button {
	border: 1px solid #CCCFD5;
    position: relative;
    border-radius: 6px;
    padding: 0.8em 1.2em;
	color: #000;
}
.button-options.type-2 .option-button.selected {
	background-color: #EEF3FE;
	border-color: #356CEF;
}
.type-2 .option-button:before {
  content: 'A';
  text-align: center;
  align-content: center;
  width: 32px;
  height: 32px;
  display: inline-block;
  font-weight: bold;
  background-color: #E2E4E7;
  border-radius: 4px;
  margin-right: 10px;
}
.type-2 .option-button:nth-child(2):before {
  content: 'B';
}
.type-2 .option-button:nth-child(3):before {
  content: 'C';
}
.type-2 .option-button:nth-child(4):before {
  content: 'D';
}
.type-2 .option-button:nth-child(5):before {
  content: 'E';
}
.type-2 .option-button.selected:before {
  background-color: var(--e-global-color-primary);
  color: #fff;
  
}
.type-2 .option-button.right {
  background-color: #F6FEFC!important;
  border-color: #42BE9F!important;
  
}
.type-2 .option-button.right:before {
  background-color: #42BE9F;
  color: #fff;
}
.type-2 .option-button.right:after, .type-2 .option-button.wrong:after {
  content: "\eb7b";
  font-size: 1.5em;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translatey(-50%);
  font-family: "ld-icons";
  color: #42BE9F;
}
.type-2 .option-button.wrong {
  background-color: #FFF7F6!important;
  border-color: #FF574E!important;
}
.type-2 .option-button.wrong:before {
  background-color: #FF574E;
  color: #fff;
}
.type-2 .option-button.wrong:after {
  content: "\eb99";
  color: #FF574E;
}

.wpProQuiz_questionList:has(.type-3){
	overflow: visible;
}
.button-options.type-3 {
 display: inline-flex;
}
.button-options.type-3 .option-button {
  visibility: hidden;
  position: relative;
	margin-right: 20px;
}
.button-options.type-3 .option-button:before,
.button-options.type-3 .option-button.selected:after {
  content: "";
  position: absolute;
  display: inline-block;
  visibility: visible;
  border-radius: 50%;
	left: 50%;
	transform: translatex(-50%);
}
.button-options.type-3 .option-button:before {
	width: 24px;
	height: 24px;
	border: 1px solid #3F60DE;
	outline: 1px solid transparent;
}
.button-options.type-3 .option-button.selected:before {
	border-width: 2px;
}
.button-options.type-3 .option-button.selected:after {
	background-color: #3F60DE;
	width: 16px;
	height: 16px;
	top: 4px;
}
.button-options.type-3 .option-button > span{
	visibility: visible;
	position: absolute;
	top: -2.4em;
	font-weight: bold;
	color: #000;
	left: 50%;
	transform: translatex(-50%);
}

.button-options.type-3 .option-button.selected.right:before, .button-options.type-3 .option-button.selected.wrong:before{
  content: "\eb7b";
  font-family: "ld-icons";
  z-index: 1;
  text-align: center;
  line-height: 1.2em;
  border-color: #42BE9F;
	color: #fff;
}
.button-options.type-3 .option-button.selected.right:after, .button-options.type-3 .option-button.selected.wrong:after{
  background-color: #42BE9F;
  width: 22px;
  height: 22px;
  top: 0;
}
.button-options.type-3 .option-button.selected.wrong:before{
  content: "\eb99";
  border-color: #FF574E;
}
.button-options.type-3 .option-button.selected.wrong:after{
  background-color: #FF574E;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem textarea.wpProQuiz_questionEssay{
  border-radius: 4px 16px 4px 16px;
  border: 1px solid #656D7C;
}
.wpProQuiz_listItem[data-type="essay"] .wpProQuiz_questionList{
  position: relative;
  overflow: visible;
}
.wpProQuiz_listItem[data-type="essay"] .wpProQuiz_questionListItem:before{
  position: absolute;
  content: 'Câu trả lời của bạn';
  background-color: #fff;
  color: #8C93A1;
  padding: 0px 5px;
  font-size: .8em;
  font-weight: bold;
  top: -8px;
  left: 0;
  z-index: 100000;
}
.graded-disclaimer{
  position: relative;
  padding-left: 25px;
  color: #3282C6;
  font-style: normal!important;
}
.graded-disclaimer:before{
  position: absolute;
  content: '';
  left: 0;
  background-image: url('/wp-content/uploads/2025/04/Info.svg');
  width: 20px;
  height: 20px;
  background-size: cover;
}

.wpProQuiz_tipp{
  top: 45px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_tipp>div{
  margin: 0;
  padding: 15px 10px 10px;
  box-shadow: none;
  background-color: transparent;
  border: 1px solid #42BE9F;
  border-radius: 4px 16px 4px 16px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_tipp>div>h5{
  position: absolute;
  top: -10px;
  left: 0;
  padding: 0 5px;
  background-color: #fff;
  width: max-content;
  text-transform: none!important;
}
/* ========== ENTRY TEST PAGE ========== */
.parent-pageid-280338 .prev-step, #test-progress, .wpProQuiz_content .wpProQuiz_description{
	display: none;
}
.wpProQuiz_text > div {
	display: flex;
	justify-content: center;
}
.wpProQuiz_text > div > input[name="startQuiz"] {
	width: 300px !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
}
.learndash-wrapper a#result-greeting-btn {
	border-bottom: 1px solid #3f60de !important;
}
#page-progress-bar-container {
	margin-top: 10px;
	height: 12px;
	border-radius: 19px;
	background: #d5f3fc;
	position: relative;
}
#page-progress-bar-container .bar {
	position: absolute;
	content: "";
	left: 0;
	height: 100%;
	border-radius: 19px;
	background: #2cc4f2;
}
.questions-title {
	font-weight: bold;
	color: #000;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 50px;
}
.wpProQuiz_listItem {
	background: #fff;
	padding: 20px 20px 0 !important;
	margin: 0 auto 20px !important;
}
.wpProQuiz_listItem:not(:first-child) {
	border-top: 1px solid #E2E4E7 !important;
}
.parent-pageid-280338 .wpProQuiz_question_text {
	margin-bottom: 20px !important;
}
body:not(.parent-pageid-280338) .wpProQuiz_question_text {
	font-size: 16px;
	counter-increment: question-counter;
	position: relative;
	padding-left: 40px!important;
}
body:not(.parent-pageid-280338) .wpProQuiz_question_text::before {
	content: counter(question-counter);
	position: absolute;
	left: 0;
	top: -3px;
	border: 1px solid #E2E4E7;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	align-content: center;
	font-size: 1.12em;
	font-weight: bold;
}
.wpProQuiz_question_text p:first-child {
	color: #000;
}
.wpProQuiz_question_text p:first-child .highlight {
	color: #c30000;
	font-weight: 600;
}
.wpProQuiz_question_text p:not(:first-child) {
	color: #737474;
}
.wpProQuiz_question_text p {
	padding-bottom: 10px;
}
.wpProQuiz_listItem[data-type="essay"] .wpProQuiz_question_text p{
    margin-bottom: 0;
}
.wpProQuiz_listItem[data-type="essay"] .wpProQuiz_question_text p:not(:first-child){
	font-size: .8em;
	color: #333;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li, .wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionList li, .wpProQuiz_content .wpProQuiz_listItem[data-type="cloze_answer"] .wpProQuiz_questionList li, .wpProQuiz_content .wpProQuiz_listItem[data-type="multiple"] .wpProQuiz_questionList li, .wpProQuiz_content .wpProQuiz_listItem[data-type="laq_jumbled_sentence"] .wpProQuiz_questionList {
	font-size: 16px;
	color: #000;
	line-height: 1.5em;
}
.parent-pageid-280338 .wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList {
	columns: 4;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li label {
	border: none !important;
	padding: 0;
	position: relative;
	cursor: pointer;
	padding-left: 25px;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li label:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border: 1px solid #3f60de;
	left: -2px;
	top: 50%;
	transform: translatey(-50%);
	border-radius: 45%;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li label:after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	left: 0;
	background: #3f60de;
	top: 50%;
	transform: translatey(-50%);
	border-radius: 45%;
	display: none;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li label.is-selected:after {
	display: block;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li label input {
	position: absolute;
	opacity: 0;
}
.wpProQuiz_header {
	margin-bottom: 0 !important;
	padding: 0;
}
.wpProQuiz_results > .wpProQuiz_header, .wpProQuiz_descriptio, .learndash-wrapper .ld-quiz-actions .wpProQuiz_button_reShowQuestion, .wpProQuiz_matrixSortString .wpProQuiz_header{
	display: none;
}
.wpProQuiz_matrixSortString {
	position: absolute;
	right: 20%;
	width: 134px;
	height: 500px;
	overflow: visible !important;
}
.wpProQuiz_matrixSortString img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 6px;
}
.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_sortStringList {
	margin: 0 !important;
	position: absolute;
	width: 9em;
	font-size: 16px;
}
.wpProQuiz_sortStringItem {
	font-size: 16px;
    width: 9em;
    min-height: 6em;
    padding: 0 !important;
    margin: 0 0 30px !important;
    background: #fff !important;
    border: 1px solid #737474 !important;
    border-radius: 6px;
    text-align: center;
    align-content: center;
    color: #000;
}
.wpProQuiz_questionList img {
	width: 130px;
	height: 98px;
	border-radius: 6px;
	object-fit: cover;
	object-position: center center;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_questionList {
	width: 33%;
	overflow: visible;
}
.wpProQuiz_question table, .wpProQuiz_question td {
	border: none !important;
	background: none !important;
	font-size: 16px;
    color: #000;
}
.wpProQuiz_question td {
	padding: 5px 0!important;
}
.wpProQuiz_content .wpProQuiz_questionListItem:last-child {
	overflow: visible;
}
.wpProQuiz_maxtrixSortText {
	padding: 0 !important;
	width: 9em;
	min-height: 6em;
	text-align: center;
	align-content: center;
	border: 1px solid #737474;
	border-radius: 6px !important;
}
.wpProQuiz_maxtrixSortCriterion {
	position: relative;
	padding: 0 !important;
	overflow: visible !important;
	width: 9em;
	margin-left: 2em !important;
}
.wpProQuiz_maxtrixSortCriterion:before {
    position: absolute;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px dashed #000;
    border-radius: 6px;
}
.wpProQuiz_maxtrixSortCriterion:after {
    position: absolute;
    z-index: 0;
    content: "Drop here";
    color: #000;
    width: 100%;
    text-align: center;
}
.wpProQuiz_maxtrixSortCriterion li:not(.ui-sortable-helper, .ui-sortable-placeholder) {
    margin: 0 !important;
    height: 98%;
    width: 100%;
    border: none !important;
    transform: scale(0.97);
    z-index: 2;
    left: 0 !important;
}
.wpProQuiz_maxtrixSortCriterion .wpProQuiz_placehold {
	border-radius: 6px;
	z-index: 1;
	background: #235af30d;
    border-color: #235af3 !important;
}
.wpProQuiz_sortStringList .wpProQuiz_placehold {
	border-radius: 6px;
	width: 93% !important;
	height: 0px;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_sortable:before {
	content: "\f0b2";
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	color: #3f60de;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionListItem.ui-sortable-helper {
	background: #d5f3fc !important;
	box-shadow: 0px 2px 21px 0px #0000001a;
	border-radius: 6px;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionListItem .wpProQuiz_sortable {
	border: 1px solid #2cc4f2;
	border-radius: 6px;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionListItem.ui-sortable-helper .wpProQuiz_sortable {
	border-color: transparent;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem span.wpProQuiz_cloze {
	background: transparent;
    padding: 0;
	margin: 0;
    border-radius: 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .wpProQuiz_cloze input {
	border-color: #090e21;
    text-align: left;
    min-width: 100px;
    border-radius: 0;
    border-width: 0 0 1px 0;
    font-size: 1em;
}
.wpProQuiz_cloze .wpProQuiz_answerCorrect{
  background-color: transparent!important;
  border-color: #42BE9F!important;
  color: #42BE9F!important;
}
.wpProQuiz_cloze .wpProQuiz_answerIncorrect{
  background-color: transparent!important;
  border-color: #FF574E!important;
  color: #FF574E!important;
  text-decoration: line-through;
}
.wpProQuiz_cloze .wpProQuiz_clozeCorrect{
  background-color: transparent!important;
  border-color: #42BE9F!important;
  color: #42BE9F!important;
  padding-bottom: 4px;
  border-bottom: 1px dashed #42BE9F;
}
.wpProQuiz_quiz > div {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.wpProQuiz_quiz .custom-nav{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.wpProQuiz_quiz .custom-nav div {
	display: none;
	box-shadow: 0px 6px 25px 0px #00000033;
    width: 100px;
    align-content: center;
    text-align: center;
    height: 40px;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 8px;
    background-color: #356CEF;
}
.wpProQuiz_quiz > div span#next {
	margin-left: 20px;
}
.wpProQuiz_quiz > div > input{
	display: none !important;
}
.learndash-wrapper .ld-quiz-actions{
	padding: 0;
	border: none;
	margin-bottom: 50px!important;
}
.learndash-wrapper .ld-quiz-actions input[name=restartQuiz], .quiz-result-box > a{
	padding: 12px 24px;
    margin: 20px auto;
    display: block;
    border-radius: 8px;
    background: transparent;
    width: 200px;
    font-size: 1.12em;
    color: #356CF1;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #356CEF;
}
.quiz_continue_link{
	display: none!important;
}
#nop-bai {
	width: 200px !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	padding: 10px !important;
}
#nop-bai.disabled {
	background-color: #909090!important;
	cursor: not-allowed;
}
.wpProQuiz_listItem.highlighted {
	border-color: red !important;
	border: 1px solid;
}
.wpProQuiz_quiz > span {
	display: flex;
	flex-direction: column;
}
.wpProQuiz_quiz > span input, .wpProQuiz_quiz > span a {
	display: block;
	margin: auto;
	background-color: #235af3;
	border: 1px solid #235af3;
	color: #fff;
	cursor: pointer;
	text-align: center;
	width: max-content;
	padding: 10px;
	width: 250px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.3em;
}
.wpProQuiz_quiz > span a {
	background-color: transparent;
	border-color: transparent;
	color: #235af3;
	font-size: 14px;
}
.parent-pageid-280338 .wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_results {
	padding: 0px 30px 30px;
	box-shadow: 0px 6px 25px 0px #00000033;
	border-radius: 8px;
}
.wpProQuiz_catOverview, .wpProQuiz_results .wpProQuiz_header + p {
	display: none;
}

/* ========== ENTRY TEST RESULT PAGE ========== */
.qmn_results_page {
	margin: 10px 20px;
}
.qmn_results_page form {
	display: none;
}
#congrat {
	color: #324db2;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	width: 45%;
	margin: 2% auto 4%;
}
.greeting {
	display: flex;
	justify-content: center;
	column-gap: 10px;
}
.greeting div {
	font-size: 48px;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: 0.015em;
	text-align: center;
	color: var(--e-global-color-primary);
}
.resultPoints {
	display: flex;
	justify-content: space-between;
}
.resultPoints {
	margin: 2% auto 0;
	padding-bottom: 2%;
	border-bottom: 4px solid #3f60de;
}
.resultPoints .resultLbl {
	margin: 0;
}
.resultPoints .resultLbl:nth-child(2) {
	color: #191b24;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}
.resultCourseLbl {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3em;
	letter-spacing: 0.015em;
	text-align: left;
	color: #191b24;
}
.resultCourse {
	justify-content: center;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: 0.015em;
	text-align: center;
	color: var(--e-global-color-primary);
	margin-top: 10px;
}
.courseDetails {
	margin: 30px 0 10px;
	display: flex;
	justify-content: space-between;
}
.courseDescription {
	width: 50%;
	position: relative;
	padding-bottom: 40px;
}
.courseInfo, .result-evaluation .course-info {
	font-size: 16px;
	color: #191b24;
	margin-bottom: 20px;
}
.resultLbl, .result-evaluation .result-label {
	font-size: 34px;
	line-height: 1.3em;
	color: var(--e-global-color-primary);
	font-weight: 600;
	margin-bottom: 20px;
}
.learndash_post_sfwd-lessons .courseBadges{
	justify-content: center;
}
.courseBadges {
	margin: 10px 0;
	display: flex;
	gap: 10px;
}
.courseBadges > div {
	border-radius: 50%;
	border: 1px solid;
	padding: 0 8px;
	border-radius: 12px 12px 12px 12px;
	font-size: 13px;
}
.courseBadges .single {
	border-color: #324DB2;
	color: #324DB2;
}
.courseBadges .group {
	border-color: #CC463E;
	color: #CC463E;
}
.courseDescription .courseCTA {
	position: absolute;
	bottom: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	color: #fff;
	background: var(--e-global-color-primary);
	padding: 5px 25px;
	border-radius: 6px;
}
.courseSidebar {
	width: 35%;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
	padding: 20px;
	border-radius: 10px;
}
.courseSidebar img {
	width: 100%;
}
.courseSidebar .tutor-card-price {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #356cef;
	padding-bottom: 10px;
	color: #356cef;
}
.courseSidebar span {
	line-height: 1.3em;
	font-size: 14px;
	color: #090e21;
}
.courseSidebar .tutor-ul {
	padding: 0 !important;
	list-style-type: none !important;
}
.tutor-card-footer .info-item {
	display: flex;
	justify-content: space-between;
}
.tutor-card-footer .tutor-ul li:not(:last-child) .info-item {
	margin-bottom: 10px;
}
.tutor-card-footer .info-item span:first-child {
	width: 67%;
}
.tutor-card-footer .info-item span:last-child {
	width: 33%;
	text-align: right;
}
.courseSidebar .fas {
	width: 24px;
}
.courseSidebar .fas:before {
	color: #3f60de;
}
.result-evaluation {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 4px solid #3f60de;
}
.result-evaluation .course-info {
	font-size: 16px;
}
.result-evaluation .result-summary {
	margin: 10px 0;
	padding: 20px;
	display: none;
}
.result-evaluation .result-summary .result-summary-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 30px;
}
.result-summary-item .result-summary-item-info {
	width: 90%;
	display: flex;
	gap: 15px;
	flex-direction: column;
}
.result-summary-item-info-title, .result-summary-item-point {
	font-size: 26px;
	font-weight: 700;
	color: #191b24;
}
.result-summary-item .result-summary-item-info .result-summary-item-info-progress {
	border-radius: 19px;
	background: #d5f3fc;
	width: 100%;
	height: 12px;
}
.result-summary-item .result-summary-item-info .result-summary-item-info-progress .bar {
	background: #2cc4f2;
	border-radius: 19px;
	height: 100%;
	width: 20%;
}
.result-summary-item .result-summary-item-point {
	width: 10%;
}
.result-btn {
	color: #3f60de;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	text-align: center;
	height: 43px;
	padding: 10px 30px;
	border-radius: 6px;
	border: 1px solid #3f60de;
	cursor: pointer;
}
#result-review-btn {
	width: 300px;
	margin: auto;
}
.qsm_questions_answers_section {
	display: none;
}
.qsm_questions_answers_section .qmn_image_option {
	align-items: flex-start !important;
}
.qsm_questions_answers_section img {
	margin-left: 50px;
	width: 100px !important;
	height: auto !important;
}
/* ========== ENTRY TEST PAGE RESULT REVIEW ========== */
.wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {
	background: none !important;
	color: #000 !important;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li.wpProQuiz_answerCorrect label:before, .wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li.wpProQuiz_answerCorrectIncomplete label:before {
	background: url("/wp-content/uploads/2024/06/Tick.png") no-repeat;
	background-size: cover;
	height: 20px;
	width: 20px;
	border: none;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li.wpProQuiz_answerCorrect label:after, .wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li.wpProQuiz_answerIncorrect label:after {
	background: none;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="single"] .wpProQuiz_questionList li.wpProQuiz_answerIncorrect label:before {
	background: url("/wp-content/uploads/2024/06/Delete.png") no-repeat;
	background-size: cover;
	height: 20px;
	width: 20px;
	border: none;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable {
	border: 1px solid #52edc7;
	background: none;
	color: #000;
	font-weight: 400;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable:before {
	content: "";
	background: url("/wp-content/uploads/2024/06/Tick.png") no-repeat;
	background-size: cover;
	height: 20px;
	width: 20px;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect .wpProQuiz_sortable {
	border: 1px solid #ff574e;
	font-weight: 400;
}
.wpProQuiz_content .wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect .wpProQuiz_sortable:before {
	content: "";
	background: url("/wp-content/uploads/2024/06/Delete.png") no-repeat;
	background-size: cover;
	height: 20px;
	width: 20px;
}
.wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_questionList_containers > p {
	display: none;
}
.wpProQuiz_listItem[data-type="sort_answer"]:has(.wpProQuiz_answerIncorrect) .wpProQuiz_questionList_containers .wpProQuiz_questionList_container_correct {
	display: block !important;
}
.wpProQuiz_listItem[data-type="sort_answer"]:has(.wpProQuiz_answerIncorrect) .wpProQuiz_questionList_containers .wpProQuiz_questionList_container_correct:before {
	content: "The correct order is";
	color: #3f60de;
	margin: 20px auto;
	display: block;
	font-size: 16px;
}
.wpProQuiz_questionListItem:has(input.wpProQuiz_answerIncorrect) p {
	margin-bottom: 20px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type="cloze_answer"] .wpProQuiz_questionListItem .wpProQuiz_cloze .wpProQuiz_answerIncorrect {
	background: none;
}
.wpProQuiz_questionList[data-type="matrix_sort_answer"] li.wpProQuiz_answerCorrect .wpProQuiz_sortStringItem:before {
	position: absolute;
	content: "";
	background: url("/wp-content/uploads/2024/06/Tick.png") no-repeat;
	background-size: cover;
	height: 25px;
	width: 25px;
	right: 5px;
	top: 5px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.wpProQuiz_questionList[data-type="matrix_sort_answer"] li.wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem:before {
	position: absolute;
	content: "";
	background: url("/wp-content/uploads/2024/06/Delete.png") no-repeat;
	background-size: cover;
	height: 25px;
	width: 25px;
	right: 5px;
	top: 5px;
	border: 2px solid #fff;
	border-radius: 50%;
}