.elementor-599 .elementor-element.elementor-element-2bae1da{--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-8d022fa *//* ==================================================
   WOMEN WASHING WINDOWS
   OPTION FIVE
   PASTEL MERGED / WEBGODDESS INSPIRED STRUCTURE
================================================== */

.www5-site {

  --forest: #31473b;
  --sage: #8fa98f;
  --sage-soft: #dfe9dc;

  --mint: #edf5ec;
  --blue: #dceef1;
  --lilac: #ebe5f1;
  --blush: #f4e4e1;

  --cream: #fbfaf6;
  --white: #ffffff;

  --charcoal: #344039;
  --grey: #6f7973;

  --coral: #c9877d;

  --border: rgba(64,80,68,.13);

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

  color: var(--charcoal);

  background: white;

  line-height: 1.6;
}


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


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


.www5-site h1,
.www5-site h2,
.www5-site h3 {

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

  font-weight: 400;
}


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


.www5-container {

  width:
    min(
      1180px,
      calc(100% - 40px)
    );

  margin: 0 auto;
}


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

.www5-header {

  width: 100%;

  background: white;

  position: relative;

  z-index: 20;
}


.www5-header-top {

  width:
    min(
      1380px,
      calc(100% - 50px)
    );

  min-height: 112px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;
}


.www5-brand-name {

  color: var(--forest);

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

  font-size:
    clamp(
      34px,
      3.5vw,
      53px
    );

  line-height: 1;

  letter-spacing: -1.8px;
}


.www5-brand-tag {

  margin-top: 7px;

  color: var(--coral);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}


.www5-header-contact {

  display: flex;

  align-items: center;

  gap: 24px;
}


.www5-location {

  color: var(--grey);

  font-size: 12px;
}


.www5-phone {

  color: var(--forest);

  font-size: 15px;

  font-weight: 700;
}


.www5-top-button {

  min-height: 44px;

  padding: 0 22px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: var(--forest);

  color: white;

  border-radius: 30px;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .8px;

  text-transform: uppercase;
}


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

.www5-menu {

  width: 100%;

  background:
    linear-gradient(
      90deg,
      #768f79 0%,
      #8da490 35%,
      #9fae9e 65%,
      #809984 100%
    );
}


.www5-menu-inner {

  width:
    min(
      1180px,
      calc(100% - 40px)
    );

  min-height: 58px;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: stretch;
}


.www5-menu a {

  min-width: 145px;

  padding: 0 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: white;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .5px;

  text-transform: uppercase;

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

  transition: .2s ease;
}


.www5-menu a:last-child {

  border-right:
    1px solid
    rgba(255,255,255,.13);
}


.www5-menu a:hover {

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


/* ==================================================
   EYEBROWS
================================================== */

.www5-eyebrow {

  margin-bottom: 17px;

  color: var(--coral);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}


.www5-eyebrow-light {

  color: #edbbb3;
}


/* ==================================================
   BUTTONS
================================================== */

.www5-button {

  min-height: 50px;

  padding: 0 26px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 30px;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .7px;

  text-transform: uppercase;

  transition: .2s ease;
}


.www5-button:hover {

  transform:
    translateY(-2px);
}


.www5-button-dark {

  background: var(--forest);

  color: white;
}


.www5-button-soft {

  color: var(--forest);

  background:
    rgba(255,255,255,.55);

  border:
    1px solid
    rgba(49,71,59,.3);
}


.www5-button-white {

  background: white;

  color: var(--forest);
}


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

.www5-hero {

  position: relative;

  width: 100%;

  min-height: 710px;

  overflow: hidden;
}


/*
   Soft merging colours across entire hero.
*/

.www5-hero-background {

  position: absolute;

  inset: 0;

  background:

    radial-gradient(
      circle at 13% 20%,
      rgba(232,220,240,.80),
      transparent 32%
    ),

    radial-gradient(
      circle at 45% 5%,
      rgba(225,240,224,.92),
      transparent 38%
    ),

    radial-gradient(
      circle at 75% 25%,
      rgba(218,237,240,.85),
      transparent 38%
    ),

    radial-gradient(
      circle at 85% 90%,
      rgba(245,223,219,.72),
      transparent 36%
    ),

    linear-gradient(
      120deg,
      #eef5eb,
      #e6efe3,
      #e9f1eb
    );
}


.www5-hero-inner {

  position: relative;

  z-index: 2;

  width:
    min(
      1880px,
      calc(100% - 50px)
    );

  min-height: 710px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    .9fr
    1.1fr;

  align-items: center;

  gap: 60px;
}


.www5-hero-copy {

  padding:
    70px
    0
    70px
    max(
      20px,
      calc(
        (100vw - 1380px) / 2
      )
    );
}


.www5-hero h1 {

  max-width: 650px;

  color: var(--forest);

  font-size:
    clamp(
      61px,
      5.8vw,
      91px
    );

  line-height: .95;

  letter-spacing: -4px;
}


.www5-hero h1 span {

  display: block;

  color: #849c83;

  font-style: italic;
}


.www5-hero-copy > p {

  max-width: 500px;

  margin-top: 27px;

  color: #56635a;

  font-size: 17px;
}


.www5-hero-buttons {

  margin-top: 30px;

  display: flex;

  gap: 12px;

  flex-wrap: wrap;
}


.www5-hero-features {

  margin-top: 48px;

  padding-top: 25px;

  display: grid;

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

  gap: 25px;

  border-top:
    1px solid
    rgba(57,79,64,.18);
}


.www5-hero-features strong {

  display: block;

  color: var(--forest);

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

  font-size: 22px;

  font-weight: 400;
}


.www5-hero-features span {

  color: var(--grey);

  font-size: 11px;
}


/* HERO IMAGE */

.www5-hero-image-wrap {

  position: relative;

  height: 610px;

  margin-right: 10px;
}


.www5-hero-shape {

  position: absolute;

  width: 80%;

  height: 85%;

  right: -30px;

  top: 45px;

  border-radius:
    48%
    52%
    44%
    56%
    /
    55%
    46%
    54%
    45%;

  background:
    linear-gradient(
      145deg,
      rgba(213,226,208,.9),
      rgba(220,235,238,.8),
      rgba(238,221,237,.7)
    );
}


.www5-hero-image-wrap img {

  position: absolute;

  width: 88%;

  height: 530px;

  left: 0;

  top: 40px;

  object-fit: cover;

  object-position: center;

  border-radius:
    44%
    56%
    48%
    52%
    /
    48%
    43%
    57%
    52%;

  box-shadow:
    0 25px 65px
    rgba(51,75,59,.15);
}


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

.www5-intro {

  padding: 110px 0;

  background: white;
}


.www5-intro-grid {

  display: grid;

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

  gap: 100px;
}


.www5-intro h2 {

  max-width: 680px;

  color: var(--forest);

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

  line-height: 1;

  letter-spacing: -3px;
}


.www5-intro-copy {

  padding-top: 35px;
}


.www5-intro-copy p {

  margin-bottom: 18px;

  color: var(--grey);

  font-size: 16px;
}


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

.www5-services {

  padding: 110px 0;

  background:

    radial-gradient(
      circle at 15% 5%,
      rgba(231,222,240,.75),
      transparent 26%
    ),

    radial-gradient(
      circle at 85% 15%,
      rgba(220,239,240,.85),
      transparent 30%
    ),

    radial-gradient(
      circle at 78% 92%,
      rgba(245,226,221,.75),
      transparent 28%
    ),

    linear-gradient(
      135deg,
      #eaf3e7,
      #edf5ec
    );
}


.www5-section-heading {

  max-width: 800px;

  margin: 0 auto 55px;

  text-align: center;
}


.www5-section-heading h2 {

  color: var(--forest);

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

  line-height: 1;

  letter-spacing: -3px;
}


.www5-section-heading > p {

  max-width: 550px;

  margin:
    20px
    auto
    0;

  color: var(--grey);
}


/* SERVICE CARDS */

.www5-services-grid {

  display: grid;

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

  gap: 20px;
}


.www5-service {

  min-height: 330px;

  padding: 40px 34px;

  border-radius: 30px;

  background:
    rgba(255,255,255,.70);

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

  box-shadow:
    0 15px 45px
    rgba(75,99,80,.06);

  backdrop-filter:
    blur(10px);
}


.www5-service:nth-child(2) {

  transform:
    translateY(28px);
}


.www5-service-icon {

  width: 58px;

  height: 58px;

  margin-bottom: 38px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #d6e6d4,
      #e2ddec
    );

  color: var(--forest);

  font-size: 12px;

  font-weight: 700;
}


.www5-service h3 {

  margin-bottom: 14px;

  color: var(--forest);

  font-size: 28px;
}


.www5-service p {

  color: var(--grey);

  font-size: 14px;
}


.www5-service a {

  display: inline-block;

  margin-top: 28px;

  color: var(--forest);

  font-size: 12px;

  font-weight: 700;
}


/* LARGE SERVICE FEATURE */

.www5-service-feature {

  margin-top: 85px;

  display: grid;

  grid-template-columns:
    1fr
    1fr;

  overflow: hidden;

  border-radius: 38px;

  background:
    rgba(255,255,255,.73);

  box-shadow:
    0 25px 60px
    rgba(68,92,73,.08);
}


.www5-service-feature-image {

  min-height: 520px;

  overflow: hidden;
}


.www5-service-feature-image img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;
}


