/* Release stylesheet for Enerhetyk UA. Built from local template assets. */
body {
	font-family: 'Montserrat', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat Alternates', sans-serif !important;
}

@font-face {
	font-family: 'ClashGrotesk-Extralight';
	src: url('../fonts/p7VpxPxb9sOl.woff2') format('woff2'),
		url('../fonts/yH3mWqv9L3fF.woff') format('woff'),
		url('../fonts/yILER1rxTC7W.ttf') format('truetype');
	font-weight: 200;
	font-display: swap;
	font-style: normal;
}

.wpcf7-spinner {
	display: none;
}

/* Contact page */
.contact-page {
	--contact-blue: #005bbb;
	--contact-dark: #003b7a;
	--contact-ink: #101713;
	--contact-muted: #68716b;
	color: var(--contact-ink);
}

.contact-page a {
	text-decoration: none;
}

/* .contact-hero (-> .hero--gradient.hero--contact) and .contact-kicker (dead,
unused) moved to components/hero.css / AUDIT.md dead-code list */

.contact-details {
	padding: 6.875rem 0;
	background: #fff;
}

.contact-section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1.875rem;
	margin-bottom: 3.125rem;
}

.contact-section-heading>span {
	color: var(--contact-blue);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.contact-section-heading h2,
.contact-location__info h2,
.contact-request__content h2 {
	max-width: 43.75rem;
	margin: 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: clamp(2.25rem, 4vw, 3.5rem);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.035em;
}

.contact-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.125rem;
}

/* .contact-card moved to components/card.css */

.contact-location {
	padding: 6.875rem 0;
	background: #eef2f0;
}

.contact-location__grid {
	display: grid;
	grid-template-columns: minmax(0, .83fr) minmax(520px, 1.17fr);
	align-items: stretch;
	gap: 3.375rem;
}

.contact-location__info {
	padding: 1.625rem 0;
}

.contact-location__info address {
	margin: 1.875rem 0 1.375rem;
	color: #4f5953;
	font-size: 1.0625rem;
	font-style: normal;
	line-height: 1.75;
}

.contact-route {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	color: var(--contact-blue);
	font-size: 0.875rem;
	font-weight: 700;
}

.contact-route:hover {
	color: var(--contact-dark);
}

.contact-company {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem;
	margin-top: 3.125rem;
	padding-top: 2rem;
	border-top: 1px solid #d4ddd8;
}

.contact-company>div:last-child {
	grid-column: 1 / -1;
}

.contact-company span,
.contact-company strong,
.contact-company a {
	display: block;
}

.contact-company span {
	margin-bottom: 0.4375rem;
	color: var(--contact-muted);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.contact-company strong {
	font-size: 0.9375rem;
	font-weight: 700;
}

.contact-company a {
	margin-top: 0.3125rem;
	color: var(--contact-blue);
	font-size: 0.875rem;
	font-weight: 600;
}

.contact-map {
	min-height: 38.125rem;
	padding: 0.625rem;
	overflow: hidden;
	border-radius: 1.75rem;
	background: #fff;
	box-shadow: 0 20px 60px rgba(19, 47, 31, .1);
}

.contact-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 36.875rem;
	border: 0;
	border-radius: 1.25rem;
	filter: saturate(.8) contrast(.95);
}

.contact-request {
	padding: 6.875rem 0;
	background: #003b7a;
}

.contact-request__grid {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(500px, 1.2fr);
	align-items: center;
	gap: 6.25rem;
}

.contact-request__content h2 {
	color: #fff;
}

.contact-request__content>p {
	max-width: 35rem;
	margin: 1.625rem 0 2rem;
	color: rgba(255, 255, 255, .72);
	font-size: 1.0625rem;
	line-height: 1.7;
}

.contact-request__content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact-request__content li {
	margin: 0.75rem 0;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 600;
}

.contact-request__content li i {
	margin-right: 0.625rem;
	color: #ffd700;
}

.contact-form-new {
	display: grid;
	gap: 1.125rem;
	padding: 2.625rem;
	border-radius: 1.5rem;
	background: #fff;
	box-shadow: 0 24px 65px rgba(0, 23, 49, .26);
}

.contact-form-new__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.125rem;
}

/* .contact-form-new label/input/textarea/__consent/button unified onto the
   shared .form-field/.form-consent/.form-submit (components/forms.css) */

@media only screen and (max-width: 64rem) {

	/* .hero--gradient .hero__grid (was .contact-hero__grid) tier dropped:
	   collapsed into the 991px tier below,
folded into the new tablet (1024px)
	   breakpoint — see AUDIT.md §3 tier-collapsing rule. */
	.contact-location__grid,
	.contact-request__grid {
		gap: 3rem;
	}

	.contact-location__grid {
		grid-template-columns: minmax(0, .85fr) minmax(440px, 1.15fr);
	}
}

@media only screen and (max-width: 64rem) {

	/* .hero--contact + .hero--gradient .hero__grid tablet tier moved to components/hero.css */
	.contact-location__grid,
	.contact-request__grid {
		grid-template-columns: 1fr;
	}

	.contact-details,
	.contact-location,
	.contact-request {
		padding: 5.125rem 0;
	}

	.contact-section-heading {
		display: block;
	}

	.contact-section-heading>span {
		display: block;
		margin-bottom: 1rem;
	}

	.contact-cards {
		grid-template-columns: 1fr 1fr;
	}

	.contact-card:last-child {
		grid-column: 1 / -1;
	}

	.contact-location__info {
		padding: 0;
	}

	.contact-map {
		min-height: 30rem;
	}

	.contact-map iframe {
		min-height: 28.75rem;
	}

	.contact-request__content {
		max-width: 40.625rem;
	}
}

@media only screen and (max-width: 35rem) {

	/* .hero--contact padding moved to components/hero.css */
	.contact-details,
	.contact-location,
	.contact-request {
		padding: 4rem 0;
	}

	.contact-cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	.contact-card:last-child {
		grid-column: auto;
	}

	/* .hero--contact + .contact-card mobile tier moved to components/hero.css + components/card.css */
	.contact-request__content>p {
		font-size: 0.9375rem;
	}

	.contact-form-new {
		padding: 1.625rem;
		border-radius: 1.125rem;
	}

	.contact-company {
		grid-template-columns: 1fr;
	}

	.contact-company>div:last-child {
		grid-column: auto;
	}

	.contact-map,
	.contact-map iframe {
		min-height: 24.375rem;
	}
}

