/*!
Theme Name: Here Agency Template
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: here-agency-template
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Here Agency Template is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin: 0;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: var(--bodyBg);
	overflow-x: hidden;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
}

ul {
	list-style: none;
	padding-left: 0;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--linkColor);
	text-decoration: none !important;
}

a:visited {
	color: var(--linkColor);
}

a:hover,
a:focus,
a:active {
	color: var(--linkColor);
}

a:focus {
	outline: none;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/********************************
	CUSTOM STYLES STARTS HERE
 ********************************/

/* GLOBAL */
/* Theme colors */
:root {
	--white: #ffffff;
	--black: #000000;

	--getGrey: #4D4D4F;
	--getGreen: #44D75B;
	--charcoal: #292929;
	--lightBeige: #FAFAFA;
	--lightGrey: #E0E0E0;

	--linkColor: #ffffff;
	--bodyBg: #ffffff;
	--textDark: #4D4D4F;
	--textLight: #ffffff;

	--navHeightDesktop: 96px;
	--navHeightMobile: 60px;
}

img.img-cover {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
}

.bg-grey {
	background-color: var(--getGrey);
}

.bg-green {
	background-color: var(--getGreen);
}

/* Gravity forms - Global */

.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
	font-family: "Matter" !important;
	font-size: 14px !important;
	border: none;
	border-bottom: 1px solid var(--getGrey);
	border-radius: 0;
	padding-left: 0 !important;
	color: var(--getGrey);
}

.gform_wrapper.gravity-theme .gfield_radio {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield_label {
	margin-bottom: 20px;
}

.gform_wrapper.gravity-theme .gchoice {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.gform_wrapper.gravity-theme input[type="radio"] {
	display: grid !important;
	place-content: center;
	width: 16px !important;
	max-width: 16px !important;
	height: 16px !important;
	max-height: 16px !important;
	background-color: transparent  !important;
	border: 1px solid var(--getGrey) !important;
	margin-right: 8px !important;
	margin-bottom: 0 !important;
	border-radius: 50% !important;
	-webkit-appearance: none;
	appearance: none;
	padding: 6px !important;
}

.gform_wrapper.gravity-theme input[type="radio"]::before {
	box-sizing: border-box;
	content: "";
	width: 12px !important;
	height: 12px !important;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--getGreen);
}

.gform_wrapper.gravity-theme input[type="radio"]:checked::before {
	transform: scale(1);
}

.gform_wrapper.gravity-theme .gfield-choice-input+label{
	font-family: "Matter" !important;
	font-size: 14px !important;
	border: none;
	padding-left: 0 !important;
	color: var(--getGrey);
	white-space: nowrap;
	width: max-content;
	max-width: max-content !important;
	margin-right: 56px;
}

.gform_wrapper.gravity-theme legend,
input::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield textarea::-webkit-input-placeholder {
	font-family: "Matter" !important;
	font-size: 14px !important;
	color: var(--getGrey);
	font-weight: 400 !important;
}


.gform_wrapper.gravity-theme .gfield textarea {
	border: 1px solid var(--getGrey);
	border-radius: 0 !important;
	padding-left: 8px !important;
}

#contact-form-container .gform_wrapper.gravity-theme .gform_footer,
#contact-form-container .gform_wrapper.gravity-theme .gform_page_footer {
	margin: 24px 0 0;
	padding: 0;
	justify-content: center !important;
}

/* .gform_footer.top_label {
	display: none !important;
} */

.gform_wrapper.gravity-theme .gfield select {
	background-color: transparent !important;
}

.gform_wrapper.gravity-theme input:focus-visible,
.gform_wrapper.gravity-theme .gfield select:focus-visible,
.gform_wrapper.gravity-theme .gfield textarea:focus-visible {
	outline: none;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
	margin: 0 !important;
	padding: 16px 0 0 !important;
}

