:root {
  --background-color--background-primary: var(--base-color-neutral--white);
  --text-color--text-primary: var(--base-color-brand--black);
  --text-size--72px: 4.5rem;
  --text-size--80px: 5rem;
  --text-size--56px: 3.5rem;
  --text-size--48px: 3rem;
  --text-size--40px: 2.5rem;
  --text-size--64px: 4rem;
  --text-size--32px: 2rem;
  --link-color--link-primary: var(--base-color-neutral--black);
  --text-size--16px: 1rem;
  --base-color-brand--blue: #4465af;
  --border-color--border-primary: var(--base-color-neutral--black);
  --base-color-brand--transparent: transparent;
  --base-color-brand--red: #ef4e4f;
  --base-color-neutral--white: white;
  --base-color-neutral--neutral\<deleted\|relume-variable-color-neutral-6\>: #666;
  --base-color-brand--white: #f6f7f7;
  --base-color-neutral--black: black;
  --base-color-brand--black: #2b2b2b;
  --base-color-brand--grey: #f6f7f7;
  --base-color-brand--carbon: #303030;
  --radius--16px: 1rem;
  --black-archive\<deleted\|variable-dccb7db6\>: black;
  --background-color--background-secondary: var(--base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>);
  --link-color--link-alternate: var(--base-color-neutral--white);
  --background-color--background-tertiary: var(--base-color-neutral--neutral-light\<deleted\|relume-variable-color-neutral-5\>);
  --background-color--background-alternate: var(--base-color-neutral--black);
  --text-color--text-alternate: var(--base-color-brand--white);
  --text-color--text-secondary: var(--base-color-brand--red);
  --background-color--background-success: var(--base-color-system--success-green-light);
  --text-color--text-success: var(--base-color-system--success-green);
  --background-color--background-error: var(--base-color-system--error-red-light);
  --text-color--text-error: var(--base-color-system--error-red);
  --text-size--14px: .875rem;
  --base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>: #eee;
  --radius--24px: 1.5rem;
  --base-color-system--navbar_lines_color: var(--base-color-brand--black);
  --text-size--28px: 1.75rem;
  --base-color-system--error-red: #b42318;
  --accessible-components--dark-grey: #9b9b9b;
  --accessible-components--dodger-blue: #1378d1;
  --radius--32px: 2rem;
  --text-size--20px: 1.25rem;
  --base-color-brand--light-blue: #afcae9;
  --text-size--12px: .75rem;
  --base-color-brand--grey-dark: #5c5c5c;
  --base-color-brand--dark-blue: #224093;
  --text-size--24px: 1.5rem;
  --_state---on: 1;
  --_state---off: 0;
  --base-color-system--success-green: #027a48;
  --base-color-system--success-green-light: #ecfdf3;
  --base-color-system--error-red-light: #fef3f2;
  --border-color--border-secondary: var(--base-color-neutral--neutral-light\<deleted\|relume-variable-color-neutral-5\>);
  --border-color--border-alternate: var(--base-color-neutral--white);
  --link-color--link-secondary: var(--base-color-neutral--neutral-light\<deleted\|relume-variable-color-neutral-5\>);
  --radius--12px: .75rem;
  --radius--18px: 1.125rem;
  --radius--20px: 1.25rem;
  --radius--28px: 1.75rem;
  --radius--40px: 2.5rem;
  --radius--50px: 3.125rem;
  --radius--60px: 3.75rem;
  --text-size--18px: 1.125rem;
  --base-color-system--text-highlight: white;
  --base-color-system--text-highlight-background: #4353ff;
  --base-color-system--focus-color: #4353ff;
  --base-color-neutral--neutral-light\<deleted\|relume-variable-color-neutral-5\>: #aaa;
}

body {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-primary);
  font-family: Dm Sans, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25;
}

