/*
 * KloudUP update-safe Prosper overrides.
 * Keep brand customizations here so Prosper and Twenty-One can be updated safely.
 */

:root {
	/* KloudUP brand palette */
	--kloudup-blue-950: #061d4f;
	--kloudup-blue-900: #07327f;
	--kloudup-blue-800: #004bc4;
	--kloudup-blue-700: #075fe4;
	--kloudup-blue-500: #008cff;
	--kloudup-cyan-500: #00a8f3;
	--kloudup-on-dark-heading: #67c8ff;
	--kloudup-ink: #10213a;
	--kloudup-body: #52647a;
	--kloudup-surface: #ffffff;
	--kloudup-surface-muted: #f6f9fe;
	--kloudup-border: #dce7f5;
	--kloudup-shadow: 0 16px 42px rgba(16, 58, 119, 0.12);
	--kloudup-shadow-hover: 0 22px 55px rgba(7, 95, 228, 0.18);

	/* Prosper variable overrides */
	--color-primary-background: var(--kloudup-blue-700);
	--color-primary-background-gradient-top: var(--kloudup-blue-700);
	--color-primary-background-gradient-bottom: var(--kloudup-cyan-500);
	--color-primary-background-border: var(--kloudup-blue-800);
	--color-primary-background-shadow: rgba(7, 95, 228, 0.24);
	--color-primary-foreground: #ffffff;
	--color-primary-foreground-shadow: transparent;
	--color-primary-active-background: var(--kloudup-blue-800);
	--color-primary-active-background-gradient-top: var(--kloudup-blue-800);
	--color-primary-active-background-gradient-bottom: var(--kloudup-blue-500);
	--color-primary-active-background-border: var(--kloudup-blue-900);
	--color-primary-active-background-shadow: rgba(7, 95, 228, 0.32);
	--color-primary-active-foreground: #ffffff;
	--color-primary-active-foreground-shadow: transparent;

	--color-secondary-background: var(--kloudup-blue-950);
	--color-secondary-background-gradient-top: var(--kloudup-blue-950);
	--color-secondary-background-gradient-bottom: var(--kloudup-blue-900);
	--color-secondary-background-border: var(--kloudup-blue-950);
	--color-secondary-background-shadow: rgba(6, 29, 79, 0.2);
	--color-secondary-foreground: #ffffff;
	--color-secondary-foreground-shadow: transparent;
	--color-secondary-active-background: var(--kloudup-blue-900);
	--color-secondary-active-background-gradient-top: var(--kloudup-blue-900);
	--color-secondary-active-background-gradient-bottom: var(--kloudup-blue-700);
	--color-secondary-active-background-border: var(--kloudup-blue-950);
	--color-secondary-active-background-shadow: rgba(6, 29, 79, 0.28);
	--color-secondary-active-foreground: #ffffff;
	--color-secondary-active-foreground-shadow: transparent;

	--background-body: var(--kloudup-surface-muted);
	--color-body: var(--kloudup-body);
	--color-heading: var(--kloudup-ink);
	--color-black: var(--kloudup-ink);
	--color-border: var(--kloudup-border);
	--color-grey: #edf4fc;
	--color-box-background: var(--kloudup-surface);
	--color-box-background-gradient-top: var(--kloudup-surface);
	--color-box-background-gradient-bottom: var(--kloudup-surface);
	--color-box-background-border: var(--kloudup-border);
	--color-box-background-shadow: rgba(16, 58, 119, 0.12);
	--color-box-background-divider: #edf3fb;
	--color-box-foreground: var(--kloudup-body);
	--color-box-foreground-shadow: transparent;
	--color-box-foreground-bold: var(--kloudup-ink);
	--color-box-foreground-bold-shadow: transparent;
	--color-box-head-background: var(--kloudup-blue-950);
	--color-box-head-background-gradient-top: var(--kloudup-blue-950);
	--color-box-head-background-gradient-bottom: var(--kloudup-blue-900);
	--color-box-head-background-border: var(--kloudup-blue-900);
	--color-box-footer-background: #edf4fc;
	--color-box-footer-background-gradient-top: #edf4fc;
	--color-box-footer-background-gradient-bottom: #e6f0fb;
	--color-box-footer-background-border: var(--kloudup-border);
	--color-box-active-background: #edf4fc;
	--color-box-active-background-gradient-top: #edf4fc;
	--color-box-active-background-gradient-bottom: #e7f1fc;
	--color-box-active-background-border: #bfd5ef;
	--color-box-active-background-shadow: rgba(7, 95, 228, 0.16);
	--color-box-active-background-divider: #d7e6f7;

	--border-radius-default: 12px;
	--border-bottom-width-default: 1px;
	--navmain-border-radius: 10px;
	--navmain-border-bottom-width: 1px;
	--navmain-header-background: rgba(255, 255, 255, 0.96);
	--shadow: var(--kloudup-shadow);

	/* High-contrast desktop submenu colors for both Prosper header designs */
	--navmain-headerdesign1-megamenu-background: #ffffff;
	--navmain-headerdesign1-megamenu-background-gradient-top: #ffffff;
	--navmain-headerdesign1-megamenu-background-gradient-bottom: #f7faff;
	--navmain-headerdesign1-megamenu-background-border: var(--kloudup-blue-700);
	--navmain-headerdesign1-megamenu-background-divider: var(--kloudup-border);
	--navmain-headerdesign1-megamenu-foreground: var(--kloudup-body);
	--navmain-headerdesign1-megamenu-button-background: #f3f7fd;
	--navmain-headerdesign1-megamenu-button-background-gradient-top: #f8fbff;
	--navmain-headerdesign1-megamenu-button-background-gradient-bottom: #edf4fc;
	--navmain-headerdesign1-megamenu-button-background-border: #d5e3f4;
	--navmain-headerdesign1-megamenu-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign1-dropdown-background: #ffffff;
	--navmain-headerdesign1-dropdown-background-gradient-top: #ffffff;
	--navmain-headerdesign1-dropdown-background-gradient-bottom: #f7faff;
	--navmain-headerdesign1-dropdown-background-border: var(--kloudup-blue-700);
	--navmain-headerdesign1-dropdown-button-background-border: var(--kloudup-border);
	--navmain-headerdesign1-dropdown-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign1-dropdown-icon-foreground: var(--kloudup-blue-700);

	--navmain-headerdesign2-megamenu-background: #ffffff;
	--navmain-headerdesign2-megamenu-background-gradient-top: #ffffff;
	--navmain-headerdesign2-megamenu-background-gradient-bottom: #f7faff;
	--navmain-headerdesign2-megamenu-background-border: var(--kloudup-blue-700);
	--navmain-headerdesign2-megamenu-background-divider: var(--kloudup-border);
	--navmain-headerdesign2-megamenu-foreground: var(--kloudup-body);
	--navmain-headerdesign2-megamenu-button-background: #f3f7fd;
	--navmain-headerdesign2-megamenu-button-background-gradient-top: #f8fbff;
	--navmain-headerdesign2-megamenu-button-background-gradient-bottom: #edf4fc;
	--navmain-headerdesign2-megamenu-button-background-border: #d5e3f4;
	--navmain-headerdesign2-megamenu-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign2-dropdown-background: #ffffff;
	--navmain-headerdesign2-dropdown-background-gradient-top: #ffffff;
	--navmain-headerdesign2-dropdown-background-gradient-bottom: #f7faff;
	--navmain-headerdesign2-dropdown-background-border: var(--kloudup-blue-700);
	--navmain-headerdesign2-dropdown-button-background-border: var(--kloudup-border);
	--navmain-headerdesign2-dropdown-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign2-dropdown-icon-foreground: var(--kloudup-blue-700);
}