.gform_wrapper.gravity-theme input[type='submit'] {
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: fit-content !important;
	height: 48px;
	cursor: pointer !important;
	font-family: "Right Grotesk" !important;
	font-weight: 800 !important;
	font-size: 14px !important;
	line-height: 14px !important;
	padding: 0 54px !important;
	color: var(--white) !important;
	background: linear-gradient(180deg, #FFFFFF -0.02%, #41C13A 53.47%, #41C13A 97.24%) !important;
	background-size: auto 160% !important;
	background-position: 50% 20% !important;
	border-radius: 100px !important;
	transition: all .3s ease-out !important;
	border: none !important;
	margin-bottom: 0 !important;

}

.gform_wrapper.gravity-theme input[type='submit']:hover {
	background-position: 50% 100% !important;
}


/* Font family */
h1,
h2,
h3,
h4,
h5,
h6,
.btn {
	font-family: "Right Grotesk";
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

h1 {
	font-size: 72px;
	line-height: 72px;
}

h2 {
	font-size: 48px;
	line-height: 52px;
}

h3 {
	font-size: 36px;
	line-height: 40px;
}

h3.small {
	font-size: 32px;
	line-height: 32px;
}

h4 {
	font-size: 24px;
	line-height: 32px;
}

h5 {
	font-size: 18px;
	line-height: 20px;
}

p,
.body-copy {
	font-family: "Matter";
}

.body-copy {
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: var(--textDark);
}

.body-copy.small {
	font-size: 16px;
	line-height: 24px;
}

.body-copy.large {
	font-size: 24px;
	line-height: 36px;
}

.textDark {
	color: var(--textDark) !important;
}

.textLight {
	color: var(--textLight) !important;
}

.textGreen {
	color: var(--getGreen) !important;
}

.textGrey {
	color: var(--getGrey);
}

.uppercase {
	text-transform: uppercase !important;
}

.ta-left {
	width: 100%;
	text-align: left;
}

.dt-ta-center {
	width: 100%;
	text-align: center;
}

.medium {
	font-weight: 500 !important;
}

.btn,
.btn-primary {
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content !important;
	cursor: pointer;
	transition: all 0.3s ease-out;

	/* Custom: */
	height: 48px;
	font-family: "Right Grotesk";
	font-weight: 800;
	font-size: 14px;
	line-height: 14px;
	padding: 0 54px;
	color: var(--white) !important;
	background: linear-gradient(180deg, #FFFFFF -0.02%, #41C13A 53.47%, #41C13A 97.24%);
	background-size: auto 160%;
	background-position: 50% 20%;
	border-radius: 100px;
}

.btn:hover,
.btn-primary:hover {
	background-position: 50% 100%;
}


.ha-section {
	padding: 0 7%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}

.ha-section.full-width {
	padding-left: 0;
	padding-right: 0;
}

.ha-section-container {
	width: 100%;
	max-width: 1244px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.ha-section-container.full-width {
	max-width: 100%;
}

.ha-section-container.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 1.93%;
}

.inner-grid {
	width: 100%;
	display: grid;
}

.inner-grid.three-col {
	grid-template-columns: repeat(3, 1fr);
	column-gap: 3.85%;
}

.inner-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.inner-col {
	display: flex;
	flex-direction: column;
}

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

.flex-row {
	flex-direction: row;
}

.row-reverse {
	flex-direction: row-reverse;
}

.flex-center {
	align-items: center;
}

.flex-align-center {
	align-items: center;
}

.flex-column {
	flex-direction: column;
}

.space-between {
	justify-content: space-between !important;
}

.flex-center {
	justify-content: center !important;
}

.span-1 {
	grid-column: span 1;
}

.span-4 {
	grid-column: span 4;
}

.span-7 {
	grid-column: span 7;
}

.span-11 {
	grid-column: span 11;
}

.span-12 {
	grid-column: span 12;
}

.col-30 {
	width: 30%;
}

.col-33 {
	width: 33.33%;
}

.col-40 {
	width: 40%;
}

.col-45 {
	width: 45%;
}

.col-50 {
	width: 50%;
}

.col-55 {
	width: 55%;
}

.col-60 {
	width: 60%;
}

.col-70 {
	width: 70%;
}

.col-100 {
	width: 100%;
}

/* Paddings top */
.dt-pt-8 {
	padding-top: 8px;
}

.dt-pt-24 {
	padding-top: 24px;
}

.dt-pt-32 {
	padding-top: 32px;
}

.dt-pt-40 {
	padding-top: 40px;
}

.dt-pt-48 {
	padding-top: 48px;
}

.dt-pt-56 {
	padding-top: 56px;
}

.dt-pt-64 {
	padding-top: 64px;
}

.dt-pt-72 {
	padding-top: 72px;
}

.dt-pt-78 {
	padding-top: 78px;
}

.dt-pt-80 {
	padding-top: 80px;
}

.dt-pt-84 {
	padding-top: 84px;
}

.dt-pt-88 {
	padding-top: 88px;
}

.dt-pt-96 {
	padding-top: 96px;
}

.dt-pt-140 {
	padding-top: 140px;
}

.dt-pt-150 {
	padding-top: 150px;
}

/* Paddings Bottom */

.dt-pb-8 {
	padding-bottom: 8px;
}

.dt-pb-10 {
	padding-bottom: 10px;
}

.dt-pb-12 {
	padding-bottom: 12px;
}

.dt-pb-16 {
	padding-bottom: 16px;
}

.dt-pb-20 {
	padding-bottom: 20px;
}

.dt-pb-24 {
	padding-bottom: 24px;
}

.dt-pb-32 {
	padding-bottom: 32px;
}

.dt-pb-40 {
	padding-bottom: 40px;
}

.dt-pb-48 {
	padding-bottom: 48px;
}

.dt-pb-56 {
	padding-bottom: 56px;
}

.dt-pb-64 {
	padding-bottom: 64px;
}

.dt-pb-72 {
	padding-bottom: 72px;
}

.dt-pb-78 {
	padding-bottom: 78px;
}

.dt-pb-80 {
	padding-bottom: 80px;
}

.dt-pb-84 {
	padding-bottom: 84px;
}

.dt-pb-88 {
	padding-bottom: 88px;
}

.dt-pb-96 {
	padding-bottom: 96px;
}

.dt-pb-116 {
	padding-bottom: 116px;
}

.dt-pb-120 {
	padding-bottom: 120px;
}

.dt-pb-130 {
	padding-bottom: 130px;
}

.dt-pb-140 {
	padding-bottom: 140px;
}

.dt-pb-150 {
	padding-bottom: 150px;
}

.dt-pb-200 {
	padding-bottom: 200px;
}


/* Margin Bottom */
.dt-mb-10 {
	margin-bottom: 10px;
}

.dt-mb-16 {
	margin-bottom: 16px;
}

.dt-mb-24 {
	margin-bottom: 24px;
}

.dt-mb-40 {
	margin-bottom: 40px;
}

.dt-bb-light {
	border-bottom: 1px solid var(--lightBeige);
}

.dt-bb-dark {
	border-bottom: 1px solid var(--charcoal);
}

.offset-left {
	padding-left: 5.6%;
}

.offset-right {
	padding-right: 5.6%;
}

.hide-desktop,
.hide-icon {
	display: none !important;
}

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

	h1 {
		font-size: 48px;
		line-height: 52px;
	}

	h2 {
		font-size: 42px;
		line-height: 46px;
	}

	h3 {
		font-size: 24px;
		line-height: 28px;
	}

	h4 {
		font-size: 18px;
		line-height: 22px;
	}

	h5 {
		font-size: 14px;
		line-height: 16px;
	}

	.body-copy {
		font-size: 16px;
		line-height: 22px;
	}

	.mb-ta-left {
		text-align: left !important;
	}

	.ha-section-container.grid {
		grid-template-columns: repeat(4, 1fr);
		column-gap: 0;
	}

	.col-30,
	.col-40,
	.col-45,
	.col-50,
	.col-55,
	.col-60,
	.col-70 {
		width: 100%;
	}

	/* .btn {
		padding: 10px 20px;
		font-size: 11px;
	} */

	.mb-pt-0 {
		padding-top: 0 !important;
	}

	.mb-pt-12 {
		padding-top: 12px !important;
	}

	.mb-pt-16 {
		padding-top: 16px !important;
	}

	.mb-pt-20 {
		padding-top: 20px;
	}

	.mb-pt-24 {
		padding-top: 24px;
	}

	.mb-pt-32 {
		padding-top: 32px !important;
	}

	.mb-pt-40 {
		padding-top: 40px !important;
	}

	.mb-pt-48 {
		padding-top: 48px !important;
	}

	.mb-pt-56 {
		padding-top: 56px !important;
	}

	.mb-pt-84 {
		padding-top: 84px !important;
	}

	.mb-pb-0 {
		padding-bottom: 0 !important;
	}

	.mb-pb-8 {
		padding-bottom: 8px !important;
	}

	.mb-pb-16 {
		padding-bottom: 16px !important;
	}

	.mb-pb-20 {
		padding-bottom: 20px !important;
	}

	.mb-pb-24 {
		padding-bottom: 24px !important;
	}

	.mb-pb-32 {
		padding-bottom: 32px !important;
	}

	.mb-pb-40 {
		padding-bottom: 40px !important;
	}

	.mb-pb-48 {
		padding-bottom: 48px !important;
	}

	.mb-pb-56 {
		padding-bottom: 56px !important;
	}

	.mb-pb-64 {
		padding-bottom: 64px !important;
	}

	.mb-pb-84 {
		padding-bottom: 84px !important;
	}

	.mb-pl-0 {
		padding-left: 0 !important;
	}

	.mb-pr-0 {
		padding-right: 0 !important;
	}

	/* Border  */
	.mb-bb-none {
		border-bottom: none;
	}

	.offset-left {
		padding-left: 0 !important;
	}

	.offset-right {
		padding-right: 0 !important;
	}

	.hide-desktop {
		display: inherit !important;
	}

	.hide-mobile {
		display: none !important;
	}

	.hide-icon {
		display: none !important;
	}

	.mb-bb-light {
		border-bottom: 1px solid #fff;
	}
}


/********************************
	Masthead + Nav 
********************************/
.desktop-nav,
.desktop-nav-sticky {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.desktop-menu-nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 3%;

	height: var(--navHeightDesktop);
	background-color: var(--bodyBg);
}

.nav-left {
	width: auto;
	padding-right: 2vw;
}

.main-logo {
	display: flex;
	width: 18vw;
	max-width: 260px;
}

.main-logo img {
	width: 100%;
}

.nav-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-left: 2vw;
	width: 70%;
	height: 100%;
}

.main-menu-wrapper {
	height: 100%;
}

.main-menu-wrapper div {
	height: 100%;
}

.main-menu-wrapper ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	height: 100%;
}

.main-menu-wrapper ul li {
	height: 100% !important;
	display: flex;
	align-items: center;
	margin-right: 32px;
	color: var(--getGrey);
	font-family: 'Right Grotesk';
	font-size: 20px;
	line-height: 100% !important;
	letter-spacing: .5px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}

.main-menu-wrapper ul li.phone-menu {
	font-size: 36px;
	letter-spacing: 1.17px;
}

.main-menu-wrapper ul li a {
	display: flex;
	align-items: center;
	color: var(--getGrey);
	text-decoration: none;
	position: relative;
	-moz-transition: ease-out 0.3s 0.1s;
	-o-transition: ease-out 0.3s 0.1s;
	-webkit-transition: ease-out 0.3s;
	-webkit-transition-delay: 0.1s;
	transition: ease-out 0.3s 0.1s;
}