h1 {
  font-family: Coolvetica Rg, Arial, sans-serif;
  font-size: var(--text-size--72px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1;
}

h2 {
  font-family: Coolvetica Rg, Arial, sans-serif;
  font-size: var(--text-size--56px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1;
}

h3 {
  font-family: Coolvetica Rg, Arial, sans-serif;
  font-size: var(--text-size--48px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.33333;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Rg, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Rg, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--link-color--link-primary);
  text-decoration: underline;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--text-color--text-primary);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.page-wrapper {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
  overflow: clip;
}

.container-large-80 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large-80.navbar_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.max-width-large-48rem {
  width: 100%;
  max-width: 48rem;
}

.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-medium, .margin-bottom.margin-custom3, .margin-bottom.margin-custom1, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-0, .margin-bottom.margin-xlarge, .margin-bottom.margin-xhuge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-huge, .margin-bottom.margin-xxsmall, .margin-bottom.margin-custom2, .margin-bottom.margin-xsmall, .margin-bottom.margin-medium, .margin-bottom.margin-large {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-vertical, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-custom3, .padding-vertical.padding-medium, .padding-vertical.padding-tiny, .padding-vertical.padding-xxlarge, .padding-vertical.padding-custom1, .padding-vertical.padding-xsmall, .padding-vertical.padding-xhuge, .padding-vertical.padding-xlarge, .padding-vertical.padding-custom2, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-small, .padding-vertical.padding-xhuge, .padding-vertical.padding-xhuge, .padding-vertical.padding-xhuge {
  padding-left: 0;
  padding-right: 0;
}

.heading-style-h2 {
  font-size: var(--text-size--56px);
  line-height: 1;
}

.heading-style-h2.text-length-75 {
  width: 75%;
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--base-color-brand--red);
  background-color: var(--base-color-brand--red);
  height: 40px;
  color: var(--base-color-neutral--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: Coolvetica Rg, Arial, sans-serif;
  font-size: 15px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.button:where(.w-variant-b12231c1-e476-5b04-68ce-75e1a70178f4) {
  height: 40px;
  padding: .5rem 1.25rem;
}

.button:where(.w-variant-cd06124c-17d8-bce3-89cc-9dee77b1e423) {
  border-color: var(--base-color-neutral--neutral\<deleted\|relume-variable-color-neutral-6\>);
  background-color: var(--base-color-neutral--neutral\<deleted\|relume-variable-color-neutral-6\>);
  height: 40px;
  padding: .5rem 1.25rem;
}

.button:where(.w-variant-458c78a0-991b-563b-fbd1-ea7099d2890b) {
  border-color: var(--base-color-neutral--white);
  background-color: var(--base-color-brand--white);
  height: 40px;
  color: var(--base-color-neutral--black);
}

.button:where(.w-variant-b2d26174-6e57-a8e3-1eb1-5248a361b5a5) {
  background-color: var(--base-color-brand--transparent);
  height: 40px;
  color: var(--base-color-brand--black);
  text-underline-offset: 2px;
  border-style: none;
  text-decoration: none;
  text-decoration-thickness: 1px;
}

.button:where(.w-variant-8552103e-b997-d296-d577-6b9b42e859f9) {
  border-color: var(--base-color-brand--blue);
  background-color: var(--base-color-brand--blue);
}

.button:where(.w-variant-5cfa16eb-5c78-c962-541c-d03a96a2d88c) {
  border-color: var(--base-color-brand--white);
  background-color: var(--base-color-brand--white);
  color: var(--base-color-brand--black);
}

.button:where(.w-variant-e57ab6cf-8540-0139-ef4e-c0431f201258), .button:where(.w-variant-03f25824-c796-8e1d-2a9a-beb4f4f04cff) {
  border-color: var(--base-color-brand--black);
  background-color: var(--base-color-brand--transparent);
  color: var(--base-color-brand--black);
}

.button:where(.w-variant-d9258c5e-159f-cca8-334d-bbe5ebf95a4b) {
  border-color: var(--base-color-brand--black);
  background-color: var(--base-color-brand--grey);
  color: var(--base-color-brand--black);
}

.button:where(.w-variant-fa96a10c-ef35-8b6b-3bbf-f07ce39c3fef) {
  border-color: var(--base-color-brand--white);
  background-color: var(--base-color-neutral--black);
  color: var(--base-color-brand--white);
}

.button:where(.w-variant-48d94fb6-4fcb-02e6-2f9c-86737d9b689f) {
  border-color: var(--base-color-brand--blue);
  background-color: var(--base-color-brand--blue);
  padding-left: 4rem;
  padding-right: 4rem;
}

.button:where(.w-variant-796bc543-9cc1-c1c4-99f3-f2c913e2fd5a) {
  background-color: var(--base-color-brand--transparent);
  color: var(--base-color-brand--black);
  border-style: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.button:where(.w-variant-863047d2-d543-d536-7bc6-f9578dc0707c) {
  border-color: var(--base-color-brand--black);
  background-color: var(--base-color-brand--black);
}

.button:hover {
  border-color: var(--base-color-brand--red);
  background-color: var(--background-color--background-primary);
  color: var(--base-color-brand--red);
}

.button:hover:where(.w-variant-8552103e-b997-d296-d577-6b9b42e859f9) {
  border-color: var(--base-color-brand--red);
  background-color: var(--base-color-brand--white);
}

.button:hover:where(.w-variant-cd06124c-17d8-bce3-89cc-9dee77b1e423) {
  border-color: var(--base-color-brand--black);
  background-color: var(--base-color-brand--black);
}

.button:hover:where(.w-variant-5cfa16eb-5c78-c962-541c-d03a96a2d88c) {
  border-color: var(--base-color-brand--black);
  background-color: var(--base-color-brand--black);
  color: var(--base-color-brand--white);
}

.button:hover:where(.w-variant-458c78a0-991b-563b-fbd1-ea7099d2890b) {
  border-color: var(--base-color-neutral--black);
  background-color: var(--base-color-brand--black);
  color: var(--base-color-brand--white);
}

.button:hover:where(.w-variant-b2d26174-6e57-a8e3-1eb1-5248a361b5a5) {
  background-color: var(--base-color-brand--transparent);
  color: var(--base-color-neutral--neutral\<deleted\|relume-variable-color-neutral-6\>);
}

.button:hover:where(.w-variant-e57ab6cf-8540-0139-ef4e-c0431f201258) {
  border-color: var(--base-color-brand--blue);
  background-color: var(--base-color-brand--blue);
  color: var(--base-color-brand--white);
}

.button:hover:where(.w-variant-03f25824-c796-8e1d-2a9a-beb4f4f04cff), .button:hover:where(.w-variant-d9258c5e-159f-cca8-334d-bbe5ebf95a4b) {
  border-color: var(--base-color-neutral--black);
  background-color: var(--base-color-neutral--black);
  color: var(--base-color-brand--white);
}

.button:hover:where(.w-variant-fa96a10c-ef35-8b6b-3bbf-f07ce39c3fef) {
  border-color: var(--base-color-brand--black);
  background-color: var(--base-color-brand--carbon);
  color: var(--base-color-brand--white);
}

.button:hover:where(.w-variant-48d94fb6-4fcb-02e6-2f9c-86737d9b689f) {
  border-color: var(--base-color-brand--red);
  background-color: var(--base-color-brand--red);
  color: var(--base-color-neutral--white);
}

.button:hover:where(.w-variant-796bc543-9cc1-c1c4-99f3-f2c913e2fd5a) {
  border-color: var(--base-color-neutral--black);
  background-color: var(--base-color-brand--transparent);
  padding-right: 0;
}

.button:hover:where(.w-variant-863047d2-d543-d536-7bc6-f9578dc0707c) {
  background-color: var(--base-color-brand--black);
}

.button.is-link {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.is-secondary-is-small-is-alternate {
  border-color: var(--base-color-brand--white);
  color: var(--base-color-brand--white);
  background-color: #0000;
  padding: .5rem .75rem;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-alternate {
  border-color: var(--base-color-neutral--white);
  background-color: var(--base-color-neutral--white);
  color: var(--base-color-neutral--black);
}

.button.is-tertiary {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border-color: #0000;
}

.button.is-icon-only {
  padding-left: .75rem;
  padding-right: .75rem;
}

.button.is-secondary-is-small {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  padding: .5rem .75rem;
}

.button.is-tertiary-is-small {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border-color: #0000;
  padding: .4rem .75rem .5rem;
}

.button.is-alternate-small {
  border-color: var(--base-color-neutral--white);
  background-color: var(--base-color-neutral--white);
  color: var(--base-color-neutral--black);
  padding: .5rem .75rem;
}

.button.is-secondary-is-alternate {
  border-color: var(--base-color-brand--white);
  color: var(--base-color-brand--white);
  background-color: #0000;
}

.button.is-link-is-alternate {
  color: var(--base-color-brand--white);
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-secondary-is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--base-color-neutral--black);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.is-small-is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.25rem;
  display: flex;
}

.button.is-secondary-is-small-is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--base-color-neutral--black);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.25rem;
  display: flex;
}

.button.is-smallis-icon-only {
  padding: .5rem;
}

.button.is-secondary-is-icon-only {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  padding: .75rem;
}

.button.is-secondary-is-small-is-icon-only-copy {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  padding: .5rem;
}

.button.is-tertiary-is-icon-only {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border-color: #0000;
  padding-left: .75rem;
  padding-right: .75rem;
}

.button.is-tertiary-is-small-is-icon-only {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border-color: #0000;
  padding: .5rem;
}

.button.is-link-is-icon-only {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-link-is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.button.is-secondary {
  background-color: var(--base-color-brand--transparent);
  color: var(--base-color-brand--black);
}

.text-size-small-0-875-14 {
  font-size: .875rem;
}

.padding-global {
  padding-left: 4.1%;
  padding-right: 4.1%;
}

.padding-global.padding-top {
  padding-top: 1rem;
}

.padding-section-medium-5rem {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.logo_svg {
  width: 100%;
  color: var(--base-color-neutral--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo_svg.is-footer {
  color: var(--base-color-brand--white);
}

.nav-wrapper {
  z-index: 1000;
  position: relative;
}

.navbar_component {
  background-color: var(--base-color-brand--transparent);
  align-items: center;
  height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
}

.nav_logo-link {
  width: 12rem;
  padding-left: 0;
}

.nav_logo-link.is-navbar-open, .link-description {
  display: none;
}

.navbar_menu-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #131313;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar_link {
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: .5rem 1rem;
  font-family: Coolvetica Rg, Arial, sans-serif;
  font-size: 15px;
}

.navbar_link.w--current {
  color: #131313;
}

.navbar_link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  text-decoration: none;
  display: flex;
}

.navbar_link.is-icon:hover {
  color: #ef4e4f;
}

.navbar_menu-dropdown {
  text-transform: uppercase;
  font-size: 15px;
}

.navbar_dropdwn-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Coolvetica Rg, Arial, sans-serif;
  display: flex;
}

.navbar_dropdwn-toggle:hover {
  color: var(--base-color-brand--red);
}

.navbar_dropdown-list.w--open {
  border: 1px solid var(--base-color-brand--carbon);
  border-radius: var(--radius--24px);
  background-color: var(--base-color-brand--transparent);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  padding: .5rem;
}

.navbar_dropdown-link {
  letter-spacing: .5px;
  padding: .5rem 1rem;
  font-family: Coolvetica Rg, Arial, sans-serif;
}

.navbar_dropdown-link:hover {
  color: var(--base-color-brand--red);
}

.navbar_dropdown-link.w--current {
  color: #131313;
}

.navbar_menu-buttons {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar_button-wrapper {
  margin-left: 1rem;
}

.navbar_menu-button {
  padding: 0;
}

.menu-icon4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.menu-icon_wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-icon_line-top {
  background-color: var(--base-color-system--navbar_lines_color);
  width: 24px;
  height: 2px;
  color: var(--base-color-system--navbar_lines_color);
  padding-bottom: 0;
  padding-right: 0;
}

.menu-icon_line-middle {
  background-color: var(--base-color-system--navbar_lines_color);
  width: 24px;
  height: 2px;
  color: var(--base-color-system--navbar_lines_color);
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.menu-icon_line-middle-base {
  background-color: var(--base-color-system--navbar_lines_color);
  width: 24px;
  height: 2px;
  position: absolute;
}

.menu-icon_line-bottom {
  background-color: var(--base-color-system--navbar_lines_color);
  width: 24px;
  height: 2px;
}

.footer-wrapper {
  background-color: var(--base-color-brand--black);
  color: var(--text-color--text-alternate);
  margin-top: auto;
  overflow: hidden;
}

.page-padding {
  padding-left: 5%;
  padding-right: 5%;
}

.footer_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.footer_column-layout {
  grid-column-gap: 3vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.footer_logo-link {
  width: 27vw;
  max-width: 400px;
  padding-left: 0;
}

.footer_column {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer_column-headings {
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 600;
}

.footer_column-headings.footer-link {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

.footer-link {
  color: var(--text-color--text-alternate);
  text-transform: uppercase;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  color: var(--base-color-brand--red);
}

.footer-link.is-secondary, .footer-link.is-secondary:where(.w-variant-ef48b39a-ac8e-b287-eafb-a6497b1812f7) {
  display: block;
}

.footer-link.is-primary, .footer-link.is-primary:where(.w-variant-ef48b39a-ac8e-b287-eafb-a6497b1812f7) {
  display: none;
}

.footer-link.no-padding {
  text-transform: capitalize;
  padding-top: 0;
  padding-bottom: 0;
}

.footer-link.no-padding:hover {
  text-decoration: none;
}

.footer-link.is-secondary, .footer-link.is-secondary:where(.w-variant-ef48b39a-ac8e-b287-eafb-a6497b1812f7) {
  display: block;
}

.footer-link.is-primary, .footer-link.is-primary:where(.w-variant-ef48b39a-ac8e-b287-eafb-a6497b1812f7) {
  display: none;
}

.footer_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer_legal-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.footer_copyright-auto-update {
  margin-right: auto;
  display: none;
}

.footer_copyright-auto-update.hide-mobile-portrait {
  display: block;
}

.footer-link-year {
  padding-left: .2rem;
  padding-right: .2rem;
}

.legal-doc_content-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.legal-doc_date-updated-wrap {
  align-items: center;
  display: flex;
}

.legal-doc_date-updated {
  margin-left: .4rem;
  display: flex;
}

.legal-doc_rich-text {
  flex-direction: column;
}

.rich-text-block h2 {
  font-family: Dm Sans, Arial, sans-serif;
  font-size: var(--text-size--32px);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

.rich-text-block a {
  color: var(--base-color-brand--red);
}

.rich-text-block a:hover {
  text-decoration: none;
}

.rich-text-block figure {
  border-radius: var(--radius--24px);
  overflow: hidden;
}

.rich-text-block h3 {
  font-family: Dm Sans, Arial, sans-serif;
  font-size: var(--text-size--28px);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

.rich-text-block h4 {
  font-family: Dm Sans, Arial, sans-serif;
  font-size: var(--text-size--28px);
  font-weight: 600;
}

.rich-text-block h1 {
  font-family: Dm Sans, Arial, sans-serif;
  font-size: var(--text-size--32px);
  font-weight: 600;
}

.rich-text-block.faq h5 {
  font-family: Dm Sans, Arial, sans-serif;
  font-weight: 600;
}

.rich-text-block.faq h6 {
  font-weight: 600;
}

.spacer {
  padding-top: .25rem;
}

.spacer:where(.w-variant-b40bec53-207a-f7ac-d26c-492e6860de4f) {
  padding-top: .5rem;
}

.spacer:where(.w-variant-b5dc491b-f28d-8fca-4968-e8e583b7aeb3) {
  padding-top: 1rem;
}

.spacer:where(.w-variant-941273ad-c632-b614-dc88-1ee203ead7b1) {
  padding-top: 1.5rem;
}

.spacer:where(.w-variant-30a596b2-9ede-b56f-bf07-2046fd5481da) {
  padding-top: 2rem;
}

.spacer:where(.w-variant-fe81b9d7-08c2-2809-b5fb-dd5ab654cc0a) {
  padding-top: 3rem;
}

.spacer:where(.w-variant-e6b0c8ff-ab96-a41b-3a7a-32d5fad2dc3d) {
  padding-top: 4rem;
}

.spacer:where(.w-variant-1449f47f-fe3d-5caa-ac95-7f74980e51b7) {
  padding-top: 5rem;
}

.spacer:where(.w-variant-df7e1476-f2d8-5451-a9d7-9ea497a7ee62) {
  padding-top: 6rem;
}

.spacer:where(.w-variant-c355349c-d401-d297-1b57-9f0c6cf8fc44) {
  padding-top: 7rem;
}

.spacer:where(.w-variant-dbff42ae-482d-20d1-0cad-fc6fc98612e7) {
  padding-top: 10rem;
}

.button-icon_before {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.button-icon_before:where(.w-variant-8552103e-b997-d296-d577-6b9b42e859f9) {
  width: auto;
  height: auto;
}

.button-icon_before:where(.w-variant-e57ab6cf-8540-0139-ef4e-c0431f201258) {
  width: auto;
  height: auto;
  color: var(--base-color-brand--blue);
}

.button-icon_before:where(.w-variant-5cfa16eb-5c78-c962-541c-d03a96a2d88c) {
  color: var(--base-color-brand--red);
}

.button-icon_before:where(.w-variant-03f25824-c796-8e1d-2a9a-beb4f4f04cff), .button-icon_before:where(.w-variant-d9258c5e-159f-cca8-334d-bbe5ebf95a4b) {
  width: auto;
  height: auto;
  color: var(--base-color-brand--blue);
}

.button-icon_before:where(.w-variant-fa96a10c-ef35-8b6b-3bbf-f07ce39c3fef) {
  color: var(--base-color-brand--red);
}

.button-icon_before:where(.w-variant-48d94fb6-4fcb-02e6-2f9c-86737d9b689f) {
  width: auto;
  height: auto;
}

.button-icon_before:where(.w-variant-796bc543-9cc1-c1c4-99f3-f2c913e2fd5a) {
  width: auto;
  height: auto;
  color: var(--base-color-brand--blue);
}

.button-icon_after {
  justify-content: center;
  align-items: center;
  transition: transform .3s;
  display: flex;
}

.button-icon_after:where(.w-variant-5cfa16eb-5c78-c962-541c-d03a96a2d88c) {
  color: var(--base-color-brand--red);
  transition: transform .3s;
}

.button-icon_after:where(.w-variant-e57ab6cf-8540-0139-ef4e-c0431f201258) {
  color: var(--base-color-brand--blue);
}

.button-icon_after:where(.w-variant-03f25824-c796-8e1d-2a9a-beb4f4f04cff), .button-icon_after:where(.w-variant-d9258c5e-159f-cca8-334d-bbe5ebf95a4b), .button-icon_after:where(.w-variant-fa96a10c-ef35-8b6b-3bbf-f07ce39c3fef), .button-icon_after:where(.w-variant-796bc543-9cc1-c1c4-99f3-f2c913e2fd5a), .button-icon_after:where(.w-variant-458c78a0-991b-563b-fbd1-ea7099d2890b) {
  color: var(--base-color-brand--red);
}

.icon-color {
  height: 100%;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: visible;
}

.icon-color:where(.w-variant-ebbfffec-dbad-27bc-dbe6-4fd3f0681605), .icon-color.xsmall-1-5rem {
  width: auto;
  height: auto;
  color: inherit;
  justify-content: center;
  align-items: center;
}

.icon-color.xsmall-1-5rem {
  width: auto;
  height: auto;
  color: inherit;
  justify-content: center;
  align-items: center;
}

.icon-color.xsmall-1-5rem:where(.w-variant-5cfa16eb-5c78-c962-541c-d03a96a2d88c) {
  width: 1.5px;
}

.icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  padding-bottom: 0;
  padding-right: 0;
  display: inline-flex;
}

.icon:where(.w-variant-ebbfffec-dbad-27bc-dbe6-4fd3f0681605) {
  width: 0;
  height: 0;
}

.icon:where(.w-variant-d8c94dd0-edc1-18c2-ac89-6182dbcda279) {
  width: 6.5rem;
  height: 6.5rem;
}

.icon:where(.w-variant-09c2f318-b413-e9ca-2114-04ed05470df6) {
  width: 5rem;
  height: 5rem;
}

.icon:where(.w-variant-847e2f51-ac59-f3f0-e732-ef31b67413c3) {
  width: 3rem;
  height: 3rem;
}

.icon:where(.w-variant-728b309c-91e3-8fae-9bea-05130404a0e5) {
  width: 2rem;
  height: 2rem;
}

.icon.xsmall-1-5rem-2 {
  width: 0;
  height: 0;
}

.sr-only {
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.link-cover {
  z-index: 1;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.button-text:where(.w-variant-b2d26174-6e57-a8e3-1eb1-5248a361b5a5), .button-text:where(.w-variant-796bc543-9cc1-c1c4-99f3-f2c913e2fd5a) {
  text-decoration: underline;
}

.nav-dropdown_icon {
  aspect-ratio: 1;
  width: 10px;
  height: 10px;
  color: var(--base-color-brand--red);
  font-size: 1px;
  line-height: 1;
  overflow: visible;
}

.footer_roofsimple-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 13.625rem;
  height: 2.75rem;
  display: flex;
}

.footer_component {
  position: relative;
}

.footer-shape {
  width: 160px;
  height: 160px;
  position: absolute;
  inset: auto 0% 10% auto;
}

.navbar_menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.footer-year-text {
  color: var(--text-color--text-alternate);
  text-transform: uppercase;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.footer-year-text:hover {
  color: var(--base-color-brand--red);
}

.footer-year-text.no-padding {
  text-transform: capitalize;
  padding-top: 0;
  padding-bottom: 0;
}

.footer-year-text.no-padding:hover {
  color: var(--base-color-brand--white);
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: var(--text-size--80px);
  }

  h2 {
    font-size: var(--text-size--64px);
  }

  h3 {
    font-size: var(--text-size--56px);
  }

  .heading-style-h2 {
    font-size: var(--text-size--64px);
  }

  .heading-style-h1 {
    font-size: 5rem !important;
  }

  .heading-style-h3 {
    font-size: var(--text-size--56px);
  }

  .navbar_link.is-icon {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    justify-content: center;
    align-items: center;
  }

  .rich-text-block h2 {
    font-size: var(--text-size--40px);
    font-size: var(--text-size--40px);
  }

  .background {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .section_home-hero {
    min-height: 102vh;
  }

  .home-hero_component {
    max-width: none;
  }

  .home-hero-background-wrapper {
    min-height: 102vh;
  }

  .home-hero_background {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
  }

  .how-it-works_image {
    width: 100%;
  }

  .free-installation-background {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .testimonials_shape.is-left {
    transform: translate(-100%, 50%)rotateX(0)rotateY(-180deg)rotateZ(-270deg);
  }

  .testimonials_shape.is-right {
    transform: translate(90%)rotate(75deg);
  }

  .home-rising-energy-cost_image-wrapper {
    min-height: 480px;
  }

  .home-rising-energy-cost_content-wrapper {
    width: auto;
  }

  .shape-border_01.is-right {
    transform: translate(-100%);
  }

  .navbar_menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .why-solar-zero-financing_image-wrapper {
    aspect-ratio: 523 / 480;
    min-height: 480px;
  }

  .why-solar-zero-financing_component {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .dark-background {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .roofsimple_component {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    max-width: 1189px;
  }

  .roofsimple_image-wrapper {
    min-height: 480px;
  }

  .services-hero_component-del {
    max-width: none;
  }

  .services-hero_background-del {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
  }

  .about_hero-image-wrapper, .about-team-image_wrapper-del, .about-team-image_wrapper, .projects-image {
    min-height: 480px;
  }

  .projects_slide {
    justify-content: flex-start;
    align-items: stretch;
    width: auto;
  }

  .projects_swiper-desktop {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .contact-hero_component {
    max-width: none;
  }

  .contact-hero_background {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
  }

  .why-solar-hero_component {
    max-width: 1220px;
  }

  .why-solarsimple_how-it-works, .blog-hero_component {
    max-width: 1150px;
  }

  .services-hero_component {
    text-align: left;
    max-width: none;
  }

  .services-hero_background {
    object-fit: cover;
    object-position: 50% 50%;
    background-image: url("https://cdn.prod.website-files.com/69d4d02db5f9a01089d63e1f/6a358abaf438ba1844ecc1e7_solarsimple%20location%20page%20hero%20(1).webp");
    background-position: 0 0;
    background-size: auto;
  }

  .services-hero_wrapper {
    text-align: left;
    max-width: none;
  }

  .projects-swiper-tablet-tablet {
    display: none;
  }

  .home-rising-energy-costs_heading {
    font-size: var(--text-size--56px);
  }

  .why-solar-hero_component-copy, .why-solarsimple_own-your-energy-component {
    max-width: 1150px;
  }

  .heading-style-h3-2 {
    font-size: 3.5rem;
  }

  .why-solar-zero-financing_image-wrapper-2 {
    aspect-ratio: 523 / 480;
    min-height: 480px;
  }

  .heading-style-h1-2 {
    font-size: 5rem !important;
  }

  .free-solar-grid {
    max-width: 1150px;
  }

  .home-hero-background-wrapper-2 {
    min-height: 102vh;
  }

  .heading-style-h1-3 {
    font-size: 5rem !important;
  }

  .areas-we-serve-hero_component {
    max-width: 1150px;
  }

  .location-services_component, .location-logo-component {
    text-align: left;
    max-width: none;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--text-size--56px);
  }

  h2 {
    font-size: var(--text-size--48px);
  }

  h3 {
    font-size: var(--text-size--40px);
  }

  h4 {
    font-size: 1.75rem;
  }

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-large-3rem {
    margin: 2.5rem;
  }

  .margin-xlarge-4rem {
    margin: 3.5rem;
  }

  .margin-xxlarge-5rem {
    margin: 4.5rem;
  }

  .margin-huge-6rem {
    margin: 5rem;
  }

  .margin-xhuge-7rem {
    margin: 6rem;
  }

  .margin-xxhuge-10rem {
    margin: 7.5rem;
  }

  .padding-large-3rem {
    padding: 2.5rem;
  }

  .padding-xlarge-4rem {
    padding: 3.5rem;
  }

  .padding-xxlarge-5rem {
    padding: 4.5rem;
  }

  .padding-huge-6rem {
    padding: 5rem;
  }

  .padding-xhuge-7rem {
    padding: 6rem;
  }

  .padding-xxhuge-10rem {
    padding: 7.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-style-h2 {
    font-size: var(--text-size--48px);
  }

  .rl-styleguide_icons-list {
    grid-auto-flow: row;
  }

  .heading-style-h1 {
    font-size: var(--text-size--56px);
  }

  .button:where(.w-variant-5cfa16eb-5c78-c962-541c-d03a96a2d88c), .button:where(.w-variant-fa96a10c-ef35-8b6b-3bbf-f07ce39c3fef) {
    background-color: var(--base-color-brand--blue);
    color: var(--base-color-brand--white);
  }

  .heading-style-h4-2-40 {
    font-size: 1.75rem;
  }

  .heading-style-h3 {
    font-size: var(--text-size--48px);
  }

  .button-group.is-tablet-center {
    margin-left: auto;
    margin-right: auto;
  }

  .padding-global {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .padding-section-medium-5rem {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large-7rem {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spacer-large-3rem {
    padding-top: 2.5rem;
  }

  .spacer-xlarge-4rem {
    padding-top: 3.5rem;
  }

  .spacer-xxlarge-5rem {
    padding-top: 4.5rem;
  }

  .spacer-huge-6rem {
    padding-top: 5rem;
  }

  .spacer-xhuge-7rem {
    padding-top: 6rem;
  }

  .spacer-xxhuge-10rem {
    padding-top: 7.5rem;
  }

  .nav_logo-link.is-navbar-open {
    display: block;
  }

  .navbar_menu-wrapper {
    background-color: var(--base-color-brand--grey);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom: 1px #000;
    border-right: 1px solid #000;
    width: 75%;
    min-height: calc(100vh - 4.5rem);
    padding: 1rem 5% 2rem;
    overflow: auto;
  }

  .navbar_link {
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar_link.is-icon {
    justify-content: flex-start;
    align-items: center;
  }

  .navbar_menu-dropdown {
    width: 100%;
    font-size: 1.125rem;
  }

  .navbar_dropdwn-toggle {
    justify-content: flex-start;
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    display: flex;
  }

  .dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .navbar_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar_dropdown-list.w--open {
    border-style: none;
    padding: 0;
  }

  .navbar_dropdown-link {
    width: auto;
    padding: .75rem 0 .75rem 5%;
  }

  .navbar_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
  }

  .navbar_button-wrapper {
    flex-direction: column;
    max-width: 200px;
    margin-bottom: 1rem;
    margin-left: 0;
    display: flex;
  }

  .search-input_global {
    border-radius: 0;
  }

  .navbar_menu-button {
    padding: 0;
  }

  .navbar_menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .menu-icon_wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-icon_line-top {
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .menu-icon_line-middle-base {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .menu-icon_line-bottom {
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .footer_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .footer_column-layout {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer_logo-link {
    width: 230px;
  }

  .footer-link.no-padding {
    flex-wrap: wrap;
  }

  .footer_bottom-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer_legal-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
  }

  .footer2_socials-wrapper {
    margin-bottom: 2rem;
  }

  .blog-post_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .contact_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .contact_contact-list {
    grid-row-gap: 1rem;
  }

  .legal-doc_rich-text {
    margin-bottom: 3rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rich-text-block h2, .rich-text-block h3, .rich-text-block h2, .rich-text-block h3 {
    font-size: var(--text-size--28px);
  }

  .spacer:where(.w-variant-fe81b9d7-08c2-2809-b5fb-dd5ab654cc0a) {
    padding-top: 2.5rem;
  }

  .spacer:where(.w-variant-e6b0c8ff-ab96-a41b-3a7a-32d5fad2dc3d) {
    padding-top: 3.5rem;
  }

  .spacer:where(.w-variant-1449f47f-fe3d-5caa-ac95-7f74980e51b7) {
    padding-top: 4.5rem;
  }

  .spacer:where(.w-variant-df7e1476-f2d8-5451-a9d7-9ea497a7ee62) {
    padding-top: 5rem;
  }

  .spacer:where(.w-variant-c355349c-d401-d297-1b57-9f0c6cf8fc44) {
    padding-top: 6rem;
  }

  .spacer:where(.w-variant-dbff42ae-482d-20d1-0cad-fc6fc98612e7) {
    padding-top: 7.5rem;
  }

  .button-icon_after:where(.w-variant-5cfa16eb-5c78-c962-541c-d03a96a2d88c), .button-icon_after:where(.w-variant-fa96a10c-ef35-8b6b-3bbf-f07ce39c3fef) {
    color: var(--base-color-brand--grey);
  }

  .fs_modal-1_image {
    max-height: 30vh;
    display: none;
  }

  .fs_modal-1_wrapper {
    grid-template-columns: 1fr;
  }

  .home-hero_component {
    margin-top: 4.5rem;
  }

  .home-rising-energy-costs_component {
    grid-template-columns: 1fr;
  }

  .home-free-installation_component.is-overlay {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .team-slide {
    width: auto;
    max-width: none;
  }

  .team-slide.team-member {
    width: auto;
  }

  .home-free_heading {
    font-size: var(--text-size--48px);
  }

  .home-benefits_collection-list {
    grid-template-columns: 1fr;
  }

  .home-benefits_item.is-home {
    width: 100%;
  }

  .testimonials_slide-bottom {
    min-height: 60px;
  }

  .swiper.cover-swiper {
    width: 100vw;
    margin-left: -3rem;
  }

  .home-rising-energy-cost_image-wrapper {
    margin-left: 0;
  }

  .home-rising-energy-cost_content-wrapper {
    width: auto;
    max-width: 457px;
    margin-left: 0;
  }

  .navbar_menu {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .why-solar-zero-financing_component {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .why-solar-zero-financing_content-wrapper.is-tablet {
    display: flex;
  }

  .why-solar-faq_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .why-solar-faq_heading-wrapper {
    flex-flow: column;
    display: flex;
  }

  .why-solar-faq_paragraph-wrapper {
    max-width: 30rem;
    margin-top: 1rem;
  }

  .roofsimple_component {
    grid-template-columns: 1fr;
  }

  .roofsimple-shape {
    display: none;
  }

  .services-hero_component-del {
    margin-top: 4.5rem;
  }

  .section-service-cta_wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .about_hero-content-wrapper {
    max-width: none;
  }

  .about-hero_component {
    grid-template-columns: 1fr;
  }

  .projects_slide {
    width: 40%;
    overflow: hidden;
  }

  .projects_swiper-desktop {
    flex-flow: column;
    display: none;
  }

  .section-contact-form-component {
    margin-top: -40vw;
  }

  .contact-form_wrapper {
    min-width: 90vw;
    max-width: 800px;
  }

  .why-solar-hero_component {
    grid-template-columns: minmax(300px, 1fr) auto;
  }

  .why-solar_how-it-works-shape {
    order: -9999;
    width: 100px;
    height: 65px;
  }

  .why-solarsimple_how-it-works {
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .why-solar_image-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1.25fr .5fr;
    padding-left: 0;
  }

  .why-solar_image {
    border-radius: var(--radius--24px);
  }

  .why-solar-faq_shape {
    order: -9999;
    max-width: 50%;
  }

  .testimonials_slide-mobile {
    margin-top: 1.25rem;
  }

  .blog-hero_image-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1.25fr .5fr;
    padding-left: 0;
  }

  .blog-hero-image {
    border-radius: var(--radius--24px);
  }

  .footer-year-text.no-padding {
    flex-wrap: wrap;
  }

  .article_swiper {
    height: auto;
  }

  .article_slide {
    cursor: grab;
    width: 40%;
  }

  .article-collection_desktop {
    display: none;
  }

  .article-collection-tablet {
    display: block;
  }

  .article-swiper-pagination {
    justify-content: center;
    align-items: center;
  }

  .article-swiper-bullet {
    border-radius: 100px;
    width: .75rem;
    height: .75rem;
  }

  .article-swiper-bullet.is-active {
    background-color: var(--base-color-brand--black);
    background-color: var(--base-color-brand--black);
  }

  .section_services-hero {
    margin-bottom: 8rem;
  }

  .projects-swiper-tablet-tablet {
    display: block;
  }

  .article_slide-copy {
    cursor: grab;
    width: 40%;
  }

  .projects_swiper {
    height: auto;
  }

  .projects-swiper-pagination {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .projects-swiper-bullet {
    border-radius: 100px;
    width: .75rem;
    height: .75rem;
  }

  .projects-swiper-bullet.is-active {
    background-color: var(--base-color-brand--black);
    background-color: var(--base-color-brand--black);
  }

  .home-rising-energy-costs_heading {
    font-size: var(--text-size--48px);
  }

  .home-rising-energy-cost-button-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .padding-section-how-it-works {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  .cta-button-wrapper.is-tablet-center {
    margin-left: auto;
    margin-right: auto;
  }

  .own-your-energy_item.is-home {
    width: 100%;
  }

  .why-solarsimple_own-your-energy-component {
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .menu-icon_line-middle-2 {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .heading-style-h3-2 {
    font-size: 3rem;
  }

  .menu-icon_line-middle-base-2 {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .navbar_dropdwn-toggle-2 {
    justify-content: flex-start;
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    display: flex;
  }

  .navbar_dropdown-link-2 {
    width: auto;
    padding: .75rem 0 .75rem 5%;
  }

  .navbar_dropdown-list-2 {
    position: static;
    overflow: hidden;
  }

  .navbar_dropdown-list-2.w--open {
    border-style: none;
    padding: 0;
  }

  .spacer-2.xlarge-4rem-2 {
    padding-top: 3.5rem;
  }

  .spacer-2.huge-6rem-2 {
    padding-top: 5rem;
  }

  .spacer-2.large-3rem-2 {
    padding-top: 2.5rem;
  }

  .spacer-2.xhuge-7rem-2 {
    padding-top: 6rem;
  }

  .button-2.nav-secondary-2 {
    color: #f6f7f7;
    background-color: #4465af;
  }

  .free-solar_image {
    border-radius: 1.5rem;
  }

  .why-solar_how-it-works-shape-2 {
    order: -9999;
    width: 100px;
    height: 65px;
  }

  .navbar_menu-wrapper-2 {
    -webkit-text-fill-color: inherit;
    background-color: #f6f7f7;
    background-clip: border-box;
    border-bottom: 1px #000;
    border-right: 1px solid #000;
    width: 75%;
    min-height: calc(100vh - 4.5rem);
    padding: 1rem 5% 2rem;
    overflow: auto;
  }

  .menu-icon_line-bottom-2 {
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .heading-style-h1-2 {
    font-size: 3.5rem;
  }

  .free-solar-grid {
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .footer-year-text-2.no-padding {
    flex-wrap: wrap;
  }

  .button-icon_after-2.nav-secondary-5 {
    color: #f6f7f7;
  }

  .why-solar_image-2 {
    border-radius: 1.5rem;
  }

  .menu-icon_line-top-2 {
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .footer-link-2.no-padding {
    flex-wrap: wrap;
  }

  .heading-style-h1-3 {
    font-size: 3.5rem;
  }

  .section-service-cta_wrapper-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section_locations-hero {
    margin-bottom: 8rem;
  }

  .section-locations-cta_wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .areas-we-serve_collection-list {
    grid-template-columns: 1fr;
  }

  .padding-section-areas-we-serve {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section-locations-advantages_wrapper, .section-locations-logo_wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .column {
    padding-top: 2rem;
  }

  .locations-hero-background-wrapper {
    transform: scale(1.8)translate(0, -165px);
  }

  .locations-hero-spacer.xlarge-4rem-2 {
    padding-top: 3.5rem;
  }

  .locations-hero-spacer.huge-6rem-2 {
    padding-top: 5rem;
  }

  .locations-hero-spacer.large-3rem-2 {
    padding-top: 2.5rem;
  }

  .locations-hero-spacer.xhuge-7rem-2 {
    padding-top: 6rem;
  }
}

@media screen and (max-width: 767px) {
  h1, h2 {
    font-size: var(--text-size--48px);
  }

  h3 {
    font-size: var(--text-size--32px);
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  ul {
    font-size: var(--text-size--16px);
  }

  .hide-mobile-landscape {
    display: none;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-xsmall-1rem {
    margin: .75rem;
  }

  .margin-small-1-5rem {
    margin: 1.25rem;
  }

  .margin-medium-2rem {
    margin: 1.5rem;
  }

  .margin-large-3rem {
    margin: 2rem;
  }

  .margin-xlarge-4rem {
    margin: 2.5rem;
  }

  .margin-xxlarge-5rem {
    margin: 3rem;
  }

  .margin-huge-6rem {
    margin: 3.5rem;
  }

  .margin-xhuge-7rem {
    margin: 4rem;
  }

  .margin-xxhuge-10rem {
    margin: 5rem;
  }

  .padding-xsmall-1rem {
    padding: .75rem;
  }

  .padding-small-1-5rem {
    padding: 1.25rem;
  }

  .padding-medium-2rem {
    padding: 1.5rem;
  }

  .padding-large-3rem {
    padding: 2rem;
  }

  .padding-xlarge-4rem {
    padding: 2.5rem;
  }

  .padding-xxlarge-5rem {
    padding: 3rem;
  }

  .padding-huge-6rem {
    padding: 3.5rem;
  }

  .padding-xhuge-7rem {
    padding: 4rem;
  }

  .padding-xxhuge-10rem {
    padding: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-size-medium-1-125-18 {
    font-size: 1rem;
  }

  .text-style-quote {
    font-size: 1.125rem;
  }

  .heading-style-h2 {
    font-size: var(--text-size--40px);
  }

  .heading-style-h6-1-25-20 {
    font-size: 1.125rem;
  }

  .heading-style-h5-1-5-24 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    font-size: var(--text-size--40px);
  }

  .heading-style-h4-2-40 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-style-h3 {
    font-size: var(--text-size--40px);
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .text-size-large-1-25-20 {
    font-size: 1.125rem;
  }

  .padding-section-small-3rem {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-global {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-section-medium-5rem {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large-7rem {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-xsmall-1rem {
    padding-top: .75rem;
  }

  .spacer-small-1-5rem {
    padding-top: 1.25rem;
  }

  .spacer-medium-2rem {
    padding-top: 1.5rem;
  }

  .spacer-large-3rem {
    padding-top: 2rem;
  }

  .spacer-xlarge-4rem {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge-5rem {
    padding-top: 3rem;
  }

  .spacer-huge-6rem {
    padding-top: 3.5rem;
  }

  .spacer-xhuge-7rem {
    padding-top: 4rem;
  }

  .spacer-xxhuge-10rem {
    padding-top: 5rem;
  }

  .navbar_component {
    height: 4rem;
  }

  .nav_logo-link {
    width: 10rem;
  }

  .search-input_global {
    border-radius: 0;
  }

  .footer_top-wrapper {
    grid-row-gap: 3rem;
  }

  .footer_bottom-wrapper {
    z-index: 1;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
    position: relative;
  }

  .footer_legal-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-auto-flow: row;
    align-items: flex-start;
  }

  .blog-post_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .blog-card_image-wrapper {
    padding-top: 66%;
  }

  .contact_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .form_field-2col.is-mobile-1col {
    grid-template-columns: 1fr;
  }

  .legal-doc_rich-text {
    margin-bottom: 2rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rich-text-block h2 {
    font-size: var(--text-size--28px);
    font-weight: 400;
  }

  .rich-text-block p {
    font-size: var(--text-size--16px);
  }

  .rich-text-block figure {
    border-radius: var(--radius--16px);
  }

  .rich-text-block ol {
    font-size: var(--text-size--16px);
  }

  .faq_question-general {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .faq_icon-wrapper {
    width: 1.75rem;
  }

  .spacer:where(.w-variant-b5dc491b-f28d-8fca-4968-e8e583b7aeb3) {
    padding-top: .75rem;
  }

  .spacer:where(.w-variant-941273ad-c632-b614-dc88-1ee203ead7b1) {
    padding-top: 1.25rem;
  }

  .spacer:where(.w-variant-dbff42ae-482d-20d1-0cad-fc6fc98612e7) {
    padding-top: 5rem;
  }

  .spacer:where(.w-variant-c355349c-d401-d297-1b57-9f0c6cf8fc44) {
    padding-top: 4rem;
  }

  .spacer:where(.w-variant-df7e1476-f2d8-5451-a9d7-9ea497a7ee62) {
    padding-top: 3.5rem;
  }

  .spacer:where(.w-variant-1449f47f-fe3d-5caa-ac95-7f74980e51b7) {
    padding-top: 3rem;
  }

  .spacer:where(.w-variant-30a596b2-9ede-b56f-bf07-2046fd5481da) {
    padding-top: 1.5rem;
  }

  .spacer:where(.w-variant-fe81b9d7-08c2-2809-b5fb-dd5ab654cc0a) {
    padding-top: 2rem;
  }

  .spacer:where(.w-variant-e6b0c8ff-ab96-a41b-3a7a-32d5fad2dc3d) {
    padding-top: 2.5rem;
  }

  .fs_modal-1_popup {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .fs_modal-1_close {
    padding: 1rem;
  }

  .fs_modal-1_heading {
    font-size: 2rem;
  }

  .fs_modal-1_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 3rem 2rem;
  }

  .section_home-hero {
    min-height: 100vh;
  }

  .home-hero_component {
    margin-top: 4rem;
  }

  .home-free-installation_component.is-overlay {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .home-testimonials_component, .home-benefits_component {
    text-align: center;
  }

  .home-hero-background-wrapper {
    min-height: 100vh;
  }

  .home-hero_background {
    transform: translate(0, 100px)scale(1.3);
  }

  .home-hero_shape.flare-move {
    width: 350px;
    height: 350px;
    right: -20%;
  }

  .how-it-works_image {
    height: 320px;
    min-height: auto;
  }

  .footer_roofsimple-logo {
    width: 200px;
  }

  .free-installation-background-wrapper {
    width: 100vw;
    margin-left: 0%;
    margin-right: 0%;
  }

  .free-installation_cut {
    aspect-ratio: 1;
    border-radius: var(--radius--16px);
    width: 250px;
  }

  .home-free_paragraph {
    width: 380px;
    height: 100px;
  }

  .home-free_heading {
    font-size: var(--text-size--40px);
  }

  .free-installation_shape {
    width: 70px;
  }

  .testimonials_shape.is-left, .testimonials_shape.is-right, .testimonials_shape.is-left, .testimonials_shape.is-right {
    display: none;
  }

  .testimonials_slide.swiper-slide.swiper-slide-active {
    width: 100%;
  }

  .testimonials_slide-top {
    text-align: left;
    padding: 2.5rem 2.5rem 1rem;
  }

  .testimonials_slide-bottom {
    grid-template-columns: 2fr auto;
    min-height: auto;
  }

  .testimonials_title {
    display: none;
  }

  .testimonials_title.is-mobile {
    display: flex;
  }

  .testimonials_slide-bottom_right {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .swiper.cover-swiper {
    margin-left: -2rem;
  }

  .home-rising-energy-cost_image-wrapper {
    aspect-ratio: 311 / 285;
    min-height: 380px;
  }

  .why-solar-zero-financing_image-wrapper {
    width: 100%;
    min-height: auto;
  }

  .why-solar-zero-financing_content-wrapper {
    max-width: none;
  }

  .why-solar_zero-financing-shape {
    display: none;
  }

  .text-size-xlarge-1-25-24 {
    font-size: 1.125rem;
  }

  .roofsimple_image-wrapper {
    width: 100%;
    min-height: auto;
  }

  .services-commercial-solar_component {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .services-commercial-solar_copy-wrapper {
    max-width: none;
  }

  .services-hero_component-del {
    margin-top: 4rem;
  }

  .section-service-cta_component {
    margin-top: -19rem;
  }

  .section-service-cta_wrapper {
    width: 100vw;
    margin-top: 14rem;
    margin-right: 0%;
    padding-left: 2rem;
    padding-right: 2rem;
    transform: none;
  }

  .section_contact-hero {
    min-height: auto;
  }

  .contact-hero-background-wrapper {
    min-height: 50vh;
  }

  .section-contact-form-component {
    margin-top: 0;
  }

  .contact-form_wrapper {
    width: 100vw;
    max-width: 100vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .why-solar-hero_component {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    grid-template-columns: .75fr;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .why-solar_how-it-works-shape {
    width: 70px;
    height: 48px;
  }

  .why-solar_how-it-works-first {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .why-solarsimple_how-it-works {
    padding-left: 0;
    padding-right: 0;
  }

  .why-solar_image-wrapper {
    margin-right: -4rem;
  }

  .why-solar_image {
    border-radius: var(--radius--16px);
  }

  .why-solar_image.is-first {
    aspect-ratio: 225 / 169;
  }

  .why-solar_image.is-second {
    aspect-ratio: 134 / 169;
  }

  .testimonials_slide-mobile {
    display: flex;
  }

  .blog-hero_component {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    grid-template-columns: .75fr;
    display: flex;
  }

  .blog-hero_image-wrapper {
    margin-right: -4rem;
  }

  .blog-hero_image-wrapper.is-image-two {
    margin-right: 0;
  }

  .blog-hero-image {
    border-radius: var(--radius--16px);
  }

  .blog-hero-image.is-first {
    aspect-ratio: 225 / 169;
    width: 60%;
    max-height: 300px;
  }

  .blog-hero-image.is-second {
    aspect-ratio: 134 / 169;
    max-height: 300px;
  }

  .contact-our-info_component {
    text-align: center;
  }

  .contact-our-info-wrapper {
    grid-template-columns: 1fr;
  }

  .contact-our-info_map {
    margin-top: 4rem;
    margin-bottom: 0;
  }

  .contact-info_wrapper {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-our-info_heading {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }

  .article_slide {
    width: 50%;
  }

  .article-collection-tablet {
    text-align: left;
  }

  .section_services-hero {
    min-height: 100vh;
    margin-bottom: 0;
  }

  .services-hero-background-wrapper {
    min-height: 50vh;
    max-height: 85vh;
    transform: translate(0, 80px)scale(1.3);
  }

  .services-hero_wrapper {
    padding-top: 2rem;
  }

  .projects-cost_component {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .projects-swiper-tablet-tablet {
    text-align: left;
  }

  .article_slide-copy {
    width: 50%;
  }

  .projects_swiper-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .home-rising-energy-costs_heading {
    font-size: var(--text-size--40px);
  }

  .why-solar-hero_component-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    grid-template-columns: .75fr;
    padding-left: 0;
    display: flex;
  }

  .show-mobile-landscape {
    display: block;
  }

  .padding-section-how-it-works {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }

  .contact-hero-subheading_wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }

  .why-solarsimple_own-your-energy-component {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_component-2 {
    height: 4rem;
  }

  .heading-style-h3-2 {
    font-size: 2.5rem;
  }

  .testimonials_slide-2.swiper-slide.swiper-slide-active {
    width: 100%;
  }

  .why-solar-zero-financing_image-wrapper-2 {
    width: 100%;
    min-height: auto;
  }

  .spacer-2.xlarge-4rem-2 {
    padding-top: 2.5rem;
  }

  .spacer-2.xsmall-1rem-2 {
    padding-top: .75rem;
  }

  .spacer-2.medium-2rem-6 {
    padding-top: 1.5rem;
  }

  .spacer-2.small-1-5rem-6 {
    padding-top: 1.25rem;
  }

  .spacer-2.huge-6rem-2 {
    padding-top: 3.5rem;
  }

  .spacer-2.large-3rem-2 {
    padding-top: 2rem;
  }

  .spacer-2.xhuge-7rem-2 {
    padding-top: 4rem;
  }

  .free-solar_image {
    border-radius: 1rem;
  }

  .why-solar_how-it-works-shape-2 {
    width: 70px;
    height: 48px;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .free-solar-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .why-solar_image-2 {
    border-radius: 1rem;
  }

  .why-solar_image-2.is-first {
    aspect-ratio: 225 / 169;
  }

  .why-solar_image-2.is-second {
    aspect-ratio: 134 / 169;
  }

  .location-advantages_grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .home-hero-background-wrapper-2 {
    min-height: 100vh;
  }

  .heading-style-h1-3 {
    font-size: 2.5rem;
  }

  .section-service-cta_wrapper-2 {
    width: 100vw;
    margin-top: 14rem;
    margin-right: 0%;
    padding-left: 2rem;
    padding-right: 2rem;
    transform: none;
  }

  .section_locations-hero {
    min-height: 100vh;
    margin-bottom: 0;
  }

  .section-locations-cta_wrapper {
    width: 100vw;
    margin-top: 14rem;
    margin-right: 0%;
    padding-left: 2rem;
    padding-right: 2rem;
    transform: none;
  }

  .areas-we-serve-hero_component {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    grid-template-columns: .75fr;
    display: flex;
  }

  .padding-section-areas-we-serve {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-none {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section-locations-advantages_wrapper {
    width: 100vw;
    margin-top: 0;
    margin-right: 0%;
    padding-left: 2rem;
    padding-right: 2rem;
    transform: none;
  }

  .section-locations-logo_wrapper {
    width: 10rem;
    margin-top: 0;
    margin-right: 0%;
    padding-left: 2rem;
    padding-right: 2rem;
    transform: none;
  }

  .heading-style-h5-locations, .heading-h5-bold-locations {
    font-size: 1.25rem;
  }

  .locations-hero-background-wrapper {
    min-height: 50vh;
    max-height: 85vh;
    transform: translate(0, 80px)scale(1.3);
  }

  .locations-hero-spacer.xlarge-4rem-2 {
    padding-top: 2.5rem;
  }

  .locations-hero-spacer.xsmall-1rem-2 {
    padding-top: .75rem;
  }

  .locations-hero-spacer.medium-2rem-6 {
    padding-top: 1.5rem;
  }

  .locations-hero-spacer.small-1-5rem-6 {
    padding-top: 1.25rem;
  }

  .locations-hero-spacer.huge-6rem-2 {
    padding-top: 3.5rem;
  }

  .locations-hero-spacer.large-3rem-2 {
    padding-top: 2rem;
  }

  .locations-hero-spacer.xhuge-7rem-2 {
    padding-top: 4rem;
  }
}

@media screen and (max-width: 479px) {
  h1, h2 {
    font-size: var(--text-size--40px);
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .heading-style-h2.text-length-75 {
    width: 100%;
  }

  .heading-style-h3 {
    font-size: var(--text-size--40px);
  }

  .search-input_global {
    border-radius: 0;
  }

  .footer_top-wrapper {
    grid-row-gap: 48px;
  }

  .footer_column-layout {
    grid-row-gap: 40px;
    text-align: center;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .footer_column {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-link.no-padding {
    justify-content: center;
    align-items: center;
    max-width: 80px;
  }

  .footer_form-wrapper {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .footer_legal-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr 1fr;
    grid-auto-columns: max-content;
    justify-content: center;
    place-items: stretch center;
    margin-top: 2rem;
    display: flex;
  }

  .footer_copyright-auto-update {
    margin-right: 0;
    display: block;
  }

  .footer_copyright-auto-update.hide-mobile-portrait {
    display: none;
  }

  .contact_component, .form_field-2col {
    grid-template-columns: 1fr;
  }

  .legal-doc_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .legal-doc_date-updated-wrap {
    margin-bottom: 1rem;
  }

  .faq_answer-wrapper {
    padding-right: 2rem;
  }

  .faq_question-general {
    padding-right: 0;
  }

  .section_home-hero, .home-hero-background-wrapper {
    min-height: 110vh;
  }

  .home-hero_background {
    width: 100%;
    transform: translate(0, 130px)scale(1.3);
  }

  .home-hero_shape.flare-move {
    width: 350px;
    height: 350px;
    bottom: -17%;
    right: -31%;
  }

  .team-slide {
    text-align: left;
    width: 100%;
  }

  .how-it-works_image {
    aspect-ratio: 1;
    min-height: auto;
  }

  .footer_roofsimple-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-shape {
    display: none;
  }

  .free-installation_cut {
    aspect-ratio: 3 / 2;
    width: 210px;
  }

  .home-free_paragraph {
    width: 250px;
    height: auto;
  }

  .home-free_heading {
    font-size: var(--text-size--32px);
  }

  .testimonials_slide-bottom_right {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .swiper.cover-swiper {
    width: calc(100vw - 2rem);
    margin-left: -1rem;
  }

  .home-rising-energy-cost_image-wrapper {
    width: 100%;
    min-height: 240px;
  }

  .horizontal-item {
    width: 100%;
    max-width: 300px;
  }

  .why-solar_zero-financing-shape.flare-move {
    width: 300px;
    height: 300px;
    top: -40%;
    right: -40%;
  }

  .roofsimple_image-wrapper {
    border-bottom-right-radius: var(--radius--32px);
  }

  .services-hero_background-del {
    width: 100%;
  }

  .section-service-cta_wrapper {
    margin-top: 14rem;
  }

  .about-our-team_component {
    text-align: center;
  }

  .contact-hero_background {
    width: 100%;
  }

  .contact-form_wrapper {
    max-width: none;
  }

  .why-solar-hero_component {
    flex-flow: column;
  }

  .why-solarsimple_how-it-works {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-hero_component {
    flex-flow: column;
  }

  .blog-hero-image.is-first, .blog-hero-image.is-second, .blog-hero-image.is-first, .blog-hero-image.is-second {
    max-height: 250px;
  }

  .footer-roofsimple-link {
    width: 100%;
  }

  .footer-year-text.no-padding {
    justify-content: center;
    align-items: center;
    max-width: none;
  }

  .contact-our-info_map {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .contact-info_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .article_slide, .services-hero_background, .article_slide-copy {
    width: 100%;
  }

  .home-rising-energy-costs_heading {
    font-size: var(--text-size--40px);
  }

  .why-solar-hero_component-copy {
    flex-flow: column;
  }

  .own-your-energy_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .own-your-energy_item {
    margin-bottom: 2rem;
  }

  .why-solarsimple_own-your-energy-component {
    grid-row-gap: 2.5rem;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .heading-style-h3-2 {
    font-size: 2.5rem;
  }

  .spacer-2.medium-2rem-6 {
    padding-top: 1rem;
  }

  .free-solar-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-year-text-2.no-padding {
    justify-content: center;
    align-items: center;
    max-width: none;
  }

  .footer-link-2.no-padding {
    justify-content: center;
    align-items: center;
    max-width: 80px;
  }

  .location-advantages_component {
    padding-left: 0;
    padding-right: 0;
  }

  .location-advantages_grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .location-how-to-choose_grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .home-hero-background-wrapper-2 {
    min-height: 110vh;
  }

  .section-service-cta_wrapper-2 {
    margin-top: 14rem;
  }

  .section-locations-cta_wrapper {
    margin-top: 10rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .areas-we-serve-hero_component {
    flex-flow: column;
  }

  .section-locations-advantages_wrapper {
    margin-top: 0;
    transform: none;
  }

  .section-locations-logo_wrapper {
    width: 10rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .column {
    display: none;
  }

  .logo-locations {
    vertical-align: baseline;
    display: block;
  }

  .columns {
    margin-left: auto;
    margin-right: auto;
  }

  .locations-hero-background-wrapper {
    transform: translate(0, 120px)scale(1.3);
  }

  .text-length-75 {
    width: 90%;
  }

  .locations-hero-spacer.medium-2rem-6 {
    padding-top: 1rem;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_7bbd7e24-2f68-e3d7-2ed9-f32991189bc6-91189bbe {
    grid-area: 1 / 1 / 2 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7bbd7e24-2f68-e3d7-2ed9-f32991189bc6-91189bbe {
    grid-area: 1 / 1 / 2 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7bbd7e24-2f68-e3d7-2ed9-f32991189bc6-91189bbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}