.yc-cr-popover.Parent-Boxed--Context---overlays {
	--yc-pop-w:940px;
	max-height:min(92dvh,900px);
	border:0;
	border-radius:24px;
	box-shadow:0 34px 100px rgb(var(--primary-text-code) / 30%);
}

.yc-cr-popover .Boxed--Context---overlays {
	width:100%;
	max-width:none;
	border-radius:inherit;
	background:var(--surface-color);
}

.yc-cr-popover .title--Context---overlays {
	min-height:84px;
	padding:16px 22px;
	border-bottom:1px solid var(--diver);
	background:var(--surface-color);
}

.yc-cr-head {
	min-width:0;
	display:flex;
	flex:1;
	align-items:center;
	gap:13px;
}

.yc-cr-head > span {
	width:48px;
	height:48px;
	display:flex;
	flex:0 0 48px;
	align-items:center;
	justify-content:center;
	border-radius:15px;
	background:linear-gradient(145deg,var(--uicolor),color-mix(in srgb,var(--uicolor) 72%,var(--primary-text)));
	color:var(--on-color);
	box-shadow:0 9px 22px color-mix(in srgb,var(--uicolor) 23%,transparent);
	font-size:18px;
}

.yc-cr-head > div {
	min-width:0;
	flex:1;
}

.yc-cr-head small {
	display:block;
	margin-bottom:1px;
	color:var(--uicolor2);
	font-size:10px;
	font-weight:800;
}

.yc-cr-head h2 {
	margin:0;
	color:var(--primary-text);
	font-size: 19px;
	font-weight: 600;
	line-height:1.45;
}

.yc-cr-popover .Close--title---Context----overlays {
	width:42px;
	height:42px;
	flex-basis:42px;
	border:0;
	border-radius:50%;
	background:var(--surface-soft);
}

.yc-cr-popover .inner--Context---overlays {
	padding:0;
}

.yc-cr-form-shell {
	min-height:520px;
	display:flex;
	flex-direction:column;
	padding:0;
	direction:inherit;
}

.yc-cr-form-registration,
.yc-cr-form-inquiry {
	min-height:0;
}

.yc-cr-course {
	min-width:0;
	display:flex;
	align-items:center;
	gap:13px;
	margin:20px 24px 0;
	padding:15px 17px;
	border:1px solid color-mix(in srgb,var(--uicolor) 14%,var(--diver));
	border-radius:16px;
	background:linear-gradient(120deg,color-mix(in srgb,var(--uicolor) 6%,var(--surface-color)),var(--surface-color) 58%);
}

.yc-cr-course-ico {
	width:42px;
	height:42px;
	display:flex;
	flex:0 0 42px;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	background:var(--surface-color);
	color:var(--uicolor);
	box-shadow:0 6px 15px rgb(var(--primary-text-code) / 6%);
	font-size:17px;
}

.yc-cr-course > div {
	min-width:0;
	flex:1;
}

.yc-cr-course small {
	display:block;
	margin-bottom:2px;
	color:var(--secondarytext);
	font-size: 12px;
	font-weight: 600;
}

.yc-cr-course h3 {
	margin:0;
	color:var(--primary-text);
	font-size: 19px;
	font-weight: 600;
	line-height:1.55;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.yc-cr-course > b {
	flex:0 0 auto;
	max-width:145px;
	padding:6px 9px;
	border-radius:8px;
	background:var(--primary-text);
	color:var(--on-color);
	font-family:var(--f-number);
	font-size:10px;
	font-weight:750;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.yc-cr-main {
	min-width:0;
	padding:22px 24px 24px;
}

.yc-cr-main form {
	min-width:0;
}

.yc-cr-int {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:24px;
	margin-bottom:18px;
}

.yc-cr-int > div {
	min-width:0;
}

.yc-cr-int span {
	display:block;
	margin-bottom:4px;
	color:var(--primary-text);
	font-size:15px;
	font-weight:800;
}

.yc-cr-int p {
	margin:0;
	color:var(--secondarytext);
	font-size:11px;
	line-height:1.7;
}

.yc-cr-int > small {
	display:inline-flex;
	align-items:center;
	gap:7px;
	padding:7px 10px;
	border-radius:999px;
	background:color-mix(in srgb,var(--uicolor4) 8%,var(--surface-color));
	color:var(--uicolor4);
	font-size:9px;
	font-weight:700;
	white-space:nowrap;
}

.yc-cr-fields {
	display:flex;
	flex-wrap:wrap;
	gap:14px;
}

.yc-cr-fields > .-YC-FM-inputs-area {
	width:calc(50% - 7px);
	min-width:0;
	flex:0 0 calc(50% - 7px);
	margin:0!important;
}

.yc-cr-fields > .-YC-FM-inputs-area[field-id="schedule_id"],
.yc-cr-fields > .-YC-FM-inputs-area[field-id="customer_address"],
.yc-cr-fields > .-YC-FM-inputs-area[field-id="billing_address"],
.yc-cr-fields > .-YC-FM-inputs-area[field-id="message"],
.yc-cr-fields > .-YC-FM-inputs-area[field-id="proposed_dates"],
.yc-cr-fields > .yc-wp-checkbox {
	width:100%;
	flex-basis:100%;
}

.yc-cr-popover .-YC-FM-inputs-area,
.yc-cr-popover .-selectbox,
.yc-cr-popover .iti {
	min-width:0;
	width:100%;
}

.yc-cr-popover .-YC-FM-Label {
	display:flex;
	align-items:center;
	gap:7px;
	margin:0 0 7px;
	color:var(--primary-text);
}

.yc-cr-popover .-YC-FM-Label > i {
	width:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--uicolor);
	font-size:12px;
}

.yc-cr-popover .-FM-Field-title {
	font-size:11px;
	font-weight:700;
}

.yc-cr-popover input[input-model],
.yc-cr-popover textarea,
.yc-cr-popover select,
.yc-cr-popover .-selectbox-button {
	min-height:50px;
	border:1px solid var(--diver)!important;
	border-radius:12px!important;
	background:var(--surface-color)!important;
	/* box-shadow:0 5px 14px rgb(var(--primary-text-code) / 3%)!important; */
	font-size:11px!important;
	transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);
}