@font-face {
	font-family: 'ClashGrotesk-Light';
	src: url('../fonts/2y7oYuYU4CuU.woff2') format('woff2'),
		url('../fonts/mGsXlrEZjsEU.woff') format('woff'),
		url('../fonts/lRmg0jibTNEm.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: 'ClashGrotesk-Regular';
	src: url('../fonts/M2tSugiOAGI7.woff2') format('woff2'),
		url('../fonts/aC7zolceLrRB.woff') format('woff'),
		url('../fonts/lRoKolP1L6QX.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: 'ClashGrotesk-Medium';
	src: url('../fonts/dK1NDa3dJiy0.woff2') format('woff2'),
		url('../fonts/fajRm8tvpaAj.woff') format('woff'),
		url('../fonts/YaKsAhg6EljW.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: 'ClashGrotesk-Semibold';
	src: url('../fonts/LWOpb0BhjBzF.woff2') format('woff2'),
		url('../fonts/4C0kkZVHq5eu.woff') format('woff'),
		url('../fonts/501HkyczWRrb.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: 'ClashGrotesk-Bold';
	src: url('../fonts/Lp34xfGugwrw.woff2') format('woff2'),
		url('../fonts/3tHTtzMKo2a8.woff') format('woff'),
		url('../fonts/0eD6rSf8yRqj.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
	font-family: 'ClashGrotesk-Variable';
	src: url('../fonts/mKlpghw1jWRx.woff2') format('woff2'),
		url('../fonts/VVKUtSpylkLW.woff') format('woff'),
		url('../fonts/wtIGBGoKUMDj.ttf') format('truetype');
	font-weight: 200 700;
	font-display: swap;
	font-style: normal;
}



/* Source: ener/css/RiCV3cFG2Nlg.css */
/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Sunex - Solar & Renewable Energy HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. Why Choose Us css
08. Intro Video css
09. Pricing Plan css
10. Our Features css
11. Our Fun Facts css
12. How It Works css
13. Our FAQs css
14. Our Testimonials css
15. Our Blog css
16. Footer css
17. About Us Page css
18. Services Page css
19. Service Single css
20. Blog Archive css
21. Blog Single css
22. Projects Page css
23. Project Single css
24. Team Page css
25. Team Single css
26. Pricing Page css
27. Testimonials Page css
28. Image Gallery css
29. Video Gallery css
30. FAQ's Page css
31. Contact Us Page css
32.	404 Error Page css
33. Responsive css
34. Home - Version 2 css
35. Home - Version 3 css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root {
	--primary-color: #005BBB;
	--secondary-color: #F3F8FF;
	--bg-color: #FFFFFF;
	--text-color: #000000;
	--accent-color: #FFD500;
	--brand-blue: #005BBB;
	--brand-blue-light: #1D7BDF;
	--brand-yellow: #FFD500;
	--brand-yellow-dark: #E7C100;
	--brand-blue-dark: #003B7A;
	--white-color: #FFFFFF;
	--divider-color: #005BBB26;
	--dark-divider-color: #FFFFFF1A;
	--error-color: rgb(230, 87, 87);
	--default-font: "Inter", sans-serif;
	--accent-font: 'ClashGrotesk-Variable';
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

html,
body {
	width: 100%;
	overflow-x: clip;
}

body {
	font-family: var(--default-font);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: var(--bg-color);
}

::-webkit-scrollbar-track {
	background-color: var(--primary-color);
	border-left: 1px solid var(--primary-color);
}

::-webkit-scrollbar {
	width: 0.4375rem;
	background-color: var(--accent-color);
}

::-webkit-scrollbar-thumb {
	background: var(--accent-color);
}

::selection {
	color: var(--white-color);
	background-color: var(--accent-color);
	filter: invert(1);
}

p {
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--accent-font);
	font-weight: 500;
	line-height: 1.2em;
	color: var(--primary-color);
	margin: 0;
	text-wrap: balance;
}

figure {
	margin: 0;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

.container {
	max-width: 81.25rem;
}

.container,
.container-fluid {
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

.image-anime {
	position: relative;
	overflow: hidden;
}

.image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, .3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
}

.image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.row {
	margin-right: -0.9375rem;
	margin-left: -0.9375rem;
}

.row>* {
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

.row.no-gutters {
	margin-right: 0rem;
	margin-left: 0rem;
}

.row.no-gutters>* {
	padding-right: 0rem;
	padding-left: 0rem;
}

/* .btn-default / .readmore-btn moved to components/buttons.css */

.cb-cursor:before {
	background: var(--accent-color);
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading {
	height: 6.25rem;
	position: relative;
	width: 6.25rem;
	border-radius: 100%;
}

.loading-container {
	margin: 2.5rem auto;
}

.loading {
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
	transition: all 0.5s ease-in-out;
}

#loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 2.875rem;
	transform: translate(-50%, -50%);
}

#loading-icon img {
	display: block;
	width: 100%;
	height: auto;
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.dark-section {
	background-color: var(--primary-color);
	background-image: url('../images/9JJsVTahJ3vl.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.light-section {
	background-color: var(--secondary-color);
}

.section-row {
	margin-bottom: 5rem;
}

.section-row .section-title {
	margin-bottom: 0;
}

.section-row .section-title.section-title-center {
	width: 100%;
	max-width: 43.75rem;
	margin: 0 auto;
	text-align: center;
}

/* .section-btn / .section-content-btn moved to components/buttons.css */

.section-title-content p {
	margin-bottom: 1.25rem;
}

.section-title-content p:last-child {
	margin-bottom: 0;
}

/* .section-title (+ dark/light-section overrides) moved to components/section-title.css */

.help-block.with-errors ul {
	margin: 0;
	text-align: left;
}

header.main-header {
	position: relative;
	left: 0;
	right: 0;
	z-index: 100;
}

header.main-header .header-sticky {
	position: relative;
	top: 0;
	background: var(--bg-color);
	z-index: 100;
}

header.main-header .header-sticky.hide {
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
}

header.main-header .header-sticky.active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(0);
	background: var(--white-color);
	border-bottom: 1px solid var(--divider-color);
	border-radius: 0;
}

.navbar {
	align-items: center;
	padding: 1.5625rem 0;
}

.navbar-brand {
	padding: 0;
	margin: 0;
}

.main-menu .nav-menu-wrapper {
	flex: 1;
	text-align: center;
	margin: 0 1.042vw;
}

.main-menu .nav-menu-wrapper>ul {
	align-items: center;
	display: inline-flex;
}

.main-menu ul li {
	margin: 0 0.625rem;
	position: relative;
}

.main-menu ul li a {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2em;
	padding: 0.75rem 0.625rem !important;
	color: var(--primary-color);
	background: transparent;
	border-radius: 0rem;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu>a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 0.875rem;
	margin-left: 0.5rem;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: var(--accent-color);
}

.main-menu ul ul {
	position: absolute;
	left: 0;
	top: 100%;
	transform: scale(1, 0.8);
	transform-origin: top;
	width: 14.6875rem;
	background: var(--accent-color);
	border-radius: 0.3125rem;
	list-style: none;
	padding: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.submenu:first-child ul {
	width: 14.6875rem;
}

.main-menu ul ul ul {
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
	padding: 0.3125rem 0;
}

.main-menu ul li.submenu ul li.submenu>a:after {
	content: '\f105';
	float: right;
}

.main-menu ul ul li {
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a {
	color: var(--white-color);
	padding: 0.5rem 1.25rem !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus {
	color: var(--primary-color);
	background-color: transparent;
	padding: 0.5rem 1.25rem 0.5rem 1.4375rem !important;
}

.main-menu ul li.highlighted-menu {
	display: none;
}

.responsive-menu,
.navbar-toggle {
	display: none;
}

.responsive-menu {
	position: relative;
	top: 0;
}

.slicknav_btn {
	background: var(--accent-color);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.375rem;
	height: 2.375rem;
	margin: 0;
	border-radius: 0.375rem;
}

.slicknav_icon .slicknav_icon-bar {
	display: block;
	width: 100%;
	height: 0.1875rem;
	width: 1.375rem;
	background-color: var(--white-color);
	border-radius: 0.375rem;
	margin: 0.25rem auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child {
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child {
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_menu {
	position: absolute;
	width: 100%;
	padding: 0;
	background: var(--accent-color);
}

.slicknav_menu ul {
	margin: 0.3125rem 0;
}

.slicknav_menu ul ul {
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a {
	position: relative;
	font-size: 1rem;
	font-weight: 600;
	text-transform: capitalize;
	padding: 0.4375rem 1.25rem;
	color: var(--white-color);
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover {
	background-color: transparent;
	color: var(--primary-color);
}

.slicknav_menu ul ul li a {
	padding: 0.4375rem 1.25rem 0.4375rem 1.875rem;
}

.slicknav_arrow {
	font-size: 0 !important;
}

.slicknav_arrow:after {
	content: '\f107';
	position: absolute;
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 0.75rem;
	margin-left: 0.5rem;
	color: var(--white-color);
	right: 0.9375rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open>a .slicknav_arrow:after {
	transform: translateY(-50%) rotate(-180deg);
	color: var(--primary-color);
}

.satisfy-client-images {
	display: flex;
	align-items: center;
}

.satisfy-client-image {
	position: relative;
	display: inline-block;
	margin-left: -0.875rem;
	border: 1px solid var(--white-color);
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}

.satisfy-client-image:first-child {
	margin: 0;
}

.satisfy-client-image figure {
	display: block;
}

.satisfy-client-image figure img {
	width: 100%;
	max-width: 3.125rem;
	border-radius: 50%;
}

.satisfy-client-image.add-more {
	width: 3.25rem;
	height: 3.25rem;
	background-color: var(--accent-color);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.satisfy-client-image.add-more i {
	font-size: 1.125rem;
	color: var(--white-color);
}

.satisfy-client-image.add-more span {
	color: var(--white-color);
	font-size: 1rem;
	line-height: 1em;
}

@keyframes infiniterotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.dark-section .section-footer-text p,
.dark-section .section-footer-text ul li {
	color: var(--white-color);
}

.dark-section .section-footer-text p a {
	color: var(--accent-color);
}

.dark-section .section-footer-text p a:hover {
	color: var(--white-color);
}

.dark-section .section-footer-text.section-satisfy-img .satisfy-client-image {
	border-color: var(--primary-color);
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(calc(-100% - var(--gap)));
	}
}

/************************************/
/**** 	   15. Our Blog css		 ****/
/************************************/

.our-blog {
	padding: 7.5rem 0 5.625rem;
}

/* .post-item (-> .card) and its sub-parts (-> .card__media/__body/__tag/__title/__footer)
   moved to components/card.css. .post-item-body-content (a plain z-index
   wrapper,
no visual styling) is unchanged and stays here. */
.post-item-body-content {
	position: relative;
	z-index: 1;
}

/************************************/
/***      33. Responsive css      ***/
/************************************/

@media only screen and (max-width: 64rem) {

	.topbar-contact-info ul li span {
		display: none;
	}

	.main-menu ul li {
		margin: 0;
	}

	.section-content-btn .section-btn {
		margin-top: 1.25rem;
	}

	.section-title-content {
		margin-top: 0.625rem;
	}

	.section-btn {
		text-align: left;
		margin-top: 0.9375rem;
	}

	.hero-content {
		margin-right: 0;
	}

	.about-us-image-box {
		max-width: 38.4375rem;
		margin: 0 auto 1.875rem;
	}

	.why-choose-counter-item {
		text-align: center;
	}

	.why-choose-us-content {
		height: auto;
		margin-bottom: 1.875rem;
	}

	.why-choose-us-image-box {
		height: auto;
		margin: 0;
	}

	.why-choose-image-box-1,
	.why-choose-image-box-1 .why-choose-image,
	.why-choose-image-box-2 {
		height: auto;
	}

	.why-choose-image-box-2 .why-choose-image figure img {
		aspect-ratio: 1 / 0.65;
	}

	.intro-video-image img {
		aspect-ratio: 1 / 0.56;
	}

	.our-pricing-swich {
		margin-bottom: 1.875rem;
	}

	.our-pricing-swich.form-switch .form-check-input {
		width: 3.75rem;
		height: 2rem;
		background-size: 22px auto;
	}

	.our-core-feature {
		background-position: bottom center;
		background-size: 100% auto;
	}

	.core-feature-item-list {
		margin: 0 0 1.875rem;
	}

	.core-feature-image {
		max-width: 31.25rem;
		height: auto;
		margin: 0 auto;
	}

	.fun-fact-content {
		margin-bottom: 1.875rem;
	}

	.fun-fact-image {
		height: auto;
		margin: 0;
	}

	.fun-fact-image figure {
		height: auto;
	}

	.fun-fact-image figure img {
		height: auto;
		aspect-ratio: 1 / 0.8;
	}

	.how-work-items-list {
		gap: 2.5rem 1.875rem;
	}

	.how-work-item {
		width: calc(50% - 0.9375rem);
		gap: 1.25rem;
	}

	.how-work-item:nth-child(3n + 2) {
		flex-direction: column;
	}

	.faqs-content {
		position: inherit;
		margin-bottom: 1.875rem;
	}

	.our-faqs .faq-accordion {
		margin: 0;
	}

	.testimonial-content {
		height: auto;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		margin: 0 0 1.875rem;
	}

	.testimonial-content-header {
		width: calc(60% - 0.625rem);
	}

	.testimonial-client-box {
		width: calc(40% - 0.625rem);
		max-width: 100%;
		padding: 1.25rem;
	}

	.testimonial-item {
		min-height: 23.125rem;
		padding: 1.875rem;
	}

	.about-footer {
		width: 100%;
		max-width: 100%;
	}

	.about-footer-content {
		margin-top: 0.9375rem;
	}

	.footer-social-links h2 {
		margin-bottom: 0.9375rem;
	}

	.footer-links-box {
		width: 100%;
	}

	.footer-contact-items-list {
		gap: 1.875rem 2.5rem;
		padding-top: 1.875rem;
		margin-top: 1.875rem;
	}

	.footer-contact-item {
		width: auto;
	}

	.footer-contact-item::before {
		right: -1.25rem;
	}

	.footer-contact-item-content h3 {
		font-size: 1.25rem;
	}

	.footer-copyright-text {
		margin-top: 1.875rem;
		padding: 1.875rem 0;
	}

	.our-approach-content {
		height: auto;
		margin-bottom: 1.875rem;
	}

	.approach-item-list {
		margin-right: 0;
	}

	.approach-image {
		height: auto;
		margin: 0;
	}

	.approach-image figure {
		height: auto;
	}

	.approach-image figure img {
		height: auto;
		aspect-ratio: 1 / 0.6;
	}

	.what-we-do-content {
		height: auto;
		margin-bottom: 1.875rem;
	}

	.what-we-image-video-box,
	.what-we-image,
	.what-we-image figure {
		height: auto;
	}

	.what-we-image figure img {
		height: auto;
		aspect-ratio: 1 / 0.5;
	}

	.what-we-do-body {
		height: auto;
		margin: 0;
	}

	.what-we-body-image,
	.what-we-body-image figure {
		height: auto;
	}

	.what-we-body-image figure img {
		height: auto;
		aspect-ratio: 1 / 0.5;
	}

	.advantages-item {
		min-height: auto;
		padding: 1.875rem;
	}

	.advantages-image-box figure img {
		aspect-ratio: 1 / 0.7;
	}

	.page-single-sidebar {
		margin-right: 0;
	}

	.page-category-list .page-category-list-title {
		padding: 0.9375rem 1.25rem;
	}

	.page-category-list ul {
		padding: 1.25rem;
	}

	.page-category-list ul li {
		padding-bottom: 0.9375rem;
		margin-bottom: 0.9375rem;
	}

	.sidebar-cta-box {
		padding: 1.25rem;
	}

	.service-entry {
		margin-bottom: 2.5rem;
	}

	.service-offer-box,
	.service-key-benefits {
		margin-top: 2.5rem;
	}

	.service-offer-box-list {
		margin: 1.875rem 0;
	}

	.service-key-benefits-body {
		margin-top: 1.875rem;
	}

	.service-benefit-item {
		padding: 1.25rem;
	}

	.service-benefit-item .icon-box {
		margin-bottom: 1.875rem;
	}

	.project-entry {
		margin-bottom: 2.5rem;
	}

	.project-challenges-box,
	.project-solution-box {
		margin-top: 2.5rem;
	}

	.project-challenges-item-list {
		margin: 1.875rem 0;
		gap: 1.25rem;
	}

	.project-challenge-item {
		width: 100%;
	}

	.project-solution-body {
		padding: 1.875rem;
		margin-top: 1.875rem;
	}

	.team-member-about,
	.team-member-expertise,
	.team-member-achievements {
		margin-bottom: 2.5rem;
	}

	.team-member-skill-list,
	.member-achievement-item {
		padding: 1.875rem;
	}

	.contact-us-content {
		height: auto;
		margin-bottom: 1.875rem;
	}

	.contact-us-image,
	.contact-us-image figure {
		height: auto;
	}

	.contact-us-image figure img {
		height: auto;
		aspect-ratio: 1 / 0.65;
	}

	.contact-us-form {
		height: auto;
		margin-left: 0;
	}

	.google-map-iframe {
		height: 31.25rem;
	}
}

@media only screen and (max-width: 64rem) {
	/* .btn-default / .readmore-btn tablet tier moved to components/buttons.css */

	.topbar-contact-info ul {
		gap: 1.25rem;
	}

	header.main-header .header-sticky,
	header.main-header .header-sticky.active {
		width: 100%;
	}

	.navbar {
		padding: 1.25rem 0;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	/* .header-btn moved to components/buttons.css; .section-title tablet tier moved to components/section-title.css */

	.section-row {
		margin-bottom: 2.5rem;
	}

	.our-blog {
		padding: 3.75rem 0 1.875rem;
	}

	/* .card tablet tier moved to components/card.css */

	.main-footer {
		padding: 3.75rem 0 0;
	}

	.contact-form .form-control {
		padding: 0.9375rem;
	}
}

@media only screen and (max-width: 35rem) {

	.section-row {
		margin-bottom: 1.875rem;
	}

	/* .section-title mobile tier moved to components/section-title.css */

	.hero {
		padding: 6.25rem 0;
	}

	.satisfy-client-image figure img {
		max-width: 2.5rem;
	}

	.satisfy-client-image.add-more {
		width: 2.625rem;
		height: 2.625rem;
	}

	/* .card mobile tier moved to components/card.css */

	.footer-links-box {
		padding: 1.25rem;
	}
}

/************************************/
/***   34. Home - Version 2 css   ***/
/************************************/

.main-header.main-header-royal {
	position: absolute;
	top: 2.5rem;
	left: 0.9375rem;
	right: 0.9375rem;
}

.main-header.main-header-royal .header-sticky {
	position: relative;
	max-width: 81.25rem;
	border-radius: 0.875rem;
	margin: 0 auto;
	z-index: 100;
}

.main-header.main-header-royal .header-sticky.active {
	top: 0.9375rem;
	left: 0.9375rem;
	right: 0.9375rem;
	border: 1px solid var(--divider-color);
	border-radius: 0.875rem;
}

.main-header.main-header-royal .navbar {
	padding: 0.9375rem 0;
	align-items: center;
}

.hero-royal {
	position: relative;
	height: 100vh;
	min-height: 60.625rem;
	align-content: end;
	padding: 13.75rem 0 6.25rem;
	overflow: hidden;
}

.hero-royal::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, transparent 0%, rgba(0, 59, 122, 0.90) 89.53%);
	z-index: 1;
}

.hero-royal .hero-bg-video-royal {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-royal .hero-bg-video-royal video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-royal .container {
	position: relative;
	z-index: 2;
}

.hero-content-royal {
	margin-right: 2.604vw;
}

.hero-content-royal .section-title h1 {
	font-size: 4.125rem;
}

.hero-content-body-royal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem 2.5rem;
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 2.5rem;
}

.hero-contact-info-royal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.9375rem;
}

.hero-contact-info-royal .icon-box {
	position: relative;
	width: 3.125rem;
	height: 3.125rem;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.hero-contact-info-royal .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--white-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.hero-contact-info-royal:hover .icon-box::before {
	transform: scale(1);
}

.hero-contact-info-royal .icon-box img {
	position: relative;
	width: 100%;
	max-width: 1.5rem;
	transition: all 0.4s ease-in-out;
	z-index: 1;
	/* icon is white by default; badge bg is always yellow (and fills white on
	   hover), so it needs the dark filter unconditionally, not just on hover */
	filter: brightness(0) invert(0);
}

.hero-contact-info-content-royal p {
	margin-bottom: 0.3125rem;
}

.dark-section .hero-contact-info-content-royal p {
	color: var(--white-color);
}

.hero-contact-info-content-royal h2 {
	font-size: 1.25rem;
}

.dark-section .hero-contact-info-content-royal h2 {
	color: var(--white-color);
}

.hero-contact-info-content-royal h2 a {
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.hero-contact-info-content-royal h2 a:hover {
	color: var(--accent-color);
}

.hero-info-box-royal {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid var(--dark-divider-color);
	background-color: var(--divider-color);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 0.875rem;
	padding: 0.625rem;
}

.hero-info-box-body-royal {
	width: 51%;
	align-content: center;
	padding: 1.25rem 1.25rem 1.25rem 1.875rem;
}

.hero-info-box-body-royal .icon-box {
	position: relative;
	width: 3.125rem;
	height: 3.125rem;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3.125rem;
	overflow: hidden;
}

.hero-info-box-body-royal .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--white-color);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.hero-info-box-royal:hover .icon-box::before {
	transform: scale(1);
}

.hero-info-box-body-royal .icon-box img {
	width: 100%;
	max-width: 1.5rem;
	transition: all 0.4s ease-in-out;
}

.hero-info-box-royal:hover .icon-box img {
	filter: brightness(0) invert(0);
}

.hero-info-box-body-royal .icon-box i {
	position: relative;
	color: var(--brand-blue);
	font-size: 1.5rem;
	line-height: 1;
	transition: color 0.4s ease-in-out;
	z-index: 1;
}

.hero-info-box-royal:hover .icon-box i {
	color: #000;
}

.hero-info-box-content-royal h3 {
	font-size: 1.375rem;
	color: var(--white-color);
	margin-bottom: 0.625rem;
}

.hero-info-box-content-royal p {
	color: var(--white-color);
	margin-bottom: 0;
}

.hero-info-box-content-royal ul {
	list-style: disc;
	border-top: 1px solid var(--dark-divider-color);
	padding: 1.25rem 0 0 1.25rem;
	margin: 1.25rem 0 0;
}

.hero-info-box-content-royal ul li {
	line-height: 1.5em;
	color: var(--white-color);
	margin-bottom: 0.625rem;
}

.hero-info-box-content-royal ul li:last-child {
	margin-bottom: 0;
}

.hero-info-box-content-royal ul li::marker {
	color: var(--accent-color);
}

.about-us-royal {
	padding: 7.5rem 0;
}

.about-us-image-box-royal {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	margin-right: 0.9375rem;
}

.about-us-image-box-1-royal {
	position: relative;
	width: 42%;
	margin-bottom: 8.75rem;
}

.about-us-image-royal figure,
.about-us-image-2-royal figure {
	display: block;
	border-radius: 0.875rem;
}

.about-us-image-royal figure img,
.about-us-image-2-royal figure img {
	width: 100%;
	object-fit: cover;
	border-radius: 0.875rem;
}

.about-us-image-box-1-royal .about-us-image-royal figure {
	margin-right: -9.9375rem;
}

.about-us-image-box-1-royal .about-us-image-royal figure img {
	aspect-ratio: 1 / 1.155;
}

.contact-us-circle-royal {
	position: absolute;
	left: 3.75rem;
	bottom: 0;
	transform: translateY(50%);
	margin-right: 1.25rem;
	z-index: 1;
}

.contact-us-circle-royal a {
	display: inline-block;
	border-radius: 50%;
}

.contact-us-circle-royal a img {
	width: 100%;
	max-width: 8.125rem;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	animation: infiniterotateroyal 20s infinite linear;
}

@keyframes infiniterotateroyal {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.contact-us-circle-royal a:hover img {
	animation-play-state: paused;
}

.about-us-image-box-2-royal {
	position: relative;
	width: 58%;
	z-index: 1;
}

.about-us-image-box-2-royal .about-us-image-2-royal {
	max-width: 19.6875rem;
	margin-left: auto;
}

.about-us-image-box-2-royal .about-us-image-2-royal figure {
	margin-bottom: -0.625rem;
}

.about-us-image-box-2-royal .about-us-image-2-royal figure img {
	aspect-ratio: 1 / 0.985;
}

.about-us-image-box-2-royal .about-us-image-royal figure img {
	aspect-ratio: 1 / 0.912;
}

.about-us-body-royal {
	display: flex;
	flex-wrap: wrap;
	gap: 1.875rem;
	border-top: 1px solid var(--divider-color);
	padding-top: 2.5rem;
}

.about-us-body-content-royal {
	width: calc(100% - 17.5rem);
}

.about-us-list-royal ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.about-us-list-royal ul li {
	position: relative;
	line-height: 1.5em;
	padding-left: 1.5625rem;
	margin-bottom: 0.9375rem;
}

.about-us-list-royal ul li:last-child {
	margin-bottom: 0;
}

.about-us-list-royal ul li::before {
	content: '\f058';
	position: absolute;
	font-family: 'Font Awesome 7 Free';
	top: 0;
	left: 0;
	font-size: 1.125rem;
	font-weight: 900;
	color: var(--accent-color);
}

/* .about-us-btn-royal replaced by .btn-wrap (components/buttons.css) */

.about-us-counter-box-royal {
	max-width: 15.625rem;
	background-color: var(--secondary-color);
	border-radius: 0.875rem;
	align-content: center;
	text-align: center;
	padding: 1.875rem;
}

.about-us-counter-box-royal h2 {
	font-size: 3rem;
	color: var(--accent-color);
}

.about-us-counter-box-royal p {
	margin: 0.625rem 0 0;
}

.our-services-royal {
	background-image: url('../images/iErKruOPdcaK.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 7.5rem 0;
}

.our-core-feature-royal {
	padding: 7.5rem 0;
}

.core-feature-content-royal {
	height: 100%;
	align-content: center;
}

.core-feature-list-royal {
	display: flex;
	flex-wrap: wrap;
	gap: 1.875rem;
}

/* .core-feature-item-royal (-> .feature-item.feature-item--boxed) and
   .core-feature-item-content-royal (-> .feature-item__content) moved to
   components/card.css */

.core-feature-content-body-royal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem 2.5rem;
	border-top: 1px solid var(--divider-color);
	padding-top: 2.5rem;
	margin-top: 2.5rem;
}

.core-feature-image-box-royal {
	position: relative;
	height: 100%;
	border-radius: 0.875rem;
	margin-left: 0.9375rem;
	overflow: hidden;
}

.core-feature-image-royal {
	height: 100%;
}

.core-feature-image-royal figure {
	display: block;
	height: 100%;
	border-radius: 0.875rem;
}

.core-feature-image-royal figure img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.987;
	object-fit: cover;
	border-radius: 0.875rem;
}

.core-feature-client-box-royal {
	position: absolute;
	left: 1.25rem;
	bottom: 1.25rem;
	right: 1.25rem;
	max-width: 13.75rem;
	background-color: var(--divider-color);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 0.875rem;
	padding: 1.25rem;
	z-index: 1;
}

.core-feature-client-content-royal p {
	font-weight: 500;
	color: var(--white-color);
	margin: 0.9375rem 0 0;
}

.why-choose-us-royal {
	padding: 7.5rem 0;
}

.why-choose-us-image-royal {
	margin-right: 1.25rem;
}

.why-choose-us-image-royal figure {
	display: block;
	border-radius: 50%;
}

.why-choose-us-image-royal figure img {
	width: 100%;
	aspect-ratio: 1 / 0.99;
	object-fit: cover;
	border-radius: 50%;
}

.why-choose-items-list-royal {
	display: flex;
	flex-wrap: wrap;
	gap: 1.875rem;
}

.why-choose-item-royal {
	width: calc(50% - 0.9375rem);
}

/* .why-choose-item-header-royal (-> .feature-item) and .why-choose-item-title-royal
   (-> .feature-item__content) moved to components/card.css. Hover here is
   triggered by the OUTER .why-choose-item-royal (a bigger target than just the
   icon+title row),
so that part stays as its own scoped rule: */
.why-choose-item-royal:hover .icon-badge::before {
	transform: scale(1);
}

.why-choose-item-royal:hover .icon-badge img {
	filter: brightness(0) invert(0);
}

.why-choose-item-royal:hover .icon-badge i {
	color: #000;
}

.why-choose-item-royal .feature-item__content h3 {
	color: var(--white-color);
}

.why-choose-item-content-royal {
	margin-top: 0.9375rem;
}

.why-choose-item-content-royal p {
	color: var(--white-color);
	margin-bottom: 0;
}

.why-choose-content-body-royal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem 2.5rem;
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 2.5rem;
	margin-top: 2.5rem;
}

.our-faqs-royal {
	padding: 7.5rem 0;
}

.faqs-content-royal {
	position: sticky;
	top: 1.875rem;
	margin-right: 0.9375rem;
}

.faqs-content-royal .section-title {
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 2.5rem;
}

.faq-accordion-royal .accordion-item {
	background-color: var(--secondary-color);
	border-radius: 0.875rem;
	margin-bottom: 1.5625rem;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.faq-accordion-royal .accordion-item:last-child {
	margin-bottom: 0;
}

.faq-accordion-royal .accordion-header .accordion-button {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.4em;
	color: var(--primary-color);
	padding: 1.25rem 3.75rem 1.25rem 1.25rem;
	transition: all 0.3s ease-in-out;
}

.faq-accordion-royal .accordion-item .accordion-button::after,
.faq-accordion-royal .accordion-item .accordion-button.collapsed::after {
	content: '';
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	height: 2.125rem;
	width: 2.125rem;
	background-color: var(--accent-color);
	border-radius: 50%;
	background-image: url('../images/1F6itfFgIjtF.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px auto;
	transition: all 0.3s ease-in-out;
}

.faq-accordion-royal .accordion-item :not(.accordion-button.collapsed)::after {
	transform: translateY(-50%) rotate(135deg);
}

.faq-accordion-royal .accordion-item .accordion-body {
	border-top: 1px solid var(--divider-color);
	padding: 1.25rem;
}

.faq-accordion-royal .accordion-item .accordion-body p {
	margin: 0;
}

.our-testimonials-royal {
	position: relative;
	background-image: url('../images/GHmWC3lEWMDw.jpg');
	background-position: center center;
	padding: 7.5rem 0;
}

.our-testimonials-royal::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, transparent 16.25%, rgba(0, 59, 122, 0.50) 100%);
	z-index: 1;
}

.our-testimonials-royal .container {
	position: relative;
	z-index: 2;
}

.testimonials-content-royal {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.5rem;
	margin-right: 4.167vw;
}

.testimonials-content-footer-royal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.9375rem;
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 2.5rem;
}

.testimonials-content-footer-royal .satisfy-client-image figure img {
	max-width: 2.5rem;
}

.testimonials-content-footer-royal .satisfy-client-image.add-more {
	width: 2.625rem;
	height: 2.625rem;
}

.testimonials-footer-content-royal {
	max-width: 14.375rem;
}

.testimonials-footer-content-royal p {
	color: var(--white-color);
	margin-bottom: 0;
}

.main-footer-royal {
	padding: 7.5rem 0 0;
}

.footer-logo-royal {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.footer-logo-royal img {
	display: block;
	width: auto;
	max-width: 13.75rem;
	max-height: 4rem;
}

.footer-logo-royal strong {
	color: var(--white-color);
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
}

.about-footer-content-royal {
	margin-top: 2.5rem;
}

.about-footer-content-royal p {
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-contact-info-list-royal {
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 1.25rem;
	margin-top: 1.25rem;
}

.footer-contact-info-royal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.9375rem;
	margin-bottom: 1.25rem;
}

.footer-contact-info-royal:last-child {
	margin-bottom: 0;
}

.footer-contact-info-royal .icon-box {
	position: relative;
	width: 3.125rem;
	height: 3.125rem;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.footer-contact-info-royal .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--white-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.footer-contact-info-royal:hover .icon-box::before {
	transform: scale(1);
}

.footer-contact-info-royal .icon-box img {
	position: relative;
	width: 100%;
	max-width: 1.5rem;
	transition: all 0.4s ease-in-out;
	z-index: 1;
	/* icon is white by default; badge bg is always yellow (and fills white on
	   hover), so it needs the dark filter unconditionally, not just on hover */
	filter: brightness(0) invert(0);
}

.footer-contact-info-royal .icon-box i {
	position: relative;
	z-index: 1;
	color: #101713;
	font-size: 1.125rem;
	transition: color 0.4s ease-in-out;
}

.footer-contact-info-content-royal {
	width: calc(100% - 4.0625rem);
}

.footer-contact-info-content-royal p {
	color: var(--white-color);
	margin-bottom: 0.3125rem;
}

.footer-contact-info-content-royal h2 {
	font-size: 1.375rem;
	color: var(--white-color);
}

.footer-contact-info-content-royal h2 a {
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.footer-contact-info-content-royal h2 a:hover {
	color: var(--accent-color);
}

.footer-contact-info-royal--text {
	align-items: flex-start;
}

.footer-contact-info-value {
	color: rgba(255, 255, 255, .78);
	font-size: .75rem;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.footer-social-royal {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--dark-divider-color);
}

.footer-social-royal > p {
	margin: 0 0 .875rem;
	color: rgba(255, 255, 255, .7);
	font-size: .75rem;
	font-weight: 600;
}

.footer-social-royal ul {
	display: flex;
	flex-wrap: wrap;
	gap: .625rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-social-royal li {
	margin: 0;
}

.footer-social-royal a {
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--accent-color);
	color: #101713;
	font-size: 1rem;
	transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.footer-social-royal a:hover,
.footer-social-royal a:focus-visible {
	background: #fff;
	color: var(--primary-color);
	transform: translateY(-2px);
}

.footer-links-box-royal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1.875rem;
	margin-left: 5.208vw;
}

.footer-links-royal {
	max-width: 35%;
}

.footer-links-royal h2 {
	font-size: 1.375rem;
	color: var(--white-color);
	margin-bottom: 1.5625rem;
}

.footer-links-royal ul {
	list-style: disc;
	padding: 0 0 0 1.25rem;
	margin: 0;
}

.footer-links-royal ul li {
	color: var(--white-color);
	line-height: 1.5em;
	margin-bottom: 0.9375rem;
}

.footer-links-royal ul li:last-child {
	margin-bottom: 0;
}

.footer-links-royal ul li::marker {
	color: var(--accent-color);
}

.footer-links-royal ul li a {
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.footer-links-royal ul li a:hover {
	color: var(--accent-color);
}

.footer-links-royal.footer-newsletter-box-royal {
	width: 100%;
	max-width: 42%;
}

.footer-copyright-royal {
	text-align: center;
	border-top: 1px solid var(--dark-divider-color);
	padding: 3.75rem 0;
	margin-top: 3.75rem;
}

.footer-copyright-text-royal p {
	color: var(--white-color);
	margin-bottom: 0;
}

@media only screen and (max-width: 64rem) {

	.hero-royal {
		height: auto;
		min-height: auto;
	}

	.hero-content-royal {
		margin: 0 0 1.875rem;
	}

	.hero-content-body-royal {
		border: none;
		padding: 0;
	}

	.about-us-image-box-royal {
		max-width: 37.5rem;
		margin: 0 auto 1.875rem;
	}

	.core-feature-content-royal {
		height: auto;
		margin-bottom: 1.875rem;
	}

	.core-feature-image-box-royal,
	.core-feature-image-royal,
	.core-feature-image-royal figure {
		height: auto;
		margin: 0;
	}

	.core-feature-image-royal figure img {
		height: auto;
		aspect-ratio: 1 / 0.7;
	}

	.why-choose-us-content-royal {
		margin-bottom: 1.875rem;
	}

	.why-choose-us-image-royal {
		max-width: 37.5rem;
		margin: 0 auto;
	}

	.faqs-content-royal {
		position: initial;
		margin: 0 0 1.875rem;
	}

	.testimonials-content-royal {
		margin-right: 0;
	}

	.about-footer-royal {
		margin-bottom: 1.875rem;
	}

	.about-footer-content-royal {
		margin-top: 1.25rem;
	}

	.footer-links-box-royal {
		margin-left: 0;
	}

	.footer-links-royal h2 {
		margin-bottom: 1.25rem;
	}

	.footer-copyright-royal {
		margin-top: 1.875rem;
		padding: 1.875rem 0;
	}
}

@media only screen and (max-width: 64rem) {

	.main-header.main-header-royal {
		top: 0;
		right: 0;
		left: 0;
	}

	.main-header.main-header-royal .header-sticky {
		border-radius: 0;
	}

	.main-header.main-header-royal .header-sticky.active {
		top: 0;
		left: 0;
		right: 0;
		border-top: none;
		border-right: none;
		border-left: none;
		border-radius: 0;
	}

	.hero-royal {
		padding: 10rem 0 5rem;
	}

	.hero-content-royal .section-title h1 {
		font-size: 3rem;
	}

	.hero-contact-info-royal .icon-box {
		width: 2.875rem;
		height: 2.875rem;
	}

	.hero-contact-info-royal .icon-box img {
		max-width: 1.25rem;
	}

	.hero-info-box-body-royal {
		padding: 0.625rem 0.625rem 0.625rem 1.25rem;
	}

	.hero-info-box-body-royal .icon-box {
		margin-bottom: 1.875rem;
	}

	.hero-info-box-content-royal h3 {
		font-size: 1.25rem;
	}

	.about-us-royal {
		padding: 3.75rem 0;
	}

	.about-us-body-royal {
		padding-top: 1.875rem;
	}

	.about-us-list-royal ul li {
		margin-bottom: 0.625rem;
	}

	.about-us-list-royal ul li::before {
		font-size: 1rem;
	}

	/* .about-us-btn-royal tablet tier -> .btn-wrap (components/buttons.css) */

	.about-us-counter-box-royal h2 {
		font-size: 2.375rem;
	}

	.our-services-royal {
		padding: 3.75rem 0;
	}

	.our-core-feature-royal {
		padding: 3.75rem 0;
	}

	/* .feature-item__content h3 tablet tier moved to components/card.css */

	.core-feature-content-body-royal {
		padding-top: 1.875rem;
		margin-top: 1.875rem;
	}

	.why-choose-us-royal {
		padding: 3.75rem 0;
	}

	.why-choose-content-body-royal {
		padding-top: 1.875rem;
		margin-top: 1.875rem;
	}

	.our-faqs-royal {
		padding: 3.75rem 0;
	}

	.faqs-content-royal .section-title {
		padding-bottom: 1.875rem;
	}

	.faq-accordion-royal .accordion-item {
		margin-bottom: 1.25rem;
	}

	.faq-accordion-royal .accordion-header .accordion-button {
		padding: 0.9375rem 3.125rem 0.9375rem 0.9375rem;
	}

	.faq-accordion-royal .accordion-item .accordion-button::after,
	.faq-accordion-royal .accordion-item .accordion-button.collapsed::after {
		right: 0.9375rem;
		width: 1.875rem;
		height: 1.875rem;
		background-size: 16px auto;
	}

	.faq-accordion-royal .accordion-item .accordion-body {
		padding: 0.9375rem;
	}

	.our-testimonials-royal {
		padding: 3.75rem 0;
	}

	.testimonials-content-royal {
		height: auto;
		gap: 1.875rem;
		margin: 0 0 1.875rem;
	}

	.testimonials-content-footer-royal {
		padding-top: 1.875rem;
	}

	.main-footer-royal {
		padding: 3.75rem 0 0;
	}

	.footer-contact-info-content-royal h2 {
		font-size: 1.25rem;
	}

	.footer-links-royal h2 {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 35rem) {

	.hero-content-royal .section-title h1 {
		font-size: 1.75rem;
	}

	.hero-content-body-royal {
		gap: 1.25rem;
	}

	.hero-contact-info-content-royal h2 {
		font-size: 1.125rem;
	}

	.hero-info-box-body-royal {
		width: 100%;
		padding: 1.25rem 0.625rem 0.625rem;
	}

	.hero-info-box-body-royal .icon-box {
		margin-bottom: 1.25rem;
	}

	.hero-info-box-content-royal h3 {
		font-size: 1.125rem;
		margin-bottom: 0.3125rem;
	}

	.hero-info-box-content-royal ul {
		padding-top: 0.9375rem;
		margin-top: 0.9375rem;
	}

	.about-us-image-box-1-royal {
		margin-bottom: 5rem;
	}

	.about-us-image-box-1-royal .about-us-image-royal figure {
		margin-right: -5.625rem;
	}

	.contact-us-circle-royal {
		left: 1.25rem;
	}

	.contact-us-circle-royal a img {
		max-width: 5.625rem;
	}

	.about-us-image-box-2-royal .about-us-image-2-royal {
		max-width: 11.25rem;
	}

	.about-us-body-content-royal {
		width: 100%;
	}

	.about-us-counter-box-royal {
		width: 100%;
		max-width: 100%;
		padding: 1.25rem;
	}

	.about-us-counter-box-royal h2 {
		font-size: 1.625rem;
	}

	.about-us-counter-box-royal p {
		margin: 0.3125rem 0 0;
	}

	.core-feature-list-royal {
		gap: 1.25rem;
	}

	/* .feature-item / .feature-item--boxed narrow tier tweaks dropped: folded
	   into components/card.css's 1024px/560px tiers */

	.core-feature-content-body-royal {
		gap: 1.25rem;
	}

	.core-feature-image-royal figure img {
		aspect-ratio: 1 / 0.987;
	}

	.core-feature-client-box-royal {
		left: 0.625rem;
		bottom: 0.625rem;
		max-width: 10rem;
		padding: 0.9375rem;
	}

	.core-feature-client-content-royal p {
		margin-top: 0.625rem;
	}

	.why-choose-item-royal {
		width: 100%;
	}

	.why-choose-item-content-royal {
		margin-top: 0.625rem;
	}

	.why-choose-content-body-royal {
		gap: 1.25rem;
	}

	.faq-accordion-royal .accordion-header .accordion-button {
		font-size: 1.125rem;
		padding: 0.75rem 2.8125rem 0.75rem 0.9375rem;
	}

	.faq-accordion-royal .accordion-item .accordion-button::after,
	.faq-accordion-royal .accordion-item .accordion-button.collapsed::after {
		width: 1.5rem;
		height: 1.5rem;
		background-size: 14px auto;
	}

	.faq-accordion-royal .accordion-item .accordion-body {
		padding: 0.75rem 0.9375rem;
	}

	.testimonials-footer-content-royal {
		max-width: 12.5rem;
	}

	.about-footer-content-royal {
		margin-top: 0.9375rem;
	}

	.footer-contact-info-content-royal h2 {
		font-size: 1.125rem;
	}

	.footer-links-royal {
		max-width: 100%;
	}

	.footer-links-royal h2 {
		font-size: 1.125rem;
		margin-bottom: 0.9375rem;
	}

	.footer-links-royal ul li {
		margin-bottom: 0.625rem;
	}

	.footer-links-royal.footer-newsletter-box-royal {
		max-width: 100%;
	}

	.footer-copyright-royal {
		padding: 0.9375rem 0;
	}
}

/************************************/
/***   35. Home - Version 3 css   ***/
/************************************/

.main-header.main-header-prime {
	position: absolute;
}

.main-header.main-header-prime .header-sticky {
	background: transparent;
	border-bottom: 1px solid var(--divider-color);
}

.main-header.main-header-prime .navbar {
	padding: 1.875rem 0;
}

@media only screen and (max-width: 64rem) {

	.main-header.main-header-prime .navbar {
		padding: 1.25rem 0;
	}
}

/************************************/
/***  Ener custom header / hero    ***/
/************************************/

.ener-wide-container {
	max-width: 92.5rem;
}

.main-header.main-header-royal.ener-site-header {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	z-index: 220;
	background: var(--white-color);
}

.ener-site-header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ener-site-header a {
	color: inherit;
}

.main-header.main-header-royal.ener-site-header .header-sticky,
.main-header.main-header-royal.ener-site-header .header-sticky.active {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	width: 100%;
	max-width: none;
	margin: 0;
	background: var(--white-color);
	border: 0;
	border-radius: 0;
	box-shadow: 0 12px 30px rgba(0, 91, 187, 0.08);
}

.main-header.main-header-royal.ener-site-header .navbar {
	display: block;
	padding: 0;
}

.ener-site-header__inner {
	display: grid;
	grid-template-columns: minmax(270px, 1fr) auto minmax(270px, 1fr);
	align-items: center;
	gap: 1.75rem;
	min-height: 6.5rem;
	padding: 1rem 0;
}

.ener-site-header__logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	justify-self: start;
	gap: 1.25rem;
	min-width: 0;
	color: var(--primary-color);
}

.ener-site-header__logo img {
	display: block;
	width: auto;
	max-width: 13.75rem;
	max-height: 4rem;
}

.ener-site-header__logo strong {
	color: #1f2520;
	font-size: 0.6875rem;
	font-weight: 400;
	line-height: 1.25;
}

.ener-site-header__mobile-title {
	display: block;
	color: #101713;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
}

.ener-site-header__mobile-title small {
	display: block;
	margin-top: 0.3125rem;
	color: #6b756f;
	font-family: "Montserrat", sans-serif;
	font-size: 0.5625rem;
	font-weight: 600;
	letter-spacing: .01em;
}

.ener-site-header__menu {
	display: flex;
	flex: 0 1 auto;
	align-items: center;
	justify-content: center;
	justify-self: center;
	min-width: 0;
}

.ener-site-header .main-menu .nav-menu-wrapper {
	flex: 0 1 auto;
	margin: 0;
	text-align: center;
}

.ener-site-header .main-menu .nav-menu-wrapper>ul,
.ener-site-header .main-menu .navbar-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.75rem 2rem;
}

.ener-site-header .main-menu ul li {
	margin: 0;
}

.ener-site-header .main-menu ul li a {
	color: #111;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	padding: 0.5rem 0 !important;
	text-transform: none;
}

.ener-site-header .main-menu ul li a:hover,
.ener-site-header .main-menu ul li a:focus {
	color: var(--accent-color);
}

.ener-site-header__cta {
	flex-shrink: 0;
	margin-left: 1.5rem;
}

.ener-site-header__cta .btn-default {
	border-radius: 1.875rem;
	font-size: 0.875rem;
	padding: 0.8125rem 2.75rem 0.8125rem 1.125rem;
	text-transform: none;
}

.ener-site-header__info {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	flex-shrink: 0;
	justify-self: end;
	gap: 0.375rem;
	min-width: 16.875rem;
	text-align: right;
}

.ener-site-header__phone {
	color: #000;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.1;
	white-space: nowrap;
}

.ener-site-header__phone:hover {
	color: var(--accent-color);
}

.ener-site-header__info span {
	max-width: 14.375rem;
	color: #4d5550;
	font-size: 0.6875rem;
	line-height: 1.3;
}

.ener-video-hero {
	height: auto;
	min-height: auto;
	align-content: normal;
	padding: 1.5rem 0 5.625rem;
	overflow: visible;
	background: #f6f8f7;
}

.ener-video-hero::before {
	display: none;
}

.ener-video-hero__frame {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: calc(100% - 2rem);
	max-width: 118rem;
	min-height: 48.75rem;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 2.25rem;
	background: var(--primary-color);
}

.ener-video-hero .hero-bg-video-royal {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.ener-video-hero .hero-bg-video-royal video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ener-video-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 91, 187, 0.16) 0%, rgba(0, 59, 122, 0.86) 100%);
}

.ener-video-hero__content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 92.5rem;
	padding-top: 11.25rem;
	padding-bottom: 4.75rem;
}

.ener-video-hero .hero-content-royal {
	margin-right: 0;
}

.ener-video-hero .hero-content-royal .section-title h1 {
	max-width: 47.5rem;
}

.ener-video-hero .hero-info-box-royal {
	max-width: 26.875rem;
	margin-left: auto;
}

.ener-video-hero .hero-info-box-body-royal {
	width: 100%;
	padding: 1.75rem 1.875rem;
}

.ener-video-hero .hero-info-box-body-royal .icon-box {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 64rem) {
	.ener-site-header__inner {
		grid-template-columns: minmax(245px, 1fr) auto minmax(245px, 1fr);
		gap: 1.25rem;
	}

	.ener-site-header__info {
		min-width: 15.3125rem;
	}

	.ener-site-header .main-menu .nav-menu-wrapper>ul,
	.ener-site-header .main-menu .navbar-nav {
		gap: 0.75rem 1.375rem;
	}

	.ener-site-header__phone {
		font-size: 1.375rem;
	}

	.ener-video-hero__content {
		max-width: 81.25rem;
	}
}

@media only screen and (max-width: 64rem) {

	.ener-site-header__menu,
	.ener-site-header__info {
		display: none !important;
	}

	.ener-site-header__toggle,
	.ener-site-header__mobile {
		display: block;
	}

	.ener-site-header__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 5.625rem;
	}

	.ener-video-hero__frame {
		min-height: 43.75rem;
	}

	.ener-video-hero__content {
		padding-top: 8.125rem;
		padding-bottom: 4rem;
	}

	.ener-video-hero .hero-info-box-royal {
		max-width: 100%;
		margin: 3.125rem 0 0;
	}
}

@media only screen and (max-width: 64rem) {

	.ener-site-header__logo img {
		max-width: 11.875rem;
		max-height: 3.625rem;
	}

	.ener-video-hero {
		padding: 1.25rem 0 4.375rem;
	}

	.ener-video-hero__frame {
		width: calc(100% - 1.75rem);
		min-height: 40rem;
		border-radius: 1.75rem;
	}
}

@media only screen and (max-width: 35rem) {

	.ener-site-header__inner {
		min-height: 5.125rem;
	}

	.ener-site-header__logo {
		gap: 0.875rem;
	}

	.ener-site-header__logo strong {
		display: none;
	}

	.ener-site-header__mobile-title {
		display: block;
		color: #101713;
		font-family: "Montserrat Alternates", sans-serif;
		font-size: 0.9375rem;
		font-weight: 700;
		line-height: 1.15;
		white-space: nowrap;
	}

	.ener-site-header__mobile-title small {
		display: block;
		margin-top: 0.3125rem;
		color: #6b756f;
		font-family: "Montserrat", sans-serif;
		font-size: 0.5625rem;
		font-weight: 600;
		letter-spacing: .01em;
	}

	.ener-video-hero__frame {
		width: calc(100% - 1.25rem);
		min-height: 38.75rem;
		border-radius: 1.375rem;
	}

	.ener-video-hero__content {
		padding-top: 5rem;
		padding-bottom: 2.875rem;
	}
}

@media only screen and (max-width: 35rem) {

	.ener-site-header__logo img {
		max-width: 10.625rem;
	}

	.ener-site-header__mobile-title {
		font-size: 0.875rem;
	}

	.ener-site-header__mobile-title small {
		font-size: 0.5rem;
	}

	.ener-video-hero__frame {
		min-height: auto;
	}

	.ener-video-hero__content {
		padding-top: 4.375rem;
		padding-bottom: 2.375rem;
	}

	.ener-video-hero .hero-content-body-royal {
		gap: 1.125rem;
	}
}

.our-services-royal.ener-service-data {
	background: var(--white-color);
	padding: 2.125rem 0 2.625rem;
}

.client-connection+.our-services-royal.ener-service-data {
	padding-top: 6.5rem;
}

/* .ener-service-data__items / .ener-service-data__item (+ modifiers/sub-parts)
   moved to components/card.css */

/* .ener-service-data__item(s) responsive tiers moved to components/card.css
   (the 1199px tier is folded into the 1024px tablet tier there) */

@media only screen and (max-width: 35rem) {
	.our-services-royal.ener-service-data {
		padding: 1.5rem 0 4rem;
	}
}

.ener-join-form {
	background: var(--white-color);
	padding: 0 0 6rem;
}

.ener-join-form__inner {
	display: grid;
	grid-template-columns: 350px minmax(0, 1fr);
	align-items: start;
	gap: 3.375rem;
}

.ener-join-form__title-wrapper {
	padding-top: 0.5rem;
}

.ener-join-form__title {
	color: #000;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: 0;
	margin: 0;
}

.ener-join-form__title-wrapper img {
	display: block;
	width: 10.375rem;
	max-width: 100%;
	margin-top: 1.125rem;
}

.ener-join-form__body {
	width: 100%;
}

.ener-join-form__grid {
	display: grid;
	grid-template-columns: minmax(190px, 1.2fr) minmax(170px, 1fr) minmax(170px, 1fr) 198px;
	gap: 0.5rem;
}

/* .ener-join-form__field/__submit and the bare .ener-join-form__privacy label
   moved to the shared .form-field/.form-submit/.form-consent (components/forms.css) —
   this was in fact the reference design forms.css was built from. */

.ener-join-form__privacy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 1.75rem;
}

.ener-join-form__privacy .form-consent {
	color: #6e7480;
	font-size: 0.6875rem;
	font-weight: 400;
	line-height: 1.35;
}

.ener-join-form__privacy .form-consent input {
	border: 1px solid #969696;
	accent-color: var(--brand-blue);
}

@media only screen and (max-width: 64rem) {
	.ener-join-form__inner {
		grid-template-columns: 300px minmax(0, 1fr);
		gap: 2.25rem;
	}
}

@media only screen and (max-width: 64rem) {
	.ener-join-form__inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.ener-join-form__title-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.5rem;
		padding-top: 0;
	}

	.ener-join-form__title-wrapper img {
		width: 8.125rem;
		margin-top: 0;
	}
}

@media only screen and (max-width: 35rem) {
	.client-connection+.our-services-royal.ener-service-data {
		padding-top: 4.625rem;
	}

	.ener-join-form {
		padding-bottom: 4.5rem;
	}

	.ener-join-form__body {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.5rem;
	}

	.ener-join-form__grid {
		display: contents;
	}

	.ener-join-form__privacy {
		grid-column: 1 / -1;
		order: 10;
		margin: 1.25rem 0 0;
	}

	.ener-join-form__body .form-submit {
		grid-column: 1 / -1;
		order: 11;
		width: 100%;
		margin-top: 0.625rem;
	}

	.ener-join-form__body .wpcf7-spinner {
		order: 11;
	}

	.ener-join-form__body .wpcf7-response-output {
		grid-column: 1 / -1;
		order: 12;
	}
}

@media only screen and (max-width: 35rem) {
	.ener-join-form__title-wrapper {
		align-items: flex-start;
	}

	.ener-join-form__title {
		font-size: 1.4375rem;
	}

	.ener-join-form__title-wrapper img {
		width: 6rem;
	}

	.ener-join-form__grid {
		grid-template-columns: 1fr;
	}

	.ener-join-form__body {
		grid-template-columns: 1fr;
	}
}

body,
p,
li,
label,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.section-title h1,
.section-title h2,
.section-title p,
.section-title-content p,
.ener-site-header__logo,
.ener-site-header__logo strong,
.ener-site-header .main-menu ul li a,
.ener-site-header__phone,
.ener-site-header__info span,
.ener-service-data__item:not(.ener-service-data__item--dark),
.ener-join-form__title,
.ener-join-form__field input,
.ener-join-form__field select,
.ener-join-form__field input::placeholder,
.ener-join-form__privacy label {
	color: #000;
}

.btn-default {
	color: #000;
}

.btn-default:hover,
.ener-join-form__submit,
.ener-join-form__submit:hover,
.ener-join-form__submit:focus,
.dark-section,
.dark-section p,
.dark-section li,
.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section .section-title h1,
.dark-section .section-title h2,
.dark-section .section-title p,
.dark-section .section-title-content p,
.ener-service-data__item--dark,
.ener-service-data__item--dark:hover {
	color: var(--white-color);
}

.btn-default.btn-highlighted:hover {
	color: #000;
}

.client-connection {
	background: var(--secondary-color);
	overflow: hidden;
	padding: 0;
}

.client-connection .container-fluid {
	padding: 0;
}

.client-connection .row {
	min-height: 47.5rem;
}

.client-connection__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	min-height: 47.5rem;
	padding: 6rem clamp(2rem, 5.2vw, 6.25rem);
}

.client-connection .section-title {
	max-width: 47.5rem;
	margin-bottom: 2.125rem;
}

.client-connection .section-title h2 {
	color: #000;
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
	margin-bottom: 1.125rem;
}

.client-connection .section-title p {
	color: #000;
	font-size: 1rem;
	line-height: 1.65;
	margin: 0;
	max-width: 45rem;
}

.client-connection__steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}

.client-connection__step {
	display: flex;
	align-items: flex-start;
	gap: 1.125rem;
	background: var(--white-color);
	border-radius: 0.875rem;
	min-height: 9.375rem;
	padding: 1.75rem 1.5rem;
}

.client-connection__step-number {
	flex: 0 0 44px;
	color: var(--brand-yellow);
	font-size: 2.125rem;
	font-weight: 600;
	line-height: 1;
}

.client-connection__step-content h3 {
	color: #000;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.625rem;
}

.client-connection__step-content p {
	color: #000;
	font-size: 0.875rem;
	line-height: 1.55;
	margin: 0;
}

.client-connection__legal {
	background: rgba(255, 255, 255, 0.78);
	border-left: 3px solid var(--brand-blue-light);
	border-radius: 0 0.875rem 0.875rem 0;
	margin-top: 1.625rem;
	padding: 1.125rem 1.5rem;
}

.client-connection__legal span {
	display: block;
	color: var(--brand-blue);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0.5625rem;
}

.client-connection__legal p {
	color: #000;
	font-size: 0.875rem;
	line-height: 1.6;
	margin: 0;
}

.client-connection__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.125rem 1.75rem;
	margin-top: 1.75rem;
}

.client-connection__primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.375rem;
	background: var(--brand-blue);
	border-radius: 62.4375rem;
	color: var(--white-color);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1;
	padding: 1.0625rem 1.75rem;
}

.client-connection__primary:hover,
.client-connection__primary:focus {
	background: var(--brand-blue-light);
	color: var(--white-color);
	transform: translateY(-2px);
}

.client-connection__secondary {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	color: #000;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1;
}

.client-connection__secondary i {
	color: var(--brand-blue-light);
	font-size: 1.125rem;
	transition: color 0.3s ease, transform 0.3s ease;
}

.client-connection__secondary:hover,
.client-connection__secondary:focus {
	color: var(--brand-blue);
}

.client-connection__secondary:hover i,
.client-connection__secondary:focus i {
	color: var(--brand-yellow-dark);
	transform: translateX(3px);
}

.client-connection__visual {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	height: 100%;
	min-height: 47.5rem;
	background: var(--brand-blue);
}

.client-connection__visual-tile {
	position: relative;
	min-height: 23.75rem;
	overflow: hidden;
}

.client-connection__visual-tile--photo figure,
.client-connection__visual-tile--photo .image-anime {
	display: block;
	width: 100%;
	height: 100%;
}

.client-connection__visual-tile--photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.client-connection__visual-tile--stat {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 3.125rem;
	background: var(--brand-blue);
	color: var(--white-color);
	padding: 2.875rem;
}

.client-connection__visual-tile--stat::after {
	content: '';
	display: block;
	width: calc(100% - 5.75rem);
	height: 0.0625rem;
	background: rgba(255, 255, 255, 0.22);
	position: absolute;
	left: 2.875rem;
	bottom: 7rem;
}

.client-connection__stat-header h3 {
	color: var(--white-color);
	font-size: 3.625rem;
	font-weight: 700;
	line-height: 0.9;
	margin-bottom: 0.625rem;
}

.client-connection__stat-header p,
.client-connection__visual-tile--stat>p {
	color: var(--white-color);
	font-size: 0.9375rem;
	line-height: 1.55;
	margin: 0;
}

.client-connection__stat-icon {
	position: absolute;
	top: 2.625rem;
	right: 2.625rem;
	width: 3rem;
	height: 3rem;
	background: var(--brand-yellow);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.client-connection__stat-icon img {
	width: 1.4375rem;
	height: 1.4375rem;
}

.client-connection__visual-tile--map {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	background: var(--brand-blue);
	color: var(--white-color);
	text-align: center;
	padding: 2.875rem 2.625rem 0;
}

.client-connection__visual-tile--map p {
	color: var(--white-color);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.45;
	margin: 0 auto;
	max-width: 32.5rem;
}

.client-connection__visual-tile--map img {
	width: min(82%, 26.875rem);
	opacity: 0.35;
	transform: translateY(30px);
}

@media only screen and (max-width: 64rem) {
	.client-connection__content {
		padding: 5.25rem 3.25rem;
	}

	.client-connection .section-title h2 {
		font-size: 2.375rem;
	}

	.client-connection__step {
		min-height: 10.25rem;
		padding: 1.625rem 1.375rem;
	}
}

@media only screen and (max-width: 64rem) {

	.client-connection .row,
	.client-connection__content,
	.client-connection__visual {
		min-height: 0;
	}

	.client-connection__content {
		padding: 5.25rem 2.5rem;
	}

	.client-connection__visual {
		min-height: 38.75rem;
	}

	.client-connection__visual-tile {
		min-height: 19.375rem;
	}
}

@media only screen and (max-width: 35rem) {
	.client-connection__content {
		padding: 4.5rem 1.5rem;
	}

	.client-connection .section-title h2 {
		font-size: 2rem;
	}

	.client-connection__steps {
		grid-template-columns: 1fr;
		gap: 1.125rem;
	}

	.client-connection__step {
		min-height: 0;
	}

	.client-connection__visual {
		min-height: 0;
	}

	.client-connection__visual-tile {
		min-height: 16.25rem;
	}

	.client-connection__visual-tile--stat {
		padding: 2.125rem 1.75rem;
	}

	.client-connection__visual-tile--stat::after {
		left: 1.75rem;
		width: calc(100% - 3.5rem);
	}

	.client-connection__stat-icon {
		top: 1.75rem;
		right: 1.75rem;
	}

	.client-connection__visual-tile--map {
		padding: 2.125rem 1.75rem 0;
	}

	.client-connection__visual-tile--map p {
		font-size: 1.125rem;
	}
}

@media only screen and (max-width: 35rem) {
	.client-connection__content {
		padding: 4rem 1.25rem;
	}

	.client-connection .section-title h2 {
		font-size: 1.8125rem;
	}

	.client-connection__step {
		gap: 0.875rem;
		padding: 1.5rem 1.25rem;
	}

	.client-connection__step-number {
		flex-basis: 38px;
		font-size: 1.875rem;
	}

	.client-connection__legal {
		padding: 1.0625rem 1.25rem;
	}

	.client-connection__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.client-connection__primary,
	.client-connection__secondary {
		justify-content: center;
		width: 100%;
	}

	.client-connection__visual {
		grid-template-columns: 1fr;
	}

	.client-connection__visual-tile {
		min-height: 15.625rem;
	}

	.client-connection__visual-tile--stat {
		min-height: 17.5rem;
	}
}

.testimonial-contact-card-royal {
	max-width: 33.75rem;
	background: var(--white-color);
	border-radius: 0.875rem;
	padding: 2.875rem;
	margin-left: auto;
}

.testimonial-contact-card__header {
	margin-bottom: 1.75rem;
}

.testimonial-contact-card__header span {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--secondary-color);
	border-radius: 62.4375rem;
	color: var(--brand-blue);
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1;
	padding: 0.625rem 1rem;
	margin-bottom: 1.125rem;
}

.testimonial-contact-card__header span::before {
	content: '';
	width: 0.4375rem;
	height: 0.4375rem;
	background: var(--brand-yellow);
	border-radius: 50%;
}

.testimonial-contact-card__header h3 {
	color: #000;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.75rem;
}

.testimonial-contact-card__header p {
	color: #000;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin: 0;
}

.testimonial-contact-card__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.875rem;
}

/* .testimonial-contact-card__field/__consent/__submit unified onto the shared
   .form-field/.form-consent/.form-submit (components/forms.css) */
.testimonial-contact-card__field--wide {
	grid-column: 1 / -1;
}

@media only screen and (max-width: 64rem) {
	.testimonial-contact-card-royal {
		max-width: 100%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 35rem) {
	.testimonial-contact-card-royal {
		padding: 1.75rem 1.375rem;
	}

	.testimonial-contact-card__header h3 {
		font-size: 1.5rem;
	}

	.testimonial-contact-card__form {
		grid-template-columns: 1fr;
	}
}

/* Customers page */
.customers-page {
	background: #f3f8fd;
	color: #000;
}

.customers-page a {
	text-decoration: none;
}

.ener-site-header .main-menu ul li a.active {
	color: var(--accent-color);
}

/* .customers-hero (-> .hero--photo) moved to components/hero.css */

/* .customers-link-button unified onto .btn-default.btn-default--outline (components/buttons.css) */

.customers-highlights {
	padding: 4.75rem 0 5.375rem;
	background: #f3f8fd;
}

.customers-highlights__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.customers-highlight {
	min-height: 14.375rem;
	border: 1px solid rgba(0, 91, 187, 0.1);
	border-radius: 1.25rem;
	background: #fff;
	padding: 1.875rem;
	box-shadow: 0 20px 55px rgba(0, 59, 122, 0.07);
}

.customers-highlight i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.375rem;
	height: 3.375rem;
	margin-bottom: 1.875rem;
	border-radius: 50%;
	background: var(--accent-color);
	color: var(--brand-blue);
	font-size: 1.25rem;
}

.customers-highlight h2 {
	margin: 0 0 0.75rem;
	color: #000;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1.25;
}

.customers-highlight p {
	margin: 0;
	color: #4d5763;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.6;
}

.customers-process,
.customers-contract {
	background: #fff;
	padding: 6rem 0;
}

/* .customers-section-title (-> .section-title.section-title--center) moved to
   components/section-title.css; this page's 760px max-width kept as a scoped override */
.customers-page .section-title--center {
	--section-title-max-width: 47.5rem;
	/* 760px */
}

.customers-legal__content h2,
.customers-consultation__content h2 {
	margin: 0 0 1.125rem;
	color: #000;
	font-size: 2.875rem;
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: 0;
}

.customers-process__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.125rem;
}

.customers-step {
	min-height: 15.625rem;
	border-radius: 1.25rem;
	background: #f3f8fd;
	padding: 2.125rem;
}

.customers-step span {
	display: block;
	margin-bottom: 2rem;
	color: var(--accent-color);
	font-size: 2.625rem;
	font-weight: 600;
	line-height: 1;
}

.customers-step h3 {
	margin: 0 0 0.75rem;
	color: #000;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.2;
}

.customers-step p {
	margin: 0;
	color: #4d5763;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.6;
}

.customers-legal {
	padding: 6rem 0;
	background: #eef5fb;
}

.customers-legal__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	align-items: start;
	gap: 2.875rem;
}

.customers-legal__content {
	max-width: 51.875rem;
}

.customers-legal__content p {
	margin: 0 0 1.375rem;
	color: #263140;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.75;
}

.customers-legal__content p:last-child {
	margin-bottom: 0;
}

.customers-side-panel {
	position: sticky;
	top: 1.75rem;
	border-radius: 1.375rem;
	background: var(--brand-blue);
	color: #fff;
	padding: 2rem;
	box-shadow: 0 28px 65px rgba(0, 91, 187, 0.18);
}

.customers-side-panel i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.375rem;
	height: 3.375rem;
	margin-bottom: 2.125rem;
	border-radius: 50%;
	background: var(--accent-color);
	color: var(--brand-blue);
	font-size: 1.25rem;
}

.customers-side-panel h3 {
	margin: 0 0 0.875rem;
	color: #fff;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.22;
}

.customers-side-panel p {
	margin: 0 0 1.75rem;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.6;
}

.customers-side-panel a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 800;
}

.customers-contract__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 2.25rem 0 0;
	padding: 0;
	counter-reset: contract-list;
	list-style: none;
}

