/* lesson page start */
.tutor-course-single-content-wrapper {
	padding-bottom: 120px;
}
#tutor-course-spotlight-overview li, 
#tutor-course-spotlight-overview ol,
#tutor-course-spotlight-overview ul,
#tutor-course-spotlight-overview p {
	font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-primary);
}

#tutor-course-spotlight-overview h3 {
    font-size: var(--e-global-typography-b9a5205-font-size);
    font-weight: var(--e-global-typography-b9a5205-font-weight);
    line-height: var(--e-global-typography-b9a5205-line-height);
}	

#tutor-course-spotlight-overview h2 {
	font-size: var(--e-global-typography-be2a21e-font-size);
    font-weight: var(--e-global-typography-be2a21e-font-weight);
    line-height: var(--e-global-typography-be2a21e-line-height);
}	


.tutor-container.tutor-lesson-container {
	padding: 0 20px;
}

.tutor-course-topic-single-header-wrapper {
	padding: 2px;
	position: relative;
	border-radius: 25px;
	margin: 0 20px;
}

.tutor-course-topic-single-header-wrapper:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(180deg, var(--e-global-color-b9ab9b6) 35%, var(--e-global-color-e850821) 100%);
	border-radius: 25px;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
	flex-wrap: wrap;
    gap: 24px;
	border-radius: 25px;
    border: 1px solid var(--e-global-color-bcf4dba);
	padding: 24px 30px;
	color: var(--e-global-color-primary);
	background-color: var(--e-global-color-147d839);
}

.tutor-course-topic-single-header .tutor-course-topic-single-header-title {
	flex: 1 1 calc(100% - 56px);
	font-size: var(--e-global-typography-b9a5205-font-size);
    font-weight: var(--e-global-typography-b9a5205-font-weight);
    line-height: var(--e-global-typography-b9a5205-line-height);
	color: var(--e-global-color-primary);
}

.tutor-course-topic-single-header .tutor-course-topic-single-header-title + .tutor-ml-auto.tutor-align-center {
	margin-left: 0;
    flex: 1 0 100%;
    justify-content: space-between;
    position: relative;
}

.tutor-course-topic-single-header .tutor-course-topic-single-header-title + .tutor-ml-auto.tutor-align-center .tutor-topbar-complete-btn {
	margin-right: 56px;
}

