:root {
  --color-primary: #216150;
  --color-secondary: #6d8c84;
  --color-tertiary: #f8f8f8;
  --color-light: #f8f8f8;
  --color-dark: #222222;
  --color-light-bg-text-heading: #216150;
  --color-light-bg-text-body: #222222;
  --color-light-bg-link: #216150;
  --color-light-bg-link-hover: #133a2f;
  --light-bg-btn-default-shape: 0px;
  --light-bg-btn-default-type: Solid;
  --light-bg-btn-default-border-color: #222222;
  --light-bg-btn-default-text-color: #ffffff;
  --light-bg-btn-default-hover-border-color: #3C3C3C;
  --light-bg-btn-default-hover-text-color: #ffffff;
  --light-bg-btn-default-bg: #222222;
  --light-bg-btn-default-hover-bg: #3C3C3C;
  --color-dark-bg-text-heading: #ffffff;
  --color-dark-bg-text-body: #ffffff;
  --color-dark-bg-link: #f8f8f8;
  --color-dark-bg-link-hover: #dedede;
  --dark-bg-btn-default-shape: 0px;
  --dark-bg-btn-default-type: Solid;
  --dark-bg-btn-default-border-color: #ffffff;
  --dark-bg-btn-default-text-color: #222222;
  --dark-bg-btn-default-hover-border-color: #f0f0f0;
  --dark-bg-btn-default-hover-text-color: #222222;
  --dark-bg-btn-default-bg: #ffffff;
  --dark-bg-btn-default-hover-bg: #f0f0f0;
  --color-primary-bg-text-heading: #ffffff;
  --color-primary-bg-text-body: #ffffff;
  --color-primary-bg-link: #f8f8f8;
  --color-primary-bg-link-hover: #dedede;
  --primary-bg-btn-default-shape: 0px;
  --primary-bg-btn-default-type: Solid;
  --primary-bg-btn-default-border-color: #6d8c84;
  --primary-bg-btn-default-text-color: #ffffff;
  --primary-bg-btn-default-hover-border-color: #216150;
  --primary-bg-btn-default-hover-text-color: #ffffff;
  --primary-bg-btn-default-bg: #6d8c84;
  --primary-bg-btn-default-hover-bg: #216150;
  --color-secondary-bg-text-heading: #ffffff;
  --color-secondary-bg-text-body: #ffffff;
  --color-secondary-bg-link: #1a1a1a;
  --color-secondary-bg-link-hover: #000000;
  --secondary-bg-btn-default-shape: 0px;
  --secondary-bg-btn-default-type: Solid;
  --secondary-bg-btn-default-border-color: #ffffff;
  --secondary-bg-btn-default-text-color: #222222;
  --secondary-bg-btn-default-hover-border-color: #f0f0f0;
  --secondary-bg-btn-default-hover-text-color: #222222;
  --secondary-bg-btn-default-bg: #ffffff;
  --secondary-bg-btn-default-hover-bg: #f0f0f0;
  --color-tertiary-bg-text-heading: #216150;
  --color-tertiary-bg-text-body: #222222;
  --color-tertiary-bg-link: #216150;
  --color-tertiary-bg-link-hover: #133a2f;
  --tertiary-bg-btn-default-shape: 0px;
  --tertiary-bg-btn-default-type: Solid;
  --tertiary-bg-btn-default-border-color: #6d8c84;
  --tertiary-bg-btn-default-text-color: #ffffff;
  --tertiary-bg-btn-default-hover-border-color: #216150;
  --tertiary-bg-btn-default-hover-text-color: #ffffff;
  --tertiary-bg-btn-default-bg: #6d8c84;
  --tertiary-bg-btn-default-hover-bg: #216150;
  --branding-background-image-url: url("");
  --font-heading-family: 'Play';
  --font-heading-hero-size: 54px;
  --font-heading-hero-size-mobile: 30px;
  --font-heading-hero-weight: 700;
  --font-heading-hero-style: normal;
  --font-heading-section-size: 36px;
  --font-heading-section-size-mobile: 30px;
  --font-heading-section-weight: 700;
  --font-heading-section-style: normal;
  --font-heading-subheading-size: 24px;
  --font-heading-subheading-size-mobile: 20px;
  --font-heading-subheading-weight: 700;
  --font-heading-subheading-style: normal;
  --font-body-family: 'Inter';
  --font-lead-size: 18px;
  --font-lead-size-mobile: 18px;
  --font-lead-weight: 400;
  --font-lead-style: normal;
  --font-body-size: 14px;
  --font-body-size-mobile: 14px;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-btn-family: 'Inter';
  --font-btn-size: 18px;
  --font-btn-size-mobile: 18px;
  --font-btn-weight: 700;
  --font-btn-style: normal;
  --btn-primary-shape: 0px;
  --btn-primary-type: Solid;
  --btn-primary-border-color: #216150;
  --btn-primary-text-color: #ffffff;
  --btn-primary-hover-border-color: #2e876f;
  --btn-primary-hover-text-color: #ffffff;
  --btn-primary-bg: #216150;
  --btn-primary-hover-bg: #2e876f;
  --btn-secondary-shape: 0px;
  --btn-secondary-type: Solid;
  --btn-secondary-border-color: #6d8c84;
  --btn-secondary-text-color: #ffffff;
  --btn-secondary-hover-border-color: #216150;
  --btn-secondary-hover-text-color: #ffffff;
  --btn-secondary-bg: #6d8c84;
  --btn-secondary-hover-bg: #216150;
  --btn-tertiary-shape: 0px;
  --btn-tertiary-type: Solid;
  --btn-tertiary-border-color: #f8f8f8;
  --btn-tertiary-text-color: #222222;
  --btn-tertiary-hover-border-color: #E4E4E4;
  --btn-tertiary-hover-text-color: #222222;
  --btn-tertiary-bg: #f8f8f8;
  --btn-tertiary-hover-bg: #E4E4E4;
  --btn-light-shape: 0px;
  --btn-light-type: Solid;
  --btn-light-border-color: #ffffff;
  --btn-light-text-color: #222222;
  --btn-light-hover-border-color: #f0f0f0;
  --btn-light-hover-text-color: #222222;
  --btn-light-bg: #ffffff;
  --btn-light-hover-bg: #f0f0f0;
  --btn-dark-shape: 0px;
  --btn-dark-type: Solid;
  --btn-dark-border-color: #222222;
  --btn-dark-text-color: #ffffff;
  --btn-dark-hover-border-color: #3C3C3C;
  --btn-dark-hover-text-color: #ffffff;
  --btn-dark-bg: #222222;
  --btn-dark-hover-bg: #3C3C3C;
  --nav-bg-color: #ffffff;
  --nav-link-color: #222222;
  --nav-phone-color: #222222;
  --footer-nav-bg-color: #6d8c84;
  --footer-nav-link-color: #ffffff;
  --footer-nav-text-color: #ffffff;
  --footer-nav-bg-luminance: secondary;
  --form-bg-color: #6d8c84;
  --form-text-color: #ffffff;
  --form-sublevel-bg-color: #6d8c84;
  --form-sublevel-text-color: #ffffff;
  --services-card-bg-1: #ffffff;
  --services-card-bg-2: #000000;
  --services-card-bg-4: #ffffff;
  --services-card-bg-5: #6d8c84;
  --services-card-bg-6: #ffffff;
  --services-card-bg-7: #216150;
  --services-tab-bg-1: #216150;
  --benefits-icon-size-1: 50px;
  --benefits-card-bg-1: #ffffff;
  --benefits-card-bg-2: #ffffff;
  --benefits-icon-size-4: 32px;
  --benefits-card-bg-4: #ffffff;
}

