/**
 * PÄIKESEENERGIA KEVAD 2026
 * KLIIMASEADE CAMPAIGN LANDING
 */

:root {
	--solar-main: #e30613;
	--solar-main-dark: #b9000b;
	--solar-main-light: #fde8ea;

	--solar-dark: #1b1b1b;
	--solar-dark-soft: #292929;

	--solar-text: #202020;
	--solar-muted: #6b6b6b;

	--solar-border: #e2e2e2;
	--solar-white: #fff;

	--solar-shadow: 0 20px 55px rgba(0, 0, 0, .08);
	--solar-shadow-strong: 0 30px 75px rgba(0, 0, 0, .14);
}

/**
 * GLOBAL
 */

.solar-campaign-hero,
.solar-system-section,
.solar-benefits-section,
.solar-products-section,
.solar-price-section,
.solar-contact-section {
	color: var(--solar-text);
}

.solar-button {
	display: inline-flex;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	line-height: 1.2 !important;
	font-size: 15px !important;
	font-weight: 750;
	transition:
		transform .22s ease,
		box-shadow .22s ease,
		color .22s ease,
		background-color .22s ease,
		border-color .22s ease;
}

.solar-button:hover {
	transform: translateY(-2px);
}

.solar-button svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.solar-button-primary {
	color: #fff !important;
	background: var(--solar-main) !important;
	border-color: var(--solar-main) !important;
	box-shadow: 0 12px 28px rgba(227, 6, 19, .22) !important;
}

.solar-button-primary:hover {
	color: #fff !important;
	background: var(--solar-main-dark) !important;
	border-color: var(--solar-main-dark) !important;
	box-shadow: 0 16px 36px rgba(185, 0, 11, .27) !important;
}

.solar-button-outline,
.solar-button-outline:hover {
	color: #fff !important;
}

.solar-button-secondary {
	color: var(--solar-dark) !important;
	background: #fff !important;
	border-color: rgba(0, 0, 0, .13) !important;
}

.solar-button-secondary:hover {
	color: var(--solar-main) !important;
	border-color: rgba(227, 6, 19, .30) !important;
	background: var(--solar-main-light) !important;
}

.solar-button-light {
	color: var(--solar-main-dark) !important;
	background: #fff !important;
}

.ult-content-box-container > .ult-content-box,
.ult-content-box-container > .ult-content-box-anchor > .ult-content-box {
	border-style: none;
}

/**
 * HERO
 */

.solar-campaign-hero {
	position: relative;
	min-height: 720px;
	padding-top: 90px;
	padding-bottom: 105px;
	color: #fff;
	background:
		radial-gradient(
			circle at 82% 18%,
			rgba(227, 6, 19, .34),
			transparent 30%
		),
		radial-gradient(
			circle at 12% 88%,
			rgba(255, 255, 255, .07),
			transparent 35%
		),
		linear-gradient(
			125deg,
			#101010 0%,
			#202020 57%,
			#3a1114 100%
		);
	overflow: hidden;
}

.solar-campaign-hero:before {
	position: absolute;
	display: block !important;
	inset: 0;
	content: "";
	opacity: .5;
	background-image:
		linear-gradient(
			rgba(255,255,255,.07) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255,255,255,.07) 1px,
			transparent 1px
		);
	background-size: 58px 58px;
}

.solar-hero-copy,
.solar-hero-visual {
	position: relative;
	z-index: 2;
}

.solar-hero-copy {
	padding-right: 65px;
}