.arrow-icon {
	margin-left: 6px;
	margin-top: 6px;
}

.main-menu-wrapper ul li a::after {
	height: 1px;
	width: 100%;
	background: var(--getGreen);
	content: "";
	position: absolute;
	left: 0px;
	bottom: -4px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.main-menu-wrapper ul li a:hover::after {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* Dropdown desktop submenu */
/* First level submenu */
.menu-item-has-children {
	position: relative;
}

.main-menu-wrapper .menu-item-has-children:hover ul.sub-menu {
	display: flex;
}

.main-menu-wrapper .menu-item-has-children .arrow-icon {
	transition: all .3s ease-out;
}

.main-menu-wrapper .menu-item-has-children:hover .arrow-icon {
	transform: rotate(180deg);
}

.main-menu-wrapper ul.sub-menu {
	display: none;
	position: absolute;
	top: var(--navHeightDesktop);
	left: 0;
	flex-direction: column;
	transition: all 0.4s ease-out;
	opacity: 1;
	background-color: var(--white);
	border-radius: 0;
	padding: 0;
	z-index: 99;
	height: auto !important;
}

.main-menu-wrapper ul.sub-menu li {
	font-size: 12px;
	padding-bottom: 16px;
	margin-right: 0 !important;
	white-space: nowrap;
	padding: 16px;
	cursor: pointer;
	transition: all .3s ease-out;
}

.main-menu-wrapper ul li .sub-menu li:hover {
	background-color: var(--getGreen);
}

.main-menu-wrapper ul li .sub-menu li:hover a {
	color: var(--white) !important;
}

/* .main-menu-wrapper ul.sub-menu li:last-child {
	padding-bottom: 0;
} */

/* STICKY NAV */
.desktop-nav-sticky {
	transition: all 0.3s ease-out;
	top: 0;
	position: fixed;
	z-index: 999;
}

.desktop-nav-sticky.hidden-nav {
	transform: translateY(-100%);
}

/* MOBILE NAV - DESKTOP HIDDEN */
.mobile-nav {
	display: none;
}

@media only screen and (max-width:1024px) {
	.main-menu-wrapper ul li {
		font-size: 18px;
	}

	.main-menu-wrapper ul li.phone-menu {
		font-size: 28px;
	}

	/* }

@media only screen and (max-width:1000px) { */

	.desktop-nav,
	.desktop-nav-sticky {
		display: none;
	}

	.mobile-nav {
		/* display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column; */
		/* position: fixed; */
		/* top: 0; */

		display: block !important;
		position: relative;
		width: 100%;
		z-index: 99;
	}

	.mobile-top-nav,
	.mobile-top-nav-sticky {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: var(--navHeightMobile);
		width: 100%;
		padding: 0 6%;
		z-index: 10;
		border-bottom: 1px solid var(--black);
		background: var(--bodyBg);
	}

	.mobile-top-nav-sticky {
		transition: all 0.3s ease-out;
		top: 0;
		position: fixed;
		z-index: 999;
	}

	.mobile-top-nav-sticky.hidden-nav {
		transform: translateY(-100%);
	}

	.mobile-top-left {
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	a.main-logo-mobile {
		display: flex;
	}

	.mobile-top-left .main-logo-mobile img {
		width: 100%;
		max-width: 170px;
		height: auto;
	}

	.mobile-top-right {
		position: relative;
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	/* Call button  */
	.menu-call a {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		margin-right: 24px;
	}

	.menu-call .call-icon {
		width: 24px;
		height: 24px;
		margin-right: 8px;
	}

	.mobile-bottom-nav {
		/* display: none; */
		/* width: 100%; */
		height: calc(100vh - var(--navHeightMobile));
		padding: 48px 6% 0;
		background-color: var(--charcoal);
		/* position: relative; */


		-ms-overflow-style: none;
		scrollbar-width: none;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		overflow: scroll;
		display: none;
		position: fixed;
		width: 100%;
		top: var(--navHeightMobile);
	}

	.mobile-inner-container {
		overflow: scroll;
		position: relative;
		height: 100%;
		/* max-height: calc(100% - 200px); */
		padding-bottom: 48px;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 5px;
	}
	.menu-btn-call{
		margin-top: 15px;
	}

	.mobile-bottom-nav ul {
		list-style: none;
		width: 100%;
		text-align: left;
		padding-bottom: 32px;
	}

	.mobile-bottom-nav ul li {
		padding-top: 24px;
	}

	.mobile-bottom-nav ul li:first-child {
		padding-top: 0;
	}

	.mobile-bottom-nav ul li a {
		text-decoration: none;
		font-family: 'Right Grotesk';
		text-transform: uppercase;
		color: #FEFEFE;
		font-size: 42px;
		line-height: 32px;
	}

	.mobile-bottom-nav ul li.menu-item-has-children a {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		line-height: 40px;
	}

	.mobile-bottom-nav ul li.menu-item-has-children a i {
		display: flex;
		align-items: center;
	}

	.mobile-bottom-nav ul.sub-menu {
		padding-bottom: 0;
		padding-top: 24px;
	}

	.mobile-bottom-nav .sub-menu li {
		padding-top: 12px;
	}

	.mobile-bottom-nav ul.sub-menu li a {
		font-size: 20px !important;
		line-height: 24px !important;
    padding-left: 16px;
    text-transform: capitalize;
	}

	.mobile-bottom-nav .menu-item {
		animation: slideInLeft 0.3s ease-in-out forwards;
		opacity: 0;
	}

	@keyframes slideInLeft {
		from {
			transform: translate(-25%, 0);
			opacity: 0;
		}

		to {
			transform: translate(0, 0);
			opacity: 1;
		}
	}

	@keyframes slideOutRight {
		from {
			transform: translate(0, 0);
			opacity: 1;
		}

		to {
			transform: translate(-25%, 0);
			opacity: 0;
		}
	}

	.mobile-email {
		position: relative;
		width: fit-content;
	}

	.mobile-email::after {
		content: '';
		width: 100%;
		height: 2px;
		position: absolute;
		bottom: 17px;
		left: 0;
		right: 0;
		background: var(--getGreen);
	}

	/** hamburger menu **/
	.hamburger-button {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;

		/* Custom */
		width: 24px;
		height: 12px;
	}

	.menu-wrapper {
		position: relative;
		margin: auto;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		cursor: pointer;
		z-index: 999;
	}

	.hamburger-menu,
	.hamburger-menu:after,
	.hamburger-menu:before {
		background: var(--getGrey);
		width: 100%;
		height: 2px;
	}

	.hamburger-menu {
		background: transparent;
		position: relative;
		transition: all 0ms 300ms;
	}

	.hamburger-menu:after,
	.hamburger-menu:before {
		content: "";
		position: absolute;
		right: 0;
		transition: all 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.hamburger-menu:before {
		bottom: 6px;
	}

	.hamburger-menu:after {
		top: 6px;
	}

	.hamburger-menu.animate {
		background: transparent;
	}

	.hamburger-menu.animate:before {
		bottom: 0;
		transform: rotate(-45deg);
		transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
		;
	}

	.hamburger-menu.animate:after {
		top: 0;
		transform: rotate(45deg);
		transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
		;
	}

	/** End hamburger menu **/

}

.mobile-bottom-nav ul li {
	animation: slideInLeft 0.3s ease-in-out backwards;
}

.mobile-bottom-nav .mobile-inner-container a.social {
	animation: slideInLeft 0.3s ease-in-out backwards;
}

@keyframes slideInLeft {
	from {
		transform: translate(-25%, 0);
		opacity: 0;
	}

	to {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@media only screen and (max-width:375px) {
	.mobile-bottom-nav ul li a {
		font-size: 29px !important;
		line-height: 28px !important;
	}

	.mobile-bottom-nav ul li {
		padding-top: 20px;
	}

	.mobile-bottom-nav ul.sub-menu {
		padding-top: 20px;
	}
}

/* @media only screen and (max-width: 500px) {
	.mobile-bottom-nav ul li a {
		font-size: 20px;
		line-height: 24px;
	}
} */

/* Hide scrollbar for Chrome, Safari and Opera */
.mobile-bottom-nav.open::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.mobile-bottom-nav {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

/* Lock scroll when menu is open*/
.stop-scrolling {
	/*      height: 100%; */
	overflow: hidden;
}


/*--------------------------------------------------------------
# CUSTOM FOOTER
--------------------------------------------------------------*/

#ft-newsletter-section .heading-container {
	grid-column: 1 / span 6;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#ft-newsletter-section h3 {
	max-width: 212px;
	margin-right: 48px;
}

#ft-newsletter-section p {
	max-width: 318px;
}

#ft-newsletter-section .form-container {
	grid-column: 7 / span 6;
}

/* Gravity form */
/* #ft-newsletter-section .form-container form {
	height: 56px;
}

#ft-newsletter-section .gform_body.gform-body {
	height: 100%;
} */

#ft-newsletter-section .gform_fields {
	width: 100%;
	height: 100%;
	align-items: flex-start;
	grid-template-columns: repeat(6, 1fr) !important;
	grid-column-gap: 3.9% !important;
}

#ft-newsletter-section .ginput_container.ginput_container_email {
	height: 100%;
}

#ft-newsletter-section input[type='email'] {
	height: 56px;
	background: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
	padding: 0 24px !important;
	color: #fff !important;
}

#ft-newsletter-section input[type=email]:focus-visible {
	outline: none;
}

#ft-newsletter-section input::-webkit-input-placeholder {
	color: white;
}