.customers-contract__list li {
	position: relative;
	min-height: 5.375rem;
	border: 1px solid rgba(0, 91, 187, 0.11);
	border-radius: 1rem;
	background: #f7fbff;
	color: #17212b;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.45;
	padding: 1.5rem 1.5rem 1.5rem 4.625rem;
	counter-increment: contract-list;
}

.customers-contract__list li::before {
	content: counter(contract-list, decimal-leading-zero);
	position: absolute;
	top: 1.375rem;
	left: 1.375rem;
	color: var(--accent-color);
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1;
}

.customers-faq {
	padding: 6rem 0;
	background: #f3f8fd;
}

.customers-faq__grid {
	display: grid;
	grid-template-columns: 390px minmax(0, 1fr);
	align-items: start;
	gap: 3.375rem;
}

.customers-accordion {
	display: grid;
	gap: 0.75rem;
}

.customers-accordion details {
	border: 1px solid rgba(0, 91, 187, 0.12);
	border-radius: 1rem;
	background: #fff;
	padding: 0;
	overflow: hidden;
}

.customers-accordion summary {
	position: relative;
	display: block;
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	padding: 1.5rem 3.625rem 1.5rem 1.5rem;
	cursor: pointer;
}

.customers-accordion summary::-webkit-details-marker {
	display: none;
}