.solar-eyebrow .uvc-main-heading > div {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 16px !important;
	color: var(--solar-main) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.solar-eyebrow .uvc-main-heading > div:before {
	display: inline-block;
	width: 30px;
	height: 2px;
	content: "";
	background: currentColor;
}

.solar-campaign-hero .solar-eyebrow .uvc-main-heading > div {
	color: var(--solar-main) !important;
}

.solar-hero-title .uvc-main-heading h1 {
	max-width: 760px;
	margin: 0 0 25px !important;
	color: #fff !important;
	font-size: clamp(49px, 5.9vw, 80px) !important;
	line-height: .99 !important;
	font-weight: 780 !important;
}

.solar-hero-title .uvc-main-heading h1 em {
	color: var(--solar-main) !important;
	font-style: normal;
}

.solar-hero-title .uvc-sub-heading {
	max-width: 680px;
	margin: 0 0 34px !important;
	color: rgba(255,255,255,.80) !important;
	font-size: clamp(18px, 1.7vw, 21px) !important;
	line-height: 1.65 !important;
}

.solar-hero-buttons > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.solar-hero-logo {
	position: relative;
	display: inline-block;
	margin-bottom: 20px !important;
}

/* Soft light behind the entire logo plate */
.solar-hero-logo:before {
	position: absolute;
	z-index: 0;
	inset: -7px -9px -9px -7px;
	content: "";
	border-radius: 12px 25px 25px 25px;
	background: rgba(255,255,255,.14);
	filter: blur(13px);
	opacity: .4;
	pointer-events: none;
}

.solar-hero-logo .vc_single_image-wrapper {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	padding: 13px 20px 13px 18px;

	/* Actual logo background remains pure white */
	background: #fff;

	border: 1px solid rgba(255,255,255,.95);
	border-radius: 5px 18px 18px 18px;

	/*
	 * Light halo instead of dark shadow:
	 * tight edge glow + wider atmospheric glow
	 */
	box-shadow:
		0 0 0 1px rgba(255,255,255,.18),
		0 0 12px rgba(255,255,255,.25),
		0 0 20px rgba(255,255,255,.17),
		0 8px 20px rgba(255,255,255,.11);

	overflow: hidden;
}

/* Very subtle polished/glass edge */
.solar-hero-logo .vc_single_image-wrapper:before {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 5px;
	height: 1px;
	content: "";
	background: rgba(255,255,255,1);
	pointer-events: none;
}

/* Red brand edge */
.solar-hero-logo .vc_single_image-wrapper:after {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	content: "";
	background: var(--solar-main);
}

.solar-hero-logo img {
	position: relative;
	z-index: 3;
	width: 180px;
	height: auto;
}

/**
 * HERO VISUAL
 */

.solar-hero-visual {
	padding-left: 22px;
}

.solar-hero-image {
	position: relative;
	overflow: hidden;
	padding: 30px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 38px;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.28),
			rgba(255,255,255,.21) 35%,
			rgba(255,255,255,.07)
		),
		linear-gradient(
			145deg,
			rgba(50,50,50,.72),
			rgba(12,12,12,.86)
		);
	box-shadow:
		0 40px 90px rgba(0,0,0,.38),
		inset 0 1px rgba(255,255,255,.12);
	backdrop-filter: blur(16px);
}

.solar-hero-image:before {
	position: absolute;
	inset: 0;
	content: "";
	background:
		radial-gradient(
			circle at 82% 18%,
			rgba(227,6,19,.27),
			transparent 40%
		);
	pointer-events: none;
}

.solar-hero-image img {
	position: relative;
	z-index: 2;
	max-height: 450px;
	object-fit: contain;
	filter:
		drop-shadow(0 24px 25px rgba(0,0,0,.26))
		drop-shadow(0 45px 40px rgba(0,0,0,.14));
}

.solar-floating-card {
	position: absolute;
	z-index: 5;
	min-width: 185px;
	padding: 14px 17px;
	border: 1px solid rgba(255,255,255,.9);
	border-radius: 16px;
	color: var(--solar-text);
	background: rgba(255,255,255,.95);
	box-shadow: 0 20px 45px rgba(0,0,0,.21);
	backdrop-filter: blur(14px);
}

.solar-floating-card .text-icon {
	background: var(--solar-main-light) !important;
}

.solar-floating-card .text-icon * {
	color: var(--solar-main) !important;
}