div#field_1_1 {
	grid-column: span 4;
}

#ft-newsletter-section .gform_wrapper.gravity-theme input[type='submit'] {
	height: 56px !important;
}

div#field_submit {
	grid-column: span 2;
}

div#gform_confirmation_message_1 {
	color: var(--textLight)!important;
}
/* End gravity form */

#ft-menu-section .col-left {
	grid-column: span 4;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#ft-menu-section .col-right {
	grid-column: 6 / span 7;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#ft-menu-section .col-left .ft-logo img {
	max-width: 293px;
}

.copyrights-container p {
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.copyrights-container .here-logo {
	width: 68.44px;
	margin-left: 4px;
	padding-top: 5px;
}

#ft-menu-section .ft-menu-container {
	width: 33.33%;
}

.ft-menu-container ul li {
	margin-bottom: 16px;
}

.ft-menu-container ul li:last-child {
	margin-bottom: 0;
}

.ft-menu-container ul li a {
	color: #E0E0E0;
	font-family: 'Matter';
	font-size: 18px;
	line-height: 16px !important;
	letter-spacing: .5px;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
	margin-bottom: 16px;
	position: relative;
	-moz-transition: ease-out 0.3s 0.1s;
	-o-transition: ease-out 0.3s 0.1s;
	-webkit-transition: ease-out 0.3s;
	-webkit-transition-delay: 0.1s;
	transition: ease-out 0.3s 0.1s;
}

.ft-menu-container ul li a::after {
	height: 2px;
	width: 100%;
	background: var(--getGreen);
	content: "";
	position: absolute;
	left: 0px;
	bottom: -4px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.ft-menu-container ul li a:hover::after {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.ft-email {
	position: relative;
	width: fit-content;
}

.underline-effect {
	position: relative;
	width: fit-content;
}

.underline-effect::after {
	height: 2px;
	width: 100%;
	background: var(--getGreen);
	content: "";
	position: absolute;
	left: 0px;
	bottom: -4px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.underline-effect:hover::after {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);

}

.change-color {
	transition: all 0.3s ease-out;
}

.change-color:hover {
	color: var(--getGreen) !important;
}

/* Marquee */
.marquee {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0;
}

.marquee ul {
	overflow: hidden;
	width: 1000%;
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
}

.marquee li {
	list-style: none;
	/* flex-direction: row;
	align-items: center; */
	display: flex;
	white-space: nowrap;
	padding: 0 ;
}

.marquee .content {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.marquee img.marquee-logo {
	margin: 24px 24px 0;
	height: 48px;
	width: 48px;
}

.marquee .marquee-text {
	text-transform: uppercase;
	position: relative;
}

.marquee .marquee-text a {
	color: var(--textLight);
	text-decoration: none;
}

#ft-marquee .marquee-text {
	font-size: 120px !important;
	line-height: 100% !important;
}

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

	#ft-newsletter-section .heading-container,
	#ft-newsletter-section .form-container,
	#ft-menu-section .col-left,
	#ft-menu-section .col-right {
		grid-column: 1 / span 4;
	}

	#ft-newsletter-section .heading-container {
		flex-direction: column;
	}

	#ft-newsletter-section h3 {
		max-width: 100%;
		margin: 0;
	}

	#ft-newsletter-section p {
		max-width: 100%;
		text-align: center;
	}

	#ft-newsletter-section .form-container form {
		height: 48px;
	}

	#ft-newsletter-section .gform_fields {
		grid-column-gap: 0;
		grid-template-columns: repeat(4, 1fr) !important;
		position: relative;
	}

	div#field_submit {
		position: absolute;
		right: 4px;
		top: 4px;
		height: 40px;
	}

	#ft-newsletter-section input[type='email'] {
		padding: 0 16px !important;
		height: 48px !important;
	}

	#ft-newsletter-section .gform_wrapper.gravity-theme input[type='submit'] {
		max-width: 109px !important;
    height: 40px !important;
	}

	.gform_wrapper.gravity-theme input[type='submit'] {
		padding: 0 20px;
	}

	#ft-menu-section .ha-section-container.grid {
		display: flex;
		flex-direction: column;
	}

	#ft-menu-section .col-left {
		align-items: center;
	}

	#ft-menu-section .col-right {
		width: 100%;
		grid-column: 1 / span 4;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#ft-menu-section .ft-menu-container {
		width: 100%;
	}

	.ft-menu-container ul.menu {
		padding: 32px 0 16px;
	}

	.ft-menu-container ul li a {
		font-size: 16px !important;
	}

	#ft-menu-section .ft-menu-container .ft-menu-category {
		font-size: 16px !important;
		line-height: 16px !important;
	}

	#ft-menu-section .ft-menu-container .ft-menu-category i {
		float: right;
	}

	#ft-menu-section .ft-menu-container .ft-menu-category i.dh-ft-minus-icon {
		height: 22px;
		display: flex;
		align-items: center;
	}

	.copyrights-container.hide-desktop {
		display: flex !important;
		flex-direction: column;
		width: 100%;
	}

	.marquee ul {
		width: 10000%;
	}
	#ft-marquee .marquee-text {
		font-size: 71px !important;
	}

	.marquee img.marquee-logo {
		margin: 4px 24px 0;
	}
}

/*=====================================
* HOME PAGE
=====================================*/
section#home-hero {
	height: calc(100vh - var(--navHeightDesktop));
}

section#home-hero .hero-bg-img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	object-fit: cover;
}

section#home-hero .ha-section-container {
	height: 100%;
	width: 100%;
	flex-direction: column;
	text-align: center;
	/* padding-top: 18.88vw; */
	padding-top: 30vh;
}

