.elementor-589 .elementor-element.elementor-element-bf6e013{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6c04e69 *//* =========================================
   WOMEN WASHING WINDOWS
   OPTION FOUR
   FULL WIDTH HEADER + MENU
========================================= */

.www4-site {
  --green-dark: #283a32;
  --green: #718577;
  --green-soft: #dfe7df;
  --cream: #faf7f1;
  --warm: #efe7dc;
  --terracotta: #c77f64;
  --charcoal: #333734;
  --grey: #747975;
  --white: #ffffff;
  --line: #dddeda;

  font-family: Arial, Helvetica, sans-serif;

  color: var(--charcoal);

  background: white;

  line-height: 1.55;
}

.www4-site * {
  box-sizing: border-box;
}

.www4-site h1,
.www4-site h2,
.www4-site h3,
.www4-site p {
  margin: 0;
}

.www4-site h1,
.www4-site h2,
.www4-site h3 {
  font-family: Georgia, "Times New Roman", serif;

  font-weight: 400;
}

.www4-site a {
  text-decoration: none;
}

.www4-container {
  width: min(1180px, calc(100% - 40px));

  margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.www4-header {
  width: 100%;

  background: white;

  position: relative;

  z-index: 20;
}


/* TOP BRAND AREA */

.www4-header-main {
  width: min(1380px, calc(100% - 50px));

  min-height: 112px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;
}

.www4-brand-name {
  font-family: Georgia, "Times New Roman", serif;

  font-size: clamp(32px, 3.6vw, 52px);

  line-height: 1;

  letter-spacing: -1.5px;

  color: var(--green-dark);
}

.www4-brand-tag {
  margin-top: 6px;

  color: var(--terracotta);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}


.www4-header-contact {
  display: flex;

  align-items: center;

  gap: 24px;

  color: var(--grey);

  font-size: 13px;
}

.www4-header-contact > a:not(.www4-header-button) {
  color: var(--green-dark);

  font-weight: 700;

  font-size: 15px;
}

.www4-header-button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 43px;

  padding: 0 21px;

  background: var(--terracotta);

  color: white;

  border-radius: 3px;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .8px;

  text-transform: uppercase;
}


/* =========================================
   MENU
========================================= */

.www4-menu {
  width: 100%;

  background: var(--green-dark);
}

.www4-menu-inner {
  width: min(1180px, calc(100% - 40px));

  min-height: 57px;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: stretch;
}

.www4-menu a {
  min-width: 140px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 20px;

  color: rgba(255,255,255,.88);

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .6px;

  text-transform: uppercase;

  border-left: 1px solid rgba(255,255,255,.1);

  transition: .2s ease;
}

.www4-menu a:last-child {
  border-right: 1px solid rgba(255,255,255,.1);
}

.www4-menu a:hover {
  color: white;

  background: rgba(255,255,255,.08);
}


/* =========================================
   GENERAL
========================================= */

.www4-small-heading {
  margin-bottom: 17px;

  color: var(--terracotta);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.www4-light {
  color: #e5b49f;
}


/* BUTTONS */

.www4-button {
  min-height: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0 25px;

  border-radius: 3px;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .6px;

  text-transform: uppercase;

  transition: .2s ease;
}

.www4-button:hover {
  transform: translateY(-2px);
}

.www4-button-green {
  background: var(--green-dark);

  color: white;
}

.www4-button-outline {
  color: var(--green-dark);

  border: 1px solid var(--green-dark);
}

.www4-button-white {
  background: white;

  color: var(--green-dark);
}


/* =========================================
   HERO
========================================= */

.www4-hero {
  width:  calc(100% - 50px));

  min-height: 680px;

  margin: 35px auto 0;

  display: grid;

  grid-template-columns: .85fr 1.15fr;

  background: var(--cream);

  overflow: hidden;
}

.www4-hero-copy {
  padding: 80px 65px;

  display: flex;

  flex-direction: column;

  justify-content: center;
}

.www4-hero h1 {
  max-width: 650px;

  color: var(--green-dark);

  font-size: clamp(58px, 5.4vw, 84px);

  line-height: .96;

  letter-spacing: -3px;
}

.www4-hero h1 span {
  display: block;

  color: var(--green);
}

.www4-hero-copy > p {
  max-width: 500px;

  margin-top: 27px;

  color: var(--grey);

  font-size: 17px;
}

.www4-hero-buttons {
  margin-top: 30px;

  display: flex;

  gap: 12px;

  flex-wrap: wrap;
}

.www4-hero-image {
  overflow: hidden;
}

.www4-hero-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  object-position: center;
}


/* =========================================
   TRUST
========================================= */

