/**
 * /book/ page + LatePoint booking form — luqsports.com.my sport theme layer.
 * Loaded after book.css. Charcoal page with diagonal lines and red glow,
 * red skewed plates for actions, clean white form controls.
 * style.css styles LatePoint with very specific !important rules, so form
 * rules start with $F (see below) and the phone action bar (appended to
 * <body> by theme.js) uses its full class list.
 *
 * $F = html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element
 */

/* ---------- Page + card ---------- */
@media (min-width: 769px) {
	html body .lqb.booking-hero {
		background:
			repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.025) 0 2px, transparent 2px 110px),
			radial-gradient(700px 420px at 90% 0%, rgba(173, 3, 3, 0.18), transparent 70%),
			radial-gradient(600px 400px at 0% 100%, rgba(12, 74, 125, 0.22), transparent 70%),
			#14171c !important;
	}
	.lqb-shell {
		border-top: 3px solid #AD0303;
		box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
	}
}

/* ---------- Left panel ---------- */
.lqb .lqb-kicker,
.lqb .lqi .lqi-heading {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #AD0303;
	font-weight: 800;
	letter-spacing: 0.16em;
}
.lqb .lqb-kicker::before,
.lqb .lqi .lqi-heading::before {
	content: "";
	width: 20px;
	height: 4px;
	background: currentColor;
	transform: skew(-24deg);
	flex-shrink: 0;
}
/* Step numbers: skewed plates like the main-site buttons. */
.lqb .lqb-num {
	border: 0;
	border-radius: 0;
	background: #e9edf2;
	color: #64748b;
	clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
	width: 36px;
}
.lqb .lqb-steps li.is-current .lqb-num {
	background: #AD0303;
	color: #fff;
}
.lqb .lqb-steps li.is-done .lqb-num {
	background: #14171c;
	border: 0;
	color: #fff;
}
.lqb .lqb-steps li.is-done + li::after,
.lqb .lqb-steps li.is-current::after {
	background: #AD0303;
}
.lqb .lqb-steps li + li::after {
	left: 17px;
}
.lqb .lqb-steps strong {
	font-weight: 800;
}

/* ---------- Form: heading ---------- */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .latepoint-heading-w .os-heading-text {
	font-weight: 850 !important;
	letter-spacing: -0.03em !important;
	color: #0f172a !important;
}