/* @media only screen and (max-width:768px){
	section#home-hero{
		height: calc(100vh - var(--navHeighMobile) );
	}
} */

/* Global - Logos Marquee Section */
.logos-container {
	width: 100%;
	height: 72px;
	position: absolute;
	bottom: 96px;
	left: 0;
	background: var(--bodyBg);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 0;
}

.logos-container .logos-grid-container {
	max-width: 756px;
	height: 40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 56px;
}

.logos-container .logos-grid-container .logo {
	height: 40px;
	width: auto;
	object-fit: contain;
}

html,
body {
	height: 100%;
}

/* END Logos Marquee Section */

@media only screen and (max-width:1024px) {
	section#home-hero {
		height: 100vh;
		max-height: -webkit-fill-available;
	}

	section#home-hero .ha-section-container {
		align-items: flex-start;
		justify-content: flex-end;
		text-align: left;
		padding: 0 7% 156px;
	}
}

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

	.logos-container {
		bottom: 48px;
		/* height: 36px;
		padding: 0; */
	}

	.marquee {
		height: 100%;
		display: block !important;
		padding: 0;
	}

	.marquee li {
		padding: 0;
		height: 100%;
	}

	.marquee .content {
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 100%;
	}

	.marquee a.logo-link {
		height: 100%;
	}

	.marquee a.logo-link img {
		max-height: 100% !important;
		margin: 0 28px;
	}

	/* .marquee h4 {
		line-height: 100% !important;
	} */
}

/* Intro Section  */
section#dna-section .heading-container {
	grid-column: span 12;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

section#dna-section .heading-container p {
	max-width: 681px;
}

#dna-grid {
	grid-column: span 12;
}

.inner-grid.three-col a {
	text-decoration: none;
	color: var(--getGrey);
}

.inner-grid.three-col .grid-img-container {
	overflow: hidden !important;
	/* 	height:33.3vw;
	max-height: 480px; */
	width: 100%;
}

#dna-grid .grid-img-container {
	position: relative;
	padding-top: 125%;
}

.inner-grid.three-col .grid-img-container .img-desktop,
.inner-grid.three-col .grid-img-container .img-mobile {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(1);
	transition: all .3s ease-out;
}

.inner-grid.three-col .grid-card:hover .grid-img-container .img-desktop {
	transform: scale(1.1);

}

.inner-grid.three-col .grid-legend {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.inner-grid.three-col .grid-legend h3 {
	font-size: 28px !important;
	color: var(--getGrey);
	transition: all .3s ease-out;
}

.inner-grid.three-col .grid-card:hover .grid-legend h3 {
	color: var(--getGreen) !important;
}

.minimal-icon {
	width: 39px;
	height: 39px;
}

@media only screen and (max-width:768px) {
	section#dna-section {
		border-bottom: 2px solid #000;
	}

	section#dna-section .heading-container {
		flex-direction: column;
		text-align: center;
	}

	#dna-grid {
		display: block;
	}

	#dna-grid .grid-img-container {
		padding-top: 67%;
	}
}

/* Mosaic section */
.ha-mosaic-container {
	width: 100%;
	/* 	height:64.44vw; */
	display: grid;
	grid-template-columns: 34.51% 23.68% 7.3% 34.51%;
	grid-template-rows: 19.51vw 21.04vw 23.88vw;
	column-gap: 1px;
	row-gap: 1px;
	background-color: #292929;
	border-top: 1px solid #292929;
}

.ha-mosaic-container .mosaic-item.text {
	background-color: var(--bodyBg);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.ha-mosaic-container .mosaic-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ha-mosaic-container .item-1 {
	grid-column: 1 / span 3;
	grid-row: 1;
	padding: 0 7vw;
}

.ha-mosaic-container .item-2 {
	grid-column: 1;
	grid-row: 2 / span 2;
}

.ha-mosaic-container .item-3 {
	grid-column: 2 / span 2;
	grid-row: 2;
}

.ha-mosaic-container .item-4 {
	grid-column: 2;
	grid-row: 3;
}

.ha-mosaic-container .item-5 {
	grid-column: 4;
	grid-row: 1 / span 2;
}

.ha-mosaic-container .item-6 {
	grid-column: 3 / span 2;
	grid-row: 3 / span 2;
	padding: 0 4.44vw;
	border-bottom: 1px solid #292929;
}

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

	/* when the mosaic breaks */
	.ha-mosaic-container {
		grid-template-rows: auto auto auto auto auto;
		grid-template-columns: repeat(2, 1fr);
		border-top: none;
    border-bottom: 1px solid #292929;
	}

	.ha-mosaic-container .mosaic-item.text {
		grid-column: 1 / span 2;
		padding: 48px 7vw;
	}

	.ha-mosaic-container .mosaic-item.text p {
		font-size: 18px !important;
		line-height: 26px !important;
	}

	.ha-mosaic-container .item-1 {
		margin-top: -1px;
	}

	.ha-mosaic-container .item-2 {
		grid-row: 2 / span 2;
	}

	.ha-mosaic-container .item-3 {
		grid-column: 2 / span 1;
	}

	.ha-mosaic-container .item-5 {
		grid-column: 1 /span 2;
		grid-row: 5 / span 1;
    margin-top: -1px;
	}

	.ha-mosaic-container .item-6 {
		grid-row: 4 / span 1;
		height: auto;
	}

}

/* Work with us section */
section#work-section {
	position: relative;
}

section#work-section .heading-section {
	grid-column: 2 / span 10;
	text-align: center;
}

section#work-section .logos-container {
	position: relative;
	bottom: unset;
	left: unset;
}

/* Form  */
#contact-form-container p,
#contact-form-container .gform_wrapper {
	grid-column: 4 / span 6;
}

#contact-form-container .gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 32px !important;
}


#contact-form-container .gform_wrapper.gravity-theme .gfield textarea {
	border-color: var(--getGrey);
	border-radius: 0;
}

#contact-form-container .gform_wrapper.gravity-theme input[type='submit'] {
	height: 48px !important;
	width: 300px;
}

div#gform_confirmation_wrapper_2 {
	grid-column-start: 4;
	grid-column-end: 10;
}

@media only screen and (max-width:768px) {
	section#work-section h2 {
    font-size: 28px !important;
    line-height: 34px !important;
	}

	section#work-section .ha-section-container {
		padding-left: 5%;
		padding-right: 5%;
	}

	/* Work with us section marquee  */
	section#work-section .logos-container {
		background: #F5F5F5;
	}

	/* Form  */
	#contact-form-container .gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 16px !important;
	}

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

	.gform_wrapper.gravity-theme textarea {
		border-radius: 12px !important;
		padding-left: 16px !important;
	}

	section#work-section .heading-section,
	#contact-form-container p,
	#contact-form-container .gform_wrapper {
		grid-column: 1 / span 4;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#contact-form-container .gform_wrapper.gravity-theme input[type='submit'] {
		width: 100% !important;
	}
	div#gform_confirmation_wrapper_2 {
    grid-column-start: 1;
    grid-column-end: 5;
	}
}


/*=====================================
* SERVICES PAGE
=====================================*/
section#services-hero {
	height: 44.44vw;
	border-bottom: 1px solid var(--getGrey);
}

#services-hero h4.hero-subheading {
	max-width: 805px;
}

img.hero-bg-img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	object-fit: cover;
}

.page-template-page-services section#page-title {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#page-title .logos-container {
	position: relative;
	bottom: unset;
	left: unset;
	height: 100%;
	padding: 0 !important;
}

.img-right .inner-col.col-50.info-col {
	padding-left: 96px;
	padding-right: 50px;
	height: auto;
}

.img-left .inner-col.col-50.info-col {
	padding-right: 96px;
	padding-left: 50px;
	height: auto;
}