.www5-service-feature-copy {

  padding: 65px;

  display: flex;

  flex-direction: column;

  justify-content: center;
}


.www5-service-feature-copy h3 {

  max-width: 530px;

  color: var(--forest);

  font-size:
    clamp(
      38px,
      4vw,
      57px
    );

  line-height: 1.04;
}


.www5-service-feature-copy p {

  max-width: 500px;

  margin:
    22px
    0
    28px;

  color: var(--grey);
}


.www5-service-feature-copy .www5-button {

  align-self: flex-start;
}


/* ==================================================
   HOW IT WORKS
================================================== */

.www5-process {

  padding: 115px 0;

  background: white;
}


.www5-process-grid {

  margin-top: 55px;

  display: grid;

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

  gap: 18px;
}


.www5-process-step {

  position: relative;

  padding: 35px 27px;

  text-align: center;
}


.www5-process-step:not(:last-child)::after {

  content: "";

  position: absolute;

  width: 42%;

  height: 1px;

  right: -21%;

  top: 50px;

  background:
    linear-gradient(
      90deg,
      #cbd9ca,
      #dad1e0
    );
}


.www5-step-number {

  width: 60px;

  height: 60px;

  margin:
    0 auto
    26px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #dbe9d8,
      #e8e0ee,
      #dcebed
    );

  color: var(--forest);

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

  font-size: 25px;
}