.solar-floating-card .dt-text-title {
	margin-bottom: 2px !important;
	color: var(--solar-text) !important;
	font-size: 16px !important;
	font-weight: 750 !important;
	line-height: 1.2 !important;
}

.solar-floating-card .dt-text-desc {
	color: var(--solar-muted) !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
}

.solar-floating-card-top {
	top: -34px;
	right: -24px;
}

.solar-floating-card-bottom {
	bottom: 0;
	left: -24px;
}

/**
 * SYSTEM STRIP
 */

.solar-system-section {
	overflow: visible !important;
	z-index: 3;
}

.solar-system-section > .vc_column_container > .vc_column-inner {
	padding-top: 0 !important;
}

.solar-system-card {
	top: -34px !important;
	margin: 0;
	padding: 23px 15px;
	border: 1px solid var(--solar-border);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--solar-shadow);
	z-index: 5;
}

.solar-system-card .text-icon {
	background: var(--solar-main-light) !important;
}

.solar-system-card .text-icon * {
	color: var(--solar-main) !important;
}

.solar-system-card .dt-text-title {
	margin-bottom: 5px !important;
	color: var(--solar-text) !important;
	font-size: 18px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
}

.solar-system-card .dt-text-desc {
	color: var(--solar-muted) !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
}

.solar-system-tags ul {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.solar-system-tags li {
	display: inline-flex;
	align-items: center;
	padding: 8px 13px;
	border: 1px solid rgba(227,6,19,.13);
	border-radius: 999px;
	color: var(--solar-main-dark);
	background: var(--solar-main-light);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

/**
 * GENERAL SECTION HEADING
 */

.solar-section-heading {
	max-width: 790px;
	margin: 0 auto 52px !important;
}

.solar-section-heading .uvc-main-heading h2 {
	margin: 0 0 18px !important;
	color: var(--solar-text) !important;
	font-size: clamp(30px, 4vw, 50px) !important;
	font-weight: 780 !important;
	line-height: 1.08 !important;
}

.solar-section-heading .uvc-sub-heading {
	color: var(--solar-muted) !important;
	font-size: 18px !important;
	line-height: 1.7 !important;
}

/**
 * BENEFITS
 */

.solar-benefits-section {
	padding-top: 95px;
	padding-bottom: 95px;
}

.solar-benefits-section > .vc_column_container > .vc_column-inner {
	padding-top: 0;
}

.solar-benefits-grid {
	row-gap: 24px;
}

.solar-benefits-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	display: flex;
	height: 100%;
}

.solar-benefit-card {
	width: 100%;
	padding: 29px;
	border: 1px solid var(--solar-border);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 12px 35px rgba(0,0,0,.045);
	transition:
		transform .25s ease,
		box-shadow .25s ease,
		border-color .25s ease;
}

.solar-benefit-card:hover {
	transform: translateY(-5px);
	border-color: rgba(227,6,19,.16);
	box-shadow: 0 19px 42px rgba(0,0,0,.09);
}

.solar-benefit-card .text-icon {
	background: var(--solar-main-light) !important;
}

.solar-benefit-card .text-icon * {
	color: var(--solar-main) !important;
}

.solar-benefit-card .dt-text-title {
	margin-bottom: 9px !important;
	color: var(--solar-text) !important;
	font-size: 19px !important;
	font-weight: 760 !important;
	line-height: 1.3 !important;
}

.solar-benefit-card .dt-text-desc {
	color: var(--solar-muted) !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

/**
 * PRODUCTS SECTION
 */

.solar-products-section {
	padding-top: 95px;
	padding-bottom: 95px;
}

/**
 * PRODUCT CARD
 */

.solar-product-card {
	position: relative;
	overflow: hidden;
	margin-bottom: 35px !important;
	border: 1px solid var(--solar-border);
	border-radius: 32px;
	background: #fff;
	box-shadow: 0 15px 45px rgba(0,0,0,.065);
	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

.solar-product-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--solar-shadow-strong);
}

/**
 * PRODUCT MEDIA
 */

.solar-product-media {
	position: relative;
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px;
	background:
		linear-gradient(
			145deg,
			transparent 0 66%,
			rgba(227,6,19,.04) 66.2% 67%,
			transparent 67.2%
		),
		radial-gradient(
			circle at 50% 42%,
			#fff 0,
			#f7f7f7 48%,
			#e9e9e9 100%
		);
	overflow: hidden;
}

.solar-product-media:before {
	position: absolute;
	inset: 0;
	content: "";
	pointer-events: none;
	background:
		linear-gradient(
			235deg,
			transparent 0%,
			transparent 37%,
			rgba(0,0,0,.025) 37.2%,
			rgba(0,0,0,.04) 37.8%,
			transparent 46%
		),
		linear-gradient(
			325deg,
			transparent 0%,
			transparent 23%,
			rgba(227,6,19,.035) 23.2%,
			rgba(227,6,19,.02) 23.8%,
			transparent 29%
		);
}

.solar-product-logo,
.solar-product-image {
	position: relative;
	z-index: 2;
}

.solar-product-image {
	margin-bottom: 0 !important;
}

.solar-product-image img {
	max-height: 390px;
	object-fit: contain;
	filter: drop-shadow(0 24px 26px rgba(0,0,0,.17));
}

.solar-product-logo img {
	width: auto !important;
	max-height: 70px;
}

.solar-product-badge {
	position: absolute;
	z-index: 4;
	top: 25px;
	left: 25px;
	margin: 0 !important;
	padding: 9px 13px;
	border-radius: 999px;
	color: #fff;
	background: var(--solar-main);
	box-shadow: 0 8px 20px rgba(227,6,19,.20);
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

/**
 * PRODUCT CONTENT
 */

.solar-product-content {
	padding: 52px !important;
}

.solar-product-type .uvc-main-heading > div {
	margin-bottom: 11px !important;
	color: var(--solar-main) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.solar-product-title .uvc-main-heading h3 {
	margin: 0 0 13px !important;
	color: var(--solar-text) !important;
	font-size: clamp(29px, 3vw, 41px) !important;
	font-weight: 780 !important;
	line-height: 1.13 !important;
}

.solar-product-subtitle .uvc-main-heading > div {
	margin: 0 0 18px !important;
	color: var(--solar-dark-soft) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	text-transform: uppercase;
}

.solar-product-description {
	margin: 0 0 24px !important;
	color: var(--solar-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/**
 * FEATURE LIST
 */

.solar-feature-list {
	margin: 0 0 28px !important;
}

.solar-feature-list ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none !important;
}

.solar-feature-list li {
	position: relative;
	min-height: 21px;
	margin: 0 !important;
	padding-left: 30px;
	color: var(--solar-text);
	font-size: 14px !important;
	line-height: 1.55 !important;
}

.solar-feature-list li:before {
	position: absolute;
	top: 1px;
	left: 0;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	content: "\f00c";
	border-radius: 50%;
	color: var(--solar-main);
	background: var(--solar-main-light);
	font-family: "Font Awesome 6 Free";
	font-size: 11px;
	font-weight: 900;
}

/**
 * PRODUCT FOOTER
 */

.solar-product-footer {
	margin-top: 8px;
	padding-top: 25px;
	border-top: 1px solid var(--solar-border);
}

.solar-product-price .uvc-main-heading > div {
	margin-bottom: 5px !important;
	color: var(--solar-muted) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.solar-product-price .uvc-sub-heading {
	display: flex;
	align-items: flex-start;
	color: var(--solar-main) !important;
	font-size: clamp(38px, 4vw, 50px) !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.solar-product-price .uvc-sub-heading em {
	display: inline-block;
	margin: -4px 0 0 4px;
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: 1;
	vertical-align: top;
}

.solar-product-buttons > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 9px;
}

/**
 * SMART ENERGY HEADING
 */

.solar-smart-heading {
	padding-top: 60px;
}

/**
 * PRICE SECTION
 */

.solar-price-section {
	padding-top: 30px;
	padding-bottom: 78px;
}

.solar-price-grid {
	row-gap: 28px;
}

.solar-price-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	display: flex;
	height: 100%;
}

.solar-price-card {
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 40px;
	border: 1px solid var(--solar-border);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 14px 42px rgba(0,0,0,.065);
	overflow: hidden;
}

.solar-price-card:before {
	position: absolute;
	inset: 0;
	content: "";
	pointer-events: none;
	background:
		linear-gradient(
			235deg,
			transparent 0%,
			transparent 37%,
			rgba(0,0,0,.025) 37.2%,
			rgba(0,0,0,.04) 37.8%,
			transparent 46%
		),
		linear-gradient(
			325deg,
			transparent 0%,
			transparent 23%,
			rgba(227,6,19,.035) 23.2%,
			rgba(227,6,19,.02) 23.8%,
			transparent 29%
		);
}

.solar-price-card-featured {
	border-color: rgba(227,6,19,.20);
	background:
		linear-gradient(
			145deg,
			rgba(253,232,234,.72),
			#fff 55%
		);
}

.solar-price-card-featured:before {
	border-color: rgba(227,6,19,.06);
}

.solar-price-card > div {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.solar-price-card .wpb_single_image {
	position: relative;
	z-index: 3;
}

.solar-price-card .solar-button {
	position: absolute;
	bottom: 40px;
	right: 40px;
}

.solar-price-card .wpb_single_image h2 {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	margin: 0;
    padding: 8px 13px;
    border: 1px solid rgba(227, 6, 19, .13);
    border-radius: 999px;
    color: var(--solar-main-dark);
    background: var(--solar-main-light);
    font-size: clamp(11px, .75rem, 13px) !important;
    font-weight: 700;
    line-height: 1.3;
	white-space: nowrap;
}

.solar-price-card-badge .uvc-main-heading > div {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 17px;
	border-radius: 0 28px 0 17px;
	color: #fff;
	background: var(--solar-main);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.solar-price-card-type .uvc-main-heading > div {
	margin-bottom: 11px;
	color: var(--solar-main);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.solar-price-card-description .uvc-main-heading h3 {
	margin: 0 0 12px !important;
	color: var(--solar-text);
	font-size: clamp(20px, 3vw, 25px) !important;
	font-weight: 780 !important;
	line-height: 1.15 !important;
}

.solar-price-card-description .uvc-sub-heading {
	margin: 0 0 28px;
	color: var(--solar-muted);
	font-size: 15px;
	line-height: 1.5;
}

.solar-package-components-list {
	margin-top: auto;
}

.solar-package-components-list ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.solar-package-components-list li .uavc-list-content,
.solar-package-components-list li .uavc-list-content .uavc-list-icon {
	margin: 0 !important;
}

.solar-package-components-list li:not(:has(.fa-plus)) .uavc-list-content {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 11px;
	border: 1px solid var(--solar-border);
	border-radius: 999px;
	background: #fafafa;
}

.solar-package-components-list li .uavc-list-content .aio-icon {
	width: auto;
	height: 28px;
}

.solar-package-components-list li:not(:has(.fa-plus)) .uavc-list-content .aio-icon,
.solar-package-components-list li:not(:has(.fa-plus)) .uavc-list-content .uavc-list-desc {
	color: var(--solar-dark) !important;
	font-size: 12px !important;
	font-weight: 700;
	line-height: 28px !important;
}

.solar-package-components-list li:has(.fa-plus) .uavc-list-content .aio-icon {
	color: #aaa !important;
	font-size: 10px !important;
}

.solar-package-components-list li:not(:has(.fa-plus)) .uavc-list-content .aio-icon .fas {
	color: var(--solar-main) !important;
}

.solar-package-components-list li:has(.fa-plus) .uavc-list-content .aio-icon .fas {
	color: #aaa !important;
}

.solar-package-components-list .solar-package-svg-logo .aio-icon-img {
	width: 14px;
}

.solar-package-components-list .solar-package-svg-logo .aio-icon-img img {
	filter: brightness(0) saturate(100%) invert(22%) sepia(97%) saturate(7200%) hue-rotate(347deg) brightness(83%) contrast(118%);
}

.solar-package-price .uvc-main-heading > div {
	margin-bottom: 4px;
	color: var(--solar-muted);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.solar-package-price .uvc-sub-heading {
	color: var(--solar-main);
	font-size: clamp(47px, 5vw, 63px);
	font-weight: 800 !important;
	line-height: 1;
}

.solar-package-price .uvc-sub-heading em,
.solar-package-price .uvc-sub-heading strong {
	display: inline-block;
	margin-left: 4px;
	font-size: 20px;
	font-style: normal;
	vertical-align: top;
}

.solar-price-note {
	margin: 18px 0 0 !important;
	color: var(--solar-muted);
	font-size: 12px;
	text-align: center;
}

/**
 * CONTACT
 */

.solar-contact-section {
	padding-top: 55px;
	padding-bottom: 90px;
}

.solar-contact-card {
	position: relative;
	overflow: hidden;
	padding: 52px 58px;
	border-radius: 30px;
	color: #fff;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.11),
			rgba(255,255,255,0) 42%
		),
		radial-gradient(
			circle at 82% 17%,
			rgba(255,70,80,.82),
			rgba(227,6,19,.50) 22%,
			transparent 49%
		),
		radial-gradient(
			circle at 15% 90%,
			rgba(255,255,255,.07),
			transparent 42%
		),
		linear-gradient(
			135deg,
			#280205 0%,
			#72000a 57%,
			#a9000d 100%
		);
	box-shadow:
		0 35px 80px rgba(145,0,10,.20),
		0 12px 30px rgba(0,0,0,.15),
		inset 0 1px rgba(255,255,255,.15);
}

.solar-contact-card:after {
	position: absolute;
	right: -100px;
	bottom: -80px;
	width: 220px;
	height: 220px;
	content: "";
	border: 35px solid rgba(255,255,255,.065);
	border-radius: 50%;
}

.solar-contact-content,
.solar-contact-button {
	position: relative;
	z-index: 2;
}

.solar-contact-card .uvc-main-heading h2 {
	margin: 0 0 12px !important;
	color: #fff !important;
	font-size: clamp(30px,4vw,46px) !important;
	font-weight: 780 !important;
	line-height: 1.13 !important;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.solar-contact-card .uvc-sub-heading {
	max-width: 700px;
	margin: 0;
	color: rgba(255,255,255,.80) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
}

.solar-contact-button .solar-button {
	text-align: left;
}

/**
 * RESPONSIVE
 */

@media only screen and (max-width: 1100px) {

	.solar-system-tags ul {
		flex-direction: column;
		align-items: flex-end;
	}

}

@media only screen and (max-width: 991px) {

	.solar-benefits-grid {
		row-gap: 25px;
	}

	.solar-benefits-grid > .vc_column_container {
		width: 100%;
	}

	.solar-product-price {
		width: 100%;
		text-align: center !important;
	}

	.solar-product-price .uvc-main-heading {
		text-align: center !important;
	}

	.solar-product-price .uvc-sub-heading {
		justify-content: center !important;
	}

	.solar-product-buttons {
		width: 100%;
		margin-top: 18px;
	}

	.solar-product-buttons > .vc_column-inner > .wpb_wrapper {
		justify-content: center;
	}

}

@media (max-width: 900px) {

	.solar-campaign-hero {
		min-height: auto;
		padding-top: 70px;
		padding-bottom: 95px;
	}

	.solar-hero-visual > .vc_column-inner > .wpb_wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	.solar-hero-copy {
		width: 100%;
		padding-right: 0;
	}

	.solar-hero-visual {
		width: 100%;
		padding-top: 60px;
		padding-left: 0;
		padding-bottom: 45px;
	}

	.solar-hero-image img {
		width: auto;
		max-height: 65vh;
	}

	.solar-floating-card {
		position: relative;
		flex: 1 1 calc(50% - 10px);
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
	}

	.solar-product-card-reverse {
		display: flex;
		flex-direction: column-reverse;
	}

	.solar-product-media {
		width: 100%;
		min-height: 390px;
	}

	.solar-product-content {
		width: 100%;
		padding: 38px !important;
	}

	.solar-product-price {
		width: 41.66666667%;
		text-align: left !important;
	}

	.solar-product-price .uvc-main-heading {
		text-align: left !important;
	}

	.solar-product-price .uvc-sub-heading {
		justify-content: flex-start !important;
	}

	.solar-product-buttons {
		width: 58.33333333%;
		margin-top: 0;
	}

	.solar-product-buttons > .vc_column-inner > .wpb_wrapper {
		justify-content: flex-end;
	}

	.solar-price-grid > .vc_column_container {
		width: 100%;
	}

	.solar-contact-content {
		width: 100%;
		margin-bottom: 38px !important;
	}

	.solar-contact-button {
		width: 100%;
	}

}

@media (max-width: 767px) {

	.solar-hero-title .uvc-main-heading h1 {
		font-size: 43px !important;
	}

	.solar-hero-title .uvc-sub-heading {
		font-size: 17px !important;
	}

	.solar-hero-image {
		flex: 0 0 calc(100% - 40px);
	}

	.solar-system-section {
		margin-top: -25px;
	}

	.solar-system-card {
		padding: 21px 7px;
	}

	.solar-system-tags ul {
		margin-top: 20px;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.solar-benefits-section,
	.solar-products-section,
	.solar-price-section,
	.solar-contact-section {
		padding-top: 62px;
		padding-bottom: 62px;
	}

	.solar-benefits-section > .vc_column_container > .vc_column-inner,
	.solar-price-section > .vc_column_container > .vc_column-inner,
	.solar-contact-section > .vc_column_container > .vc_column-inner {
		padding-top: 0 !important;
	}

	.solar-product-card {
		border-radius: 24px;
	}

	.solar-product-media {
		min-height: 310px;
		padding: 35px 22px;
	}

	.solar-product-image img {
		max-height: 265px;
	}

	.solar-product-badge {
		top: 10px;
		left: 10px;
	}

	.solar-product-content {
		padding: 30px 23px !important;
	}

	.solar-smart-heading {
		padding-top: 35px;
	}

	.solar-price-card {
		padding: 30px 25px;
	}

	.solar-contact-card {
		padding: 35px 25px;
		border-radius: 24px;
	}

}

@media (max-width: 460px) {

	.solar-hero-title .uvc-main-heading h1 {
		font-size: 38px !important;
	}

	.solar-hero-buttons > .vc_column-inner > .wpb_wrapper {
		flex-direction: column;
		align-items: stretch;
	}

	.solar-hero-buttons .solar-button {
		width: 100%;
	}

	.solar-floating-card {
		flex: 1 1 100%;
	}

	.solar-product-price {
		width: 100%;
		text-align: center !important;
	}

	.solar-product-price .uvc-main-heading {
		text-align: center !important;
	}

	.solar-product-price .uvc-sub-heading {
		justify-content: center !important;
	}

	.solar-product-buttons {
		width: 100%;
		margin-top: 18px;
	}

	.solar-product-buttons > .vc_column-inner > .wpb_wrapper {
		justify-content: center;
	}

	.solar-price-card .solar-button {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 20px !important;
	}

	.solar-price-card-type .uvc-main-heading > div {
		margin-top: 15px;
	}

	.solar-price-card-badge .uvc-main-heading > div {
		position: relative;
		display: inline-flex;
		margin: -30px -25px 0 auto;
		float: right;
		border-radius: 0 28px 0 17px;
	}

}