/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Fowlerex
Description: 
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/
@import 'css/libraries/nice-select2.css';
@import 'css/libraries/aos.css';
@import 'css/libraries/swiper-bundle.min.css';
/*========== Variables ============*/
/*========== Helpers and Setters ============*/
/* Text Colors */
.text-primary {
  color: #18A94D !important;
}
.text-primary-base {
  color: #18A94D !important;
}
.text-primary-900 {
  color: #052310 !important;
}
.text-primary-800 {
  color: #08391a !important;
}
.text-primary-700 {
  color: #0b5024 !important;
}
.text-primary-600 {
  color: #0e662e !important;
}
.text-primary-500 {
  color: #18A94D !important;
}
.text-primary-400 {
  color: #1ed661 !important;
}
.text-primary-300 {
  color: #43e47e !important;
}
.text-primary-200 {
  color: #6feb9c !important;
}
.text-primary-100 {
  color: #9cf1bb !important;
}
.text-secondary {
  color: #0D8741 !important;
}
.text-secondary-base {
  color: #0D8741 !important;
}
.text-secondary-900 {
  color: black !important;
}
.text-secondary-800 {
  color: #021309 !important;
}
.text-secondary-700 {
  color: #042a14 !important;
}
.text-secondary-600 {
  color: #06411f !important;
}
.text-secondary-500 {
  color: #0D8741 !important;
}
.text-secondary-400 {
  color: #11b657 !important;
}
.text-secondary-300 {
  color: #16e46e !important;
}
.text-secondary-200 {
  color: #40ed8a !important;
}
.text-secondary-100 {
  color: #6ff1a6 !important;
}
.text-body {
  color: #0D8741 !important;
}
.text-black {
  color: #000000 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-grey {
  color: #F5F5F5 !important;
}

.transition, .text-hover-grey:hover, .text-hover-white:hover, .text-hover-black:hover, .text-hover-body:hover, .text-hover-secondary:hover, .text-hover-primary:hover {
  transition: all 0.3s ease-in-out;
}

/* All Hover Text Colors */
.text-hover-primary:hover {
  color: #18a94d !important;
}
.text-hover-secondary:hover {
  color: #0d8741 !important;
}
.text-hover-body:hover {
  color: #0d8741 !important;
}
.text-hover-black:hover {
  color: black !important;
}
.text-hover-white:hover {
  color: white !important;
}
.text-hover-grey:hover {
  color: whitesmoke !important;
}

/* Background Colors */
.bg-primary, .wwo-tabs-body .tabs-head ul.nav li button.active,
.wwo-tabs-body .tabs-head ul.nav li .head-btn.active, .hero-banner:not(.has-image) {
  background-color: #18A94D !important;
}
.bg-secondary {
  background-color: #0D8741 !important;
}
.bg-body {
  background-color: #0D8741 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background-color: #F5F5F5 !important;
}

/* All Border Colors */
.border-primary {
  border-color: #18A94D !important;
}
.border-secondary {
  border-color: #0D8741 !important;
}
.border-body {
  border-color: #0D8741 !important;
}
.border-black {
  border-color: #000000 !important;
}
.border-white {
  border-color: #ffffff !important;
}
.border-grey {
  border-color: #F5F5F5 !important;
}

/* Helper Classes */
.large-gap {
  --bs-gutter-x: 8rem;
}

.rounded-10 {
  border-radius: 10px;
}

.rounded-15 {
  border-radius: 15px;
}

.rounded-20 {
  border-radius: 20px;
}

.fs-5 {
  font-size: 1.2rem !important;
}

