@charset "UTF-8";
:root {
  --color-primary: #fac140;
  --color-secondary: #333333;
  --color-tertiary: #193485;
  --color-light: #ffffff;
  --color-dark: #333333;
  --color-light-bg-text-heading: #0f172a;
  --color-light-bg-text-body: #0f172a;
  --color-light-bg-link: #193485;
  --color-light-bg-link-hover: #0f172a;
  --light-bg-btn-default-shape: 4px;
  --light-bg-btn-default-type: Solid;
  --light-bg-btn-default-border-color: #333333;
  --light-bg-btn-default-text-color: #ffffff;
  --light-bg-btn-default-hover-border-color: #f26522;
  --light-bg-btn-default-hover-text-color: #ffffff;
  --light-bg-btn-default-bg: #333333;
  --light-bg-btn-default-hover-bg: #f26522;
  --color-dark-bg-text-heading: #FFF;
  --color-dark-bg-text-body: #FFF;
  --color-dark-bg-link: #fac140;
  --color-dark-bg-link-hover: #ffffff;
  --dark-bg-btn-default-shape: 4px;
  --dark-bg-btn-default-type: Solid;
  --dark-bg-btn-default-border-color: #F8FAFC;
  --dark-bg-btn-default-text-color: #333333;
  --dark-bg-btn-default-hover-border-color: #D9D8D6;
  --dark-bg-btn-default-hover-text-color: #333333;
  --dark-bg-btn-default-bg: #F8FAFC;
  --dark-bg-btn-default-hover-bg: #D9D8D6;
  --color-primary-bg-text-heading: #0f172a;
  --color-primary-bg-text-body: #0f172a;
  --color-primary-bg-link: #193485;
  --color-primary-bg-link-hover: #0f172a;
  --primary-bg-btn-default-shape: 4px;
  --primary-bg-btn-default-type: Solid;
  --primary-bg-btn-default-border-color: #333333;
  --primary-bg-btn-default-text-color: #ffffff;
  --primary-bg-btn-default-hover-border-color: #f26522;
  --primary-bg-btn-default-hover-text-color: #ffffff;
  --primary-bg-btn-default-bg: #333333;
  --primary-bg-btn-default-hover-bg: #f26522;
  --color-secondary-bg-text-heading: #FFF;
  --color-secondary-bg-text-body: #FFF;
  --color-secondary-bg-link: #fac140;
  --color-secondary-bg-link-hover: #ffffff;
  --secondary-bg-btn-default-shape: 4px;
  --secondary-bg-btn-default-type: Solid;
  --secondary-bg-btn-default-border-color: #F8FAFC;
  --secondary-bg-btn-default-text-color: #333333;
  --secondary-bg-btn-default-hover-border-color: #D9D8D6;
  --secondary-bg-btn-default-hover-text-color: #333333;
  --secondary-bg-btn-default-bg: #F8FAFC;
  --secondary-bg-btn-default-hover-bg: #D9D8D6;
  --color-tertiary-bg-text-heading: #FFF;
  --color-tertiary-bg-text-body: #FFF;
  --color-tertiary-bg-link: #fac140;
  --color-tertiary-bg-link-hover: #ffffff;
  --tertiary-bg-btn-default-shape: 4px;
  --tertiary-bg-btn-default-type: Solid;
  --tertiary-bg-btn-default-border-color: #F8FAFC;
  --tertiary-bg-btn-default-text-color: #333333;
  --tertiary-bg-btn-default-hover-border-color: #D9D8D6;
  --tertiary-bg-btn-default-hover-text-color: #333333;
  --tertiary-bg-btn-default-bg: #F8FAFC;
  --tertiary-bg-btn-default-hover-bg: #D9D8D6;
  --branding-background-image-url: url("");
  --font-heading-family: "Barlow";
  --font-heading-hero-size: 54px;
  --font-heading-hero-size-mobile: 32px;
  --font-heading-hero-weight: 600;
  --font-heading-hero-style: normal;
  --font-heading-section-size: 32px;
  --font-heading-section-size-mobile: 28px;
  --font-heading-section-weight: 600;
  --font-heading-section-style: normal;
  --font-heading-subheading-size: 22px;
  --font-heading-subheading-size-mobile: 18px;
  --font-heading-subheading-weight: 600;
  --font-heading-subheading-style: normal;
  --font-body-family: "Barlow";
  --font-lead-size: 18px;
  --font-lead-size-mobile: 16px;
  --font-lead-weight: 400;
  --font-lead-style: normal;
  --font-body-size: 16px;
  --font-body-size-mobile: 14px;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-btn-family: "Barlow";
  --font-btn-size: 16px;
  --font-btn-size-mobile: 16px;
  --font-btn-weight: 600;
  --font-btn-style: normal;
  --btn-primary-shape: 4px;
  --btn-primary-type: Solid;
  --btn-primary-border-color: #fac140;
  --btn-primary-text-color: #333333;
  --btn-primary-hover-border-color: #ffe968;
  --btn-primary-hover-text-color: #333333;
  --btn-primary-bg: #fac140;
  --btn-primary-hover-bg: #ffe968;
  --btn-secondary-shape: 4px;
  --btn-secondary-type: Solid;
  --btn-secondary-border-color: #333333;
  --btn-secondary-text-color: #ffffff;
  --btn-secondary-hover-border-color: #f26522;
  --btn-secondary-hover-text-color: #ffffff;
  --btn-secondary-bg: #333333;
  --btn-secondary-hover-bg: #f26522;
  --btn-tertiary-shape: 4px;
  --btn-tertiary-type: Solid;
  --btn-tertiary-border-color: #193485;
  --btn-tertiary-text-color: #ffffff;
  --btn-tertiary-hover-border-color: #f26522;
  --btn-tertiary-hover-text-color: #ffffff;
  --btn-tertiary-bg: #193485;
  --btn-tertiary-hover-bg: #f26522;
  --btn-light-shape: 4px;
  --btn-light-type: Solid;
  --btn-light-border-color: #F8FAFC;
  --btn-light-text-color: #333333;
  --btn-light-hover-border-color: #D9D8D6;
  --btn-light-hover-text-color: #333333;
  --btn-light-bg: #F8FAFC;
  --btn-light-hover-bg: #D9D8D6;
  --btn-dark-shape: 4px;
  --btn-dark-type: Outline;
  --btn-dark-border-color: #111827;
  --btn-dark-text-color: #111827;
  --btn-dark-hover-border-color: #193485;
  --btn-dark-hover-text-color: #193485;
  --btn-dark-bg: transparent;
  --btn-dark-hover-bg: transparent;
  --nav-bg-color: #ffffff;
  --nav-link-color: #0f172a;
  --nav-phone-color: #0f172a;
  --footer-nav-bg-color: #333333;
  --footer-nav-link-color: #FFF;
  --footer-nav-text-color: #FFF;
  --footer-nav-bg-luminance: secondary;
  --form-bg-color: #193485;
  --form-text-color: #ffffff;
  --form-sublevel-bg-color: #193485;
  --form-sublevel-text-color: #ffffff;
}

