/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.20.4
*/
.tab-panels {
	padding-top: 0 !important;
}
@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyBlackItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyBlackItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyBlackItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyBlackItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyBlackItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyBlackItalic.svg#SVN-GilroyBlackItalic')
			format('svg');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyBold.eot');
	src:
		url('./assets/fonts/SVN-GilroyBold.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyBold.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyBold.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyBold.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyBold.svg#SVN-GilroyBold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyBoldItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyBoldItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyBoldItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyBoldItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyBoldItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyBoldItalic.svg#SVN-GilroyBoldItalic')
			format('svg');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyHeavyItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyHeavyItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyHeavyItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyHeavyItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyHeavyItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyHeavyItalic.svg#SVN-GilroyHeavyItalic')
			format('svg');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyBlack.eot');
	src:
		url('./assets/fonts/SVN-GilroyBlack.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyBlack.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyBlack.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyBlack.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyBlack.svg#SVN-GilroyBlack') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyItalic.svg#SVN-GilroyItalic')
			format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-Gilroy.eot');
	src:
		url('./assets/fonts/SVN-Gilroy.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/SVN-Gilroy.woff2') format('woff2'),
		url('./assets/fonts/SVN-Gilroy.woff') format('woff'),
		url('./assets/fonts/SVN-Gilroy.ttf') format('truetype'),
		url('./assets/fonts/SVN-Gilroy.svg#SVN-Gilroy') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyLight.eot');
	src:
		url('./assets/fonts/SVN-GilroyLight.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyLight.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyLight.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyLight.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyLight.svg#SVN-GilroyLight') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyHeavy.eot');
	src:
		url('./assets/fonts/SVN-GilroyHeavy.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyHeavy.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyHeavy.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyHeavy.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyHeavy.svg#SVN-GilroyHeavy') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroySemiBoldItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroySemiBoldItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroySemiBoldItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroySemiBoldItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroySemiBoldItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroySemiBoldItalic.svg#SVN-GilroySemiBoldItalic')
			format('svg');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyMediumItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyMediumItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyMediumItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyMediumItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyMediumItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyMediumItalic.svg#SVN-GilroyMediumItalic')
			format('svg');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyMedium.eot');
	src:
		url('./assets/fonts/SVN-GilroyMedium.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyMedium.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyMedium.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyMedium.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyMedium.svg#SVN-GilroyMedium')
			format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyLightItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyLightItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyLightItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyLightItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyLightItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyLightItalic.svg#SVN-GilroyLightItalic')
			format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy XBold';
	src: url('./assets/fonts/SVN-GilroyXBold.eot');
	src:
		url('./assets/fonts/SVN-GilroyXBold.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyXBold.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyXBold.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyXBold.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyXBold.svg#SVN-GilroyXBold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyThinItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyThinItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyThinItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyThinItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyThinItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyThinItalic.svg#SVN-GilroyThinItalic')
			format('svg');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy XLight';
	src: url('./assets/fonts/SVN-GilroyXLightItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyXLightItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyXLightItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyXLightItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyXLightItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyXLightItalic.svg#SVN-GilroyXLightItalic')
			format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroySemiBold.eot');
	src:
		url('./assets/fonts/SVN-GilroySemiBold.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroySemiBold.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroySemiBold.woff') format('woff'),
		url('./assets/fonts/SVN-GilroySemiBold.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroySemiBold.svg#SVN-GilroySemiBold')
			format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy';
	src: url('./assets/fonts/SVN-GilroyThin.eot');
	src:
		url('./assets/fonts/SVN-GilroyThin.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyThin.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyThin.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyThin.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyThin.svg#SVN-GilroyThin') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy XBold';
	src: url('./assets/fonts/SVN-GilroyXBoldItalic.eot');
	src:
		url('./assets/fonts/SVN-GilroyXBoldItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyXBoldItalic.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyXBoldItalic.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyXBoldItalic.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyXBoldItalic.svg#SVN-GilroyXBoldItalic')
			format('svg');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SVN-Gilroy XLight';
	src: url('./assets/fonts/SVN-GilroyXLight.eot');
	src:
		url('./assets/fonts/SVN-GilroyXLight.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/SVN-GilroyXLight.woff2') format('woff2'),
		url('./assets/fonts/SVN-GilroyXLight.woff') format('woff'),
		url('./assets/fonts/SVN-GilroyXLight.ttf') format('truetype'),
		url('./assets/fonts/SVN-GilroyXLight.svg#SVN-GilroyXLight')
			format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

/* Usage example */
body {
	font-family: 'SVN-Gilroy', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Prata', sans-serif !important;
	font-weight: bold;
}
p,
a,
span,
.course-excerpt,
body,
html {
	font-family: 'SVN-Gilroy' !important;
	font-weight: normal;
	font-style: normal;
}
.tutor-course-details-title span {
	font-weight: 700 !important;
}
span.count-up.active {
	opacity: 1;
	font-family: 'Prata', sans-serif !important;
}
#logo {
	width: 260px !important;
	@media (max-width: 768px) {
		width: 100px !important;
		margin: 0;
	}
}
.mobile-nav.nav-right {
	justify-content: center;
}
.tutor-login-register-buttons {
	@media (max-width: 768px) {
		display: flex;
		flex-direction: column;
		.btn-dangky {
			margin: 0;
			text-align: center;
			padding: 5px !important;
			margin-bottom: 10px;
		}
		.btn-dangnhap {
			margin: 0;
			text-align: center;
			padding: 5px !important;

			width: 110px;
		}
	}
}
.text-title h1 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 800;
	text-align: center;
	color: var(--primary-color);
	margin: 0;
}

.text-title p {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0%;
	text-align: justify;
}

.header-nav-main {
	justify-content: center;
	gap: 12px;
}

.header-main .header-inner {
	padding: 0px !important;
}
.text-title-sec2 h3 {
	font-size: 16px;
	font-weight: 500;
	color: #1d4ed8;
	text-align: center;

	margin: 0;
}
.text-title-sec2 h2 {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 800;
	text-align: center;
	color: #1e293b;
	margin: 0;
	padding: 10px 0;
}
.text-title-sec2 p {
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	color: #475569;
	margin: 0;
	padding: 1rem 0 2rem 0;

	width: 63%;
	display: flex;
	margin: auto;
}
.img-border img {
	border-radius: 8px;
}
.img-inner.image-zoom-long {
	border-radius: 8px;
}

.stack-gtcl .text p {
	/* height: 130px; */
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	margin: 0;
	padding-top: 1rem;
}
.stack-gtcl .text h4 {
	font-size: 16px;
	padding-bottom: 2rem;
}
.stack-gtcl {
	display: flex;
	max-width: 1250px;
	margin: auto;
}
.stack-gtcl .col-inner:hover {
	transform: scale(1.1);
	transition: transform 0.3s ease-in-out;
}
.tabs-home li a {
	border: none;
	border-radius: 8px;
}
.tabs-home li a span {
	padding: 10px;
}
.tabs-home .nav-vertical + .tab-panels {
	border-left: none;
	flex: 1;
	margin-top: 0 !important;
	padding: 0 30px 30px;
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: baseline;
	padding: 0 50px;
}
p {
	text-align: justify;
}
.tabs-home .tab-panels p {
	margin: 0;
}
.tabs-home .nav-vertical > li + li {
	border-top: none;
}

.tabs-home .nav-pills > li.active > a {
	color: white !important;
}
.bg-text {
	background: #f0fdf4;
	padding: 15px;
	margin-top: 1rem;
	border-radius: 8px;
}
.tabbed-content .nav-vertical {
	padding-top: 0;
	width: 30%;
}
.tabs-icon.tabs-home li a span {
	font-size: 17px;
	text-transform: none;
}
.stack-hest {
	display: flex;
	max-width: 1250px;
	margin: auto;
}
.stack-hest .col-inner {
	border: 1px solid black;
}
.stack-hest .col-inner:hover {
	border: 1px solid var(--primary-color);
	transform: scale(1.05);
	transition: transform 0.3s ease-in-out;
}
.flex-col-css {
	display: flex;
}
.col-rot {
	order: -1;
}
.wpcf7-form-control-wrap input {
	border-radius: 6px;
}
.wpcf7-form-control-wrap textarea {
	border-radius: 6px;
}
.wpcf7-spinner {
	display: none;
}
.wpcf7-form-control.wpcf7-submit {
	width: 100%;
	border-radius: 8px;
}
#logo img {
	max-height: 48px !important;
	@media (max-width: 768px) {
		margin: 0;
	}
}

.absolute-footer {
	display: none;
}
.stuck .header-main .nav > li > a {
	line-height: 20px !important;
}

.lightbox-content {
	background-color: #fff;
	box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
	margin: 0 auto;
	max-width: 875px;
	position: relative;
	border-radius: 8px;
}
/* KHÓA HỌC TRANG CHỦ SHORTCODE khoahoc_home */
/* .container-khoahoc-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
width: 100%;
} */