.www4-trust {
  padding: 30px 0;

  background: white;
}

.www4-trust-grid {
  display: grid;

  grid-template-columns: repeat(4,1fr);
}

.www4-trust-item {
  padding: 18px 25px;

  border-right: 1px solid var(--line);
}

.www4-trust-item:last-child {
  border-right: 0;
}

.www4-trust-item strong {
  display: block;

  color: var(--green-dark);

  font-family: Georgia, "Times New Roman", serif;

  font-size: 21px;

  font-weight: 400;
}

.www4-trust-item span {
  color: var(--grey);

  font-size: 12px;
}


/* =========================================
   INTRO
========================================= */

.www4-intro {
  padding: 110px 0;

  background: var(--warm);
}

.www4-intro-grid {
  display: grid;

  grid-template-columns: 1fr .85fr;

  gap: 100px;
}

.www4-intro h2 {
  max-width: 650px;

  color: var(--green-dark);

  font-size: clamp(48px,5vw,72px);

  line-height: 1;

  letter-spacing: -3px;
}

.www4-intro-copy {
  padding-top: 35px;
}

.www4-intro-copy p {
  margin-bottom: 18px;

  color: #6d6a64;

  font-size: 16px;
}


/* =========================================
   SERVICES
========================================= */

.www4-services {
  padding: 110px 0;

  background: white;
}

.www4-section-heading {
  display: grid;

  grid-template-columns: 1fr .55fr;

  gap: 80px;

  align-items: end;

  margin-bottom: 55px;
}

.www4-section-heading h2 {
  color: var(--green-dark);

  font-size: clamp(48px,5vw,72px);

  line-height: 1;

  letter-spacing: -3px;
}

.www4-section-heading > p {
  color: var(--grey);
}


/* SERVICE GRID */

.www4-service-grid {
  display: grid;

  grid-template-columns: 1.5fr 1fr 1fr;

  gap: 18px;
}

.www4-service-feature {
  grid-row: span 2;

  background: var(--cream);

  overflow: hidden;
}

.www4-service-feature-image {
  height: 360px;

  overflow: hidden;
}

.www4-service-feature-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}

.www4-service-feature-copy {
  padding: 30px;
}

.www4-number {
  color: var(--terracotta);

  font-size: 11px;

  font-weight: 700;
}

.www4-service-feature h3,
.www4-service-card h3 {
  margin-top: 25px;

  margin-bottom: 12px;

  color: var(--green-dark);

  font-size: 28px;
}

.www4-service-feature p,
.www4-service-card p {
  color: var(--grey);

  font-size: 14px;
}

.www4-service-card {
  min-height: 265px;

  padding: 30px;

  background: var(--green-soft);
}


/* =========================================
   ABOUT
========================================= */

.www4-about {
  min-height: 720px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  background: var(--cream);
}

.www4-about-image {
  overflow: hidden;
}

.www4-about-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}

.www4-about-copy {
  display: flex;

  align-items: center;

  padding: 80px 70px;
}

.www4-about-inner {
  max-width: 570px;
}

.www4-about h2 {
  max-width: 600px;

  color: var(--green-dark);

  font-size: clamp(48px,4.8vw,70px);

  line-height: 1;

  letter-spacing: -3px;
}

.www4-about p {
  margin-top: 22px;

  color: var(--grey);
}

.www4-about-points {
  margin-top: 32px;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 15px;
}

.www4-about-points div {
  padding-bottom: 12px;

  color: #5f665f;

  border-bottom: 1px solid var(--line);

  font-size: 13px;
}

.www4-about-points strong {
  margin-right: 8px;

  color: var(--terracotta);
}


/* =========================================
   IMAGE BAND
========================================= */

.www4-feature-band {
  min-height: 520px;

  display: grid;

  grid-template-columns: 1.3fr .7fr;

  background: var(--green-dark);
}

.www4-feature-image {
  overflow: hidden;
}

.www4-feature-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}

.www4-feature-copy {
  padding: 70px;

  display: flex;

  flex-direction: column;

  justify-content: center;
}

.www4-feature-copy h2 {
  color: white;

  font-size: clamp(48px,5vw,72px);

  line-height: .98;

  letter-spacing: -3px;
}


/* =========================================
   RESULTS
========================================= */

.www4-results {
  padding: 110px 0;

  background: white;
}

.www4-results-box {
  width: min(1320px, calc(100% - 60px));

  margin: 0 auto;

  padding: 55px;

  background: var(--cream);

  border: 1px solid var(--line);
}

.www4-results-head {
  margin-bottom: 42px;

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 40px;
}