.service-split-section ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

ul li.li-green-bullet::before {
	content: "•";
	font-size: 27px;
	color: var(--getGreen) !important;
	margin-right: 7px;
	padding-bottom: 4px;
}

li.oval-container {
	height: 40px;
	width: fit-content;
	display: flex;
	align-items: center;
	padding: 0 16px;
	background-color: #F5F6F7;
	border-radius: 83.33px;
	margin-right: 16px;
	margin-bottom: 16px;
	white-space: nowrap;
	text-transform: capitalize;
}

.bg-grey li.oval-container {
	background-color: #353535;
}

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

	#services-hero h4.hero-subheading {
		max-width: 805px;
		text-transform: unset;
	}

	#services-hero .logos-container {
		bottom: -72px;
		z-index: 1;
	}

	.service-split-section .ha-section-container {
		flex-direction: column-reverse;
	}

	.service-split-section .ha-section-container .inner-col {
		width: 100%;
	}

	.inner-col.col-50.info-col {
		padding: 24px 7vw 40px !important;
	}

	.page-template-page-services h2 {
		font-size: 28px !important;
		line-height: 34px !important;
	}

}

@media only screen and (max-width:768px) {
	section.page-hero {
		/* margin-top: var(--navHeightMobile); */
		height: auto !important;
		padding-top: 56px;
		/* Nav bar*/
		padding-bottom: 56px;
		/* Marquee */
		padding-left: 7vw !important;
		padding-right: 7vw !important;
		border-bottom: none !important;
		/* background-color: var(--charcoal); */
		background-color: var(--getGrey);
	}

	.page-hero h1 {
		font-size: 42px !important;
		line-height: 46px !important;
	}

	/* .ha-section-container.hero-blurb {
		padding: 56px 0;
	} */

	h3.home-subheading {
		font-size: 18px !important;
		line-height: 24px !important;
		max-width: 78vw
	}
}


@media only screen and (max-width:500px) {
	.service-split-section ul {
		flex-direction: column;
	}
}

/*=====================================
* SINGLE SERVICE PAGE - TEMPLATE
=====================================*/
section#page-hero {
	height: 55.44vw;
	/* max-height: 352px; */
}

.hero-blurb-container {
	max-width: 700px;
	z-index: 1;
}

section#page-title {
	height: 72px;
	padding: 16px 7%;
}

section#page-title .page-title-container {
	height: 100%;
}

section#page-title .logo {
	max-height: 100%;
	object-fit: contain;
	margin-right: 32px;
}

section#page-title .page-title-description {
	font-size: 20px !important;
	line-height: 16px !important;
}

/* Content  - Left Column */
#service-content .inner-col {
	height: 100%;
}

#service-content .inner-col.col-divisor {
	border-right: 1px solid var(--charcoal);
}

ul.services-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

/* Post content */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
	padding: 48px 0 20px;
}

.post-content ul {
	margin-top: 20px;
	list-style: disc !important;
	list-style-position: inside !important;
	padding-left: 0;
	columns: 2;
}

/* Side bar - Right Column  */
.our-services-container {
	background-color: #F6F7F8;
	border-radius: 12px;
	padding: 40px;
	margin-bottom: 40px;
}

.our-services-container .service-row a {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	height: 64px;
	border-bottom: 1px solid var(--getGrey);
}

.our-services-container .service-row:last-child a {
	border-bottom: none;
}

.our-services-container .service-row a .service-logo {
	max-height: 100%;
	width: auto;
	object-fit: contain;
}

.change-fill {
	transition: all .3s ease-out;
}

.our-services-container .service-row a:hover svg .change-fill {
	fill: var(--getGreen);
}

#service-content .contact-container {
	padding: 48px 40px;
	border-radius: 12px;
	position: sticky;
	top: 56px;
	top: calc(var(--navHeightDesktop) + 32px);
}

.contact-container .dashed-container {
	padding: 18px 20px;
	max-width: 299px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.phone-number {
	letter-spacing: 1.17px;
}

.phone-number a {
	letter-spacing: 1.17px;
	transition: all .3s ease-out;
}

.phone-number:hover a {
	color: white !important;
}

/* Contact form */

.contact-container .gform_wrapper.gravity-theme input,
.contact-container .gform_wrapper.gravity-theme select,
.contact-container .gform_wrapper.gravity-theme textarea {
	background: transparent;
	/* border-radius: 100px; */
	border-bottom: 1px solid white;
	/* padding: 0 16px !important; */
	height: 24px !important;
	/* display: flex; */
	/* align-items: center; */
	color: var(--textLight) !important;
}

.contact-container .gform_wrapper.gravity-theme textarea {
	border-radius: 10px;
	border: 1px solid white;
	height: 94px !important;
	padding: 8px 16px !important;
}

.contact-container input::-webkit-input-placeholder,
.contact-container textarea::-webkit-input-placeholder,
.contact-container .gform_wrapper.gravity-theme legend,
.contact-container .gform_wrapper.gravity-theme .gfield-choice-input+label {
	color: var(--textLight)!important;
}

.contact-container .gform_wrapper.gravity-theme .gfield-choice-input+label {
	margin-right: 16px;
}

.contact-container .gform_wrapper.gravity-theme .gchoice {
	margin-bottom: 14px;
}

.contact-container .gform_wrapper.gravity-theme .gchoice:last-child {
	margin-bottom: 0;
}

.contact-container .gform_wrapper.gravity-theme input[type="radio"] {
	border-color: white !important;
}

.contact-container .gform_wrapper.gravity-theme input[type='submit'] {
	width: 100% !important;
	height: 48px !important;
}

.contact-container div#field_2_5 {
	/* Hide Type of service - url will be passed on submit */
	display: none;
}

div#gform_confirmation_message_2 {
	color: var(--textLight)!important;
	text-align: center;
}

/* Full Width Banner Section  */
.img-banner-container {
	position: relative;
	width: 100%;
	padding-top: 37.5%;
	overflow: hidden;
}

.img-banner-container img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
}

/* Key Features section */
.features-grid#first-row {
	border-bottom: 1px solid black;
}

.features-grid#first-row .grid-item {
	padding: 0 48px 36px 0;
	border-right: 1px solid black;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;

}

.features-grid .grid-item#item-3,
.features-grid .grid-item#item-6 {
	border-right: none;
}

.features-grid#last-row .grid-item {
	padding: 36px 48px 0 0;
	border-right: 1px solid black;
}

section#key-features .bottom-row p {
	max-width: 794px;
	margin-right: 48px;
}

/* Info Banner */
section#info-banner {
	background-color: #363636;
}

section#info-banner .minimal-logo {
	height: 56px;
	width: auto;
	object-fit: contain;
}

section#info-banner h2 {
	max-width: 1114px;
}

