.-ycwt-services {
	position:relative;
	overflow:hidden;
	padding:56px 0 48px;
	background:var(--background);
}

.-ycwt-services > .-ycw-row > .container {
	position:relative;
	z-index:1;
}

.-ycwt-services .srvw-head {
	max-width:960px;
	margin-block-end: 50px;
}

.-ycwt-services .srvw-head .betit-w {
	color:var(--uicolor2);
}

.-ycwt-services .srvw-head .betit-w::before {
	content:"\f890";
	font-family:var(--_fa-family);
	font-size:14px;
}

.-ycwt-services .srvw-head .con-wgt {
	font-size:17px;
}

.-ycwt-services .srvw-bdg {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:18px;
	margin-block-start:18px;
}

.-ycwt-services .srvw-bdg > span {
	min-width:168px;
	min-height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:8px 16px;
	border:var(--border);
	border-radius:999px;
	color:var(--primary-text);
	background:var(--surface-color);
	box-shadow:var(--box-shadow-defult);
}

.-ycwt-services .srvw-bdg :is(i,svg) {
	width:28px;
	height:28px;
	flex:0 0 28px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:var(--uicolor);
	background:color-mix(in srgb,var(--uicolor) 9%,var(--surface-color));
	font-size:15px;
}

.-ycwt-services .srvw-bdg > span:nth-child(2) :is(i,svg) {
	color:var(--uicolor2);
	background:color-mix(in srgb,var(--uicolor2) 9%,var(--surface-color));
}

.-ycwt-services .srvw-bdg > span:nth-child(3) :is(i,svg) {
	color:var(--uicolor4);
	background:color-mix(in srgb,var(--uicolor4) 9%,var(--surface-color));
}

.-ycwt-services .srvw-bdg b {
	min-width:0;
	font-size: 16px;
	font-weight: 700;
	overflow-wrap:anywhere;
}

.-ycwt-services .srvw-list {
	min-width:0;
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:18px;
	margin-block-end: 35px;
}

.-ycwt-services .srvw-list > .--remove-insert--post {
	flex:1 1 100%;
	width:100%;
	min-width:0;
}

.-ycwt-services .srvw-bar {
	min-width:0;
	display:flex;
	align-items:center;
	gap:24px;
	margin-block-start: 35px;
	padding: 30px 30px;
	border:var(--border);
	border-radius:18px;
	background:var(--surface-color);
	box-shadow:var(--box-shadow-defult);
}

.-ycwt-services .srvw-cus {
	min-width:0;
	flex:0 0 auto;
	display:flex;
	align-items:center;
	gap:11px;
}

.-ycwt-services .srvw-img {
	width:84px;
	height:48px;
	flex:0 0 84px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:999px;
	background:var(--media-placeholder);
}

.-ycwt-services .srvw-img img {
	width:100%;
	height:100%;
	object-fit:contain;
}

.-ycwt-services .srvw-cus > div:last-child,
.-ycwt-services .srvw-tr > span {
	min-width:0;
}

.-ycwt-services .srvw-cus strong,
.-ycwt-services .srvw-cus span,
.-ycwt-services .srvw-tr strong,
.-ycwt-services .srvw-tr small {
	display:block;
	overflow-wrap:anywhere;
}

.-ycwt-services .srvw-cus strong {
	color:var(--primary-text);
	font-family:var(--f-number);
	font-size:22px;
	font-weight:900;
	line-height:1.2;
}

.-ycwt-services .srvw-cus span,
.-ycwt-services .srvw-tr small {
	color:var(--secondarytext);
	font-size:16px;
	font-weight:700;
}

.-ycwt-services .srvw-trs {
	min-width:0;
	flex:1;
	display:flex;
	align-items:center;
}

.-ycwt-services .srvw-tr {
	min-width:0;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:11px;
	padding-inline:20px;
	border-inline-start:1px solid var(--diver);
}

