.service-bg img{width:450px;height:450px;border-radius:100%;object-fit:cover;display:block}
.service-section .nav_table{overflow:visible}
.siteblocks-setting-wrap .service-section{max-width:1200px;margin-left:auto;margin-right:auto}
.siteblocks-setting-wrap:has(.service-section){overflow:visible}
.siteblocks-setting-wrap:has(.service-section) .siteblocks-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;overflow:visible;height:auto}
.siteblocks-setting-wrap .service-bg .blocks-image[href*="javascript"]{cursor:default;text-decoration:none;color:transparent;font-size:0;line-height:0}
.siteblocks-setting-wrap .info_btn:empty{display:none}
.service-section{box-sizing:content-box;height:533px;width:100%;position:relative;padding:60px 0;overflow:visible}
.service-bg{width:450px;margin:0 auto;position:absolute;left:0;right:0;margin-top:34px}
.nav_table{height:100%;width:100%}
.service_box{min-height:155px;height:155px;width:50%;float:left;overflow:visible}
.icon_service{width:200px;height:100%}
.icon_l{float:right}
.icon_r{float:left;text-align:right}
.info_service_l{padding:0 5%;text-align:right;width:36%;height:100%;float:right}
.info_service_r{padding:0 5%;text-align:left;width:36%;height:100%;float:left}
.margin_middle{margin-top:43px;margin-bottom:43px}
.text_a_r{text-align:right}
.icon_service i{width:141px;min-height:141px;background-color:#ebebeb;border:7px solid #fff;border-radius:50%;text-align:center;line-height:141px;font-size:72px;color:#666;display:inline-block;position:relative;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.service_box:hover i{animation:mymove .3s;background-color:#e64c3d;color:#fff}
.info_btn a:hover{color:#e64c3d}
@keyframes mymove{from{transform:scale(1.3)}to{transform:scale(1)}}
.info_title{max-height:45px;text-transform:uppercase;overflow:hidden;font-weight:bold;margin-bottom:10px;font-size:18px;letter-spacing:1px}
.info_msg{color:#333;font-size:16px;line-height:25px;max-height:52px;overflow:hidden;margin-bottom:5px}
.info_btn{width:66px}
.btn_l{float:right}
.btn_r{float:left}
.info_btn a{display:block;color:#666;font-size:12px;font-weight:bold;text-decoration:underline}
.ma_r_hd{margin-right:100px}
.ma_l_hd{margin-left:100px}
.midtext{text-align:center;width:100%;color:#fff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;font-size:36px;font-weight:bold;max-height:45px;max-width:200px;overflow:hidden}
@media only screen and (max-width:1120px) and (min-width:1020px){.info_service_l,.info_service_r{width:30%}}
@media only screen and (max-width:1020px){.service-bg{display:none}.service_box{width:80%}.ma_l_hd,.ma_r_hd{margin-left:0;margin-right:0}.icon_service{float:left}.btn_l{float:left}}
@media only screen and (max-width:1020px) and (min-width:767px){.service-section{height:1137px}.service_box{margin:30px auto;float:none;width:80%}.info_service_l,.info_service_r{width:56%;float:left;text-align:left;padding:20px 5%}.icon_service i{float:right}}
@media only screen and (max-width:767px){.service-section{height:1778px}.service_box{height:16.66%;width:100%}.icon_service{height:auto;width:100%;text-align:center;margin-bottom:15px}.info_service_l,.info_service_r{height:auto;width:90%;text-align:center}.info_btn{float:none;width:auto}.margin_middle{margin-top:0;margin-bottom:0}.service_box i{background-color:#e64c3d;color:#fff}}

/* jcproto — modern 6-reasons hub layout (fixes overlap + clipped text) */
.jcproto-legacy-body-wrap .service-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(200px, 280px) minmax(0, 1fr);
	grid-template-rows: repeat(3, auto);
	gap: 1.1rem 1.75rem;
	align-items: stretch;
	height: auto !important;
	min-height: 0;
	max-width: 1080px;
	margin: 0 auto;
	padding: clamp(1.75rem, 4vw, 2.75rem) clamp(1rem, 3vw, 1.5rem);
	box-sizing: border-box;
	overflow: visible;
}

.jcproto-legacy-body-wrap .service-section .service-bg {
	position: relative;
	grid-column: 2;
	grid-row: 1 / span 3;
	width: 100%;
	max-width: 280px;
	margin: 0;
	left: auto;
	right: auto;
	top: auto;
	align-self: center;
	justify-self: center;
}

.jcproto-legacy-body-wrap .service-section .service-bg img {
	width: 100%;
	max-width: 280px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
}

.jcproto-legacy-body-wrap .service-section .midtext {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: none;
	max-height: none;
	margin: 0;
	font-size: clamp(1.1rem, 2.2vw, 1.65rem);
	font-weight: 700;
	letter-spacing: 0.14em;
	color: #fff;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
}

.jcproto-legacy-body-wrap .service-section .nav_table {
	display: contents;
	height: auto;
	width: auto;
}

.jcproto-legacy-body-wrap .service-section .service_box {
	float: none !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	margin: 0 !important;
	padding: 1rem 1.1rem;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.jcproto-legacy-body-wrap .service-section .service_box:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

.jcproto-legacy-body-wrap .service-section .service_box:nth-child(1) {
	grid-column: 1;
	grid-row: 1;
	flex-direction: row-reverse;
}
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(2) {
	grid-column: 3;
	grid-row: 1;
}
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(3) {
	grid-column: 1;
	grid-row: 2;
	flex-direction: row-reverse;
}
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(4) {
	grid-column: 3;
	grid-row: 2;
}
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(5) {
	grid-column: 1;
	grid-row: 3;
	flex-direction: row-reverse;
}
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(6) {
	grid-column: 3;
	grid-row: 3;
}

.jcproto-legacy-body-wrap .service-section .icon_service {
	float: none !important;
	width: auto !important;
	height: auto !important;
	flex-shrink: 0;
	text-align: center;
}

.jcproto-legacy-body-wrap .service-section .icon_service i {
	width: 52px !important;
	min-height: 52px !important;
	height: 52px !important;
	line-height: 52px !important;
	font-size: 26px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #0b0b0b !important;
	-webkit-text-fill-color: #0b0b0b !important;
	transform: none !important;
}

.jcproto-legacy-body-wrap .service-section .icon_service i::before {
	color: #0b0b0b !important;
	-webkit-text-fill-color: #0b0b0b !important;
}

.jcproto-legacy-body-wrap .service-section .service_box:hover i,
.jcproto-legacy-body-wrap .service-section .service_box:hover i::before {
	background: transparent !important;
	color: #0b0b0b !important;
	-webkit-text-fill-color: #0b0b0b !important;
	animation: none !important;
}

.jcproto-legacy-body-wrap .service-section .info_service_l,
.jcproto-legacy-body-wrap .service-section .info_service_r {
	float: none !important;
	width: auto !important;
	height: auto !important;
	flex: 1;
	min-width: 0;
	padding: 0 !important;
}

.jcproto-legacy-body-wrap .service-section .service_box:nth-child(1) .info_service_l,
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(3) .info_service_l,
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(5) .info_service_l {
	text-align: right;
}

.jcproto-legacy-body-wrap .service-section .service_box:nth-child(2) .info_service_r,
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(4) .info_service_r,
.jcproto-legacy-body-wrap .service-section .service_box:nth-child(6) .info_service_r {
	text-align: left;
}

.jcproto-legacy-body-wrap .service-section .info_title {
	max-height: none !important;
	overflow: visible !important;
	font-size: 0.78rem !important;
	line-height: 1.35 !important;
	letter-spacing: 0.07em;
	color: #0f172a;
	margin-bottom: 0.4rem;
}

.jcproto-legacy-body-wrap .service-section .info_msg {
	max-height: none !important;
	overflow: visible !important;
	font-size: 0.875rem !important;
	line-height: 1.55 !important;
	color: #475569;
	margin-bottom: 0;
}

.jcproto-legacy-body-wrap .service-section .info_btn {
	display: none !important;
}

.jcproto-legacy-body-wrap .service-section .ma_r_hd,
.jcproto-legacy-body-wrap .service-section .ma_l_hd,
.jcproto-legacy-body-wrap .service-section .margin_middle {
	margin: 0 !important;
}

.jcproto-legacy-body-wrap #siteblocks-setting-wrap-FRUZltOEuzyj .siteblocks-container,
.jcproto-legacy-body-wrap .siteblocks-setting-wrap:has(.service-section) .siteblocks-container {
	overflow: visible !important;
	height: auto !important;
	padding-bottom: 0.5rem;
}

@media (max-width: 960px) {
	.jcproto-legacy-body-wrap .service-section {
		grid-template-columns: 1fr;
		gap: 0.85rem;
		padding-top: 1.25rem;
	}

	.jcproto-legacy-body-wrap .service-section .service-bg {
		grid-column: 1;
		grid-row: 1;
		max-width: 200px;
		margin: 0 auto 0.5rem;
	}

	.jcproto-legacy-body-wrap .service-section .service_box,
	.jcproto-legacy-body-wrap .service-section .service_box:nth-child(n) {
		grid-column: 1 !important;
		grid-row: auto !important;
		flex-direction: row !important;
	}

	.jcproto-legacy-body-wrap .service-section .info_service_l,
	.jcproto-legacy-body-wrap .service-section .info_service_r {
		text-align: left !important;
	}
}