.navbar-wrapper {
  display: contents;
}
 
.navbar-navbar {
  position: relative;
  align-items: center;
  padding-top: var(--dl-layout-space-unit);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-unit);
}
 
.navbar-max-width {
  width: 1440px;
}
 
.navbar-navbar-interactive {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.navbar-logo1 {
  width: 241px;
  height: 81px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.navbar-navlink10 {
  display: contents;
}
 
.navbar-image1 {
  width: 204px;
  height: 94px;
  object-fit: cover;
  margin-right: 14px;
  text-decoration: none;
}
 
.navbar-desktop-menu {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
 
.navbar-links1 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.navbar-text10 {
  color: var(--dl-color-scheme-green80);
  margin-right: var(--dl-layout-space-twounits);
  text-decoration: none;
}
 
.navbar-navlink11 {
  color: var(--dl-color-scheme-green80);
  margin-right: var(--dl-layout-space-twounits);
  text-decoration: none;
}
 
.navbar-navlink12 {
  color: var(--dl-color-scheme-green80);
  margin-right: var(--dl-layout-space-twounits);
  text-decoration: none;
}
 
.navbar-navlink13 {
  color: var(--dl-color-scheme-green80);
  margin-right: var(--dl-layout-space-twounits);
  text-decoration: none;
}
 
.navbar-link1 {
  fill: var(--dl-color-theme-primary2);
  color: var(--dl-color-theme-primary2);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-right: var(--dl-layout-space-oneandhalfunits);
}
 
.navbar-link2 {
  font-family: "Urbanist";
  font-weight: 700;
  text-decoration: none;
}
 
.navbar-burger-menu {
  display: none;
}
 
.navbar-icon10 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.navbar-mobile-menu {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: flex;
  padding: 32px;
  z-index: 100;
  position: absolute;
  transform: translateX(100%);
  transition: 0.5s;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
 
.navbar-nav {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.navbar-top {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}
 
.navbar-logo2 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.navbar-navlink14 {
  display: contents;
}
 
.navbar-image2 {
  width: 22px;
  object-fit: cover;
  margin-right: 14px;
  text-decoration: none;
}
 
.navbar-close-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.navbar-icon12 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.navbar-links2 {
  flex: 0 0 auto;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
 
.navbar-navlink15 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.navbar-navlink16 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.navbar-navlink17 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.navbar-navlink18 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.navbar-navlink19 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.navbar-buttons {
  display: flex;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.navbar-link3 {
  text-decoration: none;
}
 
.navbar-icon14 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
  margin-right: var(--dl-layout-space-twounits);
}
 
.navbar-icon16 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
  margin-right: var(--dl-layout-space-twounits);
}
 
.navbar-icon18 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.home-fragment13 {
  display: contents;
}
 
.home-text13 {
  display: inline-block;
}
 
.home-fragment12 {
  display: contents;
}
 
.home-text12 {
  display: inline-block;
}
 
.home-fragment19 {
  display: contents;
}
 
.home-text19 {
  display: inline-block;
}
 
.home-fragment18 {
  display: contents;
}
 
.home-text18 {
  display: inline-block;
}
 
.home-fragment15 {
  display: contents;
}
 
.home-text15 {
  display: inline-block;
}
 
.home-fragment10 {
  display: contents;
}
 
.home-text10 {
  display: inline-block;
}
 
.home-fragment20 {
  display: contents;
}
 
.home-text20 {
  display: inline-block;
}
 
.home-fragment21 {
  display: contents;
}
 
.home-text21 {
  display: inline-block;
}
 
.home-fragment17 {
  display: contents;
}
 
.home-text17 {
  display: inline-block;
}
 
.home-fragment16 {
  display: contents;
}
 
.home-text16 {
  display: inline-block;
}
 
.home-fragment11 {
  display: contents;
}
 
.home-text11 {
  display: inline-block;
}
 
.home-fragment14 {
  display: contents;
}
 
.home-text14 {
  display: inline-block;
}
 

 

 

 

 

 

 

 
@media(max-width: 1600px) {
  .navbar-max-width {
    width: 100%;
  }
}
 
@media(max-width: 1200px) {
  .navbarroot-class-name1 {
    width: 100%;
  }
}
 
@media(max-width: 991px) {
  .navbar-navbar {
    width: 100%;
  }
  .navbar-max-width {
    width: 100%;
  }
  .navbar-navbar-interactive {
    width: 100%;
  }
  .navbar-desktop-menu {
    display: none;
  }
  .navbar-burger-menu {
    display: flex;
  }
  .navbar-icon10 {
    width: var(--dl-layout-size-medium);
    height: var(--dl-layout-size-small);
  }
  .navbar-image2 {
    width: 179px;
    height: 82px;
  }
  .navbar-icon12 {
    width: var(--dl-layout-size-small);
    height: var(--dl-layout-size-small);
  }
  .home-text21 {
    font-style: normal;
    font-family: Urbanist;
    font-weight: 700;
  }
  .navbarroot-class-name1 {
    width: 100%;
  }
}
 
@media(max-width: 767px) {
  .navbar-max-width {
    width: 100%;
  }
  .navbar-navbar-interactive {
    width: 100%;
    height: 66px;
    align-items: center;
  }
  .navbar-links1 {
    display: none;
  }
  .navbar-burger-menu {
    align-items: center;
    justify-content: flex-end;
  }
  .navbar-navlink15 {
    margin-bottom: var(--dl-layout-space-unit);
  }
  .navbar-navlink16 {
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-unit);
  }
  .navbar-navlink17 {
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-unit);
  }
  .navbar-navlink18 {
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-unit);
  }
  .navbar-navlink19 {
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-unit);
  }
}
 
@media(max-width: 479px) {
  .navbar-max-width {
    width: 100%;
  }
  .navbar-navbar-interactive {
    width: 100%;
  }
  .navbar-mobile-menu {
    padding: 16px;
  }
  .navbarroot-class-name {
    width: 100%;
  }
  .navbarroot-class-name1 {
    width: 100%;
  }
  .navbarroot-class-name2 {
    width: 100%;
  }
  .navbarroot-class-name3 {
    width: 100%;
  }
  .navbarroot-class-name4 {
    width: 100%;
  }
  .navbarroot-class-name5 {
    width: 100%;
  }
  .navbarroot-class-name6 {
    width: 100%;
  }
}

.app-component-wrapper {
  display: contents;
}
 
.app-component-container {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #03183d;
}
 
.app-component-max-width {
  gap: var(--dl-layout-space-oneandhalfunits);
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.app-component-content {
  gap: var(--dl-layout-space-fourunits);
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-halfunit);
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: var(--dl-layout-radius-radius4);
}
 
.app-component-newsletter {
  gap: var(--dl-layout-space-oneandhalfunits);
  width: 326px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.app-component-navlink {
  display: contents;
}
 
.app-component-image1 {
  width: 319px;
  height: 148px;
  text-decoration: none;
}
 
.app-component-content21 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
}
 
.app-component-social-links {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: row;
}
 
.app-component-icon1 {
  fill: var(--dl-color-scheme-lightgreen);
}
 
.app-component-icon3 {
  fill: var(--dl-color-scheme-lightgreen);
}
 
.app-component-icon5 {
  fill: var(--dl-color-scheme-lightgreen);
}
 
.app-component-links {
  gap: var(--dl-layout-space-twounits);
  width: 100%;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.app-component-column21 {
  gap: var(--dl-layout-space-unit);
  width: auto;
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  max-width: 300px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.app-component-column2-title1 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  font-family: "Urbanist";
}
 
.app-component-footer-links1 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.app-component-link61 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  text-decoration: none;
}
 
.app-component-link62 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  text-decoration: none;
}
 
