/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks.
Author:       Bricks
Author URI:   https://bricksbuilder.io/
Template:     bricks
Version:      1.1
Text Domain:  bricks
*/

/* VARIABLES */
:root {
	--body-text: #000f24;
	--accent-color: #a2c600;
	--secondary-accent-color: #0186e3;
	--white-background-color: #fff;
	--primary-text-color: #000;
	--secondary-text-color: #ddd;
	--white-text-color: #fff;
	--border-radius: 1em;
	--border-radius-smaller: 0.5em;
	--box-shadow: 0 0 21px rgba(0, 0, 0, 0.1);
	--box-shadow-2: 10px 20px 40px 0px rgba(0, 0, 0, 0.15);
}

/* GLOBAL */
html {
	scroll-behavior: smooth;
}
a {
	transition:all .25s;
}
.topbar a:hover {
	opacity:.8
}
.brxe-section {
	padding: 5em 0;
}
.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	width: auto;
	background-color: var(--accent-color);
	transition:all .25s;
	z-index: 12;
}
.back-to-top i {
	font-size: 1em;
	padding: 0.7em;
	color: var(--white-text-color);
}
.back-to-top:hover {
	background-color:var(--secondary-accent-color)
}
/* TYPO */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}
.single main h1,
.single main h2,
.single main h3,
.single main h4,
.single main h5,
.single main h6 {
	margin-top: 2rem;
	margin-bottom: 0.5em;
}
main h1:first-child,
main h2:first-child,
main h3:first-child,
main h4:first-child,
main h5:first-child,
main h6:first-child {
	margin-top: 0;
}
main .tagline + h1,
main .tagline + h2,
main .tagline + h3,
main .tagline + h4,
main .tagline + h5,
main .tagline + h6 {
	margin-top: 0;
}

.single h2 {
	font-size: 2.5em;
}

.single h3 {
	font-size: 2em;
}

.single h4 {
	font-size: 1.5em;
}

.single h5 {
	font-size: 1.3em;
}

.single h6 {
	font-size: 1.1em;
}

:where(.brxe-accordion .accordion-content-wrapper) a,
:where(.brxe-icon-box .content) a,
:where(.brxe-list) a,
:where(.brxe-post-content) a:not(.bricks-button),
:where(.brxe-posts .dynamic p) a,
:where(.brxe-shortcode) a,
:where(.brxe-tabs .tab-content) a,
:where(.brxe-team-members) .description a,
:where(.brxe-testimonials) .testimonial-content-wrapper a,
:where(.brxe-text) a,
:where(a.brxe-text),
:where(.brxe-text-basic) a,
:where(a.brxe-text-basic),
:where(.brxe-post-comments) .comment-content {
	text-decoration: underline;
	text-underline-offset: 3px;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.bold-accent strong {
	color: var(--secondary-accent-color);
}

.heading-normal {
	font-weight: normal;
}

.text-accent {
	color: var(--secondary-accent-color);
	font-size: 1.5em;
	font-weight: bold;
}
.tagline {
	opacity: 0.7;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.9em;
}

.text-white {
	color: #fff;
}

.gray-text {
	color: rgba(255, 255, 255, 0.75);
}

.blue-text {
	color: var(--secondary-accent-color);
}

.text-md {
	font-size: 1.3em;
}

/* BUTTONS */
.button,
.brxe-button,
.btn button,
.bricks-button,
.wp-block-button a {
	background: var(--accent-color);
	text-decoration: none;
	transition: all 0.25s;
	font-weight: bold;
	color: var(--white-text-color);
	padding: 1em 2em;
}
.button-outline,
button.frm_button_submit {
	background: transparent;
	border: 2px solid var(--secondary-accent-color);
	color: var(--text-color);
}
.button-white.button-outline,
.newsletter-section button.frm_button_submit {
	border-color: #fff;
	color: #fff;
}

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

.button:hover,
.brxe-button:hover,
.btn button:hover,
.bricks-button:hover,
.wp-block-button a:hover {
	background: var(--secondary-accent-color);
}
.button-outline:hover,
button.frm_button_submit:hover {
	background: var(--secondary-accent-color);
	color: #fff;
}
.button-outline.button-white:hover,
.newsletter-section button.frm_button_submit:hover {
	background: #fff;
	color: var(--body-text);
}

/* HERO */
.home .hero {
	padding-top: 5em;
	position: relative;
}
.home .hero:before {
	content: "";
	background-image: url(../jpg/home-hero-bg.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	right: 0;
	z-index: -1;
}
.home h1 {
	font-size: 2.85em;
	line-height: 1.3;
	font-weight: 900;
}

header section.brxe-section.header-1 {
	padding-top: 1em;
	padding-bottom: 1em;
}
.hero-video-holder {
	position: relative;
}
.hero-video-holder .hero-arrow {
	position: absolute;
	bottom: 13em;
	left: -13em;
}
.home .hero .hero-right {
	position: relative;
	top: 6em;
}
.hero-inner .hero-right {
	position: relative;
	top: 7em;
}
.header.header-1 {
	background: #fff;
	box-shadow: var(--box-shadow);
}
header ul.sub-menu {
	border-top: 2px solid var(--secondary-accent-color);
	padding: 0.5em;
	font-size: 0.95em;
}
header ul li:hover a {
	color: var(--secondary-accent-color);
	opacity: 1;
}

header li a {
	transition: all 0.25s;
}

/* HERO INNER */
.hero-inner.brxe-section {
	padding-top: 10em;
	padding-bottom: 2em;
}
.archive .hero-inner.brxe-section {
	padding-bottom: 4em;
}

.thank-you-page .hero-inner.brxe-section {
	padding-bottom: 13em;
}

/* TOPBAR */
.topbar {
	background: var(--secondary-accent-color);
	padding: 0;
	font-size: 1em;
	color: #fff;
	padding: 0.5em 0;
	text-align: center;
}
.topbar a {
	text-decoration: none;
	font-weight: bold;
}
.topbar .bricks-nav-menu > li {
	margin: 0;
}

/* HEADER */
#brx-header.sticky.on-scroll {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#brx-header.sticky.on-scroll.scrolling .header-1 {
	position: fixed;
	top: 0;
	background: #fff;
	box-shadow: var(--box-shadow);
}
#brx-header.sticky.on-scroll.scrolling img {
	filter: invert(0);
}

