:root {
  --dark-green: #194715;
  --lighter-green: #47c73c;
  --text: #0c210a;
  --border-radius: 10px;
  --outline: #fff;
  --main-outline: 1px;
  --very-dark-green: #0c210a;
  --very-light-green: #96f08f;
  --text2: #fff;
  --transparent: #000000a6;
  --buttonborder: 1.5rem;
}

h1 {
  letter-spacing: 2px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 44px;
}

.image-overlap {
  z-index: 2;
  background-color: #316600;
  background-image: linear-gradient(128deg, var(--dark-green), var(--lighter-green));
  opacity: 1;
  mix-blend-mode: overlay;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.image-overlap._2 {
  background-color: var(--dark-green);
  opacity: 1;
  mix-blend-mode: overlay;
  background-image: none;
  display: block;
  inset: 0%;
}

.image-overlap.none {
  display: none;
}

.div-block-2 {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  margin-right: -1083px;
  font-family: Oswald, sans-serif;
  display: flex;
  position: absolute;
}

.herov1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 1200px;
  height: 100vh;
  display: flex;
  position: relative;
}

.gradient {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.gradient.none {
  display: block;
}

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

.image {
  object-fit: cover;
  height: 100%;
  max-height: 700px;
}

.div-block-5 {
  z-index: 20;
  background-color: var(--lighter-green);
  background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--dark-green), var(--lighter-green));
  color: #fff;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin: 20px;
  padding: 30px 15px;
  display: flex;
  position: relative;
}

