@font-face {
  font-family: "Brands 400";
  src: url('../fonts/Brands-Regular-400.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sharp 400";
  src: url('../fonts/Sharp-Regular-400.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pro 400";
  src: url('../fonts/Pro-Regular-400.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sharp Solid 900";
  src: url('../fonts/Sharp-Solid-900.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pro Solid 900";
  src: url('../fonts/Pro-Solid-900.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa brands 400";
  src: url('../fonts/fa-brands-400.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --white: white;
  --logo-green: #000;
  --dark-green: #2d5d14;
  --grey: #8f8f8f;
}

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.top-section {
  z-index: 999;
  background-color: var(--black);
  color: var(--black);
  padding-top: 30px;
  padding-bottom: 20px;
  position: fixed;
  inset: 0% 0% auto;
}

.top-div {
  width: 90%;
  max-width: 1200px;
  color: var(--black);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-div {
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.tel-email-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-right: 20px;
  display: flex;
}

.nav-link {
  border-bottom: 1px solid var(--white);
  color: var(--black);
  padding: 10px 20px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.nav-link:hover {
  border-bottom: 1px solid var(--logo-green);
}

.nav-link.w--current {
  border-bottom: 1px solid var(--logo-green);
  color: var(--logo-green);
}

.navbar {
  background-color: #0000;
}

.body {
  color: var(--black);
  font-family: Exo, sans-serif;
  font-size: 15px;
  line-height: 22px;
}

.top-tel-link {
  color: var(--white);
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.top-email-link {
  color: var(--white);
  font-family: Exo, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.hero-section {
  min-height: 500px;
  position: relative;
}

.hero-div {
  background-image: linear-gradient(#fff0 79%, #1b1b1b), url('../images/fb3.webp');
  background-position: 0 0, 50% 35%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

._4-box-section {
  background-image: url('../images/trees.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.body-div {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.smaller-heading {
  text-align: center;
  border-bottom: 2px solid #000;
  margin: 0 30px 20px;
  padding-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
}

._4-box-div {
  height: 250px;
  color: var(--black);
  background-image: url('../images/263815542.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

._4-box-div:hover {
  box-shadow: 4px 4px 8px -3px #00000052;
}

._4-box-div.grass {
  background-image: url('../images/310523053_540650361396080_4813434336375497565_n.webp');
  border-radius: 5px;
}

._4-box-div.patio {
  background-image: url('../images/309624257_537296165064833_4221675892957120280_n.webp');
  border-radius: 5px;
}

._4-box-div.landscaping {
  background-image: url('../images/282103347_559861112217381_8371031091455494142_n.webp');
  background-position: 0%;
  border-radius: 5px;
}

._4-box-div.fencing {
  background-image: url('../images/ban1.webp');
  border-radius: 5px;
  height: 250px;
}

._4-box-div.driveways {
  background-image: url('../images/280559364_557220929148066_8415570184400631371_n.webp');
  background-position: 50% 0;
  border-radius: 5px;
}

._4-box-div.construct {
  background-image: url('../images/Construction-House.webp');
  border-radius: 5px;
}

._4-box-div.home {
  background-image: url('../images/Home-Ext-Service_640319644.webp');
  border-radius: 5px;
}

._4-box-div.brick {
  background-image: url('../images/Bricklay-banner_1999147924.webp');
  border-radius: 5px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  min-height: 0;
}

._4-box-div.refurb {
  background-image: url('../images/Refurbismhent_127958379.webp');
  border-radius: 5px;
}

._4-box-div.areas {
  background-image: url('../images/Areas-Covered-Banner_432488331.webp');
  border-radius: 5px;
}

.text-block {
  text-align: left;
  background-color: #ffffffab;
  width: 100%;
  padding: 14px 24px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.footer {
  background-color: var(--logo-green);
  width: 100%;
  color: var(--white);
  object-fit: fill;
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer._0b {
  padding-bottom: 0;
}

._2-col-60-35 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.lrg-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  min-height: 400px;
}

.lrg-img.home {
  background-image: url('../images/328577222_3082130361933146_5762757438916812881_n.webp');
}

.p {
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.p._0b {
  margin-bottom: 0;
}

.p._0b.list {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.p._10t {
  margin-top: 10px;
}

.p.centre {
  text-align: center;
}

.white-section {
  background-color: #f3f3f3;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.white-section._0b {
  padding-top: 200px;
}

.landscaping-heading {
  text-align: center;
  border-bottom: 2px solid #000;
  margin: 0 0 50px;
  padding-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

.landscaping-heading.white {
  background-color: #fffc;
  border-radius: 6px;
  padding: 10px;
}

.black-section {
  background-color: var(--logo-green);
  color: #fff;
  padding-top: 200px;
  padding-bottom: 40px;
}

.black-section.non {
  padding-top: 60px;
}

.contact-form {
  background-color: var(--white);
  color: #000;
  text-align: center;
  width: 100%;
  padding: 20px;
}

.h3 {
  text-align: center;
  width: 95%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.map-div {
  grid-column-gap: 46px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-height: 300px;
  display: grid;
}

.contact-text {
  z-index: 3;
  color: var(--black);
  line-height: 35px;
  position: relative;
}

.contact-bold {
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.footer-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-text {
  width: 100%;
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding-top: 40px;
  font-size: 14px;
}

.footer-link {
  color: var(--white);
  font-family: Exo, sans-serif;
  text-decoration: none;
}

.phone-link {
  color: #6ebe44;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
}

.text-span, .text-span-2 {
  font-family: "Pro Solid 900", Arial, sans-serif;
}

.dropdown-toggle {
  width: 100px;
  padding: 0;
}

.dropdown {
  border-bottom: 1px none var(--logo-green);
  color: var(--logo-green);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
}

.dropdown:hover {
  border-bottom: 1px solid var(--logo-green);
}

.areas-link {
  color: var(--black);
  padding: 10px 20px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.areas-link:hover {
  border-bottom: 1px solid var(--logo-green);
}

.areas-link.w--current {
  border-bottom: 1px solid var(--logo-green);
  color: var(--logo-green);
}

.home-link {
  border-bottom: 1px solid var(--white);
  color: #000;
  padding: 10px 20px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.home-link:hover {
  border-bottom-color: var(--logo-green);
}

.home-link.w--current {
  border-bottom: 1px solid var(--logo-green);
  color: var(--logo-green);
}

.home-link.w--current:hover {
  border-bottom-style: solid;
  border-bottom-color: var(--logo-green);
}

.home-link.home {
  border-bottom: 1px solid var(--logo-green);
  color: var(--logo-green);
}

.dropdown-list {
  background-color: #cfc3c3;
}

.dropdown-list.w--open {
  background-color: #fff;
  top: 42px;
  left: 5px;
}

.list-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

._4-img-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  margin-top: 40px;
  display: grid;
}

.image-1 {
  background-image: url('../images/fb2.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.image-2 {
  background-image: url('../images/fb5.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.image-3 {
  background-image: url('../images/fb3.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.image-4 {
  background-image: url('../images/fb1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.land-clearance {
  background-image: url('../images/e69eabc2-c9ce-4e65-98de-1c58f6959472.webp');
  background-position: 50% 25%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
}

.new-driveway {
  background-image: url('../images/280559364_557220929148066_8415570184400631371_n.webp');
  background-position: 50% 5%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
}

.home-services-text-2 {
  text-align: right;
  width: 100%;
}

.h3-head {
  border-bottom: 2px solid #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.home-services-text-3, .home-services-text-5, .home-services-text-4, .home-services-text-6 {
  width: 100%;
}

.artificial-grass {
  background-image: url('../images/282103347_559861112217381_8371031091455494142_n-1.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
  display: flex;
}

.fencing {
  background-image: url('../images/ban1.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
}

.garden-patios {
  background-image: url('../images/ban2.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.h1 {
  border-bottom: 2px solid var(--white);
  text-align: center;
  background-color: #2d5d141c;
  border-radius: 11px;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 20px;
  font-family: Exo, sans-serif;
  font-size: 36px;
  line-height: 48px;
}

.h1.black-line {
  border-bottom-color: var(--black);
}

.h1.banner {
  background-color: #ffffffd9;
  width: 90%;
  margin-top: auto;
  padding-top: 20px;
}

.h2 {
  text-align: center;
  border-bottom: 2px solid #000;
  margin-bottom: 40px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Exo, sans-serif;
}

.h2._0t {
  margin-top: 0;
}

.h2._0t._0 {
  padding-left: 0;
  padding-right: 0;
}

.h2-w {
  text-align: left;
  border-bottom: 2px solid #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Exo, sans-serif;
}

.h2-w._30b {
  margin-bottom: 30px;
}

.hyperlink {
  color: var(--logo-green);
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}

.text-span-5 {
  color: var(--logo-green);
  font-family: "Pro Solid 900", Arial, sans-serif;
}

.tel-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  font-family: "Pro Solid 900", Arial, sans-serif;
  line-height: 35px;
  text-decoration: none;
  display: inline-flex;
}

.text-span-7 {
  font-family: "Pro Solid 900", Arial, sans-serif;
}

._2x1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  margin-bottom: 30px;
  display: grid;
}

._2x1.garden-paving, ._2x1._0b {
  margin-bottom: 0;
}

.services-home-section {
  background-color: #f3f3f3;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

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

.bleed-div-left {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.link-style-footer {
  color: var(--logo-green);
  font-family: Exo, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.call-section {
  background-color: #f3f3f3;
  width: 100%;
  padding-top: 0;
  padding-bottom: 100px;
}

.call-section._2 {
  padding-top: 100px;
}

.fb-html {
  width: 100%;
}

.fb-div {
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
}

.facebook {
  z-index: 4;
  background-color: var(--logo-green);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  font-family: "Brands 400", Arial, sans-serif;
  font-size: 35px;
  display: flex;
  position: relative;
}

.dropdown-link {
  border-bottom: 1px solid #e8e8e8;
  font-family: Exo, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.dropdown-link:hover {
  background-color: var(--logo-green);
  color: var(--white);
}

.dropdown-link.w--current {
  background-color: var(--logo-green);
  color: var(--white);
  font-family: Exo, sans-serif;
}

.facebook-link {
  margin-bottom: 10px;
  text-decoration: none;
}

.services-home-text-bleed-footer {
  z-index: 1;
  background-color: #fff;
  border-radius: 10px;
  padding: 60px;
  display: block;
  position: static;
}

.services-4-box-grid {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.text-block-6 {
  font-family: Exo, sans-serif;
}

.p-services-home {
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  font-family: Exo, sans-serif;
}

.list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.list._10b {
  margin-bottom: 10px;
}

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

.bleed-div-left-tree {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.land-co {
  background-color: var(--black);
  color: var(--white);
  padding-top: 200px;
  padding-bottom: 60px;
}

.land-co.non {
  padding-top: 60px;
}

.button-2 {
  z-index: 5;
  background-color: var(--logo-green);
  border-radius: 5px;
  margin-top: 20px;
  position: relative;
}

.button-2:hover {
  background-color: #4b862c;
}

.services-img-1-mob {
  background-image: url('../images/262434014.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: none;
}

.home-services-image-3-mob {
  background-image: url('../images/161855077.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: none;
}

.service-img-5-mob {
  background-image: url('../images/214681421.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
  display: none;
}

.body-div-horizontal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.link-2, .link-3 {
  color: var(--logo-green);
  font-family: Exo, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

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

.areas-map {
  width: 800px;
  height: 500px;
}

.areas-section {
  background-color: #f3f3f3;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.text-span-8 {
  color: var(--dark-green);
  font-size: 20px;
}

.text-span-9 {
  color: var(--dark-green);
  font-size: 25px;
}

.services-home-section-southampton {
  background-color: #f3f3f3;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

.list-3 {
  z-index: 2;
  width: 100%;
  margin-top: 10px;
  padding-left: 0;
  list-style-type: none;
  position: relative;
}

.img {
  background-image: url('../images/landscaping.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  min-height: 300px;
}

.img.sh3 {
  background-image: url('../images/305971011.jpg');
}

.img.sh2 {
  background-image: url('../images/354345142.webp');
}

.img.sh1 {
  background-image: url('../images/63134922.jpg');
}

.img.southampton {
  background-image: url('../images/327878529.jpg');
}

.img.nf0 {
  background-image: url('../images/328577222_3082130361933146_5762757438916812881_n.webp');
  background-position: 50% 29%;
  min-height: 400px;
}

.img.nf1 {
  background-image: url('../images/262434014.jpg');
}

.img.hamp {
  background-image: url('../images/22151354.jpg');
}

.img.hamp2 {
  background-image: url('../images/77546533.jpg');
}

.img.hamp3 {
  background-image: url('../images/274320003.jpg');
}

.img.hamp4 {
  background-image: url('../images/374090310.jpg');
}

.img.hamp5 {
  background-image: url('../images/94244829.jpg');
}

.new-forest-section1 {
  background-color: var(--logo-green);
  color: var(--white);
  padding-top: 60px;
  padding-bottom: 60px;
}

.new-forest-section2 {
  background-color: #f3f3f3;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

.text-span-10 {
  color: var(--dark-green);
  font-size: 25px;
}

.foresttxt2 {
  background-image: url('../images/77546533.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.foresttxt3 {
  background-image: url('../images/fb5.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.foresttxt4 {
  background-image: url('../images/274320003.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.foresttxt5 {
  background-image: url('../images/214681421.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.foresttxt6 {
  background-image: url('../images/fb4.webp');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.foresttxt7 {
  background-image: url('../images/204770026a.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.site-map-section {
  background-color: #f3f3f3;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.text-block-7 {
  text-align: center;
  font-family: Exo, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.site-map-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  display: grid;
}

.body-div-site-map {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.body-div-site-map.left {
  justify-content: center;
  align-items: flex-start;
}

.bleed-div-top {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.contct-map {
  width: 100%;
  margin-bottom: 20px;
}

.green-icon {
  background-color: var(--logo-green);
  border-radius: 40px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

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

.contact-icon {
  height: 100%;
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: "Pro Solid 900", Arial, sans-serif;
  font-size: 35px;
  text-decoration: none;
  display: flex;
}

.contact-text-block {
  text-align: center;
  padding-top: 20px;
  font-family: Exo, sans-serif;
}

.text-span-11 {
  color: var(--logo-green);
  font-family: Exo, sans-serif;
  font-size: 25px;
  text-decoration: underline;
}

.contact-link {
  color: var(--logo-green);
  font-family: Exo, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.link-block, .link-block-2 {
  text-decoration: none;
}

.dropdown-list-services {
  background-color: #cfc3c3;
}

.dropdown-list-services.w--open {
  background-color: #fff;
  top: 42px;
  left: 0;
}

.dropdown-services-page {
  border-bottom: 1px solid var(--logo-green);
  color: var(--logo-green);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
}

.dropdown-services-page:hover {
  border-bottom: 1px solid var(--logo-green);
}

.driveways-content1 {
  background-color: var(--logo-green);
  color: var(--white);
  padding-top: 200px;
  padding-bottom: 60px;
}

.driveways-content {
  background-color: #f3f3f3;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

.home-services-text-5-drivewways {
  width: 100%;
}

.bleed-div-driveways {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.bleed-div-left-landscap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.grass-content {
  background-color: #f3f3f3;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

.drivewayimg1 {
  background-image: url('../images/288618458_584567583080067_5749412253007464151_n.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.drivewayimg2 {
  background-image: url('../images/294607499_604920087711483_1227173095211533183_n.webp');
  background-position: 50% 25%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.drivewayimg3 {
  background-image: url('../images/5869f43f-dbb6-46de-889b-84d4f2eafb36-002.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.drivewayimg4 {
  background-image: url('../images/289420184_584567546413404_1470026022239848383_n.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.fencingimg1 {
  background-image: url('../images/309375613_537151175079332_4614943465323465601_n.webp');
  background-position: 50% 36%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.fencingimg2 {
  background-image: url('../images/103643325_172199004316929_7680068757865528115_n.webp');
  background-position: 25% 25%;
  background-size: auto;
  border-radius: 5px;
  width: 100%;
  height: 320px;
}

.fencingimg3 {
  background-image: url('../images/65442150.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
}

.fencingimg4 {
  background-image: url('../images/81951938_103730514497112_3426317500483108864_n.webp');
  background-position: 50% 35%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
  display: flex;
}

.fencingimg5 {
  background-image: url('../images/81964716_103730227830474_4752517725480288256_n.webp');
  background-position: 0 0;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 320px;
}

.landscimg1 {
  background-image: url('../images/288947410_584454189758073_2344686468658159344_n.webp');
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.landscimg2 {
  background-image: url('../images/82035153_103729791163851_8077494424642256896_n.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.landscimg3 {
  background-image: url('../images/310556112_540650378062745_7962073071710724122_n.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.landscimg4 {
  background-image: url('../images/82461908_103730697830427_3235866487231086592_n.webp');
  background-position: 50% 25%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.landscimg5 {
  background-image: url('../images/82310933_103660734504090_1306792955708702720_n.webp');
  background-position: 50% 25%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.landscimg6 {
  background-image: url('../images/81869013_103730041163826_1625071451344207872_n.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.grassimg1 {
  background-image: url('../images/313187537_548207220640394_312159849165648339_n.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 400px;
}

.grassimg2 {
  background-image: url('../images/139862740.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.grassimg3 {
  background-image: url('../images/f394ce75-8aaf-4413-9fd8-1a591b07de29.webp');
  background-position: 50% 15%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.grassimg4 {
  background-image: url('../images/329075985_534306965468467_7370579017521157511_n.webp');
  background-position: 50% 25%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.pavingimg1 {
  background-image: url('../images/82522757_103730011163829_1044474658419638272_n.webp');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.pavingimg2 {
  background-image: url('../images/222539571.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.pavingimg2.site {
  background-image: url('../images/Site-Maintenance-p-1080.webp');
}

.pavingimg2.foundation {
  background-image: url('../images/Foundations_1945504604.webp');
}

.pavingimg2.build {
  background-image: url('../images/67563454.jpg');
}

.pavingimg2.oversight {
  background-image: url('../images/Oversight_368423878.webp');
}

.pavingimg2.single {
  background-image: url('../images/Single-Storey_876852906.webp');
}

.pavingimg2.resident {
  background-image: url('../images/Residential-brick_2093614396.webp');
}

.pavingimg2.garden {
  background-image: url('../images/garden-wals_422410419.webp');
}

.pavingimg2.structure {
  background-image: url('../images/structural_2043468086.webp');
}

.pavingimg2.comm {
  background-image: url('../images/commerical_1916727135.webp');
}

.pavingimg2.repair {
  background-image: url('../images/historiv_2032299532.webp');
}

.pavingimg2.kitchen {
  background-image: url('../images/Prop-Refurb-banner_141466055.webp');
}

.pavingimg2.full {
  background-image: url('../images/full-house_75794950.webp');
}

.pavingimg2.internal {
  background-image: url('../images/AdobeStoc_2100525666.webp');
}

.pavingimg3 {
  background-image: url('../images/81676948_103730161163814_2909008171651563520_n.webp');
  background-position: 50% 35%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.pavingimg3.double {
  background-image: url('../images/Double-Storey_966139117.webp');
}

.pavingimg4 {
  background-image: url('../images/81883343_103729821163848_4927855706595393536_n.webp');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.pavingimg4.rear {
  background-image: url('../images/rear-extensions_1357085522.webp');
}

.pavingimg5 {
  background-image: url('../images/Refurbismhent_127958379.webp');
  background-position: 50% 25%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.pavingimg5.wrap {
  background-image: url('../images/wraparound-extension_1401986620.webp');
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.body-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.grassbleed1 {
  z-index: 1;
  width: auto;
  min-height: 400px;
  color: var(--black);
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  position: static;
}

.box {
  z-index: 1;
  width: 100%;
  min-height: 320px;
  color: var(--black);
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 40px;
  font-family: Exo, sans-serif;
  display: flex;
}

.box._0b {
  margin-bottom: 0;
}

.box.auto {
  min-height: auto;
  margin-bottom: 30px;
  display: block;
}

.box.auto._0b {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.box.auto._100 {
  margin-bottom: 0;
}

.box.areas {
  min-height: 500px;
}

.box._0 {
  min-height: auto;
  margin-bottom: 30px;
}

.gallery-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  display: grid;
}

.lightbox-link, .image-6 {
  width: 100%;
  height: 100%;
}

.reviews-div {
  width: 70%;
  max-width: 70%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.reviews-div.left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.slider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  display: flex;
  box-shadow: 14px 14px 20px -3px #0000001a;
}

.slider-txt {
  background-image: linear-gradient(#efefef, #f4f4f4 70%, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: Exo, sans-serif;
  font-size: 25px;
  line-height: 30px;
  display: flex;
}

.text-span-12 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  font-size: 17px;
  font-style: italic;
  display: flex;
}

.left-arrow {
  width: 50px;
  inset: 0% auto 0% 0%;
}

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

.right-arrow {
  width: 50px;
  margin-left: 0;
}

.slider-arrow {
  color: var(--logo-green);
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 30px;
  top: auto;
}

.test-grp {
  width: 100%;
  height: 100%;
}

.mask {
  background-image: linear-gradient(#efefef, #f4f4f4 70%, #fff);
  width: 100%;
}

.list-item-41, .list-item-42, .list-item-43, .list-item-44, .list-item-45, .list-item-46, .list-item-47, .list-item-48, .list-item-49, .list-item-50 {
  font-family: Exo, sans-serif;
}

.h3list {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Exo, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
}

._100 {
  width: 100%;
}

.fs-cc-manager_icon {
  width: 32px;
  height: 32px;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-banner_close-icon {
  width: 24px;
  height: 24px;
  color: var(--grey);
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 576px;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: 10px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: -12px -12px auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.fs-cc-banner_button {
  border: 2px solid var(--logo-green);
  background-color: var(--logo-green);
  color: #fff;
  text-align: center;
  border-radius: 500px;
  min-width: 140px;
  margin-left: 16px;
  padding: 10px 20px;
  font-size: 16px;
}

.fs-cc-banner_button.fs-cc-button-alt {
  border-color: var(--dark-green);
  color: var(--dark-green);
  background-color: #f5f5f5;
}

.fs-cc-manager_component {
  z-index: 999;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-cc-prefs_title {
  color: var(--black);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 16px;
  padding-bottom: 16px;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  margin-left: 12px;
  padding: 10px;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 40px;
}

.fs-cc-prefs_button {
  border: 2px solid var(--logo-green);
  background-color: var(--logo-green);
  border-radius: 500px;
  margin-right: 8px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  border-color: var(--dark-green);
  color: var(--dark-green);
  background-color: #fff;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999px;
  width: 44px;
  height: 24px;
  margin-bottom: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.fs-cc-banner_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_close-icon {
  width: 16px;
  height: 16px;
  color: var(--black);
  display: flex;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_text {
  color: var(--black);
  font-size: 12px;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_text {
  color: #616161;
  margin-right: 24px;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 32px;
  margin-right: -8px;
  display: flex;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 40px 32px;
  overflow: scroll;
}

.fs-cc-prefs_space-small {
  margin-bottom: 12px;
}

.fs-cc-prefs_label {
  color: var(--logo-green);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid var(--dark-green);
  color: var(--dark-green);
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  flex-direction: column;
  padding: 10px;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-banner_component {
  z-index: 998;
  background-color: #f5f6ff;
  border-top: 1px solid #4353ff29;
  padding: 24px 32px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.google-reviews {
  display: none;
}

.live-chat-top-text {
  color: var(--logo-green);
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  position: static;
}

.live-chat-top-text.block {
  color: var(--logo-green);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
}

.whatsapp-block {
  z-index: 30;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 20px;
  margin-right: 20px;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.live-icon {
  background-color: #00b94a;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 2px auto auto 2px;
}

.live-chat-bottom-text {
  font-size: 10px;
}

.live-chat-bottom-text.block {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 24px;
}

.live-chat-bottom-text.bold {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
}

.chat-section {
  background-color: var(--logo-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  padding: 16px 20px;
  display: flex;
  position: relative;
}

.small-whatsapp-icon {
  margin-right: 10px;
}

.live-chat-text {
  color: #fff;
  text-decoration: none;
}

.live-chat-link {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.chat-block {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 15px;
}

.whatsapp-container {
  z-index: 30;
  background-color: var(--logo-green);
  cursor: pointer;
  border: 1px solid #ffffff4d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  transition: all .3s cubic-bezier(.45, .182, .111, .989);
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.whatsapp-container:hover {
  background-color: var(--dark-green);
  transform: scale(1.05);
}

.whatsapp-chat {
  background-color: #fff;
  border: 1px solid #00000029;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 300px;
  max-width: 300px;
  height: 315px;
  margin-bottom: 16px;
  display: none;
  overflow: hidden;
}

.livechat-button {
  background-color: var(--logo-green);
  cursor: pointer;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 42px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

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

.top-section-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.live-icon-chat {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.footer-map-div {
  background-image: url('../images/soton-map.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 150%;
}

.tree-surgery {
  background-image: url('../images/312946433_548207250640391_5663036305695053334_n.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
}

.drivewayimg5 {
  background-image: url('../images/tarmac.webp');
  background-position: 50% 75%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
  display: flex;
}

.contact-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 40px;
  padding: 30px;
  display: grid;
}

.fa-icon {
  color: #fff;
  background-color: #420109;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 15px;
  display: flex;
}

.fa-icon.green {
  color: #420109;
  background-color: #f8e7c9;
}

.fa-icon.green.large {
  width: 60px;
  height: 60px;
  color: var(--logo-green);
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  font-family: "Pro Solid 900", Arial, sans-serif;
  font-size: 40px;
  transition: all .2s;
}

.fa-icon.green.large:hover {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
}

.fa-icon.list {
  background-color: var(--logo-green);
  border-radius: 11%;
  width: 20px;
  height: 20px;
  padding-left: 0;
  font-family: "Pro Solid 900", Arial, sans-serif;
  font-size: 12px;
  display: inline-flex;
}

.logo-img {
  width: 100px;
}

.logo-img.large {
  width: 160px;
}

.heading {
  color: #212121;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-weight: 400;
}

.heading.green {
  color: var(--logo-green);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.review-block {
  margin-right: 10px;
  text-decoration: none;
}

.review-block.google {
  border-bottom: 7px solid var(--logo-green);
  background-color: #fff;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-top: 40px;
  margin-right: 0;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.sticky-div {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.side-icon {
  border: 1px solid var(--white);
  background-color: var(--logo-green);
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  font-family: "Pro Solid 900", Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 3px 6px #00000080;
}

.side-icon:hover {
  background-color: var(--dark-green);
}

.side-icon.fb {
  font-family: "Brands 400", Arial, sans-serif;
}

.icon-2 {
  margin-right: 20px;
}

.nav-toggle {
  border-bottom: 1px solid var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-toggle:hover {
  border-bottom-color: var(--logo-green);
}

.dropdown-list-2 {
  background-color: var(--black);
}

.dropdown-list-2.w--open {
  background-color: var(--white);
}

.nav-bar-link {
  border-bottom: 1px solid var(--black);
  color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-bar-link:hover {
  border-bottom-color: var(--logo-green);
}

.nav-bar-link.w--current {
  color: var(--logo-green);
}

.nav-bar-link.home {
  border-bottom-color: var(--logo-green);
  color: var(--logo-green);
}

.navbar-2 {
  background-color: var(--black);
}

.text-block-8 {
  color: var(--white);
}

.google-reviews-div {
  width: 90%;
  max-width: 1200px;
  padding-top: 60px;
}

.icon-3 {
  color: var(--white);
}

.construction {
  background-image: url('../images/Construction-2_119547079.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.exte {
  background-image: url('../images/Home-extenasion-2_1031908537.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.brick {
  background-image: url('../images/Bricklaying_2112404526.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.proper {
  background-image: url('../images/Prop-Refurb-banner_141466055.webp');
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  min-height: 320px;
}

.construction-img {
  background-image: url('../images/Construction-_182791397.webp');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.land-co-copy {
  background-color: var(--black);
  color: var(--white);
  padding-top: 200px;
  padding-bottom: 60px;
}

.land-co-copy.non {
  padding-top: 60px;
}

.homext {
  background-image: url('../images/Home-Extensions-Page-1_644272920.webp');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.bricklay {
  background-image: url('../images/Bricklay-banner_1999147924.webp');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.prop-refurb {
  background-image: url('../images/Prop-Refurb-2_1911067313.webp');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.icon-4 {
  color: var(--white);
}

@media screen and (min-width: 1920px) {
  .whatsapp-chat {
    display: none;
  }

  .livechat-button {
    transition: all .2s;
  }

  .livechat-button:hover {
    background-color: #000;
    transform: scale(1.05);
  }
}

@media screen and (max-width: 991px) {
  .tel-email-div {
    padding-right: 0;
  }

  .navbar {
    width: 500px;
  }

  .hero-section {
    min-height: 450px;
  }

  .body-div {
    width: 100%;
  }

  ._4-box-div.grass, ._4-box-div.patio, ._4-box-div.landscaping, ._4-box-div.fencing, ._4-box-div.driveways, ._4-box-div.construct, ._4-box-div.home, ._4-box-div.brick, ._4-box-div.refurb, ._4-box-div.areas {
    width: 90%;
    height: 150px;
  }

  ._2-col-60-35 {
    flex-flow: column;
    grid-template-columns: 2fr 2fr;
    width: 90%;
    display: flex;
  }

  .lrg-img {
    width: 100%;
    height: 350px;
    margin-bottom: 30px;
  }

  .white-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-form, .h3 {
    width: 90%;
  }

  .map-div {
    flex-flow: column;
    grid-template-columns: 1fr;
    width: 90%;
    min-height: auto;
    margin-top: 0;
    display: flex;
  }

  .footer-text {
    margin-bottom: 40px;
    padding-top: 60px;
  }

  .home-link.home {
    border-bottom-width: 0;
  }

  .dropdown-list.w--open {
    left: 0;
  }

  ._4-img-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    height: auto;
    margin-bottom: 30px;
  }

  .image-1, .image-3 {
    height: 200px;
  }

  .home-services-text-6 {
    height: 100%;
  }

  .h1 {
    text-align: center;
    width: 90%;
    margin-top: 0;
  }

  .h2 {
    margin-top: 0;
  }

  ._2x1 {
    justify-items: center;
    width: 90%;
  }

  ._2x1.garden-paving {
    align-items: center;
    padding-top: 0;
  }

  ._2x1._0b {
    grid-template-columns: 1fr;
  }

  ._2x1.last-0b {
    margin-bottom: 0;
  }

  .bleed-div {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }

  .bleed-div-left {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .call-section {
    padding-bottom: 60px;
  }

  .call-section.top-pad {
    padding-top: 60px;
  }

  .fb-div {
    padding-top: 0;
  }

  .facebook {
    margin-top: 10px;
  }

  .dropdown-link {
    text-align: right;
    border-bottom-width: 0;
    width: 100%;
  }

  .services-home-text-bleed-footer {
    width: 100%;
    display: block;
  }

  .services-4-box-grid {
    grid-column-gap: 10px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
    place-items: center;
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    left: -146px;
  }

  .menu-button.w--open {
    background-color: #fff;
  }

  .icon {
    color: var(--logo-green);
  }

  .p-services-home {
    width: 90%;
  }

  .bleed-div-left-tree {
    height: 100%;
  }

  .button-2 {
    margin-top: 20px;
  }

  .body-div-horizontal {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .areas-map {
    width: 100%;
    height: 500px;
  }

  .areas-section {
    padding-bottom: 0;
  }

  .img.southampton {
    min-height: 400px;
    margin-bottom: 30px;
  }

  .img.nf0 {
    width: 90%;
  }

  .img.hamp {
    min-height: 400px;
    margin-bottom: 30px;
  }

  .body-div-site-map {
    width: 90%;
  }

  .bleed-div-top {
    align-items: flex-start;
    height: 100%;
    margin-right: 20px;
    display: flex;
  }

  .dropdown-list-services.w--open {
    left: 0;
  }

  .dropdown-services-page {
    width: 100%;
  }

  .bleed-div-driveways {
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-right: 20px;
    display: flex;
  }

  .bleed-div-left-landscap {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .drivewayimg1 {
    width: 100%;
    margin-bottom: 40px;
  }

  .fencingimg1 {
    margin-bottom: 40px;
  }

  .landscimg1 {
    margin-bottom: 30px;
  }

  .grassimg1 {
    width: 100%;
    height: 400px;
  }

  .pavingimg1 {
    margin-bottom: 40px;
  }

  .grassbleed1 {
    height: 25%;
    display: none;
  }

  .box {
    text-align: left;
    width: 100%;
    height: auto;
    padding: 30px;
  }

  .box.auto._0b {
    width: 100%;
  }

  .box.auto._100 {
    margin-bottom: 0;
  }

  .box.auto._90 {
    width: 90%;
  }

  .box._100 {
    width: 100%;
  }

  .box.areas {
    min-height: auto;
  }

  .gallery-grid {
    width: 80%;
  }

  .reviews-div.left {
    width: 90%;
    max-width: 90%;
  }

  .slider {
    width: 100%;
  }

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

  .right-arrow {
    background-image: linear-gradient(#efefef, #f4f4f4 70%, #fff);
  }

  .slide {
    background-image: linear-gradient(#ececec, #fff);
  }

  .test-grp {
    background-image: linear-gradient(#e7e7e7, #fff);
  }

  .whatsapp-block {
    display: flex;
  }

  .footer-map-div {
    min-height: 400px;
    margin-bottom: 20px;
  }

  .tree-surgery {
    min-height: 400px;
    margin-top: 30px;
  }

  .contact-block {
    width: 90%;
    margin-top: 0;
  }

  .nav-toggle {
    border-bottom-width: 0;
    width: 100%;
  }

  .nav-toggle:hover {
    background-color: var(--logo-green);
    color: var(--white);
  }

  .nav-dropdown {
    width: 100%;
  }

  .dropdown-list-2.w--open {
    position: relative;
  }

  .nav-bar-link {
    color: var(--black);
    text-align: right;
    border-bottom-width: 0;
  }

  .nav-bar-link:hover {
    background-color: var(--logo-green);
    color: var(--white);
  }

  .nav-bar-link.home {
    text-align: right;
    border-bottom-width: 0;
  }

  .navbar-2 {
    width: 100%;
    color: var(--white);
  }

  .menu-button-2.w--open {
    background-color: var(--white);
    color: var(--logo-green);
    margin-top: 0;
  }

  .text-block-8 {
    color: var(--black);
    text-align: right;
  }

  .text-block-8:hover {
    color: var(--white);
  }

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

  .construction-img, .homext, .bricklay, .prop-refurb {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .top-section {
    padding-bottom: 0;
  }

  .top-div {
    text-align: center;
    width: 100%;
    display: block;
  }

  .nav-div {
    text-align: center;
    align-items: center;
    width: 100%;
  }

  .tel-email-div {
    text-align: center;
    justify-content: center;
    width: 90%;
    padding-right: 0;
  }

  .nav-link {
    justify-content: center;
    display: flex;
  }

  .nav-link:hover {
    background-color: var(--logo-green);
    color: #fff;
  }

  .navbar {
    width: 100%;
  }

  .hero-section {
    min-height: 500px;
  }

  ._4-box-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  ._4-box-div.grass {
    width: 90%;
    margin-bottom: 10px;
  }

  ._4-box-div.patio {
    width: 90%;
  }

  ._4-box-div.landscaping, ._4-box-div.fencing {
    width: 90%;
    margin-bottom: 10px;
  }

  ._4-box-div.driveways {
    width: 90%;
    margin-bottom: 10px;
    padding-top: 0;
  }

  ._4-box-div.construct, ._4-box-div.home, ._4-box-div.brick, ._4-box-div.refurb, ._4-box-div.areas {
    width: 90%;
  }

  .text-block {
    font-size: 18px;
  }

  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  ._2-col-60-35 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
    justify-items: center;
  }

  .lrg-img {
    min-height: auto;
    margin-left: 0;
  }

  .white-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .white-section._0b {
    padding-top: 250px;
  }

  .landscaping-heading {
    margin-bottom: 30px;
  }

  .black-section {
    padding-top: 250px;
  }

  .h3 {
    width: 90%;
  }

  .map-div {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 0;
  }

  .footer-text {
    width: 90%;
    margin-bottom: 50px;
    padding-top: 30px;
  }

  .dropdown-toggle {
    text-align: center;
    width: 100%;
    height: 100%;
  }

  .dropdown-toggle:hover, .dropdown-toggle:active {
    color: #fff;
  }

  .dropdown-toggle.w--open {
    height: 100%;
  }

  .dropdown {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .dropdown:hover {
    background-color: var(--logo-green);
    color: #fff;
  }

  .areas-link {
    justify-content: center;
    display: flex;
  }

  .areas-link:hover {
    background-color: var(--logo-green);
    color: #fff;
  }

  .home-link {
    background-color: #fff;
    justify-content: center;
    display: flex;
  }

  .home-link:hover {
    background-color: var(--logo-green);
    color: #fff;
  }

  .dropdown-list.w--open {
    flex-direction: column;
    flex: 0 auto;
    display: flex;
    inset: 100% 0% auto;
  }

  .land-clearance {
    margin-top: 20px;
    display: none;
  }

  .home-services-text-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .artificial-grass, .garden-patios {
    margin-top: 20px;
    display: none;
  }

  .h1 {
    width: 90%;
    font-size: 30px;
    line-height: 40px;
  }

  .h2 {
    width: 60%;
    font-size: 32px;
    line-height: 42px;
  }

  .h2-w {
    text-align: center;
  }

  .hyperlink {
    flex-direction: column;
    width: auto;
  }

  ._2x1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: center;
    padding-top: 0;
  }

  ._2x1.garden-paving {
    display: block;
  }

  ._2x1.rvs {
    flex-flow: column-reverse;
    align-items: center;
    display: flex;
  }

  ._2x1.rvs.last0b {
    margin-bottom: 0;
  }

  .services-home-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bleed-div {
    background-color: var(--white);
    text-align: center;
    border-radius: 5px;
    align-items: center;
    width: 100%;
    margin-right: 0;
  }

  .footer-links-div {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .call-section {
    padding-bottom: 40px;
  }

  .call-section._2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .call-section.top-pad {
    padding-top: 40px;
  }

  .dropdown-link {
    text-align: center;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: block;
  }

  .services-home-text-bleed-footer {
    text-align: center;
    padding: 0;
  }

  .services-4-box-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 146px;
    display: flex;
    position: absolute;
  }

  .menu-button {
    background-color: #fff;
    width: 100%;
  }

  .menu-button.w--open {
    width: 100%;
    color: var(--logo-green);
    background-color: #fff;
  }

  .co-logo {
    margin-bottom: 20px;
  }

  .text-block-6 {
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    display: flex;
  }

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

  .p-services-home {
    text-align: center;
    width: 90%;
  }

  .land-co {
    padding-top: 250px;
    padding-bottom: 40px;
  }

  .services-img-1-mob {
    background-image: url('../images/262434014.jpg');
    margin-top: 20px;
    display: block;
  }

  .services-img-1-mob.closeboard {
    background-image: url('../images/101474365.jpg');
  }

  .services-img-1-mob.ag1 {
    background-image: url('../images/139862740.jpg');
  }

  .services-img-1-mob.natural-stone {
    background-image: url('../images/222539571.jpg');
  }

  .home-services-image-3-mob {
    background-image: url('../images/artificial-grass.JPG');
    background-position: 50%;
  }

  .home-services-image-3-mob.trellis {
    background-image: url('../images/93734082.webp');
  }

  .home-services-image-3-mob.ol {
    background-image: url('../images/22151354.jpg');
    display: none;
  }

  .home-services-image-3-mob.ts {
    background-image: url('../images/123372861.jpg');
  }

  .home-services-image-3-mob.landscaping {
    background-image: url('../images/118550598.jpg');
  }

  .home-services-image-3-mob.ag2 {
    background-image: url('../images/161855077.jpg');
  }

  .home-services-image-3-mob.travertine {
    background-image: url('../images/163840012.jpg');
  }

  .service-img-5-mob {
    background-image: url('../images/Paving--Patio-SB.webp');
    background-position: 50% 15%;
    display: block;
  }

  .areas-map {
    height: 400px;
  }

  .areas-section {
    padding-top: 250px;
  }

  .services-home-section-southampton {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .img {
    min-height: 250px;
  }

  .img.southampton, .img.nf0, .img.hamp {
    min-height: 350px;
  }

  .new-forest-section1, .new-forest-section2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .site-map-section {
    padding-top: 250px;
  }

  .bleed-div-top {
    background-color: var(--white);
    text-align: center;
    border-radius: 5px;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    margin-right: 0;
    display: none;
  }

  .green-icon {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
  }

  .contact-icon {
    font-size: 30px;
    line-height: 30px;
  }

  .dropdown-list-services.w--open {
    flex-direction: column;
    flex: 0 auto;
    display: flex;
    inset: 100% 0% auto;
  }

  .dropdown-services-page {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .dropdown-services-page:hover {
    background-color: var(--logo-green);
    color: #fff;
  }

  .driveways-content1 {
    padding-top: 250px;
    padding-bottom: 40px;
  }

  .driveways-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bleed-div-driveways {
    background-color: var(--white);
    text-align: center;
    border-radius: 5px;
    align-items: center;
    width: 100%;
    margin-right: 0;
  }

  .grass-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .drivewayimg1 {
    width: 100%;
    min-height: 350px;
    margin-left: 0;
  }

  .drivewayimg2, .drivewayimg4 {
    margin-top: 20px;
    display: none;
  }

  .fencingimg1 {
    min-height: 350px;
    margin-bottom: 30px;
    margin-left: 0;
  }

  .fencingimg2, .fencingimg4 {
    margin-top: 20px;
    display: none;
  }

  .landscimg1 {
    min-height: 350px;
    margin-left: 0;
  }

  .landscimg3 {
    display: flex;
  }

  .landscimg4 {
    margin-top: 20px;
    display: none;
  }

  .landscimg5 {
    display: flex;
  }

  .grassimg1 {
    height: 350px;
  }

  .grassimg2, .grassimg4 {
    margin-top: 20px;
    display: none;
  }

  .pavingimg1 {
    min-height: 350px;
    margin-bottom: 30px;
    margin-left: 0;
  }

  .pavingimg2, .pavingimg4 {
    margin-top: 20px;
    display: none;
  }

  .section {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .box {
    min-height: auto;
  }

  .gallery-grid {
    width: 90%;
  }

  .reviews-div {
    width: 100%;
    max-width: 100%;
  }

  .reviews-div.left {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .slider {
    height: 600px;
  }

  .mask {
    width: 100%;
  }

  .fs-cc-banner_button {
    margin-left: 0;
    margin-right: 8px;
  }

  .fs-cc-prefs_title {
    font-size: 20px;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 12px;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner_text-link {
    margin-right: 8px;
  }

  .tree-surgery {
    min-height: 320px;
    margin-top: 20px;
  }

  .drivewayimg5 {
    margin-top: 20px;
    display: none;
  }

  .contact-block {
    margin-top: 0;
    margin-bottom: 0;
  }

  .nav-toggle {
    padding-right: 20px;
  }

  .nav-bar-link, .nav-bar-link.home {
    text-align: center;
  }

  .menu-button-2 {
    width: 100%;
  }

  .text-block-8 {
    text-align: center;
  }

  .construction, .exte, .brick, .proper {
    margin-top: 20px;
    display: none;
  }

  .construction-img {
    min-height: 350px;
    margin-bottom: 30px;
    margin-left: 0;
  }

  .land-co-copy {
    padding-top: 250px;
    padding-bottom: 40px;
  }

  .homext, .bricklay, .prop-refurb {
    min-height: 350px;
    margin-bottom: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .top-section {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .tel-email-div {
    flex-direction: column;
    width: 90%;
    margin-bottom: 0;
    padding-right: 0;
  }

  .navbar {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .top-tel-link {
    padding-top: 10px;
  }

  .hero-section {
    min-height: 550px;
  }

  ._4-box-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .body-div {
    justify-content: flex-start;
    height: 100%;
  }

  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  ._2-col-60-35 {
    align-items: stretch;
  }

  .lrg-img {
    height: 250px;
  }

  .p._0b.list {
    flex-flow: row;
    padding-left: 0;
  }

  .white-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .white-section._0b {
    padding-bottom: 0;
  }

  .black-section {
    padding-top: 270px;
    padding-bottom: 30px;
  }

  .h3 {
    line-height: 30px;
  }

  .footer-text {
    width: 90%;
    margin-bottom: 60px;
  }

  .phone-link {
    font-size: 20px;
  }

  .dropdown {
    flex-direction: column;
  }

  .home-link {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .home-link.home {
    border-bottom-width: 0;
  }

  .dropdown-list.w--open {
    flex-direction: column;
    top: 100%;
  }

  .list-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  ._4-img-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .image-1 {
    height: 250px;
  }

  .image-2 {
    display: none;
  }

  .image-3 {
    height: 250px;
  }

  .image-4 {
    display: none;
  }

  .new-driveway {
    height: 250px;
  }

  .home-services-text-3 {
    margin-top: 0;
  }

  .fencing {
    height: 250px;
  }

  .h1 {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 29px;
  }

  .h2 {
    width: 90%;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 40px;
  }

  .h2-w {
    text-align: center;
    width: 90%;
    font-size: 24px;
    line-height: 32px;
  }

  .tel-icon {
    font-size: 24px;
    line-height: 30px;
  }

  .services-home-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bleed-div {
    width: 100%;
  }

  .call-section {
    padding-bottom: 30px;
  }

  .call-section._2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .call-section.top-pad {
    padding-top: 30px;
  }

  .nav-menu {
    width: 100%;
    margin-left: 0;
    left: 0;
  }

  .menu-button {
    background-color: #fff;
    width: 100%;
  }

  .p-services-home {
    width: 90%;
  }

  .list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    line-height: 25px;
    display: flex;
  }

  .land-co {
    padding-top: 270px;
    padding-bottom: 30px;
  }

  .button-2 {
    margin-top: 15px;
    margin-left: 0;
  }

  .services-img-1-mob {
    background-image: url('../images/262434014.jpg');
    height: 250px;
  }

  .services-img-1-mob.bp1 {
    background-image: url('../images/122500121.jpg');
  }

  .services-img-1-mob.natural-stone {
    min-height: 250px;
  }

  .home-services-image-3-mob {
    background-image: url('../images/artificial-grass.JPG');
    background-size: cover;
    height: 250px;
  }

  .home-services-image-3-mob.shingle {
    background-image: url('../images/fb1.jpg');
  }

  .home-services-image-3-mob.ol {
    background-image: url('../images/22151354.jpg');
  }

  .home-services-image-3-mob.landscaping {
    background-image: url('../images/118550598.jpg');
    background-position: 100%;
  }

  .home-services-image-3-mob.travertine {
    min-height: 250px;
  }

  .service-img-5-mob {
    height: 250px;
  }

  .body-div-horizontal {
    height: 100%;
  }

  .areas-map {
    height: 300px;
  }

  .areas-section {
    padding-top: 270px;
  }

  .services-home-section-southampton {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .img.southampton, .img.nf0, .img.hamp {
    min-height: 250px;
  }

  .new-forest-section1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .foresttxt2, .foresttxt3, .foresttxt4, .foresttxt5, .foresttxt6, .foresttxt7 {
    min-height: 250px;
  }

  .site-map-div {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .bleed-div-top {
    width: 90%;
    display: none;
  }

  .contct-map {
    margin-bottom: 10px;
  }

  .green-icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .contact-icon {
    font-size: 24px;
    line-height: 24px;
  }

  .contact-text-block {
    line-height: 18px;
  }

  .dropdown-list-services.w--open {
    top: 100%;
  }

  .driveways-content1 {
    padding-top: 270px;
    padding-bottom: 30px;
  }

  .driveways-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bleed-div-driveways {
    width: 100%;
  }

  .grass-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .drivewayimg1 {
    height: 250px;
    min-height: auto;
  }

  .drivewayimg3, .fencingimg1 {
    min-height: 250px;
  }

  .fencingimg3, .fencingimg5 {
    height: 250px;
  }

  .landscimg1, .landscimg2, .landscimg3, .landscimg5, .landscimg6 {
    min-height: 250px;
  }

  .grassimg1 {
    height: 250px;
  }

  .grassimg3, .pavingimg1, .pavingimg3, .pavingimg5 {
    min-height: 250px;
  }

  .section {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .box {
    margin-bottom: 0;
    padding: 20px;
  }

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

  .reviews-div.left {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .slider {
    height: 850px;
  }

  .slider-txt {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    line-height: 25px;
  }

  .left-arrow {
    background-image: none;
    height: 60px;
    inset: auto auto 0% 0%;
  }

  .right-arrow {
    background-image: none;
    height: 60px;
    margin-top: auto;
    inset: auto 0% 0% auto;
  }

  .h3list {
    text-align: left;
  }

  .fs-cc-prefs_component {
    padding: 24px;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: 10px;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -22px 10px auto auto;
  }

  .fs-cc-prefs_button {
    margin-bottom: 8px;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-prefs_content {
    padding: 24px;
  }

  .whatsapp-block {
    margin-bottom: 10px;
    margin-right: 10px;
    inset: auto 0% 0% auto;
  }

  .live-icon {
    width: 12px;
    height: 13px;
  }

  .whatsapp-container {
    width: 65px;
    height: 65px;
    bottom: 10px;
    right: 0;
  }

  .whatsapp-chat {
    width: 280px;
    max-width: 280px;
    height: 40vh;
    position: relative;
  }

  .livechat-button {
    width: 90%;
  }

  .footer-map-div {
    background-size: 250%;
    min-height: 250px;
    margin-bottom: 10px;
  }

  .tree-surgery {
    min-height: 250px;
  }

  .contact-block {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    padding: 30px 0;
  }

  .fa-icon.green.large {
    width: 40px;
  }

  .fa-icon.green.large:hover {
    width: 60px;
  }

  .fa-icon.list {
    justify-content: center;
    align-items: center;
    margin-right: 10px;
  }

  .heading.green {
    font-size: 22px;
  }

  .review-block.google {
    width: 280px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-div {
    padding-right: 5px;
  }

  .google-reviews-div {
    padding-top: 20px;
  }

  .construction-img {
    min-height: 250px;
  }

  .land-co-copy {
    padding-top: 270px;
    padding-bottom: 30px;
  }

  .homext, .bricklay, .prop-refurb {
    min-height: 250px;
  }
}

#w-node-_9d001c79-cbda-198d-0857-74af7e7c941c-0f0c7876 {
  place-self: center start;
}

#w-node-_9d001c79-cbda-198d-0857-74af7e7c941e-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-abac1db7-221c-9103-2973-1cfa0e16abbf-0f0c7876, #w-node-f085ccd6-952b-ed7f-3db6-27055c965433-0f0c7876, #w-node-abac1db7-221c-9103-2973-1cfa0e16abe4-0f0c7876, #w-node-abac1db7-221c-9103-2973-1cfa0e16abe5-0f0c7876, #w-node-abac1db7-221c-9103-2973-1cfa0e16abe6-0f0c7876, #w-node-abac1db7-221c-9103-2973-1cfa0e16abe7-0f0c7876, #w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00eb6-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00eb7-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00ec2-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00ec4-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00ece-0f0c7876, #w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00ed0-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00ed1-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00edb-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00edd-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00ee9-0f0c7876, #w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00eeb-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00eec-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00ef7-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_54935d7f-d6f5-f6f1-ce86-65f48fb30f11-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_54935d7f-d6f5-f6f1-ce86-65f48fb30f10-0f0c7876, #w-node-_54935d7f-d6f5-f6f1-ce86-65f48fb30f18-0f0c7876, #w-node-_2a57898a-bf1f-70dd-0c50-4ff65f8fbfb9-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a57898a-bf1f-70dd-0c50-4ff65f8fbfba-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2a57898a-bf1f-70dd-0c50-4ff65f8fbfc1-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_42eaa58d-c739-edc6-b56c-026fa468cabe-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_42eaa58d-c739-edc6-b56c-026fa468cabd-0f0c7876, #w-node-_42eaa58d-c739-edc6-b56c-026fa468cac5-0f0c7876, #w-node-_1618daad-d6c2-aeea-cbca-f961a41ab5ad-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1618daad-d6c2-aeea-cbca-f961a41ab5ae-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1618daad-d6c2-aeea-cbca-f961a41ab5b5-0f0c7876, #w-node-_5b4e0170-868a-6aba-233c-169e03d03931-0f0c7876 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e7aef765-4829-8d4e-317c-ac394d08e8d1-4d08e8ce {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e7aef765-4829-8d4e-317c-ac394d08e8d2-4d08e8ce {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-d26a8e74-bb38-b358-7109-04ea5af7aa25-edfe0186 {
  place-self: center start;
}

#w-node-d26a8e74-bb38-b358-7109-04ea5af7aa27-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f20d1-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f20d2-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f20e4-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f20e6-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f20f4-edfe0186, #w-node-_4260e54d-9833-4fbe-da2f-3942257f20f6-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f20f7-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f2102-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f2104-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f210e-edfe0186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4260e54d-9833-4fbe-da2f-3942257f2110-edfe0186 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center;
}

#w-node-_3ef82263-12bb-affe-f95c-9acc8f233a6e-5c62ffc6 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_77369600-ac70-cdde-658a-b5375c62ffca-5c62ffc6 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center start;
}

#w-node-_647d56d5-b41e-a9a4-20db-b8471e5a5cf3-8d8112aa {
  place-self: center start;
}

#w-node-_647d56d5-b41e-a9a4-20db-b8471e5a5cf5-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156c0-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156c1-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156d3-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156d5-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156e3-8d8112aa, #w-node-_3d8bec05-658f-f363-77ef-6275e1f156e5-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156e6-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156f1-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156f3-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156fd-8d8112aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d8bec05-658f-f363-77ef-6275e1f156ff-8d8112aa {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center;
}

#w-node-f8e62ed3-1ecc-6698-d6ba-4fd755ad37b7-5797b66a {
  place-self: center start;
}

#w-node-f8e62ed3-1ecc-6698-d6ba-4fd755ad37b9-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_63192316-15d9-8ba5-67e0-6f4f51378e98-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_63192316-15d9-8ba5-67e0-6f4f51378e99-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_63192316-15d9-8ba5-67e0-6f4f51378ea1-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c53d616d-3b8c-984c-3143-8d79cf084b97-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-c53d616d-3b8c-984c-3143-8d79cf084ba5-5797b66a, #w-node-c53d616d-3b8c-984c-3143-8d79cf084bbf-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c53d616d-3b8c-984c-3143-8d79cf084bb5-5797b66a, #w-node-_4c0751fa-1989-68e5-4dd8-53ca82927680-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4c0751fa-1989-68e5-4dd8-53ca8292767f-5797b66a, #w-node-_4c0751fa-1989-68e5-4dd8-53ca82927688-5797b66a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0426a4ec-5d09-646f-53e8-281a6a7377c9-dfd193ee {
  place-self: center start;
}

#w-node-_0426a4ec-5d09-646f-53e8-281a6a7377cb-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d34-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d35-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d47-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d49-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d57-dfd193ee, #w-node-_948f143c-8def-b603-d3f0-004b1ca25d59-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d5a-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d65-dfd193ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_948f143c-8def-b603-d3f0-004b1ca25d73-dfd193ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-e0ba51d9 {
  place-self: center start;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b8a-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc21-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc34-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc36-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc44-e0ba51d9, #w-node-acd310a8-b0cb-7a01-0369-28bdee29fc46-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc47-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc52-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc54-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc5e-e0ba51d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b707f43-a656-8328-c91a-d4efac3d1e52-7779db0f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3b707f43-a656-8328-c91a-d4efac3d1e56-7779db0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_9566ef66-777d-6142-f4c7-223aeb214953-7779db0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e359002-f86d-2e10-a42f-2174057aa828-b70804d9 {
  place-self: center start;
}

#w-node-_7e359002-f86d-2e10-a42f-2174057aa82a-b70804d9, #w-node-_863beb30-2772-d0cc-3574-f41110e652b4-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a301372b-a3a1-cab2-368f-310f63bb3d9d-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3b9-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3c6-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-dbb11260-6c38-e099-02c6-ac6a04545c4b-b70804d9, #w-node-_3891a2c6-9b57-aa56-2ddb-2b50a2c7b920-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3d3-b70804d9, #w-node-_620013ab-1c26-2c81-61b8-133d37c9f3df-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3eb-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4e50315-35f3-21c0-efb1-59bed4076969-b70804d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-fc08143f-2025-5165-9497-c59e4d8a222b-cfca49e3 {
  place-self: center start;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96c8-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96d5-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96df-cfca49e3, #w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96e1-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96e2-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96ec-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96ee-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96fa-cfca49e3, #w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96fc-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96fd-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd970a-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c10aaea7-6f4c-680a-6aad-d424b9fd9722-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c3e48e9d-29cc-f635-68b5-3d921c4bcda6-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c3e48e9d-29cc-f635-68b5-3d921c4bcda7-cfca49e3, #w-node-d1ddd274-18fe-9eb1-c95f-a4af3038b855-cfca49e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_82afe0ae-105e-c54c-17dc-9d02220ac903-ac131c44 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_31bfaf68-aefb-8a86-32c9-944465446529-ac131c44, #w-node-_444a5256-c54e-5938-9c55-be6f9c13ce26-ac131c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-b95c7a0c-8a0b-e1fd-3ee8-484585fb8269-03d54d8a, #w-node-c563cf4b-43c6-0a19-7cfc-2ebd8dbe7ddb-03d54d8a, #w-node-fe740b4b-a164-590f-a264-e862b99ac701-03d54d8a, #w-node-_4f0c999f-8bbd-2506-5190-4881d6d1350f-03d54d8a, #w-node-_0b28fdb6-84a9-61b3-b9f8-b8129439d912-03d54d8a, #w-node-_5cfc6f83-552e-8f62-c206-2e09f409fabd-03d54d8a, #w-node-d73f5876-de2c-7ebf-17a9-f78c8aab9c55-03d54d8a, #w-node-b50ef119-fb3c-3d37-937c-3c704a23febe-03d54d8a, #w-node-_628479e2-f0d1-9de6-f1ba-bbdfc3044c6e-03d54d8a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e359002-f86d-2e10-a42f-2174057aa828-a77d098a {
  place-self: center start;
}

#w-node-_7e359002-f86d-2e10-a42f-2174057aa82a-a77d098a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a301372b-a3a1-cab2-368f-310f63bb3d9d-a77d098a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3b9-a77d098a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3c6-a77d098a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-dbb11260-6c38-e099-02c6-ac6a04545c4b-a77d098a, #w-node-_3891a2c6-9b57-aa56-2ddb-2b50a2c7b920-a77d098a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3d3-a77d098a, #w-node-_620013ab-1c26-2c81-61b8-133d37c9f3df-a77d098a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_620013ab-1c26-2c81-61b8-133d37c9f3eb-a77d098a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-5430e3fb {
  place-self: center start;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b8a-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_9f06dd5d-f0ea-12cc-293e-65c8d9c5ae05-5430e3fb {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center start;
}

#w-node-_9f06dd5d-f0ea-12cc-293e-65c8d9c5ae07-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-de20e973-a954-9708-355f-f4779f212c2a-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de20e973-a954-9708-355f-f4779f212c2b-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-de20e973-a954-9708-355f-f4779f212c3a-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d6335843-2023-7dbf-7a12-a64ed3bd72ae-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d6335843-2023-7dbf-7a12-a64ed3bd72ad-5430e3fb, #w-node-d6335843-2023-7dbf-7a12-a64ed3bd72bd-5430e3fb, #w-node-_70fe0f18-8a20-c01c-27c9-7ba2dd356ae7-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70fe0f18-8a20-c01c-27c9-7ba2dd356ae8-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_70fe0f18-8a20-c01c-27c9-7ba2dd356af7-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05b3a07f-23d9-a6f7-dd2d-88aee94e3c55-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_05b3a07f-23d9-a6f7-dd2d-88aee94e3c54-5430e3fb, #w-node-_05b3a07f-23d9-a6f7-dd2d-88aee94e3c64-5430e3fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-732ce170 {
  place-self: center start;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b8a-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc21-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc34-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc36-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc44-732ce170, #w-node-acd310a8-b0cb-7a01-0369-28bdee29fc46-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc47-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc52-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc54-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc5e-732ce170, #w-node-_2aa3c9d2-9450-7200-5630-0bd248566cb8-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2aa3c9d2-9450-7200-5630-0bd248566caf-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b51e54bb-484e-c445-e7b0-5d426e7ce716-732ce170 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-b51e54bb-484e-c445-e7b0-5d426e7ce71f-732ce170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b51e54bb-484e-c445-e7b0-5d426e7ce721-732ce170 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center end;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-376196ce {
  place-self: center start;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b8a-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc21-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc34-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-afab5bbe-6120-61ef-e61a-6fdc245343de-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-afab5bbe-6120-61ef-e61a-6fdc245343dd-376196ce, #w-node-afab5bbe-6120-61ef-e61a-6fdc245343fc-376196ce, #w-node-_80cc48e6-5274-5035-e8ba-2d5f5b6a8d10-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80cc48e6-5274-5035-e8ba-2d5f5b6a8d11-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_80cc48e6-5274-5035-e8ba-2d5f5b6a8d2f-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6850c3f2-4d5c-aee2-5c0e-72876d14c210-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_6850c3f2-4d5c-aee2-5c0e-72876d14c20f-376196ce, #w-node-_6850c3f2-4d5c-aee2-5c0e-72876d14c22e-376196ce, #w-node-_020b9f6f-d647-39c9-3175-8990772ab00c-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_020b9f6f-d647-39c9-3175-8990772ab00d-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_020b9f6f-d647-39c9-3175-8990772ab02b-376196ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-6c450b33 {
  place-self: center start;
}

#w-node-ea39848c-3821-5fa5-692e-8d30426d0b8a-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc21-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-acd310a8-b0cb-7a01-0369-28bdee29fc34-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ce3ab5d5-0500-9d90-e84a-09c1cc4cae98-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ce3ab5d5-0500-9d90-e84a-09c1cc4cae97-6c450b33, #w-node-ce3ab5d5-0500-9d90-e84a-09c1cc4caeb8-6c450b33, #w-node-_155264eb-0df4-f898-35c2-d761c3b64d71-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_155264eb-0df4-f898-35c2-d761c3b64d72-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_155264eb-0df4-f898-35c2-d761c3b64d92-6c450b33 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e7aef765-4829-8d4e-317c-ac394d08e8d1-4d08e8ce, #w-node-_3ef82263-12bb-affe-f95c-9acc8f233a6e-5c62ffc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3b707f43-a656-8328-c91a-d4efac3d1e52-7779db0f {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9d001c79-cbda-198d-0857-74af7e7c941b-0f0c7876, #w-node-_9d001c79-cbda-198d-0857-74af7e7c941c-0f0c7876, #w-node-cb6599a1-d862-bcfb-5cb6-9ba2a3c00eb7-0f0c7876 {
    justify-self: center;
  }

  #w-node-_5b4e0170-868a-6aba-233c-169e03d03931-0f0c7876 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e7aef765-4829-8d4e-317c-ac394d08e8d2-4d08e8ce, #w-node-d26a8e74-bb38-b358-7109-04ea5af7aa24-edfe0186, #w-node-d26a8e74-bb38-b358-7109-04ea5af7aa25-edfe0186, #w-node-_4260e54d-9833-4fbe-da2f-3942257f20d2-edfe0186, #w-node-_77369600-ac70-cdde-658a-b5375c62ffca-5c62ffc6, #w-node-_647d56d5-b41e-a9a4-20db-b8471e5a5cf2-8d8112aa, #w-node-_647d56d5-b41e-a9a4-20db-b8471e5a5cf3-8d8112aa, #w-node-_3d8bec05-658f-f363-77ef-6275e1f156c1-8d8112aa, #w-node-f8e62ed3-1ecc-6698-d6ba-4fd755ad37b6-5797b66a, #w-node-f8e62ed3-1ecc-6698-d6ba-4fd755ad37b7-5797b66a {
    justify-self: center;
  }

  #w-node-c53d616d-3b8c-984c-3143-8d79cf084ba5-5797b66a {
    order: 1;
  }

  #w-node-_0426a4ec-5d09-646f-53e8-281a6a7377c8-dfd193ee, #w-node-_0426a4ec-5d09-646f-53e8-281a6a7377c9-dfd193ee, #w-node-_948f143c-8def-b603-d3f0-004b1ca25d35-dfd193ee, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b87-e0ba51d9, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-e0ba51d9, #w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-e0ba51d9, #w-node-_7e359002-f86d-2e10-a42f-2174057aa827-b70804d9, #w-node-_7e359002-f86d-2e10-a42f-2174057aa828-b70804d9, #w-node-_620013ab-1c26-2c81-61b8-133d37c9f3b9-b70804d9, #w-node-fc08143f-2025-5165-9497-c59e4d8a222b-cfca49e3, #w-node-c10aaea7-6f4c-680a-6aad-d424b9fd96c8-cfca49e3, #w-node-_7e359002-f86d-2e10-a42f-2174057aa827-a77d098a, #w-node-_7e359002-f86d-2e10-a42f-2174057aa828-a77d098a, #w-node-_620013ab-1c26-2c81-61b8-133d37c9f3b9-a77d098a, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b87-5430e3fb, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-5430e3fb, #w-node-_9f06dd5d-f0ea-12cc-293e-65c8d9c5ae05-5430e3fb, #w-node-de20e973-a954-9708-355f-f4779f212c2b-5430e3fb, #w-node-d6335843-2023-7dbf-7a12-a64ed3bd72ae-5430e3fb, #w-node-_70fe0f18-8a20-c01c-27c9-7ba2dd356ae8-5430e3fb, #w-node-_05b3a07f-23d9-a6f7-dd2d-88aee94e3c55-5430e3fb, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b87-732ce170, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-732ce170, #w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-732ce170, #w-node-b51e54bb-484e-c445-e7b0-5d426e7ce716-732ce170, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b87-376196ce, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-376196ce, #w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-376196ce, #w-node-afab5bbe-6120-61ef-e61a-6fdc245343de-376196ce, #w-node-_80cc48e6-5274-5035-e8ba-2d5f5b6a8d11-376196ce, #w-node-_6850c3f2-4d5c-aee2-5c0e-72876d14c210-376196ce, #w-node-_020b9f6f-d647-39c9-3175-8990772ab00d-376196ce, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b87-6c450b33, #w-node-ea39848c-3821-5fa5-692e-8d30426d0b88-6c450b33, #w-node-acd310a8-b0cb-7a01-0369-28bdee29fc22-6c450b33, #w-node-ce3ab5d5-0500-9d90-e84a-09c1cc4cae98-6c450b33, #w-node-_155264eb-0df4-f898-35c2-d761c3b64d72-6c450b33 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fc08143f-2025-5165-9497-c59e4d8a222b-cfca49e3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }

  #w-node-_31bfaf68-aefb-8a86-32c9-944465446529-ac131c44 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-_444a5256-c54e-5938-9c55-be6f9c13ce26-ac131c44 {
    grid-area: 2 / 1 / 4 / 3;
    align-self: start;
  }
}


@font-face {
  font-family: 'Brands 400';
  src: url('../fonts/Brands-Regular-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp 400';
  src: url('../fonts/Sharp-Regular-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pro 400';
  src: url('../fonts/Pro-Regular-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp Solid 900';
  src: url('../fonts/Sharp-Solid-900.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pro Solid 900';
  src: url('../fonts/Pro-Solid-900.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}