/*Banner Zone*/

.slide-youtube-item p {
	font-weight: normal;
	margin: 10px 0;
}

.slide-youtube-item .ext {
	display: inline-block !important;
}

/*.slide-youtube .slide-youtube-item {*/
/*  width: clamp(30%, 50vw, 80%);*/
/*}*/

.swiper-button-next, .swiper-button-prev {
	--swiper-navigation-size: 30px;
	margin-top:calc(0px - (var(--swiper-navigation-size) ));
	width:50px !important;
	height:50px !important;
	border-radius: 999px;
	font-weight:700;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
	
}

.swiper-button-next:hover, .swiper-button-prev:hover {
	background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(6px);
}

/*Skill Program Zone*/
.nav-link {
  background: white;
  color: grey;
  border-top-left-radius:20px !important;
  border-top-right-radius:20px !important;
}

.front-skill-abbr {
	margin-bottom:20px;
}

.skill-text {
    margin-top: 5px;
}

.skill-icon img {
	width:70px;
	height:70px;
}

.card-course-group a img{
	width:70px ;
	height:70px ;
}

.card-course-group a {
	gap: 20px !important;
}

/*Review Zone*/
.review-content {
	display: flex;
	flex-direction: column;
	gap:5px;
}

.field--name-field-fullname {
  font-size:0.625rem;
  /*font-weight: bold;*/
}

.field--name-field-review-course {
	font-size:0.875rem;
  font-weight: bold;
  line-height:1.5;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  height: auto !important;
  max-height: calc(0.875rem * 1.5 * 2) !important;
}

.field--name-field-review-text {
	font-size:0.75rem;
	line-height:1.5;
	 display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  height: auto !important;
  max-height: calc(0.75rem * 1.5 * 4) !important;
}

/*Mobile CSS*/
/*banner*/
@media (max-width: 1024px) {
.swiper-button-next, .swiper-button-prev {
	width:calc(var(--swiper-navigation-size)/ 44 * 1) ;
}

.slide-youtube {
	margin-top: 50px ;
	gap: 30px ;
}

.main-slide-detail h3 {
	padding: 0 60px ;
}

.main-slide-detail p {
	padding: 0 60px;
	font-weight: normal;
}

.skill-icon img {
	width:40px;
	height: auto;
}

.card-course-group a {
	gap: 10px !important;
}

.card-course-group a img{
	width:50px ;
	height: auto;
}
}