header section.brxe-section {
	padding: 0;
}
header.scrolling {
	background: var(--white-background-color);
	box-shadow: var(--box-shadow);
}
header li:hover a,
footer li:hover > a,
footer li:hover > .brx-submenu-toggle > a {
	opacity: 0.7;
}

.header .button {
	font-size: 0.9em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.2em;
	padding-right: 1.2em;
}

.header li a {
	color: var(--body-text);
	font-weight: bold;
	font-size: .95em;
	transition: all 0.25s;
}
header .current-menu-item a,
header :where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li.current-menu-item a,
header .current-menu-ancestor > div > a {
	color: var(--secondary-accent-color);
}

footer .bricks-nav-menu li.current-menu-item a {
	font-weight: bold;
}
.header .brxe-offcanvas li a {
	color: var(--body-text);
}
.header .brxe-offcanvas .button {
	padding-left: 1em;
	padding-right: 1em;
}
:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
	background: var(--white-background-color);
	box-shadow: var(--box-shadow);
}

:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li a {
	padding: 1rem;
	line-height: 1.6;
	width: 100%;
	display: block;
	color: var(--primary-text-color);
}

header .bricks-search-form input[type="search"] {
	background: #fff;
	line-height: 1;
	padding: 0 1em;
	box-shadow: var(--box-shadow);
	padding: 0;
	width: 0;
	right: 0;
}
:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li:hover a {
	color: var(--secondary-accent-color);
}
header .bricks-search-form button {
	width: auto;
	padding-left: 1em;
	padding-right: 1em;
}


/* SITEMAP */

/* FORMIDABLE */
legend.frm_screen_reader {
	display: none;
}
.frm_forms fieldset {
	padding: 0;
	border: 0;
}
input::placeholder,
textarea::placeholder {
	color: #808791;
}
input,
textarea {
	color: var(--body-text);
	background: #fff;
}

.frm_dropzone {
	background: #f4f4f4;
	border: 1px solid #e8e8ff;
}
.frm_dropzone svg {
	fill: var(--secondary-accent-color);
	width: 2em;
}
.frm_dropzone .dz-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1em;
}
.frm_dropzone button {
	background: transparent;
}
span.frm_upload_text {
	font-size: 0.95em;
}
span.frm_compact_text {
	font-weight: bold;
}
.frm_small_text {
	font-size: 0.8em;
	opacity: 0.6;
}
.input,
input:not([type="submit"]),
select,
textarea {
	padding: 0.5em 1em;
	border: 1px solid #e8e8ff;
}
span.frm_required {
	display: none;
}
.frm_form_field label {
	margin-bottom: 0;
}
.frm_fields_container {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
}
.frm_fields_container .frm_form_field {
	width: 100%;
}
.frm_fields_container .frm_form_field.frm_half {
	width: calc(50% - 0.4em);
}
/* BLOG: MAIN */
.blog-post-box .blog-post-title {
	margin-top: 0;
	margin-bottom: 0;
}
.blog-author-image {
	width: 2.35em;
	height: 2.35em;
	border-radius:100px
}
.blog-category p {
	color: transparent;
}
.blog-post-date p {
	color: var(--secondary-accent-color);
	font-size: 0.85em;
}
.blog-image {
	width: 100%;
}
.blog-category a {
	font-size: 0.8em;
	background: #f3f3f3;
	padding: 0.2em 0.6em;
	border-radius: var(--border-radius);
	color: var(--primary-text-color);
	border-bottom: 0;
}
.blog-post-box a {
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
h2.blog-post-title {
	font-size: 1.1em;
	margin: 0;
}
.case-study-blog-box h2.blog-post-title {
	font-size: 1.5em;
}
.blog-meta {
	font-size: 0.85em;
}
.blog-published p,
.blog-reading-time{
	font-size: .85em;
}
.blog .hero-right .blog-post-box:first-child,
.archive .hero-right .blog-post-box:first-child{
	position: relative;
	top: 4em;
}

.brxe-filter-search .icon {
	padding: 0;
	visibility: visible;
	height: 1em;
	width: 1em;
	right: 1em;
}

.home-post-slide,
.blog-post-box {
	background: #fff;
	padding: 0.65em 0.65em 1em 0.65em;
	box-shadow: var(--box-shadow);
	background-image: url(../svg/asterisk-1.svg);
	background-position: right bottom;
	background-size: 45% !important;
	background-repeat: no-repeat;
}

.post-slide-heading,
.blog-post-title {
	font-size: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-slider-date {
	font-size: 0.9em;
}

.home-posts-slider .splide__track {
	overflow: visible;
}

.slider-fix:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #f4f4f4;
	width: 24%;
	height: 100%;
	z-index: 1;
}

.post-slider-img-holder a {
	position: relative;
}
.post-slider-img-holder a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0186e3;
	transition: all 0.25s;
	opacity: 0;
}

