@charset "utf-8";

/*
Theme Name: Berry Landcare Trees We Value
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: 
Author URI: http://wordpress.org/themes/twentyfourteen
Description: lorem ipsum dolor
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* CSS Document */

:root {
  --theme-brown: #817263;
  --theme-green: #5BA742;
  --theme-cream: #e3d7cc;
}

/**
* 1.0 Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
* along with Nicolas Gallagher and Jonathan Neal
* http://necolas.github.com/normalize.css/ and Blueprint
* http://www.blueprintcss.org/
*
* -----------------------------------------------------------------------------
*/

/* ------------------------ Reset CSS start -------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

/* ------------------------ Reset CSS end -------------------------- */

/* @@@@@@@@@@@@@@@@@@@@ @Font Face @@@@@@@@@@@@@@@@@@@ */

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-Light.eot');
  src: local('Gibson Light'), local('Gibson-Light'),
    url('fonts/hinted-Gibson-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-Light.woff2') format('woff2'),
    url('fonts/hinted-Gibson-Light.woff') format('woff'),
    url('fonts/hinted-Gibson-Light.ttf') format('truetype'),
    url('fonts/hinted-Gibson-Light.svg#Gibson-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-LightIt.eot');
  src: local('Gibson Light Italic'), local('Gibson-LightIt'),
    url('fonts/hinted-Gibson-LightIt.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-LightIt.woff2') format('woff2'),
    url('fonts/hinted-Gibson-LightIt.woff') format('woff'),
    url('fonts/hinted-Gibson-LightIt.ttf') format('truetype'),
    url('fonts/hinted-Gibson-LightIt.svg#Gibson-LightIt') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-Regular.eot');
  src: local('Gibson'), local('Gibson-Regular'),
    url('fonts/hinted-Gibson-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-Regular.woff2') format('woff2'),
    url('fonts/hinted-Gibson-Regular.woff') format('woff'),
    url('fonts/hinted-Gibson-Regular.ttf') format('truetype'),
    url('fonts/hinted-Gibson-Regular.svg#Gibson-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-Italic.eot');
  src: local('Gibson Italic'), local('Gibson-Italic'),
    url('fonts/hinted-Gibson-Italic.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-Italic.woff2') format('woff2'),
    url('fonts/hinted-Gibson-Italic.woff') format('woff'),
    url('fonts/hinted-Gibson-Italic.ttf') format('truetype'),
    url('fonts/hinted-Gibson-Italic.svg#Gibson-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-SemiBold.eot');
  src: local('Gibson SemiBold'), local('Gibson-SemiBold'),
    url('fonts/hinted-Gibson-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-SemiBold.woff2') format('woff2'),
    url('fonts/hinted-Gibson-SemiBold.woff') format('woff'),
    url('fonts/hinted-Gibson-SemiBold.ttf') format('truetype'),
    url('fonts/hinted-Gibson-SemiBold.svg#Gibson-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-SemiboldIt.eot');
  src: local('Gibson Semibold Italic'), local('Gibson-SemiboldIt'),
    url('fonts/hinted-Gibson-SemiboldIt.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-SemiboldIt.woff2') format('woff2'),
    url('fonts/hinted-Gibson-SemiboldIt.woff') format('woff'),
    url('fonts/hinted-Gibson-SemiboldIt.ttf') format('truetype'),
    url('fonts/hinted-Gibson-SemiboldIt.svg#Gibson-SemiboldIt') format('svg');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-Bold.eot');
  src: local('Gibson Bold'), local('Gibson-Bold'),
    url('fonts/hinted-Gibson-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-Bold.woff2') format('woff2'),
    url('fonts/hinted-Gibson-Bold.woff') format('woff'),
    url('fonts/hinted-Gibson-Bold.ttf') format('truetype'),
    url('fonts/hinted-Gibson-Bold.svg#Gibson-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gibson';
  src: url('fonts/hinted-Gibson-BoldItalic.eot');
  src: local('Gibson Bold Italic'), local('Gibson-BoldItalic'),
    url('fonts/hinted-Gibson-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/hinted-Gibson-BoldItalic.woff2') format('woff2'),
    url('fonts/hinted-Gibson-BoldItalic.woff') format('woff'),
    url('fonts/hinted-Gibson-BoldItalic.ttf') format('truetype'),
    url('fonts/hinted-Gibson-BoldItalic.svg#Gibson-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}

html,
body {
  -webkit-text-size-adjust: none;
  font: 300 19px/28px 'Gibson';
  letter-spacing: 1.2px;
  color: #717171;
}

* {
  box-sizing: border-box;
}

ol,
ul,
li {
  list-style: none;
}

li::before {
  content: '';
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

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

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  transition: all 500ms ease-in-out;
  opacity: 1;
}

img:hover {
  opacity: 0.8;
}

.img-responsive {}

a {
  display: inline-block;
  text-decoration: none;
  outline: none;
  transition: all 500ms ease-in-out;
  color: #5eab45;
}

a:hover,
a.active {
  color: #5eab45;
}

b,
strong {}

cite,
dfn,
em,
i {
  font-style: italic;
}

.clear {
  font-size: 0;
  line-height: 0;
  clear: both;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  border-radius: 0;
}

input[type="radio"] {
  -webkit-appearance: radio;
  border-radius: 0;
}

.overlay {
  transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  /*opacity:0;*/
}

.dottdPattrn {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(images/dotted-pattern.png) 0 0 repeat;
}

.dashdPattrn {
  background: url(images/dashed-pattern.png) 0 100% repeat-x;
}

.grnBtn {
  display: block;
  padding: 10px 25px;
  background: #5eab45;
  color: white;
  font-size: 18px;
  max-width: 235px;
  width: 100%;
  text-align: center;
}

.grnBtn:hover {
  color: rgba(255, 255, 255, 0.7);
}

.grnBtn i {
  position: absolute;
  top: 48%;
  right: 16px;
  transform: translateY(-48%);
  -webkit-transform: translateY(-48%);
  -moz-transform: translateY(-48%);
  -o-transform: translateY(-48%);
  -ms-transform: translateY(-48%);
  transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.grnBtn:hover i {
  right: 12px;
}

.grnBtnSmall {
  position: relative;
  /* width: 190px; */
  /* height: 32px; */
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
}

.grnBtnSmall i {
  right: 13px;
}

.grnBtnSmall:hover i {
  right: 9px;
}

.more-padding {
  padding: 8px 32px;
}

:before,
:after {
  transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  /* content: ""; */
}


/* @@@@@@@@@@@@@@@@@@@@ Heading All @@@@@@@@@@@@@@@@@@@ */

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: 600;
  color: #3b3b3b;
}

h1 {
  font-size: 35px;
  line-height: 39px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  /*border-bottom: 3px solid #5eab45;*/
}

h2 {
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 20px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
}

h4 {}

/* ------------------------ Commonly Used Classes start -------------------------- */

#container {
  position: relative;
}

.outer {}

.w1440 {
  max-width: 1440px;
}

.w1245 {
  max-width: 1245px;
}

.w1065 {
  max-width: 1065px;
}

.w860 {
  max-width: 860px;
}

.w815 {
  max-width: 815px;
}

.w1440,
.w1245,
.w1065,
.w860,
.w815 {
  margin: 0 auto;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

.txtCenter {
  text-align: center;
}

.bgProperty,
.bgPropertyNfXd {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.bgPropertyNfXd {
  background-attachment: scroll;
}

label {
  color: #979a9c;
  display: inline-block;
  margin-bottom: 4px;
}

input[type=submit] {
  cursor: pointer;
  border: none;
  width: 100%;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  /* height: 45px; */
  background-color: rgba(72, 144, 205, 1);
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=search],
input[type=url],
textarea,
select {
  border: 1px solid #97999b;
  padding: 10px 20px;
  /*height:44px;*/
  text-transform: capitalize;
  color: #a9a9a9;
  background-color: #fff;
  width: 100%;
}

input,
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

textarea {
  resize: vertical;
  padding: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.lrnMoreBtn {
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  font-weight: normal;
  color: #4aa52c;
  border-bottom: 1px solid #4aa52c;
}


/* --------- Alignment --------- */
.alignnone {
  width: auto !important;
}

.alignleft {
  float: left !important;
  margin: 10px 25px 25px 5px !important;
}

.paragraph-image {
  float: left;
  margin: 5px 0;
}

.alignright {
  float: right !important;
  margin: 10px 5px 25px 25px !important;
}

.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

blockquote.alignleft,
img.alignleft {
  margin: 0 25px 15px 0;
}

.wp-caption.alignleft {
  margin: 0 25px 15px 0;
}

blockquote.alignright,
img.alignright {
  margin: 5px 0 5px 15px;
}

.wp-caption.alignright {
  margin: 5px 0 5px 15px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ------------------------ Commonly Used Classes end -------------------------- */


/* ------------------------- Template Layout start ------------------------- */


.outer {}

.inner {}

/* @@@@@@@@@@@@@@@@@@@@ Header @@@@@@@@@@@@@@@@@@@ */

.header {}

.mm-menu {
  display: none;
}

/* @@@@@@@@@@@@ nav menu @@@@@@@@@@@ */
.menu-button {
  display: none;
  transition: all 0.3s ease-in-out;
}

.menu-button>span {
  transition: all 0.3s ease-in-out;
}

/* body:has(nav.mm-opened) .menu-button{
height: 28px;
} */
body:has(nav.mm-opened) .menu-button>span {
  display: none;
}

body:has(nav.mm-opened) .menu-button::before {
  transform: rotate(45deg) translateX(1px);
}

body:has(nav.mm-opened) .menu-button::after {
  transform: rotate(-45deg) translateX(1px);
}

.navbar-toggle .line {
  transition: all 0.3s ease-in-out;
}

.mm-opened .navbar-toggle .line-1 {
  transform: rotate(45deg) translate(20px, -20px);
}

.mm-opened .navbar-toggle .line-2 {
  display: none;
}

.mm-opened .navbar-toggle .line-3 {
  transform: rotate(-45deg) translate(-40px, -10px);
}

.mainNav {
  background: url(images/navbr-bg.gif) 0 0 repeat;
  padding: 38px 0;
}

.mainNav nav {}

.mainNav nav ul,
.footNav ul {
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}

.mainNav nav ul li {
  display: inline-block;
  border-left: 1px solid #c9c8c1;
  margin: 0 -4px;
  padding: 0 55px;
}

.mainNav nav ul li:first-child {
  border-left: none;
  padding-left: 0;
}

.mainNav nav ul li:last-child {
  padding-right: 0;
}

.mainNav nav ul li a {
  color: #000;
}

.mainNav nav ul li a:hover {
  color: #5eab45;
}

.mainNav nav ul li.current-menu-item a {
  color: #5eab45;
  font-weight: 600;
}

/* @@@@@@@@@@@@ banner area @@@@@@@@@@@ */

.banrTopArea {
  height: 510px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: table;
  text-align: center;
}

.banrTopArea section {
  display: table-cell;
  vertical-align: middle;
}

.logo {
  display: inline-block;
  margin-bottom: 60px;
  line-height: 0;
}

.tagLine {
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
  text-transform: none;
}

.banrAreaInrPg {
  height: 235px;
}

.banrTopAreaInrPg {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: table;
  text-align: center;
}

.banrTopAreaInrPg section {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.banrTopAreaInrPg .logo {
  margin: 0 auto;
  max-width: 215px;
  display: block;
}

/* @@@@@@@@@@@@@@@@@@@@ Search Module @@@@@@@@@@@@@@@@@@@ */
.srchMdule {
  background: url(images/search.png) 100% 0 no-repeat rgba(0, 0, 0, 0.5);
  background-position: bottom right;
}

.search-heading {
  background: url(images/search-heading.png) 0 0 no-repeat;
  overflow: hidden;
  min-height: 300px;
  background-size: auto 100%;
}

.srchMdule .search-field-section {
  max-width: 799px;
  margin: 0 auto;
  padding: 10px 0;
}

.search-field-section form>div:has(#search_query) {
  margin-bottom: 8px;
}

.search-field-section form>div input[id="search_query"] {
  height: 46px;
  border: none;
  border-radius: 0;
}

.search-field-section form>div {
  float: left;
  margin: 10px;
  width: 245px;
  color: #fff;
  position: relative;
}

.search-field-section form>div label {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.search-field-section form>div input,
.search-field-section form>div select {
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(179, 177, 179, 1);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(179, 177, 179, 1);
  box-shadow: inset 0px 0px 5px 0px rgba(179, 177, 179, 1);
  color: #9AA49C;
  font: 300 16px/18px "Gibson";
}

.search-field-section form>div:has(.wpas-submit) {
  @media (max-width: 767px) {
    text-align: center;
    margin-top: 30px !important;
  }
}

.search-field-section form>div input[type=submit],
.search-field-section form>div button {
  background-color: #5eab45 !important;
  color: #fff !important;
  box-shadow: 0 !important;
  max-width: 245px !important;
  width: 100% !important;
  text-transform: uppercase;
  font: 500 16px/18px "Gibson";
  letter-spacing: 2px;
  border: 0;
  height: 49px;
  position: absolute;

  @media (max-width: 767px) {
    position: unset;
  }
}

.search-field-section form>div button i,
.search-field-section form>div button:hover i {
  right: auto !important;
  margin: 0 0 0 10px;
}

.moreoptions {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 44px;
}

.moreoptions i {
  color: #5eab45;
  margin-right: 5px;
  vertical-align: middle;
}

.select-style {
  padding: 0;
  margin: 0;
  background-color: #fff;
  background: #fff url("images/down-arrow.png") no-repeat 90% 50%;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(179, 177, 179, 1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(179, 177, 179, 1);
  box-shadow: inset 0px 0px 10px 0px rgba(179, 177, 179, 1);
  overflow: hidden;
  height: 44px;
}

.select-style select {
  padding: 5px 8px;
  /*width: 130%;*/
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 44px;

}

.select-style select:focus {
  outline: none;
}


/* @@@@@@@@@@@@@@@@@@@@ Content @@@@@@@@@@@@@@@@@@@ */

.content {}

.contentBgSec {
  background: url(images/dotted-bg.png) 0 0 repeat #f4f2e9;
}

.treeBgSec {
  background: url(images/tree-overlay-bg.png) 50% 100% no-repeat;
}

.hContSec {
  padding: 85px 0;
}

.hIntroSec {
  text-align: center;
}

.hIntroSec p {
  padding: 0 70px;
}

.small3Info {
  padding: 0 45px;
  margin-top: 60px;
  text-align: center;
}

.small3Info section {
  text-align: center;
  /*float: left;*/
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 0 3.5%;
  margin: 0 -2px;
}

.small3Info section:first-child {
  padding-left: 0;
}

.small3Info section:last-child {
  padding-right: 0;
}

.small3Info section header {
  position: relative;
  margin-bottom: 20px;
}

.small3Info section header img {
  display: block;
  margin: 0 auto 25px;
}

.small3Info section header h2 {
  padding-bottom: 20px;
  margin-bottom: 0;
}

.small3Info section header:after {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  height: 1px;
  width: 55px;
  background-color: #4aa52c;
}

.small3Info section footer {
  margin-top: 25px;
}

/*.small3Info:after{ clear: both; display: block; content: ""; }*/

.spnsrArea {
  /*height: 305px;*/
  display: flex;
  position: relative;
}

.spnsrArea .overlay {
  position: relative;
}

.spnsrAreaInr {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(images/grn-dvidr.png) 50% 0 repeat-y;
}

.spnsrAreaInr:after {
  clear: both;
  display: block;
}

.spnsrAreaInr article {
  float: left;
  width: 50%;
  padding: 50px;
  text-align: right;
  position: relative;
}

.spnsrAreaInr article:first-child {
  padding-left: 0;
}

.spnsrAreaInr article:last-child {
  float: right;
  text-align: left;
}

.spnsrAreaInr article p {
  color: rgba(255, 255, 255, 0.7);
}

.spnsrAreaInr article h2 {
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  line-height: 32px;
}

.spnsrAreaInr article footer {
  margin-top: 25px;
  display: table;
  width: 100%;
}

.spnsrAreaInr article:first-child header,
.spnsrAreaInr article:first-child p {
  padding-left: 22%;

  @media screen and (max-width: 541px) {
    padding: 10px 50px;
    text-align: left;
  }
}

.spnsrAreaInr article:first-child footer {}

.spnsrAreaInr article:first-child footer div {
  display: table-cell;
  vertical-align: middle;
}

.fetrdSponsrPnl {
  background-color: #4aa52c;
  /*width: 72%;*/
  padding: 0 10px;
}

.fetrdSponsrPnl span {
  font-size: 20px;
  line-height: 40px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
}

.hmwLogoPnl {
  width: 26%;
  padding-left: 3.5%;
}

.hmwLogoPnl>a {
  display: flex;
  width: 100%;
  padding: 5px;
  background-color: white;
}

.hmwLogoPnl img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.spnsrAreaInr article:last-child {}

.spnsrAreaInr article:last-child header,
.spnsrAreaInr article:last-child p {
  width: 60%;
}

.treeBgOvrlp {
  position: absolute;
  bottom: -1px;
  right: 10px;
  z-index: -1;
}

.treeBgOvrlp img {
  vertical-align: bottom;
}

.fetrdTreeSec {
  padding: 60px 0 135px;
}

.fetrdTopDesc {
  display: table;
  width: 100%;
  padding: 0 45px 60px;

  @media (max-width: 767px) {
    display: flex;
    flex-wrap: wrap;
  }
}

.fetrdTopDesc article {
  display: table-cell;
  vertical-align: middle;
}

.fetrdTopDesc article:first-child {
  width: 20%;
  padding-right: 4%;
}

.fetrdTopDesc article:first-child img {
  display: block;
}

.fetrdTopDesc article header {
  margin-bottom: 20px;
  padding-bottom: 20px;

  @media (max-width: 767px) {
    flex-wrap: wrap;
  }
}

.fetrdTopDesc article h2 {
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
  margin: 0 25px 0 0;
  display: inline-block;
  /*border-bottom: 3px solid #5eab45;*/
}

.fetrdTreeList {
  text-align: center;
}

.fetrdTreeList ul {
  text-align: center;
  padding-bottom: 70px;
}

.fetrdTreeList ul li {
  text-align: center;
  display: inline-block;
  margin: 0 -2px;
  width: 31.8%;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
}

.fetrdTreeList ul li:nth-of-type(3n+2) {
  /*background-color: rgba(0,0,0,0.5);*/
  margin: 0 20px;
}

.fetrdTreeList ul li article {}

.fetrdTreeList ul li article header {
  padding: 10px;
  background-color: #3b3b3b;
}

.ftrdTreImgCont {
  width: 100%;
  height: 400px;
  border-bottom: 2px solid #3b3b3b;
  cursor: pointer;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
}

.fetrdTreeList ul li:hover .ftrdTreImgCont {
  background-position: 70% 50%;
}

.loctnOfTree {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
}

.loctnOfTree i {
  margin-right: 3px;
  color: #66b04f;
}

.fetrdTreeList ul li article footer {
  padding: 0 15px;
}

.grnNameBase {
  padding: 10px;
  background-color: #66b04f;
  display: table;
  width: 100%;
}

.grnNameBase div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  height: 105px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #55a247;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
}

.fetrdTreeList ul li:hover .grnNameBase div {
  border: 1px solid #378429;
}

.grnNameBase h3 {
  font-weight: normal;
  margin-bottom: 0;
}

.grnNameBase h3 a {
  color: rgba(255, 255, 255, 1);
}

.grnNameBase h3 a:hover,
.fetrdTreeList ul li:hover .grnNameBase div h3 a {
  color: rgba(255, 255, 255, 0.6);
}

.commnContSec {
  padding: 85px 0;
}

.nrmlContSec {
  text-align: left;
}

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

.nrmlContSec ul,
.nrmlContSec ol {
  margin-bottom: 30px;
  overflow: hidden;
}

.nrmlContSec ul li,
.nrmlContSec ol li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
}

.nrmlContSec ul li:before {
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 100%;
  width: 9px;
  height: 9px;
  background-color: #5eab45;
}

.nrmlContSec ol {
  list-style: decimal outer;
}

.nrmlContSec ol li {
  list-style-type: decimal;
}

/* @@@@@@@@@@@@@@@@@@@@ Footer @@@@@@@@@@@@@@@@@@@ */
.footer {}

.footrTopBg {
  background: url(images/foot-btm-bg.png) 50% 100% no-repeat;
  /*height: 210px;*/
}

.footrTop {
  background-color: #e2d4c7;
}

.footrTop1st {
  display: table;
  width: 100%;
  padding: 25px 0 40px;

  @media screen and (max-width: 591px) {
    --gap: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
}

.footrTop1st section {
  display: table-cell;
  vertical-align: bottom;
}

.footrTop1st section img {
  display: block;
}

.footrTop1st section:first-child {
  width: 12%;
  padding-right: 2%;

  @media screen and (max-width: 591px) {
    flex-basis: calc(20% - var(--gap));
  }
}

.footrTop1st section:last-child {
  width: 25%;
  padding-left: 4%;
  text-align: right;

  @media screen and (max-width: 591px) {
    flex-basis: 100%;
    width: 100%;
  }

  @media screen and (max-width: 451px) {
    flex-basis: 100%;
  }
}

.footrTop1st section.aboutInfo {
  font-size: 16px;
  line-height: 20px;
  color: #817263;

  @media screen and (max-width: 591px) {
    flex-basis: calc(80% - var(--gap));
  }

  @media screen and (max-width: 451px) {
    flex-basis: 100%;
  }
}

.footrTop1st section.aboutInfo h3 {
  margin-bottom: 5px;
  color: #817263;
}

.footNav {
  position: relative;

  @media screen and (max-width: 591px) {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }

  &::before {
    display: none;
  }
}

.footNav ul {
  text-align: right;

  @media screen and (max-width: 591px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
  }

  @media screen and (max-width: 451px) {
    grid-template-columns: 1fr;
  }

  &::before {
    display: none;
  }
}

.footNav ul li {
  margin-bottom: 10px;
}

.footNav ul li:last-child {
  margin-bottom: 0;
}

.footNav ul li a {
  color: #817263;
}

.footNav ul li a:hover {
  color: #2e2823;
}

.footNav ul li.current-menu-item a {
  color: #2e2823;
  font-weight: 600;
}

.social-link {
  position: absolute;
  right: 110px;
  bottom: 0;
}

.social-link a {
  display: inline-block;
  margin: 0 3px;
}

.footrTop2nd {
  display: table;
  width: 100%;
  background: url(images/footer-divider.png) 50% 0 no-repeat;
  padding: 30px 0;
}

.sponsors {
  font-size: 16px;
  font-weight: 600;
  color: #827263;
}

.footer-sponsors {
  background: white;
}

.sponsor-container {
  display: flex;
  align-items: center;
  gap: 0.6rem 1.7rem;
  padding-top: 10px;
  padding-bottom: 10px;

  @media (max-width: 767px) {
    flex-direction: column;
  }
}

.sponsor-container h5 {
  color: var(--theme-brown);
}

.sponsor-logos {
  display: grid;
  grid-template-columns: repeat(var(--col-count), 1fr);
  align-items: center;
  gap: 1.3rem;
  mix-blend-mode: multiply;

  @media (max-width: 767px) {
    grid-template-columns: 1fr 1fr;
  }

  @media (max-width: 479px) {
    grid-template-columns: 1fr;
  }
}

.sponsor-logos .sponsor-logo {
  display: flex;
  justify-content: center;
}

.sponsor-logos .sponsor-logo img {
  display: flex;
  max-height: 100px;
  object-fit: contain;

  @media (max-width: 479px) {
    max-width: 70%;
  }
}

.footrBot {
  background-color: #333532;
  padding: 20px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
}

.footrBot a {
  color: rgba(255, 255, 255, 1);
  font-weight: normal;
}

.footrBot a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.footrBot div {}

.footrBot div:after {
  clear: both;
  display: block;
  content: "";
}

.footrBot div p {
  display: inline-block;
  float: right;
  font-weight: 300;
}

.footrBot div p:first-child {
  float: left;
}

/* ------------------------- Template Layout end ------------------------- */

/* ------------------------- About Page start------------------------- */
.clear {
  clear: both;
  padding: 0;
  margin: 0;
  height: 0;
}

.c-form .clear {
  display: none;
}

.c-form label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #000;
  text-transform: uppercase;
  display: inherit !important;
}

.c-form input,
.c-form textarea {
  margin-bottom: 10px;
  border: 0;
  box-shadow: inset 0px 0px 10px 0px #ABABAB;
  -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB;
  -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB;
  -o-box-shadow: inset 0px 0px 10px 0px #ABABAB;
}

.c-form-name {
  float: left;
  width: 49%;
}

.c-form-email {
  float: right;
  width: 49%;
}

.c-form-submit {
  text-align: right;
  margin-top: 10px;
}

.c-form-submit button {
  background-color: #5eab45 !important;
  color: #fff !important;
  box-shadow: 0 !important;
  max-width: 245px !important;
  width: 160px !important;
  text-transform: uppercase;
  font: 500 16px/18px "Gibson";
  letter-spacing: 2px;
  border: 0;
  height: 40px;
  cursor: pointer;
}

.c-form .gform_wrapper .gform_body input[type="text"],
.c-form .gform_wrapper .gform_body textarea {
  font-size: 16px !important;
  margin-bottom: 20px;
  border: 0;
  box-shadow: inset 0px 0px 10px 0px #ABABAB;
  border-radius: 0;
  min-height: 49px;
  padding: 10px 20px !important;
  text-transform: capitalize;
  color: #A9A9A9;
  background-color: #FFF;
}

.c-form .gform_wrapper .gform_body label .gfield_required {
  color: #db0000;
}

.c-form .gform_wrapper div.validation_error {
  border-bottom: 2px solid #8d0c0c;
  border-top: 2px solid #8d0c0c;
  color: #AF0E0E;
  font-weight: 600;
}

.c-form .gform_wrapper .gform_body .gfield.gfield_error {
  background-color: rgba(255, 146, 149, 0.1);
}

.c-form .gform_wrapper .gform_body .gfield_description.validation_message {
  color: #AF0E0E;
  font-weight: 600;
}

.c-form .gform_wrapper .gform_footer {
  padding-right: 16px;
}

.c-form .gform_wrapper .gform_footer input[type="submit"] {
  line-height: 0.4 !important;
}

.nrmlContSec .c-form .gform_wrapper .gform_body ul li {
  margin-bottom: 0px;
}

/* --- Sponsors page --- */
.sponsor-list.nrmlContSec .sponsor {
  margin-top: 50px;
}

.sponsor-list.nrmlContSec .sponsor img {
  max-height: 120px;
}

.sponsor-list.nrmlContSec .sponsor p,
.sponsor-list.nrmlContSec .sponsor ul {
  margin-bottom: 25px;
}

.sponsor-list.nrmlContSec .sponsor ul li {
  margin-bottom: 10px;
}

/* ------------------------- About Page end------------------------- */
/* ------------------------- Advanced search Page start------------------------- */
input:focus {
  outline: none !important;
}

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

.ac-form {
  padding-top: 30px;
}

.ac-form h2 {
  background: url(images/dashed-pattern.png) 0 100% repeat-x;
  padding-bottom: 20px;
}

.ac-form label {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  color: #3A3B3D;
}

.ac-form input[type="text"] {
  font-size: 16px;
  margin-bottom: 20px;
  border: 0;
  box-shadow: inset 0px 0px 10px 0px #ABABAB;
  -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB;
  -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB;
  -o-box-shadow: inset 0px 0px 10px 0px #ABABAB;
  min-height: 49px;
}

/*.ac-form .select-style {
padding: 0;
margin:0 0 20px;
background: #fff url("images/down-arrow.png") no-repeat 98% 50%;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(179,177,179,1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(179,177,179,1);
box-shadow: inset 0px 0px 10px 0px rgba(179,177,179,1);
overflow:hidden;
}

.ac-form .select-style select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height:49px;
font-size: 16px;
-webkit-appearance: none;

}

.ac-form .select-style select:focus {
outline: none;
}*/
.type-o-tree-radio div {
  margin-bottom: 30px;
}

.type-o-tree-radio div div {
  display: inline-block;
  margin: 0 30px 0 0;
}

/*.type-o-tree-radio div input[type="radio"]{
display: inline-block;
vertical-align: middle;
min-height: auto;
margin-bottom: 0;
margin-right:10px;
}
.type-o-tree-radio div span{
display: inline-block;
vertical-align: middle;
font-size: 16px!important;
padding-top: 5px;
font-weight: 500;
}*/

.c-form-submit button {
  background-color: #5eab45 !important;
  color: #fff !important;
  box-shadow: 0 !important;
  max-width: 245px !important;
  width: 160px !important;
  text-transform: uppercase;
  font: 500 16px/18px "Gibson";
  letter-spacing: 2px;
  border: 0;
  height: 40px;
  cursor: pointer;
}

.wild-planted-section div {
  display: inline-block;
  width: 46%;
  margin-bottom: 10px;
}


.plain-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}

.plain-select select,
.plain-select .select2-selection {
  line-height: normal;
  height: 46px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: 100%;
  display: block;
  line-height: normal;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(179, 177, 179, 1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(179, 177, 179, 1);
  box-shadow: inset 0px 0px 10px 0px rgba(179, 177, 179, 1);
  background-color: #fff;
  font-size: 16px;
  border: 0 !important;
  margin: 0 0 20px;
  border-radius: 0 !important;
  outline: none;
}

.multi-select select {
  font-size: 16px !important;
  font-weight: normal;
  margin-bottom: 20px;
  border: 0;
  box-shadow: inset 0px 0px 10px 0px #ABABAB;
  border-radius: 0;
  text-transform: capitalize;
  color: #A9A9A9;
  background: #FFF;
  min-height: 49px;
  padding: 10px 20px;
  height: auto;
}

.ie8 .plain-select select {
  padding-right: 3px
}

.plain-select select:focus {
  background: #f9f9f9;
  outline: none;
  /*box-shadow:0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 7px rgba(100,100,100,0.3);
	border-color:#00c0f3;*/
}

.plain-select ::-ms-expand {
  display: none;
}

.plain-select:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 12px;
  top: 18px;
  height: 0;
  width: 0;
  border-top: 11px solid #5BA742;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  pointer-events: none;
}

label {
  display: block
}



input[type="radio"] {
  display: none !important;
}

input[type="radio"]+label {
  color: #717171;
  font-size: 16px !important;
  padding-top: 5px;
  font-weight: 500;
  text-transform: none;
}

input[type="radio"]+label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

input[type="radio"]+label span {
  border: 2px solid #5BA742;
}

input[type="radio"]:checked+label span {
  background-color: #5BA742;
}

input[type="radio"]+label span,
input[type="radio"]:checked+label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}

.significance-from-holder {
  padding-bottom: 40px;
  display: block;
}

.from-left-pan {
  float: left;
  width: 48%;
}

.from-right-pan {
  float: right;
  width: 48%;
}

.search-form-submit {
  margin-top: 10px;
}

.search-form-submit input[type=submit],
.search-form-submit button {
  background-color: #5eab45 !important;
  color: #fff !important;
  box-shadow: 0 !important;
  max-width: 245px !important;
  width: 100% !important;
  text-transform: uppercase;
  font: 500 16px/18px "Gibson";
  letter-spacing: 2px;
  border: 0;
  /* height: 40px; */
  cursor: pointer;
}

.lat {
  float: left;
  width: 48%;
}

.long {
  float: right;
  width: 48%;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #70A15F;
  -webkit-border-radius: 1ex;
}

.search-results .search-result-pan {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1rem;
}

.search-result-pan {
  overflow: hidden;
  border-bottom: 1px solid #C0C0B8;
  margin-bottom: 50px;
  padding-bottom: 10px;
}

.search-result-pan img {
  float: left;
  /* margin-right: 20px; */
  width: 100%;
}

.search-result-pan[id^=post-] div {
  grid-column-start: 2;
}

.search-result-pan ul li {
  list-style-type: none;
  margin: 0 0 3px;
  padding: 0;
  font-size: 16px;
}

.search-result-pan ul li span {
  font-weight: 500;
  color: #5BA742;
  text-transform: uppercase;
}

.search-result-pan ul li:before {
  display: none;
}

.no-border-bottom {
  border-bottom: 0;
  margin-bottom: 0;
}

/* ------------------------- Advanced search Page end------------------------- */
.accordion {
  /*background-color: #eee;
	color: #444;*/
  cursor: pointer;
  /*padding: 18px;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  /*font-size: 15px;*/
  transition: 0.4s;
}

.accordion.active,
.accordion:hover {}

.accordion:before {
  content: '';
  color: #777;
  font-weight: bold;
  float: left;
  margin-left: 5px;
  background: url(images/downarrow.png) 0 0 no-repeat;
  width: 17px;
  height: 10px;
  margin-top: 10px;
  margin-right: 10px;
  transition: transform 0.3s ease-in-out;
}

.accordion.active:before {
  content: "";
  transform: rotate(-180deg);
  width: 17px;
  height: 10px;
}

div.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.search-field-section .plain-select {
  height: 44px;
}

.search-field-section .plain-select select {
  height: 40px;
  margin: 0;
}

.brd {
  border-top: 1px solid #5A565A;
  border-bottom: 1px solid #648150;
  border-left: 1px solid #86907A;
  border-right: 1px solid #86907A;
  box-shadow: 1px 1px 1px #ddd;
}

/*	Search Result Area	*/
.search-result-pan ul li {
  font-size: 18px;
  margin: 0 0 5px;
}

.search-result-pan ul li span {
  padding-right: 4px;
}

.srchlst h1 {
  margin-bottom: 50px;
}

.srchlst .search-result-pan ul li {
  font-size: 18px;
  margin: 0 0 5px;
}

.srchlst .search-result-pan ul li:first-child {
  font-size: 28px;
  margin: 0 0 55px;
}

.srchlst .search-result-pan ul li:first-child span {
  font-size: 28px;
  position: relative;
  padding-bottom: 26px;
}

.srchlst .search-result-pan ul li:first-child span:after {
  content: '';
  display: block;
  width: 88px;
  height: 3px;
  background: #5BA742;
  position: absolute;
  left: 0;
  bottom: 0;
}

.srchlst .search-result-pan ul li:last-child {
  padding-top: 22px;
}

.srchlst .search-result-pan img {
  margin-right: 30px;
}

.backBtn {
  color: #5BA742;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  font-size: 16px;
  border-bottom: 1px solid #5BA742;
  margin-bottom: 35px;
  line-height: 16px;
}

.backBtn i {
  padding-right: 10px;
}

.gform_wrapper ul li.gfield {
  clear: none !important;
}

.gform_heading .legend-wrapper {
  border: 2px solid #5eab45;
  padding: 10px;
  position: relative;

  h5 {
    position: absolute;
    top: -0.75em;
    background: #f4f2e9;
    padding: 0 10px;
  }

  .required {
    font-weight: 400;
  }

  p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
  }
}

.gform_footer {
  text-align: right;
}

.gform_footer .gform_button {
  background-color: #5eab45 !important;
  color: #fff !important;
  box-shadow: 0 !important;
  max-width: 245px !important;
  width: 160px !important;
  text-transform: uppercase;
  font: 500 16px/18px "Gibson";
  letter-spacing: 2px;
  border: 0;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(images/dotted-pattern.png) 0 0 repeat;
  margin: 0 !important;
  line-height: 8px;
}

.searchFormFilter .search-field-section form>div label {
  color: #000;
}

.searchFormFilter .search-heading {
  background: inherit;
}

.searchFormFilter .moreoptions {
  color: #5eab45
}

@media only screen and (max-width:1255px) {

  .footrTop,
  .footrBot {
    padding: 20px;
  }


}

/* ------------------------- Gravity forms start ------------------------- */
.gform_wrapper form .gfield {
  padding-left: 0;
  padding-right: 0 !important;
}

/* Adjust the default 50/50 class */
.gform_wrapper form .gform_body li.gf_left_half,
.gform_wrapper form .gform_body li.gf_right_half {
  margin-bottom: 0;
}

/* Remove the bullet point before the contact form */
.contact-form_wrapper form.contact-form .gform_body ul li:before {
  display: none !important;
}

/* Hide the input of a field */
.gform_wrapper form .gform_body .hidden-input.gfield input {
  display: none !important;
}

/* --- Section headings --- */
.gform_wrapper form h2.gsection_title {
  font-size: 26px;
  font-weight: 600;
  color: #3B3B3B;
  line-height: 30px;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.gform_wrapper form .gfield.gsection {
  background: url(images/dashed-pattern.png) 0 100% repeat-x;
}

/* --- Labels --- */
.gform_wrapper form .gform_body label {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #3A3B3D;
  width: 100%;
}

.gform_wrapper form .gform_body label .gfield_required {
  color: #db0000;
}

/* --- Input areas --- */
.gform_wrapper form .gform_body input[type="text"],
.gform_wrapper form .gform_body input[type="tel"],
.gform_wrapper form .gform_body input[type="email"],
.gform_wrapper form .gform_body input[type="number"],
.gform_wrapper form .gform_body textarea,
.gform_wrapper form .gform_body .ginput_container_select>select,
.gform_wrapper form .gform_body .ginput_container_multiselect>select,
.gform_wrapper form .gform_body .chosen-container a.chosen-single {
  font-size: 16px !important;
  font-weight: normal;
  margin-bottom: 20px;
  border: 0;
  box-shadow: inset 0px 0px 10px 0px #ABABAB;
  border-radius: 0;
  text-transform: none;
  color: #A9A9A9;
  background: #FFF;
  min-height: 49px;
  padding: 10px 20px;
}

.gform_wrapper form .gform_body input[type="text"] {
  padding: 10px 20px !important;
}

.gform_wrapper form .gform_body input,
.gform_wrapper form .gform_body textarea,
.gform_wrapper form .gform_body select {
  transition: box-shadow 0.75s, color 0.75s;
}

.gform_wrapper form .gform_body input:focus,
.gform_wrapper form .gform_body textarea:focus,
.gform_wrapper form .gform_body select:focus {
  box-shadow: inset 0px 0px 12px 0px hsla(0, 0%, 50%, 1);
  color: #808080;
}

/* --- Tables --- */
.gform_wrapper form .gform_body .gfield_list th {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #3A3B3D;
}

.gform_wrapper form .gform_body .gfield_list td.gfield_list_icons {
  position: relative;
  bottom: 8px;
}

/* --- Drop areas --- */
.gform_wrapper form .gform_body .gform_drop_area {
  background: rgba(0, 0, 0, 0.04);
  border: 1px dashed #999;
  color: #999;
}

/* --- Dropdowns --- */
.gform_wrapper form .gform_body .ginput_container_select {
  max-height: 55px;
}

.gform_wrapper form .gform_body .ginput_container_select>select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  margin: 0 !important;
  width: 100%;
}

.ie8 .gform_wrapper form li.gfield .ginput_container>select {
  padding-right: 3px
}

.gform_wrapper form li.gfield .ginput_container>select ::-ms-expand {
  display: none;
}

.gform_wrapper form .gform_body .ginput_container_select:after {
  border-top: 11px solid #5EAB45;
  /* The size & colour of the dropdown arrow */
  border-left: 9px solid transparent;
  /* Changes the triangle's shape */
  border-right: 9px solid transparent;
  /* Changes the triangle's shape */
  content: " ";
  height: 0;
  margin-top: -3px;
  /* Change to centre vertically */
  pointer-events: none;
  position: relative;
  top: -25px;
  /* Change to centre vertically */
  left: 96%;
  /* Distance from the right edge */
  width: 0;
  z-index: 2;
  display: flex;
}

/* --- Searchable dropdowns --- */
.gform_wrapper form .gform_body .ginput_container_select>.chosen-container {
  width: 100% !important;
}

.gform_wrapper form .gform_body .ginput_container_select>.chosen-container b {
  display: none;
}

.gform_wrapper form .gform_body .chosen-container a.chosen-single {
  margin-bottom: 0;
  padding: 13px 20px;
}

/* --- Radio buttons --- */
.gform_wrapper form .gform_body input[type="radio"] {
  display: none;
}

.gform_wrapper form .gform_body input[type="radio"] label {
  position: relative;
  cursor: pointer;
}

.gform_wrapper form .gform_body input[type="radio"]+label {
  color: #717171;
  font-size: 16px !important;
  font-weight: 500;
  text-transform: none;
}

.gform_wrapper form .gform_body input[type="radio"]+label:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 10px 0px 0px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #5EAB45;
}

.gform_wrapper form .gform_body input[type="radio"]:checked+label {
  position: relative;
  font-weight: 600 !important;
}

.gform_wrapper form .gform_body input[type="radio"]:checked+label:before {
  background-color: #5EAB45;
}

.gform_wrapper form .gform_body input[type="radio"]:checked+label:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

/* --- Buttons --- */
.gform_wrapper form .gform_body input[type="button"] {
  background-color: #5EAB45;
  color: #FFF;
  max-width: 245px !important;
  width: 160px !important;
  text-transform: uppercase;
  text-align: center;
  font: 500 16px/18px "Gibson";
  letter-spacing: 2px;
  border: 0;
  border-radius: 4px;
  height: 40px;
  cursor: pointer;
  padding: 0 25px;
}

/* --- Submit --- */
.gform_wrapper form .gform_footer input[type="submit"] {
  line-height: 0.4 !important;
}

/* --- Validation --- */
.gform_wrapper form div.validation_error {
  border-bottom: 2px solid #8d0c0c;
  border-top: 2px solid #8d0c0c;
  color: #AF0E0E;
  font-weight: 600;
}

.gform_wrapper form .gform_body .gfield.gfield_error {
  background-color: rgba(255, 119, 123, 0.15);
}

.gform_wrapper form .gform_body .gfield_description.validation_message {
  color: #AF0E0E;
  font-weight: 600;
}

/* ------------------------- Gravity forms end ------------------------- */

/* ------------------------- MEDIA QUERIES ------------------------- */
@media only screen and (max-width: 640px) {
  .c-form .gform_wrapper .gform_footer {
    padding-right: 0;
  }

  .c-form .gform_wrapper .gform_body li {
    padding-left: 0;
  }
}

@media only screen and (max-width: 761px),
(max-device-width: 1023px) and (min-device-width: 768px) {
  .gform_wrapper form ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 700px) {
  .gform_wrapper form .gform_body .ginput_container_select:after {
    left: 95%;
  }
}

@media only screen and (min-width: 641px) {

  .gform_wrapper form .gform_body li.gfield.gfield_error.gf_left_half,
  .gform_wrapper form .gform_body li.gfield.gfield_error.gf_right_half,
  .gform_wrapper form .gform_body li.gfield.gf_left_half,
  .gform_wrapper form .gform_body li.gfield.gf_right_half {
    max-width: 48%;
  }

  .gform_wrapper form .gform_body li.gf_left_half {
    margin-right: 4%;
  }
}

@media only screen and (max-width: 641px) {
  .gform_wrapper form .gform_body .chosen-container a.chosen-single {
    padding: 0px 20px;
  }
}

@media only screen and (max-width: 600px) {
  .gform_wrapper form .gform_body .ginput_container_select:after {
    left: 94%;
  }
}

@media only screen and (max-width: 500px) {
  .gform_wrapper form .gform_body .ginput_container_select:after {
    left: 93%;
  }
}

@media only screen and (max-width: 400px) {
  .gform_wrapper form .gform_body .ginput_container_select:after {
    left: 92%;
  }
}

@media only screen and (max-width: 300px) {
  .gform_wrapper form .gform_body .ginput_container_select:after {
    left: 91%;
  }
}

/* Button styles */
.gf-modal-trigger {
  display: inline-block;
  padding: 8px 16px;
  background-color: #fff;
  color: #A9A9A9;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 5px;
  font-weight: normal;
  font-size: 14px;
  transition: all 0.3s ease;

  &:hover,
  &:focus {
    background-color: #5eab45;
    color: black;
  }
}

/* Modal container */
#gf-modal-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

#gf-modal-container.active {
  display: flex;
}

