/**
 * Unified select boxes — skin the Bootstrap-Select widget so every Elementor
 * form dropdown blends into its field and matches the home page component.
 */

/* Fill the field width and match the sibling text inputs: underline ONLY
   (no box border), transparent, inheriting the form's colour. Bootstrap-Select
   copies the select's .elementor-field-textual class onto this wrapper, which
   pulls in Elementor's default full box border — strip it back to an underline. */
.elementor-field-group .bootstrap-select {
	width: 100% !important;
	/* align the widget exactly where the native field sits (clear any stray
	   negative margin / padding bootstrap-select adds) so text lines up with inputs */
	margin: 0 !important;
	padding: 0 !important;
	/* font colour: Elementor global form-field colour (matches the other fields) */
	color: var(--e-global-color-be8c13d, var(--hope-select-color, inherit)) !important;
	border: 0 !important;
	/* underline colour copied from the sibling input by unified-selects.js */
	border-bottom: 0.8px solid var(--hope-select-underline, color-mix(in srgb, currentColor 40%, transparent)) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

/* one underline only, same colour in every state (no focus/hover/invalid tint),
   and never let the button or hidden native select add a second bottom border */
.elementor-field-group .bootstrap-select:hover,
.elementor-field-group .bootstrap-select:focus,
.elementor-field-group .bootstrap-select:focus-within,
.elementor-field-group .bootstrap-select.show {
	border-bottom-color: var(--hope-select-underline, color-mix(in srgb, currentColor 40%, transparent)) !important;
}
.elementor-field-group .bootstrap-select > .dropdown-toggle,
.elementor-field-group .bootstrap-select .bs-select-hidden,
.elementor-field-group .elementor-select-wrapper > select {
	border-bottom: 0 !important;
}

/* The closed dropdown button: blend into the existing field (transparent,
   inherit the field's radius), leave room on the left for the field icon */
.elementor-field-group .bootstrap-select > .dropdown-toggle {
	height: 100%;
	min-height: 48px;
	display: flex;
	align-items: center;
	background: transparent;
	border: 0;
	box-shadow: none !important;
	outline: none !important;
	color: var(--e-global-color-be8c13d, inherit) !important;
	font-weight: inherit;
	border-radius: 0;
	padding-left: 44px; /* match the inputs' left padding so text aligns with the icon */
}

/* Keep the button transparent in EVERY state — Bootstrap's .btn-light adds a
   grey background on hover/focus/active and while the dropdown is open. */
.elementor-field-group .bootstrap-select > .dropdown-toggle,
.elementor-field-group .bootstrap-select > .dropdown-toggle:hover,
.elementor-field-group .bootstrap-select > .dropdown-toggle:focus,
.elementor-field-group .bootstrap-select > .dropdown-toggle:active,
.elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.elementor-field-group .bootstrap-select.show > .dropdown-toggle,
.elementor-field-group .show > .dropdown-toggle.btn-light {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.elementor-field-group .bootstrap-select .filter-option-inner-inner {
	color: var(--e-global-color-be8c13d, inherit) !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder (unselected) state — same Elementor global colour */
.elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder,
.elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--e-global-color-be8c13d, var(--ast-form-field-color, #9CA3AF)) !important;
}

/* Open dropdown menu: clean branded card (no border — shadow only) */
.elementor-field-group .bootstrap-select .dropdown-menu {
	border: 0;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
	padding: 6px;
	margin-top: 6px;
	background: #fff;
}

/* show ~3-4 options, scroll the rest (item ≈ 40px tall) */
.elementor-field-group .bootstrap-select .dropdown-menu .inner {
	height: auto !important;
	max-height: 150px !important;
	overflow-y: auto !important;
}

/* tidy scrollbar */
.elementor-field-group .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
	width: 8px;
}
.elementor-field-group .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.elementor-field-group .bootstrap-select .dropdown-menu .dropdown-item {
	border-radius: 8px;
	padding: 9px 14px;
	color: #3a4250;          /* readable item text */
	font-size: 15px;
	white-space: normal;
}

/* hover/keyboard focus: subtle green tint (not full green) */
.elementor-field-group .bootstrap-select .dropdown-menu .dropdown-item:hover,
.elementor-field-group .bootstrap-select .dropdown-menu .dropdown-item:focus,
.elementor-field-group .bootstrap-select .dropdown-menu .dropdown-item.active:not(.selected) {
	background-color: rgba(0, 218, 118, 0.12);
	color: #14361f;
}

/* the actually-selected option: solid brand green */
.elementor-field-group .bootstrap-select .dropdown-menu .dropdown-item.selected,
.elementor-field-group .bootstrap-select .dropdown-menu .dropdown-item:active {
	background-color: #00da76;
	color: #fff;
}

/* Search box inside long dropdowns — keep it compact */
.elementor-field-group .bootstrap-select .bs-searchbox {
	padding: 6px 8px;
}
.elementor-field-group .bootstrap-select .bs-searchbox .form-control {
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 6px 10px !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.4 !important;
	font-size: 14px !important;
	color: #3a4250;
}

/* Neutralise the site's OLDER custom dropdown ("cdd") chrome on Elementor selects
   — Bootstrap-Select now provides the dropdown, so these would otherwise stack
   and show duplicate arrows/panels. */
.elementor-field-group .select-caret-down-wrapper,
.elementor-field-group .cdd-panel {
	display: none !important;
}

/* Single chevron: keep the site's branded arrow (arrow-2-1.svg) and hide
   Bootstrap-Select's own caret (rendered as the .dropdown-toggle::after pseudo).
   The arrow must not block clicks on the button. */
.elementor-field-group .bootstrap-select .dropdown-toggle .caret,
.elementor-field-group .bootstrap-select .dropdown-toggle::after {
	display: none !important;
}
.elementor-field-group .elementor-select-wrapper::before {
	z-index: 2;
	pointer-events: none;
}
.elementor-field-group .bootstrap-select > .dropdown-toggle {
	padding-right: 38px; /* room for the branded arrow */
}

/* ── Commercial Cleaning Service page (post ID 11639) ONLY ──────────────────
   On this page's "Get a Quote" popup, Bootstrap-Select initialises twice on the
   Location / Select Services fields, nesting a second wrapper that renders a
   DUPLICATE button — so each field appears twice. Collapse the OUTER (duplicate)
   wrapper's own button + menu, leaving only the real (inner) dropdown. Scoped to
   this page via the body's page-id class; applies on mobile too. */
.page-id-11639 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-toggle,
.page-id-11639 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-menu {
	display: none !important;
}

/* ── Commercial Cleaning Service page (post ID 11639) ONLY ──────────────────
   Match the Location / Select Services dropdown PLACEHOLDER to the text inputs'
   placeholders: those render white at opacity 0.6, but the select placeholder
   was full-strength (opacity 1) and looked brighter. Fade it to 0.6 so every
   placeholder in this page's forms looks identical. Only while showing the
   placeholder (.bs-placeholder) — a selected value stays full-strength. */
.page-id-11639 .elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	opacity: 0.6 !important;
}

/* ── Commercial Cleaning Service page (post ID 11639) — MOBILE ONLY ─────────
   "Get a Quote" popup (#elementor-popup-modal-12087) on phones: a FULL-WIDTH
   panel that slides in from the RIGHT (full-screen drawer). Desktop and every
   other page/popup are untouched (scoped by page-id + popup id + max-width). */
@media (max-width: 767px) {
	.page-id-11639 #elementor-popup-modal-12087 {
		align-items: stretch !important;
		justify-content: flex-end !important; /* anchor to the right edge */
	}
	.page-id-11639 #elementor-popup-modal-12087 .dialog-widget-content {
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		margin: 0 !important;
		border-radius: 0 !important;
		overflow-y: auto !important;
		animation: hopeDrawerRight 0.3s ease-out;
	}
	/* let the form content fill the panel width */
	.page-id-11639 #elementor-popup-modal-12087 .dialog-message,
	.page-id-11639 #elementor-popup-modal-12087 .dialog-message > .elementor {
		width: 100% !important;
		max-width: 100% !important;
	}
	@keyframes hopeDrawerRight {
		from { transform: translateX(100%); }
		to   { transform: translateX(0); }
	}
}