.www4-results-head h2 {
  color: var(--green-dark);

  font-size: clamp(48px,5vw,70px);

  line-height: 1;
}

.www4-gallery-link {
  color: var(--green-dark);

  font-size: 13px;

  font-weight: 700;
}

.www4-results-grid {
  display: grid;

  grid-template-columns: 1.6fr .7fr;

  gap: 25px;
}

.www4-results-image {
  min-height: 560px;

  overflow: hidden;
}

.www4-results-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}

.www4-results-copy {
  padding: 45px 35px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  background: var(--green-dark);
}

.www4-results-copy > span {
  margin-bottom: 40px;

  color: #d1b0a0;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.www4-results-copy h3 {
  color: white;

  font-size: 35px;

  line-height: 1.08;
}

.www4-results-copy p {
  margin-top: 22px;

  color: #c1cbc4;
}


/* =========================================
   TESTIMONIAL
========================================= */

.www4-testimonial {
  padding: 110px 0;

  text-align: center;

  background: var(--green-soft);
}

.www4-testimonial blockquote {
  max-width: 900px;

  margin: 0 auto;

  color: var(--green-dark);

  font-family: Georgia, "Times New Roman", serif;

  font-size: clamp(42px,4.5vw,65px);

  line-height: 1.1;
}

.www4-testimonial p {
  margin-top: 28px;

  color: var(--grey);
}


/* =========================================
   CONTACT
========================================= */

.www4-contact {
  padding: 95px 0;

  background: var(--green-dark);
}

.www4-contact-grid {
  display: grid;

  grid-template-columns: 1fr .75fr;

  gap: 90px;

  align-items: center;
}

.www4-contact h2 {
  color: white;

  font-size: clamp(50px,5vw,74px);

  line-height: 1;

  letter-spacing: -3px;
}

.www4-contact-right p {
  max-width: 450px;

  margin-bottom: 28px;

  color: #bcc8c0;
}

.www4-contact-buttons {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 17px;
}

.www4-email {
  color: white;

  font-size: 13px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

  .www4-header-main {
    flex-direction: column;

    align-items: flex-start;

    padding: 25px 0;
  }

  .www4-header-contact {
    flex-wrap: wrap;
  }

  .www4-menu-inner {
    overflow-x: auto;

    justify-content: flex-start;
  }

  .www4-menu a {
    min-width: 130px;
  }


  .www4-hero {
    grid-template-columns: 1fr;

    margin-top: 20px;
  }

  .www4-hero-image {
    min-height: 520px;
  }


  .www4-trust-grid {
    grid-template-columns: 1fr 1fr;
  }


  .www4-intro-grid,
  .www4-section-heading,
  .www4-contact-grid {
    grid-template-columns: 1fr;
  }


  .www4-service-grid {
    grid-template-columns: 1fr 1fr;
  }

  .www4-service-feature {
    grid-column: 1 / -1;
  }


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

  .www4-about-image {
    min-height: 550px;
  }


  .www4-feature-band {
    grid-template-columns: 1fr;
  }

  .www4-feature-image {
    min-height: 500px;
  }


  .www4-results-grid {
    grid-template-columns: 1fr;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

  .www4-container {
    width: calc(100% - 28px);
  }


  .www4-header-main {
    width: calc(100% - 28px);
  }


  .www4-brand-name {
    font-size: 35px;
  }


  .www4-header-contact > span {
    width: 100%;
  }


  .www4-hero {
    width: calc(100% - 28px);
  }


  .www4-hero-copy {
    padding: 55px 25px;
  }


  .www4-hero h1 {
    font-size: 59px;

    letter-spacing: -3px;
  }


  .www4-hero-image {
    min-height: 420px;
  }


  .www4-trust-grid {
    grid-template-columns: 1fr;
  }

  .www4-trust-item {
    border-right: 0;

    border-bottom: 1px solid var(--line);
  }


  .www4-intro,
  .www4-services,
  .www4-results {
    padding: 75px 0;
  }


  .www4-service-grid {
    grid-template-columns: 1fr;
  }

  .www4-service-feature {
    grid-column: auto;
  }


  .www4-about-copy {
    padding: 60px 25px;
  }


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


  .www4-feature-copy {
    padding: 55px 25px;
  }


  .www4-results-box {
    width: calc(100% - 28px);

    padding: 25px;
  }


  .www4-results-head {
    display: block;
  }


  .www4-gallery-link {
    display: inline-block;

    margin-top: 20px;
  }


  .www4-results-image {
    min-height: 360px;
  }


  .www4-results-copy {
    padding: 35px 25px;
  }


  .www4-contact {
    padding: 75px 0;
  }

}/* End custom CSS */