.app-component-link63 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  text-decoration: none;
}
 
.app-component-link71 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  text-decoration: none;
}
 
.app-component-link72 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  text-decoration: none;
}
 
.app-component-link73 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  text-decoration: none;
}
 
.app-component-column22 {
  gap: var(--dl-layout-space-unit);
  width: auto;
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  max-width: 300px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.app-component-column2-title2 {
  color: rgb(255, 255, 255);
  font-family: "Urbanist";
}
 
.app-component-footer-links2 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.app-component-link64 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  font-family: "Urbanist";
}
 
.app-component-link65 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  font-family: "Urbanist";
}
 
.app-component-credits {
  gap: var(--dl-layout-space-twounits);
  width: 100%;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.app-component-row {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
}
 
.app-component-content3 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  font-family: "Noto Sans";
}
 
.app-component-footer-links3 {
  gap: 24px;
  border: 2px dashed rgba(120, 120, 120, 0.4);
  display: flex;
  align-items: flex-start;
}
 
.home-fragment32 {
  display: contents;
}
 
.home-text66 {
  display: inline-block;
}
 
.home-fragment24 {
  display: contents;
}
 
.home-text49 {
  display: inline-block;
}
 
.home-fragment33 {
  display: contents;
}
 
.home-text67 {
  display: inline-block;
}
 