.course-item {
	width: 100%;
	box-sizing: border-box;
}
.container-khoahoc-wrapper .tutor-meta,
.container-khoahoc-wrapper .tutor-course-ratings {
	display: none;
}
.container-khoahoc-wrapper .tutor-course-name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	height: 75px;
}
.container-khoahoc-wrapper .tutor-course-name a {
	color: var(--primary-color);
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;
	letter-spacing: 0.5px;
}
.container-khoahoc-wrapper .tutor-ratio-16x9 {
	padding-top: 0;
	height: 250px;
	width: 100%;
}
.container-khoahoc-wrapper .tutor-card.tutor-course-card {
	box-shadow:
		0 10px 20px rgba(0, 0, 0, 0.19),
		0 6px 6px rgba(0, 0, 0, 0.22);
	border: 1px solid var(--fs-color-secondary);
}
.container-khoahoc-wrapper .tutor-card.tutor-course-card:hover {
	transform: scale(1.02);
	transition: transform 0.3s ease-in-out;
}
.p-0 p {
	margin: 0;
}
.section4 .slider .row {
	max-width: 65%;
	opacity: 1;
	margin-left: 0;
	margin-right: 0;
}
.section4 .slider .row p {
	font-weight: 400;
	font-size: 21px;
	line-height: 30px;
	letter-spacing: 0%;
}
.text.p-0 {
	margin-top: 3rem;
}
.custom-marquee {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.marquee-track {
	display: flex;
	width: max-content;
	animation: marqueeScroll 25s linear infinite;
	align-items: center;
	gap: 30px;
}
.marquee-track .img {
	width: auto !important;
}
.marquee-track img {
	width: 500px;
	height: auto;
	margin-right: 20px;
	flex-shrink: 0;
	object-fit: contain;
}
.img-cham img {
	width: 15px !important;
}
@keyframes marqueeScroll {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}

.custom-marquee:hover .marquee-track {
	animation-play-state: paused;
}
.acc-home-css .accordion-item {
	margin-bottom: 1rem;
}
.acc-home-css .accordion-item a {
	width: 30%;
	border: 1px solid;
	border-radius: 99px;
	padding: 10px 10px;
}
.acc-home-css .accordion-item .accordion-inner {
	display: block;
	background: #f5e5be70;
	border-radius: 8px;
	margin-top: 1rem;
	width: 70%;
	padding: 10px;
	margin-left: 2rem;
}
.acc-home-css .accordion-item p {
	margin: 0;
	font-size: 20px;
}
.accordion .toggle {
	right: 0 !important;
	left: unset;
}
.acc-home-css .accordion-item a span {
	font-size: 20px;
}

.account-name {
	text-transform: capitalize;
	cursor: pointer;
	font-weight: bold;
	font-size: 25px;
	color: var(--primary-color);

	cursor: pointer;
	font-weight: bold;
}

.tutor-course-details-page .breadcrumb a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;

	padding: 10px;
	border-radius: 8px;
	font-weight: bolder;
	@media (max-width: 768px) {
		padding: 0px;
	}
}
.tutor-course-details-page .breadcrumb span {
	padding: 10px;
	border-radius: 8px;
	font-size: 14px;
	color: #fff;
	font-weight: bolder;
}

.course-title a {
	font-weight: bold !important;
}
.tutor-course-details-title {
	color: var(--primary-color) !important;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 900;
	margin-top: 30px;
	line-height: 1.2;
	margin-bottom: 20px;
	@media (max-width: 768px) {
		font-size: 26px;
	}
}
.content-tutor p {
	padding-left: 0 !important;
	color: var(--fs-color-success);
	text-align: justify;
	font-size: 1.15rem;
	margin-top: 1rem;
}
.title-will-learn,
.tutor-course-content-title {
	font-family: 'Mulish';
	color: #a24186;
	font-size: 30px !important;
	margin: 0;
}
.list-benefit li {
	align-items: center;
	color: black;
	gap: 10px;
	width: 100% !important;
	font-size: 18px;
}
.list-benefit {
	flex-direction: column !important;
	color: #fff;
}
.tutor-course-details-tab .tutor-course-details-content,
.tutor-course-details-tab .tutor-course-details-widget,
.tutor-course-details-tab .tutor-is-sticky {
	display: none;
}
.tutor-course-details-tab .tutor-mt-40 {
	margin-top: 0px !important;
}
.tutor-single-course-sidebar-more .tutor-course-details-instructors {
	display: none;
}
.tutor-single-course-sidebar-more .tutor-course-details-instructors + div {
	border-top: 1px solid var(--tutor-border-color);
	padding-top: 24px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.tutor-fs-5 {
	font-size: 25px;
	font-family: SVN-Gilroy !important;
	text-transform: capitalize;
}
.tutor-related.khoahoc-lienquan {
	.container-khoahoc-wrapper {
		.swiper-slide {
			transform: scale(0.95);
			width: 30% !important;
			padding-right: 16px;
		}
	}
}
.tutor-related {
	.tutor-course-filter {
		display: none;
	}

	.container-khoahoc-wrapper {
		margin: auto;
		.course-swiper {
			margin-top: 0 !important;
			margin-bottom: 40px !important;
		}
		.swiper-wrapper {
			/* 			gap:16px; */
		}
		.course-card {
			display: flex !important;
			flex-direction: column;
			height: 550px;
			.course-image {
				height: 200px;
				a {
					height: 200px;
					img {
						object-position: center;
						object-fit: cover;
					}
				}
			}
		}
		.swiper-slide {
			transform: scale(0.95);
			/* 			width:30%!important; */
			/* 			padding-right:16px; */
		}
		.swiper-slide-active {
			transform: scale(0.95) !important;
		}
		.course-swiper-pagination {
			display: none !important;
		}
		@media screen and (max-width: 768px) {
			width: 100% !important;
		}
	}
}
.title-related-tutor.title-will-learn {
	text-align: center;
	margin-top: 1rem;
}
.container.section-title-container {
	display: none;
}
.section-title b {
	background-color: currentColor;
	display: block;
	flex: 1;
	height: 2px;
	opacity: 0;
}
.container-khoahoc-wrapper .tutor-card-footer {
	padding: 16px 20px;
	border-radius: 0 0 5px 5px;
	/* display: NONE; */
}
/* .header-button {
display: none;
} */
.login form {
	background: #fff;
	padding: 30px 25px;
	box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1);
	border-radius: 20px !important;
}
.text-product-home {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 50px;
}

/* .tutor-card-footer.tutor-info-bottom {
display: none;
} */

span.amount {
	color: RED;
	font-weight: 700;
	white-space: nowrap;
}
.woocommerce-customer-details {
	display: none;
}
.btn.btn-primary-checkout {
	background: black;
	border-radius: 8px;
}
.tutor-modal-body {
	box-shadow:
		0 10px 20px rgba(0, 0, 0, 0.19),
		0 6px 6px rgba(0, 0, 0, 0.22);
	border: 1px solid var(--fs-color-secondary);
	border-radius: 14px;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	display: none;
}
.woocommerce-order-details {
	display: none;
}
.fs20-bg {
	color: #a24186;
	text-align: center;
	font-size: 32px !important;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 38.4px */
	text-transform: capitalize;
	text-align: center;
}
.fs20-bg-p {
	color: var(--fs-color-primary);
	font-weight: bold;
	font-size: 32px !important;
	text-align: center;
	text-transform: capitalize;
	font-weight: 700;

	margin-bottom: 32px;
	span {
		font-weight: 700;
	}
}
.woocommerce-info.message-wrapper {
	background: var(--fs-color-secondary);
}
.tutor-dashboard .tutor-frontend-dashboard-header {
	position: relative;
	/* padding-bottom: 25px; */
	background: var(--fs-color-secondary);
	padding: 0 !important;
}
.tutor-header-left-side.tutor-dashboard-header {
	position: absolute;
	top: 35%;
	left: 5%;
}
.woocommerce-Price-amount.amount bdi {
	color: aliceblue;
	font-size: 28px;
}
.col-inner-custom-p20 .woocommerce-Price-amount.amount bdi,
.total .woocommerce-Price-amount.amount bdi {
	color: black;
	font-size: 20px;
}
.text-checkout {
	background: var(--fs-color-secondary);
	padding: 10px;
	text-align: center;
}

/* CHÂN ĐẾ */
.title-footer h2 {
	color: #fff;
	text-align: center;

	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}
.sec-ft .ux-menu-link__text {
	color: white !important;
}
.icon-box p {
	margin: 0;
	padding: 0;
}
.icon-box {
	align-items: center;
}
.ux-menu-link__link {
	padding: 0 !important;
}
.flex-left .header-nav-main li a {
	font-size: 18px;
	text-transform: none;
	color: black;
	font-weight: 600 !important;
}

.header-main .nav-pills > li.active > a {
	background-color: var(--fs-color-primary) !important;
	color: #fff;
	opacity: 1;
	padding: 10px 16px;
	height: 39px;
	display: flex;
	margin: auto;
	align-items: baseline;
	font-weight: 600 !important;
}
.header-main {
	border-bottom: 2px solid rgba(162, 65, 134, 0.2);
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(12px);
}
.title-text h2 {
	color: #a24186;
	text-align: center;
	font-family: 'Prata';
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 76.8px */
	letter-spacing: 1.92px;
	margin-bottom: 24px;
}
.home-tutor-course .tutor-course-ratings {
	display: none;
}
.home-tutor-course .tutor-course-card {
	height: 100%;
	border-radius: unset !important;
	border: none !important;
}
.home-tutor-course h3.tutor-course-name {
	margin: 0;
}
.course-layout-horizontal {
	border: 2px solid var(--fs-color-primary);
	border-radius: 16px !important;
}
.home-tutor-course .tutor-card-body {
	flex: auto;
	padding: 10px 20px;
}
.tutor-meta.tutor-mt-12.tutor-mb-20 {
	display: none !important;
}
.home-tutor-course .tutor-card-body .tutor-course-name a {
	color: #a24186 !important;
	font-family: 'Mulish', sans-serif !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}

.tutor-tag-list {
	padding: 10px !important;
}
.tutor-tag-list li {
	margin: 0;
	span {
		margin: 0 !important;
		padding: 4px 6px !important;
		background: rgba(230, 0, 118, 0.1);
		color: rgba(230, 0, 118, 1);
		border: none;
		font-weight: bold;
		font-size: 16px;
		border-radius: 6px;
	}
}

.row-bg-icon-home {
	padding: 28px;
	border-radius: 24px;
	border: 2px solid #a24186;
	background: #fff;
	@media (max-width: 768px) {
		width: 90%;
	}
}
.title-text-cn h2 {
	color: #a24186;
	text-align: center;
	font-family: Prata;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 48px */
	text-transform: capitalize;
	margin-bottom: 64px;
	@media (max-width: 768px) {
		font-size: 32px !important;
		margin-bottom: 32px;
	}
}

