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: 586px; width: auto;}
.head-line {position: absolute;left: 0;top: 50%;transform: translateY(-50%); padding: 20px;}
.head-line h1 {font-size: 55px; -webkit-text-fill-color: #000;}
.sub-head {font-size: 24px;}

@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: 767px) {
	.img-hero img {height: 100%; width: 100%;}
	.head-line {position: relative; transform: translateY(0%); padding: 40px 0 20px;}
}

/* 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%;}
}