/* ── Commercial Cleaning Service page (11639) — popup field icons → green ────
   The field icons (person/mail/phone/location/services/message) are PNG
   background-images baked in a non-green colour. Recolour them to the brand
   green (#00da76) with the CSS mask technique: drop the bg image, fill with the
   green colour, and clip it to each icon's shape via mask-image. Size/position
   match the originals (30px, top-left of the 40px box). Scoped to this popup. */
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;       mask-size: 30px !important;
}
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }

/* ── Commercial Cleaning Service page (post ID 11639) ──────────────────────
   Remove the empty first row at the top of the Location / Select Services
   dropdown lists. It is bootstrap-select's injected placeholder (bs-title-option)
   which renders as a blank, selectable row here. Scoped to this page only. */
.page-id-11639 .bootstrap-select .dropdown-menu li:has(> a.bs-title-option),
.page-id-11639 .bootstrap-select .dropdown-menu a.dropdown-item.bs-title-option {
	display: none !important;
}

/* ── Commercial Cleaning Service page (post ID 11639) — popup with white bg ──
   The "Get a Quote" popup background was changed to white, but the Location /
   Select Services dropdowns kept using the (white) Elementor global colour and
   became invisible. Make them follow --hope-select-color (the sibling input's
   colour, set by unified-selects.js) so the text stays visible whatever the
   popup background is (black on the white popup, white on the blue inline form). */
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}