/* CẢM NHẬN */
.slider-camnhan .row {
	max-width: 33% !important;
	opacity: 1;
	margin: 0px 10px !important;
}
.slider-camnhan .row.center.is-selected {
	background: var(--main-color) !important;
	padding: 20px !important;

	border-radius: 20px;
	border: 0.81px solid #a24186;
	background: #fff;
	box-shadow: 0 4px 18px 0 rgba(162, 65, 134, 0.2);
}
.slider-camnhan .row.center.is-selected h3,
.slider-camnhan .row.center.is-selected p {
	color: white !important;
	display: inline-block;
	margin: 0;
}
.slider-camnhan .row.center.is-selected p {
	font-size: 15px !important;
	font-style: normal;
	font-weight: 400;
	text-align: center;
}
.slider-camnhan .row.center h3,
.slider-camnhan .row p {
	display: block;
	margin: 0;
	color: #0f1125;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 23.4px */
}
.slider-camnhan {
	.row {
		.icon-box-text {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			width: 100%;
			.testimonial-text {
				order: 1;
			}

			.star-rating {
				order: 2;
				position: absolute;
				right: 0;
				top: 10px;
			}
			h4 {
				color: #a24186;
				font-size: 20px;
				font-style: normal;
				font-family: 'SVN-Gilroy', sans-serif !important;
				font-weight: 600;
				line-height: normal;
				margin-bottom: 4px;
			}
			p {
				color: #717276;
				font-size: 16px;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}
		}
	}
}
.slider-camnhan .row p {
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	text-align: left;
}
.slider-camnhan .icon-box {
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 1rem;
}
.slider-camnhan .row .col {
	margin: 0;
	padding: 0;
}
.testimonial-meta {
	display: none;
}
.slider-camnhan .row {
	background-origin: border-box;
	background-clip: padding-box, border-box;
	backdrop-filter: blur(16px);

	padding: 20px !important;

	border-radius: 24px;
	background: #fff;
	box-shadow: 0 4px 16.1px 0 rgba(162, 65, 134, 0.12);
	.icon-box.testimonial-box {
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		width: 60%;
	}
}
.slider-camnhan .icon-box-img {
	height: 60px !important;
}
.slider-camnhan .icon-box-img img {
	height: 60px;
	width: 60px;
}
.slider-camnhan .flickity-page-dots .dot.is-selected {
	background: var(--fs-color-primary);
	opacity: 1 !important;
	border: none !important;
}
.slider-camnhan .flickity-page-dots .dot {
	border: none !important;
	background: #ccc;
}

.slider-camnhan .flickity-button {
	opacity: 1 !important;
}
.slider-style-focus .flickity-slider > :not(.is-selected) {
	transform: scale(0.8);
	opacity: 1 !important;
}
.slider-camnhan .flickity-prev-next-button.previous {
	left: 47% !important;
	transform: translateX(0%) !important;
	bottom: -70% !important;
}
.slider-camnhan .flickity-prev-next-button.next {
	right: 47% !important;
	transform: translateX(0%) !important;
	bottom: -70% !important;
}
.flickity-button-icon {
	background: white !important;
	border: 1px solid purple !important;
	border-radius: 99px;
}
.flickity-prev-next-button .arrow,
.flickity-prev-next-button svg {
	fill: purple !important;
	margin-top: 1rem;
}
.flickity-prev-next-button:hover .arrow {
	fill: purple !important;
}
.d-flex-top {
	align-items: start;

	.icon-box-img {
		width: 60px !important;
		background: rgba(255, 230, 248, 1);
		padding: 16px;
		border-radius: 20px;
		img {
			padding-top: 0;
		}
		&::before {
			content: '';
			position: absolute;
			background: #ffe6f8;
			width: 5px;
			height: 30vh;
			z-index: -1;
			left: 46%;
		}
	}
}
.sec-htc .col-inner .row:last-child .d-flex-top .icon-box-img::before {
	display: none !important;
}

.button.is-underline:before {
	background-color: currentColor;
	bottom: 10px;
	content: '';
	height: 2px;
	left: 0;
	opacity: 1;
	position: absolute;
	transition: all 0.3s;
	width: 100%;
}
.sec-htc .button span {
	display: inline-block;
	line-height: 1.6;
	font-size: 20px;
}
.tutor-course-details-widget-tags {
	white-space: nowrap;
}
/* SECTION NIỀM VUI */
.tutor-course-details-page .tutor-container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.tutor-course-details-header img {
	height: 400px;
	object-fit: cover;
	object-position: center bottom;
	width: 100%;
}
.tutor-course-featured-image {
	position: relative;
	&::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		background: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.2) 0%,
			rgba(0, 0, 0, 0.2) 100%
		);
	}
}
.tutor-course-details-page .breadcrumb {
	color: #fff;
	font-size: 20px;
	position: absolute;
	padding: 50px 40px;
	text-transform: uppercase;
	z-index: 9;
	@media (max-width: 768px) {
		padding: 20px;
		font-size: 18px;
	}
}
.tutor-col-xl-12.details-main-content {
	width: 85%;
	margin: auto;
	@media (max-width: 768px) {
		width: 90%;
	}
}
.course-cta {
	margin-top: 16px;
}

.btn-join-course {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	border-radius: 999px;
	font-weight: 600;
	text-decoration: none;
}

.btn-buy-course {
	background: #b44c82;
	color: #fff;
}