.www5-process-step h3 {

  margin-bottom: 12px;

  color: var(--forest);

  font-size: 23px;
}


.www5-process-step p {

  color: var(--grey);

  font-size: 13px;
}


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

.www5-about {

  display: grid;

  grid-template-columns:
    1fr
    1fr;

  min-height: 720px;

  background:
    linear-gradient(
      130deg,
      #f2e8e3,
      #edf2e7 50%,
      #e5eef0
    );
}


.www5-about-image-wrap {

  position: relative;

  padding:
    65px
    25px
    65px
    65px;
}


.www5-about-colour {

  position: absolute;

  inset:
    95px
    20px
    30px
    35px;

  border-radius:
    45%
    55%
    44%
    56%
    /
    55%
    45%
    55%
    45%;

  background:
    linear-gradient(
      130deg,
      #cadbc8,
      #d7e6e8,
      #eadbe8
    );
}


.www5-about-image-wrap img {

  position: relative;

  z-index: 2;

  width: 100%;

  height: 590px;

  display: block;

  object-fit: cover;

  border-radius:
    52%
    48%
    54%
    46%
    /
    47%
    55%
    45%
    53%;

  box-shadow:
    0 25px 65px
    rgba(42,67,51,.12);
}


.www5-about-content {

  display: flex;

  align-items: center;

  padding: 80px 70px;
}