.herov2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.gradient2 {
  z-index: 1;
  background-image: linear-gradient(105deg, #194715, #47c73c66 40%, #47c73c00);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.content {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80%;
  display: flex;
  position: relative;
}

.writtenconntent {
  color: #000;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: block;
  box-shadow: 3px 2px 5px 4px #0003;
}

.div-block-6 {
  width: 50%;
}

.imagecontainer {
  z-index: 0;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-2 {
  object-fit: cover;
  object-position: 77% 50%;
  width: 100%;
  height: 100%;
}

.paragraph {
  max-width: 590.2px;
  font-size: 18px;
}

.button {
  background-color: var(--lighter-green);
}

.button-2 {
  color: var(--dark-green);
  background-color: #fff;
}

.herv3 {
  color: #fff;
  background-image: radial-gradient(circle at 0 100%, #000, #202020);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.contentv2 {
  width: 50%;
}

.imagecontainerv2 {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: relative;
}

.cityimage {
  object-fit: contain;
  width: 100%;
}

.div-block-7 {
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  display: flex;
}

.herov3 {
  background-image: url('../images/Pipelines_1.avif');
  background-position: 0 100%;
  background-repeat: repeat;
  background-size: 35%;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.writtencontent {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.heroimage {
  object-fit: contain;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.heading-2 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 110%;
}

.text-span {
  color: var(--lighter-green);
  font-size: 54px;
  font-weight: 900;
}

.bold-text {
  color: var(--lighter-green);
  font-weight: 900;
  line-height: 125%;
}

.bold-text-2 {
  color: var(--dark-green);
  font-weight: 900;
  line-height: 125%;
}

.text-span-2 {
  font-size: 54px;
}

.paragraph-2 {
  color: var(--text);
  margin-bottom: 40px;
  font-family: Chivo, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.button-3 {
  border: 2px none var(--dark-green);
  border-radius: var(--border-radius);
  background-color: var(--lighter-green);
  color: var(--outline);
  letter-spacing: 1px;
  width: 315px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
  position: absolute;
  inset: auto auto -4%;
}

.button-3:hover {
  background-color: var(--dark-green);
}

.button-3._2 {
  border-radius: var(--border-radius);
  min-width: 313px;
  position: relative;
  bottom: auto;
}

.herocontent-wrapper {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  max-height: 650px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.neon {
  z-index: 0;
  transform-style: preserve-3d;
  display: none;
  position: absolute;
  inset: auto auto -9% -4%;
  transform: rotate(162deg)scale3d(.5, 1.2, 1);
}

.neon._2 {
  transform-style: preserve-3d;
  inset: -19% auto auto 0%;
  transform: rotate(37deg)scale3d(.5, 2, 1);
}

.neon._3 {
  inset: auto 0% -29% auto;
  transform: rotate(58deg)scale(.5);
}

.benefits_section {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.benefits_section.mobile {
  display: block;
}

.benefit_div {
  border: var(--main-outline) none var(--outline);
  color: var(--very-dark-green);
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 352.109px;
  display: flex;
}

.benefit_div.middle {
  margin-left: 25px;
  margin-right: 25px;
}

.benefit_div.none {
  display: none;
}

.icon {
  height: 50px;
}

.icon.middle {
  transform: translate(3px);
}

.icon.service {
  height: 50px;
}

.icon.contact {
  filter: invert();
}

.icon-container {
  background-color: var(--dark-green);
  border-radius: 5px;
  margin-right: 10px;
  padding: 10px;
}

.icon-container.service {
  background-color: #fff0;
  padding-left: 23px;
  padding-right: 23px;
  display: flex;
}

.secondaryparagraph {
  font-family: Chivo, sans-serif;
  display: none;
}

.secondaryparagraph.benefit {
  text-align: center;
  font-size: 16px;
}

.secondaryparagraph.ourwork {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.h2 {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 110%;
}

.h2.service {
  margin-top: 0;
  margin-bottom: 20px;
}

.h2.ourwork {
  z-index: 3;
  color: var(--text);
  margin-top: 10px;
}

.h2.ourwork.side {
  color: var(--very-dark-green);
}

.h2.herotags {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.benefitdivs_wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--text);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  max-height: 431px;
  margin-bottom: 20px;
  display: grid;
}

.benefitdivs_wrapper.bottom {
  color: var(--very-dark-green);
}

.benefitdivs_wrapper.bottom.none {
  display: block;
}

.benefitimage {
  object-fit: cover;
  object-position: 50% 100%;
  border-radius: 5px;
  width: 100%;
  height: 431px;
  max-height: 431px;
}

.benefitimage_container {
  width: 100%;
  height: 100%;
}

.services_section {
  justify-content: center;
  align-items: stretch;
  width: 85%;
  max-width: 1400px;
  margin-bottom: 180px;
  display: flex;
}

.servicediv {
  border: var(--main-outline) solid var(--outline);
  border-radius: var(--border-radius);
  background-image: linear-gradient(45deg, var(--very-dark-green), var(--dark-green));
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  padding-top: 10px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.servicediv.middle {
  border-radius: var(--border-radius);
  background-image: linear-gradient(45deg, var(--very-light-green), var(--lighter-green));
  color: var(--very-dark-green);
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
}

.bold-text-3 {
  font-size: 26px;
}

.ourwork_section {
  z-index: 15;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  display: flex;
  position: relative;
}

.ourwork {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: padding .3s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: relative;
}

.ourwork:hover {
  padding-left: 0;
  padding-right: 0;
}

.ourwork.middle {
  margin-left: 20px;
  margin-right: 20px;
}

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

.heading-3 {
  text-align: center;
}

.descriptiondiv {
  border-radius: var(--border-radius);
  background-color: var(--outline);
  color: var(--text);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  padding-top: 180px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: absolute;
  top: 47%;
  left: 0%;
  right: 0%;
}

.descriptiondiv.side {
  color: var(--very-dark-green);
}

.projectimage {
  z-index: 2;
  object-fit: cover;
  object-position: 50% 100%;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: relative;
}

.projectimage.rolex {
  object-fit: cover;
  object-position: 50% 53%;
}

.heroimage_container {
  justify-content: center;
  align-items: center;
  max-width: 55%;
  margin-top: 5px;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.herotag {
  border-radius: var(--border-radius);
  background-color: var(--dark-green);
  color: var(--text2);
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 43% 0% auto auto;
  box-shadow: 8px 8px 10px 5px #00000061;
}

.herotag._2 {
  inset: 21% auto auto 0%;
}

.herotag._3 {
  border-radius: var(--border-radius);
  inset: auto auto 9% 18%;
}

.image-3 {
  height: 30px;
  margin-right: 10px;
}

.herotagtext {
  font-family: Chivo, sans-serif;
  font-size: 16px;
  display: none;
}

.navbar {
  border-bottom: 2px none var(--dark-green);
  background-color: var(--outline);
  width: 100%;
  position: fixed;
}

.nav-link {
  color: var(--text);
  letter-spacing: 1px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  transition: color .2s;
}

.nav-link:hover {
  color: var(--lighter-green);
}

.nav-link.w--current {
  color: var(--text);
}

.brand {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.image-4 {
  object-fit: cover;
  height: 42px;
  margin-top: 7px;
  overflow: visible;
}

.bold-text-4 {
  color: var(--text);
}

.benefittextcontainer {
  color: #fff;
}

.benefits_section_wrapper {
  z-index: 3;
  background-color: var(--dark-green);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.triangle {
  z-index: 15;
  border-style: solid;
  border-color: var(--dark-green) black #0000 #fff;
  border-top-width: 7vw;
  border-bottom-width: 0;
  border-left-width: 100vw;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.triangle.top {
  z-index: 3;
  border-width: 6vw 0 0 100vw;
  border-color: #19471500 var(--dark-green) #0000;
  margin-top: -10vh;
  position: relative;
  overflow: hidden;
}

.triangle.top._2 {
  border-top-color: var(--outline);
  border-right-width: 100vw;
  border-right-color: var(--lighter-green);
  border-left-width: 0;
}

.triangle._2 {
  z-index: 15;
  border-top-color: var(--lighter-green);
  border-right-width: 100vw;
  border-right-color: var(--transparent);
  border-bottom-width: 0;
  border-left-width: 0;
  position: relative;
}

.triangle.bold-text-3 {
  border-top-color: var(--transparent);
}

.bg {
  z-index: 500;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.ourwork_wrapper {
  z-index: 15;
  background-color: var(--lighter-green);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sectionheading {
  z-index: 5;
  color: var(--text);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  position: relative;
}

.sectionheading.white {
  color: var(--text2);
  margin-bottom: 20px;
}

.sectionheading.subheading {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
}

.footer {
  z-index: 15;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  min-height: 228px;
  padding: 35px 20px;
  display: flex;
  position: relative;
}

.footer_wrapper {
  background-color: var(--transparent);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.footer_wrapper.actual {
  background-color: var(--text2);
  flex-flow: column;
  display: flex;
}

.footercontent {
  color: var(--text2);
  margin-left: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.image-5 {
  aspect-ratio: 1;
  filter: invert();
  object-fit: cover;
  object-position: 0% 50%;
  width: 200px;
}

.footer-menu {
  z-index: 15;
  background-color: var(--text2);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-menu.actual {
  padding-bottom: 10px;
  overflow: visible;
}

.footer-menu.actual.none {
  z-index: 10;
}

.footer-link {
  color: var(--dark-green);
  margin-left: 10px;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.image-6 {
  z-index: 0;
  object-fit: cover;
  background-color: #000000ad;
  width: 100%;
  height: 200%;
  position: absolute;
  inset: -49% 0% auto;
}

.wrappingoncemore {
  background-color: var(--transparent);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.reference_text {
  color: #444;
  margin-bottom: 10px;
  font-family: Chivo, sans-serif;
  font-size: 16px;
}

.lightbox-link {
  width: 100%;
  height: 280px;
}

.mask {
  width: 33%;
  overflow: visible;
}

.slider {
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 550px;
  max-height: 570px;
  padding-left: 75px;
  padding-right: 105px;
  display: flex;
}

.slide {
  margin-right: 20px;
}

.ourwork_textspan {
  color: var(--dark-green);
  font-weight: 600;
}

.slide-2, .slide-3, .slide-4, .slide-5 {
  margin-right: 20px;
}

.arrowicon {
  border-radius: 5px;
  margin-bottom: 0;
}

.arrow {
  height: 50px;
  margin-bottom: -5px;
  padding-bottom: 10px;
  inset: auto 20% 0% 0%;
  overflow: visible;
}

.right-arrow {
  height: 50px;
  margin-bottom: -5px;
  inset: auto 0% 0% 20%;
}

.services_section_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.writtenservice {
  padding-left: 20px;
  padding-right: 20px;
}

.heading-4 {
  text-decoration: none;
}

.fakebody {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  display: flex;
  overflow: hidden;
}

.slide-nav {
  color: #3330;
  display: none;
}

.paragraph-3 {
  font-family: Montserrat, sans-serif;
  display: block;
}

.slide-6, .slide-7 {
  margin-right: 20px;
}

.text-block {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.contactus {
  z-index: 15;
  background-color: var(--text2);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  overflow: visible;
}

.contactusdiv {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: var(--main-outline) solid var(--outline);
  background-image: linear-gradient(45deg, var(--very-dark-green), var(--dark-green));
  color: #fff;
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  place-items: start center;
  width: 200px;
  margin-right: 10px;
  padding: 10px 30px 40px;
  display: grid;
  position: relative;
}

.contactusdiv.middle {
  background-image: linear-gradient(45deg, var(--very-light-green), var(--lighter-green));
  color: var(--very-dark-green);
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
}

.contactusdiv.last {
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  align-self: flex-start;
}

.iconcontainer_contact {
  border-radius: 5px;
  padding: 10px;
}

.iconcontainer_contact.service {
  background-color: #fff0;
  padding-left: 23px;
  padding-right: 23px;
  display: flex;
}

.link {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.contacttextdiv {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.footer-text-block {
  font-family: Montserrat, sans-serif;
}

.c-icon {
  margin-right: 12px;
}

.c-icon.cc-copied {
  width: 18px;
  display: none;
}

.c-text-1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.75em;
}

.c-text-1.cc-copy {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.c-text-1.cc-copied {
  font-family: Montserrat, sans-serif;
  display: none;
}

.c-copy_button {
  color: #fff;
  background-color: #585b6c;
  border-radius: 4px;
  align-items: center;
  margin-right: 0;
  padding: 10px 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.c-copy_button.cc-copy {
  border: 1px solid var(--outline);
  border-radius: var(--border-radius);
  background-color: #585b6c00;
  padding-top: 5px;
  padding-bottom: 5px;
}

.zero-width {
  width: 0;
}

.columns {
  justify-content: center;
  align-items: center;
  display: flex;
}

.allrights {
  z-index: 10;
  background-color: var(--text2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.allrights.actual {
  padding-bottom: 10px;
}

.allrights.actual.none {
  z-index: 10;
}

.servicetexblock {
  color: var(--outline);
  background-image: url('../images/white-prorex-logo.svg');
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Chivo, sans-serif;
}

.servicetexblock.invert {
  filter: invert();
}

.link-2 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.partners {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 85%;
  max-width: 1400px;
  margin-top: 50px;
  margin-bottom: 80px;
  display: grid;
  overflow: visible;
}

.partnerimage {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.partnerimage.invert {
  filter: invert();
}

.buttonbg {
  z-index: 0;
  background-color: #47c73c66;
  border-radius: 15px;
  width: 314px;
  height: 47px;
  position: absolute;
}

.buttoncontainer {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ctabutton {
  z-index: 1;
  border: 2px none var(--dark-green);
  border-radius: var(--border-radius);
  background-color: var(--lighter-green);
  color: var(--outline);
  letter-spacing: 1px;
  width: 315px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .2s, background-color .2s;
  position: relative;
  inset: auto;
}

.ctabutton:hover {
  background-color: var(--dark-green);
  box-shadow: none;
}

.ctabutton._2 {
  border-radius: var(--border-radius);
  min-width: 313px;
  position: relative;
  bottom: auto;
}

.link-3 {
  color: #000;
}

@media screen and (max-width: 991px) {
  .herov3 {
    height: auto;
    padding-bottom: 80px;
  }

  .writtencontent {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 0;
    display: flex;
  }

  .heading-2, .paragraph-2 {
    text-align: center;
  }

  .herocontent-wrapper {
    flex-flow: column-reverse;
    max-height: none;
  }

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

  .benefits_section.mobile {
    display: none;
  }

  .services_section {
    flex-flow: column;
  }

  .servicediv {
    width: 100%;
  }

  .servicediv.middle {
    margin: 40px 0;
  }

  .heroimage_container {
    max-width: 70%;
    padding-top: 0;
  }

  .benefits_section_wrapper {
    flex-flow: column;
  }

  .triangle.top {
    margin-top: -6vh;
  }

  .image-6 {
    height: 174%;
  }

  .mask {
    width: 50%;
  }

  .slider {
    height: 67vh;
    padding-left: 20px;
    padding-right: 40px;
  }

  .services_section_wrapper {
    width: 85%;
  }

  .nav-menu {
    background-color: var(--outline);
  }

  .menu-button.w--open {
    background-color: var(--lighter-green);
    border-radius: 5px;
  }

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

  .contactusdiv {
    width: 100%;
  }

  .contactusdiv.middle {
    margin: 40px 0;
  }

  .partners {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .heading-2 {
    font-size: 30px;
  }

  .bold-text, .bold-text-2 {
    font-size: 34px;
  }

  .paragraph-2, .h2.herotags {
    font-size: 16px;
  }

  .services_section {
    width: 100%;
  }

  .bold-text-3 {
    font-size: 20px;
  }

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

  .heroimage_container {
    max-width: 100%;
    height: 50vh;
    margin-top: 60px;
    padding: 0;
  }

  .herotag {
    right: -5%;
  }

  .herotagtext {
    font-size: 14px;
    line-height: 110%;
  }

  .bold-text-4 {
    font-size: 28px;
  }

  .sectionheading.subheading, .footercontent {
    margin-left: 0;
  }

  .image-5 {
    z-index: 50;
    position: relative;
  }

  .mask {
    width: 100%;
  }

  .slider {
    height: 69vh;
  }

  .arrow {
    right: 35%;
  }

  .right-arrow {
    left: 35%;
  }

  .services_section_wrapper {
    width: 90%;
  }

  .heading-4 {
    font-size: 2.5vw;
    line-height: 110%;
  }

  .paragraph-3 {
    display: none;
  }

  .c-text-1 {
    font-size: 16px;
    line-height: 28px;
  }

  .columns {
    display: block;
  }

  .div-block-9 {
    overflow: visible;
  }
}

@media screen and (max-width: 479px) {
  .writtencontent {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .heading-2 {
    text-align: center;
  }

  .bold-text, .bold-text-2 {
    line-height: 110%;
  }

  .paragraph-2 {
    text-align: center;
    margin-bottom: 10px;
  }

  .button-3 {
    text-align: center;
  }

  .herocontent-wrapper {
    max-height: none;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .benefits_section.mobile {
    display: none;
  }

  .benefit_div {
    width: 151.281px;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .benefit_div.middle {
    margin-left: 5px;
    margin-right: 5px;
  }

  .icon.contact {
    height: 30px;
  }

  .secondaryparagraph.benefit {
    font-size: 11px;
    line-height: 120%;
  }

  .h2 {
    letter-spacing: 0;
    font-size: 14px;
  }

  .h2.service {
    font-size: 16px;
  }

  .h2.ourwork {
    font-size: 20px;
  }

  .benefitdivs_wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .benefitdivs_wrapper.bottom.none {
    display: none;
  }

  .services_section {
    width: 100%;
  }

  .servicediv, .servicediv.middle {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bold-text-3 {
    font-size: 14px;
  }

  .ourwork {
    padding-left: 10px;
    padding-right: 10px;
  }

  .descriptiondiv {
    padding-left: 20px;
  }

  .heroimage_container {
    height: 45vh;
    max-height: 50vh;
    margin-top: 0;
  }

  .herotag {
    top: 41%;
    right: -4%;
  }

  .herotag._2 {
    top: 5%;
    left: -4%;
  }

  .herotag._3 {
    bottom: 3%;
  }

  .triangle.top._2 {
    margin-top: -15vh;
  }

  .sectionheading {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 110%;
  }

  .sectionheading.subheading {
    line-height: 110%;
  }

  .footer {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_wrapper.actual {
    background-color: var(--text2);
    margin-bottom: 20px;
  }

  .footercontent {
    width: 95%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-5 {
    width: 100px;
  }

  .footer-menu {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    place-items: center stretch;
    width: 95%;
    display: grid;
  }

  .footer-menu.actual {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #fff;
    justify-content: space-between;
    width: 239px;
  }

  .footer-link {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-link.left {
    text-align: left;
  }

  .image-6 {
    height: 162%;
  }

  .slider {
    height: 71vh;
    max-height: 600px;
    padding-left: 10px;
    padding-right: 25px;
  }

  .slide {
    margin-right: 10px;
  }

  .arrow {
    right: 50%;
  }

  .right-arrow {
    left: 50%;
  }

  .services_section_wrapper {
    width: 95%;
  }

  .writtenservice {
    width: 100%;
  }

  .heading-4 {
    text-align: center;
    font-size: 28px;
    line-height: 110%;
  }

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

  .div-block-8 {
    width: 100%;
  }

  .slide-nav {
    color: #fff0;
  }

  .paragraph-3 {
    display: none;
  }

  .text-block {
    color: var(--text);
    text-align: center;
  }

  .contactus {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    place-items: stretch stretch;
    width: 95%;
    margin-bottom: 20px;
    display: grid;
  }

  .contactus.actual {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #fff;
    justify-content: space-between;
    width: 239px;
  }

  .contactusdiv {
    grid-template-rows: auto auto auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contactusdiv.middle {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contactusdiv.last {
    width: 50%;
  }

  .footer-text-block {
    text-align: center;
    font-size: 8px;
  }

  .allrights {
    z-index: 5;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    place-items: center stretch;
    width: 95%;
    padding-bottom: 0;
    display: flex;
  }

  .allrights.actual {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #fff;
    justify-content: space-between;
    width: 239px;
  }

  .partners {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 50% 50%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 95%;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .ctabutton {
    text-align: center;
  }
}

#w-node-_1a15bd4f-f4e0-8b79-149a-00bbdbd01da6-548ed1d4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_156ea8c2-a2f4-1e13-61a7-fc24ef393b83-548ed1d4 {
    grid-column: 1 / 3;
    grid-row-start: .5;
    grid-row-end: 2.5;
    justify-self: center;
  }
}