.customers-accordion summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	background: var(--accent-color);
	color: #000;
	font-size: 1.1875rem;
	font-weight: 600;
	line-height: 1.75rem;
	text-align: center;
	transform: translateY(-50%);
}

.customers-accordion details[open] summary::after {
	content: "-";
}

.customers-accordion p {
	margin: 0;
	border-top: 1px solid rgba(0, 91, 187, 0.1);
	color: #4d5763;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.65;
	padding: 1.5rem;
}

.customers-consultation {
	padding: 6rem 0;
	background: var(--brand-blue);
	color: #fff;
}

.customers-consultation__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(360px, 0.72fr);
	align-items: start;
	gap: 3.75rem;
}

.customers-consultation__content {
	padding-top: 1rem;
}

.customers-consultation__content h2 {
	max-width: 40.625rem;
	color: #fff;
}

.customers-consultation__content p {
	max-width: 35rem;
	margin: 0 0 1.75rem;
	color: rgba(255, 255, 255, 0.82);
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.7;
}

.customers-phone-link {
	display: inline-flex;
	align-items: center;
	color: #fff;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
}

.customers-phone-link:hover,
.customers-phone-link:focus {
	color: var(--accent-color);
}

.customers-form {
	display: grid;
	gap: 0.75rem;
	border-radius: 1.375rem;
	background: #fff;
	padding: 1.75rem;
	box-shadow: 0 30px 70px rgba(0, 59, 122, 0.22);
}

/* .customers-form label/input/textarea/__consent/button unified onto the
   shared .form-field/.form-consent/.form-submit (components/forms.css) */

@media only screen and (max-width: 64rem) {
	/* .hero--photo tier dropped: collapsed into 1024px/560px tiers (components/hero.css) */

	.customers-highlights {
		padding-top: 4rem;
	}

	.customers-highlights__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 64rem) {

	/* .hero--photo grid/content/visual tier moved to components/hero.css (folded into the 1024px tablet tier) */
	.customers-legal__grid,
	.customers-faq__grid,
	.customers-consultation__grid {
		grid-template-columns: 1fr;
	}

	.customers-side-panel {
		position: relative;
		top: auto;
	}
}

@media only screen and (max-width: 64rem) {

	/* .hero--photo padding/heading tier moved to components/hero.css */
	.customers-process,
	.customers-legal,
	.customers-contract,
	.customers-faq,
	.customers-consultation {
		padding: 4.5rem 0;
	}

	.customers-legal__content h2,
	.customers-consultation__content h2 {
		font-size: 2.625rem;
	}

	.customers-process__grid,
	.customers-contract__list {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 35rem) {
	.customers-highlights {
		padding-top: 3rem;
	}

	.customers-highlights__grid {
		grid-template-columns: 1fr;
	}

	/* .hero--photo actions/note tier moved to components/hero.css (folded into the 560px mobile tier) */

	.customers-phone-link {
		font-size: 1.4375rem;
	}
}

@media only screen and (max-width: 35rem) {

	/* .hero--photo padding/heading tier moved to components/hero.css */
	.customers-process,
	.customers-legal,
	.customers-contract,
	.customers-faq,
	.customers-consultation {
		padding: 3.625rem 0;
	}

	.customers-legal__content h2,
	.customers-consultation__content h2 {
		font-size: 2.125rem;
	}

	.customers-legal__content p,
	.customers-consultation__content p {
		font-size: 0.9375rem;
	}

	.customers-highlight,
	.customers-step,
	.customers-side-panel,
	.customers-form {
		padding: 1.5rem;
	}

	.customers-accordion summary {
		font-size: 1.0625rem;
		padding: 1.375rem 3.375rem 1.375rem 1.25rem;
	}

	.customers-accordion p {
		font-size: 0.9375rem;
		padding: 0 1.25rem 1.375rem;
	}
}

/* Gas prices page */
.gas-prices-page {
	background: #f2f7fc;
	color: #050505;
	overflow-x: clip;
}

.gas-prices-page a {
	text-decoration: none;
}

/* .gas-prices-hero (-> .hero--gradient.hero--gasprices) moved to components/hero.css */

.gas-prices-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.5625rem;
	width: fit-content;
	margin-bottom: 1.375rem;
	padding: 0.5rem 1rem;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 6.25rem;
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
	font-size: 0.8125rem;
	font-weight: 800;
	line-height: 1.2;
}

.gas-prices-link {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	min-height: 3.375rem;
	padding: 0 1.5rem;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 6.25rem;
	color: #ffffff;
	font-size: 0.9375rem;
	font-weight: 800;
}

.gas-prices-link:hover {
	border-color: #ffcc00;
	color: #ffcc00;
}

/* .gas-prices-hero__panel and its sub-parts were never used in any HTML file
   (the gas/prices.html hero grid only ever renders the .hero__content column) —
   confirmed dead,
removed. See AUDIT.md §5/§7. */

.gas-price-metrics {
	padding: 3rem 0 4.5rem;
	background: #f2f7fc;
}

.gas-price-metrics__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.125rem;
	margin-top: 0;
	position: relative;
	z-index: 2;
}

.gas-price-metric {
	min-height: 11.75rem;
	padding: 1.75rem;
	border: 1px solid rgba(0, 94, 177, 0.1);
	border-radius: 0.5rem;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(0, 75, 150, 0.09);
}

.gas-price-metric i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin-bottom: 1.375rem;
	border-radius: 50%;
	background: #ffcc00;
	color: #005eb1;
	font-size: 1.25rem;
}

.gas-price-metric strong {
	display: block;
	margin-bottom: 0.625rem;
	color: #050505;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1.25;
}

.gas-price-metric span {
	display: block;
	color: #4f6070;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.55;
}

.gas-price-structure {
	padding: 5.875rem 0;
	background: #ffffff;
}

.gas-price-structure__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.84fr) minmax(0, 1fr);
	gap: 3.875rem;
	align-items: start;
}

.gas-price-structure__content h2,
.gas-price-section-title h2,
.gas-price-switch__content h2,
.gas-price-consultation__content h2 {
	margin-bottom: 1.5rem;
	color: #050505;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 3.125rem;
	font-weight: 500;
	line-height: 1.14;
}

.gas-price-structure__content p,
.gas-price-switch__content p,
.gas-price-legal__content p,
.gas-price-consultation__content p {
	color: #4f6070;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.75;
}

.gas-price-structure__table {
	display: grid;
	gap: 0.75rem;
}

.gas-price-row {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	gap: 1.5rem;
	min-height: 8.25rem;
	padding: 1.5rem;
	border: 1px solid rgba(0, 94, 177, 0.12);
	border-radius: 0.5rem;
	background: #f2f7fc;
}

.gas-price-row span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 50%;
	background: #005eb1;
	color: #ffffff;
	font-size: 1.125rem;
	font-weight: 900;
}

.gas-price-row strong {
	display: block;
	margin-bottom: 0.5rem;
	color: #050505;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25;
}

.gas-price-row p {
	margin: 0;
	color: #4f6070;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.55;
}

.gas-price-note {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 1.25rem;
	align-items: center;
	margin-top: 2.125rem;
	padding: 1.625rem 1.875rem;
	border-left: 5px solid #ffcc00;
	border-radius: 0.5rem;
	background: #005eb1;
}