@media only screen and (max-width:1024px) {
	section#page-hero {
		padding-top: 56px !important;
		padding-bottom: 56px !important;
		height: auto !important;
		max-height: unset !important;

		/* margin-top: var(--navHeightMobile); */
		margin-top: 0;
	}
}

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

	ul.services-list {
		flex-direction: column;
	}

	.post-content h1,
	.post-content h2,
	.post-content h3,
	.post-content h4,
	.post-content h5 {
		padding: 32px 0 16px !important;
	}

	.img-banner-container {
		padding-top: 70%;
	}

	section#key-features h2 {
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.features-grid#first-row, .features-grid#last-row {
    display: flex;
    flex-direction: column;
}

	.features-grid#first-row {
		border-bottom: none;
	}

	.features-grid#first-row .grid-item {
		padding: 0 0 20px 0;
		border-right: none;
	}

	.features-grid#last-row .grid-item {
		padding: 0 0 20px 0;
		border-right: none;
	}

	.features-grid#last-row .grid-item:last-of-type {
		padding: 0;
	}

	section#info-banner h2 {
		font-size: 32px !important;
		line-height: 38px !important;
	}

	section#key-features .bottom-row {
		flex-direction: column;
		border-top: 1px solid black;
	}

	section#key-features .bottom-row p {
		max-width: 100%;
		margin-right: 0;
	}

	section#key-features .bottom-row .btn {
		width: 100% !important;
	}

	/* #service-content .inner-col.col-right {
		flex-direction: column-reverse !important;
	} */

	#service-content .contact-container {
		width: 100vw;
		margin-left: -7vw;
		border-radius: 0 !important;
		position: relative;
		top: unset;
	}
	#service-content.get_girected_form .contact-container{
		margin-left: 0px;
	}

	#service-content .contact-container h2 {
		font-size: 48px !important;
		line-height: 48px !important;
	}

	#service-content .contact-container h4 {
		font-size: 24px !important;
		line-height: 24px !important;
	}

	#service-content .contact-container h5 {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	.our-services-container {
		width: 100vw;
		margin-left: -7vw;
		border-radius: 0 !important;
		position: relative;
		top: unset;
		background-color: var(--bodyBg) !important;
		margin-bottom: 0 !important;
	}
}

@media only screen and (max-width:500px) {
	.post-content ul {
		columns: 1;
	}

	section#info-banner .minimal-logo {
		height: 40px;
	}
}

/*=====================================
* ABOUT US PAGE
=====================================*/

section.resources-hero {
	height: 24.44vw;
	max-height: 352px;
}

.resources-hero .hero-blurb-container {
	max-width: 980px;
}

.page-template-page-about-us .logos-container {
	position: relative;
	bottom: unset;
	border-bottom: 1px solid var(--getGrey);
	background: #F5F5F5;
}

.page-template-page-about-us #mosaic-section{
	margin-top: -1px;
}

.page-template-page-about-us #mosaic-section .item-6 p {
	padding-bottom: 0 !important;
}

.page-template-page-about-us #mosaic-section a.btn {
	display: none;
}

section#about-split-section-1 .info-col {
	padding-left: 7vw;
	padding-right: 24px;
}

section#about-split-section-2 .info-col {
	padding-right: 7vw;
	padding-left: 67px;
}

.page-template-page-about-us #info-banner p {
	max-width: 769px;
	font-size: 20px;
	line-height: 28px;
}

@media only screen and (max-width:1024px) {
	section#about-split-section-1 .ha-section-container {
		flex-direction: column;
	}

	section#about-split-section-1 .info-col,
	section#about-split-section-2 .info-col {
		padding-top: 48px;
		padding-bottom: 48px;
		padding-right: 7%;
		padding-left: 7%;
	}

	section#about-split-section-1 .info-col h4,
	section#about-split-section-2 .info-col h2 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
}

@media only screen and (max-width:768px) {
	.page-template-page-about-us #info-banner p {
		max-width: 100%;
		font-size: 16px !important;
		line-height: 22px !important;
	}
}
/************ New css for header button ***********/
.menu-btn-call a{
	text-transform: uppercase!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: fit-content!important;
    height: 48px;
    cursor: pointer!important;
    font-family: right grotesk!important;
    font-weight: 800!important;
    font-size: 14px!important;
    line-height: 14px!important;
    padding: 0 32px !important;
    color: var(--white)!important;
    background: #41C13A !important;
    background-size: auto 160%!important;
    background-position: 50% 20%!important;
    border-radius: 100px!important;
    transition: all .3s ease-out!important;
    border: none!important;
    margin-bottom: 0!important;
}
.menu-btn-call a:after{
	display: none;
}
@media(max-width:1250px){
	.main-menu-wrapper ul li {
	    font-size: 15px;
	}
	.main-menu-wrapper ul li.phone-menu {
    	font-size: 24px;
	}
	.menu-btn-call a { 
    	padding: 0 20px!important;
	}
}
.trigger{
    text-align: center;
    padding: 7px 13px;
    background: #3e3e3e;
    color: #fff;
    font-size: 15px;
    outline: none;
    border: none;
    border-radius: 5px;
    font-family: cursive;
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
}
.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}
.close-button:hover {
    background-color: darkgray;
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    z-index: 999;
}
.gd-grid{
	display: grid;
    align-items: center;
    grid-template-columns: 57% 1fr;
    margin-bottom: 30px;
    padding-right: 20px;
}
.gd-grid-left{
    margin-right: 36px;
}
.gd-grid-left img {
    width: 100%;
}
.gd-grid-right h1{
	font-size: 40px !important;
    line-height: 45px;
    margin-bottom: 20px;
}
.home-dna-section .span-8{
	grid-column: span 8;
}
.left-arrow-icons {
    height: 100%;
    width: 100%;
    margin-right: 7px;
    max-width: 30px;
    object-fit: contain;
    position: relative;
    top: -1px;
}
.gd-grid-right p {
    font-size: 16px;
    margin: 20px 0 25px 0;
}
.gd-grid-right .btn-primary{
	padding: 0 40px;
	background:#41C13A;
}
.hero-bg-vid{
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
}
#services-page-blocks{
	align-items: initial;
}
#services-page-blocks .get_girected_form{
	padding: 0px 25px 75px 25px;
}
#services-page-blocks .img-right .inner-col.col-50.info-col{
	padding-left: 30px;
    padding-right: 30px;
}
.single-services.postid-155 .hero-blurb-container {
    max-width: 425px;
    padding: 20px;
    background: #4d4d4f;
    order: 1;
}
.single-services.postid-155 section#page-hero{
	justify-content: flex-start;
}
.single-services.postid-155 section#page-hero h1 {
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 0px !important;
}
#about-split-section-2{
	align-items: initial;
    padding: 85px 60px;
}
.hero-bg-vid {
	position: relative;
	order: 2;
}
.single-services.postid-155 section#page-hero{
	padding: 0px;
	height: auto!important;
}
.single-services.postid-155 .hero-bg-img{
	display: none;
}
.ha-mosaic-container .menu-btn-call,
.heading-container .menu-btn-call{
	margin-top: 16px;
}
.menu-btn-call.text-center.m-auto{
	text-align: center;
	margin: auto;
}
.gd-flex{
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	align-items: center;
}
.gd-flex p{
	padding-right: 30px;
}
.gform_wrapper.gravity-theme .gfield_checkbox input{
	width: 18px;
	accent-color: #41c13a;
	margin-right: 10px;
}
@media(max-width:1224px){
	.gd-grid {
	    grid-template-columns: 63% 1fr;
	}
	.gd-grid-right h1 {
    	font-size: 30px!important;
    	line-height: 35px;
    }
    .home-dna-section .contact-container h2 {
    	font-size: 34px;
    	line-height: 38px;
	}
	.service-split-section .ha-section-container {
    	flex-direction: column-reverse;
	}
	#about-split-section-2{
		display: block;
		padding: 85px 0px 0px 0px;
	}
	#about-split-section-2 .inner-col ,
	.service-split-section .ha-section-container .inner-col {
    	width: 100%;
	}
	#about-split-section-2 .col-img{
		padding-bottom: 50px;
	}
	    .gd-grid-right h2 {
        font-size: 30px !important;
        line-height: 35px;
    }
}
@media(max-width:1180px){
	.gd-grid {
	    grid-template-columns: 50% 1fr;
	}
	#services-page-blocks{
		display: block;
	}
	#services-page-blocks .col-70 {
    	width: 100%;
	}
	#services-page-blocks .col-30 {
    	width: 100%;
	}
	#services-page-blocks .get_girected_form{
		padding: 0 0px 0px;
	}
	.gd-flex{
		display: block;
	}
	.gd-flex p{
		padding-right: 0px;
	}
	.gd-flex{
		font-size: 20px !important;
    	line-height: 30px !important;
	}
}

