:root {
--custom--padding-top: 40px;
--custom--padding-bottom: 80px;
}
@media screen and (max-width: 1080px) {
:root {
--custom--padding-bottom: 72px;
}
}
@media screen and (max-width: 782px) {
:root {
--custom--padding-bottom: 56px;
}
body{
--wp--custom--spacing-40: 2em !important;
--wp--preset--spacing--80: 4em !important;
}
}
@media screen and (max-width:480px){
:root{ 
--wp--custom--spacing-32: 24px;
}
}
@media screen and (max-width: 360px) {
:root {
--custom--padding-top: 32px;
--custom--padding-bottom: 48px;
}
} .epower-block {
padding-top: var(--custom--padding-top);
padding-bottom: var(--custom--padding-bottom);
}   .hand-on-hover:hover {
cursor: grab;
}
.display-flex{
display:flex;
} #container {
}
.wrapper {
width: var(--wp--style--global--content-size);
margin: 0 auto;
padding: 0;
max-width: 100%;
position: relative; }
#main {  width: 100%;
} .max-5-lines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
max-height: 7.8em;
}
.max-3-lines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.max-two-lines, .max-2-lines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}         .content-columns {
display: flex;
flex-direction: row;
gap: 3.5em;
margin-top: 6em;
}
.content-column-second {
width: 20%;
}
.entry-image {
margin-top: var(--wp--custom--padding);
margin-bottom: 0;
}
.entry-image img {
display: block;
width: 100%;
height: auto;
margin: 0;
} .linear-transform {  }
.visibility-hidden {
visibility: hidden;
} .has-z-index-99 {
z-index: 99;
}
.clip {
clip-path: polygon(0% 0%, 100% 25%, 100% 100%, 0% 75%);
}
.linear-transform > div {  }
.linear-transform-inner-block {
transform: skewY(-5deg);
z-index: 9999;
}
.linear-transform-position {
position: relative;
top: -11em;
z-index: 9;
}
.linear-transform-position-top {
position: relative;
top: 14em;
z-index: 9;
}
.green-hover:hover {
color: var(--wp--preset--color--green) !important;
}
.hidden-strip.wp-block-cover {
min-height: 0em;
padding: 0;
} .page-academy p {
font-size: 1em;
} .entry-header {
max-width: 56em;
margin-top: var(--wp--custom--padding);
}
.entry-header a {
font-weight: 600;
}
.entry-summary p {
font-size: var(--wp--preset--font-size--large);
line-height: 1.28;
}  .loop-nav {
display: flex;
justify-content: space-between;
margin-top: var(--wp--custom--gap);
gap: var(--wp--custom--gap);
border-top: 1px solid var(--wp--preset--color--grey);
padding-top: 3em;
}
.loop-nav > div {
flex: 0 1 50%;
}
.loop-nav-next {
text-align: right;
margin-left: auto;
}
.loop-nav a {
display: block;
word-break: break-word;
}
.arrow {
display: inline-block;
font-weight: normal;
transform-origin: center center;
font-size: inherit;
}
.loop-nav .arrow {
color: var(--wp--preset--color--black);
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
display: block;
font-size: 11pt;
font-weight: 700;
height: auto;
top: 1em;
right: 1em;
padding: 1em 2em;
width: auto;
z-index: 100000;
} #main[tabindex='-1']:focus {
outline: 0;
}
.wp-block-column {
min-width: auto;
}
.show-more-button-wrapper {
width: 100%;
display: flex;
justify-content: right;
margin-bottom: 1rem;
}
.download-button .wp-block-button__link {
background-color: transparent;
color: #282d2b;
padding: 0 !important;
}
.download-button .wp-block-button__link:hover {
background-color: transparent !important;
color: #00bf6f !important;
}
.show-more-related-button a img {
transition: transform 0.2s ease;
}
.rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.read-more {
display: flex;
flex-direction: row;
color: var(--wp--preset--color--black);
}
.read-more a {
display: flex;
flex-direction: row;
color: var(--wp--preset--color--black);
align-items: center;
font-weight: 600;
font-size: 18px;
padding-top: 12px;
}
.read-more a:hover {
color: var(--wp--preset--color--green);
}
.power-text {
position: relative;
margin-top: 2.5rem !important;
margin-bottom: 6rem !important;
}        .solutions > div::after {
position: absolute; top: -400px;
left: -240px;
width: 150px;
height: 150px;
min-height: unset;
z-index: -1;
opacity: 1;
content: '';
background-size: cover; animation: 3s infinite grow;
animation-composition: add;
animation-timeline: scroll(root block);
}
@keyframes grow {
from {
width: 240px;
height: 240px;
}
to {
width: 480px;
height: 480px;
}
}
.step-by-step {
display: grid;
grid-column-gap: 4em;
grid-row-gap: 2em;
align-content: start;
}
.div5 > img {
position: absolute;
left: auto;
}
@media screen and (max-width: 1280px) {
.our-partners .wp-block-group {
gap: var(--wp--custom--padding) !important;
}
.our-partners img {
max-width: 33vw;
max-height: 3em;
width: 100%;
}
}
@media screen and (max-width: 1080px) {
.customer-call-center-right br {
display: none;
}
}
@media screen and (max-width: 782px) {
.three-columns div:nth-child(-n + 3) {
width: 31%;
display: flex !important;
}
.downloads {
display: flex;
flex-direction: row;
flex-wrap: wrap !important;
}
}
@media screen and (max-width: 480px) {
.buttons-separated {
margin-bottom: 1.5rem;
}
}
.relative-position {
position: relative;
}
@media screen and (max-height: 782px) {
.wp-container-content-102 {
flex-basis: auto;
}
}
.teaser-text {
max-width: 26.25rem !important;
}
.stop-scrolling {
height: 100%;
overflow: hidden;
}
.hide {
display: none !important;
}
.show {
display: flex !important;
}
.medium-sized-text {
font-size: 1.5rem !important;
}   .hero-module > img.solar-panels-image{ top: unset !important;
transform: translateY(-0%);
bottom: 0;
}
img.solar-panels-image.narrow{display:none;}
@media screen and (max-width: 442px){
img.solar-panels-image.narrow{display:block;}
img.solar-panels-image.wide{display:none;}
.hero-module > img.solar-panels-image{
right: 17% !important;
left: unset !important; object-fit: contain;
transform: scale(1.45);
}
}
@media screen and (max-width: 519px){
.hero-module h1 {
margin-top: 0.5em;
margin-bottom: 0;
}
.hero-module .breadcrumbs {
margin-top: 4em;
}
} 
.gm-style .place-card-large {
display: none !important;
}
.place-card{
display: none !important;
}
.place-card .place-card-large{
display: none !important;
}
.gmnoprint{
display: none !important;
}
.countdown {
display: flex;
gap: 0.5rem;
text-align: center;
}
.countdown > div {
}
.countdown h2 {
color: #52a4a4;
border-radius: 4px;
border: 3px solid;
width: 6rem;
height: 7rem;
display: grid;
place-items: center;
margin-bottom: 0.5rem;
}
.countdown h5 {
color: var(--wp--preset--color--dark-grey);
margin: 0;
} .testimonial {
}
.testimonial-bottom {
display: flex !important;
flex-direction: row;
width: 100%;
}
.testimonial-profile {
}
.testimonial-info {
margin-left: auto; }
.testimonial-profile-name {
display: flex !important;
flex-direction: column !important;
gap: 0em !important;
}
.testimonial-profile-name p {
width: max-content;
}
.testimonial-profile img {
border-radius: 50%;
} .wp-block-columns.is-layout-flex.solution-columns {
gap: 0;
}
.solution-columns figure {
height: 100%;
}
.solution-columns img {
height: 100%;
}
.wp-block-image img {
}
.solution-svg img {
object-fit: cover;
}
.home-charger-installed {
max-width: 36rem;
}
.reverse-order-flex-mobile.panel figure {
display: flex;
justify-content: right;
}
.support-heading {
max-width: 51rem;
}
.axa-image {
min-width: 35rem;
}
.faq h4 {
padding-right: 1.5rem;
font-size: 1.25rem;
font-weight: 600;
}
.faq details > div > p,
.faq details > div > li {
padding-right: 20em;
font-size: 1rem;
font-weight: 400;
color: var(--wp--preset--color--dark-grey) !important;
}
.has-green-color a {
color: #00bf6f !important;
}
.has-green-color a:hover {
color: #009756 !important;
}
.join-us-text {
max-width: 100%;
}
.whitepaper-time-author-date {
width: 100%;
gap: 0.5em;
display: flex;
flex-direction: column;
font-size: 1rem;
font-weight: 500;
}
.blog-posts-show-group {
}
.guides-tags > div {
flex-wrap: wrap;
flex-shrink: 1 !important;
width: 910px;
row-gap: 16px;
column-gap: 12px;
}
.guides-tags a {
padding: 8px 14px !important;
font-size: 16px !important;
font-weight: 500 !important;
height: auto;
}
.grey-posts-background li {
background-color: var(--wp--preset--color--light-grey) !important;
}
.twenty-to-16-text {
font-size: 1.25rem !important;
}
.technical-features {
flex-wrap: wrap !important;
}
.technical-features > div {
width: 48%;
}
.technical-features ul {
list-style: none;
}
.technical-features ul li::before {
content: '\2022';
color: var(--wp--preset--color--green);
font-weight: bold;
display: inline-block;
width: 18px;
margin-left: -18px;
font-size: 32px;
}
.comparison-row-mobile div {
height: 88px;
justify-content: space-between;
display: flex;
flex-direction: column;
flex-wrap: nowrap !important;
}
.line-under-comparison-row {
position: absolute;
content: '';
width: 100%;
height: 1px !important;
opacity: 0.5;
background: linear-gradient(
90deg,
#a7a7a7 -0.78%,
rgba(167, 167, 167, 0.1) 100%
);
bottom: -16px;
left: 0px;
}
.fleet-mobile {
position: absolute;
width: 400px;
left: 60%;
}
@media screen and (max-width: 1080px){
.fleet-mobile {
position: static;
width:40vw;
}
.wp-block-group:has(.fleet-mobile){
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
width: 100%;
max-width: 100%;
}
.wp-block-group:has(.fleet-mobile)>div:first-child{
width: 100%;
}
.wp-block-group:has(.fleet-mobile)>figure{
align-self:center
}
}
@media screen and (max-width: 782px){
.wp-block-group:has(.fleet-mobile){
grid-template-columns: 100%;
grid-template-rows:auto auto;
}
.fleet-mobile {
width:90vw;
}
}
.overlay-image {
height: 632px;
}
.overlay-close-button {
width: 64px;
height: 64px;
background-color: #282d2b;
border-radius: 64px;
position: absolute;
right: -100px;
top: -40px;
display: flex;
justify-content: center;
cursor: pointer;
}
.overlay-close-button:hover {
background-color: #000;
}
.overlay-close-button img {
width: 24px;
}
.dim-overlay {
background-color: rgba(0, 0, 0, 0.65);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
}
.stop-scrolling {
height: 100%;
overflow: hidden;
}
.overlay-image-green-border img {
border: 2px solid #00bf6f;
}
.button-stripped a {
padding: 0 !important;
border: 4px solid !important;
}
.button-stripped img {
border: none;
}
.img-button-hover img {
border: 2px solid transparent;
}
.img-button-hover img:hover {
border: 2px solid #00bf6f;
border-radius: 10px;
}
.grey-spacer-big {
height: 300px;
background-color: var(--wp--preset--color--light-grey);
max-height: 400px !important;
position: absolute;
}
.wind-tree-panel {
min-width: 215px;
flex-basis: 0px !important;
}
.customer-care-left h2 {
max-width: 19ch;
} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
border-color: var(--wp--preset--color--green) !important;
border-radius: 8px;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
color: white !important;
background: var(--wp--preset--color--green) !important;
border-radius: 8px;
}
#CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialogFooter
#CybotCookiebotDialogBodyLevelButtonCustomize
.CybotCookiebotDialogArrow,
#CybotCookiebotDialogPoweredbyLink {
display: none !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog
#CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a,
#CookiebotWidget .CookiebotWidget-consent-details button {
color: var(--wp--preset--color--green) !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
color: var(--wp--preset--color--green) !important;
}
#CybotCookiebotDialogNav
.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
border-bottom: 1px solid var(--wp--preset--color--green) !important;
color: var(--wp--preset--color--green) !important;
}
#CybotCookiebotDialogTabContent
input:checked
+ .CybotCookiebotDialogBodyLevelButtonSlider {
background-color: var(--wp--preset--color--green) !important;
}
#CybotCookiebotDialog
.CookieCard
.CybotCookiebotDialogDetailBodyContentCookieContainerButton,
#CybotCookiebotDialog
.CookieCard
.CybotCookiebotDialogDetailBodyContentIABv2Tab {
display: flex;
align-items: flex-start;
}
#CookiebotWidget
.CookiebotWidget-body
.CookiebotWidget-consents-list
li.CookiebotWidget-approved
svg {
fill: var(--wp--preset--color--green) !important;
}
div #CookiebotWidget .CookiebotWidget-logo {
display: none;
}
div #CookiebotWidget:not(.CookiebotWidget-open) {
display: none;
} .wp-block-embed__wrapper {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.cookieconsent-optout-statistics span,
.cookieconsent-optout-marketing span{
color: var(--wp--preset--color--dark-geen);
}
.cookieconsent-optout-statistics,
.cookieconsent-optout-marketing {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ececec;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 1.5rem;
box-sizing: border-box;
z-index: 5;
justify-items: center;
align-content: center;
border-radius: 10px;
overflow-y: auto;
}
.cookieconsent-optout-statistics p,
.cookieconsent-optout-marketing p {
max-width: 45ch;
margin: 0 auto;
font-size: 1em;
}
.cookieconsent-optout-statistics a,
.cookieconsent-optout-marketing a {
background: var(--wp--preset--color--black);
border-radius: 2.5rem;
color: white;
cursor: pointer;
display: grid;
font-weight: bold;
padding: 0.5rem 1.75rem !important;
line-height: 1;
text-decoration: none;
width: auto;
min-height: 3rem;
align-items: center;
margin: 1rem auto 0;
max-width: max-content;
}
@media screen and (min-width: 1080px) {
.cookieconsent-optout-statistics,
.cookieconsent-optout-marketing{
font-size: 1.2rem;
}
}
@media screen and (max-width: 1080px) {
.cookieconsent-optout-statistics,
.cookieconsent-optout-marketing{
padding: 1rem 1rem;
}
}
.customer-care{
align-items: flex-end !important;
}  @media screen and (max-width: 1440px) {
.flickity-prev-next-button.previous {
right: 14.25rem;
}
.flickity-prev-next-button.next {
right: 8.75rem !important;
}
.swiper-button-next {
right: 8.75rem !important;
}
}
@media screen and (max-width: 1280px) {
.wrapper,
#header .wrapper {
width: 100%;
padding: 0 var(--wp--custom--padding);
}
.wp-block-column .wp-block-cover > .wp-block-cover__inner-container {
padding-left: 0;
padding-right: 0;
}
.alignfull > .wp-block-cover__inner-container {
width: calc(100vw - 2 * var(--wp--custom--padding));
max-width: calc(100vw - 2 * var(--wp--custom--padding));
}
.alignfull .wp-block-cover__inner-container .wp-block-spacer { height: var(--custom--padding-top) !important;
}
}
@media screen and (max-width: 1080px) {
h1 {
font-size: 4rem;
}
.customer-care-left h2 {
font-size: var(--wp--preset--font-size--h-3) !important;
}
.customer-care-right h3 {
font-size: var(--wp--preset--font-size--h-4);
}
.customer-care-right {
gap: 2.5rem !important;
}
.customer-care-right figure {
width: var(--wp--custom--spacing-40);
}
.flickity-prev-next-button.previous {
right: 9.5rem;
}
.flickity-prev-next-button.next {
right: 4rem !important;
}
.testimonials-wrapper div {
flex-basis: 0 !important;
}
.alignfull-to-right { width: 100vw;
max-width: 100vw;
border-radius: 0;
}
.panel {
gap: 3.5rem !important;
}
.whitepaper-time-author-date {
flex-direction: row !important;
justify-content: space-between;
width: 100%;
font-size: 1rem;
font-weight: 500;
}
.white-paper-width {
max-width: 100% !important;
width: 100% !important;
}
.white-paper-width > * {
max-width: 100% !important;
width: 100% !important;
}
.white-paper-width img {
width: 100% !important;
}
.buttons-separated {
justify-content: flex-end;
}   .support-heading {
gap: 1.5rem !important;
width: 42.5rem;
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.support-heading p {
font-size: 1.25rem !important;
}
.power-stack {
padding-right: 0rem !important;
}
.faq details > div > p,
.faq details > div > ul {
padding-right: 1.5em !important;
}
.swiper-button-next {
right: 4rem !important;
}
.stack-1080 {
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.stack-1080-reverse {
flex-direction: column-reverse !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.stack-1080-reverse h3 {
width: 100%;
}
.reverse-order-flex-tablet-1080 {
flex-direction: column-reverse !important;
}
.the-team-row {
row-gap: 3.25rem !important;
}
.join-us-text {
padding-left: 13.75rem !important;
padding-right: 13.75rem !important;
}
.content-column-second {
width: 100%;
}
.content-columns {
gap: 2.5rem;
}
.teaser-text p {
font-size: 1rem !important;
}
.guides-tags > div {
width: 770px;
}
.three-columns div:nth-child(-n + 2) {
width: 48%;
}
.three-columns div {
width: 48%;
}
.three-columns div {
max-width: 48%;
}
.three-columns div:nth-child(-n + 2) {
width: 48%;
}
.overlay-image {
height: 410px;
object-fit: contain;
}
.overlay-close-button {
right: -40px;
top: -86px;
}
.hide-on-1080 {
display: none;
}
}
@media screen and (max-width: 900px) {
.the-team-row {
grid-template-columns: 1fr 1fr 1fr;
}
.stack.customer-care{
flex-direction:column !important;
align-items: flex-start !important; }
.customer-care .customer-care-left{
width:100%;
align-items: center !important;
}
.customer-care-left h2{
width: 100%;
max-width: 100%;
text-align: center;
}
.join-us-text {
padding-left: 0!important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 781px) {
body {
--wp--preset--font-size--large: 1.5rem;
}
h2:not(.wpcp-post-title) {
font-size: 2.5rem;
}
.testimonials-wrapper .flickity-prev-next-button.previous {
right: 5rem !important;
}
.flickity-prev-next-button.previous { }
.flickity-prev-next-button.next {
right: 2.5rem !important;
}
.panel {
gap: 2.5rem !important;
}
.panel .wp-block-column, .panel .wp-block-column figure img {
width: 100%;
}
.reverse-order-flex-tablet {
flex-direction: column-reverse !important;
row-gap: var(--wp--custom--padding) !important;
}
.support-heading {
width: 26rem;
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.customer-care-right{
gap: 1.5em !important;
}
.stack.customer-care > .customer-care-right >div:first-child figure:nth-of-type(1){
align-self: start;
}
.stack.customer-care > .customer-care-right >div:first-child > div{	
gap: 2px;
}
.customer-care-left > p:nth-child(3){
align-self: flex-start;
}
.stack.customer-care > .customer-care-right >div:nth-child(3) > div{	
gap: 0.5em;
}
.stack.customer-care > .customer-care-right >div:nth-child(3) > div > div > div{
gap:2px;
}
.axa-image {
width: 100%;
min-width: auto;
}
.axa-image img {
width: 100%;
height: 23.5rem;
border-radius: 8px;
object-fit: cover;
}
.align-on-tablet {
text-align: center;
}
.power-stack {
padding-left: 11.25rem !important;
gap: 2.5rem !important;
}
.power-stack p {
font-size: 1.25rem !important;
}
.hide-on-tablet {
display: none !important;
}
.swiper-button-next {
right: 2.5rem !important;
}
.medium-sized-text {
font-size: 1.25rem !important;
}
.join-us-text {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.the-team-row {
padding-top: 3.25rem !important;
}
.guides-tags > div {
width: 100%;
}
.wp-block-table tbody tr:first-child {
font-size: 20px;
}
.customer-call-center {
gap: 2.5rem;
}
.fleet-service {
gap: 2rem !important;
width: 55%;
}
.fleet-service img {
width: 253px;
}
.fleet-service ul {
font-size: 1rem !important;
}
.fleet-mobile {
left: 65%;
}
.overlay-close-button {
right: 0px;
top: -150px;
}
.get-in-touch-about-us {
background-color: #eeefef !important;
}
.wind-tree-panel {
flex-direction: row !important;
}
.customer-call-center h2 {
font-size: 2rem !important;
}
.most-popular {
width: auto !important;
}
.stack-tablet {
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.stack-782-reverse {
flex-direction: column-reverse !important;
align-items: flex-start !important;
justify-content: flex-start !important;
} .alignfull .wp-block-cover__inner-container .wp-block-spacer {
display: none;
}
}
@media screen and (max-width: 600px) {
.stack {
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}   .reverse-order-flex-mobile {
flex-direction: column-reverse !important;
}
.stack-600-reverse {
flex-direction: column-reverse !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.panel {
flex-direction: column;
}
.breadcrumbs {
font-size: 14px;
}
.the-team-row {
grid-template-columns: 1fr 1fr;
}
.guides-tags a {
padding: 8px 12px !important;
font-size: 12px !important;
}
.line-left {
background: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
.line-left::after {
right: 1px;
}
.technical-features > div {
width: 100%;
}
.customer-care {
align-items: center !important;
gap: var(--wp--preset--spacing--80) !important;
}
.customer-care-left {
align-items: center !important;
}
.customer-care-left h2 {
text-align: center !important;
max-width: 100%;
}
.fleet-service {  }
.fleet-mobile {
width: 100%;
left: auto;
top: 600px;
display: flex;
justify-content: center;
}
.main-features,
.main-features > div {
gap: 1.5rem !important;
}
.comparison-row-mobile {
flex-direction: column;
gap: 1rem !important;
}
.comparison-row-mobile div {
height: auto;
flex-direction: row !important;
width: 100%;
}
}
@media screen and (max-width: 480px) {
.breadcrumbs { }
.flickity-prev-next-button.previous {
right: 6.5rem !important;
}
.flickity-prev-next-button.next {
right: 1.5rem !important; }
.testimonials-wrapper .has-h-3-font-size {
font-size: 2rem !important;
}
.solutions p {
font-size: 1rem !important;
}
.testimonial > p {
font-size: 1.125rem !important;
}
.home-charger-installed {
max-width: 100%;
}
.support-heading {
max-width: 100%;
width: 100%;
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.form-options .option-right{
min-width: auto;
padding: 1rem 0.5rem;
}
.power-stack {
padding-left: 8.25rem !important;
gap: 1.5rem !important;
}
.power-stack p {
font-size: 1rem !important;
}
.power-text {
margin-bottom: 4rem !important;
}   .swiper-button-next {
right: 1.5rem !important;
}
.the-team-row {
row-gap: 2.25rem !important;
column-gap: 1rem !important;
padding-top: 1.5rem !important;
}
.employee .has-h-4-font-size {
font-size: 1.25rem !important;
}
.medium-sized-text {
font-size: 1.125rem !important;
}
.axa-image img {
height: 16rem;
}
.twenty-to-16-text {
font-size: 1rem !important;
}
.customer-call-center div > p {
font-size: 18px !important;
}
.customer-call-center-right {
gap: 2rem !important;
margin-top: 0 !important;
}
.overlay-image {
width: 100%;
height: auto;
}
.dim-overlay {
background-color: white;
}
.overlay-close-button {
top: 24px;
right: 24px;
}
.main-features p {
font-size: 20px !important;
}
.wind-tree-text p {
font-size: 20px !important;
}
.wind-tree-panel p {
font-size: 12px !important;
}
.customer-call-center h2 {
font-size: 1.5rem !important;
}
}
@media screen and (max-width: 479px) {
.swiper-button-next {
right: 1rem !important;
display: flex !important;
}
.contact-form-options .form-options, div.choose-form-right div.form-options{
flex-direction: column !important;
}
.choose-form-right .form-options{
grid-template-columns:100%;
grid-template-rows: 47% 47%;
row-gap:1.5rem
} 
}
@media screen and (max-width: 382px) {
.form-options{
flex-direction: column !important;
}
.form-options .option-right{
padding:1.5rem 1rem;
}
}
@media screen and (max-width: 360px) {
.flickity-prev-next-button.previous {
right: 6rem !important;
}
.flickity-prev-next-button.next {
right: 1rem !important;
}
.solutions .line {
max-height: 100%;
}
.panel {
gap: 2rem !important;
}
.power-stack {
padding-left: 0rem !important;
}
.swiper-button-next {
right: 1rem !important;
display: flex !important;
}
.wpcp-prev-button {
display: flex;
}
.the-team-row {
row-gap: 2rem !important;
}
.the-team-row figure img {
height: 12em !important;
}
.employee {
gap: 1rem !important;
}
.employee > div {
gap: 0.25rem !important;
}
.button-left-side a {
border-radius: 40px;
}
.button-right-side a {
border-radius: 40px;
}
.buttons-separated {
gap: 10px !important;
}
.support-heading {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.guides-tags a {
padding: 8px 10px !important;
}
.power-text {
margin-top: 2.5rem !important;
margin-bottom: 3rem !important;
}
.customer-care-right {
gap: 2rem !important;
}
.fleet-service {
gap: 1.5rem !important;
}
.fleet-service img {
width: 188px;
}
.fleet-mobile {
top: 750px;
}
.overlay-close-button {
top: 16px;
right: 16px;
}
.wind-tree-panel {
flex-direction: column !important;
}
}
.variable-item.selected {
background-color: yellow;
}
.variable-item.disabled {
background-color: gray;
}
.page-support #main .customer-care-right > div:first-child >figure{
margin-top: 1em;
}