.post-slider-img-holder a:hover:before {
	opacity: 0.5;
}

.post-slider-img-holder svg {
	transition: all 0.25s;
	opacity: 0;
}
.post-slider-img-holder:hover svg {
	opacity: 1;
}
.post-slider-cat {
	color: transparent;
}
.single .hero .post-slider-cat a {
	display:inline-block
}
.post-slider-cat a:hover {
	opacity: .75;
}
.post-slider-cat a {
	font-size: 0.8em;
	color: #fff;
	background: var(--secondary-accent-color);
	font-weight: bold;
	padding: 0.3em 0.7em;
	text-decoration: none;
	display: none;
	transition:all .25s;
}
.post-slider-cat a:first-child {
	display: inline-block;
}

.bricks-pagination ul .prev,
.bricks-pagination ul .next {
	color: var(--secondary-accent-color);
}

.bricks-pagination ul .page-numbers.current {
	font-weight: bold;
	background: var(--secondary-accent-color);
	display: flex;
	width: 2em;
	height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 0;
}
.archive-hero-social-icons a {
	text-decoration: none;
}
.archive-hero-social-icons i {
	color: #fff;
	background: var(--secondary-accent-color);
	font-size: 1.2em;
	border-radius: 100%;
	width: 2.5em;
	height: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* BLOG: SINGLE */
.blog-published img {
	height: 3em;
	width: 3em;
	margin-right: 0.5em;
	border-radius: 100px;
}
.toc-sticky-holder {
	background: #fff;
	box-shadow: var(--box-shadow);
	padding: 1em;
}
ul.toc-list li a {
	background: #f7f7f7;
	border-radius: 0.4em;
	margin-bottom: 0.6em;
	padding: 0.2em 0.8em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.toc-list li.is-active-li a {
	background: var(--secondary-accent-color);
	color:#fff
}
ul.toc-list li:hover a {
	background: var(--secondary-accent-color);
	color:#fff
}
ul.toc-list li:last-child a {
	margin-bottom: 0;
}
.toc-sticky-holder.sticky {
	position: sticky;
	top: 7em;
}
.single-post .blog-heading {
	margin-bottom: 0;
}
img.author-avatar {
	width: 80px;
	height: 80px;
	border-radius: 100%;
}

.single h3.toc-sticky-title {
	font-size: 1.34em;
	 margin-bottom: 0.5em;
}
.toc-sticky-title.open:after {
	display:none
}


/* CONTACT */
.contact-iconlist li i {
	margin-right: 0.5em;
}

/* MARQUEE */
@keyframes scroll-x {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(calc(-100% - 1em));
	}
}
.marquee {
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	mask-image: linear-gradient(
		var(--mask-direction, to right),
		hsl(0 0% 0% / 0),
		hsl(0 0% 0% / 1) 20%,
		hsl(0 0% 0% / 1) 80%,
		hsl(0 0% 0% / 0)
	);
}
.marquee__group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 1em;
	min-width: 100%;
	animation: scroll-x 60s linear infinite;
}
.marquee img {
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
	padding: 0 1em !important;
	opacity: 0.6;
}