/* ── Commercial Cleaning Service page (11639) — popup message field ─────────
   The message <textarea> showed a FULL box border (esp. on focus). Match the
   other fields: keep ONLY the bottom border — strip the top/right/left borders,
   radius, box-shadow and focus outline in every state. Scoped to this popup. */
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual:hover,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual:active,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus-visible {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ── Commercial Cleaning Service page (11639) — restore bottom line ─────────
   Location / Select Services (bootstrap-select) and the Message textarea lost
   their visible underline on the white popup. Put a single bottom line back,
   coloured from the field's own text (currentColor) so it shows on any bg.
   Scoped to this popup; all states. */
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:hover,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select.show,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual:hover,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus,
.page-id-11639 #elementor-popup-modal-12087 textarea.elementor-field-textual:active {
	border-bottom: 1px solid color-mix(in srgb, currentColor 35%, transparent) !important;
}

/* ── Commercial Cleaning Service page (11639) — Location/Services underline ──
   The bootstrap-select wrapper's currentColor is white on the popup, so the
   currentColor-based underline above was invisible. Use an explicit visible
   line (matches the message field). Scoped to this popup. */
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:hover,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:focus-within,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important;
}

/* ── Commercial Cleaning Service page (11639) — popup field underlines ──────
   Make EVERY field underline a consistent light grey (like the design image):
   inputs were white@0.4 (invisible on the white popup), selects/textarea varied.
   One light-grey bottom line for all fields. Scoped to this popup. */
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual:focus,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:hover,
.page-id-11639 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}

/* ── Commercial Cleaning Service page (11639) — dropdown hover cursor ───────
   Location / Select Services dropdowns: show the NORMAL (default arrow) cursor
   on hover, NOT the hand/pointer. Scoped to this page. */
.page-id-11639 .elementor-field-group .elementor-select-wrapper,
.page-id-11639 .elementor-field-group .bootstrap-select,
.page-id-11639 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-11639 .elementor-field-group .bootstrap-select .filter-option,
.page-id-11639 .elementor-field-group .bootstrap-select .filter-option-inner,
.page-id-11639 .elementor-field-group .bootstrap-select .filter-option-inner-inner {
	cursor: default !important;
}

/* ── Commercial Cleaning Service page (11639) — "Cities We Have Serviced" pills
   The city pills are .cdd-item (plain divs, not links) but had cursor:pointer,
   so they looked clickable. Show the normal (default) cursor. Scoped to this page.
   (The form dropdowns' .cdd-panel is display:none, so only the city pills are hit.) */