.fs-4 {
  font-size: 1.4rem !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.heading-font {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
}

.body-font {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
}

.flex-1 {
  flex: 1;
}

.letter-spacing {
  letter-spacing: 0.05em;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.text-balanced {
  text-wrap: balance;
}

.text-primary-faded {
  color: rgba(24, 169, 77, 0.5) !important;
}

.opacity-5 {
  opacity: 0.5;
}

.pointer-events-none {
  pointer-events: none;
}

.aspect-1-1 {
  aspect-ratio: 1/1;
}

.aspect-4-3 {
  aspect-ratio: 4/3;
}

.icon-size {
  max-height: 2.7rem;
}

.no-text-wrap {
  text-wrap: nowrap;
}

.box-shadow {
  box-shadow: 0px 2px 4px 4px rgba(0, 0, 0, 0.05);
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

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

.line-height-22 {
  line-height: 22px;
}

.place-items-center {
  place-items: center;
}

/* Body Colors */
.body-dark {
  background-color: #0D8741 !important;
  color: #fff;
}

.body-light {
  background-color: #fff !important;
  color: #000;
}

/* Z Index's */
.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

/*==========Fonts & Headings===========*/
body {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: #0D8741;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 26px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  text-wrap: balance;
  color: #0D8741;
}

h1 {
  font-size: 6.4rem;
  margin: 0 0 20px 0;
  font-weight: 900;
  line-height: 80px;
}
@media (max-width: 991px) {
  h1 {
    font-size: 4.2rem;
    line-height: 54px;
  }
}

h2 {
  font-size: 3.8rem;
  margin: 0 0 20px 0;
  font-weight: 800;
  line-height: 50px;
}
@media (max-width: 991px) {
  h2 {
    font-size: 3.6rem;
    line-height: 46px;
  }
}

h3 {
  font-size: 3.2rem;
  margin: 0 0 20px 0;
  font-weight: 700;
  line-height: 42px;
}
@media (max-width: 991px) {
  h3 {
    font-size: 2.8rem;
    line-height: 38px;
  }
}

h4 {
  font-size: 2.6rem;
  margin: 0 0 20px 0;
  font-weight: 600;
  line-height: 33.6px;
}
@media (max-width: 991px) {
  h4 {
    font-size: 2rem;
    line-height: 30px;
  }
}

h5 {
  font-size: 2rem;
  margin: 0 0 20px 0;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  h5 {
    font-size: 1.8rem;
    line-height: 28px;
  }
}

h6 {
  font-size: 2rem;
  margin: 0 0 20px 0;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 991px) {
  h6 {
    font-size: 1.8rem;
    line-height: 28px;
  }
}

.h2-caption,
.tagline {
  font-family: "poppins", sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 991px) {
  .h2-caption,
  .tagline {
    font-weight: 700;
  }
}

p {
  margin: 0 0 20px 0;
  font-style: normal;
  font-family: "neue-haas-grotesk-display", sans-serif;
}

ol, ul {
  margin: 0 0 20px 0;
}

strong {
  font-weight: bold;
}

a,
button {
  color: #18A94D;
  transition: all 0.2s ease;
}

a:visited,
a:active {
  text-decoration: none;
}

a:hover {
  color: #0D8741;
}

.text-white a {
  color: #fff;
}

/*============ Base ============*/
html {
  font-size: 62.5%;
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  height: 100%;
  min-height: 100%;
  height: auto !important;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

#wrap {
  flex: 1 0 0;
  -ms-flex: 1 0 0;
  position: relative;
  right: 0;
  transition: right 0.5s;
  margin-top: 72px;
}

.logged-in #wrap {
  margin-top: 72px;
}

.clear {
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
}

.alignright,
img.alignright {
  float: right;
  margin: 0 0 15px 30px;
}

img.alignleft,
.alignleft {
  float: left;
  margin: 0 30px 15px 0;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

* {
  outline: none !important;
}

.container {
  max-width: 1200px;
}

.margin-top {
  margin-top: 8rem;
}
@media (max-width: 575px) {
  .margin-top {
    margin-top: 8rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .margin-top {
    margin-top: 8rem;
  }
}

.margin-bottom {
  margin-bottom: 8rem;
}
@media (max-width: 575px) {
  .margin-bottom {
    margin-bottom: 8rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .margin-bottom {
    margin-bottom: 8rem;
  }
}

.margin {
  margin: 8rem 0;
}
@media (max-width: 575px) {
  .margin {
    margin: 8rem 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .margin {
    margin: 8rem 0;
  }
}

.padding-top {
  padding-top: 8rem;
}
@media (max-width: 575px) {
  .padding-top {
    padding-top: 8rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .padding-top {
    padding-top: 8rem;
  }
}

.padding-bottom {
  padding-bottom: 8rem;
}
@media (max-width: 575px) {
  .padding-bottom {
    padding-bottom: 8rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .padding-bottom {
    padding-bottom: 8rem;
  }
}

.padding {
  padding: 8rem 0;
}
@media (max-width: 575px) {
  .padding {
    padding: 8rem 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .padding {
    padding: 8rem 0;
  }
}

.remove-padding-top {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.remove-padding-bottom {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.gallery .img-wrap > img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.facetwp-pager a {
  text-decoration: none;
}

.line-separator {
  width: 100%;
  height: 2px;
  background-color: #18A94D;
}

.spacer {
  padding: 4rem 0;
}
@media (max-width: 991px) {
  .spacer {
    display: none;
  }
}

.overflow-lg-hidden {
  overflow: hidden;
}
@media (max-width: 991px) {
  .overflow-lg-hidden {
    overflow: visible;
  }
}

.bg-primary, .wwo-tabs-body .tabs-head ul.nav li button.active,
.wwo-tabs-body .tabs-head ul.nav li .head-btn.active, .hero-banner:not(.has-image) {
  position: relative;
  background-color: transparent !important;
}
.bg-primary::before, .wwo-tabs-body .tabs-head ul.nav li button.active::before,
.wwo-tabs-body .tabs-head ul.nav li .head-btn.active::before, .hero-banner:not(.has-image)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Gradient-2, linear-gradient(180deg, #0D8741 0%, #18A94D 100%));
  z-index: -1;
}
.bg-primary.content-block-50 > *, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active > *,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active > *, .content-block-50.hero-banner:not(.has-image) > * {
  color: white !important;
}
.bg-primary.content-block-50 > h1, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active > h1,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active > h1, .content-block-50.hero-banner:not(.has-image) > h1, .bg-primary.content-block-50 h2, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active h2,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active h2, .content-block-50.hero-banner:not(.has-image) h2, .bg-primary.content-block-50 h3, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active h3,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active h3, .content-block-50.hero-banner:not(.has-image) h3, .bg-primary.content-block-50 h4, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active h4,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active h4, .content-block-50.hero-banner:not(.has-image) h4, .bg-primary.content-block-50 h5, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active h5,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active h5, .content-block-50.hero-banner:not(.has-image) h5, .bg-primary.content-block-50 h6, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active h6,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active h6, .content-block-50.hero-banner:not(.has-image) h6, .bg-primary.content-block-50 .tagline, .wwo-tabs-body .tabs-head ul.nav li button.content-block-50.active .tagline,
.wwo-tabs-body .tabs-head ul.nav li .content-block-50.head-btn.active .tagline, .content-block-50.hero-banner:not(.has-image) .tagline {
  color: white;
}

.grey-background {
  background-color: #F8F9F9;
  margin: 0px !important;
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.bg-cover {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/*============ Buttons ============*/
.button-settings, .red-btn, .white-outline-btn, .white-btn, .primary-blue-outline-btn-arrow, .primary-outline-btn-arrow, .secondary-btn, .primary-btn, .facetwp-load-more, .gform_wrapper input[type=submit] {
  font-weight: 600;
  font-size: 1.6rem;
  padding: 0.8rem 3.4rem;
  padding-top: 1.2rem !important;
  border-radius: 200px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  text-transform: uppercase;
  min-width: 134px;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.2s ease;
  font-family: "poppins", sans-serif;
}
@media (max-width: 991px) {
  .button-settings, .red-btn, .white-outline-btn, .white-btn, .primary-blue-outline-btn-arrow, .primary-outline-btn-arrow, .secondary-btn, .primary-btn, .facetwp-load-more, .gform_wrapper input[type=submit] {
    padding: 0.8rem 2.2 0.4rem;
    padding-top: 1.1rem !important;
  }
}
.button-settings:hover, .red-btn:hover, .white-outline-btn:hover, .white-btn:hover, .primary-blue-outline-btn-arrow:hover, .primary-outline-btn-arrow:hover, .secondary-btn:hover, .primary-btn:hover, .facetwp-load-more:hover, .gform_wrapper input[type=submit]:hover {
  text-decoration: none;
}
.button-settings i, .red-btn i, .white-outline-btn i, .white-btn i, .primary-blue-outline-btn-arrow i, .primary-outline-btn-arrow i, .secondary-btn i, .primary-btn i, .facetwp-load-more i, .gform_wrapper input[type=submit] i {
  transition: all 0.2s ease;
}

.icons-settings, .primary-blue-outline-btn-arrow::after, .primary-outline-btn-arrow::after {
  padding-bottom: 4px;
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 1.6rem;
  margin-left: 1rem;
  transition: all 0.2s ease;
}

.primary-btn, .facetwp-load-more, .gform_wrapper input[type=submit] {
  /* Variables */
  color: white;
  border: 3px solid #0D8741;
  background-color: #0D8741;
}
.primary-btn:hover, .facetwp-load-more:hover, .gform_wrapper input[type=submit]:hover {
  color: #0D8741;
  border-color: #0D8741;
  background-color: white;
}

.secondary-btn {
  /* Variables */
  color: #0D8741;
  border: 3px solid #0D8741;
  background-color: white;
}
.secondary-btn:hover {
  color: white;
  border-color: #18A94D;
  background-color: #18A94D;
}

.primary-outline-btn-arrow {
  /* Variables */
  color: #ffffff;
  border: 3px solid #0D8741;
  background-color: transparent;
}
.primary-outline-btn-arrow::after {
  color: #0D8741;
}
.primary-outline-btn-arrow:hover {
  color: white;
  border-color: #0D8741;
  background-color: #0D8741;
}
.primary-outline-btn-arrow:hover::after {
  color: white;
}
.primary-outline-btn-arrow.download-btn::after {
  display: none;
}

.primary-blue-outline-btn-arrow {
  /* Variables */
  color: #0D8741;
  border: 3px solid #0D8741;
  background-color: transparent;
}
.primary-blue-outline-btn-arrow::after {
  color: #0D8741;
}
.primary-blue-outline-btn-arrow:hover {
  color: white;
  border-color: #0D8741;
  background-color: #0D8741;
}
.primary-blue-outline-btn-arrow:hover::after {
  color: white;
}
.primary-blue-outline-btn-arrow.download-btn::after {
  display: none;
}

.white-btn {
  /* Variables */
  color: #18A94D;
  border: 3px solid white;
  background-color: white;
}
.white-btn:hover {
  color: #18A94D;
  border-color: #0D8741;
  background-color: white;
}

.white-outline-btn {
  /* Variables */
  color: white;
  border: 3px solid white;
  background-color: transparent;
}
.white-outline-btn:hover {
  color: #ffffff;
  border-color: #0D8741;
  background-color: #0D8741;
}

.red-btn {
  /* Variables */
  color: white;
  border: 3px solid #C02228;
  background-color: #C02228;
}
.red-btn:hover {
  color: white;
  border-color: #C02228;
  background-color: #C02228;
}

/* Header
==============================*/
#header {
  position: fixed;
  top: 0;
  z-index: 50;
  width: 100%;
  background: white;
}
#header img {
  max-height: 100px;
}
@media (max-width: 991px) {
  #header .nav-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#header #nav-toggle {
  display: none !important;
}
@media (max-width: 1350px) {
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    margin: 0 10px 0 0;
  }
}
@media (max-width: 1269px) {
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    margin: 0 0px 0 0;
  }
}
@media (max-width: 1215px) {
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    margin: 0 0px 0 0;
  }
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 12px;
    font-weight: 600 !important;
  }
  #header #get-a-quote {
    font-size: 1.4rem;
    padding: 0.6rem 2.4rem;
  }
}
@media (max-width: 1089px) {
  #header #mega-menu-wrap-main-menu, #header #get-a-quote {
    display: none !important;
  }
  #header #nav-toggle {
    display: flex !important;
  }
}
#header .red-square {
  display: flex;
  background: #18A94D;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  position: relative;
  padding-right: 3rem;
  padding-left: 2rem;
  margin-left: 3rem;
}
#header .red-square:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 5rem);
  height: calc(100% + 3.2rem);
  background: #18A94D;
  transition: all 0.3s ease-in-out;
}
#header .navToggle i {
  font-size: 3rem;
  color: #18A94D;
}

#mega-menu-main-menu > li > a {
  display: flex !important;
}
#mega-menu-main-menu > li > a .mega-description-group {
  display: flex !important;
  flex-direction: column-reverse;
}
@media (min-width: 991px) {
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu {
    top: 7rem !important;
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu .mega-menu-link {
    position: relative;
  }
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu .mega-menu-link .mega-description-group {
    display: flex !important;
    flex-direction: column-reverse;
  }
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu .mega-menu-link .mega-description-group .mega-menu-description {
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    margin-bottom: 0.4rem !important;
    line-height: 1em !important;
  }
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu .mega-menu-link .mega-indicator {
    position: absolute !important;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
  }
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu .widget_media_image {
    padding-bottom: 0 !important;
  }
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu .widget_media_image img {
    width: 100%;
    position: relative;
    transition: all 0.3s ease-in-out;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #mega-menu-main-menu li.mega-menu-tabbed > .mega-sub-menu .widget_media_image:hover img {
    opacity: 0.8;
  }
}
@media (max-width: 991px) {
  #mega-menu-main-menu .mega-menu-item span {
    color: white;
  }
  #mega-menu-main-menu .mega-menu-item .mega-sub-menu {
    background-color: transparent;
  }
  #mega-menu-main-menu .mega-menu-item .mega-sub-menu span {
    color: #0D8741;
  }
  #mega-menu-main-menu .widget_media_image {
    display: none !important;
  }
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  top: 68px !important;
}