.gas-price-note i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	background: #ffcc00;
	color: #005eb1;
	font-size: 1.25rem;
}

.gas-price-note p {
	margin: 0;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.6;
}

.gas-price-documents {
	padding: 6rem 0;
	background: #f2f7fc;
}

.gas-price-section-title {
	max-width: 51.25rem;
	margin: 0 auto 2.875rem;
	text-align: center;
}

.gas-price-section-title--left {
	margin: 0;
	text-align: left;
}

.gas-price-documents__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.gas-price-document {
	display: flex;
	flex-direction: column;
	min-height: 19.375rem;
	padding: 2rem;
	border: 1px solid rgba(0, 94, 177, 0.12);
	border-radius: 0.5rem;
	background: #ffffff;
	color: #050505;
	box-shadow: 0 20px 54px rgba(0, 75, 150, 0.08);
}

.gas-price-document>i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 1.875rem;
	border-radius: 50%;
	background: #ffcc00;
	color: #005eb1;
	font-size: 1.375rem;
}

.gas-price-document span {
	display: block;
	margin-bottom: 0.875rem;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
}

.gas-price-document p {
	margin: 0 0 1.75rem;
	color: #4f6070;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.65;
}

.gas-price-document strong,
.gas-price-document a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	margin-top: auto;
	color: #005eb1;
	font-size: 0.9375rem;
	font-weight: 900;
}

.gas-price-document--accent {
	background: #005eb1;
	color: #ffffff;
}

.gas-price-document--accent p {
	color: rgba(255, 255, 255, 0.82);
}

.gas-price-document--accent a {
	color: #ffcc00;
}

.gas-price-switch {
	padding: 6.125rem 0;
	background: #ffffff;
}

.gas-price-switch__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.94fr) minmax(0, 1fr);
	gap: 4rem;
	align-items: center;
}

.gas-price-switch__visual {
	position: relative;
	min-height: 38.75rem;
}

.gas-price-switch__image {
	width: 100%;
	height: 38.75rem;
	border-radius: 0.5rem;
	background-image: linear-gradient(180deg, rgba(0, 94, 177, 0.08), rgba(0, 56, 105, 0.36)), url("../images/gs.png");
	background-position: center;
	background-size: cover;
}

.gas-price-switch__caption {
	position: absolute;
	right: 1.75rem;
	bottom: 1.75rem;
	width: min(20.625rem, calc(100% - 3.5rem));
	padding: 1.625rem;
	border-radius: 0.5rem;
	background: #005eb1;
	box-shadow: 0 22px 54px rgba(0, 35, 80, 0.2);
}

.gas-price-switch__caption strong {
	display: block;
	margin-bottom: 0.5rem;
	color: #ffcc00;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 1;
}

.gas-price-switch__caption span {
	display: block;
	color: #ffffff;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.5;
}

.gas-price-steps {
	display: grid;
	gap: 1rem;
	margin-top: 2.25rem;
}

.gas-price-step {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	gap: 1.25rem;
	align-items: start;
	padding: 1.5rem;
	border-radius: 0.5rem;
	background: #f2f7fc;
}

.gas-price-step span {
	color: #ffcc00;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 2.375rem;
	font-weight: 800;
	line-height: 1;
}

.gas-price-step strong {
	display: block;
	margin-bottom: 0.5rem;
	color: #050505;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 1.375rem;
	font-weight: 700;
}

.gas-price-step p {
	margin: 0;
	color: #4f6070;
	font-size: 0.9375rem;
	line-height: 1.6;
}

.gas-price-legal {
	padding: 5.75rem 0;
	background: #f2f7fc;
}

.gas-price-legal__grid {
	display: grid;
	grid-template-columns: minmax(280px, 0.52fr) minmax(0, 1fr);
	gap: 3.75rem;
}

.gas-price-legal__content {
	display: grid;
	gap: 1.125rem;
}

.gas-price-legal__content p {
	margin: 0;
	padding: 1.625rem 0 1.625rem 1.75rem;
	border-left: 4px solid #005eb1;
}

.gas-price-consultation {
	padding: 6rem 0;
	background: #005eb1;
}

.gas-price-consultation__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(0, 1fr);
	gap: 3.375rem;
	align-items: center;
}

.gas-price-consultation__content h2,
.gas-price-consultation__content p {
	color: #ffffff;
}

.gas-price-consultation__content a {
	display: inline-flex;
	margin-top: 0.5rem;
	color: #ffcc00;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 1.9375rem;
	font-weight: 800;
	line-height: 1.25;
}

.gas-price-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.875rem;
	padding: 1.75rem;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 0.5rem;
	background: #ffffff;
	box-shadow: 0 28px 72px rgba(0, 20, 48, 0.2);
}

/* .gas-price-form label/span/input/textarea/__consent/button unified onto the
   shared .form-field/.form-consent/.form-submit (components/forms.css) */
.gas-price-form__wide {
	grid-column: 1 / -1;
}

@media only screen and (max-width: 64rem) {
	/* .hero--gasprices tier dropped: collapsed into 1024px/560px tiers (components/hero.css) */

	.gas-price-structure__content h2,
	.gas-price-section-title h2,
	.gas-price-switch__content h2,
	.gas-price-consultation__content h2 {
		font-size: 2.75rem;
	}
}

@media only screen and (max-width: 64rem) {

	.gas-price-structure__grid,
	.gas-price-switch__grid,
	.gas-price-legal__grid,
	.gas-price-consultation__grid {
		grid-template-columns: 1fr;
	}

	.gas-price-metrics__grid,
	.gas-price-documents__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gas-price-switch__visual,
	.gas-price-switch__image {
		min-height: 30rem;
		height: 30rem;
	}
}

@media only screen and (max-width: 64rem) {

	/* .hero--gasprices tablet tier moved to components/hero.css */
	.gas-price-structure,
	.gas-price-documents,
	.gas-price-switch,
	.gas-price-legal,
	.gas-price-consultation {
		padding: 4.5rem 0;
	}

	.gas-price-metrics {
		padding-bottom: 4rem;
	}

	.gas-price-structure__content h2,
	.gas-price-section-title h2,
	.gas-price-switch__content h2,
	.gas-price-consultation__content h2 {
		font-size: 2.375rem;
	}
}

@media only screen and (max-width: 35rem) {
	/* .hero--gasprices actions tier moved to components/hero.css (folded into the 560px mobile tier) */

	.gas-price-metrics__grid,
	.gas-price-documents__grid,
	.gas-price-form {
		grid-template-columns: 1fr;
	}

	.gas-price-row,
	.gas-price-step,
	.gas-price-note {
		grid-template-columns: 1fr;
	}

	.gas-price-form__wide {
		grid-column: auto;
	}

	.gas-price-switch__caption {
		right: 1.125rem;
		bottom: 1.125rem;
		width: calc(100% - 2.25rem);
	}
}

@media only screen and (max-width: 35rem) {

	/* .hero--gasprices mobile tier moved to components/hero.css */
	.gas-price-structure,
	.gas-price-documents,
	.gas-price-switch,
	.gas-price-legal,
	.gas-price-consultation {
		padding: 3.625rem 0;
	}

	.gas-price-structure__content p,
	.gas-price-switch__content p,
	.gas-price-legal__content p,
	.gas-price-consultation__content p {
		font-size: 0.9375rem;
	}

	.gas-price-metric,
	.gas-price-document,
	.gas-price-form {
		padding: 1.5rem;
	}

	.gas-price-structure__content h2,
	.gas-price-section-title h2,
	.gas-price-switch__content h2,
	.gas-price-consultation__content h2 {
		font-size: 2rem;
	}

	.gas-price-switch__visual,
	.gas-price-switch__image {
		min-height: 26.25rem;
		height: 26.25rem;
	}

	.gas-price-consultation__content a {
		font-size: 1.5rem;
	}
}

/* Electricity information section */
.electricity-page {
	--el-blue: #005bbb;
	--el-dark: #003b7a;
	--el-yellow: #ffd700;
	--el-ink: #111713;
	--el-muted: #67716b;
	color: var(--el-ink);
	overflow-x: clip
}

.electricity-page a {
	text-decoration: none
}

/* .electricity-hero (-> .hero--gradient.hero--electricity),
.electricity-eyebrow (-> .hero__eyebrow)
   moved to components/hero.css */
.electricity-text-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5625rem;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700
}

.electricity-text-link:hover {
	color: var(--el-yellow)
}

.electricity-hero__visual {
	position: relative;
	display: grid;
	align-content: center;
	min-height: 22.8125rem;
	padding: 2.625rem;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 1.75rem;
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(12px);
	box-shadow: 0 25px 65px rgba(0, 29, 62, .24)
}

.electricity-hero__visual img {
	position: absolute;
	right: 1.5625rem;
	top: 1.5625rem;
	width: 6.875rem;
	height: 6.875rem;
	opacity: .22;
}

.electricity-hero__visual span {
	color: var(--el-yellow);
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 2.375rem;
	font-weight: 600;
	line-height: 1.05
}

.electricity-hero__visual strong {
	max-width: 13.75rem;
	margin-top: 1.375rem;
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5
}

.electricity-subnav {
	position: sticky;
	top: 0;
	z-index: 210;
	border-bottom: 1px solid #dfe5e1;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 59, 122, .06)
}

.electricity-subnav__inner {
	display: flex;
	align-items: center;
	gap: 2.625rem;
	overflow-x: auto;
	scrollbar-width: none
}

.electricity-subnav__inner::-webkit-scrollbar {
	display: none
}

.electricity-subnav a {
	position: relative;
	flex: 0 0 auto;
	padding: 1.5625rem 0;
	color: #5f6862;
	font-size: 0.875rem;
	font-weight: 700;
	white-space: nowrap
}

.electricity-subnav a:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -0.0625rem;
	left: 0;
	height: 0.1875rem;
	background: transparent
}

.electricity-subnav a:hover,
.electricity-subnav a.active {
	color: var(--el-blue)
}

.electricity-subnav a.active:after {
	background: var(--el-yellow)
}

.electricity-price,
.electricity-conditions,
.electricity-documents,
.electricity-disputes,
.electricity-contract-rules {
	padding: 6.5625rem 0
}

.electricity-title {
	max-width: 51.25rem;
	margin: 0 auto 3.125rem;
	text-align: center
}

.electricity-title--left {
	margin-right: 0;
	margin-left: 0;
	text-align: left
}

.electricity-title>span {
	display: block;
	margin-bottom: 0.9375rem;
	color: var(--el-blue);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase
}

.electricity-title h2,
.electricity-market__content h2,
.electricity-request__content h2,
.electricity-cta h2 {
	margin: 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: clamp(2.25rem, 4vw, 3.5rem);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.035em
}

.electricity-title>p {
	max-width: 41.875rem;
	margin: 1.3125rem auto 0;
	color: var(--el-muted);
	font-size: 1rem;
	line-height: 1.7
}

.electricity-title--left>p {
	margin-left: 0
}

.electricity-factor-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem
}

.electricity-factor {
	position: relative;
	min-height: 20.625rem;
	padding: 1.875rem;
	border: 1px solid #e1e7e3;
	border-radius: 1.25rem;
	background: #f4f7f5;
	transition: .3s
}

.electricity-factor:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 42px rgba(0, 65, 135, .09)
}

.electricity-factor>span {
	color: #9ba49f;
	font-size: 2rem;
	font-weight: 800
}

.electricity-factor>i {
	display: grid;
	place-items: center;
	width: 3.625rem;
	height: 3.625rem;
	margin: 3rem 0 2.125rem;
	border-radius: 50%;
	background: #fff;
	color: var(--el-blue);
	font-size: 1.25rem;
	box-shadow: 0 9px 24px rgba(0, 91, 187, .1)
}

.electricity-factor h3 {
	margin: 0 0 0.75rem;
	font-size: 1.3125rem;
	font-weight: 600
}

.electricity-factor p {
	margin: 0;
	color: var(--el-muted);
	font-size: 0.875rem;
	line-height: 1.6
}

.electricity-market {
	padding: 6.5625rem 0;
	background: #eff3f1
}

.electricity-market__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	align-items: center;
	gap: 6.25rem
}

.electricity-market__content p {
	max-width: 43.75rem;
	margin: 1.5625rem 0;
	color: var(--el-muted);
	font-size: 1rem;
	line-height: 1.75
}

.electricity-market__content>a {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	color: var(--el-blue);
	font-size: 0.875rem;
	font-weight: 800
}

.electricity-market__card {
	padding: 2.8125rem;
	border-radius: 1.5rem;
	background: var(--el-blue);
	color: #fff
}

.electricity-market__card>i {
	display: grid;
	place-items: center;
	width: 3.875rem;
	height: 3.875rem;
	margin-bottom: 3.125rem;
	border-radius: 50%;
	background: var(--el-yellow);
	color: var(--el-dark);
	font-size: 1.375rem
}

.electricity-market__card span {
	display: block;
	color: rgba(255, 255, 255, .65);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase
}

.electricity-market__card strong {
	display: block;
	margin: 0.625rem 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 2.5rem
}

.electricity-market__card p {
	margin: 0;
	color: rgba(255, 255, 255, .76);
	line-height: 1.6
}

.electricity-request {
	padding: 6.5625rem 0;
	background: var(--el-dark)
}

.electricity-request__grid {
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(520px, 1.22fr);
	align-items: center;
	gap: 5.3125rem
}

.electricity-request__content h2 {
	color: #fff
}

.electricity-request__content p {
	margin: 1.5rem 0;
	color: rgba(255, 255, 255, .72);
	font-size: 1rem;
	line-height: 1.7
}

.electricity-request__content>a {
	color: var(--el-yellow);
	font-size: 1.5625rem;
	font-weight: 700
}

.electricity-form {
	display: grid;
	gap: 1rem;
	padding: 2.375rem;
	border-radius: 1.5rem;
	background: #fff
}

.electricity-form>div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem
}

/* .electricity-form label/input/textarea/__consent/button unified onto the
   shared .form-field/.form-consent/.form-submit (components/forms.css) */
/* .electricity-inner-hero (-> .inner-hero) moved to components/hero.css */
.electricity-checklist {
	display: grid;
	gap: 0.875rem;
	margin: 0;
	padding: 0;
	list-style: none
}

.electricity-checklist li {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr) 60px;
	align-items: center;
	gap: 1.5625rem;
	min-height: 9.375rem;
	padding: 1.75rem 2rem;
	border: 1px solid #e1e7e3;
	border-radius: 1.125rem;
	background: #f6f8f7
}

.electricity-checklist li>span {
	color: var(--el-blue);
	font-size: 0.8125rem;
	font-weight: 800
}

.electricity-checklist h3 {
	margin: 0 0 0.5625rem;
	font-size: 1.375rem;
	font-weight: 600
}

.electricity-checklist p {
	max-width: 53.125rem;
	margin: 0;
	color: var(--el-muted);
	font-size: 0.9375rem;
	line-height: 1.65
}

.electricity-checklist li>i {
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background: #fff;
	color: var(--el-blue);
	font-size: 1.1875rem
}

.electricity-process {
	padding: 6.5625rem 0;
	background: #eff3f1
}

.electricity-process__grid {
	display: grid;
	grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
	gap: 5rem
}

.electricity-process__steps {
	display: grid;
	gap: 0.875rem
}

.electricity-process__steps article {
	display: grid;
	grid-template-columns: 52px 1fr;
	column-gap: 1.25rem;
	padding: 1.625rem;
	border-radius: 1rem;
	background: #fff
}

.electricity-process__steps strong {
	grid-row: 1/3;
	display: grid;
	place-items: center;
	width: 2.875rem;
	height: 2.875rem;
	border-radius: 50%;
	background: var(--el-yellow);
	color: var(--el-dark)
}

.electricity-process__steps h3 {
	margin: 0 0 0.375rem;
	font-size: 1.1875rem
}

.electricity-process__steps p {
	margin: 0;
	color: var(--el-muted);
	font-size: 0.875rem;
	line-height: 1.55
}

.electricity-cta {
	padding: 5rem 0;
	background: var(--el-blue);
	color: #fff
}

.electricity-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.8125rem
}

.electricity-cta span {
	display: block;
	margin-bottom: 0.75rem;
	color: var(--el-yellow);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase
}

.electricity-cta h1,
.electricity-cta h2,
.electricity-cta h3,
.electricity-cta h4,
.electricity-cta h5,
.electricity-cta h6 {
	color: #fff
}

.electricity-cta h2 {
	max-width: 53.125rem;
	font-size: clamp(1.875rem, 3.4vw, 3rem)
}

.electricity-cta .btn-default {
	flex: 0 0 auto
}

.electricity-documents {
	background: #fff
}

.electricity-document-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.875rem
}

.electricity-document-list>a {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr) 42px;
	align-items: center;
	gap: 1.375rem;
	min-height: 8.75rem;
	padding: 1.5625rem;
	border: 1px solid #e1e6e3;
	border-radius: 1rem;
	color: var(--el-ink);
	transition: .25s
}

.electricity-document-list>a:hover {
	border-color: var(--el-blue);
	transform: translateY(-3px);
	box-shadow: 0 15px 35px rgba(0, 70, 145, .08)
}

.electricity-document-list>a>span {
	color: var(--el-blue);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase
}

.electricity-document-list h3 {
	margin: 0 0 0.4375rem;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.4
}

.electricity-document-list p {
	margin: 0;
	color: var(--el-muted);
	font-size: 0.75rem;
	line-height: 1.5
}

.electricity-document-list>a>i {
	display: grid;
	place-items: center;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 50%;
	background: #f0f4f2;
	color: var(--el-blue)
}

.electricity-disputes {
	background: #fff
}

.electricity-dispute-grid {
	display: grid;
	gap: 0.9375rem
}

.electricity-dispute-card {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 1.5625rem;
	padding: 2.1875rem;
	border: 1px solid #e0e6e2;
	border-radius: 1.125rem;
	background: #f6f8f7
}

.electricity-dispute-card>strong {
	display: grid;
	place-items: center;
	width: 3.625rem;
	height: 3.625rem;
	border-radius: 50%;
	background: var(--el-yellow);
	color: var(--el-dark)
}

.electricity-dispute-card h3 {
	margin: 0 0 0.6875rem;
	font-size: 1.4375rem
}

.electricity-dispute-card p {
	max-width: 60.625rem;
	margin: 0 0 0.9375rem;
	color: var(--el-muted);
	font-size: 0.9375rem;
	line-height: 1.7
}

.electricity-dispute-card a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-right: 1.25rem;
	color: var(--el-blue);
	font-size: 0.8125rem;
	font-weight: 700
}

.electricity-dispute-card__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem
}

.electricity-dispute-download {
	padding: 5.3125rem 0;
	background: var(--el-blue);
	color: #fff
}

.electricity-dispute-download__inner {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.75rem
}

.electricity-dispute-download__icon {
	display: grid;
	place-items: center;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	background: var(--el-yellow);
	color: var(--el-dark);
	font-size: 1.5625rem
}

.electricity-dispute-download span {
	color: rgba(255, 255, 255, .65);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase
}

.electricity-dispute-download h2 {
	margin: 0.4375rem 0 0.5rem;
	color: #fff;
	font-size: 1.875rem
}

.electricity-dispute-download p {
	margin: 0;
	color: rgba(255, 255, 255, .72);
	font-size: 0.875rem
}

.electricity-dispute-download__inner>a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	padding: 1.0625rem 1.4375rem;
	border-radius: 1.75rem;
	background: #fff;
	color: var(--el-blue);
	font-size: 0.8125rem;
	font-weight: 800
}

.electricity-contract-rules {
	background: #eef3f0
}

.electricity-contract-rules__grid {
	display: grid;
	grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
	gap: 4.6875rem
}

.electricity-rules {
	display: grid;
	gap: 0.875rem
}

.electricity-rules article {
	padding: 1.75rem;
	border-radius: 1.0625rem;
	background: #fff
}

.electricity-rules article span {
	display: block;
	margin-bottom: 0.75rem;
	color: var(--el-blue);
	font-size: 0.8125rem;
	font-weight: 800
}

.electricity-rules article p {
	margin: 0;
	color: var(--el-muted);
	font-size: 0.875rem;
	line-height: 1.7
}

.electricity-rules>a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	color: var(--el-blue);
	font-size: 0.8125rem;
	font-weight: 800
}

.electricity-contact-strip {
	padding: 5rem 0;
	background: #fff
}

.electricity-contact-strip__grid {
	display: grid;
	grid-template-columns: 1.2fr .9fr .9fr;
	gap: 2.1875rem
}

.electricity-contact-strip__grid>div {
	padding: 1.75rem;
	border-left: 3px solid var(--el-yellow);
	background: #f5f7f6
}

.electricity-contact-strip span {
	display: block;
	margin-bottom: 0.75rem;
	color: var(--el-blue);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase
}

