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

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

@font-face {
  font-family: "Fa Sharp Solid 900";
  src: url('../fonts/fa-sharp-solid-900.ttf') format("truetype");
  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 400";
  src: url('../fonts/Pro-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 300";
  src: url('../fonts/Pro-Light-300.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Pro 100";
  src: url('../fonts/Pro-Thin-100.otf') format("opentype");
  font-weight: 100;
  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: "Sharp 300";
  src: url('../fonts/Sharp-Light-300.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #fff;
  --black: #000;
  --footer-grey: #222;
  --leaf-green: #5ca904;
  --dark-grey: #262626;
  --slider-bg: #262626;
  --transparent: #0000;
  --75-white: #ffffffbf;
  --light-grey: #f5f5f5;
  --80-white: #fffc;
  --cookies-bg: #25252580;
  --pale-grey: #e6e6e6;
  --fb-blue: #365899;
}

.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 {
  background-color: var(--white);
  color: var(--black);
  font-family: segoe-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.dl-link-holder {
  color: var(--white);
  text-transform: uppercase;
  border-bottom: 1px solid #f7f7f226;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dl-link-holder:hover {
  border-bottom-style: solid;
  padding-left: 30px;
}

.dl-link-holder.w--current {
  background-color: var(--black);
}

.nav-menu {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.menu-button-div {
  height: 290px;
}

.list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.list._2col {
  grid-template-columns: 1fr 1fr;
}

.list._2col._0b {
  margin-bottom: 0;
}

.list.areas {
  grid-template-columns: 1fr 1fr 1fr;
}

.list._4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.list._3col {
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-section {
  background-color: var(--footer-grey);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

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

.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-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-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

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

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

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

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

.fs-cc-prefs_close-icon {
  color: var(--footer-grey);
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-bottom: 0;
  line-height: 15px;
}

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

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

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 10px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: -12px -12px auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

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

.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, .fs-cc-prefs_checkbox-label {
  display: none;
}

.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-banner_close-icon {
  width: 24px;
  height: 24px;
}

.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_component {
  z-index: 999;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.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_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
}

.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_space-medium {
  margin-bottom: 40px;
}

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

.top-section {
  background-color: var(--black);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 31px;
  display: flex;
}

.nav-section {
  z-index: 10;
  background-color: var(--leaf-green);
  position: sticky;
  top: 0;
}

.hero-section {
  color: var(--white);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-section.home {
  background-image: url('../images/50img-32.webp');
  height: 700px;
}

.hero-section.install {
  background-image: url('../images/50img-33.webp');
}

.hero-section.design {
  background-image: url('../images/50img-18.webp');
}

.hero-section.terrace {
  background-image: url('../images/50img-7.webp');
}

.hero-section.maintenance {
  background-image: url('../images/maintenance_635792433.webp');
  background-position: 50%;
}

.hero-section.chelsea {
  background-image: url('../images/decking_953637861.webp');
}

.hero-section.fulham {
  background-image: url('../images/decking_423597645.webp');
  background-position: 50%;
}

.hero-section.cobham {
  background-image: url('../images/decking_183466741.webp');
  background-position: 50% 100%;
}

.hero-section.oxshott {
  background-image: url('../images/decking_278018146.webp');
  background-position: 50% 100%;
}

.white-section {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

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

._2-col-section {
  justify-content: space-around;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

._2-col-section._0t {
  padding-top: 0;
}

._2-col-section._0p {
  padding-top: 0;
  padding-bottom: 0;
}

.bottom-section {
  background-color: var(--dark-grey);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  box-shadow: inset 0 3px 3px #0000004d;
}

.hero-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  display: flex;
}

.hero-arrow {
  color: var(--white);
  text-align: center;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--white);
  text-shadow: 0 0 10px var(--black);
  margin-top: 75px;
  font-family: "Fa Sharp Solid 900", sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  text-decoration: none;
}

.nav-link {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  padding: 14px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--slider-bg);
}

.nav-link.w--current {
  background-color: var(--footer-grey);
  color: var(--white);
}

.navbar {
  background-color: var(--transparent);
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-text {
  text-align: center;
  letter-spacing: .5px;
  text-shadow: 0 0 8px var(--black);
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.hero-title-div {
  margin-bottom: 40px;
}

.body-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-div._850 {
  max-width: 850px;
}

.body-div._1000 {
  max-width: 1000px;
}

.h1 {
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 54px;
}

.p {
  text-align: center;
  line-height: 26px;
}

.p._30b {
  margin-bottom: 30px;
}

.p._40b {
  margin-bottom: 40px;
}

.p.left {
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}

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

.button {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  border: 3px solid #000;
  padding: 16px 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.button:hover {
  border-color: var(--leaf-green);
  background-color: var(--leaf-green);
  color: var(--white);
}

.button.smaller {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.button.white {
  border-color: var(--white);
  background-color: var(--leaf-green);
  color: var(--white);
  text-align: center;
  width: 50%;
  max-width: 450px;
  margin-left: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.button.white:hover {
  background-color: var(--white);
  color: var(--black);
}

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

.co-logo {
  width: 100%;
  max-width: 300px;
}

._4-box-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

._4-box-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  padding: 40px 40px 100px;
}

._4-box-img.design {
  background-image: url('../images/50img-11.webp');
}

._4-box-img.install {
  background-image: url('../images/gallery-1.webp');
}

._4-box-img.terrace {
  background-image: url('../images/50img-42.webp');
}

._4-box-img.maintenance {
  background-image: url('../images/50img-12.webp');
}

._4-box-div {
  background-color: var(--75-white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 60px 40px;
  display: flex;
}

.h2 {
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 34.5px;
  line-height: 44px;
}

.h2.white {
  color: var(--white);
}

.h2.white._30 {
  margin-bottom: 30px;
}

.h2._42 {
  margin-bottom: 60px;
  font-size: 42px;
  line-height: 52px;
}

.h2.left {
  text-align: left;
}

.h2.left._100t {
  border-top: 5px solid var(--leaf-green);
  margin-top: 60px;
  padding-top: 60px;
}

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

._3-col-div {
  justify-content: space-between;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._3-col-container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28%;
  display: flex;
}

._3-div-inner {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 40px;
  display: flex;
}

._3-box-icon {
  color: var(--leaf-green);
  font-family: "Pro 400", Arial, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

._3-box-icon.solid {
  font-family: "Pro Solid 900", Arial, sans-serif;
}

.small-box-heading {
  text-align: center;
  width: 100%;
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 34px;
}

._50-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding: 100px 60px;
  display: flex;
}

._50-div.left {
  justify-content: flex-start;
  align-items: flex-start;
}

._50-div._100 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

._50-div._100._0b {
  padding-bottom: 0;
}

._50-div._100._0t {
  padding-top: 0;
}

._50-div.map {
  padding-left: 0;
  padding-right: 0;
}

._50-div.site-map {
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

._50-div.areas {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
}

._50-div._2-col {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 0;
  display: grid;
}

._50-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
}

._50-img.home {
  background-image: url('../images/50img-46.webp');
}

._50-img.home2 {
  background-image: url('../images/50img-6.webp');
}

._50-img.install {
  background-image: url('../images/50img-28.webp');
  background-position: 50%;
}

._50-img.design {
  background-image: url('../images/50img-38.webp');
}

._50-img.terrace {
  background-image: url('../images/50img-11.webp');
}

._50-img.terrace1 {
  background-image: url('../images/50img-13.webp');
}

.testimonial-section {
  background-color: var(--slider-bg);
  background-image: url('../images/grass-bg.webp');
  background-position: 25%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.testimonial-slider {
  background-color: var(--transparent);
  height: auto;
}

.slide-nav {
  display: none;
}

.slide-arrow {
  font-size: 25px;
  line-height: 25px;
}

.slider-div {
  width: 50%;
  padding: 60px 20px 60px 0;
}

.left-arrow {
  background-color: var(--slider-bg);
  width: 60px;
}

.home-gallery-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 40px;
}

.home-gallery-grid._0b {
  margin-bottom: 0;
}

.gallery-link {
  color: var(--white);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.gallery-link._1 {
  background-image: url('../images/50img-38.webp');
}

.gallery-link._2 {
  background-image: url('../images/50img-16.webp');
}

.gallery-link._3 {
  background-image: url('../images/50img-4.webp');
  background-position: 0%;
}

.gallery-link._4 {
  background-image: url('../images/50img-47.webp');
}

.gallery-link._5 {
  background-image: url('../images/50img-43.webp');
}

.gallery-link._6 {
  background-image: url('../images/50img-39.webp');
}

.gallery-link._7 {
  background-image: url('../images/50img-50.webp');
}

.gallery-link._8 {
  background-image: url('../images/50img-40.webp');
}

.gallery-link._9 {
  background-image: url('../images/50img-42.webp');
}

.call-us-div {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.call-us-div._1100 {
  max-width: 1100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.h3 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

.trade-div {
  background-color: var(--white);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.millboard {
  width: 100%;
}

.footer-div {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.trade-link {
  justify-content: center;
  align-items: center;
  width: 31.5%;
  display: flex;
}

.trade-link._35 {
  width: 36%;
}

.trade-link._30 {
  width: 32%;
}

.trade-link._25 {
  width: 26%;
}

.footer-text {
  color: var(--light-grey);
  text-align: left;
  font-size: 15px;
  line-height: 25px;
  text-decoration: none;
}

.footer-link-container {
  width: 100%;
  max-width: 800px;
}

.footer-links {
  color: var(--white);
  text-align: right;
  font-size: 15px;
  line-height: 25px;
}

.footer-link {
  color: var(--light-grey);
  margin-left: 15px;
  font-weight: 300;
  text-decoration: none;
}

.back-to-top-icon {
  z-index: 5;
  background-color: var(--black);
  color: var(--white);
  -webkit-text-stroke-width: 1px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  margin-bottom: 20px;
  margin-right: 20px;
  font-family: "Sharp Solid 900", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 4px #0003;
}

.back-to-top-icon:hover {
  background-color: var(--white);
  color: var(--black);
}

.top-link {
  display: none;
}

.logo-section {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 31px;
  display: flex;
}

.h3-link {
  color: var(--white);
  text-decoration: none;
}

.hyperlink {
  color: var(--black);
  font-weight: 600;
}

.bullet-div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bullet-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.bullet-heading.left {
  text-align: left;
  line-height: 24px;
}

.list-icon {
  color: var(--leaf-green);
  text-align: center;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 22px;
  line-height: 22px;
}

.fs-cc-prefs_label-2 {
  color: #5ca904;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.fs-cc-banner_text-link-2 {
  color: #000;
  border-bottom: 2px solid #000;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-prefs_title-2 {
  color: #5ca904;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_text-2 {
  color: #000;
  font-size: 12px;
}

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

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

.fs-cc-banner_button-2.fs-cc-button-alt {
  color: #000;
  background-color: #fff;
  border-color: #000;
}

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

.fs-cc-prefs_button-2.fs-cc-button-alt {
  color: #000;
  background-color: #fff;
  border-color: #000;
}

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

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

.trex, .softwood {
  width: 100%;
}

._3-box-section {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 0;
}

.testimonial {
  color: var(--white);
  margin-bottom: 0;
  margin-left: 60px;
  margin-right: 60px;
}

.right-arrow {
  background-color: var(--slider-bg);
  width: 60px;
}

.test-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.more-link {
  width: 20px;
  height: 20px;
  margin-top: -40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bottom-info-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.bottom-info-div.top-100 {
  width: 100%;
  max-width: none;
}

.p-white {
  color: var(--white);
  width: 31.5%;
  margin-bottom: 0;
}

.p-white.centre {
  text-align: center;
  width: 100%;
  text-decoration: none;
}

.p-white._100 {
  width: 100%;
  text-decoration: none;
}

.p-white.right {
  text-align: right;
  width: 100%;
}

.bottom-icon {
  color: var(--leaf-green);
  margin-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.cookies-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.hero-side-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-container {
  background-color: var(--80-white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 400px;
  max-width: 600px;
  height: 100%;
  padding: 50px 40px 40px;
  display: flex;
}

.hero-box-text {
  color: var(--black);
  margin-bottom: 10px;
}

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

.hero-box-title {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

.sub-heading {
  color: var(--leaf-green);
  text-align: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
}

.sticky-container {
  width: 100%;
  display: flex;
}

.static-div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 100px 60px;
  display: flex;
}

.sticky-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 50%;
  height: 100vh;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 44px;
}

.sticky-div.install {
  background-image: url('../images/50img-48.webp');
}

.sticky-div.design {
  background-image: url('../images/50img-39.webp');
  background-position: 50% 100%;
}

.sticky-div.design1 {
  background-image: url('../images/50img-20.webp');
  background-position: 50%;
}

.sticky-div.terrace {
  background-image: url('../images/50img-15.webp');
}

.sticky-div.main {
  background-image: url('../images/maintenance_1482204685.webp');
}

.sticky-div.main1 {
  background-image: url('../images/maintenance_1269583347.webp');
}

.img-section {
  background-image: url('../images/grass-bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  padding-right: 60px;
  display: flex;
}

.img-content {
  justify-content: space-between;
  width: 50%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.img-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 31.5%;
  display: flex;
}

.img-section-title {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  line-height: 46px;
}

.img-section-icon {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 36px;
  line-height: 46px;
}

.contact-form {
  width: 100%;
}

.contact-links {
  color: var(--footer-grey);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.contact-links:hover {
  color: var(--leaf-green);
}

.contact-links.no-link:hover {
  color: var(--footer-grey);
}

.contact-icon {
  border: 1px solid var(--footer-grey);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-right: 10px;
  font-family: "Fa Sharp Solid 900", sans-serif;
  font-size: 20px;
  line-height: 20px;
  display: flex;
}

.areas-map {
  width: 100%;
}

.quote-mark {
  color: var(--leaf-green);
  text-align: left;
  margin-left: 60px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.quote-mark.close {
  text-align: right;
  margin-left: 0;
  margin-right: 60px;
  inset: auto 60px 0% auto;
}

.slide, .mask {
  height: 200px;
}

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

.live-chat-top-text.block {
  color: #494949;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
}

.live-chat-bottom-text {
  font-size: 12px;
  line-height: 20px;
}

.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;
}

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

.whatsapp-container:hover {
  transform: scale(1.05);
}

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

.whatsapp-icon {
  color: #fff;
  display: block;
}

.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-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;
}

.whatsapp-block {
  z-index: 30;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: auto 15px 15px auto;
}

.livechat-button {
  background-color: var(--black);
  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(--leaf-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;
}

.site-map-link {
  color: var(--dark-grey);
  text-decoration: none;
}

.areas-container {
  justify-content: space-between;
  width: 90%;
  max-width: 1100px;
  display: flex;
}

.contact-container {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.form-div {
  border-radius: 20px;
  margin-top: 20px;
  padding: 10px 40px 30px 30px;
  box-shadow: 0 3px 5px #00000080;
}

.header-contact {
  border-left: 1px #5f5f5130;
  flex: none;
  margin-left: 10px;
  padding-left: 5px;
}

.main-block {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  color: #f7f7f2;
  grid-template-rows: auto;
  grid-template-columns: 32px 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: grid;
}

.font-icon-2 {
  color: #fff;
  border-right: 1px solid #f7f7f224;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 10px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.font-icon-2.test {
  color: #fff;
  border-right-style: none;
  margin-right: 0;
  font-family: "Sharp 400", Arial, sans-serif;
}

.text-block-4, .text-block-5 {
  color: #fff;
}

.fa-container {
  z-index: 17;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 419px;
  left: auto;
  right: 0%;
}

.fa-social-2 {
  background-color: var(--leaf-green);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.fa-social-2:hover {
  background-color: var(--slider-bg);
  color: var(--leaf-green);
  border-color: #2484c7;
  transform: scale(1.1);
}

.fa-social-2.social-media {
  border-radius: 10px;
  font-family: "Fa Brands 400", sans-serif;
}

@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) {
  .dl-link-holder {
    background-color: var(--black);
    width: 100%;
  }

  .nav-menu {
    z-index: 1;
    background-color: var(--black);
    border-radius: 10px;
    box-shadow: 1px 1px 3px #0000001a;
  }

  .menu-button-div {
    height: auto;
  }

  .list._4col, .list._3col {
    grid-template-columns: 1fr 1fr;
  }

  .footer-section {
    padding-right: 40px;
  }

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

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

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

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

  ._2-col-section {
    flex-flow: column;
  }

  ._2-col-section._0t {
    padding-top: 0;
    padding-bottom: 0;
  }

  ._2-col-section.rvs {
    flex-flow: column-reverse;
    padding-top: 0;
    padding-bottom: 0;
  }

  ._2-col-section._0b-tablet {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-div {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .hero-arrow {
    margin-top: 30px;
  }

  .navbar {
    background-color: var(--black);
    width: 100%;
  }

  .hero-text {
    font-size: 50px;
    line-height: 50px;
  }

  .hero-title-div {
    margin-bottom: 30px;
  }

  .h1 {
    font-size: 36px;
    line-height: 46px;
  }

  .p._40b {
    margin-bottom: 30px;
  }

  .button {
    font-size: 20px;
    line-height: 30px;
  }

  ._4-box-grid {
    grid-template-columns: 1fr;
  }

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

  .h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .h2.white._30 {
    margin-bottom: 40px;
  }

  .h2._42 {
    font-size: 34px;
    line-height: 44px;
  }

  .h2.left._100t {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 40px;
  }

  ._3-col-div {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  ._3-col-container {
    width: 100%;
    margin-bottom: 30px;
  }

  ._3-col-container.last {
    margin-bottom: 20px;
  }

  ._3-div-inner {
    margin-left: 10px;
  }

  .small-box-heading {
    margin-bottom: 10px;
  }

  ._50-div {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._50-div.map {
    padding-top: 0;
    padding-right: 0;
  }

  ._50-div.areas {
    padding-right: 0;
  }

  ._50-div._2-col {
    width: 100%;
  }

  ._50-img {
    width: 100%;
    height: 500px;
  }

  .testimonial-section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .slider-div {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .gallery-link {
    min-height: 250px;
  }

  .call-us-div._1100 {
    flex-flow: column;
  }

  .h3 {
    margin-bottom: 30px;
  }

  .footer-links {
    text-align: center;
  }

  .footer-link {
    margin-left: 5px;
  }

  .back-to-top-icon {
    display: flex;
  }

  .menu-icon {
    color: var(--white);
    text-align: center;
    font-size: 30px;
    line-height: 30px;
  }

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

  ._3-box-section {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .menu-button {
    width: 100%;
  }

  .menu-button.w--open {
    background-color: var(--black);
  }

  .more-link {
    margin-top: -50px;
  }

  .bottom-info-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: .75fr .75fr;
  }

  .p-white._100, .p-white.right {
    text-align: center;
  }

  .hero-container {
    max-width: 100%;
    margin-left: 40px;
    margin-right: 40px;
  }

  .hero-box-title {
    font-size: 30px;
    line-height: 40px;
  }

  .sticky-container {
    flex-flow: column;
  }

  .sticky-container.rvs {
    flex-flow: column-reverse;
  }

  .static-div {
    padding: 60px;
  }

  .sticky-div {
    min-width: 10%;
    height: 500px;
    position: static;
    top: 0;
  }

  .sticky-div.install {
    position: static;
    top: 0;
  }

  .img-section {
    padding-right: 30px;
  }

  .img-content {
    width: 60%;
  }

  .img-section-title {
    max-width: 120px;
    font-size: 30px;
    line-height: 35px;
  }

  .whatsapp-block {
    bottom: 10px;
    right: 10px;
  }

  .areas-container {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-container {
    flex-flow: column;
  }

  .form-div {
    margin-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 30px;
  }

  .main-block {
    grid-template-columns: 1fr;
    width: 35px;
    height: 35px;
    font-size: 18px;
  }

  .font-icon-2.test {
    font-size: 22px;
    font-weight: 300;
  }

  .text-block-3, .text-block-4, .text-block-5 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .nav-menu {
    border-radius: 0;
  }

  .list.areas {
    grid-template-columns: 1fr 1fr;
  }

  .footer-section {
    padding-bottom: 80px;
  }

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

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

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

  .hero-section.home {
    height: 400px;
  }

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

  ._2-col-section {
    flex-flow: column;
  }

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

  .hero-title-div {
    margin-bottom: 20px;
  }

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

  .button {
    font-size: 18px;
    line-height: 26px;
  }

  .button.white {
    margin-top: 30px;
    margin-left: 0;
  }

  ._4-box-div {
    padding: 40px;
  }

  .h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .h2.white._30 {
    font-size: 34.5px;
  }

  .h2._42 {
    margin-bottom: 40px;
    font-size: 34.5px;
    line-height: 44px;
  }

  .h2.left {
    font-size: 26px;
    line-height: 36px;
  }

  ._3-col-container {
    margin-bottom: 40px;
  }

  ._50-div {
    width: 100%;
    padding: 40px;
  }

  ._50-div._2-col {
    grid-template-columns: 1fr;
  }

  ._50-img {
    width: 100%;
    height: 350px;
  }

  .slider-div {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .call-us-div._1100 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .trade-div {
    text-align: center;
  }

  .footer-div {
    flex-flow: column;
  }

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

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

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

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

  .bottom-info-div {
    grid-template-columns: 1fr 1fr;
  }

  .hero-container {
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px;
  }

  .hero-box-title {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 34px;
  }

  .static-div {
    padding: 40px;
    position: relative;
  }

  .sticky-div {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: auto;
    height: 350px;
    padding: 10px 20px 20px;
    display: grid;
    position: static;
  }

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

  .contact-links {
    margin-bottom: 10px;
  }

  .form-div {
    border-radius: 15px;
  }

  .header-contact {
    border-left-style: none;
    width: 100%;
    margin-left: 0;
    padding-left: 5px;
    display: flex;
  }

  .main-block {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .nav-menu {
    border-radius: 0;
    flex-direction: row;
    width: 100%;
    position: relative;
  }

  .list {
    text-align: center;
  }

  .list._2col, .list.areas, .list._4col, .list._3col {
    grid-template-columns: 1fr;
  }

  .footer-section {
    padding-right: 0;
  }

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

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

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

  .hero-section {
    padding: 20px;
  }

  .hero-section.home {
    height: 350px;
  }

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

  .co-logo-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .hero-arrow {
    font-size: 40px;
    line-height: 40px;
  }

  .navbar {
    flex-flow: column;
  }

  .hero-text {
    font-size: 40px;
    line-height: 40px;
  }

  .h1 {
    line-height: 36px;
  }

  .p._30b, .p._40b {
    margin-bottom: 20px;
  }

  .button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button.smaller {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button.white {
    width: 100%;
    max-width: 250px;
    margin-top: 20px;
  }

  .button._20t {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .co-logo {
    width: 90%;
    max-width: 280px;
  }

  ._4-box-img, ._4-box-div {
    padding: 20px;
  }

  .h2 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
  }

  .h2.white._30 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
  }

  .h2._42 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
  }

  .h2.left {
    font-size: 24px;
    line-height: 32px;
  }

  .h2.left._100t {
    margin-top: 20px;
    padding-top: 20px;
  }

  ._3-col-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
  }

  ._3-col-container.last {
    margin-bottom: 0;
  }

  ._3-div-inner {
    margin-left: 0;
  }

  ._3-box-icon {
    margin-bottom: 5px;
  }

  ._50-div {
    padding: 30px 20px;
  }

  ._50-img {
    height: 250px;
  }

  .slide-nav {
    z-index: 0;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    display: flex;
  }

  .slider-div {
    width: 95%;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .left-arrow {
    width: 50px;
    display: none;
  }

  .home-gallery-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .gallery-link {
    min-height: 180px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .call-us-div._1100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
  }

  .trade-div {
    flex-flow: column;
    padding: 20px;
  }

  .millboard {
    max-width: 250px;
  }

  .footer-div {
    width: 90%;
  }

  .trade-link._35 {
    width: 100%;
  }

  .trade-link._30 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .trade-link._25 {
    width: 100%;
  }

  .footer-links {
    text-align: center;
  }

  .back-to-top-icon {
    background-color: var(--leaf-green);
    border-radius: 50%;
    margin-bottom: 15px;
    margin-right: 15px;
  }

  .menu-icon {
    font-size: 20px;
    line-height: 20px;
  }

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

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

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

  .trex, .softwood {
    max-width: 250px;
  }

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

  .testimonial {
    margin-left: 50px;
    margin-right: 50px;
  }

  .right-arrow {
    width: 50px;
    display: none;
  }

  .bottom-info-div {
    grid-template-columns: 1.25fr;
  }

  .p-white.centre.hide {
    display: none;
  }

  .hero-container {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }

  .hero-box-title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
  }

  .sub-heading {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
  }

  .static-div {
    padding: 30px 20px;
  }

  .sticky-div {
    grid-template-columns: 1fr;
    height: 250px;
  }

  .img-section {
    background-image: linear-gradient(#00000080, #00000080), url('../images/grass-bg.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-right: 0;
  }

  .img-content {
    width: 100%;
    padding: 30px 10px;
  }

  .img-section-title {
    max-width: 100px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 28px;
  }

  .img-section-icon {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
  }

  .contact-links, .contact-links.no-link {
    margin-bottom: 10px;
  }

  .contact-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 12px;
    line-height: 16px;
  }

  .quote-mark {
    margin-left: 10px;
  }

  .quote-mark.close {
    margin-top: 20px;
    margin-right: 10px;
  }

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

  .livechat-button {
    width: 90%;
  }

  .form-div {
    border-radius: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 20px;
  }

  .header-contact {
    padding-left: 0;
    display: flex;
  }

  .main-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 29px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .fa-container {
    top: 32%;
    right: -1%;
  }

  .fa-social-2 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }
}

#w-node-_1a80a8e2-55ba-1323-646d-39c7e01200ef-b8f406b3, #w-node-_109a9d12-9780-81f0-58df-781dd8bdb84e-b8f406b3 {
  place-self: center;
}

#w-node-cc5355cc-6d29-2045-452e-aa2eb8f40723-b8f406b3 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0b256852-783b-539f-3f11-c4cad0ecb3ee-f39111f0, #w-node-_0b256852-783b-539f-3f11-c4cad0ecb3f2-f39111f0 {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-cc5355cc-6d29-2045-452e-aa2eb8f40723-b8f406b3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-cc5355cc-6d29-2045-452e-aa2eb8f40723-b8f406b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype'), url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Sharp Solid 900';
  src: url('../fonts/fa-sharp-solid-900.ttf') format('truetype');
  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 400';
  src: url('../fonts/Pro-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 300';
  src: url('../fonts/Pro-Light-300.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp 100';
  src: url('../fonts/Sharp-Thin-100.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pro 100';
  src: url('../fonts/Pro-Thin-100.otf') format('opentype');
  font-weight: 100;
  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: 'Sharp 300';
  src: url('../fonts/Sharp-Light-300.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}