#mega-menu-main-menu a {
  font-weight: 500 !important;
}

.mega-sub-menu a {
  left: -3rem;
}
.mega-sub-menu a a {
  position: relative;
}
.mega-sub-menu a a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*========== Banners ===========*/
@keyframes bannerScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.hero-banner {
  position: relative;
  overflow: hidden;
}
@media (min-width: 991px) {
  .hero-banner {
    padding: 8rem 0;
  }
}
@media (min-width: 991px) and (max-width: 575px) {
  .hero-banner {
    padding: 8rem 0;
  }
}
@media (min-width: 991px) and (min-width: 576px) and (max-width: 767px) {
  .hero-banner {
    padding: 8rem 0;
  }
}
@media (min-width: 991px) {
  .hero-banner:not(.has-image) {
    padding: 4rem 0;
  }
}
@media (min-width: 991px) and (max-width: 575px) {
  .hero-banner:not(.has-image) {
    padding: 4rem 0;
  }
}
@media (min-width: 991px) and (min-width: 576px) and (max-width: 767px) {
  .hero-banner:not(.has-image) {
    padding: 4rem 0;
  }
}
.hero-banner .dots-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background-size: 40px 40px;
}
.hero-banner .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -2;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  animation: bannerScale 10s ease-in forwards;
}
.hero-banner .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
}
.hero-banner .overlay-svg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.home-banner video {
  height: calc(100% + 0rem);
}
.home-banner .swiper-container {
  overflow: hidden;
}
@media (max-width: 991px) {
  .home-banner .swiper-container {
    padding-bottom: 0rem;
  }
}
@media (min-width: 991px) {
  .home-banner .swiper-container {
    padding-bottom: 0;
  }
}
.home-banner .swiper-slide {
  overflow: visible;
}
@media (max-width: 991px) {
  .home-banner .swiper-slide {
    padding-top: 20vw;
    padding-bottom: 20vw;
    aspect-ratio: 4/3;
  }
}
@media (min-width: 991px) {
  .home-banner .swiper-slide {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
}
.home-banner .swiper-slide picture,
.home-banner .swiper-slide .overlay {
  transition: scale 10s ease-in;
}
.home-banner .swiper-slide picture {
  z-index: -2;
  height: 100% !important;
}
.home-banner .swiper-slide .overlay {
  opacity: 0.4;
  background: black;
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100% !important;
}
.home-banner .swiper-pagination {
  position: relative;
  text-align: left;
  pointer-events: none;
}
.home-banner .swiper-pagination-bullet {
  width: 60px;
  height: 3px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.home-banner .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.home-banner .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.4);
}
.home-banner .swiper-pagination-bullet-active::before {
  background-color: #0D8741;
}
@keyframes slide-progress {
  0% {
    transform: translateX(-100%);
  }
  98% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.breadcrumbs-section {
  background: #F8F9F9;
}
.breadcrumbs-section #breadcrumbs {
  padding: 15px 0;
}
.breadcrumbs-section #breadcrumbs a {
  text-decoration: none;
  color: #0D8741;
}
.breadcrumbs-section #breadcrumbs a:hover {
  color: #0D8741;
}
.breadcrumbs-section #breadcrumbs .breadcrumb_last {
  color: #0D8741;
}

