/* =========================
   FAQs Section - Desktop
========================= */

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

.-ycwt-faqs > .-ycw-row > .container {
	position:relative;
	overflow:hidden;
	padding-block:clamp(32px,3vw,46px);
	border:1px solid color-mix(in srgb,var(--uicolor) 7%,var(--diver));
	border-radius:28px;
	background: #fff;
	box-shadow:var(--box-shadow-defult);
}

.-ycwt-faqs .fq-hd {
	max-width:900px;
	margin:0 auto 34px;
	text-align:center;
}

.-ycwt-faqs .fq-hd .betit-w {
	margin-block-end:10px;
	color:var(--uicolor2);
	font-size: 25px;
}

.-ycwt-faqs .fq-hd .tit-wdt {
	max-width:820px;
	margin-inline:auto;
	overflow-wrap:anywhere;
}

.-ycwt-faqs .fq-hd .con-wgt {
	max-width:700px;
	margin-inline:auto;
	font-weight: 700;
	color:var(--secondarytext);
	font-size: 20px;
	line-height:1.75;
}

.-ycwt-faqs .fq-hd .con-wgt p {
	margin:0;
}

.-ycwt-faqs .fq-wr {
	min-width:0;
	display:grid;
	grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);
	align-items:stretch;
	gap:30px;
}

.-ycwt-faqs .fq-side {
	position:relative;
	min-width:0;
	min-height:540px;
}

.-ycwt-faqs .fq-img {
	position:relative;
	width:100%;
	height:100%;
	min-height:540px;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	overflow:hidden;
	border:1px solid color-mix(in srgb,var(--uicolor) 10%,var(--diver));
	border-radius:22px;
	background:
		radial-gradient(circle at 18% 12%,var(--diver) 1px,transparent 2px) 0 0 / 18px 18px,
		linear-gradient(145deg,var(--surface-soft),var(--media-placeholder));
}

.-ycwt-faqs .fq-img:empty::before {
	content:"\f82f";
	font-family:var(--_fa-family);
	color:rgb(var(--uicolor-code) / 22%);
	font-size:clamp(72px,9vw,118px);
}

.-ycwt-faqs .fq-img img {
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	object-position:center bottom;
	filter:drop-shadow(0 18px 24px rgb(var(--primary-text-code) / 16%));
}

.-ycwt-faqs .fq-tr {
	position:absolute;
	inset-inline:0;
	inset-block-end:0;
	z-index:2;
	display:grid;
	grid-template-columns:46px minmax(0,1fr) auto;
	align-items:center;
	gap:13px;
	padding:17px 18px;
	border-radius:0 0 22px 22px;
	color:var(--on-color);
	background:linear-gradient(135deg,var(--uicolor),color-mix(in srgb,var(--uicolor) 68%,var(--primary-text)));
	box-shadow:0 -10px 30px rgb(var(--primary-text-code) / 13%);
}

.-ycwt-faqs .fq-tri {
	width:46px;
	height:46px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:var(--on-color);
	background:var(--success-color);
	font-size:19px;
	box-shadow:0 9px 20px rgb(var(--primary-text-code) / 18%);
}

.-ycwt-faqs .fq-trt {
	min-width:0;
	padding-inline-end:13px;
	border-inline-end:1px solid color-mix(in srgb,var(--on-color) 28%,transparent);
}

.-ycwt-faqs .fq-trt strong,
.-ycwt-faqs .fq-rt strong {
	display:block;
	font-weight:900;
	overflow-wrap:anywhere;
}

.-ycwt-faqs .fq-trt strong {
	font-size: 25px;
	line-height:1.35;
}

.-ycwt-faqs .fq-trt span,
.-ycwt-faqs .fq-rt span,
.-ycwt-faqs .fq-rt em {
	display:block;
	color:color-mix(in srgb,var(--on-color) 84%,transparent);
	font-size: 15px;
	font-style:normal;
	font-weight:700;
	line-height: 20px;
	overflow-wrap:anywhere;
}