.btn-enter-course {
	background: #2ecc71;
	color: #fff;
}
.account-name {
	text-transform: capitalize;
	cursor: pointer;
	font-weight: bold;
	font-size: 1rem;
	color: #6946a0;
}
/* .account-name::before {
content: '\ef68';
font-family: 'tabler-icons';
font-size: 16px;
margin-left: 5px;
} */
.account-name::after {
	content: '\ea5f';
	font-family: 'tabler-icons';
	font-size: 16px;
	margin-left: 5px;
}
.p-text-mota {
	color: #a24186;
	margin-top: 1rem;
	margin-bottom: 0;
	font-size: 32px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.tutor-btn-show-more {
	display: none !important;
}
.tutor-row.tutor-gx-xl-5 {
	background: rgba(252, 244, 246, 1) !important;
}
.row-zoom .col {
	padding: 0 !important;
	margin: 0 !important;
}
.details-main-content {
	.course-tag {
		background: #e91e633d;
		color: #fff;
		padding: 6px 26px;
		border-radius: 20px;
		font-size: 20px;
		font-weight: 600;
		color: rgba(230, 0, 118, 1) !important;
	}
	.course-date {
		color: #00c950;
		font-size: 21px;
		font-weight: bold;
	}
}
span.tag-zoom {
	background: #e91e633d;
	color: #fff;
	padding: 6px 26px;
	border-radius: 20px;
	font-size: 20px;
	font-weight: 600;
	color: rgba(230, 0, 118, 1) !important;
}
.row-zoom .icon {
	border: 2px solid #ccc;
	border-radius: 50%;
	img {
		padding: 0;
	}
}
.row-zoom {
	.icon-box {
		margin-bottom: 1rem;
		margin: 10px;
		p {
			span {
				font-weight: 600;
			}
		}
	}
}
h4.tutor-accordion-item-header.is-active {
	color: var(--primary-color);
	font-weight: bold;
	font-size: 20px;
	font-family: SVN-Gilroy;
}
/* .tutor-mt-4 {
margin-top: 9px !important;
} */
h5.tutor-course-content-list-item-title {
	font-weight: bold;
	font-size: 16px;
}

.tab-thuvien .blog-home-css {
	.col-inner {
		border-radius: 20px;
		border: 2px solid white !important;
		background: #fff;
		&:hover {
			box-shadow: 0 4px 18px 0 rgba(162, 65, 134, 0.2);
		}
	}
}
.page-title.blog-featured-title .flex-center {
	display: flex;

	flex-direction: column;
}
.star-rating span:before {
	color: #ff7f22;

	content: '';
	left: 0;
	position: absolute;
	top: 0;
}
.text-right-img {
	position: absolute;
	right: 0;
}
.woocommerce-order.row .amount bdi {
	color: #34c759 !important;
}

td.text-td-payment-r {
	color: black;
	font-weight: bold;
}
.content-area.page-wrapper {
	background: #fcf4f6;
	.breadcrumb-checkout {
		font-size: 16px;
		color: var(--fs-color-primary);
		font-weight: bold;
		text-transform: uppercase;
		display: flex;
		margin-bottom: 40px;
	}
}

.stuck #logo img {
	max-height: 110px !important;
	position: absolute;
	top: 25%;
	/* padding: 20px !important; */
	width: 48px !important;
}
a.icon.primary.button.circle.tooltip.tooltipstered {
	color: #a24186 !important;
}
.tutor-fs-4.tutor-fw-medium.tutor-color-black.tutor-dashboard-header-username {
	color: white;
}
@media (max-width: 768px) {
	.sec-feedback .box-feedback {
		padding: 12px !important;
	}
	.row-tks .text p span {
		font-size: 21px !important;
	}
	/* .stuck #logo img {
	padding: 20px !important;
} */
	.text-title h1 {
		font-size: 35px;
		margin: 0;
		margin-top: 1rem;
	}
	.text-title h4 {
		font-size: 36px;
		line-height: 1.2;
		font-weight: 800;
		text-align: center;
		color: var(--primary-color);
		margin: 0;
	}
	.text-title p {
		width: 100%;
	}
	.text-title-sec2 p {
		width: 100%;
	}
	.tabbed-content .nav-vertical {
		width: 100%;
		display: flex;
	}
	.tabs-home .nav-vertical + .tab-panels {
		background: #dddd;
		padding: 20px;
		border-radius: 8px;
	}
	.tabs-home li a {
		margin-bottom: 1rem;
	}
	.tabs-home li a span {
		padding: 10px;
		font-size: 16px;
	}
	.title-text h2 {
		font-size: 20px !important;
	}
	.small-12 p {
		margin: 10px 20px;
	}
}
.tutor-card.tutor-card-md {
	border: none !important;
	background: none !important;
	.tutor-card-body {
		padding: 0 !important;
		form {
			margin: 0 !important;
		}
	}
}
.tutor-course-sidebar-card-pricing {
	display: none !important;
}
.tutor-course-details-page .tutor-btn-primary {
	padding: 0;
	margin: 0;
	border-radius: 99px;
	background: var(--primary-color);
	padding: 10px;
	border: 1px solid white;
}
.tutor-course-details-page .tutor-btn-primary:hover {
	border: 2px solid white !important;

	background: black !important;
	color: white !important;
	text-transform: capitalize;
	transform: scale(1.05);
	transition: transform 0.3s ease-in-out;
}
.tutor-single-course-sidebar.tutor-sidebar-sticky {
	overflow-y: unset !important;
}
.color-money {
	color: #ff3b30;
	text-align: center;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 120%;
	margin-top: 24px;
	margin-bottom: 48px;
}
.message-container.container.medium-text-center {
	color: white;
}
.tab-home-kh ul li {
	a {
		font-family: SVN-Gilroy;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		padding: 10px 20px !important;
		border: 2px solid var(--primary-color) !important;
		span {
			font-family: SVN-Gilroy;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			text-transform: none;
		}
	}
}
.slider-camnhan .flickity-viewport {
	height: 250px !important;
}
.sec-client {
	.slider-camnhan {
		.flickity-viewport {
			height: 450px !important;
			.row.is-selected {
				.text {
					p {
						font-weight: 500;
					}
				}
				p {
					color: #a24186;
					font-size: 18px;
					font-style: normal;
					font-weight: 400;
					line-height: 120%; /* 21.6px */
				}
			}
		}
	}
	.h-full-t {
		height: 260px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: justify;
	}
}
@media (max-width: 549px) {
	.header-main {
		height: 120px !important;
		margin: 0 20px !important;
	}
	.account-dropdown {
		left: -96% !important;
		width: 180px !important;
	}
	#journey01 {
		p.text-title.animate-fade-up {
			font-size: 26px !important;
			padding: 0 !important;
			margin: 0 !important;
		}
		p.text-description.animate-fade-up {
			font-size: 15px !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}
	#journey01 .card-top-left {
		top: 3rem !important;
		left: 0 !important;
		width: auto !important;
		height: auto !important;
		.photo-card {
			height: 150px !important;
			width: 175px !important;
		}
	}
	#journey01 .card-top-right {
		top: 3rem !important;
		right: 0 !important;
		width: auto !important;
		height: auto !important;
		.photo-card {
			height: 150px !important ;
			width: 175px !important;
		}
	}
	#journey01 .card-bottom-left {
		top: 30rem !important;
		left: 0 !important;
		width: auto !important;
		height: auto !important;
		.photo-card {
			height: 150px !important;
			width: 175px !important;
		}
	}
	#journey01 .card-bottom-right {
		top: 30rem !important;
		right: 0 !important;
		width: auto !important;
		height: auto !important;
		.photo-card {
			height: 150px !important ;
			width: 175px !important;
		}
	}
	#journey02 {
		p.text-title.animate-fade-up {
			font-size: 30px !important;
			padding: 0 !important;
			margin: 0 !important;
		}
		p.text-description.animate-fade-up {
			font-size: 18px !important;
			margin: 0 !important;
			padding: 0 !important;
		}
	}
	#journey02 .cards-row,
	#journey03 .cards-row {
		top: unset !important;
		overflow-x: scroll;
	}
	#journey03 {
		.text-container {
			position: absolute;
			top: 310px !important;
		}
		p.text-title.animate-fade-up {
			font-size: 26px !important;
			padding: 0 !important;
			margin: 0 !important;
			white-space: normal;
			width: 100% !important;
			bottom: 100%;
			text-align: center;
		}
		p.text-description.animate-fade-up {
			font-size: 16px !important;
			padding: 0 !important;
			margin: 0 !important;
			white-space: normal;
			width: 100% !important;
		}
	}
	.slider-camnhan .row {
		max-width: 90% !important;
		opacity: 1;
		margin: auto !important;
		display: flex;
		justify-content: center;
	}
	.slider-camnhan .flickity-viewport {
		height: 450px !important;
	}
}
.cf7-phone-pill {
	margin-top: 1rem;
	.wpcf7 .wpcf7-not-valid-tip {
		transform: translatey(-44px) !important;
	}

	p {
		margin: 0;
		display: flex;
		align-items: center;
		gap: 0;
		background: var(--fs-color-primary);
		border-radius: 999px;
		padding: 0px;
		border: 2px solid var(--fs-color-primary);
		box-shadow: 0 4px 60px 0 rgba(40, 55, 79, 0.1);
	}

	.wpcf7-form-control-wrap {
		flex: 1;
	}

	input[type='email'] {
		width: 100%;
		background: transparent;
		border: none;
		color: white;
		font-size: 16px;
		padding: 18px 24px;
		outline: none;
		box-shadow: none;
		margin-bottom: 0;

		&::placeholder {
			color: white;
			opacity: 0.9;
			font-weight: 400;
		}
	}
	input[type='submit'] {
		background: #fff;
		color: var(--text-main-color);
		border: none;
		padding: 3px 26px;
		font-size: 12px;
		font-weight: 600;
		cursor: pointer;
		white-space: nowrap;
		transition: all 0.3s ease;
		margin: 0;
		border-radius: 99px;
		line-height: 1;
		background: white;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
		width: max-content;
		color: var(--fs-color-primary);
		margin-right: 10px;
		margin: 10px;
	}

	.wpcf7-spinner {
		display: none;
	}
}
.sec-ft {
	.icon-box {
		margin: 0px 0px 1.5rem 0px !important;
	}
	.img-logo-ft {
		width: 26%;

		display: flex;
		margin: auto;
		img {
			padding: 5px;
		}
	}
	.p-private {
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 30px;
		margin: 0;
		margin-bottom: 12px;
		span {
			font-weight: 700;
			strong {
				font-weight: 700;
			}
		}
	}
}
.button.icon.circle,
.button.icon.round {
	padding-left: 0;
	padding-right: 0;
	color: #a24186 !important;
}
button.open-newsletter-popup.btn-theodoi {
	background: var(--primary-color);
	border-radius: 8px;
	font-size: 18px;
	margin: 0;
	padding: 0 20px;
	display: flex;
	align-items: center;
	gap: 5px;
	margin: auto;
}
.custom-search-hiroshi {
	/* .search-field {
		position: absolute;
		top: 80px !important;
		padding-left: 50px;
		box-shadow: none;
		height: 48px;
	} */
	button {
		position: absolute;
		background: transparent;
		top: 80px;
		left: 0;
		color: #000;
		border: none;
		height: 48px;
		i {
			display: block !important;
			color: #9ca3af;
		}
		&:hover {
			box-shadow: none;
		}
	}
}
.sec-1 {
	p {
		margin: 0;
		padding: 0;
		@media (max-width: 768px) {
			width: 90%;
			margin: auto;
			text-align: justify !important;
		}
	}
	.button {
		border-radius: 99px;
		padding: 0px 40px 0px 40px;
		width: 384px;
		font-weight: bold;
		margin: 0;
		margin-top: 48px;
		margin-bottom: 69px;
		@media (max-width: 768px) {
			margin-top: 30px;
			margin-bottom: 20px;
		}
	}
	.section-bg::before {
		content: '';
		position: absolute;
		background: url(https://ktech1.k-tech-services.com/info507/wp-content/uploads/2025/12/banner1.png);
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		display: flex;
		margin: auto;
		background-position: center top;
		z-index: 1;
		@media (max-width: 768px) {
			background-size: contain;
			top: 5%;
		}
	}
}
.sec-2 {
	.col-inner.text-center {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.button.primary {
		margin-top: 80px !important;
		@media (max-width: 768px) {
			margin-top: 30px !important;
		}
	}

	.course-instructor {
		border-top: 1px solid #ccc;
		margin-top: 16px;
		.instructor-label {
			color: #595959;
			text-align: left;
			font-family: SVN-Gilroy;
			font-size: 16px;
			font-style: normal;
			font-weight: 600;
			margin-top: 16px;
		}
		.icon-box-img {
			width: 35px !important;
			height: 35px;
			overflow: hidden;
			border-radius: 50%;
			img {
				padding-top: 0;
			}
		}
		p.instructor-name {
			color: #45556c;
			text-align: left;
			font-family: SVN-Gilroy;
			font-size: 18px;
			font-style: normal;
			font-weight: 600;
			line-height: 120%;
			margin-bottom: 5px;
			@media (max-width: 768px) {
				font-size: 16px !important;
				margin: 0 10px !important;
			}
		}
		p.instructor-title {
			color: #62748e;
			font-family: SVN-Gilroy;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
			/* 			margin-bottom: 12px; */
			@media (max-width: 768px) {
				margin: 0 10px !important;
			}
		}
	}
}
.sec-cackhoahoc {
	.panel {
		.button span {
			font-weight: 500;
			font-size: 20px !important;
			text-transform: none;
			padding: 0 15px !important;
		}
	}
	.button.primary.reveal-icon {
		margin-top: 64px;
		margin-bottom: 0;
	}
	.swiper-pagination {
		top: 5%;
		bottom: 100% !important;
		position: relative;
		margin-top: 40px;
	}
	.swiper-button-next.course-swiper-next,
	.swiper-button-prev.course-swiper-prev {
		top: 40%;
		color: white !important;
	}
	.course-instructor {
		border-top: 1px solid #ccc;
		margin-top: 16px;
		.instructor-label {
			color: #595959;
			text-align: left;
			font-family: SVN-Gilroy;
			font-size: 16px;
			font-style: normal;
			font-weight: 600;
			margin-top: 16px;
		}
		.icon-box-img {
			width: 32px !important;
		}
		p.instructor-name {
			color: #45556c;
			text-align: left;
			font-family: SVN-Gilroy;
			font-size: 18px;
			font-style: normal;
			font-weight: 600;
			line-height: 120%;
			margin-bottom: 5px;
		}
		p.instructor-title {
			color: #62748e;
			font-family: SVN-Gilroy;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
			margin-bottom: 12px;
		}
	}

	.button.primary {
		margin-top: 20px !important;
		margin-bottom: 0;
		display: flex;
		margin: auto;
		width: max-content;
		align-items: center;
	}
}
.nav li:last-child {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.sec-thuvien {
	.tab-thuvien .nav li {
		max-width: 25%;
		width: 100%;
		padding-right: 16px;
		&::last-child {
			padding: 0 !important;
		}
		@media (max-width: 768px) {
			max-width: max-content;
		}
	}
	.tab-thuvien .nav li a {
		width: 100%;
		text-align: center;
		display: flex;
		margin: auto;
		padding: 3px;
		justify-content: center;
		border-radius: 16px;
		background: #fde3ea;
		@media (max-width: 768px) {
			padding: 3px 10px;
		}
		span {
			display: flex;
			margin: auto;
			font-size: 16px;
			text-transform: capitalize;
			color: #a24186;
			font-weight: 600;
		}
	}
	.tab-thuvien .nav li.active a {
		border-radius: 16px;
		background: #a24186 !important;
		span {
			color: white !important;
			font-weight: 600;
		}
	}
	.tab-thuvien .nav {
		margin-bottom: 2rem;
		@media (max-width: 768px) {
			flex-wrap: wrap !important;
			height: 60px;
			overflow: auto;
			flex-direction: column;
			margin-bottom: 3rem;
		}
	}
	.blog-home-css {
		margin: 0 30px;
	}
	/* .search-field {
		position: absolute;
		bottom: -277%;
		border-radius: 16px !important;
		background: white !important;
		border: 1px solid #e5e7eb;
	} */
	/* i.icon-search {
		display: none;
	} */
	.nav-pagination.links .page-number {
		border-radius: 8px;
	}
}
input#woocommerce-product-search-field-0 {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.sec-thuvien-like {
	.text {
		p {
			margin: 0;
			margin-top: 34px;
			margin-bottom: 32px;
			span {
				font-weight: bold !important;
			}
		}
	}
	.box-text.text-center {
		padding-left: 10px;
		padding-right: 10px;
		background: white;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}
	.blog-home-css {
		& .col-inner {
			.post-title {
				font-family: 'Mulish';
				text-transform: capitalize;
				text-align: left;
				color: rgba(85, 85, 85, 1);
				font-size: 20px;
				font-style: normal;
				font-weight: 700;
				height: 70px;
				margin-bottom: 1rem;
			}
		}
	}
	.blog-home-css {
		.col-inner {
			border-radius: 20px;
			border: unset !important;
		}
	}
}
.header-main .flex-col.hide-for-medium.flex-right {
	width: 360px;
}
.sec-khoahoc-grid {
	/* Bộ lọc */
	.course-filters {
	}

	.filter-dropdown {
		position: relative;
	}

	.filter-dropdown-content {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		background: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		border-radius: 8px;
		padding: 10px;
		min-width: 220px;
		max-height: 300px;
		overflow-y: auto;
		z-index: 1000;
		margin-top: 8px;
	}

	.filter-dropdown.active .filter-dropdown-content {
		display: block;
	}

	.filter-dropdown-content label {
		display: flex;
		align-items: center;
		padding: 8px 12px;
		cursor: pointer;
		transition: background 0.2s;
		border-radius: 4px;
		gap: 8px;
	}

	.filter-dropdown-content label:hover {
		background: #f5f5f5;
	}

	.filter-dropdown-content input[type='checkbox'],
	.filter-dropdown-content input[type='radio'] {
		cursor: pointer;
		margin: 0;
	}

	.filter-slug {
		color: #999;
		font-size: 11px;
		font-style: italic;
		margin-left: 4px;
	}

	.filter-right {
		display: flex;
		gap: 20px;
		width: 100%;
		justify-content: space-between;
		margin-top: 15px;
	}

	.results-count {
		font-size: 16px;
		color: white;
		padding: 10px;
		margin: 0;
		color: #374151;
		font-weight: 500;
	}

	.results-count span {
		font-weight: 700;
		color: #374151;
		/* display: none; */
	}

	.filter-sort {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 14px;
		color: #666;
	}

	.sort-select {
		border: 1px solid #ddd;
		padding: 8px 16px;
		border-radius: 6px;
		font-size: 16px;
		cursor: pointer;
		margin: 0;
		/* width: 200px; */
		/* background: #fff; */
		border-radius: 8px;
		border: 1px solid #e5e7eb;
		/* background: #FFF; */
		height: 42px;
		font-weight: 500;
		color: #374151;
	}

	/* Grid khóa học */
	.courses-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		margin-bottom: 40px;
	}

	.course-grid-item {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
		transition: all 0.3s ease;
		border: 2px solid transparent;
	}

	.course-grid-item:hover {
		box-shadow: 0 8px 24px rgba(162, 65, 134, 0.2);
		transform: translateY(-5px);
		border-color: #a24186;
	}

	/* Image */
	.course-grid-image {
		position: relative;
		width: 100%;
		height: 200px;
		overflow: hidden;
	}

	.course-grid-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

	.course-grid-item:hover .course-grid-image img {
		transform: scale(1.1);
	}

	.course-grid-overlay {
		position: absolute;
		top: 10px;
		left: 10px;
		right: 10px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.course-badge {
		padding: 4px 12px;
		border-radius: 20px;
		font-size: 12px;
		font-weight: 600;
	}

	.course-badge.online {
		background: #e91e63;
		color: #fff;
	}

	.course-share-btn {
		background: rgba(255, 255, 255, 0.9);
		border: none;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.course-share-btn:hover {
		background: #e91e63;
		color: #fff;
	}

	.course-update-date {
		position: absolute;
		bottom: 10px;
		left: 10px;
		background: rgba(0, 201, 80, 0.9);
		color: #fff;
		padding: 4px 12px;
		border-radius: 6px;
		font-size: 12px;
		font-weight: 500;
	}

	/* Content */
	.course-grid-content {
		padding: 20px;
	}

	.course-grid-title {
		margin: 0;
	}

	.course-grid-title a {
		color: #a24186;
		text-decoration: none;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;

		font-size: 24px;
		font-weight: bold;
		text-transform: capitalize;
	}

	.course-grid-title a:hover {
		color: #450131;
	}

	.course-grid-excerpt {
		color: #a24186;
		font-size: 16px;
		line-height: 1.6;
		margin: 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-weight: 500;
		text-align: left;
	}

	/* Giá */
	.course-grid-price {
		display: flex;
		align-items: baseline;

		margin-bottom: 15px;
		flex-direction: column-reverse;
		height: 65px;
	}

	.price-regular {
		color: #ff3b30;
		font-size: 24px;
		font-weight: 600;
	}

	.price-free {
		color: #ff3b30;
		font-size: 24px;
		font-weight: 600;
	}
	.course-grid-price .price-sale {
		opacity: 1;
		color: #ff3b30;
		font-size: 26px;
		font-weight: 700;
	}

	/* Giảng viên */
	.course-grid-instructor {
		padding: 15px 0;
		border-top: 1px solid #f0f0f0;
		margin-bottom: 15px;
	}

	.instructor-label {
		display: block;
		color: #45556c;
		font-size: 14px;
		margin-bottom: 8px;
	}

	.instructor-details {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.instructor-details img {
		width: 32px;
		height: 32px;
		border-radius: 50%;
	}

	.instructor-text {
		flex: 1;
	}

	.instructor-text strong {
		display: block;
		color: #62748e;
		font-size: 14px;
		margin-bottom: 2px;
	}

	.instructor-text span {
		display: block;
		color: #999;
		font-size: 11px;
	}

	/* Button */
	.btn-view-course {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		padding: 12px 20px;
		background: transparent;
		color: #a24186;
		border: 1px solid #a24186;
		border-radius: 8px;
		text-decoration: none;
		font-weight: 600;
		transition: all 0.3s ease;
	}

	.btn-view-course:hover {
		background: #e91e63;
		color: #fff;
		border-color: #e91e63;
	}

	/* Pagination */
	.course-pagination {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		margin-top: 40px;
	}

	.course-pagination a,
	.course-pagination span {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 8px;
		border: 1px solid #ddd;
		color: #666;
		text-decoration: none;
		transition: all 0.3s ease;
	}

	.course-pagination a:hover,
	.course-pagination .current {
		background: #a24186;
		color: #fff;
		border-color: #a24186;
	}

	.no-courses {
		text-align: center;
		padding: 60px 20px;
		color: #999;
		font-size: 16px;
	}
	.course-search-form {
		width: 60%;
		border-radius: 8px;
		margin: 0;
		position: relative;
		input {
			border-radius: 10px;
			padding-left: 3rem;
			height: 48px;
			font-size: 15px;
			margin: 0;
		}
		.course-search-btn {
			margin: 0;
			padding: 0;
			top: 15%;
			left: 2%;
			filter: opacity(0.5);
			position: absolute;
		}
	}

	/* Responsive */
	@media (max-width: 1024px) {
		.courses-grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}
	}

	@media (max-width: 768px) {
		.course-filters {
			flex-direction: column;
			align-items: flex-start;
		}

		.filter-left,
		.filter-right {
			width: 100%;
			flex-wrap: wrap !important;
			height: 60px;
			overflow: auto;
			flex-direction: column;
		}

		.filter-right {
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.courses-grid {
			grid-template-columns: 1fr;
		}
	}
}

/* CSS cho các nút filter giống ảnh */

.sec-khoahoc-grid .course-filters {
	margin-bottom: 30px;
}

.sec-khoahoc-grid .filter-left {
	display: flex;
	flex-wrap: nowrap;
	flex: 1;
	/* margin-bottom: 25px; */
	justify-content: space-between;
	gap: 8px;
}

/* Button "Tất cả khóa học" */
.sec-khoahoc-grid .filter-btn {
	max-width: none;
	width: auto;
	margin: 0;
	padding: 12px 24px;
	font-size: 16px;
	text-transform: none;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border: none;
	border-radius: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 23%;
	height: 50px;
	display: flex;
	align-items: center;
	font-size: 16px;
	background: #fde3ea !important;
	color: #a24186;
	padding: 4px 15px;
	border-radius: 20px;
}
.sec-khoahoc-grid .filter-btn.active {
	background: #a24186 !important;
	color: white !important;
}
.sec-khoahoc-grid .filter-btn:hover {
	background: #8b3670;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(162, 65, 134, 0.3);
}

/* Dropdown buttons */
.sec-khoahoc-grid .filter-dropdown-btn {
	max-width: none;
	width: auto;
	margin: 0;
	padding: 12px 24px;

	text-transform: none;
	color: #a24186;
	font-weight: 600;
	text-align: center;
	background: #fde3ea;
	border: none;
	border-radius: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 322px;
	height: 50px;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.sec-khoahoc-grid .filter-dropdown-btn:hover {
	background: #f8f0f5;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(162, 65, 134, 0.2);
}

.sec-khoahoc-grid .filter-dropdown-btn svg {
	width: 14px;
	height: 14px;
	transition: transform 0.3s ease;
}

/* Dropdown active state */
.sec-khoahoc-grid .filter-dropdown.active .filter-dropdown-btn {
	background: #a24186;
	color: #fff;
	border-color: #a24186;
}

.sec-khoahoc-grid .filter-dropdown.active .filter-dropdown-btn svg {
	transform: rotate(180deg);
}

.sec-khoahoc-grid .filter-dropdown.active .filter-dropdown-btn svg path,
.sec-khoahoc-grid .filter-dropdown.active .filter-dropdown-btn svg polyline {
	stroke: #fff;
}

/* Responsive */
@media (max-width: 768px) {
	.sec-khoahoc-grid .filter-btn,
	.sec-khoahoc-grid .filter-dropdown-btn {
		padding: 10px 20px;
		font-size: 14px;
		width: max-content;
	}
}
/* CSS cho badge theo tag và layout giống ảnh */

.sec-khoahoc-grid .course-grid-image {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

/* Top overlay - Badge tag và Share button trên cùng 1 hàng */
.sec-khoahoc-grid .course-grid-overlay-top {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2;
}

/* Badge styles */
.sec-khoahoc-grid .course-badge {
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}

/* Badge màu cho Zoom/Online - Màu hồng/đỏ như ảnh */
.sec-khoahoc-grid .course-badge.zoom-online {
	background: rgba(230, 0, 118, 0.1) !important;
	color: rgba(230, 0, 118, 1) !important;
	padding: 4px 15px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
}

/* Badge màu cho Video - Màu cam/vàng như ảnh */
.sec-khoahoc-grid .course-badge.video {
	background: #ff9800;
	color: #fff;
}

/* Share button */
.sec-khoahoc-grid .course-share-btn {
	background: rgba(255, 255, 255, 0.95);
	border: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.sec-khoahoc-grid .course-share-btn:hover {
	background: #e91e63;
	transform: scale(1.1);
}

.sec-khoahoc-grid .course-share-btn:hover svg {
	stroke: #fff;
}

/* Badge cập nhật ở dưới */
.sec-khoahoc-grid .course-update-date {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: rgba(0, 201, 80, 0.95);
	color: #fff;
	padding: 5px 14px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	z-index: 2;
}

/* Responsive */
@media (max-width: 768px) {
	.sec-khoahoc-grid .course-badge {
		font-size: 11px;
		padding: 4px 10px;
	}

	.sec-khoahoc-grid .course-share-btn {
		width: 32px;
		height: 32px;
	}

	.sec-khoahoc-grid .course-update-date {
		font-size: 11px;
		padding: 4px 10px;
	}
}
.sec-kh-page {
	.icon-box {
		margin-bottom: 1rem;
	}
	p.instructor-title {
		color: #62748e;
		font-family: SVN-Gilroy;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 0 !important;
	}
}
.course-grid-content-tag {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.course-update-date1 {
	color: #00c950;
	font-weight: 600;
}
.col-3-footer svg {
	width: 30px;
	height: 30px;
	background: var(--fs-color-primary);
	border-radius: 99px;
	padding: 2px;
	margin-right: 10px;
}
.col-3-footer svg path {
	fill: white;
}

button.share-btn-img {
	padding: 0;
	margin: 0;
	margin-top: -6px;
}
input[name='tutor_profile_job_title'],
.tutor-dashboard-menu-item.tutor-dashboard-menu-reviews,
li.tutor-dashboard-menu-item.tutor-dashboard-menu-my-quiz-attempts,
li.tutor-dashboard-menu-item.tutor-dashboard-menu-question-answer {
	display: none !important;
}
.course-instructor {
	.icon-box {
		display: flex;
		align-items: center;
		margin-bottom: 12px;
		.icon-box-img {
			width: 35px !important;
			height: 35px !important;
			overflow: hidden;
			border-radius: 50%;
			img {
				padding-top: 0;
				object-fit: cover;
				object-position: center;
			}
		}
	}
}
.container-khoahoc-wrapper {
	.course-content {
		.course-excerpt {
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 120%;
			margin-top: 4px;
		}
		.course-price {
			margin-top: 12px;
			gap: 0 !important;
		}
	}
}
.slider-camnhan {
	.flickity-slider {
		.row {
			opacity: 1 !important;
			border: 1px solid var(--fs-color-primary);
		}
	}
}
.details-main-content {
	.course-tag {
		padding: 12px !important;
		color: #e60076;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%; /* 16px */
		border-radius: 8px;
		width: max-content;
	}
	.course-date {
		color: #00c950;
		font-size: 20px;
		font-weight: bold;
	}
	.tutor-course-details-title {
		margin-top: 12px;
		margin-bottom: 4px;
	}
	.course-price {
		border-bottom: 1px solid #cad5e2;
		.sale-price {
			margin-bottom: 12px;
		}
	}
	.course-instructor {
		margin-top: 12px;
		.instructor-label {
			color: #595959;
			text-align: left;
			font-size: 20px;
			font-style: normal;
			font-weight: 600;
			margin-bottom: 12px;
		}
		.icon-box {
			margin-bottom: 40px;
			.icon-box-img {
				width: 55px;
				height: 55px;
				background: white;
				border-radius: 50%;
				/* 				padding: 5px; */
				overflow: hidden;
				img {
					padding-top: 0 !important;
					border-radius: 50%;
					height: 55px;
					width: 55px;
					object-fit: cover;
				}
			}
			.icon-box-text {
				.instructor-name {
					color: #45556c;
					font-size: 24px;
					font-style: normal;
					font-weight: 600;
					line-height: 120%; /* 28.8px */
				}
				.instructor-title {
					color: #62748e;
					font-size: 16px;
					font-style: normal;
					font-weight: 400;
					line-height: 120%; /* 19.2px */
				}
			}
		}
	}
	.course-cta {
		a {
			border-radius: 12px;
			border: 1px solid #a24186;
			background: #a24186;
			color: #fff;
		}
	}
	.course-learning-method {
		.info-detail-course {
			display: flex;
			align-items: center;
			gap: 16px;
			justify-content: start;
			margin-bottom: 24px;
			@media (max-width: 768px) {
				display: block;
			}
			h4 {
				color: #a24186;
				font-size: 32px;
				font-style: normal;
				font-weight: 600;
				line-height: normal;
				font-family: 'SVN-Gilroy', sans-serif !important;
			}
			.flex-1 {
				width: max-content;
				margin-bottom: 0;
			}
			.tag-zoom {
				padding: 12px;
				border-radius: 6px;
				background: rgba(230, 0, 118, 0.1);
				color: #e60076;
				text-align: center;
				font-size: 20px;
				font-style: normal;
				font-weight: 600;
				line-height: normal;
				@media (max-width: 768px) {
					margin: 0;
					margin-top: 1rem;
					width: 100%;
					font-weight: bold;
				}
			}
		}
		.row-m-0 {
			margin: 0 !important;
		}
	}
	.content-tutor {
		.p-text-mota {
			color: #a24186;
			font-size: 32px;
			font-style: normal;
			font-weight: 600;
			line-height: normal;
			margin-bottom: 24px;
		}
	}
}
.account-name {
	cursor: pointer;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 8px;
}

.account-avatar-img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
}

.account-username {
	font-size: 15px;
}

#masthead {
	border-bottom: 2px solid rgba(162, 65, 134, 0.2);
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(6px);
}

.tutor-course-details-page {
	.share-btn-up {
		display: flex;
		align-items: center;
		gap: 18px;
		@media (max-width: 768px) {
			justify-content: space-between;
		}
	}
	.course-learning-method {
		.row {
			max-width: 100% !important;
		}
	}
}
.tutor-accordion-item-header {
	&::after {
		left: 16px;
		right: unset;
	}
}
.tutor-course-spotlight-wrapper {
	background: white !important;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:after {
	display: none !important;
}

div#comments {
	display: none;
}
.post {
	margin: 0;
}
.sec-related-like {
	margin: 0;
	padding: 0;
	.section {
		padding: 0;
		.col.small-12.large-12 {
			margin: 0;
			padding: 0;
		}
	}
}
.tutor-frontend-dashboard-maincontent {
	background: #fcf4f6;
}
/* KHÓA HỌC HOME NORMAL */
.home_khoahoc_normal {
	/* Normal Layout CSS */
	.container-khoahoc-wrapper {
		width: 100%;
		position: relative;
		padding: 0;
	}

	.course-swiper {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0;
		margin-top: 64px;
	}

	.swiper-wrapper {
		display: flex;
		align-items: center;
	}

	.home-tutor-course .swiper-slide {
		width: 25% !important;
		flex-shrink: 0;
		height: auto;
		padding: 0px;
		transition: all 0.5s ease;
		transform: scale(0.85);
		opacity: 1;
		margin: 0 !important;
	}

	.home-tutor-course .swiper-slide-active {
		transform: scale(1);
		opacity: 1;
		z-index: 10;
	}

	.course-card {
		background: #fff;
		border-radius: 16px;
		overflow: hidden;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
		transition: all 0.3s ease;
		height: 100%;
		display: grid;
		grid-template-columns: 4fr 8fr;
		gap: 0;
		border: 1px solid var(--primary-color);
	}

	.swiper-slide-active .course-card {
		box-shadow: 0 8px 30px rgba(233, 30, 99, 0.3);
		border-color: var(--primary-color);
	}

	.course-card:hover {
		box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
		border-color: var(--primary-color);
	}

	.course-image {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.course-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

	.course-card:hover .course-image img {
		transform: scale(1.05);
	}

	.course-content {
		padding: 16px 16px 0 16px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.course-meta-top {
		display: flex;
		align-items: center;
		margin-bottom: 12px;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.course-tag {
		background: rgba(230, 0, 118, 0.1) !important;
		color: rgba(230, 0, 118, 1) !important;
		padding: 4px 15px;
		border-radius: 20px;
		font-size: 13px;
		font-weight: 600;
	}

	.course-date {
		color: #00c950;
		font-size: 13px;
		font-weight: 600;
	}

	.share-btn {
		margin-left: auto;
		background: transparent;
		border: none;
		cursor: pointer;
		color: #666;
		transition: all 0.3s ease;
		margin: 0;
		padding: 0;
	}

	.share-btn:hover {
		color: var(--primary-color);
		transform: scale(1.1);
	}

	.course-title {
		color: #a24186;
		font-family: 'Mulish';
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		margin: 0;
	}

	.course-title a {
		color: #a24186;
		text-decoration: none;
		transition: color 0.3s ease;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-align: left;
	}

	.course-title a:hover {
		color: var(--primary-color);
	}

	.course-excerpt {
		color: #a24186;
		font-size: 16px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0;
		text-align: left;
	}

	.course-price {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		flex-direction: column;
	}

	.regular-price {
		color: #a24186;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		text-decoration-line: line-through;
		opacity: 0.8;
	}

	.sale-price {
		color: #ff3b30;
		font-size: 24px;
		font-weight: 700;
	}

	.course-instructor {
		padding: 12px 0;
		border-top: 1px solid #f0f0f0;
	}

	.instructor-label {
		color: #45556c;
		font-size: 16px;
		margin-bottom: 8px;
	}

	.instructor-name {
		color: #62748e;
		font-size: 15px;
		font-weight: 500;
	}

	.instructor-title {
		color: #666;
		font-size: 12px;
	}

	.btn-view-detail {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		background: transparent;
		color: #a24186;
		border: 1px solid #a24186;
		padding: 10px 20px;
		border-radius: 12px;
		font-size: 16px;
		font-weight: 600;
		text-decoration: none;
		transition: all 0.3s ease;
		margin-bottom: 16px;
	}

	.btn-view-detail:hover {
		background: var(--primary-color);
		color: #fff;
		transform: translateX(5px);
	}

	.btn-view-detail svg {
		transition: transform 0.3s ease;
	}

	.btn-view-detail:hover svg {
		transform: translateX(5px);
	}

	.course-swiper-next,
	.course-swiper-prev {
		color: var(--primary-color);
		background: var(--primary-color);
		width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
		border: 2px solid var(--primary-color);
		transition: all 0.3s ease;
	}

	.course-swiper-next:hover,
	.course-swiper-prev:hover {
		transform: scale(1.1);
		background: var(--primary-color);
		color: #fff;
	}

	.course-swiper-next:after,
	.course-swiper-prev:after {
		font-size: 18px;
		font-weight: bold;
	}

	.course-swiper-pagination {
		bottom: 10px;
	}

	.course-swiper-pagination .swiper-pagination-bullet {
		background: var(--primary-color);
		opacity: 0.4;
		width: 10px;
		height: 10px;
		transition: all 0.3s ease;
	}

	.course-swiper-pagination .swiper-pagination-bullet-active {
		opacity: 1;
		width: 30px;
		border-radius: 5px;
	}

	.swiper-pagination {
		top: 5%;
	}

	.swiper-button-next.course-swiper-next,
	.swiper-button-prev.course-swiper-prev {
		color: white !important;
	}

	@media (max-width: 768px) {
		.container-khoahoc-wrapper {
			padding: 20px 0 50px;
		}

		.course-swiper {
			padding: 20px 0;
		}

		.home-tutor-course .swiper-slide {
			width: 90% !important;
			padding: 8px;
			transform: scale(1);
			opacity: 1;
			height: auto !important;
		}

		.course-card {
			grid-template-columns: 1fr;
			height: auto !important;
			border-radius: 12px;
		}

		.course-image {
			height: 180px;
		}

		.course-content {
			padding: 15px;
		}

		.course-meta-top {
			margin-bottom: 8px;
		}

		.course-tag {
			font-size: 11px;
			padding: 3px 10px;
		}

		.course-date {
			font-size: 11px;
		}

		.course-title {
			font-size: 18px;
			margin-bottom: 8px;
		}

		.course-excerpt {
			font-size: 14px;
			-webkit-line-clamp: 2;
			margin-bottom: 8px;
		}

		.course-price {
			margin-bottom: 8px;
		}

		.regular-price {
			font-size: 14px;
		}

		.sale-price {
			font-size: 20px;
		}

		.course-instructor {
			padding: 8px 0;
		}

		.instructor-label {
			font-size: 14px;
		}

		.instructor-name {
			font-size: 13px;
		}

		.btn-view-detail {
			padding: 8px 16px;
			font-size: 14px;
		}

		.course-swiper-next,
		.course-swiper-prev {
			display: none;
		}

		.swiper-pagination {
			top: auto;
			bottom: 10px;
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.home-tutor-course .swiper-slide {
			width: 50% !important;
		}
	}
}
/* KHÓA HỌC RELATED */
.sec-kh-yt {
	.home_khoahoc_related {
		.swiper-button-next.course-swiper-next {
			right: 2%;
			top: 45%;
		}
		.swiper-button-prev.course-swiper-prev {
			left: 2%;
			top: 45%;
		}
	}
	.btn-text-none span {
		font-weight: 600;
		font-size: 20px !important;
		text-transform: capitalize;
		padding: 0 15px !important;
		text-transform: none;
	}
}
.sec-cackhoahoc {
	.tab-home-kh {
		h4 {
			text-align: center;
			font-size: 40px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
			margin-top: 80px;
			margin-bottom: 0;
			text-transform: none;
			@media (max-width: 768px) {
				font-size: 32px;
				margin-top: 48px;
			}
		}
	}
	.tab-home-kh .nav {
		gap: 16px;
		margin-top: 32px;
		@media (max-width: 768px) {
			height: 70px;
			overflow: auto;
			display: flex;
			flex-direction: column-reverse;
		}

		li.active > a {
			border-radius: 100px;
			background: #a24186;
			display: flex;

			padding: 6px 28px !important;
			justify-content: center;
			align-items: center;
			gap: 10px;
			color: white;
			@media (max-width: 768px) {
				width: max-content;
				min-width: 100% !important;
			}
		}
		li a {
			border-radius: 100px;

			display: flex;
			color: var(--primary-color);
			border: 1px solid var(--primary-color) !important;
			padding: 6px 28px !important;
			justify-content: center;
			align-items: center;
			height: 47px;
			min-width: 147px;
			text-align: left;

			background: rgba(255, 255, 255, 0.51);

			span {
				font-size: 16px;
				font-style: normal;
				font-weight: 500;
				line-height: 16px; /* 100% */
			}
		}
	}

	.course-card-hero {
		height: 432px !important;
		@media (max-width: 768px) {
			height: 100% !important;
		}
		.icon-box-img {
			.icon {
				height: 36px;
				width: 36px;
				.icon-inner {
					height: 36px;
					width: 36px;
					overflow: hidden;
					border-radius: 50%;
					img {
						padding-top: 0;
						height: 36px;
						object-fit: cover;
					}
				}
			}
		}
	}
}
.hidden-next-prev {
	.swiper-button-next {
		display: none;
	}
	.swiper-button-prev {
		display: none;
	}
}

.sec-camnhan-hv {
	.text-camnhan-title {
		h2 {
			color: #a24186;
			text-align: center;
			font-family: Prata;
			font-size: 40px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
			text-transform: capitalize;
			margin-bottom: 60px;
			margin-top: 80px;
			@media (max-width: 768px) {
				font-size: 32px;

				text-align: center;

				width: 90%;
				display: flex;
				margin: auto;
				margin-top: 1rem;
				margin-bottom: 2rem;
			}
		}
	}
}
.sec-htc {
	.icon-box-text {
		p {
			margin: 0;
			strong {
				span {
					font-weight: 600;
					@media (max-width: 768px) {
						font-size: 24px !important;
					}
				}
			}
		}
	}
}

/* PAGE K/H CHI TIẾT */
.tutor-course-details-page.page-single-detail {
	.details-main-content {
		& .course-instructor {
			& .icon-box {
				.icon-box-img {
					width: unset !important;
					height: 55px !important;
					background: white;
					border-radius: 50%;
					/* padding: 5px; */
					overflow: hidden;
					img {
						padding-top: 0 !important;
						padding: 6px;
						background: white;
						object-fit: contain;
					}
				}
			}
		}
	}
	.course-meta-top {
		display: flex;
		justify-content: space-between;
		@media (max-width: 768px) {
			gap: 10px;
			flex-direction: column;
		}
	}
	.course-price {
		display: flex;
		align-items: flex-start;

		flex-direction: column;
		.regular-price {
			color: #1d293d;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
			text-decoration-line: line-through;
			opacity: 0.4;
		}
		.sale-price {
			color: #ff3b30;
			font-size: 32px;
			font-weight: 700;
			@media (max-width: 768px) {
				font-size: 24px;
			}
		}
	}
	.tutor-course-single-pricing {
		background: var(--primary-color);
		display: inline-block;
		padding: 5px 20px;
		border-radius: 8px;
		color: white;
		span {
			color: white;
			text-transform: capitalize;
		}
	}
	.content-tutor li {
		color: #a24186;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		margin-left: 2rem;
		text-transform: none;
		margin-bottom: 30px;
	}
	.tutor-single-course-sidebar-more {
		.tutor-course-details-widget {
			padding: 0;
			background: transparent;
			border: none;
		}
	}
	.tutor-course-details-widget-title {
		color: #a24186;
		font-size: 32px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 12px;
		text-transform: capitalize;
	}

	.tutor-course-details-widget-list {
		li {
			color: #a24186;
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 140%;
			margin-left: 10px;
			text-transform: none;
			margin-bottom: 30px;
			.tutor-color-muted {
				color: var(--fs-color-primary);
			}
		}
	}
	.tutor-accordion-item-header:after {
		content: '\f103';
		color: var(--tutor-color-primary);
		font-size: 16px;
		/* font-weight: 400; */
		transition: all 0.15s;
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%) rotate(0);
		font-family: 'Font Awesome 7 Free' !important;
		font-weight: 900;
	}
	h4.tutor-accordion-item-header {
		color: #a24186;
		font-family: SVN-Gilroy !important;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.tutor-accordion-item {
		/* border-radius: 8px; */
		border: 2px solid #a24186;
		background: #fff;
		box-shadow: 0 1px 3.1px 0 rgba(0, 0, 0, 0.07);
		.tutor-accordion-item-header {
			padding-left: 40px !important;
		}
	}
	.tutor-related {
		.tile-course-lienquan {
			text-align: left;
			font-family: 'SVN-Gilroy' !important;
			font-size: 32px !important;
			font-style: normal;
			font-weight: 600;
			line-height: normal;
			margin-bottom: 1rem;
			@media (max-width: 768px) {
				font-size: 28px !important;
			}
		}
	}
	.tutor-related {
		& .container-khoahoc-wrapper {
			.course-card {
				display: flex !important;
				flex-direction: column;
				height: 100% !important;
				.course-image {
					height: 152px;
					@media (max-width: 768px) {
						height: 200px;
					}
				}
			}
		}
		.course-title {
			height: 100%;
		}
		.share-btn-up {
			display: flex;
			align-items: center;
			gap: 0 !important;
		}
		.regular-price {
			font-size: 18px !important;
		}
		.sale-price {
			color: #ff3b30;
			font-size: 20px !important;
			font-weight: 700;
			margin: 0;
		}
		.course-instructor {
			padding: 0 !important;
			border-top: 0 !important;
		}
		.instructor-label {
			font-size: 15px !important;
			margin-bottom: 0 !important;
		}
		.instructor-name {
			font-size: 16px !important;
		}
		.instructor-title {
			font-size: 13px !important;
		}
	}
	.tutor-related {
		& .container-khoahoc-wrapper {
			.course-swiper {
				margin-top: 0 !important;
				margin-bottom: 40px !important;
				padding: 0 22px !important;
				@media (max-width: 768px) {
					padding: 0 !important;
				}
			}
		}
	}
}
.tutor-related {
	.course-meta-top {
		@media (max-width: 768px) {
			gap: 10px;
			flex-direction: unset !important;
		}
	}
}
/* Trả lại dấu chấm cho list benefit */
.tutor-course-details-page ul.tutor-course-details-widget-list.list-benefit {
	list-style: disc !important;
	padding-left: 20px !important;
}

/* Đảm bảo từng li hiện đúng bullet */
.tutor-course-details-page
	ul.tutor-course-details-widget-list.list-benefit
	> li {
	list-style: disc !important;
	display: list-item !important;
}

.text-hocvien-title {
	h2 {
		color: #a24186;
		text-align: center;

		font-size: 40px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 48px */
		@media (max-width: 768px) {
			font-size: 32px;
			width: 90%;
			display: flex;
			margin: auto;
		}
	}
}
.text-cauhoi-title {
	h2 {
		color: #a24186;
		text-align: center;

		font-size: 40px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 48px */
		margin: 0;
		@media (max-width: 768px) {
			font-size: 32px;
			width: 90%;
			display: flex;
			margin: auto;
		}
	}
}

.sec-htc {
	.accordion-item {
		background: #fff;
		border-radius: 25px;
		margin-bottom: 12px;

		.accordion-title {
			padding: 18px 40px;
			border-radius: 12px;
			background: #fff;
			display: flex;
			align-items: center;
			font-size: 20px;
			font-weight: 600 !important;
			color: var(--fs-color-primary);
			border: 2px solid #a24186;
			margin-bottom: 16px;
			span {
				font-weight: 600 !important;
			}

			.toggle {
				top: 10px;
				/* height: 100%; */
				display: flex;
				align-items: center;
				justify-content: center;
				left: unset;
				right: 2%;
				background: var(--main-color);
				height: 45px;
				width: 45px;
				opacity: 1;
				transform: none;
				border: none;

				.icon-angle-down {
					font-size: 20px;

					&::before {
						content: '\2b' !important;
						font-family: 'Font Awesome 7 Free';
						font-weight: 900;
						color: var(--fs-color-primary);
					}
				}
			}

			&.active {
				.toggle {
					.icon-angle-down {
						font-size: all 3s;

						&::before {
							content: '\f068' !important;
							font-family: 'Font Awesome 7 Free';
							font-weight: 900;
							color: var(--fs-color-primary);
						}
					}
				}
			}
		}
	}

	@media screen and (max-width: 768px) {
		.accordion-item {
			.accordion-title {
				font-size: 16px;
				padding: 18px 56px 18px 40px;
			}
		}
	}
}
.sec-thuvien-home {
	.blog-home-css {
		margin: 0 !important;
		.post-item {
			.col-inner {
				background: white;
				height: 100%;
			}
		}
	}
	.button.primary.is-underline {
		padding: 0;
	}
	.blog-home-css {
		.col-inner {
			border-radius: 20px;
			border: 2px solid var(--fs-color-primary);
			.image-zoom {
				border-radius: 16px;
			}
			.post-title {
				text-align: left;
				color: #555;
				font-size: 20px;
				font-weight: 700;
				a {
					font-weight: 700;
					line-height: 120%;
				}
			}
			.is-divider {
				display: none;
			}
			.box-text.text-center .button {
				width: 100%;
				border-radius: var(--rounded-xl, 12px);
				border: 1px solid #a24186;
				background: #a24186;
				color: white;
				display: flex;

				padding: 0;
				justify-content: center;
				align-items: center;

				align-self: stretch;

				font-size: 18px;
				text-transform: capitalize;
			}
			.from_the_blog_comments {
				display: none;
			}
		}
	}
}
.stack-ft {
	.row {
		width: 25%;
		max-width: 25%;
		@media (max-width: 768px) {
			width: 100%;
			max-width: 100%;
		}
	}
	.icon-box-img {
		width: 20px !important;
	}
	.icon-box-text {
		padding-left: 10px !important;
	}
}

/*  */
.blog-wrapper.blog-single.page-wrapper {
	padding-bottom: 0;
}
.woocommerce-message.message-wrapper {
	display: none !important;
}
.content-tks {
	font-size: 14px;
	margin: 0;
	padding: 0;
	.content-tks-ul-li {
		width: 80%;
		margin: auto;
		li {
			color: #6d6d6d;
			font-family: SVN-Gilroy;
			font-size: 20px;
			font-style: normal;
			font-weight: 600;
			line-height: 24px; /* 120% */
			list-style: none;
			margin: 0;
			margin-bottom: 20px;
			border-bottom: 1px solid #d9d9d9;
			padding-bottom: 10px;
			span {
				color: #6d6d6d;

				font-size: 20px;
				font-style: normal;
				font-weight: 600;
				line-height: 24px;
				white-space: nowrap;
				width: 30%;
				display: inline-block;
			}
			strong {
				color: #ff3b30;
				font-family: SVN-Gilroy;
				font-size: 20px;
				font-style: normal;
				font-weight: 600;
				line-height: 24px; /* 120% */
				text-transform: uppercase;
			}
		}
		.col-inner {
			.icon-box {
				p {
					width: 75%;
					text-align: left;
					font-weight: 600;
					line-height: 130%;
				}
			}
		}
	}
	.text-black-tks {
		color: #000 !important;

		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px; /* 120% */
		text-transform: none !important;
	}
}

.thankyou-div-2 {
	.text-tks-tt {
		color: #a24186;
		font-weight: bold;
		font-size: 32px;
		margin: 0;
		text-align: center;
		line-height: 24px;
		margin-bottom: 22px;
		margin-top: 48px;
	}
	table {
		width: 70%;
		margin: auto;

		.text-td-payment {
			color: #6d6d6d;

			font-size: 20px;
			font-style: normal;
			font-weight: 600;
			line-height: 24px;
			white-space: nowrap;
			width: 50%;
			strong {
				font-weight: 600;
				white-space: normal;
			}
		}
		.text-td-payment-r {
			color: #000;
			font-size: 20px;
			font-style: normal;
			font-weight: 600;
			line-height: 24px; /* 120% */
			text-transform: uppercase;
		}
	}
}
.large-6.col.thankyou-custom {
	border-right: 2px solid #d9d9d9;
	margin: 0;
	height: 100vh;
}
.color-green {
	color: #34c759 !important;
}

.tutor-wp-dashboard-filter {
	display: none;
}

.tutor-dashboard.tutor-frontend-dashboard {
	.tutor-container {
		max-width: 100%;
	}
	.tutor-dashboard-left-menu {
		background: var(--fs-color-primary);
		width: 20% !important;
		.tutor-dashboard-menu-item-icon {
			color: white;
		}
		@media (max-width: 768px) {
			width: 100% !important;
		}
	}
	.tutor-dashboard-permalinks {
		margin: 0;
		&::before {
			display: none;
		}
	}
	.tutor-dashboard-menu-divider {
		display: none;
	}
	.tutor-dashboard-menu-item-text {
		color: #fff !important;

		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 28px;
	}
	.tutor-dashboard-menu-item {
		margin-bottom: 16px;
		&.active {
			.tutor-dashboard-menu-item-icon::before {
				color: var(--fs-color-primary) !important;
			}
		}
	}
	.tutor-dashboard-menu-item.active {
		margin-bottom: 16px;

		border-radius: 99px;
		.tutor-dashboard-menu-item-link {
			background: white;
			border-radius: 99px;
			padding: 16px;
			.tutor-icon-dashboard {
				color: var(--fs-color-primary) !important;
			}
			.tutor-dashboard-menu-item-text {
				color: var(--fs-color-primary) !important;
				font-size: 18px;
				font-style: normal;
				font-weight: bold;
				line-height: 28px;
			}
		}
	}
	.tutor-dashboard-content {
		.tutor-dashboard-content-inner {
			/* display: none; */
		}
	}
}

span.tutor-badge-label.label-success {
	display: flex;
	width: 130px;
	height: 32px;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;
	background: #d8ffea;
	color: #0f994f;
	font-size: 16px;
	font-weight: 700;
}
span.tutor-badge-label.label-warning {
	display: flex;
	width: 130px;
	height: 32px;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #ffefd8;
	color: #ff9500;
	font-size: 16px;
	font-weight: 700;
}
.detail-hoc-link {
	background: #fcf4f6;
	.tutor-topbar-complete-btn {
		form {
			margin: 0;
			.tutor-topbar-mark-btn {
				margin: 0;
			}
		}
	}
	.tutor-course-topic-single-body {
		padding: 20px;
		.tutor-video-player-wrapper {
			border: 13px solid black;
			border-radius: 12px;
			.tutor-ratio-16x9 {
				padding-top: 0 !important;
				height: 500px;
			}
		}
	}
	.tutor-course-topic {
		margin-bottom: 10px !important;
		border-radius: 8px;
		overflow: hidden;
		border: 2px solid var(--fs-color-primary);
		.tutor-accordion-item-header {
			border-radius: 8px;

			background: #fde3ea;
			box-shadow: 0 1px 3.1px 0 rgba(0, 0, 0, 0.07);
			padding: 20px;

			.tutor-course-topic-title {
				width: 75%;
				font-weight: bold;
				color: var(--fs-color-primary) !important;
			}
			&.is-active {
				border-radius: 8px 8px 0 0 !important;
				border-bottom: 2px solid #a24186;
			}
		}
		.tutor-accordion-item-body {
			padding: 0;

			a {
				background-color: white;
			}
		}
	}
}

/*  */
.mfp-content {
	padding-top: 0 !important;
}
blockquote.course-excerpt {
	margin: 0;
	padding: 0;
	border: navajowhite;
	font-weight: 600;
}
.fs18 {
	font-size: 18px !important;
}
.fs18.mb10px {
	color: var(--fs-color-primary);
	margin-bottom: 10px;
}
.hidden-block {
	blockquote {
		display: none !important;
	}
	a {
		display: none !important;
	}
}
a.btn-membership-join {
	text-align: left;
	background: var(--fs-color-primary);
	display: inline-block;
	width: max-content;
	color: white;
	padding: 5px 10px;
	border-radius: 8px;
	margin-top: 1rem;
	font-size: 14px;
	line-height: 15px;
}
.tutor-course-details-page.page-single-detail {
	a.btn-membership-join {
		text-align: center;
		background: var(--fs-color-primary);
		display: inline-block;
		width: max-content;
		color: white;
		padding: 5px 10px;
		border-radius: 8px;
		/* margin-top: 1rem; */
		font-size: 14px;
		line-height: normal;
		width: 100%;
		display: flex;
		font-size: 18px;
		text-transform: capitalize;
	}
}
.tutor-related.khoahoc-lienquan {
	a.btn-membership-join {
		text-align: left;
		background: var(--fs-color-primary);
		display: inline-block;
		width: max-content;
		color: white;
		padding: 5px 10px;
		border-radius: 8px;
		margin-top: 1rem;
		font-size: 14px;
		line-height: 15px;
	}
}
span.course-tag.tag-video {
	background: #ff9800 !important;
	color: #fff !important;
}
span.course-tag.tag-private {
	background: #ff3b30 !important;

	color: white !important;
}

.info-detail-course {
	display: flex;
	gap: 20px;
	h4 {
		color: #a24186;
		font-size: 32px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		font-family: 'SVN-Gilroy', sans-serif !important;
		width: max-content;
		margin: 0;
	}
	.tag-zoom {
		padding: 12px;
		border-radius: 6px;
		background: rgba(230, 0, 118, 0.1);
		color: #e60076;
		text-align: center;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		width: max-content;
		margin: 0;
	}
}