.electricity-contact-strip h2,
.electricity-contact-strip h3 {
	margin: 0 0 0.5625rem;
	font-size: 1.25rem
}

.electricity-contact-strip p {
	margin: 0;
	color: var(--el-muted);
	font-size: 0.8125rem;
	line-height: 1.6
}

.electricity-contact-strip a {
	display: block;
	margin: 0.3125rem 0;
	color: var(--el-blue);
	font-size: 0.8125rem;
	font-weight: 700
}

@media only screen and (max-width: 64rem) {
	.electricity-factor-grid {
		grid-template-columns: 1fr 1fr
	}

	.electricity-market__grid,
	.electricity-request__grid {
		gap: 3.125rem
	}

	.electricity-process__grid,
	.electricity-contract-rules__grid {
		gap: 2.8125rem
	}

	.electricity-document-list>a {
		grid-template-columns: 110px minmax(0, 1fr) 42px
	}
}

@media only screen and (max-width: 64rem) {

	.electricity-price,
	.electricity-market,
	.electricity-request,
	.electricity-conditions,
	.electricity-documents,
	.electricity-disputes,
	.electricity-contract-rules,
	.electricity-process {
		padding: 5rem 0
	}

	.electricity-market__grid,
	.electricity-request__grid,
	.electricity-process__grid,
	.electricity-contract-rules__grid {
		grid-template-columns: 1fr
	}

	.electricity-hero__visual {
		max-width: 36.25rem
	}

	.electricity-request__content {
		max-width: 40.625rem
	}

	.electricity-document-list {
		grid-template-columns: 1fr
	}

	.electricity-contact-strip__grid {
		grid-template-columns: 1fr 1fr
	}

	.electricity-contact-strip__grid>div:first-child {
		grid-column: 1/-1
	}

	.electricity-dispute-download__inner {
		grid-template-columns: 70px 1fr
	}

	.electricity-dispute-download__inner>a {
		grid-column: 2
	}
}

@media only screen and (max-width: 35rem) {
	.electricity-subnav__inner {
		gap: 1.5625rem
	}

	.electricity-subnav a {
		padding: 1.3125rem 0
	}

	.electricity-checklist li {
		grid-template-columns: 52px minmax(0, 1fr)
	}

	.electricity-checklist li>i {
		display: none
	}

	.electricity-document-list>a {
		grid-template-columns: 1fr 42px
	}

	.electricity-document-list>a>span {
		grid-column: 1/-1
	}

	.electricity-document-list>a>i {
		grid-column: 2;
		grid-row: 2
	}

	.electricity-form>div {
		grid-template-columns: 1fr
	}

	.electricity-cta__inner {
		align-items: flex-start;
		flex-direction: column
	}

	.electricity-contact-strip__grid {
		grid-template-columns: 1fr
	}

	.electricity-contact-strip__grid>div:first-child {
		grid-column: auto
	}
}

@media only screen and (max-width: 35rem) {

	.electricity-price,
	.electricity-market,
	.electricity-request,
	.electricity-conditions,
	.electricity-documents,
	.electricity-disputes,
	.electricity-contract-rules,
	.electricity-process {
		padding: 3.75rem 0
	}

	.electricity-text-link {
		justify-content: center;
		width: 100%
	}

	.electricity-hero__visual {
		min-height: 18.75rem;
		padding: 1.75rem
	}

	.electricity-factor-grid {
		grid-template-columns: 1fr
	}

	.electricity-factor {
		min-height: 18.75rem
	}

	.electricity-title h2,
	.electricity-market__content h2,
	.electricity-request__content h2 {
		font-size: 2rem
	}

	.electricity-form {
		padding: 1.5rem
	}

	.electricity-checklist li {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		padding: 1.5rem
	}

	.electricity-process__steps article {
		grid-template-columns: 45px 1fr;
		padding: 1.375rem
	}

	.electricity-dispute-download__inner {
		grid-template-columns: 1fr
	}

	.electricity-dispute-download__inner>a {
		grid-column: auto;
		justify-content: center
	}

	.electricity-document-list>a {
		padding: 1.375rem
	}

	.electricity-contact-strip {
		padding: 3.75rem 0
	}
}

/* Gas information section */
.gas-subnav__inner {
	gap: 1.875rem
}

.gas-info-page {
	--el-blue: #005bbb;
	--el-dark: #003b7a
}

.gas-inner-hero {
	background: linear-gradient(120deg, #eef3f0 0%, #e9f2f7 100%)
}

.gas-inner-hero:before {
	content: "";
	position: absolute;
	left: -7.5rem;
	bottom: -14.375rem;
	width: 26.875rem;
	height: 26.875rem;
	border-radius: 50%;
	background: rgba(255, 215, 0, .08)
}

.gas-template-section,
.gas-rights,
.gas-standards,
.gas-compensation,
.gas-dispute-templates {
	padding: 6.5625rem 0
}

.gas-template-section,
.gas-compensation,
.gas-dispute-templates {
	background: #eef3f0
}

.gas-template-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.875rem
}

.gas-template-grid>a {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) 45px;
	align-items: center;
	gap: 1.25rem;
	min-height: 7.8125rem;
	padding: 1.625rem;
	border: 1px solid #e0e6e2;
	border-radius: 1.0625rem;
	background: #fff;
	color: #111713;
	transition: .25s
}

.gas-template-grid>a:hover {
	border-color: #005bbb;
	transform: translateY(-3px);
	box-shadow: 0 15px 35px rgba(0, 70, 145, .08)
}

.gas-template-grid>a>i {
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background: #edf3f8;
	color: #005bbb;
	font-size: 1.25rem
}

.gas-template-grid span {
	display: block;
	margin-bottom: 0.4375rem;
	color: #758079;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: .1em
}

.gas-template-grid h3 {
	margin: 0;
	font-size: 1.0625rem;
	line-height: 1.4
}

.gas-template-grid b {
	display: grid;
	place-items: center;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 50%;
	background: #ffd700;
	color: #003b7a
}

.gas-rights-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.125rem
}

.gas-rights-grid article {
	padding: 2.375rem;
	border: 1px solid #e0e6e2;
	border-radius: 1.375rem;
	background: #f5f7f6
}

.gas-rights-grid article>i {
	display: grid;
	place-items: center;
	width: 3.875rem;
	height: 3.875rem;
	margin-bottom: 2.5rem;
	border-radius: 50%;
	background: #fff;
	color: #005bbb;
	font-size: 1.375rem;
	box-shadow: 0 10px 28px rgba(0, 91, 187, .1)
}

.gas-rights-grid h3 {
	margin: 0 0 1.25rem;
	font-size: 1.75rem
}

.gas-rights-grid ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.gas-rights-grid li {
	position: relative;
	margin: 0.8125rem 0;
	padding-left: 1.5625rem;
	color: #67716b;
	font-size: 0.9375rem;
	line-height: 1.6
}

.gas-rights-grid li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5625rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #ffd700
}

.gas-rights-download,
.gas-compensation-download {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.875rem;
	margin-top: 1.375rem;
	padding: 2.375rem;
	border-radius: 1.25rem;
	background: #005bbb;
	color: #fff
}

.gas-rights-download span,
.gas-compensation-download span {
	color: rgba(255, 255, 255, .65);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase
}

.gas-rights-download h2,
.gas-compensation-download h2 {
	margin: 0.5rem 0 0;
	color: #fff;
	font-size: 1.6875rem
}

.gas-rights-download a,
.gas-compensation-download a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	flex: 0 0 auto;
	padding: 1rem 1.4375rem;
	border-radius: 1.75rem;
	background: #ffd700;
	color: #003b7a;
	font-size: 0.8125rem;
	font-weight: 800
}

.gas-standards-table {
	overflow: hidden;
	border: 1px solid #dfe6e2;
	border-radius: 1.125rem
}

.gas-standards-row {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(180px, .75fr) 140px;
	align-items: center;
	gap: 1.25rem;
	min-height: 5.875rem;
	padding: 1.25rem 1.625rem;
	border-bottom: 1px solid #e2e7e4;
	background: #fff
}

.gas-standards-row:nth-child(odd):not(.gas-standards-row--head) {
	background: #f7f9f8
}

.gas-standards-row:last-child {
	border-bottom: 0
}

.gas-standards-row--head {
	min-height: 3.75rem;
	background: #003b7a;
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase
}

.gas-standards-row p {
	margin: 0;
	color: #343c37;
	font-size: 0.875rem;
	line-height: 1.55
}

.gas-standards-row strong {
	font-size: 0.8125rem;
	line-height: 1.45
}

.gas-standards-row b {
	color: #005bbb;
	font-size: 1rem
}

.gas-standards-source {
	margin: 1.125rem 0 0;
	color: #707a74;
	font-size: 0.75rem;
	line-height: 1.6
}

.gas-standards-source a {
	color: #005bbb;
	font-weight: 700
}

.gas-compensation__grid {
	display: grid;
	grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
	gap: 4.375rem
}

.gas-compensation__content {
	display: grid;
	gap: 0.8125rem
}

.gas-compensation__content article {
	display: grid;
	grid-template-columns: 55px 1fr;
	column-gap: 1.125rem;
	padding: 1.5rem;
	border-radius: 1rem;
	background: #fff
}

.gas-compensation__content i {
	grid-row: 1/3;
	display: grid;
	place-items: center;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	background: #ffd700;
	color: #003b7a
}

.gas-compensation__content h3 {
	margin: 0 0 0.4375rem;
	font-size: 1.1875rem
}

.gas-compensation__content p {
	margin: 0;
	color: #67716b;
	font-size: 0.8125rem;
	line-height: 1.55
}

.gas-compensation-download {
	background: #003b7a
}

.gas-dispute-templates .gas-template-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media only screen and (max-width: 64rem) {
	.gas-subnav__inner {
		gap: 1.5625rem
	}

	.gas-compensation__grid {
		gap: 2.5rem
	}
}

@media only screen and (max-width: 64rem) {

	.gas-template-section,
	.gas-rights,
	.gas-standards,
	.gas-compensation,
	.gas-dispute-templates {
		padding: 5rem 0
	}

	.gas-compensation__grid {
		grid-template-columns: 1fr
	}

	.gas-dispute-templates .gas-template-grid {
		grid-template-columns: 1fr 1fr
	}
}

@media only screen and (max-width: 35rem) {

	.gas-template-grid,
	.gas-rights-grid,
	.gas-dispute-templates .gas-template-grid {
		grid-template-columns: 1fr
	}

	.gas-standards-row {
		grid-template-columns: 1fr 1fr
	}

	.gas-standards-row p {
		grid-column: 1/-1
	}

	.gas-standards-row--head {
		display: none
	}

	.gas-rights-download,
	.gas-compensation-download {
		align-items: flex-start;
		flex-direction: column
	}
}

@media only screen and (max-width: 35rem) {

	.gas-template-section,
	.gas-rights,
	.gas-standards,
	.gas-compensation,
	.gas-dispute-templates {
		padding: 3.75rem 0
	}

	.gas-template-grid>a {
		grid-template-columns: 50px minmax(0, 1fr);
		padding: 1.3125rem
	}

	.gas-template-grid>a>i {
		width: 3rem;
		height: 3rem
	}

	.gas-template-grid b {
		display: none
	}

	.gas-rights-grid article {
		padding: 1.625rem
	}

	.gas-standards-row {
		grid-template-columns: 1fr;
		gap: 0.5625rem;
		padding: 1.25rem
	}

	.gas-standards-row p {
		grid-column: auto
	}

	.gas-rights-download,
	.gas-compensation-download {
		padding: 1.625rem
	}

	.gas-rights-download h2,
	.gas-compensation-download h2 {
		font-size: 1.375rem
	}
}

/* Modern about page */
.ener-site-header__menu .ener-nav-dropdown {
	position: relative
}

.ener-site-header__menu .ener-nav-dropdown>.nav-link {
	display: flex;
	align-items: center;
	gap: 0.4375rem
}

.ener-site-header__menu .ener-nav-dropdown>.nav-link>i {
	font-size: 0.5625rem;
	transition: transform .25s
}

.ener-site-header__menu .ener-nav-dropdown__menu {
	position: absolute;
	left: 50%;
	top: calc(100% + 1.125rem);
	z-index: 100;
	min-width: 17.8125rem;
	margin: 0;
	padding: 0.625rem;
	border: 1px solid #e4e9e6;
	border-radius: 0.875rem;
	background: #fff;
	box-shadow: 0 20px 50px rgba(0, 39, 82, .15);
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, 10px);
	transition: .22s
}

.ener-site-header__menu .ener-nav-dropdown__menu:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	height: 1.375rem
}

.ener-site-header__menu .ener-nav-dropdown__menu a {
	display: block;
	padding: 0.8125rem 0.9375rem;
	border-radius: 0.5625rem;
	color: #26312b;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap
}

.ener-site-header__menu .ener-nav-dropdown__menu a:hover,
.ener-site-header__menu .ener-nav-dropdown__menu a.active {
	background: #eef4f9;
	color: #005bbb
}

.ener-site-header__menu .ener-nav-dropdown:hover>.ener-nav-dropdown__menu,
.ener-site-header__menu .ener-nav-dropdown:focus-within>.ener-nav-dropdown__menu {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0)
}

.ener-site-header__menu .ener-nav-dropdown:hover>.nav-link>i,
.ener-site-header__menu .ener-nav-dropdown:focus-within>.nav-link>i {
	transform: rotate(180deg)
}

.about-modern-page {
	--am-blue: #005bbb;
	--am-dark: #003b7a;
	--am-yellow: #ffd500;
	--am-muted: #68736c
}

.about-modern-page a {
	text-decoration: none
}

/* .about-modern-hero (-> .hero--gradient.hero--about) and .about-modern-kicker
   (dead,
unused) moved to components/hero.css */
.about-modern-hero__media {
	position: relative;
	height: 31.875rem
}

.about-modern-hero__media>img {
	width: 100%;
	height: 100%;
	border-radius: 1.75rem;
	object-fit: cover;
	box-shadow: 0 30px 70px rgba(0, 28, 60, .28)
}

.about-modern-hero__media>div {
	position: absolute;
	right: -1.5625rem;
	bottom: 2.125rem;
	left: 2.8125rem;
	padding: 1.5625rem 1.75rem;
	border-radius: 1.125rem;
	background: #fff;
	box-shadow: 0 18px 42px rgba(0, 30, 65, .18)
}

.about-modern-hero__media strong,
.about-modern-hero__media span {
	display: block
}

.about-modern-hero__media strong {
	margin-bottom: 0.4375rem;
	color: var(--am-blue);
	font-size: 1.125rem
}

.about-modern-hero__media span {
	color: var(--am-muted);
	font-size: 0.8125rem;
	line-height: 1.45
}

.about-modern-intro {
	padding: 7.1875rem 0
}

.about-modern-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: 6.25rem
}

.about-modern-heading>span {
	display: block;
	margin-bottom: 0.9375rem;
	color: var(--am-blue);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase
}

.about-modern-heading h2 {
	margin: 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: clamp(2.3125rem, 4vw, 3.5rem);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.035em
}

.about-modern-copy {
	padding-top: 0.5rem
}

.about-modern-copy p {
	margin: 0 0 1.375rem;
	color: var(--am-muted);
	font-size: 1.0625rem;
	line-height: 1.85
}

.about-modern-copy p:first-child {
	color: #26302a;
	font-size: 1.25rem
}

/* .about-modern-section-title (-> .section-title,
+ --light) moved to components/section-title.css;
   its h2 keeps the same clamp() treatment as .about-modern-heading via this scoped override */
.about-modern-page .section-title h2 {
	margin: 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: clamp(2.3125rem, 4vw, 3.5rem);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.035em
}

.about-modern-directions {
	padding: 6.5625rem 0;
	background: #f1f5f3
}

.about-modern-page .section-title {
	max-width: 48.75rem;
	margin-bottom: 3.125rem
}

.about-modern-directions__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.125rem
}

.about-modern-direction {
	position: relative;
	min-height: 24.375rem;
	padding: 2.1875rem;
	border-radius: 1.375rem;
	background: #fff;
	color: #111713;
	overflow: hidden;
	transition: .3s
}

.about-modern-direction:hover {
	transform: translateY(-7px);
	box-shadow: 0 22px 50px rgba(0, 58, 120, .1)
}

.about-modern-direction__number {
	position: absolute;
	right: 1.875rem;
	top: 1.75rem;
	color: #b8c0bb;
	font-size: 2rem;
	font-weight: 800
}

.about-modern-direction>i {
	display: grid;
	place-items: center;
	width: 4rem;
	height: 4rem;
	margin: 3.125rem 0 3.375rem;
	border-radius: 50%;
	background: #edf3f8;
	color: var(--am-blue);
	font-size: 1.4375rem
}

.about-modern-direction h3 {
	margin: 0 0 0.9375rem;
	font-size: 1.6875rem
}

.about-modern-direction p {
	margin: 0 0 1.5625rem;
	color: var(--am-muted);
	font-size: 0.875rem;
	line-height: 1.65
}

.about-modern-direction>span {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	color: var(--am-blue);
	font-size: 0.8125rem;
	font-weight: 800
}

.about-modern-direction--accent {
	background: var(--am-blue);
	color: #fff
}

.about-modern-direction--accent h3 {
	color: #fff
}

.about-modern-direction--accent .about-modern-direction__number {
	color: rgba(255, 255, 255, .5)
}

.about-modern-direction--accent>i {
	background: var(--am-yellow);
	color: var(--am-dark)
}

.about-modern-direction--accent p {
	color: rgba(255, 255, 255, .7)
}

.about-modern-direction--accent>span {
	color: var(--am-yellow)
}

.about-modern-values {
	padding: 7.1875rem 0
}

.about-modern-values__grid {
	display: grid;
	grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr);
	align-items: center;
	gap: 6.25rem
}

.about-modern-values__visual {
	position: relative;
	height: 38.75rem
}

.about-modern-values__visual>img {
	width: 100%;
	height: 100%;
	border-radius: 1.625rem;
	object-fit: cover
}

.about-modern-values__badge {
	position: absolute;
	right: -1.75rem;
	bottom: 2.1875rem;
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 1.3125rem 1.5625rem;
	border-radius: 0.875rem;
	background: var(--am-yellow);
	color: var(--am-dark);
	font-size: 0.8125rem;
	font-weight: 800
}

.about-modern-values__badge i {
	font-size: 1.375rem
}

.about-modern-value-list {
	display: grid;
	gap: 0.375rem;
	margin-top: 2.5rem
}

.about-modern-value-list article {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 1.25rem;
	padding: 1.5625rem 0;
	border-top: 1px solid #dfe5e1
}

.about-modern-value-list b {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #eef3f0;
	color: var(--am-blue);
	font-size: 0.75rem
}

.about-modern-value-list h3 {
	margin: 0 0 0.4375rem;
	font-size: 1.1875rem
}

.about-modern-value-list p {
	margin: 0;
	color: var(--am-muted);
	font-size: 0.875rem;
	line-height: 1.6
}

.about-modern-process {
	padding: 6.5625rem 0;
	background: var(--am-dark)
}

.about-modern-process__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.0625rem;
	margin-top: 3.125rem;
	background: rgba(255, 255, 255, .14)
}

.about-modern-process__grid article {
	min-height: 16.25rem;
	padding: 2rem;
	background: var(--am-dark)
}

.about-modern-process__grid strong {
	display: block;
	margin-bottom: 4.0625rem;
	color: var(--am-yellow);
	font-size: 3rem
}

.about-modern-process__grid h3 {
	margin: 0 0 0.75rem;
	color: #fff;
	font-size: 1.25rem
}

.about-modern-process__grid p {
	margin: 0;
	color: rgba(255, 255, 255, .62);
	font-size: 0.875rem;
	line-height: 1.6
}

.about-modern-cta {
	padding: 5rem 0
}

.about-modern-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3.125rem;
	padding: 3.4375rem 3.75rem;
	border-radius: 1.5rem;
	background: #eef3f0
}

.about-modern-cta__inner>div:first-child {
	max-width: 47.5rem
}

.about-modern-cta__inner span {
	display: block;
	margin-bottom: 0.625rem;
	color: var(--am-blue);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase
}

.about-modern-cta__inner h2 {
	margin: 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 2.375rem;
	font-weight: 600
}

.about-modern-cta__inner p {
	margin: 1rem 0 0;
	color: var(--am-muted);
	line-height: 1.6
}

.about-modern-cta__actions {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	flex-direction: column;
	gap: 0.9375rem
}

.about-modern-cta__actions>a:last-child {
	color: var(--am-blue);
	font-size: 1.125rem;
	font-weight: 800
}

@media only screen and (max-width: 64rem) {
	.about-modern-values__grid {
		gap: 3.75rem
	}

	.about-modern-directions__grid {
		gap: 0.8125rem
	}
}