/* Mobile Nav
==============================*/
#wrap.menuOpenWrap #header .header-bottom .navToggle {
  right: -120px;
}

#mobileNav {
  background-size: 40px 40px;
  background-color: #18A94D;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: -50%;
  overflow-x: hidden;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
}
#mobileNav.menuOpen {
  right: 0;
}
#mobileNav .fa-times {
  font-size: 2rem;
}
#mobileNav .mobileNav-header {
  padding: 11px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#mobileNav .mobileNav-header .navToggle {
  position: relative;
}
#mobileNav .mobileNav-header .navToggle i {
  font-size: 3rem;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#mobileNav .mobileNav-header .navToggle:hover {
  text-decoration: none;
  color: #0D8741;
}
#mobileNav .mobileNav-header .search-modal-btn {
  border: none;
  height: 40px;
  width: 40px;
  background: #0d8741;
  border-radius: 50%;
  position: relative;
}
#mobileNav .mobileNav-header .search-modal-btn i {
  font-size: 1.8rem;
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#mobileNav .mobileNav-header .search-modal-btn:hover {
  text-decoration: none;
  color: #0D8741;
}
#mobileNav .mobileNav-body .main-nav {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
#mobileNav .mobileNav-body .main-nav .level-1 {
  position: relative;
}
#mobileNav .mobileNav-body .main-nav .level-1 > button {
  border: none;
  background: none;
  width: 100%;
}
#mobileNav .mobileNav-body .main-nav .level-1 > button:after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #ffffff;
}
#mobileNav .mobileNav-body .main-nav .level-1 > a,
#mobileNav .mobileNav-body .main-nav .level-1 > button {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 3rem;
  padding-left: 0;
  font-size: 2rem;
  position: relative;
  text-decoration: none;
  text-align: start;
}
#mobileNav .mobileNav-body .main-nav .level-1 > a i,
#mobileNav .mobileNav-body .main-nav .level-1 > button i {
  position: absolute;
  top: 2.6rem;
  left: 0rem;
}
#mobileNav .mobileNav-body .main-nav .level-1:last-child > a {
  padding-bottom: 0;
  border-bottom: none;
}
#mobileNav .mobileNav-body .main-nav .level-1.has-icon span {
  padding-left: 3rem;
}
#mobileNav .mobileNav-body .level-2 {
  background-size: 40px 40px;
  background-color: #18A94D;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0rem;
  z-index: 100;
  top: 0;
  transition: all 0.5s ease;
  transform: translateX(0);
}
#mobileNav .mobileNav-body .level-2.closed {
  transform: translateX(100%);
  overflow: hidden;
}
#mobileNav .mobileNav-body .level-2 .level-2-head .navToggle {
  position: relative;
}
#mobileNav .mobileNav-body .level-2 .level-2-head .navToggle i {
  font-size: 3rem;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#mobileNav .mobileNav-body .level-2 .level-2-head .navToggle:hover {
  text-decoration: none;
  color: #0D8741;
}
#mobileNav .mobileNav-body .level-2 .level-2-head .back {
  cursor: pointer;
}
#mobileNav .mobileNav-body .level-2 .level-2-wrap {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link {
  position: relative;
}
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link > button {
  border: none;
  background: none;
  width: 100%;
}
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link > button:after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #0D8741;
}
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link > a,
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link > button {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 3rem;
  padding-left: 0;
  font-size: 2rem;
  position: relative;
  text-decoration: none;
  text-align: start;
}
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link > a i,
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link > button i {
  position: absolute;
  top: 2.6rem;
  left: 0rem;
}
#mobileNav .mobileNav-body .level-2 .level-2-wrap .level-2-link:last-child > a {
  padding-bottom: 2.2rem;
}
#mobileNav .mobileNav-body .level-3 {
  background-size: 40px 40px;
  background-color: #18A94D;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0rem;
  z-index: 100;
  top: 0;
  transition: all 0.5s ease;
  transform: translateX(0);
}
#mobileNav .mobileNav-body .level-3.closed {
  transform: translateX(100%);
  overflow: hidden;
}
#mobileNav .mobileNav-body .level-3 .level-3-head .navToggle {
  position: relative;
}
#mobileNav .mobileNav-body .level-3 .level-3-head .navToggle i {
  font-size: 3rem;
  color: #0D8741;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#mobileNav .mobileNav-body .level-3 .level-3-head .navToggle:hover {
  text-decoration: none;
  color: #0D8741;
}
#mobileNav .mobileNav-body .level-3 .level-3-head .back {
  cursor: pointer;
}
#mobileNav .mobileNav-body .level-3 .level-3-wrap {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link {
  position: relative;
}
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link > button {
  border: none;
  background: none;
  width: 100%;
}
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link > button:after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #0D8741;
}
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link > a,
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link > button {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 3rem;
  padding-left: 0;
  font-size: 2rem;
  position: relative;
  text-decoration: none;
}
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link > a i,
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link > button i {
  position: absolute;
  top: 2.6rem;
  left: 0rem;
}
#mobileNav .mobileNav-body .level-3 .level-3-wrap .level-3-link:last-child > a {
  border-bottom: 1px solid white;
  padding-bottom: 2.2rem;
}
#mobileNav .mobileNav-footer {
  margin-bottom: 3rem;
}
#mobileNav .mobileNav-footer svg {
  margin-left: -3rem;
}