.www5-about-inner {

  max-width: 610px;
}


.www5-about h2 {

  color: var(--forest);

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

  line-height: 1;

  letter-spacing: -3px;
}


.www5-about p {

  margin-top: 22px;

  color: var(--grey);
}


/* ABOUT BENEFITS */

.www5-about-benefits {

  margin-top: 35px;

  display: grid;

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

  gap: 16px;
}


.www5-about-benefits > div {

  padding:
    19px
    10px
    19px
    0;

  border-top:
    1px solid
    rgba(48,72,57,.17);
}


.www5-about-benefits strong {

  display: block;

  color: var(--forest);

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

  font-size: 19px;

  font-weight: 400;
}


.www5-about-benefits span {

  color: var(--grey);

  font-size: 11px;
}


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

.www5-results {

  padding: 115px 0;

  background: white;
}


.www5-results-box {

  width:
    min(
      1320px,
      calc(100% - 60px)
    );

  margin: 0 auto;

  padding: 55px;

  border-radius: 42px;

  background:

    radial-gradient(
      circle at 5% 5%,
      rgba(229,220,239,.6),
      transparent 25%
    ),

    radial-gradient(
      circle at 90% 80%,
      rgba(218,237,239,.75),
      transparent 30%
    ),

    linear-gradient(
      135deg,
      #eff5ed,
      #f6f1ed
    );
}


.www5-results-title {

  margin-bottom: 42px;

  display: flex;

  justify-content: space-between;

  align-items: end;

  gap: 40px;
}


.www5-results-title h2 {

  max-width: 710px;

  color: var(--forest);

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

  line-height: 1;

  letter-spacing: -3px;
}


.www5-gallery-link {

  color: var(--forest);

  font-size: 12px;

  font-weight: 700;
}


.www5-results-grid {

  display: grid;

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

  gap: 22px;
}


.www5-results-image {

  min-height: 550px;

  overflow: hidden;

  border-radius: 30px;
}


.www5-results-image img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;
}


