/* Color Bends — gateway + Iraq pages */
body.ccp-color-bends {
	background: #001218;
}

body.ccp-color-bends #ccp-color-bends-root {
	position: fixed;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

body.ccp-color-bends .ccp-color-bends__overlay {
	position: fixed;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: radial-gradient(
		ellipse 70% 50% at 50% 45%,
		transparent 0%,
		rgba(0, 62, 82, 0.12) 100%
	);
}

body.ccp-color-bends .elementor,
body.ccp-color-bends #site-header,
body.ccp-color-bends header,
body.ccp-color-bends footer,
body.ccp-color-bends main {
	position: relative;
	z-index: 2;
}

body.ccp-color-bends .elementor-location-header,
body.ccp-color-bends .elementor-location-footer,
body.ccp-color-bends #site-header,
body.ccp-color-bends #site-footer {
	background: transparent;
}

body.ccp-color-bends #site-footer .copyright p {
	color: rgba(255, 255, 255, 0.75);
}

/*
 * Join CTA (81fb7c8) — EN pads left 12em / right 25em for the photo.
 * In RTL, mirror so Arabic copy isn’t crushed by padding-right: 25em.
 */
@media (min-width: 1025px) {
	body.rtl.ccp-magic-bento .elementor-element.elementor-element-81fb7c8 {
		--padding-right: 12em;
		--padding-left: 25em;
	}
}

/* Iraq pages — let the animated canvas show through Elementor sections */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor .e-con,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-section {
	--background-color: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor .e-con::before,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-section > .elementor-background-overlay {
	display: none !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor .elementor-widget-wrap,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor .elementor-motion-effects-layer {
	background-color: transparent !important;
	background-image: none !important;
}

/* Iraq hero — glass panel behind card images only (Option B) */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-element-34370057 > .elementor-widget-wrap,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-column:has(.elementor-widget-image img[src*="card-handle"]) > .elementor-widget-wrap {
	background: rgba(0, 62, 82, 0.35) !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	padding: 1.5rem 2rem;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* No glass when POS animation replaces the hero card image */
body.ccp-color-bends.ccp-magic-bento:not(.ccp-color-bends-gateway) .elementor-element-34370057 > .elementor-widget-wrap,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-element-34370057:has(.ccp-pos-replaced) > .elementor-widget-wrap,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-column:has(.ccp-pos-replaced) > .elementor-widget-wrap,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .ccp-pos-hero-column > .elementor-widget-wrap {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="prepaid-card"]) > .elementor-widget-container,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="card-handle"]):not(.ccp-pos-replaced) > .elementor-widget-container,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="mastercard"]) > .elementor-widget-container,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="Cashcom-Mobile-App"]) > .elementor-widget-container,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-element-5eb0ae0 > .elementor-widget-container {
	background-color: rgba(0, 62, 82, 0.35) !important;
	background-image: none !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	padding: 1.25rem 1.5rem;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Hero POS — no glass on the image widget container */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .ccp-pos-replaced > .elementor-widget-container,
body.ccp-magic-bento .ccp-pos-replaced > .elementor-widget-container {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* Online purchases — Lottie phone mockup (keeps card bg-image inside panel) */
body.ccp-color-bends:not(.ccp-color-bends-gateway):not(.ccp-magic-bento) .elementor-element-db46198 > .elementor-widget-container {
	background-color: rgba(0, 62, 82, 0.35) !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	padding: 3rem !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Online purchases + HTML phone — no glass / no mastercard bg (#EEFFFD stage) */
body.ccp-color-bends.ccp-magic-bento:not(.ccp-color-bends-gateway) .elementor-element.elementor-element-db46198 > .elementor-widget-container,
body.ccp-magic-bento .ccp-magic-rings-host > .elementor-widget-container,
body.ccp-magic-bento .elementor-element.elementor-element-db46198 > .elementor-widget-container {
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* Online purchases section shell — no light Elementor panel behind the visual */
body.ccp-magic-bento .elementor-element.elementor-element-ed1d975,
body.ccp-magic-bento .elementor-element.elementor-element-ed1d975:not(.elementor-motion-effects-element-type-background),
body.ccp-magic-bento .elementor-element.elementor-element-ed1d975 > .e-con-inner,
body.ccp-magic-bento .elementor-element-ed1d975 {
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
}

/* Avoid double panels when the column already has glass */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-element-34370057 .elementor-widget-image > .elementor-widget-container,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-column:has(.elementor-widget-image img[src*="card-handle"]) .elementor-widget-image > .elementor-widget-container {
	background: transparent !important;
	border: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-element-34370057 > .elementor-widget-wrap,
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-column:has(.elementor-widget-image img[src*="card-handle"]) > .elementor-widget-wrap,
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="prepaid-card"]) > .elementor-widget-container,
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="card-handle"]) > .elementor-widget-container,
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="mastercard"]) > .elementor-widget-container,
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-image:has(img[src*="Cashcom-Mobile-App"]) > .elementor-widget-container,
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-element-5eb0ae0 > .elementor-widget-container,
	body.ccp-color-bends:not(.ccp-color-bends-gateway):not(.ccp-magic-bento) .elementor-element-db46198 > .elementor-widget-container {
		background-color: rgba(0, 62, 82, 0.65) !important;
	}

	body.ccp-color-bends.ccp-magic-bento:not(.ccp-color-bends-gateway) .elementor-element-34370057 > .elementor-widget-wrap,
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .ccp-pos-hero-column > .elementor-widget-wrap,
	body.ccp-color-bends.ccp-magic-bento:not(.ccp-color-bends-gateway) .elementor-element-db46198 > .elementor-widget-container {
		background: transparent !important;
		background-color: transparent !important;
	}
}