@media(max-width:1024px){
	.gd-grid {
	    display: block;
	}
	.gd-grid-left {
    	margin-right: 0px;
    	margin-bottom: 20px;
	}
	.home-dna-section .inner-col.col-left.span-8{
		grid-column: span 7;
	}
	.home-dna-section .inner-col.col-right.span-4{
		grid-column: span 5;
	}
	#services-page-blocks.dt-pt-78{
		padding-top: 0px !important;
	}
	.single-services.postid-155 .hero-bg-vid {
		height: 100%;
		width: 100%;
		position: inherit;
		order: 2;
	}
	.single-services.postid-155  section#page-hero{
	    padding: 0px !important;
	}

}
@media(max-width:768px){
	.hero-blurb-container {
	    max-width: 990px;
	    z-index: 1;
	    background: #4d4d4f;
	    padding: 43px 10px 0px 10px;
	}

	.heading-container .menu-btn-call{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.heading-container .menu-btn-call a{
		margin: auto;
	}
}


/* blog page css 22-8-23 */
.get-container {
    max-width: 1400px!important;
    margin: auto!important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.blog-with-sidebar{
	display: flex;
}
.blog-with-sidebar .sidebar-blog{
	margin-left: 30px;
    width: 24%;
    background: #4d4d4f;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
    position: sticky;
    top: 46px;
    margin-bottom: 70px;
}
.sidebar-blog h2 {
    font-size: 24px;
    color: #44d75b;
}
.sidebar-blog .cat-item a, .sidebar-blog a.wp-block-latest-posts__post-title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}
.entry-meta a:hover,
.get-post-content .entry-content p a,
.sidebar-blog .cat-item a:hover, .sidebar-blog a.wp-block-latest-posts__post-title:hover{
	color: #44d75b;
}
.sidebar-blog .cat-item a{
	margin-bottom: 0px;
}
.sidebar-blog .wp-block-search__label{
	color: #fff;
	display: none;
}

.sidebar-blog .wp-block-search__button {
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    cursor: pointer;
    font-family: right grotesk;
    font-weight: 800;
    font-size: 13px;
    line-height: 1;
    padding: 7px 12px;
    color: #fff!important;
    background: #41c13a;
    background-size: auto 160%;
    background-position: 50% 20%;
    border-radius: 100px;
    transition: all .3s ease-out;
    border: none;
    margin-bottom: 0;
}
.sidebar-blog .wp-block-search__input{
	padding: 3px 15px;
}
.get-blog {
    display: flex;
    flex-wrap: wrap;
}
.get-blog h2 {
    font-size: 24px;
    line-height: 32px;
}
.get-blog .entry-meta a{
    color: #000 !important;
}
.get-blog .entry-content{
	margin-top: 10px;
}
.get-blog article:first-child{
    width: 100%;
    display: flex;
    border-bottom: solid 2px #e6e5e5;
    padding-bottom: 40px;
    align-items: center;
}
.get-blog article{
	width: 33%;
    padding: 15px;
}
.get-blog article:first-child .get-post-thumbnail{
	width: 42%;
    margin-right: 50px;
}
.get-blog article:first-child h2{
	font-size: 40px;
    line-height: 50px;
}
.get-blog article:first-child .get-post-content{
	width: 50%;
}
.get-blog article .entry-content p:first-child strong,
.get-blog article .entry-content p:first-child{
	display: -webkit-box !important;
    max-width: 100%;
    height: 70px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 24px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #575757;
    font-weight: 400;
}
.get-blog article .get-post-content .edit-link,
.get-blog article .get-post-content .comments-link,
.get-blog article .entry-content *{
	display: none;
}
.get-blog article .get-post-content .cat-links{
	font-size: 0;
    color: #9f9f9f;
}
.get-blog article .get-post-content .cat-links a {
    font-size: 18px;
    color: #7e7e7e;
    margin-bottom: 18px;
    display: block;
    font-weight: 600;
}
.get-blog article .get-post-thumbnail img:not(.get-blog article:first-child .get-post-thumbnail img) {
    height: 236px;
    object-fit: cover;
}
.get-blog article:not(.get-blog article:first-child) {
    padding: 15px 15px 42px 15px;
    border-bottom: solid 2px #e6e5e5;
    margin-bottom: 20px;
}
.single-post #comments .form-submit .submit,
.get-blog .get-post-btn{
	text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 48px;
    cursor: pointer;
    font-family: right grotesk;
    font-weight: 800;
    font-size: 14px;
    line-height: 14px;
    padding: 0 32px;
    color: #fff !important;
    background: #41c13a;
    background-size: auto 160%;
    background-position: 50% 20%;
    border-radius: 100px;
    transition: all .3s ease-out;
    border: none;
    margin-bottom: 0;
    margin-top: 30px;
}
.blog-title{
	text-align: center;
    padding: 57px 0px;
    background: #f2f2f2;
    margin-bottom: 80px;
}
.single-post .get-post-thumbnail img{
	width: 100%;
	height: 350px;
	object-fit: cover;
}
.single-post #comments{
	display: none;
}
.single-post .post-navigation,
.single-post .get-post-content{
	width: 100%;
    max-width: 1220px;
    margin: auto;
    padding: 40px 20px;
}
.single-post .entry-title{
	font-size: 48px;
    line-height: 50px;
    margin: 20px 0px;
}
.single-post p{
	margin-bottom: 15px;
}
.single-post #secondary,
.single-post .get-post-btn{
	display: none;
}
.get-blog .nav-previous a{
	color: #000 !important;
}
.nav-previous{
	font-weight: 600;
    font-size: 17px;
}
.nav-previous .nav-subtitle{
	color: #41c13a;
}
.single-post .blog-box article{
	margin-bottom: 0px;
}
.single-post .get-post-content{
	padding-bottom: 0px;
}
.single-post .post-navigation{
	padding-top: 0px;
}
@media only screen and (min-width: 1180px) {
	.get-blog article:first-child .get-post-thumbnail img{
	    height: 450px;
	    object-fit: cover;
	}	
}
@media only screen and (max-width: 1180px) {
	.get-blog article:first-child h2 {
	    font-size: 24px;
	    line-height: 30px;
	}
	.get-blog article {
    	width: 50%;
    	padding: 10px;
	}
	.get-blog article .entry-content p:first-child strong, .get-blog article .entry-content p:first-child {
	    height: 60px;
	    font-size: 14px;
	    line-height: 20px;
	}
}
@media only screen and (max-width: 991px) {
	.get-blog article:first-child {
    	width: 50%;
    	display: block;
    	margin-bottom: 20px;
	}
	.blog-with-sidebar {
    	display: block;
	}
	.get-blog article:first-child .get-post-content{
		width: 100%;
	}
	.get-blog article:first-child .get-post-thumbnail {
	    width: 100%;
	    margin-right: 0;
	}
	.blog-with-sidebar .sidebar-blog {
	    margin-left: 0;
	    width: 100%;
	    position: relative;
	    top: 0px;
	}
	.get-blog article .get-post-thumbnail img{
    	height: 350px !important;
	}
	.blog-title{
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.get-blog {
    	display: block;
	}
	.get-blog article{
		width: 100% !important;
		padding-left: 0px !important;
    	padding-right: 0px!important;
	}
	.get-blog article .get-post-thumbnail img{
		height: 100% !important;
		width: 100%;
	}
}

.gd-grid-right h2 {
    font-size: 40px !important;
    line-height: 45px;
    margin-bottom: 20px;
}