.page-id-11639 .cdd-panel,
.page-id-11639 .cdd-panel .cdd-item,
.page-id-11639 .cdd-panel .cdd-item:hover,
.page-id-11639 .cdd-panel .cdd-item:hover *,
.page-id-11639 .cdd-item,
.page-id-11639 .cdd-item:hover,
.page-id-11639 .cdd-item:hover * {
	cursor: default !important;
}

/* ── Commercial Cleaning Service page (11639) — Cities loop-grid pills ──────
   The visible "Cities We Have Serviced" pills are Elementor Button widgets
   (a.elementor-button links) inside the loop grid #elementor-element-acdb0d9 —
   NOT .cdd-item. They had cursor:pointer (incl. on hover). Force the normal
   cursor. Scoped to that loop grid only, so the Submit/Book-Now/Get-a-Quote
   buttons keep their pointer. */
.page-id-11639 .elementor-element-acdb0d9 a.elementor-button,
.page-id-11639 .elementor-element-acdb0d9 a.elementor-button *,
.page-id-11639 .elementor-element-acdb0d9 a.elementor-button:hover,
.page-id-11639 .elementor-element-acdb0d9 a.elementor-button:hover * {
	cursor: default !important;
}

/* ── Commercial Cleaning Service page (11639) — "Ready to Transform" CTA section
   (#elementor-element-0c0c4de). Two changes, scoped to this section only:
   (1) the contact form's field icons (PNG ::before) -> brand green via mask;
   (2) the left "Contact Details" icon-list icons (SVG, dark) -> white. */
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;        mask-size: 30px !important;
}
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }
.page-id-11639 .elementor-element-0c0c4de .elementor-icon-list-icon svg,
.page-id-11639 .elementor-element-0c0c4de .elementor-icon-list-icon svg * {
	fill: #fff !important;
	color: #fff !important;
}

/* ── Commercial Cleaning Service page (11639) — "Ready to Transform" form fields
   On this white CTA form the select text was white (invisible) and all field
   underlines were white@0.4 (invisible). Make the Location/Select Services text
   follow --hope-select-color (visible) and give every field a light-grey bottom
   line. Scoped to #elementor-element-0c0c4de. */
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual:focus,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select:hover,
.page-id-11639 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}

/* ── Commercial Cleaning Service page (11639) — "Ready to Transform" message field
   The message <textarea> showed a full box border; keep ONLY the bottom line
   (the #d9d9d9 underline added above). Strip top/right/left borders, radius,
   box-shadow, focus outline. Scoped to #elementor-element-0c0c4de. */
.page-id-11639 .elementor-element-0c0c4de textarea.elementor-field-textual,
.page-id-11639 .elementor-element-0c0c4de textarea.elementor-field-textual:hover,
.page-id-11639 .elementor-element-0c0c4de textarea.elementor-field-textual:focus,
.page-id-11639 .elementor-element-0c0c4de textarea.elementor-field-textual:active {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ── Commercial Cleaning Service page (11639) — contact phone item z-index (mobile)
   #elementor-element-c261f05 carries --z-index:9999, which floats it OVER the
   sticky header on mobile (header z-index is 999). Drop it to 0 on mobile so it
   stacks normally below the header. Page-scoped, max-width:767px. */
@media (max-width: 767px) {
	.page-id-11639 .elementor-element-c261f05 {
		--z-index: 0 !important;
		z-index: 0 !important;
	}
}

/* ── Office Cleaning Service page (post ID 12949) ───────────────────────────
   This page opens the SAME "Get a Quote" popup (#elementor-popup-modal-12087)
   as the commercial page, but the popup fixes above are scoped to page-id-11639
   only. So on THIS page the white-popup Location/Services text and the field
   icons are invisible and the dropdowns show a duplicate + blank row. Replicate
   the popup fixes here, scoped to page-id-12949 + the popup — no other page. */

/* hide the duplicate (double-initialised) bootstrap-select wrapper */
.page-id-12949 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-toggle,
.page-id-12949 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-menu {
	display: none !important;
}

/* remove the empty first (bs-title-option) row in the dropdown lists */
.page-id-12949 .bootstrap-select .dropdown-menu li:has(> a.bs-title-option),
.page-id-12949 .bootstrap-select .dropdown-menu a.dropdown-item.bs-title-option {
	display: none !important;
}

/* Location / Select Services text follows the sibling input colour so it stays
   visible on the white popup (was white-on-white / invisible) */
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}