/* Modal content */
.gf-modal-content {
  background-color: #fff;
  border-radius: 5px;
  width: 90%;
  max-width: 500px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

/* Modal header */
.gf-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee;
}

.gf-modal-header h3 {
  margin: 0;
}

.gf-modal-close {
  font-size: 24px;
  cursor: pointer;
}

/* Modal body */
.gf-modal-body {
  padding: 15px;
  overflow-y: auto;
  max-height: 50vh;
}

.gf-modal-option {
  margin-bottom: 10px;
  display: flex;
  align-items: center;

  label {
    margin-bottom: 0;
  }
}

/* Modal footer */
.gf-modal-footer {
  padding: 15px;
  border-top: 1px solid #eee;
  text-align: right;
}

.gf-modal-save {
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.gfield_required_asterisk {
  &::after {
    content: 'This field is required';
    color: red;
    font-size: 12px;
    text-transform: none;
    font-weight: 600;
  }
}

.gform_wrapper.gravity-theme .gfield_label {
  font-weight: 500;
}

.ginput_container_consent {
  display: flex;
  margin: 10px auto;
}

footer .acknowledgement-to-country {
  background: #f4f2e9;
  text-align: center;
  padding: 20px 2.5%;

  >p {
    max-width: 1024px;
    margin: auto;
  }
}

.significance-criterion {
  position: relative;
  padding-top: 10px !important;
  margin-top: 10px !important;

  &::before {
    content: '';
    background-image: url(images/dashed-pattern.png);
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: -45px;
  }

  .gfield_label {
    font-weight: 600 !important;
  }

  .gfield_description {
    padding-top: 0 !important;
  }

  .gfield_radio {
    display: flex;
    gap: 1rem;

    label {
      max-width: fit-content !important;
      display: flex !important;
      align-items: center;
    }
  }
}

.selected-options-list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 10px !important;

  li {
    margin-bottom: 0px !important;
    list-style: none;
    background: #5eab45;
    border-radius: 10px;
    color: white;
    font-size: 13px;
    font-weight: 500;
    padding: 0 10px 0 30px !important;

    &::before {
      content: '';
      display: none;
    }

    .remove-option {
      cursor: pointer;
      color: red;
      font-weight: 600;
      margin-right: 10px;
      position: absolute;
      left: 10px;
    }
  }
}

.gfield--type-fileupload {
  .ginput_preview{
    border: 1px solid #5eab45;
    padding: 5px;
    margin: 5px 0;
  }
  button.gform_delete_file {
    padding: 0 0 0 10px;
    color: red;
  }
}