/* Iraq feature grid — glass panel per icon box (Option A) */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-icon-box > .elementor-widget-container {
	background: rgba(0, 62, 82, 0.35) !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	padding: 2rem 1.5rem;
	height: 100%;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-icon-box > .elementor-widget-container:hover {
	border-color: rgba(120, 222, 212, 0.6);
	box-shadow:
		0 12px 36px rgba(0, 0, 0, 0.26),
		0 0 24px rgba(120, 222, 212, 0.18);
	transform: translateY(-3px);
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-icon-box > .elementor-widget-container {
		background: rgba(0, 62, 82, 0.65) !important;
	}
}

/* Iraq pages — FAQ accordion as glass tabs (replaces light-teal boxes) */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-accordion-item {
	border-color: rgba(120, 222, 212, 0.25) !important;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 12px;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-title {
	background-color: rgba(0, 62, 82, 0.35) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: background-color 0.2s ease;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-title:hover,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-title.elementor-active {
	background-color: rgba(120, 222, 212, 0.18) !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-title,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-accordion-title,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-accordion-icon {
	color: #fff !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-accordion-icon svg {
	fill: #78ded4 !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-content {
	background-color: rgba(0, 62, 82, 0.22) !important;
	color: rgba(255, 255, 255, 0.85) !important;
	border-block-start-color: rgba(120, 222, 212, 0.2) !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-content p,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-content a {
	color: rgba(255, 255, 255, 0.85) !important;
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-accordion .elementor-tab-title {
		background-color: rgba(0, 62, 82, 0.7) !important;
	}
}

/* Iraq pages — readable text on dark Color Bends background */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-heading-title,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-text-editor,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-text-editor p,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-box-title,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-box-title a,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-box-description,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-posts .elementor-post__title,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-posts .elementor-post__title a,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-posts .elementor-post__excerpt,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-posts .elementor-post__excerpt p,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-list-text,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-list-item a,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-image-box-title,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-image-box-title a,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-image-box-description {
	color: #fff !important;
}

/* Iraq pages — icon-list bullets/icons tinted brand teal */
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-list-icon i,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-list-icon svg {
	color: #78ded4 !important;
	fill: #78ded4 !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-box-description,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-text-editor p,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-image-box-description,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-posts .elementor-post__excerpt,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-widget-posts .elementor-post__excerpt p {
	color: rgba(255, 255, 255, 0.85) !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-heading-title,
body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor-icon-box-title {
	text-shadow:
		0 2px 16px rgba(0, 30, 40, 0.7),
		0 0 48px rgba(0, 62, 82, 0.45);
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) .elementor a:not(.elementor-button):not(.elementor-icon-box-title a) {
	color: #78ded4 !important;
}

body.ccp-color-bends:not(.ccp-color-bends-gateway) #site-header .site-description {
	color: rgba(255, 255, 255, 0.75);
}

/* Gateway only — country selector */
body.ccp-color-bends-gateway .elementor-924 .elementor-element-64112b1 .elementor-heading-title,
body.ccp-color-bends-gateway .elementor-852 .elementor-element-64112b1 .elementor-heading-title {
	color: #fff;
	text-shadow:
		0 2px 16px rgba(0, 30, 40, 0.7),
		0 0 48px rgba(0, 62, 82, 0.45);
}

body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container,
body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container {
	position: relative;
	overflow: hidden;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(120, 222, 212, 0.3);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container::after,
body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: rgba(120, 222, 212, 0);
	pointer-events: none;
	transition: background 0.2s ease;
}

body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container a,
body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container a {
	display: block;
}

body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container a img,
body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container a img {
	display: block;
	width: 100%;
	height: auto;
}

body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container:hover,
body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container:hover {
	border-color: rgba(120, 222, 212, 0.75);
	box-shadow:
		0 8px 28px rgba(0, 0, 0, 0.24),
		0 0 24px rgba(120, 222, 212, 0.22);
	transform: translateY(-3px);
}

body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container:hover::after,
body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container:hover::after {
	background: rgba(120, 222, 212, 0.1);
}

body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container a:focus-visible,
body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container a:focus-visible {
	outline: 2px solid #78ded4;
	outline-offset: 3px;
	border-radius: 10px;
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends-gateway .elementor-924 .elementor-widget-image > .elementor-widget-container,
	body.ccp-color-bends-gateway .elementor-852 .elementor-widget-image > .elementor-widget-container {
		background: rgba(0, 62, 82, 0.55);
	}
}

/* Contact page — Color Bends + glass cards + dark form (275 / 758) */
body.ccp-color-bends.elementor-page-275 .elementor-element-1b9e809,
body.ccp-color-bends.elementor-page-758 .elementor-element-1b9e809 {
	position: relative;
	z-index: 2;
	background-image: none !important;
	background-color: transparent !important;
	--padding-top: 7em;
	--padding-bottom: 3em;
}

body.ccp-color-bends.elementor-page-275 .elementor-element-1b9e809 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.ccp-color-bends.elementor-page-758 .elementor-element-1b9e809 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: none !important;
	background-color: transparent !important;
}

body.ccp-color-bends.elementor-page-275 .elementor-element-1b9e809 .elementor-heading-title,
body.ccp-color-bends.elementor-page-758 .elementor-element-1b9e809 .elementor-heading-title {
	color: #fff !important;
	text-shadow:
		0 2px 16px rgba(0, 30, 40, 0.7),
		0 0 48px rgba(0, 62, 82, 0.45);
}

body.ccp-color-bends.elementor-page-275 .elementor-element-1b9e809 .elementor-widget-heading,
body.ccp-color-bends.elementor-page-758 .elementor-element-1b9e809 .elementor-widget-heading {
	position: relative;
	z-index: 1;
}

/* Card was designed to overlap the photo hero — reset for transparent hero */
body.ccp-color-bends.elementor-page-275 .elementor-element-42dec21d > .elementor-element-populated,
body.ccp-color-bends.elementor-page-758 .elementor-element-42dec21d > .elementor-element-populated {
	margin-top: 0 !important;
	--e-column-margin-top: 0em;
}

body.ccp-color-bends.elementor-page-275 .elementor-element-2382ae85,
body.ccp-color-bends.elementor-page-758 .elementor-element-2382ae85 {
	position: relative;
	z-index: 1;
	margin-top: 1.5rem;
	background: rgba(0, 62, 82, 0.35) !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	overflow: hidden;
}

body.ccp-color-bends.elementor-page-275 .elementor-element-32697fc6,
body.ccp-color-bends.elementor-page-758 .elementor-element-32697fc6,
body.ccp-color-bends.elementor-page-275 .elementor-element-1e9686b5,
body.ccp-color-bends.elementor-page-758 .elementor-element-1e9686b5 {
	background-color: transparent !important;
}

/* Inline contact icon rows — no nested glass cards */
body.ccp-color-bends.elementor-page-275 .elementor-element-2382ae85 .elementor-widget-icon-box > .elementor-widget-container,
body.ccp-color-bends.elementor-page-758 .elementor-element-2382ae85 .elementor-widget-icon-box > .elementor-widget-container {
	background: transparent !important;
	border: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	transform: none;
}

body.ccp-color-bends.elementor-page-275 .elementor-element-2382ae85 .elementor-widget-icon-box > .elementor-widget-container:hover,
body.ccp-color-bends.elementor-page-758 .elementor-element-2382ae85 .elementor-widget-icon-box > .elementor-widget-container:hover {
	transform: none;
	box-shadow: none;
	border-color: transparent;
}

body.ccp-color-bends.elementor-page-275 .elementor-form .elementor-field-label,
body.ccp-color-bends.elementor-page-758 .elementor-form .elementor-field-label {
	color: rgba(255, 255, 255, 0.9) !important;
}

body.ccp-color-bends.elementor-page-275 .elementor-form .elementor-field-textual,
body.ccp-color-bends.elementor-page-758 .elementor-form .elementor-field-textual {
	background-color: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(120, 222, 212, 0.35) !important;
	color: #fff !important;
}

body.ccp-color-bends.elementor-page-275 .elementor-form .elementor-field-textual:focus,
body.ccp-color-bends.elementor-page-758 .elementor-form .elementor-field-textual:focus {
	background-color: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(120, 222, 212, 0.7) !important;
	box-shadow: 0 0 0 3px rgba(120, 222, 212, 0.15);
}

body.ccp-color-bends.elementor-page-275 .elementor-form .elementor-field-textual::placeholder,
body.ccp-color-bends.elementor-page-758 .elementor-form .elementor-field-textual::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

body.ccp-color-bends.elementor-page-275 .elementor-element-2382ae85 .elementor-divider-separator,
body.ccp-color-bends.elementor-page-758 .elementor-element-2382ae85 .elementor-divider-separator {
	border-top-color: rgba(120, 222, 212, 0.25);
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends.elementor-page-275 .elementor-element-2382ae85,
	body.ccp-color-bends.elementor-page-758 .elementor-element-2382ae85 {
		background: rgba(0, 62, 82, 0.65) !important;
	}
}

/* Order card landing — card picker (1795 / 1738) */
body.ccp-color-bends.elementor-page-1795 .elementor-element-b2f7c4b,
body.ccp-color-bends.elementor-page-1738 .elementor-element-b2f7c4b {
	background-color: transparent !important;
	--padding-top: 6em;
	--padding-bottom: 3em;
}

body.ccp-color-bends.elementor-page-1795 .elementor-element-b2f7c4b > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.ccp-color-bends.elementor-page-1738 .elementor-element-b2f7c4b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: transparent !important;
}

body.ccp-color-bends.elementor-page-1795 .elementor-element-dbe7360,
body.ccp-color-bends.elementor-page-1738 .elementor-element-dbe7360 {
	--padding-bottom: 5em;
}

body.ccp-color-bends.elementor-page-1795 .elementor-element-afd2062,
body.ccp-color-bends.elementor-page-1795 .elementor-element-dc6f627,
body.ccp-color-bends.elementor-page-1738 .elementor-element-afd2062,
body.ccp-color-bends.elementor-page-1738 .elementor-element-dc6f627 {
	background: rgba(0, 62, 82, 0.35) !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	overflow: hidden;
}

/* No nested glass inside card picker columns */
body.ccp-color-bends.elementor-page-1795 .elementor-element-afd2062 .elementor-widget-icon-box > .elementor-widget-container,
body.ccp-color-bends.elementor-page-1795 .elementor-element-dc6f627 .elementor-widget-icon-box > .elementor-widget-container,
body.ccp-color-bends.elementor-page-1738 .elementor-element-afd2062 .elementor-widget-icon-box > .elementor-widget-container,
body.ccp-color-bends.elementor-page-1738 .elementor-element-dc6f627 .elementor-widget-icon-box > .elementor-widget-container {
	background: transparent !important;
	border: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	transform: none;
}

body.ccp-color-bends.elementor-page-1795 .elementor-element-afd2062 .elementor-widget-icon-box > .elementor-widget-container:hover,
body.ccp-color-bends.elementor-page-1795 .elementor-element-dc6f627 .elementor-widget-icon-box > .elementor-widget-container:hover,
body.ccp-color-bends.elementor-page-1738 .elementor-element-afd2062 .elementor-widget-icon-box > .elementor-widget-container:hover,
body.ccp-color-bends.elementor-page-1738 .elementor-element-dc6f627 .elementor-widget-icon-box > .elementor-widget-container:hover {
	transform: none;
	box-shadow: none;
	border-color: transparent;
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends.elementor-page-1795 .elementor-element-afd2062,
	body.ccp-color-bends.elementor-page-1795 .elementor-element-dc6f627,
	body.ccp-color-bends.elementor-page-1738 .elementor-element-afd2062,
	body.ccp-color-bends.elementor-page-1738 .elementor-element-dc6f627 {
		background: rgba(0, 62, 82, 0.65) !important;
	}
}

/* Apply for card form — same layout pattern as contact (907 / 958) */
body.ccp-color-bends.elementor-page-907 .elementor-element-1a31c14,
body.ccp-color-bends.elementor-page-958 .elementor-element-1a31c14 {
	position: relative;
	z-index: 2;
	background-image: none !important;
	background-color: transparent !important;
	--padding-top: 7em;
	--padding-bottom: 3em;
}

body.ccp-color-bends.elementor-page-907 .elementor-element-1a31c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.ccp-color-bends.elementor-page-958 .elementor-element-1a31c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: none !important;
	background-color: transparent !important;
}

body.ccp-color-bends.elementor-page-907 .elementor-element-1a31c14 .elementor-heading-title,
body.ccp-color-bends.elementor-page-958 .elementor-element-1a31c14 .elementor-heading-title {
	color: #fff !important;
	text-shadow:
		0 2px 16px rgba(0, 30, 40, 0.7),
		0 0 48px rgba(0, 62, 82, 0.45);
}

body.ccp-color-bends.elementor-page-907 .elementor-element-1a31c14 .elementor-widget-heading,
body.ccp-color-bends.elementor-page-958 .elementor-element-1a31c14 .elementor-widget-heading {
	position: relative;
	z-index: 1;
}

body.ccp-color-bends.elementor-page-907 .elementor-element-1cdc363 > .elementor-element-populated,
body.ccp-color-bends.elementor-page-958 .elementor-element-1cdc363 > .elementor-element-populated {
	margin-top: 0 !important;
	--e-column-margin-top: 0em;
}

body.ccp-color-bends.elementor-page-907 .elementor-element-96de80d,
body.ccp-color-bends.elementor-page-958 .elementor-element-96de80d {
	position: relative;
	z-index: 1;
	margin-top: 1.5rem;
	background: rgba(0, 62, 82, 0.35) !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	overflow: hidden;
}

body.ccp-color-bends.elementor-page-907 .elementor-element-5d39748,
body.ccp-color-bends.elementor-page-958 .elementor-element-5d39748 {
	background-color: transparent !important;
}

body.ccp-color-bends.elementor-page-907 .elementor-form .elementor-field-label,
body.ccp-color-bends.elementor-page-958 .elementor-form .elementor-field-label,
body.ccp-color-bends.elementor-page-907 .elementor-form .elementor-field-type-html,
body.ccp-color-bends.elementor-page-958 .elementor-form .elementor-field-type-html {
	color: rgba(255, 255, 255, 0.9) !important;
}

body.ccp-color-bends.elementor-page-907 .elementor-form .elementor-field-textual,
body.ccp-color-bends.elementor-page-958 .elementor-form .elementor-field-textual,
body.ccp-color-bends.elementor-page-907 .elementor-form select.elementor-field-textual,
body.ccp-color-bends.elementor-page-958 .elementor-form select.elementor-field-textual {
	background-color: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(120, 222, 212, 0.35) !important;
	color: #fff !important;
}

body.ccp-color-bends.elementor-page-907 .elementor-form .elementor-field-textual:focus,
body.ccp-color-bends.elementor-page-958 .elementor-form .elementor-field-textual:focus {
	background-color: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(120, 222, 212, 0.7) !important;
	box-shadow: 0 0 0 3px rgba(120, 222, 212, 0.15);
}

body.ccp-color-bends.elementor-page-907 .elementor-form .elementor-field-textual::placeholder,
body.ccp-color-bends.elementor-page-958 .elementor-form .elementor-field-textual::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

body.ccp-color-bends.elementor-page-907 .elementor-form .e-form__buttons,
body.ccp-color-bends.elementor-page-958 .elementor-form .e-form__buttons,
body.ccp-color-bends.elementor-page-907 .elementor-form .elementor-field-subgroup label,
body.ccp-color-bends.elementor-page-958 .elementor-form .elementor-field-subgroup label {
	color: rgba(255, 255, 255, 0.9);
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends.elementor-page-907 .elementor-element-96de80d,
	body.ccp-color-bends.elementor-page-958 .elementor-element-96de80d {
		background: rgba(0, 62, 82, 0.65) !important;
	}
}

/* Apply for domestic card form — same pattern as intl apply (1708 / 1789) */
body.ccp-color-bends.elementor-page-1708 .elementor-element-e4b35e7,
body.ccp-color-bends.elementor-page-1789 .elementor-element-e4b35e7 {
	position: relative;
	z-index: 2;
	background-image: none !important;
	background-color: transparent !important;
	--padding-top: 7em;
	--padding-bottom: 3em;
}

body.ccp-color-bends.elementor-page-1708 .elementor-element-e4b35e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.ccp-color-bends.elementor-page-1789 .elementor-element-e4b35e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: none !important;
	background-color: transparent !important;
}

body.ccp-color-bends.elementor-page-1708 .elementor-element-e4b35e7 .elementor-heading-title,
body.ccp-color-bends.elementor-page-1789 .elementor-element-e4b35e7 .elementor-heading-title {
	color: #fff !important;
	text-shadow:
		0 2px 16px rgba(0, 30, 40, 0.7),
		0 0 48px rgba(0, 62, 82, 0.45);
}

body.ccp-color-bends.elementor-page-1708 .elementor-element-27b793b > .elementor-element-populated,
body.ccp-color-bends.elementor-page-1789 .elementor-element-27b793b > .elementor-element-populated {
	margin-top: 0 !important;
	--e-column-margin-top: 0em;
}

body.ccp-color-bends.elementor-page-1708 .elementor-element-679ea8d,
body.ccp-color-bends.elementor-page-1789 .elementor-element-679ea8d {
	position: relative;
	z-index: 1;
	margin-top: 1.5rem;
	background: rgba(0, 62, 82, 0.35) !important;
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	overflow: hidden;
}

body.ccp-color-bends.elementor-page-1708 .elementor-element-8b27159,
body.ccp-color-bends.elementor-page-1789 .elementor-element-8b27159 {
	background-color: transparent !important;
}

body.ccp-color-bends.elementor-page-1708 .elementor-form .elementor-field-label,
body.ccp-color-bends.elementor-page-1789 .elementor-form .elementor-field-label,
body.ccp-color-bends.elementor-page-1708 .elementor-form .elementor-field-type-html,
body.ccp-color-bends.elementor-page-1789 .elementor-form .elementor-field-type-html {
	color: rgba(255, 255, 255, 0.9) !important;
}

body.ccp-color-bends.elementor-page-1708 .elementor-form .elementor-field-textual,
body.ccp-color-bends.elementor-page-1789 .elementor-form .elementor-field-textual,
body.ccp-color-bends.elementor-page-1708 .elementor-form select.elementor-field-textual,
body.ccp-color-bends.elementor-page-1789 .elementor-form select.elementor-field-textual {
	background-color: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(120, 222, 212, 0.35) !important;
	color: #fff !important;
}

body.ccp-color-bends.elementor-page-1708 .elementor-form .elementor-field-textual:focus,
body.ccp-color-bends.elementor-page-1789 .elementor-form .elementor-field-textual:focus {
	background-color: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(120, 222, 212, 0.7) !important;
	box-shadow: 0 0 0 3px rgba(120, 222, 212, 0.15);
}

body.ccp-color-bends.elementor-page-1708 .elementor-form .elementor-field-textual::placeholder,
body.ccp-color-bends.elementor-page-1789 .elementor-form .elementor-field-textual::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

body.ccp-color-bends.elementor-page-1708 .elementor-form .e-form__buttons,
body.ccp-color-bends.elementor-page-1789 .elementor-form .e-form__buttons,
body.ccp-color-bends.elementor-page-1708 .elementor-form .elementor-field-subgroup label,
body.ccp-color-bends.elementor-page-1789 .elementor-form .elementor-field-subgroup label {
	color: rgba(255, 255, 255, 0.9);
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends.elementor-page-1708 .elementor-element-679ea8d,
	body.ccp-color-bends.elementor-page-1789 .elementor-element-679ea8d {
		background: rgba(0, 62, 82, 0.65) !important;
	}
}

/* Multi-step form indicators (apply forms) — readable on dark */
body.ccp-color-bends.elementor-page-907 .e-form__indicators__indicator__label,
body.ccp-color-bends.elementor-page-958 .e-form__indicators__indicator__label,
body.ccp-color-bends.elementor-page-1708 .e-form__indicators__indicator__label,
body.ccp-color-bends.elementor-page-1789 .e-form__indicators__indicator__label {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* Blog index + single posts — Hello theme archive on dark canvas (Tier 3) */
body.ccp-color-bends.blog .site-main,
body.ccp-color-bends.single-post .site-main,
body.ccp-color-bends.blog #content,
body.ccp-color-bends.single-post #content {
	background: transparent !important;
}

body.ccp-color-bends.blog article.post,
body.ccp-color-bends.single-post article.post {
	background: rgba(0, 62, 82, 0.35);
	border: 1px solid rgba(120, 222, 212, 0.25);
	border-radius: 16px;
	padding: 2rem;
	margin-bottom: 2rem;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

body.ccp-color-bends.blog .entry-title,
body.ccp-color-bends.single-post .entry-title,
body.ccp-color-bends.blog .entry-title a,
body.ccp-color-bends.single-post .entry-title a,
body.ccp-color-bends.blog .page-title,
body.ccp-color-bends.single-post .page-title {
	color: #fff !important;
}

body.ccp-color-bends.blog .entry-content,
body.ccp-color-bends.single-post .entry-content,
body.ccp-color-bends.blog .entry-summary,
body.ccp-color-bends.single-post .entry-summary,
body.ccp-color-bends.blog .entry-excerpt,
body.ccp-color-bends.single-post .entry-excerpt,
body.ccp-color-bends.blog .entry-meta,
body.ccp-color-bends.single-post .entry-meta {
	color: rgba(255, 255, 255, 0.85) !important;
}

body.ccp-color-bends.blog .entry-content a,
body.ccp-color-bends.single-post .entry-content a,
body.ccp-color-bends.blog .entry-meta a,
body.ccp-color-bends.single-post .entry-meta a {
	color: #78ded4 !important;
}

body.ccp-color-bends.blog .entry-title a:hover,
body.ccp-color-bends.single-post .entry-title a:hover {
	color: #78ded4 !important;
}

@supports not (backdrop-filter: blur(1px)) {
	body.ccp-color-bends.blog article.post,
	body.ccp-color-bends.single-post article.post {
		background: rgba(0, 62, 82, 0.65);
	}
}