.-ycwt-services .srvw-tr > :is(i,svg) {
	flex:0 0 auto;
	color:var(--uicolor);
	font-size:29px;
}

.-ycwt-services .srvw-tr > svg {
	width:29px;
	height:29px;
}

.-ycwt-services .srvw-tr:nth-child(even) > :is(i,svg) {
	color:var(--uicolor4);
}

.-ycwt-services .srvw-tr strong {
	margin-block-end:5px;
	color:var(--primary-text);
	font-size:18px;
	font-weight:900;
	line-height:1.35;
}

.-ycwt-services .srvw-actions {
	flex:0 0 auto;
	align-items:center;
	justify-content:flex-start;
	gap:12px;
}

/* =========================
   English / LTR Support
========================= */

html[dir="ltr"] .-ycwt-services {
	direction:ltr;
}

html[dir="ltr"] .-ycwt-services .srvw-head,
html[dir="ltr"] .-ycwt-services .srvw-cus,
html[dir="ltr"] .-ycwt-services .srvw-tr {
	text-align:start;
}

/* =========================
   Tablet Responsive
========================= */

@media only screen and (max-width:1100px) {
	.-ycwt-services .srvw-bar {
		align-items:stretch;
		flex-wrap:wrap;
	}

	.-ycwt-services .srvw-trs {
		order:3;
		flex:1 1 100%;
	}

	.-ycwt-services .srvw-actions {
		margin-inline-start:auto;
	}
}

/* =========================
   Mobile App Experience
========================= */

@media only screen and (max-width:767px) {
	.-ycwt-services {
		padding:38px 0 34px;
	}

	.-ycwt-services .srvw-head {
		margin-block-end:22px;
	}

	.-ycwt-services .srvw-head .tit-wdt {
		font-size:clamp(25px,8vw,31px);
		line-height:1.35;
	}

	.-ycwt-services .srvw-head .con-wgt {
		font-size:14px;
		line-height:1.8;
	}

	.-ycwt-services .srvw-bdg {
		justify-content:flex-start;
		flex-wrap:nowrap;
		gap:10px;
		margin-inline:calc(var(--container-padding--value) * -1);
		padding:0 var(--container-padding--value) 5px;
		overflow-x:auto;
		overflow-y:hidden;
		overscroll-behavior-inline:contain;
		scroll-padding-inline:var(--container-padding--value);
		scroll-snap-type:inline proximity;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}

	.-ycwt-services .srvw-bdg::-webkit-scrollbar,
	.-ycwt-services .srvw-list::-webkit-scrollbar {
		display:none;
	}

	.-ycwt-services .srvw-bdg > span {
		min-width:max-content;
		min-height:44px;
		flex:0 0 auto;
		gap:9px;
		padding:7px 13px;
		scroll-snap-align:start;
		box-shadow:0 8px 22px color-mix(in srgb,var(--primary-text) 7%,transparent);
	}

	.-ycwt-services .srvw-bdg :is(i,svg) {
		width:26px;
		height:26px;
		flex-basis:26px;
		font-size:13px;
	}

	.-ycwt-services .srvw-bdg b {
		font-size:13px;
		white-space:nowrap;
	}

	.-ycwt-services .srvw-list {
		flex-wrap:nowrap;
		gap:14px;
		margin-inline:calc(var(--container-padding--value) * -1);
		margin-block-end:20px;
		padding:8px var(--container-padding--value) 18px;
		overflow-x:auto;
		overflow-y:hidden;
		overscroll-behavior-inline:contain;
		scroll-padding-inline:var(--container-padding--value);
		scroll-snap-type:inline mandatory;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}

	.-ycwt-services .srvw-list > * {
		scroll-snap-align:start;
		scroll-snap-stop:always;
	}

	.-ycwt-services .srvw-list > .srv-bx {
		width:min(320px,calc(100vw - (var(--container-padding--value) * 2)));
		min-width:min(320px,calc(100vw - (var(--container-padding--value) * 2)));
		flex:0 0 min(320px,calc(100vw - (var(--container-padding--value) * 2)));
	}

	.-ycwt-services .srvw-list > .--remove-insert--post {
		min-width:calc(100vw - (var(--container-padding--value) * 2));
		flex-basis:calc(100vw - (var(--container-padding--value) * 2));
	}

	.-ycwt-services .srvw-bar {
		display:grid;
		grid-template-columns:minmax(0,1fr);
		align-items:stretch;
		gap:14px;
		margin-block-start:18px;
		padding:16px;
		border-radius:16px;
	}

	.-ycwt-services .srvw-cus {
		width:100%;
		gap:10px;
		padding-block-end:14px;
		border-block-end:1px solid var(--diver);
	}

	.-ycwt-services .srvw-img {
		width:76px;
		height:46px;
		flex-basis:76px;
	}

	.-ycwt-services .srvw-cus strong {
		font-size:20px;
	}

	.-ycwt-services .srvw-cus span {
		font-size:13px;
		line-height:1.6;
	}

	.-ycwt-services .srvw-trs {
		order:initial;
		width:100%;
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		align-items:stretch;
		gap:10px;
	}

	.-ycwt-services .srvw-tr {
		display:grid;
		grid-template-columns:34px minmax(0,1fr);
		align-items:center;
		justify-content:stretch;
		gap:9px;
		padding:11px;
		border:1px solid var(--diver);
		border-radius:12px;
		background:var(--surface-soft);
	}

	.-ycwt-services .srvw-tr:last-child:nth-child(odd) {
		grid-column:1 / -1;
	}

	.-ycwt-services .srvw-tr > :is(i,svg) {
		justify-self:center;
		font-size:22px;
	}

	.-ycwt-services .srvw-tr > svg {
		width:22px;
		height:22px;
	}

	.-ycwt-services .srvw-tr strong {
		margin-block-end:3px;
		font-size:13px;
		line-height:1.4;
	}

	.-ycwt-services .srvw-tr small {
		font-size:11px;
		line-height:1.5;
	}

	.-ycwt-services .srvw-actions {
		order:4;
		width:auto;
		max-width:100%;
		justify-self:start;
		justify-content:flex-start;
		margin:0;
	}
}