#referral-form .form-group:has(input#referrername)::before {
  content: "Your Information";
  color: inherit;
  display: block;
  font-weight: var(--font-heading-section-weight);
  font-size: var(--font-lead-size);
  margin-bottom: 10px;
}

#referral-form .form-group:has(input#name)::before {
  content: "Who You're Referring";
  color: inherit;
  display: block;
  font-weight: var(--font-heading-section-weight);
  font-size: var(--font-lead-size);
  margin-bottom: 10px;
}

#referral-form .form-disclaimer-message {
  display: none;
}

.tb-process-section-card-variant-1 .pb-process-card .pb-card-incrementor {
  transform: rotate(45deg);
  border-radius: 0px;
}

.tb-process-section-card-variant-1 .pb-process-card {
  border-bottom: 10px solid var(--color-primary);
}
.tb-process-section-card-variant-1 .pb-process-card .pb-card-incrementor::before {
  transform: rotate(-45deg);
}

.pb-areas-section {
  border-top: 5px solid var(--color-primary);
  border-bottom: 5px solid var(--color-primary);
}

.pb-testimonials-section .pb-review-card {
  border-top: 10px solid var(--color-primary);
}

.pb-beforeafter-section .twentytwenty-wrapper {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.pb-beforeafter-section .twentytwenty-container img {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.pb-benefits-section .pb-benefits-card {
  border: 2px solid var(--color-primary);
}

body:has(.custom-shingle-gallery-page-hook) .pb-all-galleries-btn {
  display: none;
}