.home-fragment27 {
  display: contents;
}
 
.home-link62 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  display: inline-block;
  font-family: "Urbanist";
}
 
.home-text54 {
  font-style: normal;
  font-weight: 700;
}
 
.home-fragment22 {
  display: contents;
}
 
.home-text47 {
  display: inline-block;
}
 
.home-fragment31 {
  display: contents;
}
 
.home-text65 {
  display: inline-block;
}
 
.home-fragment29 {
  display: contents;
}
 
.home-text60 {
  display: inline-block;
}
 
.home-fragment23 {
  display: contents;
}
 
.home-text48 {
  display: inline-block;
}
 
.home-fragment26 {
  display: contents;
}
 
.home-link61 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  display: inline-block;
  font-family: "Urbanist";
}
 
.home-fragment25 {
  display: contents;
}
 
.home-text50 {
  display: inline-block;
}
 
.home-fragment28 {
  display: contents;
}
 
.home-text59 {
  display: inline-block;
}
 
.home-fragment30 {
  display: contents;
}
 
.home-content2 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  display: inline-block;
}
 
.home-text61 {
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  text-transform: capitalize;
}
 
.home-text62 {
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  text-transform: capitalize;
}
 
.home-link1 {
  font-family: "Open Sans";
  text-decoration: underline;
}
 
.home-text63 {
  font-family: "Open Sans";
  text-decoration: underline;
}
 
.home-link3 {
  font-family: "Open Sans";
  text-decoration: underline;
}
 
.home-link4 {
  text-decoration: underline;
}
 
@media(max-width: 991px) {
  .app-component-container {
    padding-top: var(--dl-layout-space-oneandhalfunits);
  }
  .app-component-newsletter {
    width: 300px;
  }
}
 
