/**
 * Breakpoints
 */
/**
 * Fonts
 */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
/**
 * Boxgrid variables
 */
/**
 * Colours
 */
/**
 * Animation
 */
/**
 * General
 */
/**
 *
 *
 */
html, body, div, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,
strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

button, input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
}

body {
  background: #ffffff;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: 400;
  text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

a img {
  border: 0;
}

* {
  box-sizing: border-box;
}

/**
 * Applys a breakpoint around the provided content
 * @param  {string} $size size of the breakpoint
 * @return {null}       nothing returned breakpoint code wrapped around content
 */
/**
 * Generates a list of font sizes at specific breakpoints
 */
/**
 * If you have to ask what this does, then ask yourself what you are doing!!!
 */
/**
 * Creates a class for each colour and a second class with each colour applied as background-color
 */
@keyframes fade-in-header {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body {
  font-family: "Poppins", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  /*    @each $size in $font_sizes {
          @include breakpoint(nth($size, 1)) {
              font-size: nth($size, 2);
          }
      }*/
  font-weight: 400;
  line-height: 1.5;
}

/**
 * Headings
 */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: "Poppins", "Open Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 0.8em;
  display: block;
}

h1, .h1 {
  font-size: 4.8rem;
  line-height: 1.2;
}

h1.h1-large, .h1.h1-large {
  font-size: 12rem;
  line-height: 1.2;
}

h1.h1-md, .h1.h1-md {
  font-size: 9.1rem;
  line-height: 1.2;
}

h2, .h2 {
  font-size: 3.2rem;
  line-height: 1.4;
}

h3, .h3 {
  font-size: 2.8rem;
  line-height: 1.4;
}

h4, .h4 {
  font-size: 2.4rem;
}

h5, .h5 {
  font-size: 2rem;
  line-height: 1.5;
}

h6, .h6 {
  font-size: 1.6rem;
  line-height: 1.5;
}

p, .p {
  font-size: 1.4rem;
  line-height: 1.7;
}

p.large, p.plarge, .p.large, .p.plarge {
  font-size: 1.5rem;
  line-height: 1.6;
}

p.small, p.psmall, .p.small, .p.psmall {
  font-size: 1.2rem;
}

/**
 * Paragraphs
 */
p, .p {
  margin-bottom: 1em;
}
p.strong, .p.strong {
  font-weight: bold;
}

p + h1, p + h2, p + h3,
p + h4, p + h5, p + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6 {
  margin-top: 1.2em;
}

hr {
  border: none;
  border-top: 2px solid #42484C;
}
hr.wp-block-separator {
  border-top: 2px solid #2B3236;
}
hr.wp-block-separator.margin-bottom {
  margin-bottom: 15px;
}
hr.wp-block-separator.margin {
  margin: 15px 0;
}

@media screen and (max-width: 850px) {
  .mob-heading {
    font-size: 2.4rem;
  }
}

/**
 * Links
 */
a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  opacity: 1;
  outline: none;
}
a.underline {
  text-decoration: underline;
}
a:hover {
  color: #02281C;
  opacity: 0.8;
}

/**
 * Styling
 */
b, strong {
  font-weight: 600;
}

i, em {
  font-weight: 300;
  font-style: italic;
}

u {
  text-decoration: underline;
}

/**
 * Lists
 */
ul {
  padding-left: 1em;
  margin-bottom: 1em;
}
ul li {
  padding-bottom: 0.3em;
}

ol {
  padding-left: 2em;
  margin-bottom: 1em;
}
ol li {
  padding-bottom: 0.3em;
}

.lb.lb-before:before,
.lb.lb-after:after {
  content: "";
  display: block;
}

/**
* Text utility classes
**/
h1.light-green, h2.light-green, h3.light-green, h4.light-green, h5.light-green, h6.light-green, a.light-green, p.light-green, span.light-green, li.light-green, ul.light-green, .wp-block-image.light-green {
  color: #81DD70;
}
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green, a.green, p.green, span.green, li.green, ul.green, .wp-block-image.green {
  color: #3FA535;
}
h1.mid-green, h2.mid-green, h3.mid-green, h4.mid-green, h5.mid-green, h6.mid-green, a.mid-green, p.mid-green, span.mid-green, li.mid-green, ul.mid-green, .wp-block-image.mid-green {
  color: #08714E;
}
h1.dark-green, h2.dark-green, h3.dark-green, h4.dark-green, h5.dark-green, h6.dark-green, a.dark-green, p.dark-green, span.dark-green, li.dark-green, ul.dark-green, .wp-block-image.dark-green {
  color: #02281C;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, a.white, p.white, span.white, li.white, ul.white, .wp-block-image.white {
  color: #fff;
}
h1.black, h2.black, h3.black, h4.black, h5.black, h6.black, a.black, p.black, span.black, li.black, ul.black, .wp-block-image.black {
  color: #000;
}
h1.light-grey, h2.light-grey, h3.light-grey, h4.light-grey, h5.light-grey, h6.light-grey, a.light-grey, p.light-grey, span.light-grey, li.light-grey, ul.light-grey, .wp-block-image.light-grey {
  color: #C9C6C2;
}
h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey, a.grey, p.grey, span.grey, li.grey, ul.grey, .wp-block-image.grey {
  color: #42484C;
}
h1.dark-grey, h2.dark-grey, h3.dark-grey, h4.dark-grey, h5.dark-grey, h6.dark-grey, a.dark-grey, p.dark-grey, span.dark-grey, li.dark-grey, ul.dark-grey, .wp-block-image.dark-grey {
  color: #2B3236;
}
h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin, a.no-margin, p.no-margin, span.no-margin, li.no-margin, ul.no-margin, .wp-block-image.no-margin {
  margin-bottom: 0;
}
h1.small-margin, h2.small-margin, h3.small-margin, h4.small-margin, h5.small-margin, h6.small-margin, a.small-margin, p.small-margin, span.small-margin, li.small-margin, ul.small-margin, .wp-block-image.small-margin {
  margin-bottom: 0.2em;
}
h1.medium-margin, h2.medium-margin, h3.medium-margin, h4.medium-margin, h5.medium-margin, h6.medium-margin, a.medium-margin, p.medium-margin, span.medium-margin, li.medium-margin, ul.medium-margin, .wp-block-image.medium-margin {
  margin-bottom: 0.5em;
}
h1.large-margin, h2.large-margin, h3.large-margin, h4.large-margin, h5.large-margin, h6.large-margin, a.large-margin, p.large-margin, span.large-margin, li.large-margin, ul.large-margin, .wp-block-image.large-margin {
  margin-bottom: 1em;
}
h1.extra-large-margin, h2.extra-large-margin, h3.extra-large-margin, h4.extra-large-margin, h5.extra-large-margin, h6.extra-large-margin, a.extra-large-margin, p.extra-large-margin, span.extra-large-margin, li.extra-large-margin, ul.extra-large-margin, .wp-block-image.extra-large-margin {
  margin-bottom: 2.5em;
}
h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular, a.regular, p.regular, span.regular, li.regular, ul.regular, .wp-block-image.regular {
  font-weight: 400;
}

/**
* Graphic text elements
**/
.chevron {
  position: relative;
}
.chevron:after {
  position: absolute;
  display: inline-block;
  content: "";
  right: 0;
  transition: right 0.2s ease-in-out;
  width: 18px;
  height: 18px;
  border-top: 3px solid #3FA535;
  border-right: 3px solid #3FA535;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.chevron.chevron-sm:after {
  width: 14px;
  height: 14px;
  border-top: 2px solid #3FA535;
  border-right: 2px solid #3FA535;
}
.chevron:hover:after {
  right: -10px;
}

.arrow {
  position: relative;
  text-decoration: none;
  font-weight: 600;
}
.arrow:after {
  position: absolute;
  display: inline-block;
  content: ">";
  right: -32px;
  top: 0;
  transition: right 0.4s ease-in-out;
  width: 26px;
  height: 26px;
}
.arrow:hover:after {
  right: -37px;
}

.graphic-title {
  align-items: center;
  display: inline-flex;
  gap: 15px;
}
.graphic-title:before {
  content: "";
}
.graphic-title.chat:before {
  content: url("../img/chat.svg");
  width: 40px;
  height: auto;
}
@media only screen and (min-width: 550px) {
  .graphic-title.chat:before {
    width: 60px;
  }
}

.icon-plus-circle {
  align-items: center;
  display: flex;
  gap: 5px;
  position: relative;
}
.icon-plus-circle:hover {
  opacity: 1;
}
.icon-plus-circle:hover:after {
  transform: scale(1.1);
}
.icon-plus-circle:after {
  background-image: url("../img/icon-plus-circle.svg");
  background-size: 100% 100%;
  content: "";
  height: 30px;
  transition: transform 0.4s;
  width: 30px;
}

.icon-arrow {
  position: relative;
}
.icon-arrow:hover {
  opacity: 1;
}
.icon-arrow:after {
  position: absolute;
  transition: all 0.4s;
}
.icon-arrow.next {
  padding-right: 20px;
}
.icon-arrow.next:after {
  content: ">";
  right: -5px;
  position: relative;
}
@media only screen and (min-width: 550px) {
  .icon-arrow.next:after {
    right: 0;
    position: absolute;
  }
}
.icon-arrow.next:hover:after {
  right: -10px;
}
.icon-arrow.prev {
  padding-left: 20px;
}
.icon-arrow.prev:after {
  content: "<";
  left: 0;
}
.icon-arrow.prev:hover:after {
  left: -10px;
}
.icon-arrow.lg {
  padding-right: 40px;
}
.icon-arrow.lg:after {
  content: ">";
  right: -10px;
  top: 7px;
}
@media only screen and (min-width: 550px) {
  .icon-arrow.lg:after {
    top: unset;
    right: 0;
  }
}
.icon-arrow.lg:hover:after {
  right: -20px;
}

.icon-download {
  position: relative;
  padding-left: 20px;
  color: #3FA535;
}
@media only screen and (min-width: 850px) {
  .icon-download {
    padding-left: 35px;
  }
}
.icon-download:before {
  position: absolute;
  content: url("../img/icon-download.svg");
  left: 0;
}

.weight-300 {
  font-weight: 300;
}

.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}

.underline {
  text-decoration: underline;
}

.obvious-link a {
  text-decoration: underline;
}

.btn {
  color: #ffffff;
  font-size: 1em;
  font-weight: 500;
  display: inline-block;
  border: 2px solid #3FA535;
  border-radius: 30px;
  margin: 0.2em 0;
  padding: 0.5em 1.3em;
  text-transform: capitalize;
  cursor: pointer;
  transition: background-color 0.4s;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
}
@media screen and (max-width: 550px) {
  .btn {
    width: 100%;
  }
}
.btn:hover {
  transition: background-color 0.4s;
  background-color: #46b83b;
}
.btn.black-text {
  color: #000;
}
.btn.large {
  font-size: 2em;
  padding: 1em 1em;
}
.btn.download {
  align-items: center;
  background: unset;
  border: none;
  color: #08714E;
  display: flex;
  font-weight: 700;
  gap: 8px;
  padding: 0;
  margin-bottom: 10px;
}
.btn.download:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M15.0472 7.94026L9.99561 12.9918L4.94402 7.94026' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M10 13V0' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M-9.53674e-07 19H19' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M1 15V19M18 15V19' stroke='%2308714E' stroke-width='2'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 19px;
}
.btn.download-circle {
  align-items: center;
  background: unset;
  border: none;
  color: #3FA535;
  display: flex;
  font-size: 1.2em;
  font-weight: 700;
  gap: 8px;
  padding: 0;
  margin-bottom: 15px;
  text-align: left;
}
@media screen and (max-width: 850px) {
  .btn.download-circle {
    font-size: 1em;
  }
}
.btn.download-circle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='40' height='40'%3E%3Cg data-name='Layer 16' id='Layer_16'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26.13A12.13,12.13,0,1,1,28.13,16,12.14,12.14,0,0,1,16,28.13Z' fill='%233FA535'/%3E%3Cpath d='M15.34,21.33a1,1,0,0,0,.3.2,1,1,0,0,0,.36.07h0a1,1,0,0,0,.36-.07,1,1,0,0,0,.3-.2l4.67-4.67A.93.93,0,1,0,20,15.34l-3.08,3.07V8.53a.93.93,0,0,0-1.86,0v9.88L12,15.34a.93.93,0,0,0-1.32,1.32Z'/%3E%3Cpath d='M21.6,19.73a.93.93,0,0,0-.93.94v1.86H11.33V20.67a.93.93,0,1,0-1.86,0v2.8a.93.93,0,0,0,.93.93H21.6a.93.93,0,0,0,.93-.93v-2.8A.93.93,0,0,0,21.6,19.73Z'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
}
.btn.plus {
  color: #08714E;
}
.btn.plus:after {
  content: url("../img/icons/plus.png");
  position: relative;
  right: 0;
}