/* ACCORDION */
.accordion-box {
	margin-bottom: 0.5em;
	background: #fff;
	padding: 1em 1.6em;
}
body:not(.home) .accordion-title-wrapper h3 {
	font-size: 1.5em;
}
.accordion-number {
	font-size: 2.3em;
	border-radius: 100%;
	background: var(--secondary-accent-color);
	font-weight: 900;
	color: #fff;
	line-height: 1;
	width: 68px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.accordion .brx-open .accordion-title-wrapper svg {
	transform: rotate(180deg);
}
.accordion .accordion-title-wrapper svg {
	transition: all 0.25s;
}
.brxe-accordion-nested .accordion-title-wrapper > div:first-child {
	width: auto;
}

/* IMAGE HOTSPOT */
.team-image-container {
	position: relative;
	max-width: 85%;
}

.team-image {
	width: 100%;
	height: auto;
	z-index: 2;
	position: relative;
}

.hotspot {
	position: absolute;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 2px solid #0066cc;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 3;
}

.hotspot:hover {
	transform: scale(1.2);
}

.hotspot-tooltip {
	position: absolute;
	background: #fff;
	padding: 0.4em 0.6em;
	font-size: 14px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease;
	white-space: nowrap;
	transform: translateX(-50%);
	bottom: 100%;
	left: 50%;
	margin-bottom: 8px;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
	z-index: 3;
}

.team-image-container:before {
	content: "";
	position: absolute;
	top: -5em;
	right: -5.5em;
	background: url(../svg/asterisk.svg);
	width: 10em;
	height: 10em;
	background-size: contain;
	background-position: center;
}

.hotspot-tooltip:before {
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 10.5px 0 10.5px;
	border-color: #fff transparent transparent transparent;
	transform: rotate(0deg);
	position: absolute;
	bottom: -0.4em;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.team-image-container:after {
	content: "";
	position: absolute;
	left: -1.2em;
	bottom: 3em;
	background-image: url(../svg/graph1.svg);
	height: 12em;
	width: 2.5em;
	z-index: 4;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.member-name {
	font-weight: bold;
	font-size: 0.9em;
}
.member-position {
	color: var(--secondary-accent-color);
	font-style: italic;
	font-size: 0.8em;
	text-transform: uppercase;
}

.hotspot:hover .hotspot-tooltip,
.hotspot-tooltip.open {
	opacity: 1;
}

/* Hotspot positions - adjust these percentages based on image */
#melanie {
	left: 13%;
	top: 53%;
}
#derrick {
	left: 40%;
	top: 48%;
}
#vivianna {
	left: 66%;
	top: 53%;
}
#alannah {
	left: 88%;
	top: 48%;
}

/* TESTIMONIALS */
.testimonial-quote {
	font-size: 3rem;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	text-align: center;
	line-height:1.4
}
.testimonial-name {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
.testimonial-name span {
	font-weight: normal;
	color: #fff;
	font-size: 0.8em;
	font-style: italic;
}
/* PERCENTAGE BOX */
.padding-bottom--percentage-box {
	padding-bottom: 10em;
}
.percentage-boxes {
	position: relative;
	top: -9em;
	margin-bottom: -6em;
}
.percentage-box {
	background: #fff;
	padding: 1.5em 2em;
	row-gap: 0.5em;
}
.percentage-box .brxe-counter,
.percentage-no-box .brxe-counter {
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
}
.brxe-counter .prefix img {
	margin-right: 0.4em;
}

.counter-big {
	font-size: 3em;
	font-weight: bold;
	line-height: 1;
}

.case-study-equal-images img {
	max-height: 60px;
	object-fit: contain;
}

/* CASE STUDY ARCHIVE */

#brxe-3e6dff figcaption.bricks-image-caption {
	display: none;
}

.case-study-blog-box {
	position: relative;
}
.case-study-blog-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 15, 36, 0.00) 0%, #000F24 92.96%);
	z-index: 1;
	transition: all .25s;
}

.case-study-blog-box:hover:before {
	background: var(--secondary-accent-color);
	opacity: 0.8;
}

.case-study-archive-overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1.5em;
	height: 100%;
	justify-content: end;
	z-index: 2;
	width:100%;
	transition: all .25s;
}
.case-study-blog-box .blog-post-title {
	white-space: normal;
}
.case-study-blog-box:hover .case-study-archive-overlay {
	padding-bottom: 2.5em;
}
.case-study-full-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.case-study-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

/* CASE STUDY SLIDER */
.case-study-slider .splide__track {
	overflow: visible;
}
.case-study-slider .splide__slide {
	margin-right: 1em !important;
	width: 40% !important;
	transition: all 0.25s;
	position: relative;
	max-height: 420px;
}
.case-study-slider .splide__slide a {
	width: 100%;
	height: 100%;
	padding: 17em 3em 2em 2em;
}
.case-study-slider .splide__slide:first-child {
	width: 70% !important;
}
.case-study-slider .splide__slide:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 15, 36, 0) 0%, #000f24 92.96%);
	z-index: 0;
	transition: all 0.25s;
}
.case-study-slider .splide__slide:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0186e3;
	transition: all 0.25s;
	opacity: 0;
}
.case-study-slider .splide__slide:hover:after {
	opacity: 0.7;
}
.case-study-slider__title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.splide__arrow--prev {
	left: -0.5em !important;
}