.tutor-course-topic-single-header .tutor-course-topic-single-header-title + .tutor-ml-auto.tutor-align-center .tutor-iconic-btn {
	position: absolute;
    right: 0;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn {
	color: var(--e-global-color-primary);
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-topbar-mark-btn {
	padding: 5px;
	display: flex;
    align-items: center;
	box-shadow: -3px -3px 5px 0px rgba(203.9999999999999, 255, 0, 0.4392156862745098);
    transition: all 0.3s;
	border: none;
	color: var(--e-global-color-primary);
}


.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-topbar-mark-btn:hover {
	box-shadow: 3px 3px 5px 0px rgba(203.9999999999999, 255, 0, 0.4392156862745098);
	background-color: transparent;
	color: var(--e-global-color-primary);
}

.tutor-course-topic-single-header .tutor-topbar-mark-btn > span {
	padding: 0px 15px;
}

.tutor-course-topic-single-header .tutor-topbar-mark-btn .icon.icon-check {
	font-size: 20px;
    background-color: var(--e-global-color-e850821);
	color: var(--e-global-color-secondary);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.tutor-video-player-wrapper {
	margin: 48px 20px 16px 20px;
	border-radius: 25px;
}
.tutor-course-single-content-wrapper .tutor-video-player .loading-spinner,
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{
	background: var(--tutor-color-primary);
}
.tutor-video-player,
.plyr.plyr--video {
	border-radius: 25px;
}

button.plyr__control,
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover,
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:focus,
.plyr--video button.plyr__control[aria-expanded=true] {
	padding: 0;
    width: 48px;
    height: 48px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: var(--e-global-color-e850821) !important;
    color: var(--e-global-color-secondary);
    border: none;
}
.plyr.plyr--video .plyr__controls {
	gap: 5px;
}
button.plyr__control:hover {
    color: var(--e-global-color-secondary);
}
.plyr--video.plyr--full-ui input[type=range] {
	color: var(--e-global-color-e850821);
}

button.plyr__control[data-plyr="captions"],
button.plyr__control[data-plyr="pip"] {
	display:none !important;
}


.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar,
.tutor-course-single-sidebar-wrapper.tutor-quiz-sidebar {
	background-color: var(--e-global-color-147d839);
	padding: 0 20px;	
	border-right: 1px solid var(--e-global-color-bcf4dba);
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.tutor-course-single-sidebar-title {
	background-color: transparent;
	margin-bottom: 20px;
	border-bottom: none;
}

.tutor-course-single-sidebar-title > span {
	color: var(--e-global-color-primary);
}

.tutor-course-single-sidebar-title > span:first-child {
	font-size: var(--e-global-typography-a003027-font-size);
    font-weight: var(--e-global-typography-b9a5205-font-weight);
    line-height: var(--e-global-typography-b9a5205-line-height);
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic {
	margin-bottom: 20px;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header,
.tutor-quiz-answer-single .tutor-card {
	background-color: transparent;
    background-image: radial-gradient(at top left, var(--e-global-color-bcf4dba) 0%, var(--e-global-color-147d839) 100%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-bcf4dba);
    color: white;
    border-radius: 15px;
    margin-bottom: 20px !important;
}

.tutor-quiz-answer-single .tutor-card {
	margin-bottom: 0px !important;
	min-height: 80px;
    justify-content: center;
}

.tutor-quiz-answer-single .tutor-card span.tutor-ml-8 {
	margin-left: 12px;
}
.tutor-form-check-input.tutor-form-check-input[type=radio]:checked {
	border-color: var(--e-global-color-e850821);
    background-color: var(--e-global-color-e850821);
}

.tutor-course-topic-title {
	color: var(--e-global-color-primary);
	font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-a003027-font-weight);
    line-height: var(--e-global-typography-a003027-line-height);
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
	padding: 5px 0;
    position: relative;
    overflow: visible;
    border: 1px solid var(--e-global-color-bcf4dba);
    border-radius: 15px;
    background-color: transparent;
	display: flex;
    flex-direction: column;
    gap: 12px;
}
    
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item {
	z-index: 1;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active {
	margin: 0px 5px;
	padding: 2px 2px 0 2px;
}


.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active:before {
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(180deg, var(--e-global-color-e850821) 0%, var(--e-global-color-b9ab9b6) 65%);
    z-index: -1;
    border-radius: 15px;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-icon {
	color: var(--e-global-color-e850821);
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
	background-color: transparent;
	transition: all 3s;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:first-of-type a {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:last-of-type a {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a:hover {
	background-color: transparent;
	background-image: radial-gradient(at top left, var(--e-global-color-bcf4dba) 0%, var(--e-global-color-147d839) 50%);
    border-radius: 15px;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-title
{
	color: var(--e-global-color-primary);
}

.tutor-accordion-item-body:before {
    content: '';
    position: absolute;
    left: -1.5px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 85%;
    display: block;
    background-image: radial-gradient(at center center, var(--e-global-color-e850821) 0%, var(--e-global-color-b9ab9b6) 80%);
}

.tutor-accordion-item-body:after {
    content: '';
    background-color: transparent;
    --background-overlay: '';
    background-image: radial-gradient(at center left, var(--e-global-color-e850821) 0%, var(--e-global-color-b9ab9b6) 50%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    opacity: 0.2;
    z-index: 0;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-form-check-circle[checked] {
	border-color: var(--e-global-color-e850821);
	background-color: var(--e-global-color-e850821);
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='black'/%3E%3C/svg%3E");
}

.tutor-course-topic-single-footer a.tutor-btn {
	background-color: transparent;
    background-image: radial-gradient(at top left, var(--e-global-color-bcf4dba) 0%, var(--e-global-color-147d839) 50%);
    box-shadow: 3px 3px 10px 0px rgba(203.9999999999999, 255, 0, 0.4392156862745098);
    border-radius: 25px;
    border: none;
    font-weight: 500;
    padding: 10px 20px;
	transition: 0.35s ease;
}

.tutor-course-topic-single-footer a.tutor-btn:hover,
.tutor-course-topic-single-footer a.tutor-btn:active {
	box-shadow: -3px -3px 10px 0px rgba(203.9999999999999, 255, 0, 0.4392156862745098);
	transition: 0.35s ease;
	color: var(--e-global-color-e850821);
}


.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-quiz-wrap .quiz-meta-info .quiz-meta-info-right .quiz-time-remaining .quiz-time-remaining-expired-circle svg circle {
	stroke: var(--e-global-color-e850821);
}
/* responsive */
@media screen and (max-width: 1199px) {
	.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
		gap: 12px;
		padding: 30px 20px;
	}
	
	.tutor-spotlight-mobile-progress-complete {
		display: none !important;
	}
	
	.tutor-course-topic-single-header .tutor-course-topic-single-header-title + .tutor-ml-auto.tutor-align-center {
		display: flex !important;
		flex: 1 1 calc(100% - 50px);
	}
	
	.tutor-course-topic-single-header .tutor-course-topic-single-header-title {
		flex: 1 0 100%;
		word-break: break-all;
	}
	
	.tutor-course-single-content-wrapper.tutor-course-single-sidebar-open .tutor-course-single-sidebar-wrapper {
		background-color: var(--e-global-color-147d839);
		padding-bottom: 0;
		margin: 0 20px;
		width: calc(100% - 40px);
		border: 1px solid var(--e-global-color-bcf4dba);
		border-top-left-radius: 25px;
	}
	
	.tutor-course-topic-single-header .tutor-course-topic-single-header-title + .tutor-ml-auto.tutor-align-center .tutor-iconic-btn {
		display: none;	
	}
	
	.tutor-course-topic-single-header .tutor-icon-hamburger-wrapper {
		margin: 0;
	}
	
	.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a[data-lesson-id] {
		padding: 20px;
	}
	
	.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a div.tutor-d-flex {
		align-items: center;
	}
	.tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-course-topic-item-title {
		font-size: var(--e-global-typography-3bd860e-font-size);
		font-weight: var(--e-global-typography-3bd860e-font-weight);
	}
	
	.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
		padding: 20px 44px 20px 20px;
	}
}


@media screen and (max-width: 767px) {
	.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
		justify-content: space-between;
	}
	.tutor-course-single-content-wrapper .tutor-icon-previous-wrapper,
	.tutor-course-single-content-wrapper .tutor-icon-hamburger-wrapper {
		order: -1;
	}
	.tutor-course-topic-single-header .tutor-course-topic-single-header-title {
		flex: 1 0 100%;
	}
	
	.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a div.tutor-mr-32 {
		margin-right: 12px;
	}
	
	.tutor-course-topic-single-header .tutor-course-topic-single-header-title + .tutor-ml-auto.tutor-align-center .tutor-topbar-complete-btn {
		margin-right: 0;
	}
	
	.tutor-course-topic-single-header .tutor-course-topic-single-header-title + .tutor-ml-auto.tutor-align-center {
		flex-direction: column;
    	gap: 24px;
	}
}
/* lesson page end */