.wp-block-buttons .wp-block-button .wp-block-button__link {
  color: #ffffff;
  font-size: 1em;
  font-weight: 500;
  display: inline-block;
  border: 2px solid #3FA535;
  border-radius: 30px;
  margin: 0.2em 0;
  padding: 0.5em 1.3em;
  text-transform: capitalize;
  cursor: pointer;
  transition: background-color 0.4s;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  background: unset;
  color: initial;
}
@media screen and (max-width: 550px) {
  .wp-block-buttons .wp-block-button .wp-block-button__link {
    width: 100%;
  }
}
.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
  transition: background-color 0.4s;
  background-color: #46b83b;
}
.wp-block-buttons .wp-block-button .wp-block-button__link.black-text {
  color: #000;
}
.wp-block-buttons .wp-block-button .wp-block-button__link.large {
  font-size: 2em;
  padding: 1em 1em;
}
.wp-block-buttons .wp-block-button .wp-block-button__link.download {
  align-items: center;
  background: unset;
  border: none;
  color: #08714E;
  display: flex;
  font-weight: 700;
  gap: 8px;
  padding: 0;
  margin-bottom: 10px;
}
.wp-block-buttons .wp-block-button .wp-block-button__link.download:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M15.0472 7.94026L9.99561 12.9918L4.94402 7.94026' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M10 13V0' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M-9.53674e-07 19H19' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M1 15V19M18 15V19' stroke='%2308714E' stroke-width='2'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 19px;
}
.wp-block-buttons .wp-block-button .wp-block-button__link.download-circle {
  align-items: center;
  background: unset;
  border: none;
  color: #3FA535;
  display: flex;
  font-size: 1.2em;
  font-weight: 700;
  gap: 8px;
  padding: 0;
  margin-bottom: 15px;
  text-align: left;
}
@media screen and (max-width: 850px) {
  .wp-block-buttons .wp-block-button .wp-block-button__link.download-circle {
    font-size: 1em;
  }
}
.wp-block-buttons .wp-block-button .wp-block-button__link.download-circle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='40' height='40'%3E%3Cg data-name='Layer 16' id='Layer_16'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26.13A12.13,12.13,0,1,1,28.13,16,12.14,12.14,0,0,1,16,28.13Z' fill='%233FA535'/%3E%3Cpath d='M15.34,21.33a1,1,0,0,0,.3.2,1,1,0,0,0,.36.07h0a1,1,0,0,0,.36-.07,1,1,0,0,0,.3-.2l4.67-4.67A.93.93,0,1,0,20,15.34l-3.08,3.07V8.53a.93.93,0,0,0-1.86,0v9.88L12,15.34a.93.93,0,0,0-1.32,1.32Z'/%3E%3Cpath d='M21.6,19.73a.93.93,0,0,0-.93.94v1.86H11.33V20.67a.93.93,0,1,0-1.86,0v2.8a.93.93,0,0,0,.93.93H21.6a.93.93,0,0,0,.93-.93v-2.8A.93.93,0,0,0,21.6,19.73Z'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
}
.wp-block-buttons .wp-block-button .wp-block-button__link.plus {
  color: #08714E;
}
.wp-block-buttons .wp-block-button .wp-block-button__link.plus:after {
  content: url("../img/icons/plus.png");
  position: relative;
  right: 0;
}
.wp-block-buttons .wp-block-button.download {
  display: block;
}
.wp-block-buttons .wp-block-button.download .wp-block-button__link {
  align-items: center;
  background: unset;
  border: none;
  color: #08714E;
  display: flex;
  font-weight: 700;
  gap: 8px;
  padding: 0;
  margin-bottom: 10px;
}
.wp-block-buttons .wp-block-button.download .wp-block-button__link:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M15.0472 7.94026L9.99561 12.9918L4.94402 7.94026' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M10 13V0' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M-9.53674e-07 19H19' stroke='%2308714E' stroke-width='2'/%3E%3Cpath d='M1 15V19M18 15V19' stroke='%2308714E' stroke-width='2'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 19px;
}
.wp-block-buttons .wp-block-button.plus {
  color: #08714E;
  position: relative;
}
.wp-block-buttons .wp-block-button.plus:after {
  content: url("../img/icons/plus.png");
  position: absolute;
  right: -40px;
  top: -6px;
}
.wp-block-buttons .wp-block-button.plus .wp-block-button__link {
  color: #08714E !important;
  border: none !important;
}
.wp-block-buttons .wp-block-button.plus .wp-block-button__link:hover {
  background-color: transparent;
}
.wp-block-buttons .wp-block-button.btn-large .wp-block-button__link {
  align-items: center;
  border: none;
  border-radius: 14px;
  display: flex;
  font-weight: 400;
  gap: 10px;
  height: 100%;
  justify-content: space-between;
  margin: 0;
  padding: 1em;
  text-align: left;
  width: 100%;
  font-size: 1.9rem;
}
.wp-block-buttons .wp-block-button.btn-large .wp-block-button__link:after {
  align-self: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='25' viewBox='0 0 23 39' fill='none'%3E%3Cpath d='M1.66373 2.15658L19.3275 19.8203L1.66373 37.484' stroke='%233FA535' stroke-width='4'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  flex: 0 0 15px;
  height: 25px;
  justify-self: flex-end;
  width: 15px;
}
.pagination {
  position: relative;
  display: block;
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 1em 0;
  padding: 0;
  font-size: 0;
  line-height: 3;
  overflow: hidden;
  margin-bottom: 40px;
}
.pagination .page-numbers li .page-numbers.current {
  color: #3FA535;
}
.pagination li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
  /*    @each $size in $font_sizes {
          @include breakpoint(nth($size, 1)) {
              font-size: nth($size, 2);
          }
      }*/
}
.pagination li a, .pagination li span {
  position: relative;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.4em 0.5em;
  text-align: center;
}
.pagination li.active {
  color: #C9C6C2;
}

input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
  padding: 14px 24px;
  margin: 0 0 0.5em;
  border: #f1f1f1 solid 1px;
  border-radius: 10px;
  background-color: #ffffff;
  line-height: 1.2;
  color: #02281C;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  max-width: 100%;
  width: 100%;
  transition: border-color 0.4s;
  outline: none;
  font-size: 14px;
  line-height: 1.6;
  /*    @each $size in $font_sizes {
          @include breakpoint(nth($size, 1)) {
              font-size: nth($size, 2);
          }
      }*/
}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, input[type=url]:focus,
input[type=tel]:focus, input[type=search]:focus, input[type=date]:focus, textarea:focus, select:focus {
  transition: border-color 0.4s;
  border-color: #3FA535;
}
input[type=text].error, input[type=number].error, input[type=email].error, input[type=password].error, input[type=url].error,
input[type=tel].error, input[type=search].error, input[type=date].error, textarea.error, select.error {
  transition: border-color 0.4s;
  border-color: #D4323E;
}

label {
  margin: 0 0 0.3em;
  display: block;
}

textarea {
  min-height: 120px;
  font-family: "Poppins", "Open Sans", sans-serif;
}