#wrap.menuOpenWrap {
  right: 50%;
  pointer-events: none;
}

footer.menuOpenWrap {
  right: 50%;
  position: relative;
  pointer-events: none;
}

.mobileNav-overlay {
  transition: all 0.5s ease;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
}
.mobileNav-overlay.menuOpen {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
}

@media (max-width: 575px) {
  #mobileNav {
    width: 100%;
    right: -100%;
  }
  #wrap.menuOpenWrap {
    right: 0;
  }
  footer.menuOpenWrap {
    right: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #mobileNav {
    width: 80%;
    right: -100%;
  }
  #wrap.menuOpenWrap {
    right: 100%;
  }
  footer.menuOpenWrap {
    right: 100%;
  }
  a {
    text-decoration: none;
  }
}
@media (max-width: 991px) {
  #mega-menu-wrap-main-menu {
    display: none;
  }
}
/*========== Blog ===========*/
.posts-display {
  position: relative;
}
.posts-display img {
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.posts-display .post-wrap {
  border-radius: 15px;
}
.posts-display .next,
.posts-display .prev {
  color: white;
  background-color: #0D8741;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.posts-display .next:hover,
.posts-display .prev:hover {
  background-color: #18A94D;
}
.posts-display .next.swiper-button-disabled,
.posts-display .prev.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.posts-display .swiper-container {
  padding-bottom: 10rem;
}
@media (max-width: 991px) {
  .posts-display .swiper-container {
    padding-bottom: 6rem;
  }
}
.posts-display .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: #18A94D;
  transition: all 0.2s ease;
}
.posts-display .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #0D8741;
}
.posts-display::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 345px;
  background: #F8F9F9;
  z-index: -1;
}
.posts-display.no-before::before {
  display: none;
}

@media (min-width: 991px) {
  #archive-posts .fs-dropdown {
    width: 470px !important;
    border-top: 1px solid #ddd !important;
  }
}
#archive-posts .has-hover-fade-effect {
  text-decoration: none;
  transition: all 0.3s ease-in-out !important;
}
#archive-posts .has-hover-fade-effect:hover, #archive-posts .has-hover-fade-effect:focus-within {
  opacity: 0.8 !important;
}

/*========== Content Blocks ===========*/
.wwo-tabs-head .container.has-image {
  padding-top: clamp(6rem, 10vw, 18rem);
  padding-bottom: clamp(6rem, 10vw, 18rem);
}
.wwo-tabs-head .overlay,
.wwo-tabs-head .img-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: none !important;
  background-size: cover !important;
  background-position: center !important;
  margin: 0;
}

