.wrapper-health-care-block {
	max-width: 1920px !important;
	margin: 0 auto !important;
	padding-top: 220.5px;
	padding-bottom: 212px;
	position: relative;
}

.wrapper-health-care-block .owl-carousel .owl-stage-outer {
	overflow: visible;
}

.wrapper-health-care-block.active::before {
	content: '';
	background: linear-gradient(100deg, #00BED6, #00829B);
	transform: matrix(-3, 6, 1, 0, -30, 31);
	position: absolute;
	left: 0;
	bottom: 0;
	height: 240px;
	width: 205px;
	animation: slide-top-background-health 1s;
	z-index: 1;
}
.wrapper-health-care-block .content {
	/* transform: translateX(132px); */
}
.wrapper-health-care-block.active::after {
	content: '';
	background: linear-gradient(50deg, #00829B, #00BED6);
	transform: matrix(-3, 5, 1, 0, -80, -113);
	position: absolute;
	right: 0;
	top: 0;
	height: 240px;
	width: 163px;
	animation: slide-bottom-background-health 1s;
	z-index: 1;
}

@keyframes slide-top-background-health {
    from {
        transform: matrix(-3, 6, 1, 0, -30, 770);
    }
    to {
        transform: matrix(-3, 6, 1, 0, -30, 31);
    }
}
@keyframes slide-bottom-background-health {
    from {
		transform: matrix(-3, 5, 1, 0, -80, -540);
    }
    to {
        transform: matrix(-3, 5, 1, 0, -80, -113);
    }
}

@keyframes slide-top-background-health-mb {
    from {
		transform: matrix(-3, 6, 1, 0, -336, 674);
    }
    to {
		transform: matrix(-3, 6, 1, 0, -336, 441);
    }
}
@keyframes slide-bottom-background-health-mb {
    from {
		transform: matrix(-3, 5, 1, 0, 209, -467);
    }
    to {
		transform: matrix(-3, 5, 1, 0, 209, -277);
    }
}

.wrapper-health-care-block .wrapper-title {
	z-index: 2;
	position: relative;
}

.wrapper-health-care-block .wrapper-title h2 {
	font-weight: var(--wp--custom--typography--font-weight--700);
	font-size: 88px;
	line-height: 110px;
	letter-spacing: -0.02em;
	color: #87DCED;
	margin-bottom: 0;
}

.wrapper-health-care-block .wrapper-title h3 {
	font-weight: var(--wp--custom--typography--font-weight--700);
	font-size: 88px;
	line-height: 110px;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--white);
	margin-top: 0;
	/* margin-bottom: 90px; */
	margin-bottom: 20px;
}
.wrapper-health-care-block .wrapper-title .sub-title-2 {
	color: var(--wp--preset--color--white);
	font-weight: var(--wp--custom--typography--font-weight--700);
	margin-bottom: 50px;
	font-size: 50px;
}

.wrapper-health-care-block .health-care-block-detail.item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	gap: 80px;
}

.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 15px;
	width: 50%;
	padding-right: 130px;
}

.wrapper-health-care-block .health-care-block-detail.item .img-wrap {
	max-width: 676px;
}

.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .health-care-block-detail-content {
	font-size: 20px;
	color: var(--wp--preset--color--white);
}

.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .btn-learn-more {
	font-family: var(--wp--preset--font-family--paragraph);
	font-weight: var(--wp--custom--typography--font-weight--500);
	background-color: var(--wp--preset--color--white);
	color: #00829B;
	text-decoration: none;
	font-size: 18px;
	padding: 16px 20px 16px 24px;
	border-radius: 8px;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 160px;
	line-height: 23.44px;
	gap: 12px;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}
.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .btn-learn-more i {
	font-size: 12px;
	vertical-align: middle;
}

.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content h5 {
	font-size: 32px;
	line-height: 48px;
	color: var(--wp--preset--color--white);
	font-weight: var(--wp--custom--typography--font-weight--600);
}

.wrapper-health-care-block .health-care-block-detail.item img {
	border-radius: 20px;
	height: auto;
	object-fit: cover;
	max-width: 676px;
	max-height: 458px;
}

.wrapper-health-care-block .btn-see-more-wrap {
	position: absolute;
	right: -79px;
	top: 42%;
}

.wrapper-health-care-block .btn-see-more-wrap .btn-see-more {
	font-weight: 500;
	color: var(--wp--preset--color--white);
	text-decoration: none;
	font-size: 18px;
	padding: 16px 24px;
	border-radius: 8px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 160px;
}