.yc-cr-popover input[input-model]:hover,
.yc-cr-popover textarea:hover,
.yc-cr-popover select:hover,
.yc-cr-popover .-selectbox-button:hover {
	border-color:color-mix(in srgb,var(--uicolor) 34%,var(--diver))!important;
}

.yc-cr-popover input[input-model]:focus,
.yc-cr-popover textarea:focus,
.yc-cr-popover select:focus,
.yc-cr-popover .-selectbox.-open > .-selectbox-button {
	border-color:var(--uicolor)!important;
	background:var(--surface-color)!important;
	box-shadow:0 0 0 3px color-mix(in srgb,var(--uicolor) 10%,transparent)!important;
	outline:none;
}

.yc-cr-popover textarea {
	min-height:104px;
	padding-top:13px;
	resize:vertical;
}

.yc-cr-ltr input {
	direction:ltr;
	text-align:left;
}

.yc-cr-billing-field {
	display:none!important;
}

.yc-cr-popover .yc-cr-show-billing .yc-cr-billing-field {
	display:flex!important;
}

.yc-cr-honeypot {
	position:absolute!important;
	inset-inline-start:-9999px!important;
	width:1px!important;
	height:1px!important;
	opacity:0!important;
}

.yc-cr-popover .yc-wp-checkbox label {
	min-height:48px;
	display:flex!important;
	align-items:center;
	gap:11px;
	padding:10px 13px;
	border:1px solid var(--diver);
	border-radius:12px;
	background:var(--surface-color);
	cursor:pointer;
}

.yc-cr-popover .yc-wp-checkbox input {
	position:absolute;
	opacity:0;
}

.yc-cr-popover .yc-wp-checkbox label > span {
	width:23px;
	height:23px;
	display:flex;
	flex:0 0 23px;
	align-items:center;
	justify-content:center;
	border:1px solid var(--diver);
	border-radius:7px;
	background:var(--surface-soft);
	color:transparent;
	font-size:10px;
	transition:color var(--transition),background var(--transition),border-color var(--transition);
}

.yc-cr-popover .yc-wp-checkbox input:checked + span {
	border-color:var(--uicolor);
	background:var(--uicolor);
	color:var(--on-color);
}

.yc-cr-popover .yc-wp-checkbox strong {
	color:var(--primary-text);
	font-size:11px;
	font-weight:650;
}

.yc-cr-cap {
	display:flex;
	align-items:center;
	gap:18px;
	margin-top:20px;
	padding:15px;
	border:1px dashed color-mix(in srgb,var(--uicolor) 25%,var(--diver));
	border-radius:15px;
	background:color-mix(in srgb,var(--uicolor) 3%,var(--surface-color));
}

.yc-cr-cap-hd {
	min-width:155px;
	display:flex;
	align-items:center;
	gap:10px;
}

.yc-cr-cap-hd > i {
	width:38px;
	height:38px;
	display:flex;
	flex:0 0 38px;
	align-items:center;
	justify-content:center;
	border-radius:11px;
	background:var(--surface-color);
	color:var(--uicolor4);
	box-shadow:0 5px 12px rgb(var(--primary-text-code) / 5%);
}

.yc-cr-cap-hd span {
	display:flex;
	flex-direction:column;
	gap:2px;
}

.yc-cr-cap-hd b {
	color:var(--primary-text);
	font-size:11px;
}

.yc-cr-cap-hd small {
	color:var(--secondarytext);
	font-size:8px;
}

.yc-cr-cap-in {
	min-width:0;
	display:flex;
	flex:1;
	align-items:flex-end;
	justify-content:flex-end;
	gap:9px;
}

.yc-cr-cap-img {
	width:150px;
	height:50px;
	display:flex;
	flex:0 0 150px;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border:1px solid var(--diver);
	border-radius:10px;
	background:var(--surface-color);
}

.yc-cr-cap-img img {
	max-width:100%;
	max-height:100%;
}