/* ===== AAPCO "Tell Us How We Did" — scoped to this section only ===== */
/* White card wrapper around the whole section header */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header {
  background: #ffffff;
  border: 5px solid #fac140;
  border-radius: 10px;
  padding: 30px;
  color: #333333;
}

/* Section title (page-builder H2) */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .section-title {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;
}

/* Intro paragraph */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header p {
  color: #193485;
}

/* "Leave a Review" label */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-review-label {
  font-family: "Barlow", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #333333;
  margin: 28px 0 16px;
}

/* Review buttons */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-btn-review {
  background: #333333;
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
  padding: 14px 15px;
  font-size: 14px;
  font-weight: 600;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  transition: background 0.15s ease;
}

#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-btn-review:hover,
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-btn-review:focus {
  background: #000000;
  color: #ffffff;
}

/* Wrap the buttons' <p> margins tight */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header p:has(> .aapco-btn-review) {
  max-width: 720px;
  margin: 0 auto;
}

/* ===== Customer counter — redesigned without the icon ===== */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-customers-count {
  border: 2px solid #193485;
  border-left: 8px solid #fac140; /* accent bar in place of the old icon */
  border-radius: 8px;
  padding: 20px 24px;
  text-align: left;
}

/* Collapse the now-empty icon column so the count fills the box */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-customers-count .col-xs-3 {
  display: none;
}

#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-customers-count .col-xs-9 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-counter {
  font-family: "Barlow", sans-serif;
  font-size: 52px;
  font-weight: 700;
  color: #fac140;
  line-height: 1;
}

#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .aapco-counter-label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #193485;
  margin-top: 6px;
}

/* Badge images alignment */
#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf .pb-section-header .se-image-container figure {
  margin: 0 auto;
}

body:has(#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf) .pb-form-section,
body:has(#pb-section-b21cd6b9-0f91-436b-8037-33e1b2a49edf) nav .btn-cta-alternate {
  display: none;
}