h1 {line-height: 1em !important; background-image: linear-gradient(to bottom right, rgba(0, 223, 255, 1), rgba(85, 148, 255, 1) 58.82%, rgba(61, 0, 175, 1)) !important;}
/* Hero */
.box-main {position: relative;}
.img-hero {position: relative;display: flex;justify-content: flex-end;}
.img-hero img {height: auto; width: 100%;}
.head-line {position: absolute; left: 10%; top: 80%;transform: translateY(-50%); width: 80%; padding: 20px;}
.head-line h1 {font-size: 55px; -webkit-text-fill-color: #fff; font-weight: 800;}
.sub-head {font-size: 24px; color: #fff; font-weight: 580;}

@media (max-width: 1200px) {
	/* .img-hero img {height: 386px;} */
}
@media (max-width: 992px) {
	/* .img-hero img {height: 300px;} */
	.head-line h1 {font-size: 35px;}
	.sub-head {font-size: 18px;}
}

/* Responsive สำหรับ Tablet (≤ 768px) */
@media (max-width: 768px) {
	.responsive-image {aspect-ratio: 19 / 9;}
		
	.img-hero img {height: 100%; width: 100%;}
	.head-line {position: relative; transform: translateY(0%); padding: 40px 0 20px;}
	.head-line h1, .sub-head { -webkit-text-fill-color: #000;}

}

/* Responsive สำหรับ Mobile (≤ 576px) */
@media (max-width: 576px) {}
/* ----------------------------------------- */

/* Icon Good */
.icon-good-box {min-width:200px; justify-content: center;}
.icon-good {width:45px;}




/* Step Surgery */
.w-box-img {width:20%;} 
.w-box-img img {border-radius:3px;}
.w-box-title {width:80%;}

@media (max-width: 992px) {
	.w-box-img {width:30%}
	.w-box-title {width:70%;}
}
@media (max-width: 767px) {
	.w-box-img {width:30%}
	.w-box-title {width:70%;}
}
@media (max-width: 576px) {
	.w-box-img {width:40%}
	.w-box-title {width:60%;}
}