/* Modern SaaS foundation */
body.template-prosper {
	background:
		radial-gradient(circle at 8% 0%, rgba(0, 168, 243, 0.08), transparent 32rem),
		var(--background-body);
	color: var(--color-body);
}

.template-prosper h1,
.template-prosper h2,
.template-prosper h3,
.template-prosper h4,
.template-prosper h5,
.template-prosper h6 {
	color: var(--color-heading);
	letter-spacing: -0.025em;
}

.template-prosper a {
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.template-prosper .headermain,
.template-prosper .toolbarmain-container {
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.template-prosper .toolbarmain-container {
	overflow: visible;
	position: relative;
	z-index: 1100;
}

.template-prosper .headermain {
	background: rgba(255, 255, 255, 0.94);
	border-bottom: 1px solid rgba(220, 231, 245, 0.9);
	box-shadow: 0 8px 30px rgba(16, 58, 119, 0.06);
	overflow: visible;
	position: relative;
	z-index: 1000;
}

/* Keep submenu panels and labels readable over every header style */
.template-prosper .navmain-container,
.template-prosper .navmain,
.template-prosper .navmain .navmain-dropdown {
	overflow: visible;
}

.template-prosper .navmain .navmain-subcontainer {
	box-shadow: 0 18px 42px rgba(16, 58, 119, 0.18);
	z-index: 1001;
}

.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link-text,
.template-prosper .navmain .navmain-dropdown-megamenu .navmain-columns-col2 {
	color: var(--kloudup-body);
}

.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link-heading {
	color: var(--kloudup-ink);
}

.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link a:hover .navmain-link-heading,
.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link a:hover .navmain-link-text,
.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.navmain-active .navmain-link-heading,
.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.navmain-active .navmain-link-text,
.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.current-menu-item .navmain-link-heading,
.template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.current-menu-item .navmain-link-text {
	color: #ffffff;
}

/* Buttons and controls */
.template-prosper .button1,
.template-prosper .btn-primary,
.template-prosper .btn-success,
.template-prosper input[type="submit"] {
	border: 0;
	border-radius: 10px;
	box-shadow: 0 9px 22px rgba(7, 95, 228, 0.22);
	font-weight: 700;
	letter-spacing: -0.01em;
}

.template-prosper .button1:hover,
.template-prosper .btn-primary:hover,
.template-prosper .btn-success:hover,
.template-prosper input[type="submit"]:hover {
	box-shadow: 0 13px 28px rgba(7, 95, 228, 0.3);
	transform: translateY(-2px);
}

.template-prosper .form-control,
.template-prosper input[type="text"],
.template-prosper input[type="email"],
.template-prosper input[type="password"],
.template-prosper select,
.template-prosper textarea {
	border-color: var(--kloudup-border);
	border-radius: 10px;
	box-shadow: none;
}

.template-prosper .form-control:focus,
.template-prosper input:focus,
.template-prosper select:focus,
.template-prosper textarea:focus {
	border-color: var(--kloudup-blue-500);
	box-shadow: 0 0 0 4px rgba(0, 140, 255, 0.14);
}

/* Cards, features, and plans */
.template-prosper .gridboxes1-box,
.template-prosper .gridboxes2-box,
.template-prosper .gridboxes3-box,
.template-prosper .product-boxes1-box,
.template-prosper .product-boxes2-box,
.template-prosper .product-boxes3-box,
.template-prosper .product-tables1-box,
.template-prosper .card,
.template-prosper .panel {
	border-color: var(--kloudup-border);
	border-radius: 14px;
	box-shadow: var(--kloudup-shadow);
	overflow: hidden;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.template-prosper .gridboxes1-box:hover,
.template-prosper .gridboxes2-box:hover,
.template-prosper .gridboxes3-box:hover,
.template-prosper .product-boxes1-box:hover,
.template-prosper .product-boxes2-box:hover,
.template-prosper .product-boxes3-box:hover,
.template-prosper .product-tables1-box:hover,
.template-prosper .card:hover {
	border-color: rgba(7, 95, 228, 0.35);
	box-shadow: var(--kloudup-shadow-hover);
	transform: translateY(-4px);
}

.template-prosper .gridboxes1-image i,
.template-prosper .gridboxes2-image i,
.template-prosper .gridboxes3-image i {
	background: linear-gradient(135deg, var(--kloudup-blue-700), var(--kloudup-cyan-500));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.template-prosper .headingstyle1 {
	border-bottom-color: var(--kloudup-border);
}

.template-prosper .headingstyle1::after {
	background: linear-gradient(90deg, var(--kloudup-blue-700), var(--kloudup-cyan-500));
}

.template-prosper .banner .banner-heading {
	color: var(--kloudup-on-dark-heading);
	text-shadow: 0 2px 18px rgba(0, 140, 255, 0.32);
}

.template-prosper .footermain,
.template-prosper .copyrightmain {
	background: var(--kloudup-blue-950);
}

.template-prosper .footermain .footermain-heading {
	border-color: rgba(103, 200, 255, 0.28);
	color: var(--kloudup-on-dark-heading);
	text-shadow: 0 1px 12px rgba(0, 140, 255, 0.24);
}

/* Homepage problem-solution section */
.kloudup-solutions {
	margin: var(--spacing-parent) 0;
}

.kloudup-solutions-intro {
	margin: 0 auto var(--spacing-child);
	max-width: 850px;
	text-align: center;
}

.kloudup-solutions-intro h2,
.kloudup-answer-block h2 {
	margin-bottom: 12px;
}

.kloudup-eyebrow,
.kloudup-solution-label {
	color: var(--kloudup-blue-700);
	font-size: 0.82em;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.kloudup-solution-grid {
	align-items: start;
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kloudup-proof-points {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 0 var(--spacing-child);
}

.kloudup-proof-points li {
	align-items: center;
	background: var(--kloudup-surface);
	border: 1px solid var(--kloudup-border);
	border-radius: 12px;
	display: flex;
	gap: 12px;
	padding: 16px;
}

.kloudup-proof-points i {
	color: var(--kloudup-blue-700);
	font-size: 1.3em;
}

.kloudup-proof-points strong {
	color: var(--kloudup-ink);
	display: block;
}

.kloudup-solution-card {
	background: var(--kloudup-surface);
	border: 1px solid var(--kloudup-border);
	border-radius: 16px;
	box-shadow: var(--kloudup-shadow);
	padding: 28px;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.kloudup-solution-card:hover {
	border-color: rgba(7, 95, 228, 0.38);
	box-shadow: var(--kloudup-shadow-hover);
	transform: translateY(-4px);
}

.kloudup-solution-card h3 {
	font-size: 1.45em;
	line-height: 1.25;
	margin: 18px 0 16px;
	text-align: left;
}

.kloudup-solution-card p {
	margin-bottom: 14px;
}

.kloudup-solution-meta {
	align-items: center;
	display: flex;
	gap: 14px;
}

.kloudup-solution-icon {
	align-items: center;
	background: linear-gradient(135deg, var(--kloudup-blue-700), var(--kloudup-cyan-500));
	border-radius: 12px;
	box-shadow: 0 10px 24px rgba(7, 95, 228, 0.22);
	color: #ffffff;
	display: flex;
	font-size: 1.4em;
	height: 48px;
	justify-content: center;
	flex: 0 0 48px;
	width: 48px;
}

.kloudup-solution-meta .kloudup-solution-label {
	line-height: 1.4;
}

.kloudup-solution-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.kloudup-solution-links a {
	background: rgba(7, 95, 228, 0.08);
	border: 1px solid rgba(7, 95, 228, 0.17);
	border-radius: 999px;
	color: var(--kloudup-blue-800);
	font-size: 0.86em;
	font-weight: 700;
	padding: 7px 12px;
	text-decoration: none;
}

.kloudup-solution-links a:hover {
	background: var(--kloudup-blue-700);
	border-color: var(--kloudup-blue-700);
	color: #ffffff;
	transform: translateY(-1px);
}

.kloudup-answer-block {
	align-items: center;
	background: linear-gradient(135deg, var(--kloudup-blue-950), var(--kloudup-blue-700));
	border-radius: 16px;
	box-shadow: var(--kloudup-shadow-hover);
	color: #ffffff;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	margin-top: var(--spacing-child);
	padding: 30px;
}

.kloudup-answer-block h2,
.kloudup-answer-block p {
	color: #ffffff;
}

.kloudup-answer-block p {
	margin-bottom: 0;
	max-width: 760px;
}

.kloudup-answer-block .kloudup-eyebrow {
	color: var(--kloudup-on-dark-heading);
}

.kloudup-answer-block .button1 {
	flex: 0 0 auto;
}

.kloudup-quick-answers {
	margin-top: var(--spacing-parent);
}

.kloudup-answer-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kloudup-answer-grid article {
	background: var(--kloudup-surface);
	border: 1px solid var(--kloudup-border);
	border-left: 4px solid var(--kloudup-blue-500);
	border-radius: 12px;
	padding: 22px;
}

.kloudup-answer-grid h3 {
	font-size: 1.16em;
	line-height: 1.35;
	margin: 0 0 10px;
}

.kloudup-answer-grid p {
	margin: 0;
}

/* Prosper dark mode */
.colortoggle-dark {
	--kloudup-ink: #f1f7ff;
	--kloudup-body: #a9b8ca;
	--kloudup-surface: #0e1a2b;
	--kloudup-surface-muted: #07111f;
	--kloudup-border: #21334a;
	--kloudup-shadow: 0 16px 42px rgba(0, 0, 0, 0.28);
	--kloudup-shadow-hover: 0 22px 55px rgba(0, 140, 255, 0.2);
	--background-body: var(--kloudup-surface-muted);
	--color-body: var(--kloudup-body);
	--color-heading: var(--kloudup-ink);
	--color-black: var(--kloudup-ink);
	--color-border: var(--kloudup-border);
	--color-grey: #14243a;
	--color-box-background: var(--kloudup-surface);
	--color-box-background-gradient-top: var(--kloudup-surface);
	--color-box-background-gradient-bottom: #0b1727;
	--color-box-background-border: var(--kloudup-border);
	--color-box-background-shadow: rgba(0, 0, 0, 0.34);
	--color-box-background-divider: #182b43;
	--color-box-foreground: var(--kloudup-body);
	--color-box-foreground-bold: var(--kloudup-ink);
	--color-box-footer-background: #122238;
	--color-box-footer-background-gradient-top: #122238;
	--color-box-footer-background-gradient-bottom: #0f1e32;
	--color-box-footer-background-border: var(--kloudup-border);
	--color-box-active-background: #122944;
	--color-box-active-background-gradient-top: #122944;
	--color-box-active-background-gradient-bottom: #0d223b;
	--color-box-active-background-border: #28517e;
	--navmain-header-background: rgba(7, 17, 31, 0.94);

	/* High-contrast dark submenu colors */
	--navmain-headerdesign1-megamenu-background: #0e1a2b;
	--navmain-headerdesign1-megamenu-background-gradient-top: #12233a;
	--navmain-headerdesign1-megamenu-background-gradient-bottom: #0b1727;
	--navmain-headerdesign1-megamenu-background-border: var(--kloudup-blue-500);
	--navmain-headerdesign1-megamenu-background-divider: var(--kloudup-border);
	--navmain-headerdesign1-megamenu-foreground: var(--kloudup-body);
	--navmain-headerdesign1-megamenu-button-background: #152842;
	--navmain-headerdesign1-megamenu-button-background-gradient-top: #182d49;
	--navmain-headerdesign1-megamenu-button-background-gradient-bottom: #11243c;
	--navmain-headerdesign1-megamenu-button-background-border: #294663;
	--navmain-headerdesign1-megamenu-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign1-dropdown-background: #0e1a2b;
	--navmain-headerdesign1-dropdown-background-gradient-top: #12233a;
	--navmain-headerdesign1-dropdown-background-gradient-bottom: #0b1727;
	--navmain-headerdesign1-dropdown-background-border: var(--kloudup-blue-500);
	--navmain-headerdesign1-dropdown-button-background-border: var(--kloudup-border);
	--navmain-headerdesign1-dropdown-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign1-dropdown-icon-foreground: #73bcff;

	--navmain-headerdesign2-megamenu-background: #0e1a2b;
	--navmain-headerdesign2-megamenu-background-gradient-top: #12233a;
	--navmain-headerdesign2-megamenu-background-gradient-bottom: #0b1727;
	--navmain-headerdesign2-megamenu-background-border: var(--kloudup-blue-500);
	--navmain-headerdesign2-megamenu-background-divider: var(--kloudup-border);
	--navmain-headerdesign2-megamenu-foreground: var(--kloudup-body);
	--navmain-headerdesign2-megamenu-button-background: #152842;
	--navmain-headerdesign2-megamenu-button-background-gradient-top: #182d49;
	--navmain-headerdesign2-megamenu-button-background-gradient-bottom: #11243c;
	--navmain-headerdesign2-megamenu-button-background-border: #294663;
	--navmain-headerdesign2-megamenu-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign2-dropdown-background: #0e1a2b;
	--navmain-headerdesign2-dropdown-background-gradient-top: #12233a;
	--navmain-headerdesign2-dropdown-background-gradient-bottom: #0b1727;
	--navmain-headerdesign2-dropdown-background-border: var(--kloudup-blue-500);
	--navmain-headerdesign2-dropdown-button-background-border: var(--kloudup-border);
	--navmain-headerdesign2-dropdown-button-foreground: var(--kloudup-ink);
	--navmain-headerdesign2-dropdown-icon-foreground: #73bcff;
}

.colortoggle-dark body.template-prosper {
	background:
		radial-gradient(circle at 8% 0%, rgba(0, 140, 255, 0.15), transparent 34rem),
		var(--background-body);
}

.colortoggle-dark .template-prosper .headermain {
	background: rgba(7, 17, 31, 0.94);
	border-bottom-color: rgba(33, 51, 74, 0.92);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.22);
}

.colortoggle-dark .template-prosper .form-control,
.colortoggle-dark .template-prosper input[type="text"],
.colortoggle-dark .template-prosper input[type="email"],
.colortoggle-dark .template-prosper input[type="password"],
.colortoggle-dark .template-prosper select,
.colortoggle-dark .template-prosper textarea {
	background: #0b1727;
	border-color: var(--kloudup-border);
	color: var(--kloudup-ink);
}

.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link-text,
.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-columns-col2 {
	color: var(--kloudup-body);
}

.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link-heading {
	color: var(--kloudup-ink);
}

.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link a:hover .navmain-link-heading,
.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link a:hover .navmain-link-text,
.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.navmain-active .navmain-link-heading,
.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.navmain-active .navmain-link-text,
.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.current-menu-item .navmain-link-heading,
.colortoggle-dark .template-prosper .navmain .navmain-dropdown-megamenu .navmain-link.current-menu-item .navmain-link-text {
	color: #ffffff;
}

.colortoggle-dark .kloudup-solution-card {
	background: var(--kloudup-surface);
	border-color: var(--kloudup-border);
}

.colortoggle-dark .kloudup-answer-grid article {
	background: var(--kloudup-surface);
	border-color: var(--kloudup-border);
	border-left-color: var(--kloudup-blue-500);
}

.colortoggle-dark .kloudup-solution-links a {
	background: rgba(0, 140, 255, 0.13);
	border-color: rgba(103, 200, 255, 0.24);
	color: #85d1ff;
}

.colortoggle-dark .kloudup-solution-links a:hover {
	background: var(--kloudup-blue-500);
	border-color: var(--kloudup-blue-500);
	color: #ffffff;
}

@media (max-width: 767px) {
	:root {
		--border-radius-default: 10px;
		--spacing-parent: 36px;
		--spacing-child: 22px;
	}

	.template-prosper .gridboxes1-box:hover,
	.template-prosper .gridboxes2-box:hover,
	.template-prosper .gridboxes3-box:hover,
	.template-prosper .product-boxes1-box:hover,
	.template-prosper .product-boxes2-box:hover,
	.template-prosper .product-boxes3-box:hover,
	.template-prosper .product-tables1-box:hover,
	.template-prosper .card:hover {
		transform: none;
	}

	.kloudup-solution-grid {
		grid-template-columns: 1fr;
	}

	.kloudup-proof-points {
		grid-template-columns: 1fr;
	}

	.kloudup-answer-grid {
		grid-template-columns: 1fr;
	}

	.kloudup-solution-card {
		padding: 22px;
	}

	.kloudup-solution-card:hover {
		transform: none;
	}

	.kloudup-answer-block {
		align-items: stretch;
		flex-direction: column;
		padding: 24px;
	}

	.kloudup-answer-block .button1 {
		text-align: center;
	}
}