@media(max-width: 767px) {
  .app-component-content {
    padding: 0px;
    flex-direction: column;
  }
  .app-component-newsletter {
    width: 100%;
  }
  .app-component-social-links {
    align-self: flex-start;
  }
  .app-component-links {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .app-component-column21 {
    align-items: flex-start;
  }
  .app-component-column2-title1 {
    text-align: center;
  }
  .app-component-footer-links1 {
    width: 302px;
    align-self: center;
    align-items: flex-start;
  }
  .app-component-column22 {
    align-items: flex-start;
  }
  .app-component-column2-title2 {
    text-align: center;
  }
  .app-component-footer-links2 {
    width: 304px;
    align-self: center;
  }
  .app-component-link65 {
    align-self: flex-start;
  }
  .app-component-row {
    gap: 0;
    flex-direction: column;
    justify-content: space-between;
  }
}
 
@media(max-width: 479px) {
  .app-component-social-links {
    align-items: center;
    justify-content: center;
  }
  .app-component-links {
    flex-direction: column;
  }
  .app-component-column21 {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .app-component-footer-links1 {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .app-component-column22 {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .app-component-footer-links2 {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .app-component-credits {
    gap: 0;
  }
  .app-component-row {
    gap: var(--dl-layout-space-oneandhalfunits);
    align-items: center;
    justify-content: center;
  }
  .app-component-footer-links3 {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

.home-container1 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.home-fragment10 {
  display: contents;
}
 
.home-text10 {
  display: inline-block;
}
 
.home-fragment11 {
  display: contents;
}
 
.home-text11 {
  display: inline-block;
}
 
.home-fragment12 {
  display: contents;
}
 
.home-text12 {
  display: inline-block;
}
 
.home-fragment13 {
  display: contents;
}
 
.home-text13 {
  display: inline-block;
}
 
.home-fragment14 {
  display: contents;
}
 
.home-text14 {
  display: inline-block;
}
 
.home-fragment15 {
  display: contents;
}
 
.home-text15 {
  display: inline-block;
}
 
.home-fragment16 {
  display: contents;
}
 
.home-text16 {
  display: inline-block;
}
 
.home-fragment17 {
  display: contents;
}
 
.home-text17 {
  display: inline-block;
}
 
.home-fragment18 {
  display: contents;
}
 
.home-text18 {
  display: inline-block;
}
 
.home-fragment19 {
  display: contents;
}
 
.home-text19 {
  display: inline-block;
}
 
.home-fragment20 {
  display: contents;
}
 
.home-text20 {
  display: inline-block;
}
 
.home-fragment21 {
  display: contents;
}
 
.home-text21 {
  display: inline-block;
}
 
.home-hero {
  height: auto;
  padding-bottom: var(--dl-layout-space-fiveunits);
}
 
.home-max-width1 {
  width: 1367px;
  align-items: center;
}
 
.home-container2 {
  flex: 0 0 auto;
  width: 1117px;
  display: flex;
  align-items: flex-start;
}
 
.home-content10 {
  flex: 0 0 auto;
  width: 45%;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-threeunits);
  margin-right: var(--dl-layout-space-twounits);
  margin-bottom: var(--dl-layout-space-threeunits);
  flex-direction: column;
}
 
.home-title {
  color: var(--dl-color-scheme-white);
  font-size: 48px;
  font-family: Urbanist;
  font-weight: 700;
  margin-bottom: var(--dl-layout-space-twounits);
}
 
.home-description {
  color: var(--dl-color-scheme-white);
  font-size: 22px;
  font-family: "Urbanist";
  line-height: 1.5;
  margin-bottom: var(--dl-layout-space-threeunits);
}
 
.home-container3 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
 
.home-navlink1 {
  text-decoration: none;
}
 
.home-hero-image1 {
  flex: 1;
  width: 593px;
  height: 521px;
  max-width: 550px;
  object-fit: cover;
  border-radius: 48px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
 
.home-layout226 {
  flex: 1;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-end;
  flex-shrink: 0;
  padding-top: var(--dl-layout-space-fiveunits);
  flex-direction: row;
  background-size: cover;
  justify-content: center;
  background-image: url("public/Images/plumbing-tools-bg2-1500w.jpg");
}
 
.home-max-width2 {
  gap: var(--dl-layout-space-threeunits);
  display: flex;
  z-index: 100;
  align-items: center;
  flex-direction: row;
}
 
.home-column1 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 1;
  width: auto;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-top: var(--dl-layout-space-twounits);
  border-color: var(--dl-color-scheme-green100);
  border-width: 2px;
  padding-left: var(--dl-layout-space-twounits);
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: var(--dl-layout-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-twounits);
  background-color: #eafdf9;
}
 
.home-icon1 {
  width: var(--dl-layout-size-small);
  height: var(--dl-layout-size-small);
}
 
.home-section-title1 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.home-content11 {
  gap: var(--dl-layout-space-oneandhalfunits);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.home-title1 {
  font-style: normal;
  text-align: center;
  font-family: "Urbanist";
  font-weight: 900;
}
 
.home-actions1 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-unit);
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
 
.home-button1 {
  border-color: var(--dl-color-scheme-green80);
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action11 {
  text-align: center;
}
 
.home-column2 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 1;
  width: auto;
  display: flex;
  padding: var(--dl-layout-space-twounits);
  align-items: center;
  flex-shrink: 0;
  border-color: var(--dl-color-scheme-green100);
  border-width: 2px;
  border-radius: var(--dl-layout-radius-buttonradius);
  flex-direction: column;
  background-color: #e2f5d5;
}
 
.home-icon5 {
  width: var(--dl-layout-size-small);
  height: var(--dl-layout-size-small);
}
 
.home-section-title2 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.home-content12 {
  gap: var(--dl-layout-space-oneandhalfunits);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.home-title2 {
  font-style: normal;
  text-align: center;
  font-family: "Urbanist";
  font-weight: 900;
}
 
.home-actions2 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-unit);
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
 
.home-button2 {
  border-color: var(--dl-color-scheme-green80);
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action12 {
  text-align: center;
}
 
.home-layout301 {
  gap: var(--dl-layout-space-fiveunits);
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
 
.home-max-width3 {
  gap: var(--dl-layout-space-threeunits);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.home-text35 {
  fill: var(--dl-color-scheme-green80);
  color: var(--dl-color-scheme-green80);
  font-size: 42px;
  font-style: normal;
  text-align: center;
  font-family: "Urbanist";
  font-weight: 700;
}
 
.home-row1 {
  width: 100%;
}
 
.home-feature11 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.home-navlink2 {
  display: contents;
}
 
.home-img11 {
  width: 365px;
  height: 106px;
  align-self: flex-start;
  text-decoration: none;
}
 
.home-content13 {
  align-self: stretch;
  align-items: center;
}
 
.home-section-title3 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  align-self: stretch;
  align-items: center;
}
 
.home-action2 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
 
.home-button3 {
  border-color: var(--dl-color-scheme-green80);
  text-decoration: none;
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action13 {
  text-align: center;
}
 
.home-feature21 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.home-navlink3 {
  display: contents;
}
 
.home-img21 {
  height: 109px;
  text-decoration: none;
}
 
.home-content14 {
  align-self: stretch;
  align-items: center;
}
 
.home-section-title4 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  align-self: stretch;
  align-items: center;
}
 
.home-action3 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
 
.home-button4 {
  border-color: var(--dl-color-scheme-green80);
  text-decoration: none;
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action14 {
  text-align: center;
}
 
.home-feature31 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.home-navlink4 {
  display: contents;
}
 
.home-img31 {
  height: 109px;
  text-decoration: none;
}
 
.home-content15 {
  align-self: stretch;
  align-items: center;
}
 
.home-section-title5 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  align-self: stretch;
  align-items: center;
}
 
.home-action4 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
 
.home-button5 {
  border-color: var(--dl-color-scheme-green80);
  text-decoration: none;
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action15 {
  text-align: center;
}
 
.home-max-width4 {
  gap: var(--dl-layout-space-threeunits);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.home-row2 {
  width: 100%;
}
 
.home-feature12 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.home-navlink5 {
  display: contents;
}
 
.home-img12 {
  width: 365px;
  height: 106px;
  align-self: flex-start;
  text-decoration: none;
}
 
.home-content16 {
  align-self: stretch;
  align-items: center;
}
 
.home-section-title6 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  align-self: stretch;
  align-items: center;
}
 
.home-action5 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
 
.home-button6 {
  border-color: var(--dl-color-scheme-green80);
  text-decoration: none;
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action16 {
  text-align: center;
}
 
.home-feature22 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.home-navlink6 {
  display: contents;
}
 
.home-img22 {
  height: 109px;
  text-decoration: none;
}
 
.home-content17 {
  align-self: stretch;
  align-items: center;
}
 
.home-section-title7 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  align-self: stretch;
  align-items: center;
}
 
.home-action6 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
 
.home-button7 {
  border-color: var(--dl-color-scheme-green80);
  text-decoration: none;
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action17 {
  text-align: center;
}
 
.home-feature32 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.home-navlink7 {
  display: contents;
}
 
.home-img32 {
  height: 109px;
  text-decoration: none;
}
 
.home-content18 {
  align-self: stretch;
  align-items: center;
}
 
.home-section-title8 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
  align-self: stretch;
  align-items: center;
}
 
.home-action7 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
 
.home-button8 {
  border-color: var(--dl-color-scheme-green80);
  text-decoration: none;
  background-color: var(--dl-color-scheme-green80);
}
 
.home-action18 {
  text-align: center;
}
 
.home-section1 {
  height: 697px;
}
 
.home-max-width5 {
  width: 1254px;
  align-items: stretch;
}
 
.home-image {
  width: 707px;
  height: 466px;
  object-fit: cover;
  border-radius: 48px;
}
 
.home-content19 {
  width: 515px;
  display: flex;
  margin-left: var(--dl-layout-space-twounits);
  flex-direction: column;
  justify-content: center;
}
 
.home-text36 {
  color: rgb(14, 65, 123);
  font-size: 42px;
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: var(--dl-layout-space-twounits);
}
 
.home-text37 {
  color: rgb(0, 0, 0);
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: var(--dl-layout-space-threeunits);
}
 
.home-container4 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
 
.home-navlink8 {
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  text-decoration: none;
}
 
.home-section2 {
  background-color: rgba(115, 189, 245, 0.14);
}
 
.home-max-width6 {
  align-items: stretch;
}
 
.home-content20 {
  width: 50%;
  display: flex;
  margin-right: var(--dl-layout-space-twounits);
  flex-direction: column;
  justify-content: center;
}
 
.home-text41 {
  color: rgb(14, 65, 123);
  font-size: 42px;
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: var(--dl-layout-space-twounits);
}
 
.home-container5 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.home-text42 {
  color: var(--dl-color-theme-neutral-dark);
  font-size: 18px;
  font-family: "Urbanist";
  line-height: 1.5;
  margin-bottom: var(--dl-layout-space-threeunits);
}
 
.home-navlink9 {
  color: #0e417b;
  align-self: flex-start;
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  border-color: #0e417b;
  text-decoration: none;
}
 
.home-content21 {
  width: 50%;
  display: flex;
  margin-right: var(--dl-layout-space-twounits);
  flex-direction: column;
  justify-content: center;
}
 
.home-hero-image2 {
  width: 698px;
  height: 464px;
  object-fit: contain;
  margin-right: -250px;
  border-radius: 48px;
}
 
.home-fragment22 {
  display: contents;
}
 
.home-text47 {
  display: inline-block;
}
 
.home-fragment23 {
  display: contents;
}
 
.home-text48 {
  display: inline-block;
}
 
.home-fragment24 {
  display: contents;
}
 
.home-text49 {
  display: inline-block;
}
 
.home-fragment25 {
  display: contents;
}
 
.home-text50 {
  display: inline-block;
}
 
.home-fragment26 {
  display: contents;
}
 
.home-link61 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  display: inline-block;
  font-family: "Urbanist";
}
 
.home-fragment27 {
  display: contents;
}
 
.home-link62 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  display: inline-block;
  font-family: "Urbanist";
}
 
.home-text54 {
  font-style: normal;
  font-weight: 700;
}
 
.home-fragment28 {
  display: contents;
}
 
.home-text59 {
  display: inline-block;
}
 
.home-fragment29 {
  display: contents;
}
 
.home-text60 {
  display: inline-block;
}
 
.home-fragment30 {
  display: contents;
}
 
.home-content2 {
  fill: var(--dl-color-scheme-white);
  color: var(--dl-color-scheme-white);
  display: inline-block;
}
 
.home-text61 {
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  text-transform: capitalize;
}
 
.home-text62 {
  font-style: normal;
  font-family: "Urbanist";
  font-weight: 700;
  text-transform: capitalize;
}
 
.home-link1 {
  font-family: "Open Sans";
  text-decoration: underline;
}
 
.home-text63 {
  font-family: "Open Sans";
  text-decoration: underline;
}
 
.home-link3 {
  font-family: "Open Sans";
  text-decoration: underline;
}
 
.home-link4 {
  text-decoration: underline;
}
 
.home-fragment31 {
  display: contents;
}
 
.home-text65 {
  display: inline-block;
}
 
.home-fragment32 {
  display: contents;
}
 
.home-text66 {
  display: inline-block;
}
 
.home-fragment33 {
  display: contents;
}
 
.home-text67 {
  display: inline-block;
}
 
@media(max-width: 1600px) {
  .home-hero {
    padding-bottom: var(--dl-layout-space-fiveunits);
  }
  .home-hero-image1 {
    height: 572px;
  }
  .home-layout226 {
    opacity: 0.8;
    background-size: cover;
    background-image: url("public/Images/plumbing-tools-bg2-1500w.jpg");
  }
}
 
@media(max-width: 1200px) {
  .home-max-width1 {
    width: 100%;
  }
  .home-container2 {
    width: 100%;
  }
  .home-hero-image1 {
    width: 446px;
    height: 511px;
  }
  .home-hero-image2 {
    width: 100%;
  }
}
 
@media(max-width: 991px) {
  .home-text21 {
    font-style: normal;
    font-family: Urbanist;
    font-weight: 700;
  }
  .home-hero {
    height: 586px;
  }
  .home-max-width1 {
    width: 100%;
    height: 565px;
  }
  .home-container2 {
    width: 100%;
    height: 550px;
    padding-top: 0px;
  }
  .home-content10 {
    width: 50%;
    margin-right: var(--dl-layout-space-unit);
  }
  .home-title {
    padding-top: var(--dl-layout-space-unit);
  }
  .home-description {
    color: var(--dl-color-scheme-white);
    font-size: 18px;
    font-family: Urbanist;
    line-height: 1.5;
  }
  .home-hero-image1 {
    width: 404px;
    height: 520px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .home-layout226 {
    flex-direction: column;
  }
  .home-content11 {
    align-items: center;
  }
  .home-content12 {
    align-items: center;
  }
  .home-row1 {
    width: auto;
    align-items: center;
    flex-direction: column;
  }
  .home-feature11 {
    width: 100%;
  }
  .home-feature21 {
    width: 100%;
  }
  .home-feature31 {
    width: 100%;
  }
  .home-row2 {
    width: auto;
    align-items: center;
    flex-direction: column;
  }
  .home-feature12 {
    width: 100%;
  }
  .home-feature22 {
    width: 100%;
  }
  .home-feature32 {
    width: 100%;
  }
  .home-section1 {
    height: 567px;
  }
  .home-max-width5 {
    width: 991px;
  }
  .home-image {
    width: 427px;
    height: 306px;
  }
  .home-content19 {
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .home-section2 {
    padding-top: var(--dl-layout-space-twounits);
    padding-bottom: var(--dl-layout-space-twounits);
  }
  .home-max-width6 {
    flex-direction: column;
  }
  .home-content20 {
    width: 944px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: var(--dl-layout-space-threeunits);
    flex-direction: row;
  }
  .home-text41 {
    width: auto;
    height: 323px;
    margin-right: var(--dl-layout-space-oneandhalfunits);
  }
  .home-container5 {
    width: 50%;
  }
  .home-navlink9 {
    align-self: flex-start;
  }
  .home-content21 {
    width: 944px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: var(--dl-layout-space-threeunits);
    flex-direction: row;
  }
  .home-hero-image2 {
    width: 100%;
    display: none;
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
 
@media(max-width: 767px) {
  .home-hero {
    width: 100%;
    height: 634px;
  }
  .home-max-width1 {
    width: 100%;
    height: 433px;
    display: block;
  }
  .home-container2 {
    width: 716px;
    height: 100%;
    margin-right: 0px;
  }
  .home-content10 {
    width: 359px;
    display: block;
    margin-right: 0px;
  }
  .home-title {
    width: 355px;
    font-size: 48px;
  }
  .home-description {
    color: var(--dl-color-scheme-white);
  }
  .home-container3 {
    margin-top: var(--dl-layout-space-unit);
  }
  .home-hero-image1 {
    width: 311px;
    height: 380px;
    display: block;
    margin-right: 0px;
  }
  .home-max-width2 {
    flex-direction: column;
  }
  .home-text35 {
    text-align: center;
  }
  .home-section1 {
    height: 547px;
  }
  .home-max-width5 {
    width: 767px;
  }
  .home-image {
    width: 50%;
  }
  .home-content19 {
    width: 485px;
    align-items: flex-start;
    margin-left: var(--dl-layout-space-unit);
    margin-right: 0px;
  }
  .home-text37 {
    margin-bottom: var(--dl-layout-space-oneandhalfunits);
  }
  .home-content20 {
    width: 100%;
    margin-right: 0px;
  }
  .home-content21 {
    width: 100%;
    margin-right: 0px;
  }
  .home-hero-image2 {
    display: none;
  }
}
 
@media(max-width: 479px) {
  .home-container2 {
    width: 451px;
  }
  .home-hero-image1 {
    display: none;
  }
  .home-max-width2 {
    gap: var(--dl-layout-space-oneandhalfunits);
  }
  .home-actions1 {
    width: 100%;
    flex-direction: column;
  }
  .home-button1 {
    width: 100%;
  }
  .home-actions2 {
    width: 100%;
    flex-direction: column;
  }
  .home-button2 {
    width: 100%;
  }
  .home-max-width3 {
    gap: var(--dl-layout-space-oneandhalfunits);
  }
  .home-button3 {
    width: 100%;
  }
  .home-button4 {
    width: 100%;
  }
  .home-button5 {
    width: 100%;
  }
  .home-max-width4 {
    gap: var(--dl-layout-space-oneandhalfunits);
  }
  .home-button6 {
    width: 100%;
  }
  .home-button7 {
    width: 100%;
  }
  .home-button8 {
    width: 100%;
  }
  .home-section1 {
    height: 556px;
  }
  .home-max-width5 {
    width: 479px;
  }
  .home-image {
    display: none;
  }
  .home-content19 {
    width: 424px;
  }
  .home-text36 {
    color: rgb(14, 65, 123);
    width: 215px;
    font-size: 42px;
    font-style: normal;
    font-family: Urbanist;
    font-weight: 700;
    line-height: 1.25;
  }
  .home-text38 {
    font-size: 18px;
    font-family: Urbanist;
  }
  .home-text41 {
    width: auto;
    margin-right: var(--dl-layout-space-halfunit);
  }
}