@media only screen and (max-width: 64rem) {

	.about-modern-intro__grid,
	.about-modern-values__grid {
		grid-template-columns: 1fr
	}

	.about-modern-hero__media {
		max-width: 40.625rem;
		height: 28.125rem
	}

	.about-modern-intro__grid,
	.about-modern-values__grid {
		gap: 2.8125rem
	}

	.about-modern-intro,
	.about-modern-values {
		padding: 5rem 0
	}

	.about-modern-directions {
		padding: 5rem 0
	}

	.about-modern-directions__grid {
		grid-template-columns: 1fr 1fr
	}

	.about-modern-direction--accent {
		grid-column: 1/-1
	}

	.about-modern-values__visual {
		height: 31.25rem;
		max-width: 40.625rem
	}

	.about-modern-process__grid {
		grid-template-columns: 1fr 1fr
	}

	.about-modern-cta__inner {
		align-items: flex-start;
		flex-direction: column
	}

	.about-modern-cta__actions {
		align-items: flex-start
	}
}

@media only screen and (max-width: 35rem) {
	.about-modern-hero__media {
		height: 21.875rem
	}

	.about-modern-hero__media>div {
		right: 0.75rem;
		bottom: 0.9375rem;
		left: 0.75rem
	}

	.about-modern-intro,
	.about-modern-directions,
	.about-modern-values,
	.about-modern-process {
		padding: 4.0625rem 0
	}

	.about-modern-heading h2,
	.about-modern-page .section-title h2 {
		font-size: 2.125rem
	}

	.about-modern-copy p:first-child {
		font-size: 1.0625rem
	}

	.about-modern-directions__grid {
		grid-template-columns: 1fr
	}

	.about-modern-direction--accent {
		grid-column: auto
	}

	.about-modern-direction {
		min-height: 21.25rem;
		padding: 1.75rem
	}

	.about-modern-direction>i {
		margin: 2.1875rem 0 2.5rem
	}

	.about-modern-values__visual {
		height: 24.375rem
	}

	.about-modern-values__badge {
		right: 0.625rem;
		bottom: 0.9375rem
	}

	.about-modern-process__grid {
		grid-template-columns: 1fr
	}

	.about-modern-process__grid article {
		min-height: 13.125rem
	}

	.about-modern-process__grid strong {
		margin-bottom: 2.625rem
	}

	.about-modern-cta {
		padding: 3.4375rem 0
	}

	.about-modern-cta__inner {
		padding: 2.125rem 1.5625rem
	}

	.about-modern-cta__inner h2 {
		font-size: 1.875rem
	}
}

/* Solar advertising landing */
/* .solar-body (both rules) and the entire .solar-header* cluster were never
   used in solar.html (only .solar-page is) — confirmed dead,
removed.
   .solar-hero (-> .hero--gradient.hero--solar) and .solar-eyebrow (dead,
also
   unused in the HTML) moved to components/hero.css. */
.solar-page {
	--sl-blue: #0759b6;
	--sl-dark: #032f61;
	--sl-navy: #04264a;
	--sl-yellow: #ffd400;
	--sl-green: #a9d832;
	--sl-muted: #66736b
}

.solar-phone-link {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: #fff
}

.solar-phone-link>i {
	display: grid;
	place-items: center;
	width: 2.6875rem;
	height: 2.6875rem;
	border: 1px solid rgba(255, 255, 255, .26);
	border-radius: 50%
}

.solar-phone-link span,
.solar-phone-link small {
	display: block
}

.solar-phone-link span {
	font-size: 0.875rem;
	font-weight: 800
}

.solar-phone-link small {
	margin-bottom: 0.1875rem;
	color: rgba(255, 255, 255, .55);
	font-size: 0.5625rem;
	font-weight: 700;
	text-transform: uppercase
}

.solar-hero__proof {
	display: flex;
	flex-wrap: wrap;
	gap: 1.4375rem;
	margin-top: 2.5rem;
	color: rgba(255, 255, 255, .7);
	font-size: 1rem;
	font-weight: 700
}

.solar-hero__proof i {
	margin-right: 0.375rem;
	color: var(--sl-yellow)
}

.solar-hero__calculator {
	padding: 2.1875rem;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 1.5625rem;
	background: rgba(4, 39, 77, .74);
	color: #fff;
	backdrop-filter: blur(13px);
	box-shadow: 0 28px 70px rgba(0, 20, 44, .28)
}

.solar-hero__calculator-label {
	display: block;
	margin-bottom: 1.5625rem;
	color: rgba(255, 255, 255, .55);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase
}

.solar-hero__metric {
	padding: 1.375rem 0;
	border-top: 1px solid rgba(255, 255, 255, .16)
}

.solar-hero__metric strong,
.solar-hero__metric span {
	display: block
}

.solar-hero__metric strong {
	margin-bottom: 0.3125rem;
	color: var(--sl-yellow);
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 2.375rem
}

.solar-hero__metric span {
	color: rgba(255, 255, 255, .7);
	font-size: 0.75rem
}

.solar-hero__calculator>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.75rem;
	padding: 1.0625rem 1.1875rem;
	border-radius: 0.625rem;
	background: #fff;
	color: var(--sl-blue);
	font-size: 0.6875rem;
	font-weight: 800
}

.solar-hero__calculator>small {
	display: block;
	margin-top: 1rem;
	color: rgba(255, 255, 255, .42);
	font-size: 0.5625rem;
	line-height: 1.5
}

.solar-hero__metric strong {
	margin-bottom: 0.75rem;
	line-height: 1.05
}

.solar-impact {
	position: relative;
	z-index: 3;
	margin-top: -2.375rem
}

.solar-impact__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-radius: 1.1875rem;
	background: #fff;
	box-shadow: 0 18px 55px rgba(3, 47, 97, .13);
	overflow: hidden
}

.solar-impact article {
	min-height: 11.5625rem;
	padding: 1.8125rem;
	border-right: 1px solid #e3e9e5
}

.solar-impact article:last-child {
	border: 0
}

.solar-impact i {
	color: var(--sl-blue);
	font-size: 1.4375rem
}

.solar-impact h3 {
	margin: 1.5rem 0 0.5625rem;
	font-size: 1.125rem
}

.solar-impact p {
	margin: 0;
	color: var(--sl-muted);
	font-size: 0.8125rem;
	/* 13px — matches solar-why__grid p / solar-process__steps p */
	line-height: 1.55
}

.solar-solutions {
	padding: 7.5rem 0
}

.solar-title {
	max-width: 53.75rem;
	margin: 0 auto 3.625rem;
	text-align: center
}

.solar-title>span,
.solar-process__sticky>span {
	display: block;
	margin-bottom: 0.875rem;
	color: var(--sl-blue);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase
}

.solar-title h2,
.solar-process__sticky h2,
.solar-lead__content h2 {
	margin: 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 3rem;
	/* 48px — matches .section-title h2 (components/section-title.css) */
	font-weight: 600;
	line-height: 1.07;
	letter-spacing: -.04em
}

.solar-title>p {
	max-width: 42.5rem;
	margin: 1.3125rem auto 0;
	color: var(--sl-muted);
	font-size: 1.0625rem;
	/* 17px — matches .section-title--center p */
	line-height: 1.7
}

.solar-solutions__stack {
	display: grid;
	gap: 2.1875rem
}

.solar-solution {
	display: grid;
	grid-template-columns: minmax(420px, .85fr) minmax(0, 1.15fr);
	min-height: 36.875rem;
	border: 1px solid #dfe6e2;
	border-radius: 1.625rem;
	background: #fff;
	overflow: hidden
}

.solar-solution--reverse {
	grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr)
}

.solar-solution--reverse .solar-solution__image {
	grid-column: 2;
	grid-row: 1
}

.solar-solution--reverse .solar-solution__content {
	grid-column: 1;
	grid-row: 1
}

.solar-solution__image {
	position: relative;
	min-height: 100%
}

.solar-solution__image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.solar-solution__image>b {
	position: absolute;
	left: 1.5625rem;
	top: 1.5625rem;
	display: grid;
	place-items: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 50%;
	background: var(--sl-yellow);
	color: var(--sl-dark);
	font-size: 0.75rem
}

.solar-solution__content {
	align-self: center;
	padding: 3.4375rem 4.0625rem
}

.solar-solution__content>span {
	display: block;
	margin-bottom: 0.75rem;
	color: var(--sl-blue);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase
}

.solar-solution__content h3 {
	margin: 0 0 1.25rem;
	font-size: 2.125rem;
	line-height: 1.15
}

.solar-solution__content>p {
	margin: 0 0 1.5625rem;
	color: var(--sl-muted);
	font-size: 1rem;
	/* 16px — unified body-copy size, see solar-process__sticky p / solar-lead__content>p */
	line-height: 1.72
}

.solar-solution__content ul {
	display: grid;
	gap: 0.6875rem;
	margin: 0;
	padding: 0;
	list-style: none
}

.solar-solution__content li {
	position: relative;
	padding-left: 1.5rem;
	color: #364039;
	font-size: 0.8125rem;
	line-height: 1.55
}

.solar-solution__content li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4375rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--sl-yellow)
}

.solar-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1.6875rem
}

.solar-tags span {
	padding: 0.5625rem 0.8125rem;
	border-radius: 1rem;
	background: #edf3f0;
	color: #506057;
	font-size: 0.625rem;
	font-weight: 700
}

.solar-solution__content>a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	margin-top: 1.875rem;
	color: var(--sl-blue);
	font-size: 0.8125rem;
	font-weight: 800
}

.solar-solution__sizes {
	display: grid;
	gap: 0.5rem;
	margin-top: 1.6875rem
}

.solar-solution__sizes span {
	padding: 0.75rem 0.9375rem;
	border-radius: 0.5rem;
	background: #f1f5f3;
	color: #657169;
	font-size: 0.6875rem
}

.solar-solution__sizes b {
	color: var(--sl-blue)
}

.solar-audience {
	padding: 6.5625rem 0;
	background: #eff4f1
}

.solar-audience__grid {
	display: grid;
	grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
	align-items: center;
	gap: 5.625rem
}

.solar-title--left {
	margin: 0;
	text-align: left
}

.solar-title--left>p {
	margin-left: 0
}

.solar-audience__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.75rem
}

.solar-audience__items article {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-height: 6.875rem;
	padding: 1.375rem;
	border-radius: 0.8125rem;
	background: #fff
}

.solar-audience__items i {
	display: grid;
	place-items: center;
	width: 2.6875rem;
	height: 2.6875rem;
	flex: 0 0 auto;
	border-radius: 50%;
	background: #edf3f8;
	color: var(--sl-blue)
}

.solar-audience__items span {
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.4
}

.solar-why {
	padding: 7.1875rem 0
}

.solar-why__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.9375rem
}

.solar-why__grid article {
	position: relative;
	min-height: 20.625rem;
	padding: 1.75rem;
	border: 1px solid #e0e6e2;
	border-radius: 1.125rem;
	background: #fff
}

.solar-why__grid strong {
	position: absolute;
	right: 1.5625rem;
	top: 1.4375rem;
	color: #abb5af;
	font-size: 0.6875rem
}

.solar-why__grid i {
	display: grid;
	place-items: center;
	width: 3.5625rem;
	height: 3.5625rem;
	margin: 2.8125rem 0 3rem;
	border-radius: 50%;
	background: #edf3f8;
	color: var(--sl-blue);
	font-size: 1.25rem
}

.solar-why__grid h3 {
	margin: 0 0 0.8125rem;
	font-size: 1.25rem
}

.solar-why__grid p {
	margin: 0;
	color: var(--sl-muted);
	font-size: 0.8125rem;
	line-height: 1.6
}

.solar-process {
	padding: 7.1875rem 0;
	background: var(--sl-navy);
	color: #fff
}

.solar-process__grid {
	display: grid;
	grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
	gap: 6.25rem
}

.solar-process__sticky {
	align-self: start;
	position: sticky;
	top: 8.125rem
}

.solar-process__sticky>span {
	color: var(--sl-yellow)
}

.solar-process__sticky h2 {
	color: #fff
}

.solar-process__sticky p {
	margin: 1.5rem 0;
	color: rgba(255, 255, 255, .62);
	line-height: 1.7
}

.solar-process__sticky a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	color: var(--sl-yellow);
	font-size: 0.8125rem;
	font-weight: 800
}

.solar-process__steps {
	display: grid
}

.solar-process__steps article {
	display: grid;
	grid-template-columns: 65px 1fr;
	gap: 1.5rem;
	padding: 2rem 0;
	border-top: 1px solid rgba(255, 255, 255, .16)
}

.solar-process__steps b {
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	border: 1px solid rgba(255, 255, 255, .23);
	border-radius: 50%;
	color: var(--sl-yellow);
	font-size: 0.6875rem
}

.solar-process__steps h3 {
	margin: 0.1875rem 0 0.5625rem;
	color: #fff;
	font-size: 1.3125rem
}

.solar-process__steps p {
	margin: 0;
	color: rgba(255, 255, 255, .57);
	font-size: 0.8125rem;
	line-height: 1.6
}

.solar-lead {
	padding: 6.875rem 0;
	background: linear-gradient(125deg, #0759b6 0%, #003b78 100%);
	color: #fff
}

.solar-lead__grid {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(520px, 1.15fr);
	align-items: center;
	gap: 5.625rem
}

.solar-lead__content h2 {
	color: #fff
}

.solar-lead__content>p {
	margin: 1.5625rem 0;
	color: rgba(255, 255, 255, .7);
	font-size: 1rem;
	/* 16px — unified body-copy size, see solar-solution__content>p */
	line-height: 1.75
}

.solar-lead__contacts {
	display: grid;
	gap: 0.625rem;
	margin-top: 1.875rem
}

.solar-lead__contacts>a {
	display: flex;
	align-items: center;
	gap: 0.8125rem;
	color: #fff
}

.solar-lead__contacts i {
	display: grid;
	place-items: center;
	width: 2.625rem;
	height: 2.625rem;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 50%;
	color: var(--sl-yellow)
}

.solar-lead__contacts span,
.solar-lead__contacts small {
	display: block
}

.solar-lead__contacts span {
	font-size: 0.9375rem;
	font-weight: 800
}

.solar-lead__contacts small {
	margin-bottom: 0.125rem;
	color: rgba(255, 255, 255, .5);
	font-size: 0.5625rem;
	text-transform: uppercase
}

.solar-form {
	display: grid;
	gap: 0.875rem;
	padding: 2.375rem;
	border-radius: 1.5rem;
	background: #fff;
	color: #253029;
	box-shadow: 0 28px 65px rgba(0, 25, 56, .25)
}

.solar-form__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.3125rem
}

.solar-form__head span {
	font-size: 1.1875rem;
	font-weight: 800
}

.solar-form__head b {
	color: #6d7871;
	font-size: 0.5625rem;
	text-transform: uppercase
}

.solar-form>div:not(.solar-form__head) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem
}

/* .solar-form label/input/select/textarea/__agree/button unified onto the
   shared .form-field/.form-consent/.form-submit (components/forms.css) */
.solar-floating {
	position: fixed;
	right: 1.125rem;
	bottom: 1.125rem;
	z-index: 40;
	display: none;
	align-items: center;
	gap: 0.5625rem;
	padding: 0.8125rem 1.0625rem;
	border-radius: 1.5rem;
	background: var(--sl-yellow);
	color: #08294b;
	font-size: 0.6875rem;
	font-weight: 800;
	box-shadow: 0 12px 30px rgba(0, 35, 75, .25)
}

@media only screen and (max-width: 64rem) {
	.solar-solution__content {
		padding: 2.8125rem
	}

	.solar-audience__grid,
	.solar-process__grid {
		gap: 3.4375rem
	}

	.solar-why__grid {
		grid-template-columns: 1fr 1fr
	}

	.solar-lead__grid {
		gap: 3.125rem
	}
}

@media only screen and (max-width: 64rem) {

	.solar-title h2,
	.solar-process__sticky h2,
	.solar-lead__content h2 {
		font-size: 2.375rem;
		/* 38px — matches .section-title h2 tablet tier */
	}

	.solar-audience__grid,
	.solar-process__grid,
	.solar-lead__grid {
		grid-template-columns: 1fr
	}

	.solar-hero__calculator {
		max-width: 34.375rem
	}

	.solar-impact {
		margin-top: 0
	}

	.solar-impact__grid {
		grid-template-columns: 1fr 1fr;
		border-radius: 0
	}

	.solar-impact article:nth-child(2) {
		border-right: 0
	}

	.solar-impact article:nth-child(-n+2) {
		border-bottom: 1px solid #e3e9e5
	}

	.solar-solutions,
	.solar-why,
	.solar-process,
	.solar-lead {
		padding: 5.3125rem 0
	}

	.solar-solution,
	.solar-solution--reverse {
		grid-template-columns: 1fr;
		min-height: 0
	}

	.solar-solution__image,
	.solar-solution--reverse .solar-solution__image {
		grid-column: 1;
		grid-row: 1;
		min-height: 25rem
	}

	.solar-solution__content,
	.solar-solution--reverse .solar-solution__content {
		grid-column: 1;
		grid-row: 2
	}

	.solar-audience {
		padding: 5rem 0
	}

	.solar-process__sticky {
		position: static
	}

	.solar-lead__grid {
		gap: 2.8125rem
	}

	.solar-form {
		max-width: 43.75rem
	}
}

@media only screen and (max-width: 35rem) {
	.solar-audience__items {
		grid-template-columns: 1fr 1fr
	}

	.solar-floating {
		display: flex
	}
}

@media only screen and (max-width: 35rem) {
	.solar-hero__proof {
		gap: 0.75rem;
		flex-direction: column
	}

	.solar-hero__calculator {
		padding: 1.6875rem
	}

	.solar-impact__grid {
		grid-template-columns: 1fr
	}

	.solar-impact article {
		min-height: 9.375rem;
		border-right: 0;
		border-bottom: 1px solid #e3e9e5
	}

	.solar-impact article:nth-child(3) {
		border-bottom: 1px solid #e3e9e5
	}

	.solar-solutions,
	.solar-why,
	.solar-process,
	.solar-lead {
		padding: 4.0625rem 0
	}

	.solar-title h2,
	.solar-process__sticky h2,
	.solar-lead__content h2 {
		font-size: 1.625rem;
		/* 26px — matches .section-title h2 mobile tier */
	}

	.solar-solution__image,
	.solar-solution--reverse .solar-solution__image {
		min-height: 17.5rem
	}

	.solar-solution__content {
		padding: 2rem 1.5rem
	}

	.solar-solution__content h3 {
		font-size: 1.6875rem
	}

	.solar-audience {
		padding: 4.0625rem 0
	}

	.solar-audience__items {
		grid-template-columns: 1fr
	}

	.solar-why__grid {
		grid-template-columns: 1fr
	}

	.solar-why__grid article {
		min-height: 17.8125rem
	}

	.solar-process__steps article {
		grid-template-columns: 48px 1fr;
		gap: 1rem
	}

	.solar-process__steps b {
		width: 2.875rem;
		height: 2.875rem
	}

	.solar-form {
		padding: 1.5625rem 1.25rem
	}

	.solar-form__head {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.3125rem
	}

	.solar-form>div:not(.solar-form__head) {
		grid-template-columns: 1fr
	}

	.solar-floating span {
		display: none
	}

	.solar-floating {
		width: 3rem;
		height: 3rem;
		justify-content: center;
		padding: 0;
		border-radius: 50%
	}
}

/* Services overview page */
.solar-floating {
	background: #ffd400
}

.services-page {
	--sv-blue: #005bbb;
	--sv-dark: #003b7a;
	--sv-yellow: #ffd500;
	--sv-muted: #69746d
}

.services-page a {
	text-decoration: none
}

/* .services-hero (-> .hero--gradient.hero--services) moved to components/hero.css;
   .services-hero__content>span was dead CSS (no such span in the HTML) */
.services-hero__visual {
	position: relative;
	min-height: 20.625rem;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	color: #fff
}

.services-hero__visual>div {
	text-align: center
}

.services-hero__visual strong,
.services-hero__visual span {
	position: absolute;
	left: 50%;
	display: block;
	transform: translateX(-50%)
}

.services-hero__visual strong {
	top: 50%;
	color: var(--sv-yellow);
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 5.625rem;
	line-height: .9;
	transform: translate(-50%, -50%)
}

.services-hero__visual span {
	top: calc(50% + 3.25rem);
	color: rgba(255, 255, 255, .68);
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase
}

.services-hero__visual>i {
	position: absolute;
	bottom: 2.625rem;
	left: 50%;
	font-size: 0.9375rem;
	transform: translateX(-50%)
}

.service-directions {
	padding: 7.1875rem 0
}

/* .services-title (-> .section-title.section-title--center) moved to components/section-title.css;
   its >span was dead CSS (no such span in the HTML) */