.www5-results-copy {

  padding: 45px 35px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  border-radius: 30px;

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


.www5-result-tag {

  margin-bottom: 40px;

  color: var(--coral);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.6px;
}


.www5-results-copy h3 {

  color: var(--forest);

  font-size: 36px;

  line-height: 1.08;
}


.www5-results-copy p {

  margin-top: 22px;

  color: var(--grey);
}


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

.www5-testimonial {

  padding: 115px 0;

  background:

    radial-gradient(
      circle at 20% 20%,
      rgba(220,237,240,.9),
      transparent 35%
    ),

    radial-gradient(
      circle at 80% 70%,
      rgba(235,221,240,.8),
      transparent 32%
    ),

    linear-gradient(
      110deg,
      #e8f1e5,
      #eef4e9
    );
}


.www5-testimonial-inner {

  text-align: center;
}


.www5-quote-mark {

  height: 75px;

  color: var(--coral);

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

  font-size: 105px;

  line-height: .8;
}


.www5-testimonial blockquote {

  max-width: 900px;

  margin: 0 auto;

  color: var(--forest);

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

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

  line-height: 1.1;
}


.www5-testimonial p {

  margin-top: 28px;

  color: var(--grey);
}


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

.www5-contact {

  padding: 100px 0;

  background:
    linear-gradient(
      130deg,
      #31473b,
      #405848,
      #526b59
    );
}


.www5-contact-grid {

  display: grid;

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

  gap: 100px;

  align-items: center;
}


.www5-contact h2 {

  max-width: 680px;

  color: white;

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

  line-height: 1;

  letter-spacing: -3px;
}


.www5-contact-right p {

  max-width: 450px;

  margin-bottom: 28px;

  color:
    rgba(255,255,255,.72);
}


.www5-email {

  display: block;

  margin-top: 20px;

  color: white;

  font-size: 13px;
}


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

@media (max-width: 950px) {

  .www5-header-top {

    padding: 25px 0;

    flex-direction: column;

    align-items: flex-start;
  }


  .www5-header-contact {

    flex-wrap: wrap;
  }


  .www5-menu-inner {

    justify-content: flex-start;

    overflow-x: auto;
  }


  .www5-menu a {

    min-width: 135px;
  }


  .www5-hero-inner {

    grid-template-columns: 1fr;

    padding-bottom: 50px;
  }


  .www5-hero-copy {

    padding:
      70px
      40px
      10px;
  }


  .www5-hero-image-wrap {

    height: 550px;

    margin:
      0
      40px;
  }


  .www5-intro-grid {

    grid-template-columns: 1fr;

    gap: 25px;
  }


  .www5-services-grid {

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


  .www5-service:nth-child(2) {

    transform: none;
  }


  .www5-service-feature {

    grid-template-columns: 1fr;
  }


  .www5-process-grid {

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


  .www5-process-step::after {

    display: none;
  }


  .www5-about {

    grid-template-columns: 1fr;
  }


  .www5-about-content {

    padding: 70px 40px;
  }


  .www5-results-grid {

    grid-template-columns: 1fr;
  }


  .www5-contact-grid {

    grid-template-columns: 1fr;

    gap: 40px;
  }

}


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

@media (max-width: 650px) {

  .www5-container {

    width:
      calc(100% - 28px);
  }


  .www5-header-top {

    width:
      calc(100% - 28px);
  }


  .www5-brand-name {

    font-size: 35px;
  }


  .www5-location {

    width: 100%;
  }


  .www5-hero-inner {

    width: 100%;
  }


  .www5-hero-copy {

    padding:
      55px
      25px
      20px;
  }


  .www5-hero h1 {

    font-size: 58px;

    letter-spacing: -3px;
  }


  .www5-hero-features {

    grid-template-columns: 1fr;
  }


  .www5-hero-image-wrap {

    height: 430px;

    margin:
      0
      20px
      35px;
  }


  .www5-hero-image-wrap img {

    width: 100%;

    height: 390px;

    top: 15px;
  }


  .www5-hero-shape {

    width: 90%;

    height: 92%;

    top: 0;
  }


  .www5-intro,
  .www5-services,
  .www5-process,
  .www5-results {

    padding: 75px 0;
  }


  .www5-services-grid {

    grid-template-columns: 1fr;
  }


  .www5-service {

    min-height: auto;
  }


  .www5-service-feature {

    margin-top: 40px;
  }


  .www5-service-feature-image {

    min-height: 400px;
  }


  .www5-service-feature-copy {

    padding: 40px 25px;
  }


  .www5-process-grid {

    grid-template-columns: 1fr;
  }


  .www5-about-image-wrap {

    padding:
      30px
      20px;
  }


  .www5-about-image-wrap img {

    height: 430px;
  }


  .www5-about-content {

    padding:
      60px
      25px;
  }


  .www5-about-benefits {

    grid-template-columns: 1fr;
  }


  .www5-results-box {

    width:
      calc(100% - 28px);

    padding: 25px;

    border-radius: 28px;
  }


  .www5-results-title {

    display: block;
  }


  .www5-gallery-link {

    display: inline-block;

    margin-top: 20px;
  }


  .www5-results-image {

    min-height: 360px;
  }


  .www5-results-copy {

    padding:
      35px
      25px;
  }


  .www5-testimonial {

    padding:
      80px
      20px;
  }


  .www5-contact {

    padding: 75px 0;
  }

}/* End custom CSS */