/* ---------- Categories + services ---------- */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-item-category-info-w .os-item-i {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-item-category-info-w:hover .os-item-i {
	border-color: #AD0303 !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-item-category-info-w .os-item-name {
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
	color: #0f172a !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-services .os-item .os-item-i {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-services .os-item:hover .os-item-i,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-services .os-item.selected .os-item-i {
	border-color: #AD0303 !important;
	box-shadow: inset 4px 0 0 #AD0303, 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-services .os-item .os-item-name {
	font-weight: 800 !important;
	color: #0f172a !important;
}

/* ---------- Calendar ---------- */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-weekdays .weekday {
	background: transparent !important;
	color: #64748b !important;
	font-weight: 800 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day.os-today .os-day-box {
	background: transparent !important;
	border: 1.5px dashed #94a3b8 !important;
	box-shadow: none !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day:not(.os-not-available):not(.os-day-passed):not(.selected) .os-day-box {
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	box-shadow: none !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day:not(.os-not-available):not(.os-day-passed):not(.selected):hover .os-day-box {
	border-color: #AD0303 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day.selected .os-day-box {
	background: #AD0303 !important;
	border: 1.5px solid #AD0303 !important;
	box-shadow: 0 8px 18px rgba(173, 3, 3, 0.3) !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day.selected .os-day-number {
	color: #ffffff !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-month-prev-btn,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-month-next-btn {
	border-radius: 6px !important;
	background: #f1f5f9 !important;
	border: 0 !important;
	color: #0f172a !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-month-prev-btn:hover,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-month-next-btn:hover {
	background: #14171c !important;
	color: #ffffff !important;
}

/* Time slots: clean chips, red when picked (was LatePoint's bright green). */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .times-header-label,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .times-header-label span {
	color: #0f172a !important;
	font-weight: 750 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .times-header-label span {
	color: #8A0202 !important;
	border-bottom-color: #fecaca !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .timeslots .dp-timepicker-trigger:not(.is-booked):not(.is-off) {
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 6px !important;
	color: #0f172a !important;
	box-shadow: none !important;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .timeslots .dp-timepicker-trigger:not(.is-booked):not(.is-off) * {
	color: inherit !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .timeslots .dp-timepicker-trigger:not(.is-booked):not(.is-off):hover {
	border-color: #AD0303 !important;
	color: #8A0202 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .timeslots .dp-timepicker-trigger.selected {
	background: #AD0303 !important;
	border-color: #AD0303 !important;
	color: #ffffff !important;
	box-shadow: 0 8px 18px rgba(173, 3, 3, 0.3) !important;
}

/* ---------- Customer details ---------- */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-step-tabs .os-step-tab {
	color: #64748b !important;
	font-weight: 750 !important;
	border-bottom: 3px solid transparent !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
	color: #0f172a !important;
	border-bottom-color: #AD0303 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-step-tabs .os-step-tab.active::after,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-step-tabs .os-step-tab.active::before {
	background: #AD0303 !important;
	border-color: #AD0303 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-group .os-form-control {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 10px !important;
	color: #0f172a !important;
	-webkit-text-fill-color: #0f172a !important;
	box-shadow: none !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-group .os-form-control::placeholder {
	color: #94a3b8 !important;
	-webkit-text-fill-color: #94a3b8 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-group .os-form-control:focus {
	border-color: #AD0303 !important;
	box-shadow: 0 0 0 3px rgba(173, 3, 3, 0.14) !important;
}
/* Phone: label above the field like the others. */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-phonefield-group {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 7px !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-phonefield-group > label {
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	flex: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	transform: none !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-phonefield-group .lp_iti {
	width: 100% !important;
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 10px !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-phonefield-group .lp_iti .os-form-control {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-phonefield-group .lp_iti:focus-within {
	border-color: #AD0303 !important;
	box-shadow: 0 0 0 3px rgba(173, 3, 3, 0.14) !important;
}

/* ---------- Desktop Back / Next: skewed plates ---------- */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .latepoint-footer .latepoint-btn.latepoint-next-btn {
	background: #AD0303 !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important;
	padding-left: 28px !important;
	padding-right: 28px !important;
	box-shadow: none !important;
	text-transform: none !important;
	font-weight: 800 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .latepoint-footer .latepoint-btn.latepoint-next-btn:hover {
	background: #8A0202 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .latepoint-footer .latepoint-btn.latepoint-next-btn.disabled {
	background: #e2e8f0 !important;
	color: #94a3b8 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .latepoint-footer .latepoint-btn.latepoint-prev-btn {
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #0f172a !important;
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important;
	background: #eef1f5 !important;
	box-shadow: none !important;
	padding-left: 26px !important;
	padding-right: 26px !important;
	text-transform: none !important;
	font-weight: 800 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .latepoint-footer .latepoint-btn.latepoint-prev-btn:hover {
	background: #e2e8f0 !important;
}

/* ---------- Phone action bar (theme.js, appended to <body>) ---------- */
@media (max-width: 768px) {
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar {
		background: #14171c !important;
		border-top: 3px solid #AD0303 !important;
		box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.35) !important;
		border-radius: 18px 18px 0 0 !important;
	}
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-bar-btn {
		border: 0 !important;
		border-radius: 0 !important;
		clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%) !important;
		box-shadow: none !important;
		font-weight: 800 !important;
		text-transform: none !important;
	}
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-bar-btn.lp-bar-prev,
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-bar-btn.lp-bar-cart {
		background: rgba(255, 255, 255, 0.1) !important;
		color: #ffffff !important;
	}
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-bar-btn.lp-bar-next {
		background: #AD0303 !important;
		color: #ffffff !important;
	}
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-bar-btn.is-disabled,
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-bar-btn[disabled] {
		background: rgba(255, 255, 255, 0.06) !important;
		color: rgba(255, 255, 255, 0.35) !important;
	}
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-bar-btn * {
		color: inherit !important;
	}
	html body.has-booking-hero .lp-floating-cart-fab.lp-booking-action-bar .lp-floating-cart-badge {
		background: #AD0303 !important;
		color: #ffffff !important;
	}
}

/* Phones: book.css hides the "Your booking" kicker above the step bar. */
@media (max-width: 768px) {
	.lqb .lqb-progress .lqb-kicker {
		display: none;
	}
}

/* Today: plain dashed outline, no tint on any layer. */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day.os-today,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day.os-today .os-day-box,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-day.os-today .os-day-number {
	background: transparent !important;
	background-color: transparent !important;
}

/* Customer step: neutral OR divider, red links. */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-social-or,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-social-or span {
	color: #94a3b8 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group a,
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-step-tabs .os-step-tab:not(.active):hover {
	color: #8A0202 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group input[type="checkbox"] {
	accent-color: #AD0303 !important;
}


/* Centred "Next" under the form on phones (theme.js) — was LatePoint blue. */
html body.has-booking-hero button.lp-form-center-next.lp-form-center-next {
	background: #AD0303 !important;
	background-color: #AD0303 !important;
	border: 0 !important;
	border-radius: 0 !important;
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	text-transform: none !important;
}
html body.has-booking-hero button.lp-form-center-next.lp-form-center-next:hover {
	background: #8A0202 !important;
}
html body.has-booking-hero button.lp-form-center-next.lp-form-center-next[disabled],
html body.has-booking-hero button.lp-form-center-next.lp-form-center-next.is-disabled {
	background: #e2e8f0 !important;
	color: #94a3b8 !important;
}

/* Terms consent (customer step): a tappable card with a big red checkbox.
   Label text + link come from the LatePoint custom field cf_O18MKwJv. */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group {
	margin: 4px 0 8px !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group label {
	display: flex !important;
	align-items: flex-start !important;
	gap: 14px !important;
	margin: 0 !important;
	padding: 16px 18px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 12px !important;
	background: #f8fafc !important;
	color: #0f172a !important;
	font-size: 14.5px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	text-align: left !important;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group label:hover {
	border-color: #cbd5e1 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group input[type="checkbox"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: block !important;
	position: relative !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid #94a3b8 !important;
	border-radius: 6px !important;
	background: #ffffff center / 16px no-repeat !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group input[type="checkbox"]:checked {
	border-color: #AD0303 !important;
	background: #AD0303 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 16px no-repeat !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group input[type="checkbox"]:focus-visible {
	outline: 2px solid #AD0303 !important;
	outline-offset: 2px !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group label:has(input:checked) {
	border-color: #AD0303 !important;
	background: #fdf4f4 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group label > div {
	flex: 1;
	min-width: 0;
	padding-top: 1px;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group label a {
	color: #8A0202 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group p {
	margin: 4px 0 0 !important;
}
/* Tried to continue without ticking. */
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group.os-invalid label:not(:has(input:checked)) {
	border-color: #ef4444 !important;
	background: #fef2f2 !important;
}
html body.has-booking-hero:not(.has-customer-dashboard) .lqb .lqb-form.booking-area .latepoint-w .latepoint-booking-form-element .os-form-checkbox-group.os-invalid input[type="checkbox"]:not(:checked) {
	border-color: #ef4444 !important;
}