/* =========================
   Small Mobile Adjustments
========================= */

@media only screen and (max-width:390px) {
	.-ycwt-services {
		padding:32px 0 30px;
	}

	.-ycwt-services .srvw-head {
		margin-block-end:20px;
	}

	.-ycwt-services .srvw-bdg > span {
		min-height:40px;
		gap:8px;
		padding:6px 12px;
	}

	.-ycwt-services .srvw-bdg :is(i,svg) {
		width:25px;
		height:25px;
		flex-basis:25px;
	}

	.-ycwt-services .srvw-bdg b {
		font-size:12px;
	}

	.-ycwt-services .srvw-bar {
		gap:12px;
		padding:13px;
		border-radius:14px;
	}

	.-ycwt-services .srvw-cus {
		padding-block-end:12px;
	}

	.-ycwt-services .srvw-img {
		width:68px;
		height:42px;
		flex-basis:68px;
	}

	.-ycwt-services .srvw-cus strong {
		font-size:18px;
	}

	.-ycwt-services .srvw-trs {
		gap:8px;
	}

	.-ycwt-services .srvw-tr {
		grid-template-columns:30px minmax(0,1fr);
		gap:7px;
		padding:9px;
		border-radius:11px;
	}

	.-ycwt-services .srvw-tr > :is(i,svg) {
		font-size:20px;
	}

	.-ycwt-services .srvw-tr > svg {
		width:20px;
		height:20px;
	}

	.-ycwt-services .srvw-tr strong {
		font-size:12px;
	}

	.-ycwt-services .srvw-tr small {
		font-size:10.5px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.-ycwt-services .srvw-bdg,
	.-ycwt-services .srvw-list {
		scroll-behavior:auto;
	}
}