.wwo-tabs-body .tabs-head ul.nav {
  width: 100%;
}
.wwo-tabs-body .tabs-head ul.nav li {
  width: 100%;
}
.wwo-tabs-body .tabs-head ul.nav li button,
.wwo-tabs-body .tabs-head ul.nav li .head-btn {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 3rem 4rem;
  width: 100%;
  font-size: 2rem;
  border-color: #0D8741;
  border-top: 0;
  border-bottom: 1px solid #0D8741;
  border-left: 1px solid #0D8741;
  border-right: 0;
  background-color: white;
  transition: all 0.3s ease-in-out;
}
.wwo-tabs-body .tabs-head ul.nav li button:first-child,
.wwo-tabs-body .tabs-head ul.nav li .head-btn:first-child {
  border-top: 1px solid #0D8741;
}
.wwo-tabs-body .tabs-head ul.nav li button img,
.wwo-tabs-body .tabs-head ul.nav li .head-btn img {
  width: 46px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wwo-tabs-body .tabs-head ul.nav li button.active,
.wwo-tabs-body .tabs-head ul.nav li .head-btn.active {
  background-color: #0D8741;
  color: white;
  border-color: #0D8741;
}
.wwo-tabs-body .tabs-head ul.nav li button.active img,
.wwo-tabs-body .tabs-head ul.nav li .head-btn.active img {
  filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
}
.wwo-tabs-body .tab-content .content-wrap {
  padding: 6rem 8rem;
}
@media (max-width: 991px) {
  .wwo-tabs-body .tab-content .content-wrap {
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 991px) {
  .wwo-tabs-body .left {
    max-width: 445px;
  }
}
@media (max-width: 991px) {
  .wwo-tabs-body .left {
    min-width: 100%;
  }
  .wwo-tabs-body .left li {
    width: 100%;
  }
  .wwo-tabs-body .left li button,
  .wwo-tabs-body .left li .head-btn {
    border-right: 1px solid #0D8741 !important;
  }
}

.timeline {
  position: relative;
  background-size: 40px 40px;
  padding-bottom: 17rem;
}
.timeline::before {
  content: "";
  position: absolute;
  background: var(--Gradient-2, linear-gradient(180deg, #0D8741 0%, #18A94D 100%));
  width: 100%;
  height: 100%;
  z-index: -1;
  inset: 0;
}
.timeline .continaer {
  position: relative;
  z-index: 1;
}
.timeline .line {
  width: 2px;
  background-color: #0D8741;
  height: 170px;
}
.timeline .segment .wrap {
  max-width: 390px;
  transform: translateX(50%);
  position: relative;
  z-index: 10;
}
.timeline .timeline-text-section * {
  color: #ffffff;
}
.timeline .image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  min-width: calc(50% - 130px);
  opacity: 0.7;
}
.timeline .image img {
  max-width: initial;
  min-width: 100%;
}
.timeline .group:nth-child(odd) .segment .wrap {
  transform: translateX(-50%);
  text-align: right;
}
.timeline .group:nth-child(odd) .image {
  left: 0;
  right: initial;
}
@media (max-width: 991px) {
  .timeline {
    padding-bottom: 10rem;
  }
  .timeline .line {
    height: 100px !important;
  }
  .timeline .segment {
    display: block !important;
  }
  .timeline .segment .wrap {
    max-width: 100%;
    transform: translateX(0);
    text-align: center;
  }
  .timeline .image {
    position: relative;
    top: initial;
    transform: translateY(0);
    right: initial;
    left: initial;
    min-width: initial;
    text-align: center;
  }
  .timeline .image img {
    max-width: 100%;
    min-width: initial;
    margin-top: 15px;
  }
  .timeline .group:nth-child(odd) .segment .wrap {
    transform: translateX(0);
    text-align: center;
  }
  .timeline .group:nth-child(odd) .image {
    left: initial;
    right: initial;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .timeline {
    padding-bottom: 10rem;
  }
  .timeline .line {
    height: 100px !important;
  }
  .timeline .segment {
    display: block !important;
  }
  .timeline .segment .wrap {
    max-width: 100%;
    transform: translateX(0);
    text-align: center;
  }
  .timeline .image {
    position: relative;
    top: initial;
    transform: translateY(0);
    right: initial;
    left: initial;
    min-width: initial;
    text-align: center;
  }
  .timeline .image img {
    max-width: 100%;
    min-width: initial;
    margin-top: 15px;
  }
  .timeline .group:nth-child(odd) .segment .wrap {
    transform: translateX(0);
    text-align: center;
  }
  .timeline .group:nth-child(odd) .image {
    left: initial;
    right: initial;
  }
}

.square-grid .values-square {
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background: #F8F9F9;
}
.square-grid .wrap {
  padding: 2rem 8rem;
}
@media (max-width: 991px) {
  .square-grid .wrap {
    padding: 2rem 2rem;
  }
}
.square-grid .values .number {
  color: #18A94D;
  font-size: 88.273px;
  font-weight: 500;
  font-family: "neue-haas-grotesk-display", sans-serif;
  line-height: 105.087px; /* 119.048% */
  opacity: 0.1;
}
.square-grid .values .text {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 66px;
  font-size: 2rem;
}
.square-grid ul.list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 22px;
}
.square-grid ul.list li:before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  left: 0;
  color: #0D8741;
}

.form-section {
  background: #F8F9F9;
}

@media (max-width: 991px) {
  .team-cards .wrap {
    text-align: center;
  }
}
.team-cards .icon-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
}
.team-cards .icon-overlay a {
  padding: 1rem;
  background-color: #18A94D;
  display: grid;
  place-items: center;
  text-decoration: none;
  width: 42px;
  height: 42px;
}
.team-cards .icon-overlay a:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.2901960784);
}
.team-cards .icon-overlay a:hover {
  background-color: #0D8741;
}
.team-cards .icon-overlay a i {
  color: #ffffff;
  font-size: 2.2rem;
}

.icon-nav img {
  width: 62px;
  height: 62px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 991px) {
  .icon-nav .col-lg-2 {
    width: 14.266667% !important;
  }
}

.content-block .content-block-text *:last-child {
  margin-bottom: 0 !important;
}