input[type=radio] {
  display: none;
}
input[type=radio] + label {
  width: auto;
  cursor: pointer;
  margin: 0 1em 0.4em 0;
  padding: 0 0 0 1.8em;
  display: inline-block;
  position: relative;
}
input[type=radio] + label:before {
  content: "";
  display: inline-block;
  background-color: #ffffff;
  position: absolute;
  top: 0.1em;
  left: 0;
  vertical-align: middle;
  border: #484847 solid 1px;
  border-radius: 1em;
  width: 1em;
  height: 1em;
  margin: 0 0.4em 0 0;
  transition: border-color 0.4s;
}
input[type=radio]:checked + label:before {
  background-color: #2B3236;
  background: -moz-radial-gradient(center, ellipse cover, #2B3236 35%, #ffffff 35%);
  background: -webkit-radial-gradient(center, ellipse cover, #2B3236 35%, #ffffff 35%);
  background: radial-gradient(ellipse at center, #2B3236 35%, #ffffff 35%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$text_colour", endColorstr="$background_colour",GradientType=1 );
}
input[type=radio] + label:focus:before {
  transition: border-color 0.4s;
  border-color: #3FA535;
}
input[type=radio].error + label:before {
  border-color: #D4323E;
}

input[type=checkbox] + label {
  position: relative;
  width: auto;
  cursor: pointer;
  margin-right: 1em;
  margin-bottom: 0.4em;
  padding-left: 1.8em;
  display: inline-block;
}
input[type=checkbox] + label:focus:before {
  transition: border-color 0.4s;
  border-color: #3FA535;
}
input[type=checkbox].error + label:before {
  border-color: #D4323E;
}

input[type=search] {
  background: #ffffff url(../img/search-icon.png) no-repeat top 10px right 20px;
}

input[type=search]::placeholder {
  color: #02281C;
}

.wpcf7-list-item {
  margin: 0 1em 0 0;
}

.contact-form {
  display: flex;
  gap: 50px;
}
.contact-form .col {
  flex: 1 1 50%;
}

.alert {
  padding: 0.85em 1em;
  margin: 0.35em 0;
  border-radius: 2px;
  background-color: #f1f1f1;
  color: #2B3236;
}
.alert.error {
  background-color: #D4323E;
  color: #ffffff;
}
.alert.success {
  background-color: #7fb905;
  color: #ffffff;
}
.alert.warning {
  background-color: #7fb905;
  color: #ffffff;
}

.menu-profiles-menu-container .menu-item a:before {
  display: block;
  content: "";
  width: 100%;
  max-width: 120px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 550px) {
  .menu-profiles-menu-container .menu-item a:before {
    max-width: 200px;
  }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-stage {
  display: flex;
  align-items: top;
  gap: 0;
}
.owl-stage .item {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.owl-nav {
  position: relative;
  z-index: 100;
  height: 0;
  top: -160px;
}
@media only screen and (min-width: 550px) {
  .owl-nav {
    top: -170px;
  }
}
@media only screen and (min-width: 850px) {
  .owl-nav {
    top: -180px;
  }
}
@media only screen and (min-width: 1200px) {
  .owl-nav {
    top: -175px;
  }
}
@media only screen and (min-width: 1240px) {
  .owl-nav {
    top: -190px;
  }
}
@media only screen and (min-width: 1800px) {
  .owl-nav {
    top: -240px;
  }
}
@media screen and (min-width: 1920px) {
  .owl-nav {
    top: -248px;
  }
}
@media screen and (min-width: 2200px) {
  .owl-nav {
    top: -282px;
  }
}
.owl-nav .owl-prev:before {
  position: absolute;
  content: url("../img/arrow-left.png");
  left: 20px;
}
@media only screen and (min-width: 550px) {
  .owl-nav .owl-prev:before {
    left: 60px;
  }
}
.owl-nav .owl-prev span {
  display: none;
}
.owl-nav .owl-next:before {
  position: absolute;
  content: url("../img/arrow-right.png");
  right: 20px;
}
@media only screen and (min-width: 550px) {
  .owl-nav .owl-next:before {
    right: 60px;
  }
}
.owl-nav .owl-next span {
  display: none;
}

.owl-dots {
  display: none;
}

.gallery-carousel {
  position: relative;
}
.gallery-carousel picture.item {
  display: block;
  height: 300px;
}
@media only screen and (min-width: 850px) {
  .gallery-carousel picture.item {
    height: 350px;
  }
}
@media only screen and (min-width: 1200px) {
  .gallery-carousel picture.item {
    height: 400px;
  }
}
.gallery-carousel picture.item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.gallery-carousel .owl-nav {
  position: absolute;
  z-index: 100;
  height: 70px;
  top: calc(50% - 35px);
  width: 100%;
}
.gallery-carousel .owl-nav .owl-prev:before {
  position: absolute;
  content: url("../img/arrow-left.png");
  left: 20px;
}
@media only screen and (min-width: 550px) {
  .gallery-carousel .owl-nav .owl-prev:before {
    left: 60px;
  }
}
.gallery-carousel .owl-nav .owl-prev span {
  display: none;
}
.gallery-carousel .owl-nav .owl-next:before {
  position: absolute;
  content: url("../img/arrow-right.png");
  right: 20px;
}
@media only screen and (min-width: 550px) {
  .gallery-carousel .owl-nav .owl-next:before {
    right: 60px;
  }
}
.gallery-carousel .owl-nav .owl-next span {
  display: none;
}

header {
  background-color: #2B3236;
  position: relative;
  z-index: 50;
}
@media only screen and (min-width: 850px) {
  header {
    height: 100px;
  }
}
header.fixed {
  backdrop-filter: blur(15px);
  position: fixed;
  z-index: 500;
  animation: fade-in-header 0.8s;
  width: 100%;
}
@media only screen and (min-width: 850px) {
  header .header-inner {
    display: grid;
    grid-template-columns: 1fr 2fr;
    height: 100%;
    margin: 0 auto;
  }
}
header a:hover {
  color: #3FA535;
}

.site-header .header-inner {
  padding: 10px 0;
}
@media only screen and (min-width: 850px) {
  .site-header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
}
@media only screen and (min-width: 1240px) {
  .site-header .header-inner {
    padding: 0;
  }
}
.site-header .header-inner .primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 850px) {
  .site-header .header-inner .primary {
    display: block;
  }
}
.site-header .header-inner .primary .logo.main {
  display: block;
  width: 100%;
  height: auto;
  max-width: 200px;
}
@media only screen and (min-width: 550px) {
  .site-header .header-inner .primary .logo.main {
    min-width: 200px;
    max-width: 300px;
  }
}
.site-header .header-inner .primary .mobile-menu-toggle {
  display: block;
}
@media only screen and (min-width: 850px) {
  .site-header .header-inner .primary .mobile-menu-toggle {
    display: none;
  }
}
.site-header .header-inner .secondary {
  color: #fff;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 850px) {
  .site-header .header-inner .secondary {
    background-color: transparent;
  }
}
.site-header .header-inner .secondary .site-nav {
  margin: 0;
  padding: 25px;
  display: none;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 850px) {
  .site-header .header-inner .secondary .site-nav {
    align-items: center;
    display: flex;
    gap: 20px;
    margin: 0 0 0 auto;
    padding: 0;
    text-align: right;
  }
}
.site-header .header-inner .secondary .site-nav.open {
  display: block;
}
.site-header .header-inner .secondary .site-nav .phone-number {
  border: 2px solid #3FA535;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-weight: 300;
  text-decoration: none;
  margin-bottom: 0;
  order: 1;
  padding: 3px 10px;
}
.site-header .header-inner .secondary .site-nav .phone-number:hover {
  color: #ffffff;
  transition: background-color 0.4s;
  background-color: #46b83b;
}
.site-header .header-inner .secondary .site-nav .phone-number strong {
  color: #fff;
  text-decoration: none;
}
.site-header .header-inner .secondary .site-nav .main-navigation {
  margin-top: 20px;
}
@media only screen and (min-width: 850px) {
  .site-header .header-inner .secondary .site-nav .main-navigation {
    margin-top: 0;
    order: -1;
  }
}
.site-header .header-inner .secondary .site-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.site-header .header-inner .secondary .site-nav ul li {
  font-size: 1.4em;
}
@media only screen and (min-width: 850px) {
  .site-header .header-inner .secondary .site-nav ul li {
    font-size: 2em;
    font-size: inherit;
  }
}

.hamburger {
  transform: scale(0.5);
}

.hamburger .line {
  width: 50px;
  height: 5px;
  background-color: #ecf0f1;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover {
  cursor: pointer;
}

#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

.header-image-with-overlay {
  position: relative;
  overflow: hidden;
}
.header-image-with-overlay.heavy-overlay .split-container:before {
  background: linear-gradient(90deg, rgba(17, 47, 53, 0.95) 90%, rgba(255, 255, 255, 0) 100%);
}
.header-image-with-overlay .split-container:before {
  background: linear-gradient(90deg, rgb(17, 47, 53) 0%, rgba(17, 47, 53, 0.2) 100%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
}
.header-image-with-overlay .split-container .col .inner .overlay .title,
.header-image-with-overlay .split-container .col .inner .overlay .subtitle {
  position: relative;
  z-index: 10;
}

.home-header-image {
  position: relative;
  overflow: hidden;
}
.home-header-image .image {
  align-items: center;
  background-color: #000;
  display: flex;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 850px) {
  .home-header-image .image {
    background-position: right center;
  }
}
.home-header-image .image:before {
  background: linear-gradient(90deg, rgb(17, 47, 53) 0%, rgba(17, 47, 53, 0.2) 100%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.home-header-image .image .container {
  padding-bottom: 100px;
  padding-top: 100px;
  width: 100%;
}
@media only screen and (min-width: 1240px) {
  .home-header-image .image .container {
    padding-top: 170px;
    padding-bottom: 170px;
  }
}
.home-header-image .image .container .overlay-text {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 850px) {
  .home-header-image .image .container .overlay-text {
    width: 50%;
  }
}
.home-header-image .image .container .overlay-text:after {
  content: "";
  display: block;
}
.home-header-image .image .container .overlay-text h1 {
  color: #fff;
}
@media screen and (max-width: 850px) {
  .home-header-image .image .container .overlay-text h1 {
    font-size: 3.2rem;
    line-height: 1.4;
  }
}
.home-header-image .image .container .overlay-text.onScreen .title,
.home-header-image .image .container .overlay-text.onScreen .description {
  opacity: 1;
  left: 0;
}
.home-header-image .image .container .overlay-text.onScreen .title {
  transition-delay: 0.1s;
}
.home-header-image .image .container .overlay-text.onScreen .description {
  transition-delay: 0.2s;
}
.home-header-image .image .container .overlay-text .title,
.home-header-image .image .container .overlay-text .description {
  position: relative;
  opacity: 0;
  left: -10px;
  transition: all 0.4s;
  font-weight: normal;
}
.home-header-image .image .container .overlay-text .title {
  margin-bottom: 0.4em;
  max-width: 610px;
  line-height: 1;
}
@media only screen and (min-width: 550px) {
  .home-header-image .image .container .overlay-text .title {
    font-size: 48px;
  }
}
.home-header-image .image .container .overlay-text .description {
  font-size: 1.2em;
  max-width: 540px;
  width: 70%;
}
@media only screen and (min-width: 550px) {
  .home-header-image .image .container .overlay-text .description {
    font-size: 1.6em;
    width: 100%;
  }
}
.home-header-image .highlighted {
  position: relative;
  z-index: 20;
}
.home-header-image .highlighted .container {
  margin-top: -60px;
  padding: 30px inherit;
}
@media only screen and (min-width: 550px) {
  .home-header-image .highlighted .container {
    padding: 0 inherit 85px;
  }
}
@media only screen and (min-width: 1240px) {
  .home-header-image .highlighted .container {
    padding: 0 inherit 85px;
  }
}
.home-header-image .highlighted .menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 850px) {
  .home-header-image .highlighted .menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding: 20px 0;
  }
}
.home-header-image .highlighted .menu-item {
  opacity: 0;
  font-size: 2rem;
  line-height: 1.5;
  text-align: left;
  background-color: #ffffff;
  margin-bottom: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  border-radius: 60px;
}
@media only screen and (min-width: 850px) {
  .home-header-image .highlighted .menu-item {
    margin-bottom: 0;
  }
}
.home-header-image .highlighted a {
  background: #f2f2f2;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 20px 60px 20px 40px;
  border: 2px solid #3FA535;
  border-radius: 10px;
  color: #2B3236;
  margin: 0;
  border-radius: 60px;
}
@media only screen and (min-width: 550px) {
  .home-header-image .highlighted a {
    padding: 35px 60px 35px 40px;
  }
}
.home-header-image .highlighted .chevron:after {
  margin: 0 40px 0 auto;
}
.home-header-image .highlighted.onScreen .menu-item {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
.home-header-image .highlighted.onScreen .menu-item:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.home-header-image .highlighted.onScreen .menu-item:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.home-header-image .highlighted.onScreen .menu-item:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.home-header-image .title .extra-lg {
  display: block;
  text-transform: capitalize;
  font-size: 40px;
  color: #fff;
}
@media only screen and (min-width: 550px) {
  .home-header-image .title .extra-lg {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .home-header-image .title .extra-lg {
    font-size: 80px;
  }
}
.home-header-image .description {
  color: #02281C;
}
.home-header-image.onScreen:after {
  opacity: 1;
  top: -100px;
  right: 0;
}
@media only screen and (min-width: 550px) {
  .home-header-image.onScreen:after {
    right: -300px;
  }
}
@media only screen and (min-width: 850px) {
  .home-header-image.onScreen:after {
    right: -10px;
  }
}

.banner {
  background-size: cover;
  background-position: center center;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 850px) {
  .banner {
    padding: 4em 0;
  }
}
.banner.banner-gradient {
  align-items: center;
  display: flex;
  min-height: 300px;
  padding: 2em 0;
}
.banner.banner-gradient:before {
  background: linear-gradient(90deg, rgba(17, 47, 53, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  z-index: 2;
}
.banner.banner-gradient.heavy-overlay:before {
  background: linear-gradient(90deg, rgba(17, 47, 53, 0.95) 90%, rgba(255, 255, 255, 0) 100%);
}
.banner.banner-gradient .banner-inner {
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 850px) {
  .banner.banner-gradient .banner-inner {
    max-width: 45vw;
  }
}
@media screen and (max-width: 850px) {
  .banner.projects-single, .banner.sectors-single, .banner.about {
    padding: 4em 0;
  }
}
@media only screen and (min-width: 850px) {
  .banner.projects-single .split-container .col .inner .overlay, .banner.sectors-single .split-container .col .inner .overlay, .banner.about .split-container .col .inner .overlay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.banner.product-type {
  background-image: url("../img/banners/agriculture.jpg");
}
.banner.page {
  background-image: url("../img/banners/page.jpg");
}
.banner.projects {
  background-image: url("../img/banners/projects.jpg");
}
.banner.projects.projects-single.Commercial {
  background-position: center top;
}
.banner.sectors {
  background-image: url("../img/banners/sectors.jpg");
}
.banner.blog {
  background-image: url("../img/banners/blog.jpg");
}
.banner.contact {
  background-image: url("../img/banners/contact-2025.jpg");
}
.banner.sector {
  background-image: url("../img/banners/sector.jpg");
}
.banner.about {
  background-image: url("../img/banners/new-about.jpg");
}
.banner .split-container .col.no-colour {
  background-color: transparent;
}
@media only screen and (min-width: 550px) {
  .banner .split-container .col .inner .overlay {
    min-height: 382.7px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }
}
.banner .split-container .col .inner .overlay .title,
.banner .split-container .col .inner .overlay .subtitle {
  color: #fff;
}
.banner .split-container .col .inner .overlay .title {
  font-size: 2.2em;
  font-family: "Inter", "Open Sans", sans-serif;
  margin-bottom: 0;
}
@media only screen and (min-width: 550px) {
  .banner .split-container .col .inner .overlay .title {
    font-size: 3.2em;
  }
}
.banner .split-container .col .inner .overlay .title + p,
.banner .split-container .col .inner .overlay .title + h2,
.banner .split-container .col .inner .overlay .title + h3,
.banner .split-container .col .inner .overlay .title + h4,
.banner .split-container .col .inner .overlay .title + h5,
.banner .split-container .col .inner .overlay .title + h6 {
  margin-top: 20px;
}
@media only screen and (min-width: 550px) {
  .banner .split-container .col .inner .overlay .title + p,
  .banner .split-container .col .inner .overlay .title + h2,
  .banner .split-container .col .inner .overlay .title + h3,
  .banner .split-container .col .inner .overlay .title + h4,
  .banner .split-container .col .inner .overlay .title + h5,
  .banner .split-container .col .inner .overlay .title + h6 {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 850px) {
  .menu {
    display: flex;
    justify-content: end;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
}

.menu-item {
  padding: 0;
  text-align: left;
}
.menu-item a {
  text-decoration: none;
}
@media screen and (max-width: 850px) {
  .menu-item a {
    display: inline-block;
    margin: 8px 0;
  }
}

.main-navigation {
  clear: both;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu > li.menu-item {
    border-bottom: 1px solid #23561e;
  }
}
@media only screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu > li.menu-item {
    padding: 25px 0;
  }
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item {
  color: #fff;
  position: relative;
}
@media only screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item {
    color: #02281C;
  }
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.current-menu-item, .main-navigation .menu-main-menu-container ul.menu li.menu-item.current-menu-parent, .main-navigation .menu-main-menu-container ul.menu li.menu-item.current-menu-ancestor {
  color: #3FA535;
}
@media only screen and (min-width: 550px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item:hover > .sub-menu {
    opacity: 1;
    top: 58px;
    z-index: 10;
    transition-delay: 0s;
    visibility: initial;
    transition: all 0.4s;
  }
  .main-navigation .menu-main-menu-container ul.menu li.menu-item:hover > .sub-menu li .sub-menu {
    visibility: initial;
  }
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover:after {
  top: 27px;
  opacity: 1;
}
@media only screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover:after {
    top: 45px;
    transition: all 0.4s;
  }
}
@media only screen and (min-width: 1200px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover:after {
    top: 45px;
  }
}
@media screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:after {
    content: url("../img/tab.svg");
    position: absolute;
    top: 60px;
    left: 35%;
    opacity: 0;
    transition: none;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children .btn-show-sub {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='24' stroke-width='1.5' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    float: right;
    height: 24px;
    margin: 10px 0 0 0;
    width: 24px;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children .sub-menu {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children .sub-menu li {
    font-size: 14px;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children .sub-menu li.menu-item-has-children .btn-show-sub {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children .sub-menu li a {
    margin: 0;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item > .sub-menu {
    margin: 0.5em 0 2em 15px;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item > .sub-menu .sub-menu {
    margin: 0;
  }
}
@media screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu {
    display: flex;
    min-height: 345px;
    transform: translateX(-50%);
    justify-content: center;
    left: 50px;
  }
}
@media only screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu {
    min-width: 600px;
  }
}
@media only screen and (min-width: 1200px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu {
    min-width: 1050px;
    left: -55px;
  }
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item {
  border-right: 1px solid #3FA535;
  color: #3FA535;
  position: relative;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item {
    border-right: none;
  }
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item:last-child {
  border: none;
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item:after {
  content: unset;
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item a {
  display: block;
  margin-bottom: 0;
  padding: 0 20px 10px;
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item a {
    padding: 15px 20px 0 0;
  }
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item .sub-menu {
  position: static;
  display: inline;
  opacity: 1;
  z-index: 10;
  color: #fff;
  background-color: unset;
  width: 100%;
  height: unset;
  min-width: unset;
  min-height: unset;
  padding: 0;
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item .sub-menu:before {
  content: unset;
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item .sub-menu li.menu-item {
  border-right: none;
  color: #fff;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  text-transform: initial;
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item .sub-menu li.menu-item a {
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 20px 0;
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item.megamenu-item .sub-menu li.menu-item .sub-menu li.menu-item a {
    padding: 10px 20px 0 0;
  }
}
@media screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item a {
    color: #fff;
    padding: 0;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item > .sub-menu {
    margin: 0.5em 0 2em 15px;
  }
}
@media screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item .sub-menu {
    top: 80px;
    z-index: -1;
    opacity: 0;
    position: absolute;
    background-color: rgba(2, 40, 28, 0.96);
    color: #fff;
    padding: 40px 35px;
    border-radius: 11px;
    transition: none;
    visibility: hidden;
    left: -35px;
  }
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item .sub-menu:active {
  transition: none;
}
.main-navigation .menu-main-menu-container ul.menu li.menu-item .sub-menu li.menu-item {
  color: #fff;
  margin-bottom: 5px;
}
@media screen and (min-width: 850px) {
  .main-navigation .menu-main-menu-container ul.menu li.menu-item .sub-menu li.menu-item {
    margin-bottom: 10px;
  }
}

.sectors-support.onScreen .sector {
  opacity: 1;
  top: 0;
  left: 0;
}
.sectors-support.onScreen .sector:nth-child(1) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.sectors-support.onScreen .sector:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.sectors-support.onScreen .sector:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.sectors-support.onScreen .sector:nth-child(4) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sectors-support .container {
  padding-bottom: 40px;
  padding-top: 40px;
}
.sectors-support h2 {
  margin-bottom: 40px;
}
.sectors-support .sector {
  position: relative;
  top: -40px;
  left: -5px;
  opacity: 0;
  transition: all 0.4s;
}
.sectors-support .sector img {
  display: block;
  min-width: 100%;
}
.sectors-support .sector a, .sectors-support .sector a:hover {
  text-decoration: none;
  color: #02281C;
  font-size: 16px;
}
@media only screen and (min-width: 550px) {
  .sectors-support .sector a, .sectors-support .sector a:hover {
    font-size: 20px;
  }
}
.sectors-support .sector span {
  display: flex;
  padding: 15px 0 20px;
  border-bottom: 2px solid #42484C;
  align-items: center;
  margin: 0 0 25px;
  min-height: 87px;
}
@media only screen and (min-width: 550px) {
  .sectors-support .sector span {
    padding: 27px 0 20px;
    min-height: unset;
  }
}
.sectors-support .sector span:after {
  margin: 0 20px 0 auto;
}

.sectors {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (max-width: 850px) {
  .sectors {
    gap: 60px;
  }
}
@media only screen and (min-width: 850px) {
  .sectors {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .sectors {
    gap: 45px;
  }
}
.sectors .sector {
  display: grid;
}
.sectors .sector .sector-top {
  align-self: flex-start;
}
.sectors .sector .sector-top .sector-img {
  display: block;
  height: 175px;
  margin-bottom: 15px;
}
.sectors .sector .sector-top .sector-img img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.sectors .sector a {
  align-self: flex-end;
  display: block;
}

.best-numbers .content {
  padding: 60px 15px;
}
@media only screen and (min-width: 550px) {
  .best-numbers .content {
    padding: 80px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .best-numbers .content {
    padding: 80px 0;
  }
}
.best-numbers h2 {
  color: #3FA535;
  margin: 0 0 50px;
  width: 85%;
}
.best-numbers .kpi {
  list-style-type: none;
  padding: 0;
  gap: 30px;
}
@media only screen and (min-width: 850px) {
  .best-numbers .kpi {
    gap: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .best-numbers .kpi {
    gap: 100px;
  }
}
.best-numbers .label {
  font-size: 2.4rem;
  color: #02281C;
}
.best-numbers .number {
  color: #3FA535;
  font-weight: 600;
  font-size: 2.4rem;
}
@media only screen and (min-width: 550px) {
  .best-numbers .number {
    font-size: 2.8rem;
  }
}
.best-numbers .number:before {
  display: block;
  content: "";
  width: 100%;
  height: 55px;
  background-repeat: no-repeat;
  background-position: center left;
  margin: 0 0 25px 0;
}
.best-numbers .number:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  margin: 10px 0;
  background-color: #42484C;
}
@media screen and (max-width: 850px) {
  .best-numbers .number:after {
    margin: 10px 0;
  }
}
.best-numbers .order .number:before {
  background-image: url(../img/8day.svg);
}
.best-numbers .turnaround .number:before {
  background-image: url(../img/24hr.svg);
}
.best-numbers .metres .number:before {
  background-image: url(../img/2500mtrs.svg);
}
.best-numbers .warranty .number:before {
  background-image: url(../img/30yrs.svg);
}

.menu-profiles-menu-container {
  margin-bottom: 4em;
}
@media only screen and (min-width: 1200px) {
  .menu-profiles-menu-container {
    padding: 0 3em;
  }
}
.menu-profiles-menu-container .menu {
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 16px;
  gap: 20px;
  font-weight: 600;
  list-style-type: none;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 550px) {
  .menu-profiles-menu-container .menu {
    gap: 40px;
    font-size: 25px;
  }
}
@media only screen and (min-width: 850px) {
  .menu-profiles-menu-container .menu {
    gap: 40px;
    font-size: 25px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .menu-profiles-menu-container .menu {
    gap: 100px;
    font-size: 25px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.menu-profiles-menu-container .menu-item a {
  width: 100%;
}
.menu-profiles-menu-container .menu-item a span {
  align-items: center;
  color: #08714E;
  display: flex;
  font-weight: 400;
  gap: 10px;
  justify-content: center;
}
.menu-profiles-menu-container .menu-item a span:after {
  content: ">";
}
.menu-profiles-menu-container .menu-item a:before {
  margin: 0 auto 20px auto;
}
@media only screen and (min-width: 850px) {
  .menu-profiles-menu-container .menu-item a:before {
    margin: 0 auto 20px auto;
  }
}
.menu-profiles-menu-container .profile-c4s.menu-item a:before {
  background-image: url(../img/profiles/c4s.svg);
  width: 100%;
}
.menu-profiles-menu-container .profile-cr6.menu-item a:before {
  background-image: url(../img/profiles/c6.svg);
  width: 100%;
}
.menu-profiles-menu-container .profile-cr24.menu-item a:before {
  background-image: url(../img/profiles/cr24.svg);
  width: 100%;
}
.menu-profiles-menu-container .profile-cr32.menu-item a:before {
  background-image: url(../img/profiles/cr32.svg);
  width: 100%;
}
.menu-profiles-menu-container .profile-cr34.menu-item a:before {
  background-image: url(../img/profiles/cr34.svg);
  width: 100%;
}
.menu-profiles-menu-container .profile-cr38.menu-item a:before {
  background-image: url(../img/profiles/cr38.svg);
  width: 100%;
}

@media only screen and (min-width: 550px) {
  .popular-profiles .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 0;
  }
}
.popular-profiles .content p, .popular-profiles .content .menu-profiles-menu-container {
  grid-column: 1/span 2;
  margin: 30px 0 0;
}
@media only screen and (min-width: 550px) {
  .popular-profiles .content p, .popular-profiles .content .menu-profiles-menu-container {
    margin: 0;
  }
}
.popular-profiles .popular-profiles-bottom {
  grid-column: span 4;
  margin-top: 2em;
  text-align: center;
}
.popular-profiles .popular-profiles-bottom p {
  color: #fff;
  margin: 0;
}
.popular-profiles .popular-profiles-bottom p a {
  text-decoration: underline;
}
.popular-profiles .popular-profiles-bottom p a:hover {
  color: #f1f1f1;
}
.popular-profiles.onScreen #menu-profiles-menu li {
  opacity: 1;
  top: 0;
  left: 0;
}
.popular-profiles.onScreen #menu-profiles-menu li:nth-child(1) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.popular-profiles.onScreen #menu-profiles-menu li:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.popular-profiles.onScreen #menu-profiles-menu li:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.popular-profiles.onScreen #menu-profiles-menu li:nth-child(4) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.popular-profiles #menu-profiles-menu li {
  position: relative;
  top: -40px;
  left: -5px;
  opacity: 0;
  transition: all 0.4s;
  text-align: center;
}

.video-text .split-container.gap-lg {
  gap: 20px;
}
@media only screen and (min-width: 550px) {
  .video-text .split-container.gap-lg {
    gap: 80px;
  }
}

.green-strip {
  padding: 3em 0;
}
@media screen and (min-width: 1200px) {
  .green-strip {
    padding: 5em 0;
  }
}
.green-strip .wp-block-group .wp-block-heading {
  /*            @media screen and (max-width:$bp_lg){
                  @include h3size;
              }
              @media screen and (max-width:$bp_md){
                  @include h4size;
              }*/
}
.green-strip .wp-block-group .wp-block-heading a:hover {
  color: #97e78f;
}
@media screen and (max-width: 550px) {
  .green-strip .wp-block-image {
    max-width: 70px;
  }
}

.template {
  position: fixed;
  top: 0;
  padding: 5px 20px;
}

/**
* Common extendable elements
**/
.common-pad, .user-needs-grid, .profile, .related, .filters, .intro {
  padding: 30px 0;
}
@media only screen and (min-width: 550px) {
  .common-pad, .user-needs-grid, .profile, .related, .filters, .intro {
    padding: 90px 0 80px;
  }
}
@media only screen and (min-width: 1240px) {
  .common-pad, .user-needs-grid, .profile, .related, .filters, .intro {
    padding: 90px 0 80px;
  }
}

.container {
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .container {
    padding: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 100%;
    padding: 0 100px;
  }
}
@media screen and (min-width: 1800px) {
  .container {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 50px;
  }
}
.container.height-100 {
  height: 100%;
}

.simple-container, .split-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}
@media only screen and (min-width: 1200px) {
  .simple-container, .split-container {
    padding: 0 100px;
  }
}
@media only screen and (min-width: 1800px) {
  .simple-container, .split-container {
    padding: 0 50px;
    max-width: 1300px;
  }
}

.break {
  display: none;
}
@media only screen and (min-width: 550px) {
  .break {
    display: block;
  }
}

.container-inner > .wp-block-group__inner-container,
.container-inner > .wp-block-cover__inner-container {
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .container-inner > .wp-block-group__inner-container,
  .container-inner > .wp-block-cover__inner-container {
    padding: 0 30px;
  }
}
@media screen and (min-width: 850px) {
  .container-inner > .wp-block-group__inner-container,
  .container-inner > .wp-block-cover__inner-container {
    padding: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .container-inner > .wp-block-group__inner-container,
  .container-inner > .wp-block-cover__inner-container {
    padding: 0 100px;
  }
}
@media screen and (min-width: 1800px) {
  .container-inner > .wp-block-group__inner-container,
  .container-inner > .wp-block-cover__inner-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
}

.left-container {
  padding: 0 2em;
  width: 100%;
}
@media screen and (min-width: 550px) {
  .left-container {
    padding: 0 4em;
  }
}
@media screen and (min-width: 850px) {
  .left-container {
    margin-left: auto;
    padding: 0 0 0 2em;
  }
}
@media screen and (min-width: 1200px) {
  .left-container {
    padding: 0 0 0 10vw;
  }
}
@media screen and (min-width: 1800px) {
  .left-container {
    max-width: 620px;
    padding: 0 0 0 50px;
  }
}
@media screen and (min-width: 850px) {
  .left-container.inner {
    padding-right: 2em;
  }
}
@media screen and (min-width: 1200px) {
  .left-container.inner {
    padding-right: 3em;
  }
}
@media screen and (min-width: 1800px) {
  .left-container.inner {
    padding-right: 4em;
  }
}

.right-container {
  padding: 0 2em;
  width: 100%;
}
@media screen and (min-width: 550px) {
  .right-container {
    padding: 0 4em;
  }
}
@media screen and (min-width: 850px) {
  .right-container {
    margin-right: auto;
    padding: 0 2em 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .right-container {
    padding: 0 103px 0 0;
  }
}
@media screen and (min-width: 1800px) {
  .right-container {
    max-width: 620px;
    padding: 0 50px 0 0;
  }
}
@media screen and (min-width: 850px) {
  .right-container.inner {
    padding-left: 2em;
  }
}
@media screen and (min-width: 1200px) {
  .right-container.inner {
    padding-left: 3em;
  }
}
@media screen and (min-width: 1800px) {
  .right-container.inner {
    padding-left: 4em;
  }
}

.container-nopad {
  margin: 0 auto;
  width: 100%;
  max-width: 1168px;
}

@media only screen and (min-width: 1800px) {
  .container-inner-left {
    max-width: 650px;
    margin-left: auto;
  }
}
.container-inner-left.inner-padding .wp-block-group__inner-container {
  padding: 50px 30px;
}
@media screen and (min-width: 550px) {
  .container-inner-left.inner-padding .wp-block-group__inner-container {
    padding: 50px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .container-inner-left.inner-padding .wp-block-group__inner-container {
    padding: 90px 50px 90px 100px;
  }
}
@media screen and (min-width: 1800px) {
  .container-inner-left.inner-padding .wp-block-group__inner-container {
    padding: 100px 50px 100px 50px;
  }
}
.container-inner-left.inner-padding.no-padding-top .wp-block-group__inner-container {
  padding-top: 0;
}

@media only screen and (min-width: 1800px) {
  .container-inner-right {
    max-width: 650px;
    margin-right: auto;
  }
}
.container-inner-right.inner-padding .wp-block-group__inner-container {
  padding: 50px 30px;
}
@media screen and (min-width: 550px) {
  .container-inner-right.inner-padding .wp-block-group__inner-container {
    padding: 50px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .container-inner-right.inner-padding .wp-block-group__inner-container {
    padding: 90px 100px 90px 50px;
  }
}
@media screen and (min-width: 1800px) {
  .container-inner-right.inner-padding .wp-block-group__inner-container {
    padding: 100px 50px 100px 50px;
  }
}
.container-inner-right.inner-padding.no-padding-top .wp-block-group__inner-container {
  padding-top: 0;
}

.split-container {
  /*    display: grid;
      gap: $bp_gutter;

      @include breakpoint($bp_sm) {
          grid-template-columns: repeat(auto-fit, 75px, 1fr);
      }

      @include breakpoint($bp_md) {
          grid-template-columns: 1fr 1fr;
      }*/
}
.split-container.alt-pad .col .inner {
  max-width: 565px;
}
.split-container.gap-lg {
  gap: 80px;
}
.split-container .col {
  /*        &:nth-child(1) {

              .inner {
                  margin-right: 0;

                  @include breakpoint($bp_md) {
                      margin-left: auto;
                  }
              }
          }

          &:nth-child(2) {

              .inner {
                  margin-left: 0;

                  @include breakpoint($bp_md) {
                      margin-right: auto;
                  }
              }
          }*/
}
.split-container .col .inner {
  max-width: 585px;
}

.generic-page article,
.contact-page article {
  padding: 0 30px;
}
@media only screen and (min-width: 1240px) {
  .generic-page article,
  .contact-page article {
    padding: 0;
  }
}
.generic-page.about-page article,
.contact-page.about-page article {
  padding: 0;
}

img.responsive-img {
  width: 100%;
  height: auto;
}
img.scaling-img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.generic-archive-list {
  padding: 50px 30px;
}
@media only screen and (min-width: 550px) {
  .generic-archive-list {
    padding: 150px 30px 50px;
  }
}
@media only screen and (min-width: 1240px) {
  .generic-archive-list {
    padding: 150px 0 50px;
  }
}
.generic-archive-list .inner {
  display: grid;
}
@media only screen and (min-width: 550px) {
  .generic-archive-list .inner {
    grid-template-columns: 1fr 1fr;
    row-gap: 35px;
    column-gap: 30px;
  }
}
@media only screen and (min-width: 550px) and (min-width: 550px) {
  .generic-archive-list .inner {
    column-gap: 50px;
  }
}
.generic-archive-list .inner .sectors {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (min-width: 550px) {
  .generic-archive-list .inner .sectors {
    padding-top: 50px;
  }
  .generic-archive-list .inner .sectors:before {
    position: absolute;
    top: -50px;
  }
}
.generic-archive-list .inner .sectors.garage-domestic:before {
  content: url("../img/icon-sector-garage-domestic.svg");
}
.generic-archive-list .inner .sectors.agricultural:before {
  content: url("../img/icon-sector-agricultural.svg");
}
.generic-archive-list .inner .sectors.commercial:before {
  content: url("../img/icon-sector-commercial.svg");
}
.generic-archive-list .inner .sectors.industrial:before {
  content: url("../img/icon-sector-industrial.svg");
}

.bg_primary {
  background-color: #02281C;
  color: #ffffff;
}
.bg_primary h1, .bg_primary .h1, .bg_primary h2, .bg_primary .h2, .bg_primary h3, .bg_primary .h3, .bg_primary h4, .bg_primary .h4, .bg_primary h5, .bg_primary .h5, .bg_primary h6, .bg_primary .h6 {
  color: #ffffff;
}
.bg_primary.bg_darker {
  background-color: #02281C;
}

.bg_secondary {
  background-color: #C9C6C2;
  color: #2B3236;
}

.product-callout .menu-item, .wp-block-quote.green-border {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  border-radius: 14px;
}

.intro {
  /*    background-image: url('../img/bg-logo-crop.svg');
      background-position: top right;
      background-repeat: no-repeat;
      background-size: cover;*/
}
@media only screen and (min-width: 550px) {
  .intro {
    background-size: contain;
  }
}
@media screen and (max-width: 850px) {
  .intro .inner .title {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 850px) {
  .intro .inner .title {
    max-width: 60%;
  }
}
@media only screen and (min-width: 850px) {
  .intro .inner .subtitle {
    max-width: 67%;
  }
}

.telephone-callout {
  background-color: #3FA535;
  padding: 30px 0;
}
@media only screen and (min-width: 1240px) {
  .telephone-callout {
    padding: 30px 0;
  }
}
.telephone-callout p {
  font-weight: 300;
}
@media screen and (max-width: 850px) {
  .telephone-callout p {
    font-size: 2rem;
    line-height: 1.5;
    width: 80%;
  }
}
.telephone-callout p a {
  font-weight: bold;
}

.system-callout {
  background-color: #02281C;
  padding: 50px 30px;
}
@media only screen and (min-width: 550px) {
  .system-callout {
    padding: 70px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .system-callout {
    padding: 70px 0;
  }
}
.system-callout .inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.system-callout .inner .text .subtitle {
  font-size: 1.4em;
  color: #3FA535;
  font-weight: 50;
  margin: 0;
}
@media only screen and (min-width: 550px) {
  .system-callout .inner .text .subtitle {
    font-size: 2em;
  }
}
.system-callout .inner .text .title {
  font-size: 1.8em;
  color: #fff;
  display: block;
  font-weight: 400;
  margin-bottom: 15px;
}
@media only screen and (min-width: 550px) {
  .system-callout .inner .text .title {
    font-size: 2.7em;
    margin: 0;
  }
}
.system-callout .inner img {
  max-width: 50px;
}
@media only screen and (min-width: 550px) {
  .system-callout .inner img {
    max-width: 100px;
  }
}

.system-callout-alt {
  background-color: #02281C;
  padding: 50px 30px;
}
@media only screen and (min-width: 550px) {
  .system-callout-alt {
    padding: 70px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .system-callout-alt {
    padding: 70px 0;
  }
}
.system-callout-alt .inner {
  display: flex;
  flex-wrap: no-wrap;
  gap: 20px;
  justify-content: space-between;
}
@media only screen and (min-width: 550px) {
  .system-callout-alt .inner {
    flex-wrap: nowrap;
    gap: 30px;
  }
}
.system-callout-alt .inner .text .subtitle {
  font-size: 1.4em;
  color: #3FA535;
  font-weight: 50;
  margin: 0;
}
@media only screen and (min-width: 550px) {
  .system-callout-alt .inner .text .subtitle {
    font-size: 2em;
  }
}
.system-callout-alt .inner .text .title {
  font-size: 1.8em;
  color: #fff;
  display: block;
  font-weight: 400;
  margin: 0;
}
@media only screen and (min-width: 550px) {
  .system-callout-alt .inner .text .title {
    font-size: 2.7em;
  }
}
.system-callout-alt .inner img {
  max-width: 50px;
}
@media only screen and (min-width: 550px) {
  .system-callout-alt .inner img {
    max-width: 100px;
  }
}

.reasons-callout,
.product-offering-callout {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .reasons-callout,
  .product-offering-callout {
    padding: 100px 30px 80px;
  }
}
@media only screen and (min-width: 1240px) {
  .reasons-callout,
  .product-offering-callout {
    padding: 100px 0 80px;
  }
}
.reasons-callout .inner .grid,
.product-offering-callout .inner .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-around;
  gap: 20px;
}
@media only screen and (min-width: 550px) {
  .reasons-callout .inner .grid,
  .product-offering-callout .inner .grid {
    justify-content: space-between;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
  }
}
.reasons-callout .inner .grid .col,
.product-offering-callout .inner .grid .col {
  text-align: center;
}
.reasons-callout .inner .grid .col .reason-title,
.product-offering-callout .inner .grid .col .reason-title {
  color: #02281C;
  font-weight: 400;
  margin: 0;
}
.reasons-callout .inner .grid .col .icon,
.product-offering-callout .inner .grid .col .icon {
  margin: 10px 0 10px;
  max-width: 60px;
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 550px) {
  .reasons-callout .inner .grid .col .icon,
  .product-offering-callout .inner .grid .col .icon {
    max-width: 90px;
  }
}

.product-offering-callout {
  text-align: center;
}
.product-offering-callout .circle-border {
  border: 4px solid #3FA535;
  border-radius: 50%;
  width: 83px;
  height: 83px;
  padding: 13px;
  margin: 10px auto;
}

.projects-feed {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .projects-feed {
    padding: 100px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .projects-feed {
    padding: 100px 0;
  }
}
.projects-feed .inner {
  display: grid;
}
@media only screen and (min-width: 550px) {
  .projects-feed .inner {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
}
.projects-feed .inner .col {
  border-radius: 17px;
  box-shadow: 0 0 20px #a4a4a4;
  margin-bottom: 30px;
  border: 2px solid #3FA535;
}
@media only screen and (min-width: 550px) {
  .projects-feed .inner .col {
    margin-bottom: 0;
  }
}
.projects-feed .inner .col .title {
  display: block;
  padding: 35px 25px;
  margin: 0;
  color: #2B3236;
}
.projects-feed .inner .col img {
  border-radius: 14px 14px 0 0;
  height: 250px;
  object-fit: cover;
}
.projects-feed .inner .col .icon-arrow:after {
  content: url("../img/icon-arrow-next-lg.svg");
  right: 30px;
}
.projects-feed .inner .col .icon-arrow:hover:after {
  right: 20px;
}
.sector-grid.alt-pad .half-container.left {
  padding-right: unset;
  margin-left: unset;
}
@media only screen and (min-width: 850px) {
  .sector-grid.alt-pad .half-container.left {
    padding-right: 150px;
    margin-left: auto;
  }
}
.sector-grid.alt-pad .half-container.right {
  padding-left: 30px;
  margin-right: unset;
}
@media only screen and (min-width: 850px) {
  .sector-grid.alt-pad .half-container.right {
    padding-left: 100px;
    margin-right: auto;
  }
}
.sector-grid.alt-pad .grid-img .wp-block-image img {
  max-height: 650px;
  object-fit: cover;
}
.sector-grid .wp-block-columns {
  gap: 0;
}
.sector-grid .half-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 585px;
  align-items: center;
  height: 100%;
  padding: 30px;
}
@media only screen and (min-width: 1240px) {
  .sector-grid .half-container {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 550px) {
  .sector-grid .half-container.offset-col {
    max-width: 620px;
  }
}
@media only screen and (min-width: 1200px) {
  .sector-grid .half-container.offset-col {
    max-width: 650px;
  }
}
@media only screen and (min-width: 1800px) {
  .sector-grid .half-container.offset-col {
    max-width: 680px;
  }
}
.sector-grid .half-container.left {
  margin-left: auto;
  margin-right: 0;
}
@media only screen and (min-width: 550px) {
  .sector-grid .half-container.left {
    padding-right: 50px;
  }
}
.sector-grid .half-container.right {
  margin-right: auto;
  margin-left: 0;
}
@media only screen and (min-width: 550px) {
  .sector-grid .half-container.right {
    padding-left: 50px;
  }
}
.sector-grid .half-container .wp-block-separator {
  margin: 40px 0;
}
.sector-grid .grid-img {
  height: 100%;
}
@media only screen and (min-width: 850px) {
  .sector-grid .grid-img {
    height: inherit;
  }
}
.sector-grid .grid-img .wp-block-group__inner-container {
  height: 100%;
}
@media only screen and (min-width: 850px) {
  .sector-grid .grid-img .wp-block-group__inner-container {
    height: inherit;
  }
}
.sector-grid .grid-img .wp-block-group__inner-container figure {
  margin: 0;
  height: 100%;
}
@media only screen and (min-width: 850px) {
  .sector-grid .grid-img .wp-block-group__inner-container figure {
    height: inherit;
  }
}
.sector-grid .grid-img .wp-block-group__inner-container figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 850px) {
  .sector-grid .grid-img .wp-block-group__inner-container figure img {
    height: inherit;
    object-fit: unset;
  }
}
.sector-grid .grey-bg {
  background-color: #F5F5F5;
}
.sector-grid .dark-grey-bg {
  background-color: #2B3236;
}

.map-container iframe {
  display: block;
  width: 100%;
}

/*.project-outer .wp-block-columns {
    max-width: $bp_lg;
}*/
.text-uppercase {
  text-transform: uppercase;
}

.centered-title {
  height: 100%;
  display: flex;
  align-items: center;
}

.no-margin {
  margin-bottom: 0 !important;
}

.site-footer {
  background-color: #02281C;
  background-image: url("../img/graphic-map-footer.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 850px) {
  .site-footer {
    background-image: url("../img/uk-map.png");
    background-size: auto 100%;
    background-position: top right;
  }
}
.site-footer .content {
  display: grid;
}
@media only screen and (min-width: 850px) {
  .site-footer .content {
    grid-template-columns: 1fr 1fr;
  }
}
.site-footer .content {
  column-gap: 40px;
}
@media only screen and (min-width: 850px) {
  .site-footer .content {
    column-gap: 100px;
    padding: 70px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .site-footer .content {
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1800px) {
  .site-footer .content {
    column-gap: 100px;
    padding: 100px 50px;
  }
}
.site-footer .content a:hover {
  color: #3FA535;
}
.site-footer .content .logo-footer {
  max-width: 50%;
}
@media only screen and (min-width: 850px) {
  .site-footer .content .logo-footer {
    max-width: 300px;
  }
}
.site-footer .content .details {
  margin-top: 30px;
}
@media only screen and (min-width: 550px) {
  .site-footer .content .details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
.site-footer .content .details .address-details p {
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
}
.site-footer .content .details .address-details .contact-details {
  margin-bottom: 20px;
}
@media only screen and (min-width: 550px) {
  .site-footer .content .details .address-details .contact-details {
    margin-bottom: 0;
  }
}
.site-footer .content .details .address-details .contact-details a {
  display: block;
  margin-top: 20px;
}
.site-footer .content .details .address-details .contact-details a:nth-child(2) {
  margin-top: 0;
}
@media only screen and (min-width: 550px) {
  .site-footer .content .details .address-details .contact-details a:nth-child(2) {
    margin-top: 20px;
  }
}
.site-footer .content .details .quick-links {
  color: #fff;
}
.site-footer .content .details .quick-links h5 {
  color: #fff;
}
.site-footer .content .details .quick-links .footer-menu p {
  margin-bottom: 20px;
}
.site-footer .content .details .quick-links .footer-menu ul {
  list-style-type: disc;
  display: block;
  margin-left: 10px;
}
@media only screen and (min-width: 850px) {
  .site-footer .content .details .quick-links .footer-menu ul {
    margin-left: 20px;
  }
}
.site-footer .content .details .quick-links .footer-menu ul li {
  text-align: left;
  font-weight: 500;
}
.site-footer .content .details .quick-links .footer-menu ul li a {
  font-weight: 300;
  margin: 0;
}
@media only screen and (min-width: 850px) {
  .site-footer .content .details .quick-links .footer-menu ul li a {
    margin-bottom: 5px;
  }
}
.site-footer .content .inner {
  margin-top: 25px;
}
.site-footer .footer-lg {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media only screen and (min-width: 850px) {
  .site-footer .footer-lg {
    font-size: 3.5em;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 550px) {
  .site-footer .footer-subtext {
    max-width: 60%;
  }
}

.search-container .search_box {
  position: relative;
  z-index: 210;
}
.search-container .search_result {
  display: none;
  z-index: 200;
  background-color: #fff;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0, 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 550px) {
  .search-container .search_result {
    position: absolute;
    width: 46%;
    max-width: 600px;
    padding: 50px 30px 30px;
  }
}
@media only screen and (min-width: 850px) {
  .search-container .search_result {
    width: 100%;
  }
}
.search-container .search_result.open {
  display: block;
}
.search-container .search_result ul {
  list-type-style: none;
  padding: 0;
  margin: 0;
}
.search-container .search_result ul li {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  column-gap: 20px;
  row-gap: 40px;
  transition: background-color 0.4s;
  margin: 10px 0;
  padding: 10px 0;
}
.search-container .search_result ul li:hover {
  background-color: #C9C6C2;
}
.search-container .search_result ul li .title {
  color: #02281C;
  display: block;
}
.search-container .search_result ul li .text {
  color: #2B3236;
}
.search-container.product-page .search_result {
  box-shadow: 0, 0 0 20px 0 rgba(0, 0, 0, 0.25), 0 0 20px 0 rgba(0, 0, 0, 0.25), 0 0 20px 0 rgba(0, 0, 0, 0.25);
  padding: 0px 30px 30px;
}

.popular-products {
  overflow: hidden;
  /*    .content {
          display: flex;
          width: 100%;
          grid-column: 2 / span 2;
          margin: 0 auto;
          padding: 50px 30px;

          @include breakpoint($bp_sm) {
              padding: 50px 30px 88px;
          }

          @include breakpoint($bp_lg + $bp_gutter) {
              padding: 50px 0 88px;
          }
      }*/
}
@media only screen and (min-width: 550px) {
  .popular-products {
    overflow: initial;
  }
}
.popular-products .content {
  width: 100%;
  margin: 0 auto;
  padding: 50px 15px;
}
@media only screen and (min-width: 550px) {
  .popular-products .content {
    padding: 50px 30px 88px;
  }
}
@media only screen and (min-width: 1240px) {
  .popular-products .content {
    padding: 50px 0 88px;
  }
}
.popular-products .owl-stage .owl-item {
  max-width: 392px;
}
.popular-products .owl-stage .owl-item:nth-child(1) li a:before {
  content: "1";
}
.popular-products .owl-stage .owl-item:nth-child(2) li a:before {
  content: "2";
}
.popular-products .owl-stage .owl-item:nth-child(3) li a:before {
  content: "3";
}
.popular-products .owl-stage .owl-item:nth-child(4) li a:before {
  content: "4";
}
.popular-products .owl-stage .owl-item:nth-child(5) li a:before {
  content: "5";
}
.popular-products .owl-stage .owl-item:nth-child(6) li a:before {
  content: "6";
}
.popular-products .owl-stage .owl-item:nth-child(7) li a:before {
  content: "7";
}
.popular-products .owl-stage .owl-item:nth-child(8) li a:before {
  content: "8";
}
.popular-products .owl-stage .owl-item:nth-child(9) li a:before {
  content: "9";
}
.popular-products .owl-stage .owl-item:nth-child(10) li a:before {
  content: "10";
}
.popular-products .owl-stage .owl-item:nth-child(11) li a:before {
  content: "11";
}
.popular-products .owl-stage .owl-item:nth-child(12) li a:before {
  content: "12";
}
.popular-products .owl-stage .owl-item:nth-child(13) li a:before {
  content: "13";
}
.popular-products .owl-stage .owl-item:nth-child(14) li a:before {
  content: "14";
}
.popular-products .owl-stage .owl-item:nth-child(15) li a:before {
  content: "15";
}
.popular-products .owl-stage .owl-item:nth-child(16) li a:before {
  content: "16";
}
.popular-products .owl-stage .owl-item:nth-child(17) li a:before {
  content: "17";
}
.popular-products .owl-stage .owl-item:nth-child(18) li a:before {
  content: "18";
}
.popular-products .owl-stage .owl-item:nth-child(19) li a:before {
  content: "19";
}
.popular-products .owl-stage .owl-item:nth-child(20) li a:before {
  content: "20";
}
.popular-products h2 {
  min-width: 180px;
  margin: 0;
  align-self: center;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 550px) {
  .popular-products h2 {
    min-width: 230px;
    align-self: flex-end;
    margin-bottom: 1em;
  }
}
.popular-products .menu-popular_products-menu-container {
  margin: 0;
}
@media only screen and (min-width: 550px) {
  .popular-products .menu-popular_products-menu-container {
    margin: -115px 0 0 0;
  }
}
.popular-products .menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px;
}
.popular-products li {
  background-color: #ffffff;
  border-radius: 14px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  color: #3FA535;
  text-align: left;
  font-weight: 600;
}
@media only screen and (min-width: 550px) {
  .popular-products li {
    height: 100%;
  }
}
.popular-products li a {
  display: block;
  padding: 18px 18px 48px;
  font-size: 1em;
}
@media only screen and (min-width: 550px) {
  .popular-products li a {
    padding: 38px 38px 78px;
    font-size: 2.8rem;
  }
}
.popular-products li a:hover {
  color: #02281C;
}
.popular-products li a:before {
  display: block;
  color: #02281C;
  font-size: 4.8rem;
  line-height: 1.2;
  margin: 0 0 14px;
}
@media only screen and (min-width: 550px) {
  .popular-products .carousel {
    margin-left: 50px;
  }
}
.popular-products .carousel #menu-popular-products {
  list-style-type: none;
}
.popular-products .carousel .owl-nav {
  display: none;
}
.popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 550px) {
  .popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products {
    row-gap: 10px;
  }
}
@media only screen and (min-width: 850px) {
  .popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products {
    column-gap: 15px;
    row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products {
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products li {
  align-items: center;
  display: flex;
}
.popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products li a {
  font-size: 1.5em;
  padding: 1em;
  position: relative;
  width: 100%;
}
.popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products li a:after {
  position: absolute;
  display: inline-block;
  content: "";
  right: 40px;
  transition: right 0.2s ease-in-out;
  width: 26px;
  height: 26px;
  border-top: 8px solid #3FA535;
  border-right: 8px solid #3FA535;
  transform: rotate(45deg);
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-top: 4px solid #3FA535;
  border-right: 4px solid #3FA535;
  top: calc(50% - 7px);
}
.popular-products .popular-products-grid .menu-popular-products-container ul#menu-popular-products li a:hover:after {
  right: 20px;
}

.contact-content h1, .contact-content h2, .contact-content h3, .contact-content h4 {
  font-weight: 300;
}

.contact-form-outer {
  background-color: #02281C;
  color: #fff;
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .contact-form-outer {
    padding: 85px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .contact-form-outer {
    padding: 85px 0;
  }
}
.contact-form-outer .contact-form {
  display: grid;
}
@media only screen and (min-width: 550px) {
  .contact-form-outer .contact-form {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-form-outer .contact-form {
    gap: 100px;
  }
}
.contact-form-outer .contact-form input[type=submit] {
  background-color: #3FA535;
  color: #fff;
  border-radius: 15px;
  border: none;
  padding: 10px 25px;
}

.filters .filters-inner {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (min-width: 850px) {
  .filters .filters-inner {
    flex-wrap: nowrap;
  }
}
.filters .filters-inner .title {
  margin: 0;
  font-weight: 300;
}
.filters .filters-inner #filters-form {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.filters .filters-inner #filters-form .filter-submit {
  display: none;
  visibility: hidden;
}
.filters .filters-inner #reset-filters {
  color: #02281C;
  position: absolute;
  opacity: 1;
  transition: opacity 0.4s;
  right: 12px;
  top: 12px;
}
@media only screen and (min-width: 850px) {
  .filters .filters-inner #reset-filters {
    position: relative;
  }
}
.filters .filters-inner #reset-filters:after {
  content: url("../img/icon-reset.svg");
  position: absolute;
  right: -12px;
  width: 10px;
  height: 10px;
}
.filters .filters-inner #reset-filters:hover {
  cursor: pointer;
  opacity: 0.7;
}
.filters .filters-inner .search-container {
  position: relative;
  width: 100%;
}

.product-feed,
.project-feed {
  padding: 0 0 50px;
}
@media only screen and (min-width: 550px) {
  .product-feed,
  .project-feed {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 1240px) {
  .product-feed,
  .project-feed {
    padding: 70px 0;
  }
}
.product-feed .product-feed-inner,
.product-feed .project-feed-inner,
.project-feed .product-feed-inner,
.project-feed .project-feed-inner {
  display: grid;
  padding-top: 40px;
  row-gap: 50px;
}
@media only screen and (min-width: 550px) {
  .product-feed .product-feed-inner,
  .product-feed .project-feed-inner,
  .project-feed .product-feed-inner,
  .project-feed .project-feed-inner {
    grid-template-columns: repeat(auto-fit, 75px, 1fr);
    row-gap: 30px;
    column-gap: 30px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 850px) {
  .product-feed .product-feed-inner,
  .product-feed .project-feed-inner,
  .project-feed .product-feed-inner,
  .project-feed .project-feed-inner {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.project-feed {
  margin-top: 30px;
}
@media only screen and (min-width: 550px) {
  .project-feed {
    margin-top: 70px;
  }
}

.single-intro {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .single-intro {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .single-intro {
    padding: 40px 0;
  }
}

.single-product-feed {
  padding: 0 30px 50px;
}
@media only screen and (min-width: 550px) {
  .single-product-feed {
    padding: 0 30px 80px;
  }
}
@media only screen and (min-width: 1240px) {
  .single-product-feed {
    padding: 0 0 80px;
  }
}
.single-product-feed .single-product-feed-inner {
  padding-bottom: 30px;
}
.single-product-feed .single-product-feed-inner .single-product {
  display: grid;
}
@media only screen and (min-width: 550px) {
  .single-product-feed .single-product-feed-inner .single-product {
    grid-template-columns: 1fr 1fr;
    row-gap: 10px;
    column-gap: 30px;
  }
}
.single-product-feed .single-product-feed-inner .single-product .entry-title {
  font-weight: 500;
}
.single-product-feed .single-product-feed-inner .single-product h3 {
  font-weight: 400;
}
.single-product-feed .single-product-feed-inner .single-product .underline {
  color: #02281C;
  font-size: 1.5em;
}

.single-product-feed-alt {
  padding: 0;
}
.single-product-feed-alt .single-product-feed-inner .entry-title {
  padding: 0 30px 10px;
}
@media only screen and (min-width: 550px) {
  .single-product-feed-alt .single-product-feed-inner .entry-title {
    padding: 0 30px 20px;
  }
}
@media only screen and (min-width: 1240px) {
  .single-product-feed-alt .single-product-feed-inner .entry-title {
    padding: 0 0 20px;
  }
}
.single-product-feed-alt .single-product-feed-inner .single-product h3 {
  font-weight: 400;
}
.single-product-feed-alt .single-product-feed-inner .single-product .underline {
  color: #02281C;
  font-size: 1.5em;
}

.colour-choice {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .colour-choice {
    padding: 0 0 60px;
  }
}
.colour-choice .title {
  font-weight: 400;
}
.colour-choice .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.colour-choice .inner .colour {
  text-align: center;
}
.colour-choice .inner .colour .colour-window {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  margin-bottom: 10px;
  border: 1px solid #f1f1f1;
}
@media only screen and (min-width: 550px) {
  .colour-choice .inner .colour .colour-window {
    margin-bottom: 25px;
  }
}
.colour-choice .callout-text {
  color: #3FA535;
}

article.product {
  box-shadow: 0 0 20px #C9C9C9;
  border-radius: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
@media only screen and (min-width: 550px) {
  article.product {
    margin-bottom: 0;
  }
}
article.product .thumbnail {
  background-color: #DFDFDF;
  border-radius: 20px 20px 0 0;
  position: relative;
  min-height: 200px;
  overflow: hidden;
}
article.product .thumbnail img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  border-radius: 20px 20px 0 0;
  /*            top: -80px;

              @include breakpoint($bp_sm) {
                  top: -20px;
              }

              @include breakpoint($bp_lg) {
                  top: -80px;
              }*/
}
article.product .text-content {
  padding: 40px 30px 0;
}
@media only screen and (min-width: 550px) {
  article.product .text-content {
    display: flex;
    flex-wrap: wrap;
  }
}
article.product .text-content .top {
  align-self: baseline;
  width: 100%;
}
article.product .text-content .top .title {
  color: #3FA535;
  line-height: 1.5;
  margin-bottom: 20px;
}
article.product .text-content .top .entry-summary {
  margin-bottom: 0;
}
article.product .text-content .bottom {
  align-self: end;
}
article.product .text-content .bottom .icon-title {
  font-size: 1em;
  color: #02281C;
}
article.product .flex-bottom {
  padding: 40px 30px;
}
article.product .flex-bottom .icon-title {
  font-size: 1em;
  color: #02281C;
}

article.project {
  box-shadow: 0 0 20px #C9C9C9;
  border-radius: 20px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 550px) {
  article.project {
    margin-bottom: 0;
  }
}
article.project .thumbnail {
  background-color: #DFDFDF;
  border-radius: 20px 20px 0 0;
  position: relative;
  height: 200px;
  overflow: hidden;
}
article.project .thumbnail img {
  position: absolute;
  right: 0;
  border-radius: 20px 20px 0 0;
  object-fit: cover;
  height: 100%;
}
article.project .text-content {
  padding: 40px 30px;
  background-size: auto;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 550px) {
  article.project .text-content {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) {
  article.project .text-content {
    min-height: 330px;
  }
}
article.project .text-content .top {
  align-self: baseline;
  width: 100%;
}
article.project .text-content .top .title {
  color: #3FA535;
  margin-bottom: 0;
}
@media only screen and (min-width: 550px) {
  article.project .text-content .top .entry-summary {
    margin-bottom: 3em;
    max-width: 90%;
  }
}
article.project .text-content .bottom {
  align-self: end;
}
article.project .text-content .bottom .icon-title {
  font-size: 1em;
  color: #02281C;
}

.related {
  margin-bottom: 40px;
}
.related .feed {
  display: grid;
  gap: 50px;
}
@media only screen and (min-width: 550px) {
  .related .feed {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 850px) {
  .related .feed {
    gap: 30px;
  }
}
.related.sector-related {
  background-color: #f5f5f5;
  margin-bottom: 0;
  padding: 100px 0;
}
.related.sector-related h3 {
  margin-bottom: 1.6em;
}
@media only screen and (min-width: 550px) {
  .related.sector-related .feed {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 850px) {
  .related.sector-related .feed {
    flex-wrap: no-wrap;
  }
}
@media only screen and (min-width: 550px) {
  .related.sector-related .feed .product {
    align-self: stretch;
    background: #fff;
    height: auto;
  }
}
@media only screen and (min-width: 850px) {
  .related.sector-related .feed .product {
    flex: 1;
  }
}

.profile {
  background-color: #DFDFDF;
}

.downloads {
  background-color: #F5F5F5;
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .downloads {
    padding: 50px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .downloads {
    padding: 50px 0;
  }
}
.downloads .icon-download {
  display: block;
  margin-bottom: 25px;
}

.product-tables {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .product-tables {
    padding: 80px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .product-tables {
    padding: 80px 0;
  }
}
.product-tables table {
  margin-bottom: 50px;
}
.product-tables .text-block {
  margin-bottom: 50px;
}

.wp-block-quote.green-border {
  background: #fff;
  border: 2px solid #3FA535;
  border-radius: 10px;
  font-weight: 300;
  padding: 2em;
}
.wp-block-quote.green-border h1.wp-block-heading, .wp-block-quote.green-border h2.wp-block-heading, .wp-block-quote.green-border h3.wp-block-heading, .wp-block-quote.green-border h4.wp-block-heading, .wp-block-quote.green-border h5.wp-block-heading, .wp-block-quote.green-border h6.wp-block-heading {
  margin: 0;
  font-weight: 300;
}
.wp-block-quote.green-border h1.wp-block-heading em, .wp-block-quote.green-border h2.wp-block-heading em, .wp-block-quote.green-border h3.wp-block-heading em, .wp-block-quote.green-border h4.wp-block-heading em, .wp-block-quote.green-border h5.wp-block-heading em, .wp-block-quote.green-border h6.wp-block-heading em {
  font-weight: 300;
}

@media only screen and (min-width: 850px) {
  .product-downloads-grid {
    display: flex;
    gap: 60px;
  }
}

.has-theme-light-green-background-color {
  background-color: #81DD70 !important;
}

a.has-theme-light-green-background-color {
  background-color: #81DD70 !important;
}
a.has-theme-light-green-background-color:hover {
  background-color: #5dd347 !important;
}

.has-theme-light-green-color {
  color: #81DD70;
}

.has-theme-green-background-color {
  background-color: #3FA535 !important;
}

a.has-theme-green-background-color {
  background-color: #3FA535 !important;
}
a.has-theme-green-background-color:hover {
  background-color: #307e29 !important;
}

.has-theme-green-color {
  color: #3FA535;
}

.has-theme-mid-green-background-color {
  background-color: #08714E !important;
}

a.has-theme-mid-green-background-color {
  background-color: #08714E !important;
}
a.has-theme-mid-green-background-color:hover {
  background-color: #05412d !important;
}

.has-theme-mid-green-color {
  color: #08714E;
}

.has-theme-dark-green-background-color {
  background-color: #02281C !important;
}

a.has-theme-dark-green-background-color {
  background-color: #02281C !important;
}
a.has-theme-dark-green-background-color:hover {
  background-color: black !important;
}

.has-theme-dark-green-color {
  color: #02281C;
}

.has-theme-white-background-color {
  background-color: #fff !important;
}

a.has-theme-white-background-color {
  background-color: #fff !important;
}
a.has-theme-white-background-color:hover {
  background-color: #e6e6e6 !important;
}

.has-theme-white-color {
  color: #fff;
}

.has-theme-black-background-color {
  background-color: #000 !important;
}

a.has-theme-black-background-color {
  background-color: #000 !important;
}
a.has-theme-black-background-color:hover {
  background-color: black !important;
}

.has-theme-black-color {
  color: #000;
}

.has-theme-light-grey-background-color {
  background-color: #C9C6C2 !important;
}

a.has-theme-light-grey-background-color {
  background-color: #C9C6C2 !important;
}
a.has-theme-light-grey-background-color:hover {
  background-color: #b1ada7 !important;
}

.has-theme-light-grey-color {
  color: #C9C6C2;
}

.has-theme-grey-background-color {
  background-color: #42484C !important;
}

a.has-theme-grey-background-color {
  background-color: #42484C !important;
}
a.has-theme-grey-background-color:hover {
  background-color: #2a2e31 !important;
}

.has-theme-grey-color {
  color: #42484C;
}

.has-theme-dark-grey-background-color {
  background-color: #2B3236 !important;
}

a.has-theme-dark-grey-background-color {
  background-color: #2B3236 !important;
}
a.has-theme-dark-grey-background-color:hover {
  background-color: #14181a !important;
}

.has-theme-dark-grey-color {
  color: #2B3236;
}

.hidden,
.hide {
  display: none;
}

.padding-inner.top > .wp-block-group__inner-container,
.padding-inner.top > .wp-block-cover__inner-container {
  padding-top: 5em;
}
@media screen and (min-width: 850px) {
  .padding-inner.top > .wp-block-group__inner-container,
  .padding-inner.top > .wp-block-cover__inner-container {
    padding-top: 6em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.top > .wp-block-group__inner-container,
  .padding-inner.top > .wp-block-cover__inner-container {
    padding-top: 8em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.top > .wp-block-group__inner-container,
  .padding-inner.top > .wp-block-cover__inner-container {
    padding-top: 9em;
  }
}
.padding-inner.bottom > .wp-block-group__inner-container,
.padding-inner.bottom > .wp-block-cover__inner-container {
  padding-bottom: 5em;
}
@media screen and (min-width: 850px) {
  .padding-inner.bottom > .wp-block-group__inner-container,
  .padding-inner.bottom > .wp-block-cover__inner-container {
    padding-bottom: 6em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.bottom > .wp-block-group__inner-container,
  .padding-inner.bottom > .wp-block-cover__inner-container {
    padding-bottom: 8em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.bottom > .wp-block-group__inner-container,
  .padding-inner.bottom > .wp-block-cover__inner-container {
    padding-bottom: 9em;
  }
}
@media screen and (max-width: 850px) {
  .padding-inner.left > .wp-block-group__inner-container,
  .padding-inner.left > .wp-block-cover__inner-container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 850px) {
  .padding-inner.left > .wp-block-group__inner-container,
  .padding-inner.left > .wp-block-cover__inner-container {
    padding-left: 2em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.left > .wp-block-group__inner-container,
  .padding-inner.left > .wp-block-cover__inner-container {
    padding-left: 4em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.left > .wp-block-group__inner-container,
  .padding-inner.left > .wp-block-cover__inner-container {
    padding-left: 6em;
  }
}
@media screen and (max-width: 850px) {
  .padding-inner.left .no-mob > .wp-block-group__inner-container,
  .padding-inner.left .no-mob > .wp-block-cover__inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 850px) {
  .padding-inner.right > .wp-block-group__inner-container,
  .padding-inner.right > .wp-block-cover__inner-container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 850px) {
  .padding-inner.right > .wp-block-group__inner-container,
  .padding-inner.right > .wp-block-cover__inner-container {
    padding-right: 2em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.right > .wp-block-group__inner-container,
  .padding-inner.right > .wp-block-cover__inner-container {
    padding-right: 4em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.right > .wp-block-group__inner-container,
  .padding-inner.right > .wp-block-cover__inner-container {
    padding-right: 6em;
  }
}
@media screen and (max-width: 850px) {
  .padding-inner.right.no-mob > .wp-block-group__inner-container,
  .padding-inner.right.no-mob > .wp-block-cover__inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.padding-inner.x-small.top > .wp-block-group__inner-container,
.padding-inner.x-small.top > .wp-block-cover__inner-container {
  padding-top: 1em;
}
@media screen and (min-width: 850px) {
  .padding-inner.x-small.top > .wp-block-group__inner-container,
  .padding-inner.x-small.top > .wp-block-cover__inner-container {
    padding-top: 1.2em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.x-small.top > .wp-block-group__inner-container,
  .padding-inner.x-small.top > .wp-block-cover__inner-container {
    padding-top: 1.6em;
  }
}
.padding-inner.x-small.bottom > .wp-block-group__inner-container,
.padding-inner.x-small.bottom > .wp-block-cover__inner-container {
  padding-bottom: 1em;
}
@media screen and (min-width: 850px) {
  .padding-inner.x-small.bottom > .wp-block-group__inner-container,
  .padding-inner.x-small.bottom > .wp-block-cover__inner-container {
    padding-bottom: 1.2em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.x-small.bottom > .wp-block-group__inner-container,
  .padding-inner.x-small.bottom > .wp-block-cover__inner-container {
    padding-bottom: 1.6em;
  }
}
.padding-inner.x-small.left > .wp-block-group__inner-container,
.padding-inner.x-small.left > .wp-block-cover__inner-container {
  padding-left: 1em;
}
@media screen and (min-width: 850px) {
  .padding-inner.x-small.left > .wp-block-group__inner-container,
  .padding-inner.x-small.left > .wp-block-cover__inner-container {
    padding-left: 1.2em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.x-small.left > .wp-block-group__inner-container,
  .padding-inner.x-small.left > .wp-block-cover__inner-container {
    padding-left: 1.6em;
  }
}
.padding-inner.x-small.right > .wp-block-group__inner-container,
.padding-inner.x-small.right > .wp-block-cover__inner-container {
  padding-right: 1em;
}
@media screen and (min-width: 850px) {
  .padding-inner.x-small.right > .wp-block-group__inner-container,
  .padding-inner.x-small.right > .wp-block-cover__inner-container {
    padding-right: 1.2em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.x-small.right > .wp-block-group__inner-container,
  .padding-inner.x-small.right > .wp-block-cover__inner-container {
    padding-right: 1.6em;
  }
}
.padding-inner.small.top > .wp-block-group__inner-container,
.padding-inner.small.top > .wp-block-cover__inner-container {
  padding-top: 2em;
}
@media screen and (min-width: 850px) {
  .padding-inner.small.top > .wp-block-group__inner-container,
  .padding-inner.small.top > .wp-block-cover__inner-container {
    padding-top: 1.5em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.small.top > .wp-block-group__inner-container,
  .padding-inner.small.top > .wp-block-cover__inner-container {
    padding-top: 2.5em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.small.top > .wp-block-group__inner-container,
  .padding-inner.small.top > .wp-block-cover__inner-container {
    padding-top: 3.5em;
  }
}
.padding-inner.small.bottom > .wp-block-group__inner-container,
.padding-inner.small.bottom > .wp-block-cover__inner-container {
  padding-bottom: 2em;
}
@media screen and (min-width: 850px) {
  .padding-inner.small.bottom > .wp-block-group__inner-container,
  .padding-inner.small.bottom > .wp-block-cover__inner-container {
    padding-bottom: 1.5em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.small.bottom > .wp-block-group__inner-container,
  .padding-inner.small.bottom > .wp-block-cover__inner-container {
    padding-bottom: 2.5em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.small.bottom > .wp-block-group__inner-container,
  .padding-inner.small.bottom > .wp-block-cover__inner-container {
    padding-bottom: 3.5em;
  }
}
.padding-inner.medium.top > .wp-block-group__inner-container,
.padding-inner.medium.top > .wp-block-cover__inner-container {
  padding-top: 4em;
}
@media screen and (min-width: 850px) {
  .padding-inner.medium.top > .wp-block-group__inner-container,
  .padding-inner.medium.top > .wp-block-cover__inner-container {
    padding-top: 3em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.medium.top > .wp-block-group__inner-container,
  .padding-inner.medium.top > .wp-block-cover__inner-container {
    padding-top: 5em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.medium.top > .wp-block-group__inner-container,
  .padding-inner.medium.top > .wp-block-cover__inner-container {
    padding-top: 5.5em;
  }
}
.padding-inner.medium.bottom > .wp-block-group__inner-container,
.padding-inner.medium.bottom > .wp-block-cover__inner-container {
  padding-bottom: 4em;
}
@media screen and (min-width: 850px) {
  .padding-inner.medium.bottom > .wp-block-group__inner-container,
  .padding-inner.medium.bottom > .wp-block-cover__inner-container {
    padding-bottom: 3em;
  }
}
@media screen and (min-width: 1200px) {
  .padding-inner.medium.bottom > .wp-block-group__inner-container,
  .padding-inner.medium.bottom > .wp-block-cover__inner-container {
    padding-bottom: 5em;
  }
}
@media screen and (min-width: 1800px) {
  .padding-inner.medium.bottom > .wp-block-group__inner-container,
  .padding-inner.medium.bottom > .wp-block-cover__inner-container {
    padding-bottom: 5.5em;
  }
}

.wp-block-cover.height-unset {
  min-height: unset;
}
.wp-block-cover.height-100 {
  height: 100%;
  min-height: 100%;
}
@media screen and (max-width: 850px) {
  .wp-block-cover.height-100 {
    min-height: 350px;
  }
}

body .is-layout-grid {
  display: grid;
}
@media screen and (max-width: 850px) {
  body .is-layout-grid.stack-mob {
    grid-template-columns: unset;
  }
}

.wp-block-group.gap-none, .wp-block-group.gap-0,
.wp-block-columns.gap-none,
.wp-block-columns.gap-0 {
  gap: 0;
}
.wp-block-group.gap-1,
.wp-block-columns.gap-1 {
  gap: 1em;
}
.wp-block-group.gap-2,
.wp-block-columns.gap-2 {
  gap: 2em;
}
.wp-block-group.gap-3,
.wp-block-columns.gap-3 {
  gap: 3em;
}
.wp-block-group.gap-4,
.wp-block-columns.gap-4 {
  gap: 4em;
}
.wp-block-group.gap-5,
.wp-block-columns.gap-5 {
  gap: 5em;
}
.wp-block-group.gap-6,
.wp-block-columns.gap-6 {
  gap: 6em;
}
.wp-block-group.gap-7,
.wp-block-columns.gap-7 {
  gap: 7em;
}
.wp-block-group.gap-8,
.wp-block-columns.gap-8 {
  gap: 8em;
}
.wp-block-group.gap-9,
.wp-block-columns.gap-9 {
  gap: 9em;
}
.wp-block-group.gap-10,
.wp-block-columns.gap-10 {
  gap: 10em;
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-none, .wp-block-group.mob-gap-0,
  .wp-block-columns.mob-gap-none,
  .wp-block-columns.mob-gap-0 {
    gap: 0;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-1,
  .wp-block-columns.mob-gap-1 {
    gap: 1em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-2,
  .wp-block-columns.mob-gap-2 {
    gap: 2em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-3,
  .wp-block-columns.mob-gap-3 {
    gap: 3em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-4,
  .wp-block-columns.mob-gap-4 {
    gap: 4em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-5,
  .wp-block-columns.mob-gap-5 {
    gap: 5em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-6,
  .wp-block-columns.mob-gap-6 {
    gap: 6em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-7,
  .wp-block-columns.mob-gap-7 {
    gap: 7em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-7,
  .wp-block-columns.mob-gap-7 {
    gap: 8em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-9,
  .wp-block-columns.mob-gap-9 {
    gap: 9em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.mob-gap-10,
  .wp-block-columns.mob-gap-10 {
    gap: 10em;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.reverse-mob .wp-block-column:first-of-type,
  .wp-block-columns.reverse-mob .wp-block-column:first-of-type {
    order: 2;
  }
}
@media screen and (max-width: 850px) {
  .wp-block-group.reverse-mob .wp-block-column:last-of-type,
  .wp-block-columns.reverse-mob .wp-block-column:last-of-type {
    order: 1;
  }
}

.wp-block-table {
  margin-bottom: 2em;
}
.wp-block-table table thead {
  border: none;
  min-width: 100%;
  width: 100%;
}
.wp-block-table table thead tr {
  border: none;
}
.wp-block-table table thead tr:nth-child(odd) {
  background-color: transparent;
}
.wp-block-table table thead tr th {
  border: none;
  color: #08714E;
}
.wp-block-table table thead tr th:first-child {
  width: 20vw;
}
.wp-block-table table tbody {
  min-width: 100%;
  width: 100%;
}
.wp-block-table table tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}
.wp-block-table table tbody tr td {
  border: none;
}
.wp-block-table table tbody tr td:first-child {
  width: 20vw;
}

.wp-block-columns.large-gap {
  gap: 6%;
}

.wp-block-cover.full-height-cover {
  height: 100%;
}

.partners-grid {
  row-gap: 2em !important;
}
@media screen and (min-width: 850px) {
  .partners-grid {
    padding: 0 3em;
    margin-bottom: 4em;
    row-gap: 2em !important;
  }
}
@media screen and (min-width: 1200px) {
  .partners-grid {
    row-gap: 3em !important;
  }
}
.partners-grid .wp-block-image img {
  max-height: 50px;
  width: auto !important;
}
@media screen and (min-width: 850px) {
  .partners-grid .wp-block-image img {
    max-height: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .partners-grid .wp-block-image img {
    max-height: 80px;
  }
}

@media screen and (max-width: 850px) {
  body .is-layout-grid.different-grid {
    grid-template-columns: unset;
  }
}

.project-outer .project-intro {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .project-outer .project-intro {
    padding: 110px 30px 50px;
  }
}
@media only screen and (min-width: 1240px) {
  .project-outer .project-intro {
    padding: 110px 0 50px;
  }
}
@media only screen and (min-width: 550px) {
  .project-outer .project-intro .project-text {
    max-width: 77%;
  }
}
.project-outer .project-intro .project-text h2, .project-outer .project-intro .project-text h3 {
  margin: 0;
}
.project-outer .project-intro .project-text h1 {
  font-weight: 400;
}
.project-outer .project-intro .project-challenges {
  background-color: #3FA535;
  color: #fff;
  border-radius: 12px;
  margin-bottom: 50px;
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .project-outer .project-intro .project-challenges {
    padding: 70px 50px;
  }
}
.project-outer .project-intro .project-challenges h1, .project-outer .project-intro .project-challenges h2, .project-outer .project-intro .project-challenges h3, .project-outer .project-intro .project-challenges h4 {
  color: #fff;
}
.project-outer .project-intro .wp-block-gallery figure .wp-block-image {
  width: unset;
}
.project-outer .project-intro .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: rgba(8, 113, 78, 0.7);
  color: #fff;
  padding: 32px 10px;
  text-align: center;
  width: 189px;
  font-size: 1.5em;
  text-transform: uppercase;
}
.project-outer .project-details {
  background-color: #F5F5F5;
  padding: 0 30px;
}
@media only screen and (min-width: 1240px) {
  .project-outer .project-details {
    padding: 0;
  }
}
.project-outer .project-details h4 {
  color: #02281C;
  font-weight: 500;
}
.project-outer .image-and-text-grid .grid-cols {
  gap: 0;
}
.project-outer .image-and-text-grid .grid-cols figure {
  margin: 0;
}
.project-outer .image-and-text-grid .grid-cols figure img {
  width: 100%;
}
.project-outer .image-and-text-grid .grid-cols .wp-block-column.green-bg {
  background-color: #02281C;
}
.project-outer .image-and-text-grid .grid-cols .wp-block-column.green-bg h4, .project-outer .image-and-text-grid .grid-cols .wp-block-column.green-bg p {
  color: #fff;
}
.project-outer .image-and-text-grid .grid-cols .image-gallery {
  max-height: 500px;
}
.project-outer .image-and-text-grid .grid-cols .image-gallery .wp-block-columns {
  gap: 0;
}
.project-outer .image-and-text-grid .grid-cols .image-gallery .wp-block-columns figure {
  margin: 0;
}
.project-outer .image-and-text-grid .grid-cols .image-gallery .wp-block-columns figure.full-height-img {
  height: 100%;
}
.project-outer .image-and-text-grid .grid-cols .image-gallery .wp-block-columns figure.full-height-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.project-outer .image-and-text-grid .grid-cols .half-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 585px;
  align-items: center;
  height: 100%;
  padding: 30px;
}
@media only screen and (min-width: 1240px) {
  .project-outer .image-and-text-grid .grid-cols .half-container {
    padding: 0;
  }
}
.project-outer .image-and-text-grid .grid-cols .half-container h4 {
  color: #02281C;
}
.project-outer .image-and-text-grid .grid-cols .half-container.left {
  margin-left: auto;
  margin-right: 0;
}
@media only screen and (min-width: 850px) {
  .project-outer .image-and-text-grid .grid-cols .half-container.left {
    padding-right: 50px;
  }
}
.project-outer .image-and-text-grid .grid-cols .half-container.right {
  margin-right: auto;
  margin-left: 0;
}
@media only screen and (min-width: 850px) {
  .project-outer .image-and-text-grid .grid-cols .half-container.right {
    padding-left: 50px;
  }
}

.user-needs-grid {
  background-color: #F5F5F5;
}
.user-needs-grid .inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media only screen and (min-width: 550px) {
  .user-needs-grid .inner {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
    border-bottom: 2px solid #C9C9C9;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 850px) {
  .user-needs-grid .inner {
    gap: 100px;
    padding-bottom: 50px;
  }
}
.user-needs-grid .inner .need {
  text-align: center;
}
.user-needs-grid .inner .need h4 {
  margin-bottom: 20px;
}
.user-needs-grid .inner .need .icon {
  width: 100%;
  height: auto;
  max-width: 90px;
}
@media only screen and (min-width: 850px) {
  .user-needs-grid .inner .need .icon {
    width: unset;
    height: unset;
  }
}
.user-needs-grid .subtitle {
  text-align: center;
  color: #3FA535;
  margin: 40px 0;
}

.sector-outer .sector-grid .wp-block-columns {
  gap: 0;
}
.sector-outer .sector-grid .half-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 585px;
  align-items: center;
  height: 100%;
  padding: 30px;
}
@media only screen and (min-width: 1240px) {
  .sector-outer .sector-grid .half-container {
    padding: 0;
  }
}
.sector-outer .sector-grid .half-container.left {
  margin-left: auto;
  margin-right: 0;
}
@media only screen and (min-width: 550px) {
  .sector-outer .sector-grid .half-container.left {
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .sector-outer .sector-grid .half-container.left {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
  }
}
.sector-outer .sector-grid .half-container.right {
  margin-right: auto;
  margin-left: 0;
}
@media only screen and (min-width: 550px) {
  .sector-outer .sector-grid .half-container.right {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .sector-outer .sector-grid .half-container.right {
    padding-top: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
  }
}
.sector-outer .sector-grid .half-container .wp-block-separator {
  margin: 40px 0;
}
.sector-outer .sector-grid .grid-img {
  height: 100%;
}
@media only screen and (min-width: 850px) {
  .sector-outer .sector-grid .grid-img {
    height: inherit;
  }
}
.sector-outer .sector-grid .grid-img .wp-block-group__inner-container {
  height: 100%;
}
@media only screen and (min-width: 850px) {
  .sector-outer .sector-grid .grid-img .wp-block-group__inner-container {
    height: inherit;
  }
}
.sector-outer .sector-grid .grid-img .wp-block-group__inner-container figure {
  margin: 0;
  height: 100%;
}
@media only screen and (min-width: 850px) {
  .sector-outer .sector-grid .grid-img .wp-block-group__inner-container figure {
    height: inherit;
  }
}
.sector-outer .sector-grid .grid-img .wp-block-group__inner-container figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 850px) {
  .sector-outer .sector-grid .grid-img .wp-block-group__inner-container figure img {
    height: inherit;
    object-fit: unset;
  }
}
.sector-outer .sector-grid .grey-bg {
  background-color: #F5F5F5;
}
.sector-outer .sector-grid .dark-grey-bg {
  background-color: #2B3236;
}
.sector-outer .sector-grid .green-bg {
  background-color: #02281C;
  color: #fff;
}
.sector-outer .profiles-grid {
  background-color: #02281C;
  color: #fff;
  padding: 40px 30px;
}
@media only screen and (min-width: 1240px) {
  .sector-outer .profiles-grid {
    padding: 0;
  }
}
.sector-outer .profiles-grid .inner h3 {
  color: #fff;
  margin-bottom: 30px;
}
@media only screen and (min-width: 550px) {
  .sector-outer .profiles-grid .inner h3 {
    margin-bottom: 30px;
  }
}
.sector-outer .profiles-grid .inner .grid-col {
  text-align: center;
}
.sector-outer .profiles-grid .inner .grid-col h3 {
  margin-bottom: 20px;
}
.sector-outer .profiles-grid .wp-block-image {
  max-width: 140px;
}

.swatches.large .wp-block-group__inner-container {
  display: flex;
  flex: 1 1 0;
  justify-content: space-between;
}
.swatches .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  max-width: 102px;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer {
  width: 100%;
  margin-bottom: 20px;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch {
  border-radius: 50%;
  width: 51px;
  height: 51px;
  border: 1px solid #f1f1f1;
}
@media only screen and (min-width: 550px) {
  .swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch {
    width: 102px;
    height: 102px;
  }
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch.has-theme-light-grey-background-color {
  background-color: #9D9A95;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch.has-theme-mid-blue-background-color {
  background-color: #36669F;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch.has-theme-dark-green-background-color {
  background-color: #02281C;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch.has-theme-dark-green-background-color {
  background-color: #08714E;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch.has-theme-green-background-color {
  background-color: #3FA535;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch.has-theme-black-background-color {
  background-color: #000;
}
.swatches .wp-block-group__inner-container .swatch-group .wp-block-group__inner-container .swatch-outer .swatch-title {
  color: #9D9A95;
}

.swatch-grid.is-layout-grid {
  gap: 30px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: 4em;
}
@media screen and (min-width: 550px) {
  .swatch-grid.is-layout-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 850px) {
  .swatch-grid.is-layout-grid {
    gap: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .swatch-grid.is-layout-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.swatch-grid.is-layout-grid .swatch {
  text-align: center;
}

.quote-section {
  background-image: url("../img/banners/quote-bg.jpg");
  background-size: cover;
  background-position: center center;
  padding: 0 30px;
}
@media only screen and (min-width: 1240px) {
  .quote-section {
    padding: 0;
  }
}
@media only screen and (min-width: 550px) {
  .quote-section .container .inner {
    max-width: 60%;
  }
}
.quote-section .container .inner h1, .quote-section .container .inner h2, .quote-section .container .inner h3, .quote-section .container .inner h4, .quote-section .container .inner h5, .quote-section .container .inner h6 {
  color: #fff;
  font-weight: 300;
  font-style: italic;
}

.video-grid {
  padding: 0 30px;
}
@media only screen and (min-width: 1240px) {
  .video-grid {
    padding: 0;
  }
}

.colour-block {
  padding: 2em 30px;
}
@media only screen and (min-width: 850px) {
  .colour-block {
    padding: 3em 0;
  }
}
@media only screen and (min-width: 1240px) {
  .colour-block {
    padding: 4em 0;
  }
}
.colour-block:nth-child(even) {
  background-color: #F5F5F5;
}
.colour-block .inner .wp-block-heading {
  margin: 50px 0 30px;
}
.colour-block .colour-block {
  padding: 0;
}

.downloads-section {
  background-color: #F5F5F5;
  padding: 2em 30px;
}
@media only screen and (min-width: 850px) {
  .downloads-section {
    padding: 3em 0;
  }
}
@media only screen and (min-width: 1240px) {
  .downloads-section {
    padding: 4em 0;
  }
}
.downloads-section .inner .icon-download {
  margin-bottom: 40px;
}
@media only screen and (min-width: 550px) {
  .downloads-section .inner .icon-download {
    padding-left: 50px;
  }
}

@media screen and (min-width: 850px) {
  .product-profile img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 75%;
  }
}

.product-colours {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  justify-content: center;
  margin-bottom: 2em;
}
@media screen and (min-width: 850px) {
  .product-colours {
    margin-bottom: 5em;
  }
}
.product-colours .product-single-colour {
  text-align: center;
}
.product-colours .product-single-colour .product-single-colour-swatch {
  display: block;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
}

body .popular-products-strip {
  padding: 2em 0;
}
body .popular-products-strip .wp-block-buttons.is-layout-flex {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  body .popular-products-strip .wp-block-buttons.is-layout-flex {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
body .popular-products-strip .wp-block-buttons.is-layout-flex .wp-block-button {
  height: 100%;
}

.grid-even-space.home .inner {
  padding: 30px 0;
}
@media only screen and (min-width: 550px) {
  .grid-even-space.home .inner {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1240px) {
  .grid-even-space.home .inner {
    padding: 80px 0;
  }
}
.grid-even-space.home .inner .col-inner {
  padding: 0 10%;
}
@media only screen and (min-width: 1200px) {
  .grid-even-space.home .inner .col-inner {
    padding: 0 7%;
  }
}
.grid-even-space .inner {
  padding: 30px 0;
}
@media only screen and (min-width: 550px) {
  .grid-even-space .inner {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1240px) {
  .grid-even-space .inner {
    padding: 80px 0 120px;
  }
}
.grid-even-space .inner .col-inner {
  padding-right: 20%;
}
@media only screen and (min-width: 1200px) {
  .grid-even-space .inner .col-inner {
    padding-right: 15%;
  }
}
.grid-even-space .inner .col-inner .title {
  color: #08714E;
  margin-top: 35px;
}

.product-callout {
  padding: 40px 30px;
}
@media only screen and (min-width: 1240px) {
  .product-callout {
    padding: 40px 0;
  }
}
.product-callout .menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 550px) {
  .product-callout .menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding: 20px 0;
  }
}
.product-callout .menu-item {
  opacity: 1;
  font-size: 2rem;
  line-height: 1.5;
  text-align: left;
  background-color: #ffffff;
  margin-bottom: 10px;
}
@media only screen and (min-width: 850px) {
  .product-callout .menu-item {
    margin-bottom: 0;
  }
}
.product-callout a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 20px 60px 20px 40px;
  color: #2B3236;
}
@media only screen and (min-width: 550px) {
  .product-callout a {
    padding: 35px 60px 35px 40px;
  }
}
.product-callout .chevron:after {
  margin: 0 40px 0 auto;
  top: 50%;
  border-top: 3px solid #3FA535;
  border-right: 3px solid #3FA535;
}

.simple-block .inner {
  padding: 30px 0;
}
@media only screen and (min-width: 550px) {
  .simple-block .inner {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1240px) {
  .simple-block .inner {
    padding: 60px 0 80px;
  }
}

.form-outer {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .form-outer {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .form-outer {
    padding: 60px 0 80px;
  }
}
.form-outer label {
  color: #fff;
}
.form-outer .wpcf7-list-item span {
  color: #fff;
}
.form-outer input,
.form-outer textarea {
  border: 1px solid #3FA535;
}
.form-outer input[type=submit],
.form-outer textarea[type=submit] {
  background-color: transparent;
  transition: background-color 0.4s;
  border: 1px solid #3FA535;
  border-radius: 15px;
  color: #fff;
  padding: 2px 20px;
  min-width: 145px;
  text-transform: uppercase;
}
.form-outer input[type=submit]:hover,
.form-outer textarea[type=submit]:hover {
  cursor: pointer;
  background-color: #3FA535;
}
.form-outer .disclaimer {
  color: #fff;
}

.image-gallery {
  gap: 0 !important;
  margin: 0;
}

.help-callout {
  background-color: #3FA535;
  color: #fff;
  padding: 30px;
}
@media only screen and (min-width: 1240px) {
  .help-callout {
    padding: 30px 0;
  }
}
.help-callout .title {
  margin: 0;
}

.simple-block {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .simple-block {
    padding: 70px 30px;
  }
}
@media only screen and (min-width: 1240px) {
  .simple-block {
    padding: 70px 0;
  }
}

.profile-card {
  border-radius: 20px;
  background-color: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}
.profile-card img {
  border-radius: 20px;
}
.profile-card .text-content {
  padding: 0 30px 30px 30px;
}
@media only screen and (min-width: 550px) {
  .profile-card .text-content .text-control {
    min-height: 150px;
  }
}

@media screen and (max-width: 850px) {
  .green-telephone-number-strip {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
  }
}
.green-telephone-number-strip p {
  font-weight: 300;
}
@media screen and (max-width: 850px) {
  .green-telephone-number-strip p {
    font-size: 2rem;
    line-height: 1.5;
    width: 80%;
  }
}
.green-telephone-number-strip p a {
  font-weight: bold;
}

.blog-main .blog-feed .top-post-container,
.blog-main .blog-feed .posts-container {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .blog-main .blog-feed .top-post-container,
  .blog-main .blog-feed .posts-container {
    padding: 70px 30px 100px;
  }
}
@media only screen and (min-width: 1240px) {
  .blog-main .blog-feed .top-post-container,
  .blog-main .blog-feed .posts-container {
    padding: 70px 0 100px;
  }
}
.blog-main .blog-feed .top-post-container .inner article .text-content,
.blog-main .blog-feed .posts-container .inner article .text-content {
  background-size: auto;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 550px) {
  .blog-main .blog-feed .top-post-container .inner article .text-content,
  .blog-main .blog-feed .posts-container .inner article .text-content {
    display: flex;
    flex-wrap: wrap;
  }
}
.blog-main .blog-feed .top-post-container .inner article .text-content .top,
.blog-main .blog-feed .posts-container .inner article .text-content .top {
  align-self: baseline;
  width: 100%;
}
.blog-main .blog-feed .top-post-container .inner article .text-content .top .title,
.blog-main .blog-feed .posts-container .inner article .text-content .top .title {
  color: #02281C;
  margin-bottom: 0;
}
.blog-main .blog-feed .top-post-container .inner article .text-content .top .post-date,
.blog-main .blog-feed .posts-container .inner article .text-content .top .post-date {
  color: #02281C;
}
.blog-main .blog-feed .top-post-container .inner article .text-content .bottom,
.blog-main .blog-feed .posts-container .inner article .text-content .bottom {
  align-self: end;
}
.blog-main .blog-feed .top-post-container .inner article .text-content .bottom .icon-title,
.blog-main .blog-feed .posts-container .inner article .text-content .bottom .icon-title {
  font-size: 1.25em;
  color: #02281C;
}
.blog-main .blog-feed .top-post-container {
  background-color: #F5F5F5;
}
.blog-main .blog-feed .top-post-container .inner article {
  display: grid;
}
@media only screen and (min-width: 550px) {
  .blog-main .blog-feed .top-post-container .inner article {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
.blog-main .blog-feed .top-post-container .inner article .text-content {
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .blog-main .blog-feed .top-post-container .inner article .text-content {
    padding: 40px 50px;
  }
}
.blog-main .blog-feed .top-post-container .inner article .text-content .bottom {
  margin-top: 40px;
}
.blog-main .blog-feed .posts-container .inner {
  display: grid;
}
@media only screen and (min-width: 550px) {
  .blog-main .blog-feed .posts-container .inner {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}
.blog-main .blog-feed .posts-container .inner article {
  display: grid;
  margin-bottom: 40px;
}
@media only screen and (min-width: 550px) {
  .blog-main .blog-feed .posts-container .inner article {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .blog-main .blog-feed .posts-container .inner article {
    margin-bottom: 0;
  }
}
.blog-main .blog-feed .posts-container .inner article .text-content {
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .blog-main .blog-feed .posts-container .inner article .text-content {
    padding: 10px 30px;
  }
}
.blog-main .blog-feed .posts-container .inner article .text-content .bottom {
  margin-top: 20px;
}
.blog-main .blog-feed .posts-container .inner article .text-content .bottom .icon-title {
  font-size: 1em;
}
.blog-main .single-post-feed {
  padding: 30px;
}
@media only screen and (min-width: 550px) {
  .blog-main .single-post-feed {
    padding: 40px 30px 100px;
  }
}
@media only screen and (min-width: 1240px) {
  .blog-main .single-post-feed {
    padding: 40px 0 100px;
  }
}
.blog-main .single-post-feed .inner .icon-arrow {
  display: inline-block;
  margin-bottom: 30px;
}
.blog-main .single-post-feed .inner .thumb {
  object-fit: cover;
  height: 500px;
  width: 100%;
  object-position: center;
}
.blog-main .single-post-feed .inner .entry-title {
  margin: 40px 0;
}
.blog-main .single-post-feed .inner .entry-date {
  color: #02281C;
}

body {
  background-color: #ffffff;
  color: #2B3236;
  overflow: hidden;
}

.content {
  margin: 0 auto;
  max-width: 1200px;
  padding: 60px 30px;
}
@media only screen and (min-width: 550px) {
  .content {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .content {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1800px) {
  .content {
    max-width: 1300px;
    padding: 80px 50px;
  }
}

/*# sourceMappingURL=frontend.css.map */