.splide__arrow--next {
	right: -0.5em !important;
}
.testimonial-slider .splide__slide {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

/* TESTIMONIAL SLIDER */

.testimonial-slider .testimonial-meta img {
	width: 74px;
	height: 74px;
}

.testimonial-slider .brxe-button {
	margin-top: 1.5em;
}

/* SERVICES */
.service-big-number {
	font-size: 10em;
	line-height: 1;
	font-weight: 900;
	opacity: 0.03;
	position: relative;
}
.service-number-line {
	position: relative;
}
.service-number-line:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 1px;
	height: calc(100% - 10em);
	background: #000f24;
	opacity: 0.15;
	margin: 0 auto;
}

.services-anchors {
	overflow: clip;
	width: 1200px !important;
	max-width: 1200px !important;
}
.services-anchors a {
	font-weight: bold;
	border: 2px solid var(--secondary-accent-color);
	border-radius: 100px;
	padding: 0.4em 1em;
	transition:all .25s;
}

.services-anchors a:hover {
	background:var(--secondary-accent-color);
	color:#fff
}

/* WHITE BOX */
.white-box {
	background: #fff;
	padding: 1.5em;
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 2;
}
.engagements-box {
	background: #fff;
	padding: 0.5em;
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 2;
	background-image: url(../svg/asterisk-1.svg);
	background-size: auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	transition: all 0.25s;
}
.engagements-box .icon,
.engagements-box .overlay::before {
	opacity: 0;
	transition: all 0.25s;
}
.engagements-box:hover .icon,
.engagements-box:hover .overlay::before {
	opacity: 1;
}

/* THANK YOU */
.thank-you-box {
	box-shadow: var(--box-shadow);
	background: #fff;
	padding: 2.5em;
	padding-bottom: 4em;
	padding-top: 0;
	position: relative;
	z-index: 2;
	margin-top: -12em;
}
.thank-you-icon-container {
	position: relative;
	margin-top: -4.6em;
	margin-bottom: 1.5em;
}

/* INSTAGRAM */
.instagram-box {
	background: #fff;
}
.insta-profile-name {
	font-weight: bold;
}
.insta-img {
	width: 100%;
}
.insta-foot,
.insta-ago,
.insta-handle {
	font-size: 0.8em;
}

/* MISC */
.team-position {
	color: var(--secondary-accent-color);
}
figcaption.bricks-image-caption {
	position: relative !important;
	background: transparent;
	color: var(--body-text);
	font-size: .85em;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.light-gray-bg {
	background:#FEFEFE
}
.splide__arrow:disabled {
	display: none;
}
.overflow-scroll {
	overflow:scroll
}
.popup {
	padding: 0;
	position: relative;
}
/* .newsletter-section {
	padding-top: 2.5em;
	padding-bottom: 2em;
} */
.brx-popup-content {
	overflow: visible;
}
.popup-close-icon {
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	color: #fff;
	background: var(--secondary-accent-color);
	width: 1em;
	height: 1em;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	font-size: 1.6em;
	line-height: 1;
	cursor: pointer;
}
.brx-popup-content.brxe-container {
	padding: 0;
}

#quote {
	scroll-margin-top: 15em;
	position: relative;
	z-index: 100;
}

#seo,
#ppc,
#cro,
#webdev,
#email,
#social {
	scroll-margin-top: 7em;
}
.hero-video-popup {
	cursor: pointer;
}
.splide__arrow {
	display: none;
}
.hero-right {
	position: relative;
	z-index: 2;
}
.white-bg {
	background-color: #fff;
}
.box-shadow {
	box-shadow: var(--box-shadow);
}
.box-shadow-2 {
	box-shadow: var(--box-shadow-2);
}
.rounded-icons img {
	border-radius: 100%;
}
.big-social-icons i {
	font-size: 2em;
	color: #fff;
	background: var(--secondary-accent-color);
	display: flex;
	width: 2em;
	height: 2em;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
}
.list-with-svg-icon span.title {
	margin-left: 0.7em;
}
.list-with-svg-icon span.icon {
	position: relative;
	top: 3px;
}
.margin-bottom-negative--s {
	margin-bottom: -1em;
}
.margin-bottom-negative--md {
	margin-bottom: -3em;
}
.margin-bottom-negative--l {
	margin-bottom: -6em;
}
.margin-bottom-negative--xl {
	margin-bottom: -10em;
}
.margin-top-negative--s {
	margin-top: -1em;
}
.margin-top-negative--md {
	margin-top: -3em;
}
.margin-top-negative--l {
	margin-top: -6em;
}
.margin-top-negative--xl {
	margin-top: -10em;
}
.padding-top--big {
	padding-top: 8em;
}
.padding-top--extra-big {
	padding-top: 12em;
}
.padding-bottom--big {
	padding-bottom: 8em;
}
.padding-bottom--super-big {
	padding-bottom: 15em;
}
.padding-bottom--extra-big {
	padding-bottom: 12em;
}
.padding-top--super-big {
	padding-top: 15em;
}
.zap-graph:after {
	content: "";
	position: absolute;
	bottom: -5em;
	left: 8%;
	background: url(../svg/zap-graph.svg);
	width: 5em;
	height: 9em;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}