/*========== Image Blocks ===========*/
.image-text {
  overflow: hidden;
}
@media (min-width: 991px) {
  .image-text.spread-button .row.align-items-center {
    align-items: initial !important;
  }
  .image-text.spread-button .wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .image-text.spread-button .wrap .title {
    padding-top: 9rem;
  }
  .image-text.spread-button .button-group {
    margin-top: auto !important;
  }
}
.image-text.offset-left .row.g-5 {
  --bs-gutter-x: 11rem !important;
}
.image-text .icon-list-item .icon {
  min-width: 42px;
}
.image-text.clr-bg {
  background-size: 40px 40px;
}
.image-text.rounded-corners .order-2.order-lg-0 img,
.image-text.rounded-corners .order-0 img {
  border-radius: 15px;
}
.image-text.rounded-corners .order-2 img,
.image-text.rounded-corners .order-0.order-lg-2 img {
  border-radius: 15px;
}
@media (min-width: 991px) {
  .image-text .img-2 {
    max-width: 390px;
    transform: translate(220px, -60px) !important;
    margin-bottom: -60px;
  }
  .image-text .has-second-image {
    max-width: 450px;
  }
}
.image-text img {
  border-radius: 15px;
}
@media (max-width: 991px) {
  .image-text .img-2 {
    margin-top: 2rem;
  }
}
.image-text.list-chevrons ul, .image-text.list-ticks ul {
  list-style: none;
  padding-left: 0;
  display: grid;
  gap: 1.8rem;
}
.image-text.list-chevrons ul li, .image-text.list-ticks ul li {
  position: relative;
  padding-left: 4rem;
}
.image-text.list-chevrons ul li:before, .image-text.list-ticks ul li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  font-size: inherit;
  color: #0D8741;
}
.image-text.list-chevrons ul li:before {
  content: "\f054";
}
.image-text.list-ticks ul li:before {
  content: "\f058";
  font-weight: 400;
}
.image-text.bg-grey {
  background: none;
  background-color: #F8F9F9;
}
.image-text.bg-grey .img-col {
  margin-top: 0 !important;
}
@media (min-width: 991px) {
  .image-text.bg-grey .container {
    padding: 0 !important;
  }
}
.image-text.bg-primary h1, .image-text.hero-banner:not(.has-image) h1, .wwo-tabs-body .tabs-head ul.nav li button.image-text.active h1,
.wwo-tabs-body .tabs-head ul.nav li .image-text.head-btn.active h1, .image-text.bg-primary h2, .image-text.hero-banner:not(.has-image) h2, .wwo-tabs-body .tabs-head ul.nav li button.image-text.active h2,
.wwo-tabs-body .tabs-head ul.nav li .image-text.head-btn.active h2, .image-text.bg-primary h3, .image-text.hero-banner:not(.has-image) h3, .wwo-tabs-body .tabs-head ul.nav li button.image-text.active h3,
.wwo-tabs-body .tabs-head ul.nav li .image-text.head-btn.active h3, .image-text.bg-primary h4, .image-text.hero-banner:not(.has-image) h4, .wwo-tabs-body .tabs-head ul.nav li button.image-text.active h4,
.wwo-tabs-body .tabs-head ul.nav li .image-text.head-btn.active h4, .image-text.bg-primary h5, .image-text.hero-banner:not(.has-image) h5, .wwo-tabs-body .tabs-head ul.nav li button.image-text.active h5,
.wwo-tabs-body .tabs-head ul.nav li .image-text.head-btn.active h5, .image-text.bg-primary h6, .image-text.hero-banner:not(.has-image) h6, .wwo-tabs-body .tabs-head ul.nav li button.image-text.active h6,
.wwo-tabs-body .tabs-head ul.nav li .image-text.head-btn.active h6, .image-text.bg-secondary h1, .image-text.bg-secondary h2, .image-text.bg-secondary h3, .image-text.bg-secondary h4, .image-text.bg-secondary h5, .image-text.bg-secondary h6 {
  color: white !important;
}
.image-text.bg-primary .tagline, .image-text.hero-banner:not(.has-image) .tagline, .wwo-tabs-body .tabs-head ul.nav li button.image-text.active .tagline,
.wwo-tabs-body .tabs-head ul.nav li .image-text.head-btn.active .tagline, .image-text.bg-secondary .tagline {
  color: #ffffff !important;
}
.image-text.bg-primary.list-chevrons ul li:before, .image-text.list-chevrons.hero-banner:not(.has-image) ul li:before, .wwo-tabs-body .tabs-head ul.nav li button.image-text.list-chevrons.active ul li:before,
.wwo-tabs-body .tabs-head ul.nav li .image-text.list-chevrons.head-btn.active ul li:before, .image-text.bg-primary.list-ticks ul li:before, .image-text.list-ticks.hero-banner:not(.has-image) ul li:before, .wwo-tabs-body .tabs-head ul.nav li button.image-text.list-ticks.active ul li:before,
.wwo-tabs-body .tabs-head ul.nav li .image-text.list-ticks.head-btn.active ul li:before, .image-text.bg-secondary.list-chevrons ul li:before, .image-text.bg-secondary.list-ticks ul li:before {
  color: #ffffff !important;
}

.gallery img {
  transition: all 0.3s ease;
}
.gallery img:hover {
  transform: scale(1.05);
}

/*========== Icon Grid ===========*/
.icon-grid-section {
  padding: 80px 0;
}
.icon-grid-section .icon-grid-header {
  margin-bottom: 60px;
}
.icon-grid-section .icon-grid-header h2 {
  margin-bottom: 20px;
  font-weight: 700;
}
.icon-grid-section .icon-grid-header .lead {
  font-size: 18px;
}
.icon-grid-section .icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 50px 40px;
}
@media (min-width: 991px) {
  .icon-grid-section .icon-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 120px;
  }
}
@media (max-width: 991px) {
  .icon-grid-section .icon-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.icon-grid-section .icon-grid-item {
  text-align: center;
}
.icon-grid-section .icon-grid-item .icon-grid-icon {
  margin-bottom: 25px;
}
.icon-grid-section .icon-grid-item .icon-grid-icon img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.icon-grid-section .icon-grid-item .icon-grid-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.3;
}
.icon-grid-section .icon-grid-item .icon-grid-text {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
}

/*========== Slider Cards ===========*/
.cards-grid .grid-card .wrap {
  position: relative;
  border-left: 0.581px solid transparent;
  border-right: 0.581px solid transparent;
  border-bottom: 0.581px solid transparent;
  border-radius: 4.4px;
  box-shadow: 0px 0px 11.10173px 2.22035px rgba(4, 54, 115, 0.05);
}
.cards-grid .grid-card .wrap .main-text {
  max-width: 340px;
  font-weight: 600;
}
.cards-grid .grid-card .wrap .lower-text {
  max-width: 440px;
}
.cards-grid .grid-card .wrap img {
  border-radius: 4.4px 4.4px 0 0;
}
.cards-grid .grid-card .wrap::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #18A94D;
  z-index: 1;
  border-radius: 4.4px 4.4px 0 0;
}
.cards-grid .grid-card .wrap::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 8px;
  background: #0D8741;
  z-index: 10;
  border-radius: 4.4px 4.4px 0 0;
  transition: all 0.3s ease-in-out;
}
.cards-grid .grid-card .wrap:hover, .cards-grid .grid-card .wrap:focus {
  border-left-color: #0D8741;
  border-right-color: #0D8741;
  border-bottom-color: #0D8741;
}
.cards-grid .grid-card .wrap:hover::after, .cards-grid .grid-card .wrap:focus::after {
  width: 100%;
}
.cards-grid .grid-card .wrap:hover .primary-blue-outline-btn-arrow, .cards-grid .grid-card .wrap:focus .primary-blue-outline-btn-arrow {
  color: white;
  border-color: #0D8741;
  background-color: #0D8741;
}
.cards-grid .grid-card .wrap:hover .primary-blue-outline-btn-arrow::after, .cards-grid .grid-card .wrap:focus .primary-blue-outline-btn-arrow::after {
  color: #ffffff;
}
.cards-grid .grid-card .wrap.no-link {
  pointer-events: none;
}