.-ycwt-faqs .fq-trt span {
	margin-block-start: 12px;
}

.-ycwt-faqs .fq-rt {
	min-width: 137px;
	color:var(--on-color);
	font-family:var(--f-number);
	text-align:start;
	direction:ltr;
	unicode-bidi:isolate;
}

.-ycwt-faqs .fq-rt i {
	float:inline-start;
	margin-inline-end:6px;
	color:var(--rating-color);
	font-size:26px;
}

.-ycwt-faqs .fq-rt strong {
	font-size: 25px;
	line-height:1.2;
}

.-ycwt-faqs .fq-l {
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.-ycwt-faqs .fq-it {
	min-width:0;
	border-radius:15px;
	box-shadow:0 10px 24px rgb(var(--primary-text-code) / 5%);
}

.-ycwt-faqs .fq-q {
	min-height:68px;
	gap:16px;
	padding:15px 17px;
	font-size:17px;
	line-height:1.5;
}

.-ycwt-faqs .fq-q span {
	min-width:0;
	flex:1;
	overflow-wrap:anywhere;
}

.-ycwt-faqs .fq-q i {
	width:36px;
	height:36px;
	flex-basis:36px;
	font-size:15px;
}

.-ycwt-faqs .fq-v {
	padding:0 18px 21px;
	font-size: 16px;
	line-height:1.8;
	overflow-wrap:anywhere;
}

.-ycwt-faqs .fq-v > :first-child {
	margin-block-start:0;
}

.-ycwt-faqs .fq-v > :last-child {
	margin-block-end:0;
}

.-ycwt-faqs .fq-it.active {
	border-color:color-mix(in srgb,var(--uicolor) 24%,var(--diver));
	background: color-mix(in srgb,var(--uicolor) 15%,var(--surface-color));
	box-shadow:0 14px 30px rgb(var(--primary-text-code) / 8%);
}

.-ycwt-faqs .fq-cta {
	min-width:0;
	display:grid;
	grid-template-columns:minmax(260px,1fr) minmax(250px,auto) auto;
	align-items:center;
	gap:18px;
	margin-block-start:32px;
	padding:20px;
	border:1px solid var(--diver);
	border-radius:18px;
	background:var(--surface-color);
	box-shadow:0 15px 36px rgb(var(--primary-text-code) / 8%);
}

.-ycwt-faqs .fq-cus,
.-ycwt-faqs .fq-ph,
.-ycwt-faqs .fq-btns {
	min-width:0;
	display:flex;
	align-items:center;
}

.-ycwt-faqs .fq-cus {
	gap:13px;
}

.-ycwt-faqs .fq-cus > span {
	width:58px;
	height:58px;
	flex:0 0 58px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:1px;
	border-radius:17px;
	color:var(--on-color);
	background:var(--uicolor);
	font-family:var(--f-number);
	font-size:12px;
	font-weight:900;
	line-height:1.15;
	box-shadow:0 10px 22px rgb(var(--uicolor-code) / 20%);
}

.-ycwt-faqs .fq-cus > span i {
	font-size:15px;
}

.-ycwt-faqs .fq-cus strong {
	min-width:0;
	max-width:310px;
	color: var(--uicolor);
	font-size: 22px;
	font-weight:900;
	line-height:1.65;
	overflow-wrap:anywhere;
}

.-ycwt-faqs .fq-ph {
	display:grid;
	grid-template-columns:50px minmax(0,1fr);
	grid-template-rows:auto auto;
	column-gap:12px;
	row-gap:2px;
	padding-inline:18px;
	border-inline:1px solid var(--diver);
	color:var(--primary-text);
	text-align:start;
}

.-ycwt-faqs .fq-ph > i {
	/* grid-column:1; */
	grid-row:1 / 3;
	width:50px;
	height:50px;
	display: flex;
	align-items:center;
	justify-content:center;
	border-radius:15px;
	color:var(--on-color);
	background:var(--uicolor);
	font-size:19px;
	box-shadow:0 9px 20px rgb(var(--uicolor-code) / 18%);
}

.-ycwt-faqs .fq-ph span,
.-ycwt-faqs .fq-ph strong {
	grid-column:2;
	min-width:0;
	overflow-wrap:anywhere;
}

.-ycwt-faqs .fq-ph span {
	grid-row:1;
	align-self:end;
	color:var(--secondarytext);
	font-size: 13px;
	font-weight: 900;
	line-height:1.4;
}

.-ycwt-faqs .fq-ph strong {
	grid-row:2;
	align-self:start;
	color:var(--uicolor);
	font-size:17px;
	font-weight:900;
	line-height:1.35;
	unicode-bidi:isolate;
}

.-ycwt-faqs .fq-btns {
	flex:0 0 auto;
	justify-content:flex-end;
	flex-wrap:wrap;
	gap:9px;
}

.-ycwt-faqs .fq-btns .--BTN,
.-ycwt-faqs .fq-btns .yc-widget-btn,
.-ycwt-faqs .fq-btns .--BTN > a,
.-ycwt-faqs .fq-btns .yc-widget-btn > a {
	min-width:0;
}

.-ycwt-faqs .fq-btns .--BTN > a,
.-ycwt-faqs .fq-btns .yc-widget-btn > a {
	min-height:50px;
	padding-inline:19px;
	border-radius:13px;
	white-space:nowrap;
}

.-ycwt-faqs a:focus-visible,
.-ycwt-faqs button:focus-visible {
	outline:3px solid rgb(var(--uicolor-code) / 30%);
	outline-offset:3px;
}

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

html[dir="ltr"] .-ycwt-faqs {
	direction:ltr;
	font-family:var(--f-number);
}

html[dir="ltr"] .-ycwt-faqs .fq-hd .tit-wdt {
	line-height:1.16;
	letter-spacing:-1px;
}

html[dir="ltr"] .-ycwt-faqs .fq-hd .con-wgt,
html[dir="ltr"] .-ycwt-faqs .fq-q,
html[dir="ltr"] .-ycwt-faqs .fq-v,
html[dir="ltr"] .-ycwt-faqs .fq-cus strong {
	line-height:1.65;
}

html[dir="ltr"] .-ycwt-faqs .fq-btns .fa-arrow-left {
	transform:scaleX(-1);
}

/* =========================
   Compact Desktop
========================= */

@media only screen and (max-width:1199px) {
	.-ycwt-faqs > .-ycw-row > .container {
		border-radius:24px;
	}

	.-ycwt-faqs .fq-wr {
		grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
		gap:24px;
	}

	.-ycwt-faqs .fq-side,
	.-ycwt-faqs .fq-img {
		min-height:510px;
	}

	.-ycwt-faqs .fq-tr {
		grid-template-columns:42px minmax(0,1fr) auto;
		gap:10px;
		padding:15px;
	}

	.-ycwt-faqs .fq-tri {
		width:42px;
		height:42px;
	}

	.-ycwt-faqs .fq-cta {
		grid-template-columns:minmax(240px,1fr) minmax(230px,auto);
	}

	.-ycwt-faqs .fq-btns {
		grid-column:1 / -1;
		justify-content:center;
	}
}

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

@media only screen and (max-width:900px) {
	.-ycwt-faqs {
		padding-block:42px 48px;
	}

	.-ycwt-faqs .fq-hd {
		margin-block-end:28px;
	}

	.-ycwt-faqs .fq-wr {
		grid-template-columns:1fr;
		gap:22px;
	}

	.-ycwt-faqs .fq-side,
	.-ycwt-faqs .fq-img {
		min-height:410px;
	}

	.-ycwt-faqs .fq-side {
		max-width:720px;
		width:100%;
		margin-inline:auto;
	}

	.-ycwt-faqs .fq-cta {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.-ycwt-faqs .fq-ph {
		border-inline-end:0;
	}
}

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

@media only screen and (max-width:767px) {
	.-ycwt-faqs {
		padding-block:34px 40px;
	}

	.-ycwt-faqs > .-ycw-row > .container {
		overflow:visible;
		padding-block:26px;
		border-radius:22px;
		background:linear-gradient(180deg,var(--surface-color),var(--surface-soft));
	}

	.-ycwt-faqs .fq-hd {
		margin-block-end:24px;
		text-align:start;
	}

	.-ycwt-faqs .fq-hd .betit-w {
		margin-block-end:8px;
		font-size:13px;
	}

	.-ycwt-faqs .fq-hd .tit-wdt,
	html[dir="ltr"] .-ycwt-faqs .fq-hd .tit-wdt {
		max-width:100%;
		margin-inline:0;
		font-size:clamp(26px,7.7vw,33px);
		line-height:1.24;
		letter-spacing:-.45px;
	}

	.-ycwt-faqs .fq-hd .con-wgt,
	html[dir="ltr"] .-ycwt-faqs .fq-hd .con-wgt {
		max-width:100%;
		margin-inline:0;
		margin-block-start:11px;
		font-size:14px;
		line-height:1.7;
	}

	.-ycwt-faqs .fq-wr {
		gap:18px;
	}

	.-ycwt-faqs .fq-side,
	.-ycwt-faqs .fq-img {
		min-height:clamp(300px,82vw,390px);
	}

	.-ycwt-faqs .fq-img {
		border-radius:19px;
	}

	.-ycwt-faqs .fq-tr {
		grid-template-columns:40px minmax(0,1fr) auto;
		gap:9px;
		padding:12px;
		border-radius:0 0 19px 19px;
	}

	.-ycwt-faqs .fq-tri {
		width:40px;
		height:40px;
		font-size:16px;
	}

	.-ycwt-faqs .fq-trt {
		padding-inline-end:9px;
	}

	.-ycwt-faqs .fq-trt strong {
		font-size:12px;
	}

	.-ycwt-faqs .fq-trt span,
	.-ycwt-faqs .fq-rt span,
	.-ycwt-faqs .fq-rt em {
		font-size:8.5px;
	}

	.-ycwt-faqs .fq-rt {
		min-width:72px;
	}

	.-ycwt-faqs .fq-rt i {
		font-size:21px;
	}

	.-ycwt-faqs .fq-rt strong {
		font-size:12px;
	}

	.-ycwt-faqs .fq-l {
		gap:10px;
	}

	.-ycwt-faqs .fq-it {
		border-radius:14px;
	}

	.-ycwt-faqs .fq-q {
		min-height:60px;
		gap:12px;
		padding:13px 14px;
		font-size:14px;
		line-height:1.55;
	}

	.-ycwt-faqs .fq-q i {
		width:32px;
		height:32px;
		flex-basis:32px;
		font-size:13px;
	}

	.-ycwt-faqs .fq-v,
	html[dir="ltr"] .-ycwt-faqs .fq-v {
		padding:0 14px 17px;
		font-size:12.5px;
		line-height:1.75;
	}

	.-ycwt-faqs .fq-cta {
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:10px;
		margin-block-start:20px;
		padding:12px;
		border-radius:17px;
	}

	.-ycwt-faqs .fq-cus,
	.-ycwt-faqs .fq-ph {
		min-height:88px;
		padding:12px;
		border:1px solid var(--diver);
		border-radius:14px;
		background:var(--surface-soft);
	}

	.-ycwt-faqs .fq-cus {
		align-items:flex-start;
		flex-direction:column;
		gap:9px;
	}

	.-ycwt-faqs .fq-cus > span {
		width:45px;
		height:45px;
		flex-basis:45px;
		border-radius:13px;
		font-size:10px;
	}

	.-ycwt-faqs .fq-cus > span i {
		font-size:12px;
	}

	.-ycwt-faqs .fq-cus strong {
		max-width:none;
		font-size:11px;
		line-height:1.55;
	}

	.-ycwt-faqs .fq-ph {
		grid-template-columns:42px minmax(0,1fr);
		column-gap:9px;
		padding-inline:12px;
		border-inline:1px solid var(--diver);
	}

	.-ycwt-faqs .fq-ph > i {
		width:42px;
		height:42px;
		border-radius:13px;
		font-size:16px;
		display: flex;
	}

	.-ycwt-faqs .fq-ph span {
		font-size:9px;
	}

	.-ycwt-faqs .fq-ph strong {
		font-size:13px;
	}

	.-ycwt-faqs .fq-btns {
		grid-column:1 / -1;
		width:100%;
		justify-content:stretch;
		gap:8px;
	}

	.-ycwt-faqs .fq-btns .--BTN,
	.-ycwt-faqs .fq-btns .yc-widget-btn {
		flex:1 1 150px;
		width:auto;
	}

	.-ycwt-faqs .fq-btns .--BTN > a,
	.-ycwt-faqs .fq-btns .yc-widget-btn > a {
		width:100%;
		min-height:50px;
		padding-inline:14px;
		white-space:normal;
	}
}

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

@media only screen and (max-width:480px) {
	.-ycwt-faqs > .-ycw-row > .container {
		border-radius:19px;
	}

	.-ycwt-faqs .fq-side,
	.-ycwt-faqs .fq-img {
		min-height:310px;
	}

	.-ycwt-faqs .fq-cta {
		grid-template-columns:1fr;
	}

	.-ycwt-faqs .fq-cus,
	.-ycwt-faqs .fq-ph {
		min-height:0;
	}

	.-ycwt-faqs .fq-cus {
		align-items:center;
		flex-direction:row;
	}

	.-ycwt-faqs .fq-btns {
		grid-column:auto;
	}

	.-ycwt-faqs .fq-btns .--BTN,
	.-ycwt-faqs .fq-btns .yc-widget-btn {
		flex:0 0 auto;
		width:100%;
	}
}

@media only screen and (max-width:390px) {
	.-ycwt-faqs {
		padding-block:30px 36px;
	}

	.-ycwt-faqs > .-ycw-row > .container {
		padding-block:22px;
		border-radius:17px;
	}

	.-ycwt-faqs .fq-hd {
		margin-block-end:20px;
	}

	.-ycwt-faqs .fq-hd .tit-wdt,
	html[dir="ltr"] .-ycwt-faqs .fq-hd .tit-wdt {
		font-size:clamp(25px,8vw,30px);
	}

	.-ycwt-faqs .fq-side,
	.-ycwt-faqs .fq-img {
		min-height:280px;
	}

	.-ycwt-faqs .fq-tr {
		grid-template-columns:36px minmax(0,1fr) 66px;
		gap:7px;
		padding:10px;
	}

	.-ycwt-faqs .fq-tri {
		width:36px;
		height:36px;
		font-size:14px;
	}

	.-ycwt-faqs .fq-trt strong {
		font-size:11px;
	}

	.-ycwt-faqs .fq-trt span,
	.-ycwt-faqs .fq-rt span,
	.-ycwt-faqs .fq-rt em {
		font-size:7.5px;
	}

	.-ycwt-faqs .fq-rt {
		min-width:66px;
	}

	.-ycwt-faqs .fq-q {
		padding:12px;
		font-size:13.5px;
	}

	.-ycwt-faqs .fq-v,
	html[dir="ltr"] .-ycwt-faqs .fq-v {
		padding-inline:12px;
		font-size:12px;
	}

	.-ycwt-faqs .fq-cta {
		padding:10px;
		border-radius:15px;
	}
}

@media (hover:hover) and (pointer:fine) {
	.-ycwt-faqs .fq-ph:hover {
		color:var(--uicolor);
	}

	.-ycwt-faqs .fq-cus:hover > span,
	.-ycwt-faqs .fq-ph:hover > i {
		transform:translateY(-2px);
	}
}

@media (prefers-reduced-motion:reduce) {
	.-ycwt-faqs .fq-it,
	.-ycwt-faqs .fq-q i,
	.-ycwt-faqs .fq-a,
	.-ycwt-faqs .fq-cus > span,
	.-ycwt-faqs .fq-ph > i,
	.-ycwt-faqs .fq-btns a {
		transition:none;
	}
}