.khoa-hoc-homepage {
	background: linear-gradient(0deg, #ffefe0 0%, #ffffff 50%, #e3f0ff 100%) !important;
}

.course-header-section {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.course-header-section br {
	display: none
}


/* Nội dung nằm trên vòng tròn trang trí */
.course-header-content {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 auto;
}

/* Tiêu đề chính */
.course-title {
  font-size: 40px; /* Tương đương 56px trên máy tính */
  font-weight: 800;
  margin: 0 0 25px 0;
  line-height: 1.3;
}

/* Màu chữ xanh dương */
.text-blue {
  color: var(--primary-color);
}

/* Màu chữ đen tối */
.text-dark {
  color: #1c212a;
}

/* Màu chữ cam */
.text-orange {
  color: var(--fs-color-secondary);
}

/* Nét gạch thẳng màu xanh dưới chữ "các" */
.highlight-line {
  position: relative;
  display: inline-block;
}
.highlight-line::after {
  content: "";
  position: absolute;
  bottom: -0.25em; /* Tự động căn tỷ lệ theo cỡ chữ */
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  height: 0.1em;
  background-color: #1a6dfc;
  border-radius: 10px;
}

/* Nét vẽ cong kèm dấu chấm dưới chữ "khóa học" */
.highlight-swoosh {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.swoosh-svg {
  position: absolute;
  bottom: -0.16em; /* Tự động căn tỷ lệ theo cỡ chữ */
  left: 0;
  width: 100%;
  height: 0.22em;
}

/* Đoạn mô tả phụ phía dưới */
.course-subtitle {
  color: #4b5563; /* Màu xám đen */
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}
.khoa-hoc-homepage .nav-pills>li.active>a {
	padding: 0 20px;
}

.khoa-hoc-homepage .tabbed-content .nav {
	gap: 20px;
}

.khoa-hoc-homepage .tabbed-content ul li a {
	padding: 0 20px;
	background: #fff;
	border-radius: 50px;
	box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
	font-size: 1rem;
}
.khoa-hoc-homepage .tabbed-content ul li a span{
	color: #000;
}

.khoa-hoc-homepage .tabbed-content .tab.active a span {
	color: #fff
}

.khoa-hoc-homepage .tutor-course-filter {
	display: none
}

.tutor-course-card {
	border-radius: 14px;
}
.tutor-card-image-top {
	border-radius: 14px 14px 0 0;
}
/* --- ĐIỀU CHỈNH KHI XEM TRÊN ĐIỆN THOẠI & TABLET --- */
@media (max-width: 768px) {
  .course-header-section {
    padding: 60px 15px 40px;
  }
  .course-header-section::before {
    width: 260px;
    height: 260px;
  }
  .course-title {
    font-size: 2.2rem; /* Tự động thu nhỏ chữ tiêu đề để không bị tràn màn hình */
    margin-bottom: 25px;
  }
  .course-subtitle {
    font-size: 0.95rem; /* Thu nhỏ chữ mô tả một chút cho cân đối */
  }
}