.yc-cr-cap-ref {
	width:50px;
	height:50px;
	display:flex;
	flex:0 0 50px;
	align-items:center;
	justify-content:center;
	border:1px solid var(--diver);
	border-radius:10px;
	background:var(--surface-color);
	color:var(--uicolor);
	cursor:pointer;
	transition:color var(--transition),background var(--transition),transform var(--transition);
}

.yc-cr-cap-ref:hover {
	background:var(--uicolor);
	color:var(--on-color);
	transform:rotate(16deg);
}

.yc-cr-cap-ref.disabled {
	opacity:.5;
	pointer-events:none;
}

.yc-cr-cap-fld {
	width:155px;
	flex:0 0 155px;
}

.yc-cr-cap-fld .-YC-FM-inputs-area {
	margin:0!important;
}

.yc-cr-cap-fld .-YC-FM-Label {
	display:none;
}

.yc-cr-cap-fld input[input-model] {
	text-align:center;
	text-transform:uppercase;
	letter-spacing:4px;
	font-family:var(--f-number);
	font-weight:800;
}

.yc-cr-submit {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-top:20px;
	padding-top:18px;
	border-top:1px solid var(--diver);
}

.yc-cr-submit > span {
	display:flex;
	align-items:center;
	gap:7px;
	color:var(--secondarytext);
	font-size:9px;
	font-weight:600;
}

.yc-cr-submit > span i {
	color:var(--uicolor4);
}

.yc-cr-submit .--BTN {
	min-width:190px;
	min-height:50px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:9px 10px 9px 17px;
	border:0;
	border-radius:12px;
	background:var(--uicolor);
	color:var(--on-color);
	font-size:11px;
	font-weight:750;
	box-shadow:0 10px 22px color-mix(in srgb,var(--uicolor) 20%,transparent);
}

.yc-cr-submit .--BTN i {
	width:31px;
	height:31px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:9px;
	background:rgb(255 255 255 / 13%);
}

[dir="ltr"] .yc-cr-submit .--BTN i {
	transform:scaleX(-1);
}

.yc-cr-form-shell .-yourcolor-form-alerts {
	margin:0 0 14px;
	padding:13px 15px;
	border-radius:11px;
	font-size: 20px;
}

.yc-cr-form-shell .alert-error {
	background:color-mix(in srgb,var(--danger-color) 8%,var(--surface-color));
	color:var(--danger-color);
}

.yc-cr-form-shell .alert-success {
	min-height:230px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:10px;
	background:transparent;
	color: var(--uicolor3);
	text-align:center;
}

.yc-cr-form-shell .alert-success i {
	font-size:38px;
}

.yc-cr-form-shell .yc-cr-download {
	display:inline-flex;
	margin-top:8px;
	padding:10px 15px;
	border-radius:10px;
	background:var(--uicolor);
	color:var(--on-color);
	text-decoration:none;
}

@media only screen and (max-width:760px) {
	.yc-cr-int > small {
		display:none;
	}

	.yc-cr-cap {
		align-items:flex-start;
		flex-direction:column;
	}

	.yc-cr-cap-in {
		width:100%;
		justify-content:flex-start;
	}
}

@media only screen and (max-width:680px) {
	.popover-for--CourseAction {
		padding:0;
	}

	.popover-for--CourseAction .OverParent-Boxed--Context---overlays,
	.popover-for--CourseAction .OverParent-Innet--Context {
		align-items:flex-end;
	}

	.yc-cr-popover.Parent-Boxed--Context---overlays {
		width:100%;
		max-height:calc(100dvh - 8px);
		border-radius:24px 24px 0 0;
	}

	.yc-cr-popover .title--Context---overlays {
		min-height:74px;
		padding:12px 15px;
	}

	.yc-cr-head > span {
		width:40px;
		height:40px;
		flex-basis:40px;
		border-radius:12px;
	}

	.yc-cr-head small {
		display:none;
	}

	.yc-cr-head h2 {
		font-size:16px;
	}

	.yc-cr-course {
		margin:14px 14px 0;
		padding:12px;
	}

	.yc-cr-course h3 {
		font-size:12px;
	}

	.yc-cr-course > b {
		max-width:78px;
	}

	.yc-cr-main {
		padding:18px 14px max(20px,env(safe-area-inset-bottom));
	}

	.yc-cr-int {
		margin-bottom:16px;
	}

	.yc-cr-fields {
		gap:12px;
	}

	.yc-cr-fields > .-YC-FM-inputs-area {
		width:100%;
		flex-basis:100%;
	}

	.yc-cr-popover input[input-model],
	.yc-cr-popover textarea,
	.yc-cr-popover select,
	.yc-cr-popover .-selectbox-button {
		min-height:52px;
	}

	.yc-cr-cap-in {
		flex-wrap:wrap;
	}

	.yc-cr-cap-img {
		width:calc(100% - 59px);
		flex:1;
	}

	.yc-cr-cap-fld {
		width:100%;
		flex-basis:100%;
	}

	.yc-cr-submit {
		align-items:stretch;
		flex-direction:column;
	}

	.yc-cr-submit > span {
		justify-content:center;
	}

	.yc-cr-submit .--BTN {
		width:100%;
		min-width:0;
	}

}
