: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: #051e60ff;
  --sub-banner-heading-color: #ffffff;
  --sub-banner-body-color: #ffffff;
  --sub-banner-body-font-size-sm: calc(1rem / 16 * 20);
  --sub-banner-body-font-size-lg: calc(1rem / 16 * 25);

  --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: "Noto Sans";
  --font-heading: "Fira Sans";
  --body-text-color: #717070ff;
  --heading-text-color: #031031ff;

  --heading-font-weight: 600;
  --body-font-weight: 500;
  --body-line-height: 1.5;
  --heading-line-height: 1.25;
  --body-font-size-sm: calc(1rem / 16 * 13);
  --body-font-size-med: calc(1rem / 16 * 15);
  --body-font-size-lg: calc(1rem / 16 * 16);

  --link-color: #ff9c41ff;
  --link-color-hover: #5ca138ff;


    --h1-size-sm: calc(40 * (1rem / 16));
    --h1-size-med: calc(45 * (1rem / 16));
    --h1-size-lg: calc(55 * (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: 3px;
  --body-background-color: #fbf8f2ff;
  --global-transition-duration: 0.33s;
  --input-background-color: #fbf8f2ff;
  --select-dropdown-arrow: url("https://rf-production-public.s3.us-east-2.amazonaws.com/websites/electricalservices.paffelectricandsolar.com/versions/20250723203048/img/form-section/dropdown-arrow.svg");
  --placeholder-text-color: #01181C;
  --input-text-color: #051e60ff;

  --button-font-family: "Noto Sans";
  --button-font-size: calc(18 * 1rem / 16);
  --button-font-weight: 600;
  --button-border-radius: 50px;
  --button-box-shadow: none;
  --button-padding-x: 32px;
  --button-padding-y: 16px;
    --button-text-transform: text-uppercase;
  ;
  --button-background-color: #ff9c41ff;
  --button-text-color: #fbf8f2ff;
  --button-border-color: #00000000;

  --button-background-color-hover: #5ca138ff;
  --button-text-color-hover: #fbf8f2ff;
  --button-border-color-hover: #00000000;

    --header-logo-max-width: 200px;
  --header-background-color: #000000;
  --header-sticky-background-color: #031031ff;
  --header-text-color: #fbf8f2ff;
  --header-sticky-text-color: #ffffff;
  --header-tagline-font-weight: 600;
  --header-tagline-font-size: calc(1rem / 16 * 24);

  --offersreview-background-color: #fffcf9ff;
  --offersreview-heading-color: #051e60ff;
  --offersreview-body-color: #717070ff;

  --services-background-color: #051e60ff;
  --services-heading-color: #ffffffff;
  --services-body-color: #707070ff;

  --services-card-background-color: #fbf8f2ff;
  --services-card-heading-color: #ff9c41ff;
  --services-card-body-color: #707070ff;

  --services-cta-background-color1: #ff9c41ff;
  --services-cta-background-color2: #ff9c41ff;
  --services-cta-gradient-angle: 90deg;
  --services-cta-heading-color: #fbf8f2ff;
  --services-cta-body-color: #fbf8f2ff;

  --content-w-bg-heading-color: #fbf8f2ff;
  --content-w-bg-body-color: #fbf8f2ff;
  --content-w-bg-overlay-color1: ;
  --content-w-bg-overlay-color2: ;
  --content-w-bg-overlay-gradient-angle: 0deg;

  --faqs-background-color: #051e60ff;
  --faqs-heading-color: #fbf8f2ff;
  --faqs-body-color: #fbf8f2ff;

  --faqs-question-bg-color1: #ff9c41ff;
  --faqs-question-bg-color2: #ff9c41ff;
  --faqs-question-bg-gradient-angle: 90deg;
  --faqs-question-heading-color: #fbf8f2ff;

  --faqs-answer-background-color: #fbf8f2ff;
  --faqs-answer-body-color: #051e60ff;

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

  --form-overlay-color1: ;
  --form-overlay-color2: ;
  --form-overlay-gradient-angle: 0deg;

  --form-submit-background-color: #ff9c41ff;
  --form-submit-text-color: #fbf8f2ff;
  --form-submit-border-color: #00000000;
  --form-submit-background-color-hover: #5ca138ff;
  --form-submit-text-color-hover: #fbf8f2ff;
  --form-submit-border-color-hover: #00000000;

    --footer-logo-max-width: 180px;
    --footer-logo-max-height: 180px;
  --footer-background-color: #031031ff;
  --footer-text-color: #fbf8f2ff;
  --footer-link-color: #fbf8f2ff;
  --footer-link-color-hover: #bf7643ff;
  --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: #117e38ff;
        color: #fbf8f2ff;
        border-color: #00000000;
    }
    .button.secondary:hover,
    .button.secondary:focus {
        background-color: #5ca138ff;
        color: #fbf8f2ff;
        border-color: #00000000;
    }


@media screen and (max-width: 640px) {
    .page-heading {
    }
}

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

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