.wrapper-health-care-block .btn-see-more-wrap .btn-see-more i {
	margin-left: 3px;
	vertical-align: middle;
}

.wrapper-health-care-block .owl-carousel.owl-loaded {
	display: block;
}

.wrapper-health-care-block .owl-item {

}

.wrapper-health-care-block .owl-stage {
	padding-left: 0 !important;
	/* margin-left: -20px; */
}

/* .wrapper-health-care-block.active .clsMove-left1 {
	width: 750px;
	height: 720px;
	animation-name: clsHome_BottomToTop;
	animation-duration: 1.5s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	bottom: -20px;
	left: -40px;
	margin-left: -180px;

} */

/* .wrapper-health-care-block .pc-home-div-BottomToTop {
	width: 100%;
	height: 100%;
}

.wrapper-health-care-block .clsMove-right1 {
	margin: initial;
	width: 750px;
	height: 427px;
	top: 0px;
	left: initial !important;
	right: 35px !important;
	z-index: -1;
} */

/* .wrapper-health-care-block.active .pc-home-div-TopToBottom {
	width: 100%;
	height: 0%;
	animation-name: clsHome_TopToBottom;
	animation-duration: 1.2s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
} */

.wrapper-health-care-block .content {
	opacity: 0;
}

.wrapper-health-care-block.active .content {
	animation: showContentHealthCareFeature 2s ease;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	z-index: 2;
	position: relative;
}
.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .health-care-block-detail-content p {
	line-height: 35px;
	letter-spacing: 0.02em;
}
.wrapper-health-care-block .owl-carousel .owl-stage-outer {
}


/* @keyframes clsHome_TopToBottom {
	0% {
		height: 0;
	}

	100% {
		height: 100%;
	}
} */

/* @keyframes clsHome_BottomToTop {
	0% {
		left: -527px;
		bottom: -704px;
		opacity: 0;
	}

	100% {
		bottom: -20px;
		left: -40px;
		opacity: 1;
	}
} */

.wrapper-health-care-block .slick-control {
    margin-top: 79px;
    position: relative;
    z-index: 2;
}
.wrapper-health-care-block .slick-control ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.wrapper-health-care-block .slick-control ul li {
    cursor: pointer;
    width: 48px;
    height: 48px;
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    /* left: calc(50% - 68px);
    bottom: -132px; */
    background: #FFFFFF;
    color: #00829B;
    border-radius: 4px;
}