.z-above {
	z-index: 9;
}
.overflow-hidden {
	overflow: hidden;
}
.gray-bg {
	background-color: #f4f4f4;
}
.star-overflow:before {
	content: "";
	position: absolute;
	background-image: url(../svg/star.svg);
	width: 6em;
	height: 6em;
	z-index: 2;
	top: -3em;
	right: 8em;
	background-size: contain;
}
.brxe-list .title {
	line-height: 1.4;
}
.brxe-list li {
	margin-bottom: 0.7em;
}
.brxe-list li:last-child {
	margin-bottom: 0;
}
.thin {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.thin-s {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.thin-m {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.thin-l {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/* FOOTER: CTA */
.footer-cta {
	padding-bottom: 8em;
}

#quote .hero-container {
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
	padding: 3em;
	margin-top: -12em;
	position: relative;
	z-index: 2;
	background: #fff;
}
#quote .hero-container:before {
	content: "";
	position: absolute;
	top: -1.4em;
	left: -1em;
	background: url(../svg/cta-graphic.svg);
	width: 12em;
	height: 2.5em;
	background-size: contain;
	background-repeat: no-repeat;
}
#quote .hero-container:after {
	content: "";
	position: absolute;
	bottom: -3em;
	right: 2em;
	background: url(../svg/cta-graphic-2.svg);
	width: 7em;
	height: 7em;
	background-size: contain;
	background-repeat: no-repeat;
}
.slider-fix {
	padding-bottom: 6em;
}
.cta-steps-box {
	position: relative;
}
.cta-steps-box:before {
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% + 2em);
	background: rgba(0, 0, 0, 0.15);
	top: 0;
	left: 1em;
}
.cta-steps-box:last-child:before {
	display: none;
}
.cta-footer-steps {
	font-weight: bold;
	color: #fff;
	background: var(--secondary-accent-color);
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	width: 2em;
	height: 2em;
	position: relative;
}