.services-page .section-title--center {
	--section-title-max-width: 50rem
}

.service-directions__list {
	display: grid;
	gap: 1.75rem
}

.service-direction {
	display: grid;
	grid-template-columns: minmax(400px, .86fr) minmax(0, 1.14fr);
	min-height: 33.125rem;
	border: 1px solid #dfe6e2;
	border-radius: 1.5rem;
	overflow: hidden
}

.service-direction--reverse {
	grid-template-columns: minmax(0, 1.14fr) minmax(400px, .86fr)
}

.service-direction--reverse .service-direction__media {
	grid-column: 2;
	grid-row: 1
}

.service-direction--reverse .service-direction__content {
	grid-column: 1;
	grid-row: 1
}

.service-direction__media {
	position: relative
}

.service-direction__media img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.service-direction__media>b {
	position: absolute;
	left: 1.5rem;
	top: 1.5rem;
	display: grid;
	place-items: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 50%;
	background: var(--sv-yellow);
	color: var(--sv-dark);
	font-size: 0.75rem
}

.service-direction__content {
	align-self: center;
	padding: 3.25rem 3.875rem
}

.service-direction__content>span {
	display: block;
	margin-bottom: 0.75rem;
	color: var(--sv-blue);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase
}

.service-direction__content h3 {
	margin: 0 0 1.125rem;
	font-size: 2.1875rem;
	line-height: 1.15
}

.service-direction__content>p {
	margin: 0 0 1.375rem;
	color: var(--sv-muted);
	font-size: 0.9375rem;
	line-height: 1.7
}

.service-direction__content ul {
	display: grid;
	gap: 0.5625rem;
	margin: 0;
	padding: 0;
	list-style: none
}

.service-direction__content li {
	position: relative;
	padding-left: 1.4375rem;
	color: #3d4841;
	font-size: 0.8125rem
}

.service-direction__content li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.375rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--sv-yellow)
}

.service-direction__content>a {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	margin-top: 1.8125rem;
	color: var(--sv-blue);
	font-size: 0.8125rem;
	font-weight: 800
}

.services-advantages {
	padding: 6.5625rem 0;
	background: var(--sv-dark)
}

.services-advantages__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.0625rem;
	background: rgba(255, 255, 255, .14)
}

.services-advantages__grid article {
	min-height: 17.8125rem;
	padding: 1.9375rem;
	background: var(--sv-dark)
}

.services-advantages__grid i {
	display: grid;
	place-items: center;
	width: 3.4375rem;
	height: 3.4375rem;
	margin-bottom: 3.25rem;
	border-radius: 50%;
	background: var(--sv-yellow);
	color: var(--sv-dark);
	font-size: 1.1875rem
}

.services-advantages__grid h3 {
	margin: 0 0 0.75rem;
	color: #fff;
	font-size: 1.1875rem
}

.services-advantages__grid p {
	margin: 0;
	color: rgba(255, 255, 255, .6);
	font-size: 0.8125rem;
	line-height: 1.62
}

.services-contact {
	padding: 5rem 0
}

.services-contact__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3.125rem;
	padding: 3.4375rem 3.75rem;
	border-radius: 1.5rem;
	background: #eef3f0
}

.services-contact__inner>div:first-child {
	max-width: 47.5rem
}

.services-contact__inner span {
	display: block;
	margin-bottom: 0.625rem;
	color: var(--sv-blue);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase
}

.services-contact__inner h2 {
	margin: 0;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 2.375rem;
	font-weight: 600
}

.services-contact__inner p {
	margin: 0.9375rem 0 0;
	color: var(--sv-muted);
	line-height: 1.65
}

.services-contact__inner>div:last-child {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 0.875rem;
	flex: 0 0 auto
}

.services-contact__inner>div:last-child>a:last-child {
	color: var(--sv-blue);
	font-size: 1.125rem;
	font-weight: 800
}

@media only screen and (max-width: 64rem) {
	.services-hero__visual {
		width: 17.5rem;
		min-height: 17.5rem
	}

	.service-directions,
	.services-advantages {
		padding: 5rem 0
	}

	.service-direction,
	.service-direction--reverse {
		grid-template-columns: 1fr;
		min-height: 0
	}

	.service-direction__media,
	.service-direction--reverse .service-direction__media {
		grid-column: 1;
		grid-row: 1;
		min-height: 24.375rem
	}

	.service-direction__content,
	.service-direction--reverse .service-direction__content {
		grid-column: 1;
		grid-row: 2
	}

	.services-advantages__grid {
		grid-template-columns: 1fr 1fr
	}

	.services-contact__inner {
		align-items: flex-start;
		flex-direction: column
	}

	.services-contact__inner>div:last-child {
		align-items: flex-start
	}
}

@media only screen and (max-width: 35rem) {
	.services-hero__visual {
		display: none
	}

	.service-directions,
	.services-advantages {
		padding: 4.0625rem 0
	}

	.service-direction__media,
	.service-direction--reverse .service-direction__media {
		min-height: 17.5rem
	}

	.service-direction__content {
		padding: 2rem 1.5rem
	}

	.service-direction__content h3 {
		font-size: 1.75rem
	}

	.services-advantages__grid {
		grid-template-columns: 1fr
	}

	.services-contact {
		padding: 3.4375rem 0
	}

	.services-contact__inner {
		padding: 2.125rem 1.5625rem
	}

	.services-contact__inner h2 {
		font-size: 1.875rem
	}
}

/* Corporate full-screen mobile menu */
@media only screen and (max-width: 64rem) {
	body.ener-mobile-menu-open {
		overflow: hidden;
		overscroll-behavior: none;
	}

	.ener-site-header__toggle {
		position: absolute;
		top: 50%;
		right: 0;
		z-index: 20;
		flex: 0 0 auto;
		margin-left: auto;
		transform: translateY(-50%);
	}

	.ener-site-header__nav>.container {
		display: block;
		width: 100%;
		max-width: none;
	}

	.ener-site-header__inner {
		position: relative;
		width: 100%;
		padding-right: 4rem;
	}

	.ener-site-header__toggle .slicknav_btn {
		width: 3rem;
		height: 3rem;
		border: 0;
		border-radius: 0.9375rem;
		background: #ffd500;
		box-shadow: 0 10px 24px rgba(0, 59, 122, .14);
	}

	.ener-site-header__toggle .slicknav_icon {
		width: 1.375rem;
		height: 1.125rem;
		margin: 0;
	}

	.ener-site-header__toggle .slicknav_icon .slicknav_icon-bar {
		width: 1.375rem;
		height: 0.125rem;
		margin: 0.3125rem auto !important;
		background: #003b7a;
		box-shadow: none;
	}

	.ener-site-header__mobile {
		position: fixed;
		z-index: 10000;
		inset: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #fff;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity .25s ease, visibility .25s ease;
	}

	.ener-mobile-menu-open .ener-site-header__mobile {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.ener-site-header__mobile .slicknav_menu {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		min-height: 100dvh;
		padding: max(1.375rem, env(safe-area-inset-top)) max(1.75rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.75rem, env(safe-area-inset-left));
		overflow-x: hidden;
		overflow-y: auto;
		background:
			radial-gradient(circle at 92% 7%, rgba(255, 213, 0, .13) 0, rgba(255, 213, 0, 0) 190px),
			#fff;
		transform: translateX(32px);
		transition: transform .35s cubic-bezier(.22, 1, .36, 1);
	}

	.ener-mobile-menu-open .ener-site-header__mobile .slicknav_menu {
		transform: translateX(0);
	}

	.ener-mobile-menu__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.5rem;
		width: 100%;
		max-width: 47.5rem;
		margin: 0 auto;
		padding-bottom: 1.4375rem;
		border-bottom: 1px solid #e2e8e4;
	}

	.ener-mobile-menu__brand {
		display: inline-flex;
		align-items: center;
		gap: 0.875rem;
		min-width: 0;
		color: #101713;
		text-decoration: none;
	}

	.ener-mobile-menu__brand img {
		display: block;
		width: 2.375rem;
		height: 3.375rem;
		object-fit: contain;
	}

	.ener-mobile-menu__brand>span {
		display: block;
		font-family: "Montserrat Alternates", sans-serif;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.15;
	}

	.ener-mobile-menu__brand small {
		display: block;
		margin-top: 0.3125rem;
		color: #6b756f;
		font-family: "Montserrat", sans-serif;
		font-size: 0.625rem;
		font-weight: 600;
		letter-spacing: .02em;
	}

	.ener-mobile-menu__close {
		position: relative;
		width: 3rem;
		height: 3rem;
		flex: 0 0 auto;
		border: 1px solid #dce4df;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 9px 25px rgba(0, 59, 122, .08);
	}

	.ener-mobile-menu__close span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1.25rem;
		height: 0.125rem;
		border-radius: 0.125rem;
		background: #003b7a;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.ener-mobile-menu__close span:last-child {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.ener-mobile-menu__label {
		width: 100%;
		max-width: 47.5rem;
		margin: 1.6875rem auto 0.5rem;
		color: #005bbb;
		font-size: 0.625rem;
		font-weight: 800;
		letter-spacing: .14em;
		text-transform: uppercase;
	}

	.ener-site-header__mobile .slicknav_nav {
		clear: none;
		width: 100%;
		max-width: 47.5rem;
		margin: 0 auto 1.75rem;
		padding: 0;
		overflow: visible;
		color: #101713;
	}

	.ener-site-header__mobile .slicknav_nav>li {
		margin: 0;
		border-bottom: 1px solid #e5ebe7;
	}

	.ener-site-header__mobile .slicknav_nav>li>a,
	.ener-site-header__mobile .slicknav_nav>li>.slicknav_item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 3.625rem;
		margin: 0;
		padding: 0.8125rem 0.125rem;
		border-radius: 0 !important;
		background: transparent;
		color: #101713;
		font-family: "Montserrat Alternates", sans-serif;
		font-size: clamp(1.375rem, 4vw, 1.875rem);
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: -.025em;
		text-transform: none;
	}

	.ener-site-header__mobile .slicknav_nav>li>.slicknav_item>a {
		flex: 1 1 auto;
		color: inherit;
		font: inherit;
	}

	.ener-site-header__mobile .slicknav_nav>li>a:hover,
	.ener-site-header__mobile .slicknav_nav>li>a:focus,
	.ener-site-header__mobile .slicknav_nav>li>.slicknav_item:hover,
	.ener-site-header__mobile .slicknav_nav>li>.slicknav_item:focus,
	.ener-site-header__mobile .slicknav_nav a.active {
		background: transparent;
		color: #005bbb;
	}

	.ener-site-header__mobile .slicknav_arrow {
		position: relative;
		width: 2.375rem;
		height: 2.375rem;
		flex: 0 0 auto;
		margin-left: 1.125rem;
		border-radius: 50%;
		background: #edf3f8;
	}

	.ener-site-header__mobile .slicknav_arrow:after {
		right: 50%;
		color: #005bbb;
		transform: translate(50%, -50%);
	}

	.ener-site-header__mobile .slicknav_open>a .slicknav_arrow:after {
		transform: translate(50%, -50%) rotate(-180deg);
	}

	.ener-site-header__mobile .slicknav_nav ul {
		margin: 0 0 0.875rem;
		padding: 0.5rem;
		border-radius: 0.875rem;
		background: #f2f6f4;
	}

	.ener-site-header__mobile .slicknav_nav ul li {
		margin: 0;
	}

	.ener-site-header__mobile .slicknav_nav ul li a {
		margin: 0;
		padding: 0.75rem 0.875rem;
		border-radius: 0.5625rem !important;
		color: #4f5a53;
		font-size: 0.875rem;
		font-weight: 650;
		line-height: 1.45;
		text-transform: none;
	}

	.ener-site-header__mobile .slicknav_nav ul li a:hover,
	.ener-site-header__mobile .slicknav_nav ul li a:focus,
	.ener-site-header__mobile .slicknav_nav ul li a.active {
		background: #fff;
		color: #005bbb;
	}

	.ener-mobile-menu__footer {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 1.75rem;
		width: 100%;
		max-width: 47.5rem;
		margin: auto auto 0;
		padding: 1.5rem;


	}

	.ener-mobile-menu__contacts>span {
		display: block;
		margin-bottom: 0.5625rem;
		color: #748079;
		font-size: 0.625rem;
		font-weight: 800;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	.ener-mobile-menu__phone,
	.ener-mobile-menu__email {
		display: block;
		width: fit-content;
		color: #10243a;
		text-decoration: none;
	}

	.ener-mobile-menu__phone {
		font-family: "Montserrat Alternates", sans-serif;
		font-size: clamp(1.1875rem, 3.2vw, 1.5rem);
		font-weight: 700;
		line-height: 1.2;
	}

	.ener-mobile-menu__email {
		margin-top: 0.4375rem;
		color: #005bbb;
		font-size: 0.75rem;
		font-weight: 700;
	}

	.ener-mobile-menu__cta {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.5rem;
		min-width: 13.75rem;
		min-height: 3.5rem;
		padding: 0 1.25rem;
		border-radius: 1.75rem;
		background: #ffd500;
		color: #082748;
		font-size: 0.8125rem;
		font-weight: 800;
		text-decoration: none;
		box-shadow: 0 12px 28px rgba(255, 213, 0, .2);
	}

	.ener-mobile-menu__cta i {
		color: #005bbb;
	}

	.ener-mobile-menu__social {
		grid-column: 1 / -1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding-top: 1rem;
		border-top: 1px solid #e2e8e4;
	}

	.ener-mobile-menu__social > span {
		color: #748079;
		font-size: .625rem;
		font-weight: 800;
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.ener-mobile-menu__social ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: .5rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ener-mobile-menu__social li {
		margin: 0;
	}

	.ener-mobile-menu__social a {
		display: grid;
		place-items: center;
		width: 2.375rem;
		height: 2.375rem;
		border-radius: 50%;
		background: #ffd500;
		color: #032f61;
		font-size: .9375rem;
		text-decoration: none;
		transition: background-color .25s ease, color .25s ease, transform .25s ease;
	}

	.ener-mobile-menu__social a:hover,
	.ener-mobile-menu__social a:focus-visible {
		background: #005bbb;
		color: #fff;
		transform: translateY(-2px);
	}
}

@media only screen and (max-width: 35rem) {
	.ener-site-header__toggle .slicknav_btn {
		width: 2.75rem;
		height: 2.75rem;
		border-radius: 0.8125rem;
	}

	.ener-site-header__mobile .slicknav_menu {
		padding-right: 1.125rem;
		padding-left: 1.125rem;
	}

	.ener-mobile-menu__header {
		padding-bottom: 1.125rem;
	}

	.ener-mobile-menu__brand img {
		width: 2.125rem;
		height: 3rem;
	}

	.ener-mobile-menu__brand>span {
		font-size: 0.875rem;
	}

	.ener-mobile-menu__close {
		width: 2.75rem;
		height: 2.75rem;
	}

	.ener-mobile-menu__label {
		margin-top: 1.375rem;
	}

	.ener-site-header__mobile .slicknav_nav {
		margin-bottom: 1.375rem;
	}

	.ener-site-header__mobile .slicknav_nav>li>a,
	.ener-site-header__mobile .slicknav_nav>li>.slicknav_item {
		min-height: 3.25rem;
		font-size: 1.3125rem;
	}

	.ener-mobile-menu__footer {
		grid-template-columns: 1fr;
		gap: 1.125rem;
		padding: 1.25rem;
		border-radius: 1.0625rem;
	}

	.ener-mobile-menu__cta {
		width: 100%;
		min-width: 0;
	}

	.ener-mobile-menu__social {
		align-items: flex-start;
		flex-direction: column;
	}

	.ener-mobile-menu__social ul {
		justify-content: flex-start;
	}
}

/* Refined desktop services dropdown */
@media only screen and (min-width:1200px) {
	.ener-site-header__menu .ener-nav-dropdown__menu {
		top: calc(100% + 0.8125rem);
		z-index: 1000;
		min-width: 20.625rem;
		padding: 0.625rem;
		border: 1px solid #dfe7e2;
		border-radius: 1.125rem;
		background: #fff;
		box-shadow: 0 24px 60px rgba(0, 39, 82, .16);
		transform: translate(-50%, 12px) scale(.98);
		transform-origin: top center;
		transition: opacity .22s ease, visibility .22s ease, transform .28s cubic-bezier(.22, 1, .36, 1);
	}

	.ener-site-header__menu .ener-nav-dropdown__menu:before {
		height: 1.125rem;
	}

	.ener-site-header__menu .ener-nav-dropdown__menu:after {
		content: "";
		position: absolute;
		top: -0.4375rem;
		left: 50%;
		width: 0.875rem;
		height: 0.875rem;
		border-top: 1px solid #dfe7e2;
		border-left: 1px solid #dfe7e2;
		background: #fff;
		transform: translateX(-50%) rotate(45deg);
	}

	.ener-site-header__menu .ener-nav-dropdown__menu li {
		position: relative;
		z-index: 1;
		margin: 0;
	}

	.ener-site-header__menu .ener-nav-dropdown__menu li+li {
		margin-top: 0.1875rem;
	}

	.ener-site-header__menu .ener-site-header__menu-inner .ener-site-header__menu-list .ener-nav-dropdown__menu a {
		display: grid;
		grid-template-columns: 38px minmax(0, 1fr) 16px;
		align-items: center;
		gap: 0.75rem;
		min-height: 3.625rem;
		padding: 0.5625rem 0.75rem !important;
		border-radius: 0.75rem;
		color: #26312b;
		font-size: 0.8125rem;
		font-weight: 700;
		line-height: 1.35;
		white-space: nowrap;
		transition: color .2s ease, background .2s ease, transform .2s ease;
	}

	.ener-site-header__menu .ener-nav-dropdown__menu a:before {
		display: grid;
		place-items: center;
		width: 2.375rem;
		height: 2.375rem;
		border-radius: 50%;
		background: #edf3f8;
		color: #005bbb;
		font-size: 0.625rem;
		font-weight: 800;
		transition: background .2s ease, color .2s ease;
	}

	.ener-site-header__menu .ener-nav-dropdown__menu li:nth-child(1) a:before {
		content: "01";
	}

	.ener-site-header__menu .ener-nav-dropdown__menu li:nth-child(2) a:before {
		content: "02";
	}

	.ener-site-header__menu .ener-nav-dropdown__menu li:nth-child(3) a:before {
		content: "03";
	}

	.ener-site-header__menu .ener-nav-dropdown__menu a:after {
		content: "\f061";
		color: #9ca8a1;
		font-family: "Font Awesome 7 Free";
		font-size: 0.6875rem;
		font-weight: 900;
		transition: color .2s ease, transform .2s ease;
	}

	.ener-site-header__menu .ener-nav-dropdown__menu a:hover,
	.ener-site-header__menu .ener-nav-dropdown__menu a:focus,
	.ener-site-header__menu .ener-nav-dropdown__menu a.active {
		background: #f1f5f3;
		color: #005bbb;
		transform: translateX(2px);
	}

	.ener-site-header__menu .ener-nav-dropdown__menu a:hover:before,
	.ener-site-header__menu .ener-nav-dropdown__menu a:focus:before,
	.ener-site-header__menu .ener-nav-dropdown__menu a.active:before {
		background: #ffd500;
		color: #003b7a;
	}

	.ener-site-header__menu .ener-nav-dropdown__menu a:hover:after,
	.ener-site-header__menu .ener-nav-dropdown__menu a:focus:after,
	.ener-site-header__menu .ener-nav-dropdown__menu a.active:after {
		color: #005bbb;
		transform: translateX(3px);
	}

	.ener-site-header__menu .ener-nav-dropdown:hover>.ener-nav-dropdown__menu,
	.ener-site-header__menu .ener-nav-dropdown:focus-within>.ener-nav-dropdown__menu {
		padding: 0.625rem;
		transform: translate(-50%, 0) scale(1);
	}
}

/* ---------- News archive (home.php) - built from existing components only,
   no bespoke archive design existed in the original static site. Pagination
   markup is WP core's default (the_posts_pagination), styled to match the
   site's existing pill-button language (components/buttons.css). ---------- */
.our-blog .navigation.pagination {
	margin-top: 2.5rem;
	display: flex;
	justify-content: center;
}

.our-blog .navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.625rem;
}

.our-blog .navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 1rem;
	border-radius: 99px;
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--brand-blue-dark, #0a2540);
	background: #fff;
	border: 1px solid rgba(10, 37, 64, 0.12);
	transition: all 0.3s ease-in-out;
}

.our-blog .navigation.pagination .page-numbers.current {
	background: var(--accent-color);
	border-color: var(--accent-color);
}

.our-blog .navigation.pagination a.page-numbers:hover {
	background: var(--brand-blue-dark, #0a2540);
	border-color: var(--brand-blue-dark, #0a2540);
	color: #fff;
}