@keyframes showContentHealthCareFeature {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.wrapper-health-care-block {
		max-width: 100%;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .health-care-block-detail-content p {
		line-height: 30px;
	}
	.wrapper-health-care-block .content {
		/* transform: var(--bs-gutter-x, 1.1rem); */
	}
	.wrapper-health-care-block.active::before {
		width: 150px;
	}
	.wrapper-health-care-block.active::after {
		width: 110px;
	}

	.wrapper-health-care-block .wrapper-title h2 {
		font-size: 60px;
		margin-bottom: -35px;
	}

	.wrapper-health-care-block .wrapper-title h3 {
		font-size: 50px;
		margin-bottom: 50px;
	}

	.wrapper-health-care-block .health-care-block-detail.item {
		gap: 50px;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content {
		padding-right: 40px;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .health-care-block-detail-content {
		font-size: 14px;
		color: var(--wp--preset--color--white);
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .btn-learn-more {
		font-size: 18px;
		padding: 11px 26px;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content h5 {
		font-size: 20px;
		color: var(--wp--preset--color--white);
		line-height: 30px;
	}

	.wrapper-health-care-block .health-care-block-detail.item img {
		max-width: 410px;
	}

	.wrapper-health-care-block .owl-carousel.owl-loaded {
		display: block;
		padding-left: 0;
	}

	.wrapper-health-care-block .owl-item.active {
		/* padding-left: 0;
		margin-right: 0; */
	}

	.wrapper-health-care-block .owl-stage {
		padding-left: 0 !important;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
	.wrapper-health-care-block  {
		width: 103% !important;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.wrapper-health-care-block .content {
		/* transform: translateX(var(--bs-gutter-x, 1.1rem)); */
	}
	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content {
		padding-right: 20px;
	}

	.wrapper-health-care-block .wrapper-title h2 {
		font-size: 60px;
		margin-bottom: -35px;
	}

	.wrapper-health-care-block .wrapper-title h3 {
		font-size: 50px;
		margin-bottom: 50px;
	}

	.wrapper-health-care-block .health-care-block-detail.item {
		gap: 0;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content {
		margin-left: 30px;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .health-care-block-detail-content {
		font-size: 14px;
		color: var(--wp--preset--color--white);
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .btn-learn-more {
		font-size: 18px;
		padding: 11px 26px;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content h5 {
		font-size: 20px;
		color: var(--wp--preset--color--white);
		line-height: 30px;
	}

	.wrapper-health-care-block .health-care-block-detail.item img {
		max-width: 413px;
	}

	.wrapper-health-care-block .btn-see-more-wrap {
		display: none;
	}

	.wrapper-health-care-block .owl-carousel.owl-loaded {
		display: block;
		padding-left: 0;
	}

	.wrapper-health-care-block .owl-item.active {
		/* padding-left: 0;
		margin-right: 0; */
	}

	.wrapper-health-care-block .owl-stage {
		padding-left: 0 !important;
	}
}

@media (max-width: 992px) {
	.wrapper-health-care-block {
		padding-top: 139px;
		padding-bottom: 120px;
		padding-right: 0;
		width: 103% !important;
	}
	.wrapper-health-care-block .content {
		/* transform: translateX(var(--bs-gutter-x, 1.1rem)); */
	}
	.wrapper-health-care-block .health-care-block-detail.item .img-wrap {

	}

	.wrapper-health-care-block .wrapper-title h2 {
		font-size: 42px;
		color: #87DCED;
		display: inline;
		line-height: 52px;
	}

	.wrapper-health-care-block .wrapper-title h3 {
		font-size: 42px;
		color: var(--wp--preset--color--white);
		margin-bottom: 47px;
		display: inline;
		line-height: 52px;
	}

	.wrapper-health-care-block .wrapper-title .sub-title-2 {
		font-size: 30px;
		margin-top: 20px;
	}

	.wrapper-health-care-block .health-care-block-detail.item {
		display: block;
		position: relative;
		padding-right: 20px;
	}
	.wrapper-health-care-block.active::before {
		transform: matrix(-3, 6, 1, 0, -336, 441);
		height: 100px;
		animation: slide-top-background-health-mb 1s;
	}

	.wrapper-health-care-block.active::after {
		transform: matrix(-3, 5, 1, 0, 209, -277);
		height: 100px;
		animation: slide-bottom-background-health-mb 1s;
	}
	.wrapper-health-care-block .wrapper-title {
		font-size: 42px;
		margin-bottom: 47.6px;
	}
	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content {
		padding-top: 47px;
		width: 100%;
		margin-left: 0;
		padding-right: 0;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .health-care-block-detail-content {
		font-size: 20px;
		color: var(--wp--preset--color--white);
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .btn-learn-more {
		/* background-color: transparent;
		color: var(--wp--preset--color--white); */
		text-decoration: none;
		font-size: 14px;
		/* padding-left: 0; */
		padding: 16px 20px 16px 24px;
		border-radius: 8px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-width: 148px;
		gap: 8px;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content .btn-learn-more i {
		font-size: 10px;
	}

	.wrapper-health-care-block .health-care-block-detail.item .health-care-block-content h5 {
		font-size: 24px;
		color: var(--wp--preset--color--white);
		line-height: 33px;
	}

	.wrapper-health-care-block .health-care-block-detail.item img {
		border-radius: 8px;
	}

	.wrapper-health-care-block .btn-see-more-wrap {
		display: none;
	}

	.wrapper-health-care-block .owl-carousel.owl-loaded {
		display: block;
		padding-left: 0;
		/* margin-left: -5px; */
	}
	.wrapper-health-care-block .owl-item {
		padding-left: 0;
	}

	.wrapper-health-care-block .owl-item.active {
		/* padding-left: 0;
		margin-right: 0; */
	}

	.wrapper-health-care-block .owl-stage {
		padding-left: 0 !important;
	}

	.wrapper-health-care-block .clsMove-left1 {
		width: 360px;
		height: 240px;
		bottom: -20px;
		left: -234px;

	}

	.wrapper-health-care-block .clsMove-right1 {
		width: 360px;
		height: 200px;
		right: -60px !important;
		top: -32px;
	}

	.wrapper-health-care-block .pc-home-div-TopToBottom {
		width: 100%;
		height: 100%;
	}

	.wrapper-health-care-block .owl-item {
		padding-left: 0px;
	}
}