:root {
  --section-inner-max-width: 1260px;
  --section-padding-top-sm: 60px;
  --section-padding-bottom-sm: 60px;
  --section-padding-left-sm: 20px;
  --section-padding-right-sm: 20px;
  --section-padding-left-lg: 30px;
  --section-padding-right-lg: 30px;
  --section-padding-top-lg: 80px;
  --section-padding-bottom-lg: 80px;

  --sub-banner-max-content-width: 900px;
  --sub-banner-background-color: #04ac98ff;
  --sub-banner-heading-color: #000000ff;
  --sub-banner-body-color: #1f1f1fff;
  --sub-banner-body-font-size-sm: calc(1rem / 16 * 22);
  --sub-banner-body-font-size-lg: calc(1rem / 16 * 28);

  --hopscotch-column-gap: 50px;
  --hopscotch-row-gap: 30px;
  --hopscotch-image-width: .50;
  --hopscotch-image-height-lg: 0;
    --hopscotch-content-gap-adjustment: var(--hopscotch-column-gap);
    --hopscotch-image-gap-adjustment: 0px;

  --font-body: Open Sans; 
  --font-heading: Montserrat;
  --body-text-color: #14261cff;
  --heading-text-color: #14261cff;

  --heading-font-weight: 700;
  --body-font-weight: 300;
  --body-line-height: 1.5;
  --heading-line-height: 1.25;
  --body-font-size-sm: calc(1rem / 16 * 14);
  --body-font-size-med: calc(1rem / 16 * 18);
  --body-font-size-lg: calc(1rem / 16 * 18);

  --link-color: #04ac98ff;
  --link-color-hover: #32c7b5ff;


    --h1-size-sm: calc(36 * (1rem / 16));
    --h1-size-med: calc(40 * (1rem / 16));
    --h1-size-lg: calc(45 * (1rem / 16));
    --h2-size-sm: calc(35 * (1rem / 16));
    --h2-size-med: calc(35 * (1rem / 16));
    --h2-size-lg: calc(38 * (1rem / 16));
    --h3-size-sm: calc(20 * (1rem / 16));
    --h3-size-med: calc(22 * (1rem / 16));
    --h3-size-lg: calc(28 * (1rem / 16));
    --h4-size-sm: calc(18 * (1rem / 16));
    --h4-size-med: calc(18 * (1rem / 16));
    --h4-size-lg: calc(20 * (1rem / 16));

  --global-radius: 0px;
  --body-background-color: #f4f4f4ff;
  --global-transition-duration: 0.33s;
  --input-background-color: #FFFFFF;
  --select-dropdown-arrow: url("https://rf-production-public.s3.us-east-2.amazonaws.com/websites/evchargers.nu-trendev.com/versions/20250718141104/img/form-section/dropdown-arrow.svg");
  --placeholder-text-color: #1f1f1fff;
  --input-text-color: #14261cff;

  --button-font-family: Open Sans;
  --button-font-size: calc(18 * 1rem / 16);
  --button-font-weight: 200;
  --button-border-radius: 0px;
  --button-box-shadow: none;
  --button-padding-x: 32px;
  --button-padding-y: 16px;
;
  --button-background-color: #32c7b5ff;
  --button-text-color: #14261cff;
  --button-border-color: #32c7b5ff;

  --button-background-color-hover: #04ac98ff;
  --button-text-color-hover: #14261cff;
  --button-border-color-hover: #04ac98ff;

  --header-background-color: #14261cff;
  --header-sticky-background-color: #14261cff;
  --header-text-color: #ffffffff;
  --header-sticky-text-color: #ffffffff;
  --header-tagline-font-weight: 500;
  --header-tagline-font-size: calc(1rem / 16 * 24);

  --offersreview-background-color: #14261cff;
  --offersreview-heading-color: #ffffffff;
  --offersreview-body-color: #ffffffff;

  --services-background-color: #32c7b5ff;
  --services-heading-color: #14261cff;
  --services-body-color: #14261cff;

  --services-card-background-color: #ffffff;
  --services-card-heading-color: #14261cff;
  --services-card-body-color: #14261cff;

  --services-cta-background-color1: #14261cff;
  --services-cta-background-color2: #14261cff;
  --services-cta-gradient-angle: 90deg;
  --services-cta-heading-color: #ffffffff;
  --services-cta-body-color: #ffffffff;

  --content-w-bg-heading-color: #ffffff;
  --content-w-bg-body-color: #ffffff;
  --content-w-bg-overlay-color1: #01181cd6;
  --content-w-bg-overlay-color2: #01181c21;
  --content-w-bg-overlay-gradient-angle: 90deg;

  --faqs-background-color: #14261cff;
  --faqs-heading-color: #FFFFFF;
  --faqs-body-color: #FFFFFF;

  --faqs-question-bg-color1: #32c7b5ff;
  --faqs-question-bg-color2: #32c7b5ff;
  --faqs-question-bg-gradient-angle: 90deg;
  --faqs-question-heading-color: #14261cff;

  --faqs-answer-background-color: #f4f4f4ff;
  --faqs-answer-body-color: #14261cff;

  --form-heading-color: #ffffff;
  --form-body-color: #ffffff;

  --form-overlay-color1: #00ccff00;
  --form-overlay-color2: #00ccff00;
  --form-overlay-gradient-angle: 270deg;

  --form-submit-background-color: #32c7b5ff;
  --form-submit-text-color: #14261cff;
  --form-submit-border-color: #32c7b5ff;
  --form-submit-background-color-hover: #04ac98ff;
  --form-submit-text-color-hover: #14261cff;
  --form-submit-border-color-hover: #04ac98ff;

    --footer-logo-max-width: 250px;
    --footer-logo-max-height: 250px;
  --footer-background-color: #14261c9a;
  --footer-text-color: #ffffffff;
  --footer-link-color: #ffffffff;
  --footer-link-color-hover: #32c7b5ff;
  --footer-disclaimer-text-color: #FFFFFF80;
}

/* Soften CLS due to header adjustments */
.page-header--fixed main > :first-child {
    --section-padding-top-sm: calc(60px + 180px);
    --section-padding-top-lg: calc(80px + 100px);
}

    .button.secondary {
        background-color: #32c7b5ff;
        color: #14261cff;
        border-color: #32c7b5ff;
    }
    .button.secondary:hover,
    .button.secondary:focus {
        background-color: #04ac98ff;
        color: #14261cff;
        border-color: #04ac98ff;
    }

    #outline-btn {
                border: 2px solid 00ccff00;
    }
    #outline-btn:hover {
                border: 2px solid 00ccff00;
    }
    #banner-btn {
                background-color: #32C7B5;
                color: #14261C;
    }
    #banner-btn:hover {
                background-color: #2A384B;
    }
    button.form__submit {
                background-color: #32C7B5;
    }
    .offers {
                font-size: 28px;
    }
    .service-card__image {
                diplay: none;
    }

@media screen and (max-width: 640px) {
    .page-heading {
    }
    .reviews {
                margin-top: 20px;
    }
}

@media screen and (min-width: 641px) {
    .reviews {
                margin-top: 45px;
    }
}

@media screen and (min-width: 1025px) {
}