@media (max-width: 991px) {
  .icon-nav .circle-link {
    padding-bottom: 4.5rem;
  }
}
.icon-nav .img-wrap {
  background: #18A94D;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.icon-nav .img-wrap .hover-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 70px);
  transition: all 0.3s ease-in-out;
  text-align: center;
  min-width: 155px;
  color: #18A94D;
}
.icon-nav a:hover .img-wrap, .icon-nav a:focus .img-wrap {
  background: #43e47e !important;
}

.slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: calc(100% + 180px);
  left: 50%;
  z-index: 100;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .slider-nav {
    display: none;
  }
}

/*========== CTA ===========*/
.cta-image {
  padding-top: clamp(5rem, 8vw, 12rem);
  padding-bottom: clamp(5rem, 8vw, 12rem);
}
.cta-image .overlay,
.cta-image .img-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: none !important;
  background-size: cover !important;
  background-position: center !important;
  margin: 0;
}
.cta-image .image-cta-text p {
  font-size: 1.8rem !important;
}

/*========== General field styles ===========*/
.gform_wrapper .gform_fields {
  grid-column-gap: 4% !important;
}
.gform_wrapper .gform_body input[type=text],
.gform_wrapper .gform_body input[type=email],
.gform_wrapper .gform_body input[type=tel],
.gform_wrapper .gform_body input[type=url],
.gform_wrapper .gform_body input[type=number],
.gform_wrapper .gform_body input[type=password],
.gform_wrapper .gform_body select,
.gform_wrapper .gform_body textarea {
  color: #0D8741;
  font-size: 1.4rem;
  padding: 11px 20px !important;
  background: white !important;
  border: none;
}
.gform_wrapper .gform_body input[type=text]::-moz-placeholder, .gform_wrapper .gform_body input[type=email]::-moz-placeholder, .gform_wrapper .gform_body input[type=tel]::-moz-placeholder, .gform_wrapper .gform_body input[type=url]::-moz-placeholder, .gform_wrapper .gform_body input[type=number]::-moz-placeholder, .gform_wrapper .gform_body input[type=password]::-moz-placeholder, .gform_wrapper .gform_body select::-moz-placeholder, .gform_wrapper .gform_body textarea::-moz-placeholder {
  color: #0D8741;
}
.gform_wrapper .gform_body input[type=text]::placeholder,
.gform_wrapper .gform_body input[type=email]::placeholder,
.gform_wrapper .gform_body input[type=tel]::placeholder,
.gform_wrapper .gform_body input[type=url]::placeholder,
.gform_wrapper .gform_body input[type=number]::placeholder,
.gform_wrapper .gform_body input[type=password]::placeholder,
.gform_wrapper .gform_body select::placeholder,
.gform_wrapper .gform_body textarea::placeholder {
  color: #0D8741;
}
.gform_wrapper .gfield_label {
  font-size: 1.6rem !important;
  color: #0D8741;
  font-weight: normal !important;
}
.gform_wrapper .gfield_label .gfield_required {
  color: #0D8741 !important;
  display: none !important;
}
@media (min-width: 991px) {
  .gform_wrapper .captcha {
    grid-column: span 8 !important;
  }
  .gform_wrapper .captcha .ginput_recaptcha > div {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gform_wrapper .captcha {
    grid-column: span 8 !important;
  }
  .gform_wrapper .captcha .ginput_recaptcha > div {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
}
.gform_wrapper .captcha .gfield_label {
  display: none !important;
}
.gform_wrapper input[type=submit] {
  transition: all 0.3s ease-in-out;
  border: none !important;
}

#archive-posts {
  background: #F8F9F9;
}
#archive-posts .post {
  position: relative;
}
#archive-posts .post .post-card {
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #archive-posts .post .post-card h4 {
    max-width: 100%;
    text-align: left !important;
  }
}
#archive-posts .post .post-card .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
#archive-posts .post .post-card-body {
  background-color: white;
  z-index: 2;
  position: relative;
}
#archive-posts .post:hover .post-card-body, #archive-posts .post:focus-within .post-card-body {
  transform: translateY(0);
}
#archive-posts .post:hover .filter, #archive-posts .post:focus-within .filter {
  opacity: 1;
}
#archive-posts .post::before {
  content: "";
  background-color: white;
  position: absolute;
  height: 100%;
  width: calc(100% - 2.9rem);
  z-index: -1;
  left: 1.4rem;
  top: 0;
  border-radius: 6px;
}

.cs-grid {
  display: grid;
  grid-template-columns: 220px 1fr;
  margin-bottom: 5rem;
}
@media (max-width: 991px) {
  .cs-grid {
    grid-template-columns: 25% 1fr;
  }
}
.cs-grid-item {
  display: grid;
  gap: 2rem;
}

#blog-single blockquote {
  font-size: 1.6rem;
}

.facetwp-facet-cs_categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.facetwp-facet-cs_categories .facetwp-radio {
  background: none !important;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.facetwp-facet-cs_categories .facetwp-radio.checked {
  border-bottom: 2px solid #0D8741;
}
.facetwp-facet-cs_categories .facetwp-counter {
  display: none;
}

.facetwp-load-more {
  transition: all 0.3s ease-in-out;
}

.posts-display .has-hover-fade-effect {
  text-decoration: none;
  transition: all 0.3s ease-in-out !important;
}
.posts-display .has-hover-fade-effect:hover, .posts-display .has-hover-fade-effect:focus-within {
  opacity: 0.8 !important;
}

.case-cats .facetwp-facet {
  margin-bottom: 0 !important;
}

/*========== Footer ===========*/
#footer {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 8;
  background-size: 40px 40px;
}
#footer a {
  color: white;
  text-decoration: none;
}
#footer a:hover {
  color: rgb(250, 255, 244);
  text-decoration: underline;
}
#footer a:hover span {
  color: rgb(250, 255, 244);
  text-decoration: underline;
}
#footer .menu {
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1rem;
}
@media (max-width: 991px) {
  #footer .menu {
    gap: 1.8rem;
  }
}
#footer .menu li a {
  color: white;
  text-decoration: none;
}
#footer .menu li a:hover {
  color: rgb(250, 255, 244);
  text-decoration: underline;
}

.testblue {
  color: blue;
}/*# sourceMappingURL=style.css.map */