/* FOOTER */
footer.brxe-section {
	background: #172840;
	color: #fff;
	padding: 4em 0 2em 0;
}
section.brxe-section.footer-copyright {
	padding: 1em 0;
	background: #000f24;
	color: #fff;
}
footer ul li {
	position: relative;
}
footer .bricks-nav-menu li {
	margin: 0;
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	position: relative;
	transition: all 0.25s;
}
footer .footer-nav-menu .bricks-nav-menu > li::before {
	display: block !important;
	content: "" !important;
	position: absolute;
	width: 7px;
	height: 10px;
	background: url(../svg/link-arrow.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: 7px;
	left: 0;
}
footer .footer-nav-menu .brx-submenu-toggle {
	margin-right: auto;
}
footer .bricks-nav-menu li:hover:before {
	top: 7px !important;
	width: 7px !important;
	height: 10px !important;
	min-height: 1px !important;
}
footer .bricks-nav-menu .sub-menu.active {
	padding: 0 0.7em;
}
footer .bricks-nav-menu .sub-menu li a {
	padding: 0;
	margin: 0;
	line-height: 1.7;
	padding-left: .7em;
}
footer .bricks-nav-menu li a {
	position: relative;
	transition: all 0.25s;
	padding-left: 0.8em;
}
footer .bricks-nav-menu li:hover a {
	margin-left: 0.5em;
}
.footer-title p {
	font-size: 1em;
	font-weight: bold;
}
footer p,
footer a {
	font-size: 0.9em;
}
footer .bricks-nav-menu {
	row-gap: 0.5em;
}
footer .bricks-nav-menu .sub-menu {
	position: relative;
	opacity: 0;
	display: none;
	top: 0;
	visibility: visible;
	background: transparent;
	position: relative;
	color: #363636;
	box-shadow: none;
}
footer .bricks-nav-menu .sub-menu.active {
	opacity: 1;
	display: flex;
	flex-direction: column;
}
footer .bricks-nav-menu .sub-menu li a {
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 1.7;
}
footer .bricks-nav-menu .sub-menu li a:hover {
	color: #fff;
	margin-left: 0.5em;
}
footer p a {
	font-size: 1em;
	text-decoration: none;
}
footer .policy-terms a {
	margin-left: 1em;
}
footer .footer-bottom p,
footer .footer-bottom a,
.footer-copyright p,
.footer-copyright a {
	font-size: 0.8em;
}

.footer-company-info i {
	color: var(--accent-color);
}

.footer-certifications {
	padding-top: 2em;
	margin-top: 2em;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

footer .brxe-social-icons a i {
	background: var(--secondary-accent-color);
	color: #fff;
	border-radius: 100%;
	height: 2.3em;
	width: 2.3em;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2em;
}
footer .brxe-social-icons li a {
	flex: 0;
}

/* Landing Pages Style */

.landing-page .header-toggle, .landing-page .topbar .brxe-div, .landing-page .hero-inner, .landing-page .header-1, .landing-page .footer-1, .landing-page .footer-copyright, .landing-page .zap-graph, .landing-page .newsletter-section, .landing-page .footer-cta, .landing-page .slider-fix, .landing-page .topbar {
	display: none !important;
}

.hero-lp {
	background-color: #fff;
}

.landing-page #brx-header.sticky.on-scroll {
	position: relative;
}

.hero-lp {
	padding-block: 0;
}

.form-lp-container {
	padding: 5rem 5rem 0;
	z-index: 2;
}

.form-lp-container form,
.form-lp-container .hubspot-form-container {
	background-color: #fff;
	border-radius: 10px;
	padding: 2em;
	position: relative;
	top: 4rem;
}

.form-lp-container .frm_button_submit {
	background: var(--accent-color);
	text-decoration: none;
	transition: all 0.25s;
	font-weight: bold;
	color: var(--white-text-color);
	padding: 1em 2em;
	border: none;
	text-transform: uppercase;
	text-align: center;
}

.form-lp-container .frm_html_container {
	text-align: center;
}



.form-lp-container label {
	color: #000;
}

.form-lp-container form:before,
.form-lp-container .hubspot-form-container::before {
	content: "";
	position: absolute;
	top: -2.6rem;
	left: -5rem;
	background: url(../svg/zap-graph.svg);
	width: 5em;
	height: 9em;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}

.form-lp-container .frm_submit.frm_flex {
	text-align: center;
}

.hero-lp .brxe-logo {
	position: absolute;
	top: 2rem;
	left: 0;
}

.hero-lp-info {
	max-width: 47rem;
	position: relative;
}



.form-lp-container select {
	background-color: #f4f4f4;
	line-height: 40px;

}

.hero-lp-block-wrapper {
	padding: 0 1rem;
	position: relative;
	align-items: center;
}

.section-social-video .brxe-shortcode {
	position:relative;
	z-index: 2;
}

.section-social-video {
	padding-bottom: 5rem;
}

.section-social-video h3 {
	font-size: 1.7em;
}

.section-social-video h2 {
	margin-bottom: 2.5em;
}

.section-social-video li {
	margin-bottom: 1.5rem;
	position: relative;
}

.section-social-video p {
	margin-bottom: 1rem;
}

.section-social-video .icon {
	position: relative;
	top: 2px;
}

.section-social-video .brxe-shortcode:before {
	content: "";
	position: absolute;
	top: -1.4em;
	left: -1em;
	background: url(../svg/cta-graphic.svg);
	width: 12em;
	height: 2.5em;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;

}

.landing-page .accordion-item {
	border-bottom: 1px solid #000;
}

.landing-page .accordion-item:first-of-type {
	border-top: 1px solid #000;
}

.footer-landing-pages a:hover {
	color: #0186e3;
}

/* Landing Pages Style Ends */

/* RESPONSIVE */
@media screen and (max-width: 1340px) {
	.brxe-section,
	footer.brxe-section {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (max-width:1200px) {
	.services-anchors-section:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 30%;
		background: linear-gradient(90deg, transparent, #fff);
		height: 100%;
		pointer-events:none
	}
	.header .button {
		padding-left: .45em;
		padding-right: .45em;
		font-size: .9em;
	}
	.header li a {
		font-size: .9em;
	}
	header .header-logo img {
		max-width: 8em;
	}
	header :where(.brxe-nav-menu) .bricks-nav-menu>li {
		margin-left: 1em;
	}
}

@media screen and (min-width:992px) {
	header .two-col-menu .sub-menu {
		column-count: 2;
		left: -200%;
		background: linear-gradient(    to right,     #fff,    #fff 50%,    #FAFAFF 50%,    #FAFAFF  );
	}
	header .two-col-menu .sub-menu li:hover a {
		background: var(--secondary-accent-color);
		color: #fff;
	}
}

@media screen and (max-width: 991px) {
	.brxe-container.thin {
		max-width: 100%;
	}
	.home h1 {
		font-size: 2.3em;
		color: #fff;
	}
	.topbar {
		font-size: 0.85em;
	}
	.hero-video-holder .hero-arrow {
		display: none;
	}
	.home .hero .hero-paragraf p {
		color: #fff;
	}
	.home header .brxe-logo img {
		max-width: 11em;
	}
	.home .scrolling .header button.brxe-toggle i {
		color: var(--secondary-accent-color);
	}
	.home .hero .hero-right {
		top: 0;
	}
	.home .hero:before {
		width: 100%;
	}
	.team-image-container:before {
		top: -4em;
		right: -3.5em;
		width: 7em;
		height: 7em;
	}
	.team-image-container:after {
		left: -0.6em;
		bottom: 1em;
		height: 6em;
		width: 2em;
	}
	.testimonial-quote {
		font-size: 1.6em;
		line-height: 1.2;
	}
	.mobile-offcanvas .brx-offcanvas-inner {
		padding: 4em 2em 3em 2em;
	}
	.mobile-offcanvas .brx-submenu-toggle {
		color: #000;
	}
	.mobile-offcanvas .brxe-nav-menu,
	.mobile-offcanvas .bricks-nav-menu li a {
		width: 100%;
	}
	:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu button {
		padding: 0;
	}
	.mobile-menu-close {
		position: absolute;
		right: 1.3em;
		top: 1.3em;
	}
	.mobile-offcanvas .bricks-nav-menu {
		gap: 1em;
	}
	.mobile-offcanvas .bricks-nav-menu li {
		margin: 0;
	}
	.mobile-offcanvas li.open > ul.sub-menu {
		position: relative;
		left: 0 !important;
		top: 0;
		box-shadow: none;
		display: flex;
		flex-direction: column;
		gap: 1em;
		margin-top: 0.7em;
		margin-left: 0;
		background: #f6f6f6;
	}

	.mobile-offcanvas ul.sub-menu li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding: 0;
		font-size: 0.9em;
	}
	.mobile-offcanvas li > ul.sub-menu {
		margin-left: 1em;
	}
	.mobile-offcanvas li > ul.sub-menu li a {
		font-weight: normal;
	}
	:where(.brxe-nav-menu)
	.bricks-nav-menu
	> li.menu-item-has-children:hover:before {
		display: none;
	}
	.tablet-large-top-padding--minimum {
		padding-top: 3em;
	}

	.hero-lp-block-wrapper {
		padding-inline: 3rem !important;
	}
}

@media screen and (max-width: 767px) {
	.service-number-line {
		position: absolute;
		top: -6em;
		right: 0;
	}
	#quote {
		scroll-margin-top: 15em;
	}
	.service-number-line > .brxe-block {
		align-items: end !important;
	}
	.home .hero {
		padding-top: 10em;
		position: relative;
	}
	.hero-inner .hero-right {
		top: 7em;
		margin-top: -7em;
	}
	.slider-fix:before {
		display: none;
	}
	.cta-above-footer-container {
		padding-left: 1.5em;
		padding-right: 1.5em;
		padding-top: 3em;
		padding-bottom: 5em;
	}
	body:not(.home) .cta-above-footer-container {
		padding-left: 1.5em !important;
		padding-right: 1.5em !important;
		padding-bottom: 2em !important;
	}
/* 	.toc {
		display: none;
	}
	.toc.open {
		display: block;
	} */
	.toc-sticky-title {
		position: relative;
	}

	.toc-sticky-title:after {
		display:none
	}
	.toc-sticky-title.open:after {
		content: "-";
	}
	.hotspot {
		width: 16px;
		height: 16px;
	}

	.hotspot-tooltip {
		font-size: 12px;
		padding: 6px 10px;
	}
	.tablet-top-padding--minimum {
		padding-top: 3em;
	}
	.home header .brxe-logo img {
		max-width: 9em;
	}
	.blog-filter {
		display: none;
	}
	.blog-filter.brx-open {
		display: block;
	}

	.counter-section .percentage-no-box {
		align-items: flex-start !important;
	}

	.counter-section .percentage-no-box .brxe-text-basic {
		text-align: left;
	}

	/* Landing Pages */

	.hero-lp .brxe-logo {
		position: relative;
		top: 2rem;
		margin-bottom: 2rem;
	}

	.hero-lp-info {
		max-width: 100%;
	}

	.form-lp-container form {
		width: 80%;
		margin: 0 auto;
	}

	.form-lp-container {
		padding-inline: 2em;
	}

	.landing-page h2 {
		font-size: 1.7em !important;
	}

	/* Landing Pages Ends */
}

@media screen and (max-width: 475px) {
	#quote .hero-container {
		padding-left:1.5em;
		padding-right:1.5em;
	}
	.hero-inner h1 {
		font-size: 2.3em;
	}
	.popup-close-icon {
		top: -1.5em;
		right: .5em;
	}
	.cta-steps-box:before {
		display:none
	}
	.zap-graph:after {
		width: 3em;
		bottom: -6.8em;
	}
	#quote .hero-container:before {
		left: 1em;
	}
	.mobile-top-padding--minimum {
		padding-top: 3em;
	}
	.service-number-line {
		top: -3em;
	}
	.service-big-number {
		font-size: 5em;
	}
	.frm_fields_container .frm_form_field.frm_half {
		width: 100%;
	}
	.footer-certifications img {
		max-width: 2.5em;
	}
	.topbar a {
		display: block;
	}
	.accordion-box {
		padding-left: 1em;
		padding-right: 1em;
	}
	.accordion-number {
		font-size: 1.2em;
		width: 2em;
		height: 2em;
	}
	body:not(.home) .accordion-title-wrapper h3 {
		font-size: 1.15em;
	}
	/* Landing Pages */

	.hero-lp-block-wrapper {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.form-lp-container form {
		width: 100%;
	}

	.form-lp-container {
		padding-inline: 1.5rem;
	}

	.hero-lp h1 {
		font-size: 2.5em;
	}

	.hero-lp {
		padding-inline: 0;
	}

	/* Landing Pages */

}