/* fade the select placeholder to match the text-input placeholders */
.page-id-12949 .elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	opacity: 0.6 !important;
}

/* field icons (person/mail/phone/location/services/message) → brand green via
   the CSS mask technique (drop bg image, fill green, clip to each icon shape) */
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;       mask-size: 30px !important;
}
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }

/* one consistent light-grey underline on every field (input/select/textarea) */
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual:focus,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:hover,
.page-id-12949 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}

/* message textarea: bottom border only (strip the full box in every state) */
.page-id-12949 #elementor-popup-modal-12087 textarea.elementor-field-textual,
.page-id-12949 #elementor-popup-modal-12087 textarea.elementor-field-textual:hover,
.page-id-12949 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus,
.page-id-12949 #elementor-popup-modal-12087 textarea.elementor-field-textual:active,
.page-id-12949 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus-visible {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ── Office Cleaning Service page (post ID 12949) — "Ready to Transform" section
   The SAME CTA section (#elementor-element-0c0c4de) is reused on this page, but
   the fixes above are scoped to page-id-11639, so here the form field icons and
   the Location/Services text are invisible and the contact icons stay dark.
   Replicate the section fixes scoped to page-id-12949: (1) form field icons ->
   brand green via mask; (2) Location/Services text visible; (3) light-grey field
   underlines; (4) contact-info icon-list icons (SVG) -> white. No other page. */
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;        mask-size: 30px !important;
}
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }
.page-id-12949 .elementor-element-0c0c4de .elementor-icon-list-icon svg,
.page-id-12949 .elementor-element-0c0c4de .elementor-icon-list-icon svg * {
	fill: #fff !important;
	color: #fff !important;
}
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual:focus,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select:hover,
.page-id-12949 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}
.page-id-12949 .elementor-element-0c0c4de textarea.elementor-field-textual,
.page-id-12949 .elementor-element-0c0c4de textarea.elementor-field-textual:hover,
.page-id-12949 .elementor-element-0c0c4de textarea.elementor-field-textual:focus,
.page-id-12949 .elementor-element-0c0c4de textarea.elementor-field-textual:active {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ── Location / Select Services dropdown text size — match the other fields on
   ALL forms (banner #f3dc778, bottom "Ready to Transform" #8e220f8, and the
   Get-a-Quote popup #12087 / #bbc6315) across the 5 service pages that reuse
   them. Every one of those forms sizes its inputs the same via `.elementor-field`:
   18px (desktop, incl. 1920/1536) / 16px (<=1460px, incl. 1440/1280) / 15px
   (<=1024px, incl. mobile). Bootstrap-Select's div wrapper doesn't carry
   `.elementor-field`, so it kept Bootstrap's default 1rem; set the dropdown text
   (button + selected/placeholder label) explicitly to the same responsive sizes.
   Targeting every `.bootstrap-select` on these pages covers all three forms at
   once (the popup opens under the page's body.page-id class). Scoped to these 5
   pages only — no other page touched. */
.page-id-11639 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-11639 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-12949 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-12949 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-13218 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-13218 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-12966 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-12966 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-13245 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-13245 .elementor-field-group .bootstrap-select .filter-option-inner-inner {
	font-size: 18px !important;
}
@media (max-width: 1460px) {
	.page-id-11639 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-11639 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-12949 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-12949 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-13218 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-13218 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-12966 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-12966 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-13245 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-13245 .elementor-field-group .bootstrap-select .filter-option-inner-inner {
		font-size: 16px !important;
	}
}
@media (max-width: 1024px) {
	.page-id-11639 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-11639 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-12949 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-12949 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-13218 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-13218 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-12966 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-12966 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
	.page-id-13245 .elementor-field-group .bootstrap-select .dropdown-toggle,
	.page-id-13245 .elementor-field-group .bootstrap-select .filter-option-inner-inner {
		font-size: 15px !important;
	}
}

/* ── Floor Cleaning Service page (post ID 12966) — Get-a-Quote popup ─────────
   Same popup (#elementor-popup-modal-12087) and same CTA section (0c0c4de) as
   the other service pages; the fixes are page-scoped, so replicate them for this
   page. Scoped to page-id-12966 — no other page touched. */

/* popup: hide the duplicate (double-initialised) bootstrap-select wrapper */
.page-id-12966 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-toggle,
.page-id-12966 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-menu {
	display: none !important;
}
/* popup: remove the empty first (bs-title-option) row in the dropdown lists */
.page-id-12966 .bootstrap-select .dropdown-menu li:has(> a.bs-title-option),
.page-id-12966 .bootstrap-select .dropdown-menu a.dropdown-item.bs-title-option {
	display: none !important;
}
/* popup: Location / Select Services text follows the sibling input colour so it
   stays visible on the white popup */
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}
.page-id-12966 .elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	opacity: 0.6 !important;
}
/* popup: field icons -> brand green via mask */
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;       mask-size: 30px !important;
}
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }
/* popup: one consistent light-grey underline on every field */
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual:focus,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:hover,
.page-id-12966 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}
/* popup: message textarea bottom-border only */
.page-id-12966 #elementor-popup-modal-12087 textarea.elementor-field-textual,
.page-id-12966 #elementor-popup-modal-12087 textarea.elementor-field-textual:hover,
.page-id-12966 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus,
.page-id-12966 #elementor-popup-modal-12087 textarea.elementor-field-textual:active,
.page-id-12966 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus-visible {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ── Floor Cleaning Service page (12966) — "Ready to Transform" section (0c0c4de)
   form field icons -> green, Location/Services text visible, light-grey field
   underlines, contact-info icon-list SVGs -> white. Scoped to this page only. */
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;        mask-size: 30px !important;
}
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }
.page-id-12966 .elementor-element-0c0c4de .elementor-icon-list-icon svg,
.page-id-12966 .elementor-element-0c0c4de .elementor-icon-list-icon svg * {
	fill: #fff !important;
	color: #fff !important;
}
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual:focus,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select:hover,
.page-id-12966 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}
.page-id-12966 .elementor-element-0c0c4de textarea.elementor-field-textual,
.page-id-12966 .elementor-element-0c0c4de textarea.elementor-field-textual:hover,
.page-id-12966 .elementor-element-0c0c4de textarea.elementor-field-textual:focus,
.page-id-12966 .elementor-element-0c0c4de textarea.elementor-field-textual:active {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ── Medical (13218) & End-of-Lease (13245) Cleaning Service pages — Get-a-Quote
   popup (#elementor-popup-modal-12087). Same popup as the other service pages;
   the fixes are page-scoped, so replicate them for these two pages: green field
   icons, visible Location/Services text on the white popup, no duplicate/blank
   dropdown row, light-grey underlines, message box -> bottom border only.
   Scoped to these two page-ids only — no other page touched. */

/* hide the duplicate (double-initialised) bootstrap-select wrapper */
.page-id-13218 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-toggle,
.page-id-13218 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-menu,
.page-id-13245 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-toggle,
.page-id-13245 .elementor-field-group .bootstrap-select:has(> .bootstrap-select) > .dropdown-menu {
	display: none !important;
}
/* remove the empty first (bs-title-option) row in the dropdown lists */
.page-id-13218 .bootstrap-select .dropdown-menu li:has(> a.bs-title-option),
.page-id-13218 .bootstrap-select .dropdown-menu a.dropdown-item.bs-title-option,
.page-id-13245 .bootstrap-select .dropdown-menu li:has(> a.bs-title-option),
.page-id-13245 .bootstrap-select .dropdown-menu a.dropdown-item.bs-title-option {
	display: none !important;
}
/* Location / Select Services text follows the sibling input colour (visible on white popup) */
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}
.page-id-13218 .elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.page-id-13245 .elementor-field-group .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	opacity: 0.6 !important;
}
/* field icons -> brand green via mask (base) */
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group::before,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;       mask-size: 30px !important;
}
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group-name::before,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group-field_335ae25::before,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group-email::before,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group-field_f721459::before,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group-field_0ce6646::before,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group-message::before,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }
/* one consistent light-grey underline on every field */
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual:focus,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:hover,
.page-id-13218 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select.show,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group input.elementor-field-textual:focus,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select:hover,
.page-id-13245 #elementor-popup-modal-12087 .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}
/* message textarea bottom-border only */
.page-id-13218 #elementor-popup-modal-12087 textarea.elementor-field-textual,
.page-id-13218 #elementor-popup-modal-12087 textarea.elementor-field-textual:hover,
.page-id-13218 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus,
.page-id-13218 #elementor-popup-modal-12087 textarea.elementor-field-textual:active,
.page-id-13218 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus-visible,
.page-id-13245 #elementor-popup-modal-12087 textarea.elementor-field-textual,
.page-id-13245 #elementor-popup-modal-12087 textarea.elementor-field-textual:hover,
.page-id-13245 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus,
.page-id-13245 #elementor-popup-modal-12087 textarea.elementor-field-textual:active,
.page-id-13245 #elementor-popup-modal-12087 textarea.elementor-field-textual:focus-visible {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ── Medical (13218) & End-of-Lease (13245) pages — "Ready to Transform" section
   (#elementor-element-0c0c4de). Same reused CTA section as the other service
   pages: form field icons -> brand green, Location/Services text visible,
   light-grey field underlines, contact-info icon-list SVGs -> white. Scoped to
   these two page-ids only — no other page touched. */
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group::before,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group::before {
	background-image: none !important;
	background-color: #00da76 !important;
	-webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
	-webkit-mask-position: 0% 0% !important;  mask-position: 0% 0% !important;
	-webkit-mask-size: 30px !important;        mask-size: 30px !important;
}
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group-name::before,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group-name::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconamoon_profile-1.png) !important; }
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group-field_335ae25::before,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group-field_335ae25::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/iconoir_mail-1.png) !important; }
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group-email::before,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group-email::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; mask-image: url(/wp-content/uploads/2025/04/proicons_call.png) !important; }
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group-field_f721459::before,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group-field_f721459::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; mask-image: url(/wp-content/uploads/2025/04/location-pin-1.png) !important; }
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group-field_0ce6646::before,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group-field_0ce6646::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; mask-image: url(/wp-content/uploads/2025/04/qlementine-icons_select-all-16.png) !important; }
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group-message::before,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group-message::before { -webkit-mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; mask-image: url(/wp-content/uploads/2025/04/tabler_message-2.png) !important; }
.page-id-13218 .elementor-element-0c0c4de .elementor-icon-list-icon svg,
.page-id-13218 .elementor-element-0c0c4de .elementor-icon-list-icon svg *,
.page-id-13245 .elementor-element-0c0c4de .elementor-icon-list-icon svg,
.page-id-13245 .elementor-element-0c0c4de .elementor-icon-list-icon svg * {
	fill: #fff !important;
	color: #fff !important;
}
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .filter-option-inner-inner,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: var(--hope-select-color, currentColor) !important;
}
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual:focus,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select:hover,
.page-id-13218 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select.show,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group input.elementor-field-textual:focus,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group textarea.elementor-field-textual:focus,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select:hover,
.page-id-13245 .elementor-element-0c0c4de .elementor-field-group .bootstrap-select.show {
	border-bottom: 1px solid #d9d9d9 !important;
}
.page-id-13218 .elementor-element-0c0c4de textarea.elementor-field-textual,
.page-id-13218 .elementor-element-0c0c4de textarea.elementor-field-textual:hover,
.page-id-13218 .elementor-element-0c0c4de textarea.elementor-field-textual:focus,
.page-id-13218 .elementor-element-0c0c4de textarea.elementor-field-textual:active,
.page-id-13245 .elementor-element-0c0c4de textarea.elementor-field-textual,
.page-id-13245 .elementor-element-0c0c4de textarea.elementor-field-textual:hover,
.page-id-13245 .elementor-element-0c0c4de textarea.elementor-field-textual:focus,
.page-id-13245 .elementor-element-0c0c4de textarea.elementor-field-textual:active {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}