body { 
	font-family: 'Montserrat', verdana, serif; 
	font-size: 15px; 
	line-height: 1.7; 
	color: #444748; 
	font-weight: 300; 
}

html, body { 
	height:100%; 
}

body:hover .button:focus, button:focus, 
body:hover input[type="button"]:focus,
body:hover input[type="reset"]:focus, 
body:hover input[type="submit"]:focus, 
body:hover .main-navigation-container .button > a:focus, 
body:hover .menu-toggle:focus,
body:hover a:focus,
.container:focus { 
	outline: 0; 
}

::selection { 
	background: #1a1a1a; 
	color: #ffffff; 
}

::-moz-selection { 
	background: #1a1a1a; 
	color: #ffffff; 
}

input {
	filter: none;
}
 
a { 
	color: #999; 
	text-decoration: none; 
}

a:hover, a:active { 
	color: #d3d556; 
	text-decoration: none; 
}

a:focus { 
	outline:none; 
	color: #d3d556; 
	text-decoration: none; 
}

/***FIX FOR IE10***/
@-webkit-viewport { 
	width: device-width; 
}

@-moz-viewport { 
	width: device-width; 
}

@-ms-viewport { 
	width: device-width; 
}

@-o-viewport { 
	width: device-width; 
}

@viewport { 
	width: device-width; 
}

sup { 
	font-family: arial, serif; 
	font-weight: normal; 
}

h2 sup { 
	margin-left: 4px; 
}

/****TYPOGRAPHY****/
h1, h2, h3 {  }
h1 { 
	font-size: 48px; 
	line-height: 1.1; 
	font-weight: 300; 
	margin: 0 0 22px 0; 
}

h2 { 
	font-size: 36px; 
	line-height: 1.2; 
	font-weight: 400; 
	padding: 0; 
	margin: 0 0 22px 0; 
}

h3 { 
	font-size: 24px; 
	line-height: 1.2; 
	font-weight: 400; 
	margin: 0 0 22px 0; 
}

h4 { 
	font-size: 20px; 
	line-height: 18px; 
	font-weight: 600; 
	margin: 0 0 18px 0; 
	padding: 0; 
}

hr { 
	margin: 12px 0; 
	border-color: #333; 
}

hr.lg { 
	margin: 60px 0; 
}

hr.sm { 
	margin: 12px 0; 
	border-color: #333; 
}

/****BUTTONS****/
.btn { 
	text-transform: uppercase; 
	-webkit-transition: all .3s ease; 
	transition: all .3s ease; 
}

.btn-blue { 
	background-color: #6187c6; 
	color: #fff; 
	border: 2px solid #6187c6; 
	font-size: 14px; 
	font-weight: 600; 
	width: 200px; 
}

.btn-blue:hover { 
	background-color: transparent; 
	border: 2px solid #6187c6; 
	color: #fff; 
	font-size: 14px; 
	font-weight: 600; 
	width: 200px; 
}

.btn-green { 
    background: linear-gradient(to bottom, #A7E43B 5%, #599E0E 100%, #548805 100%); 
    color: #fff; 
    font-size: 14px; 
    font-weight: 600; 
    width: 200px; 
    border: none;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px !important; /* Default radius */
    transition: all 0.2s ease-in-out;
    overflow: hidden; /* Ensures rounded corners are visible if there's overflow */
}

.btn-green:hover {
    background: linear-gradient(to top, #548805 5%, #599E0E 100%, #A7E43B 100%);
	color: #fff; 
    transform: translateY(2px);
    border-radius: 10px !important; /* Reduced radius with high priority */
}

.whatsapp-btn {
    background: linear-gradient(to bottom, #A7E43B 5%, #599E0E 100%, #548805 100%);
    width: 43px; /* Button size */
    height: 43px; /* Button size */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: none;
    cursor: pointer;
    border-radius: 25%; /* Circular button */
    transition: all 0.2s ease-in-out;
}

.whatsapp-btn:hover {
    background: linear-gradient(to top, #548805 5%, #599E0E 100%, #A7E43B 100%);
    transform: translateY(2px);
}

.whatsapp-icon {
    width: 30px;  /* Adjust size to your requirement */
    height: 30px; /* Adjust size to your requirement */
    max-width: 100%;
    max-height: 100%;
}

.glow { 
	box-shadow: 0 0 5px rgba(0, 0, 0, .5); 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); 
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5); 
}

.text-glow { 
	text-shadow: 0px -1px 12px rgba(0, 0, 0, 0.8); 
}

section, .prelative { position: relative; }

/*** HEADER ***/
#header { 
	padding: 0; 
	position: relative; 
}

.site-header-logo { 
	display: block; 
	height: 70px; 
	left: 0; 
	margin: 0; 
	overflow: hidden; 
	position: relative; 
	text-indent: 150%; 
	top: 0; 
	white-space: nowrap; 
}

.site-header-logo a { 
	background: url(../../../uploads/2022/03/solo.svg) 50% 50% no-repeat; 
	background-size: 100% 100%; 
	display: block; 
	height: 100%; 
	width: 100%; 
	left: 0; 
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%); 
	transition: all .2s ease; z-index: 9999; 
}

/*#navigation { padding-top: 14px; }*/
.navbar { padding: 0; }
#navigation .navbar-nav { 
	margin: 0;
	padding: 0; 
	list-style-type: none; 
	font-size: 0; 
}

#navigation .navbar-light { 
	background: transparent !important; 
}

#navigation .navbar-nav li { 
	display: inline-block; 
	margin: 0; 
}

#navigation .navbar-nav > li > a { 
	display: block; 
	font-size: 13px; 
	font-weight: 600; 
	color: #000; 
	padding: 24px 14px; 
	position: relative; 
	text-transform: uppercase; 
}

#navigation .navbar-nav li > a:before { 
	content: ""; 
	position: absolute; 
	top: 0; 
	left: 35%; 
	width: 80%; 
	height: 3px; 
	background: #cacf41; 
	transform: translateX(-50%); 
	transition: 0.5s; 
	opacity: 0; 
}

#navigation .navbar-nav li:hover > a:before { 
	opacity: 1; 
	left: 50%; 
}

#navigation .navbar-nav li.current-menu-item > a:before, 
.nav-primary li.current-page-ancestor > a:before { 
	content: ""; 
	position: absolute; 
	top: 0; 
	left: 50%;
	width: 80%; 
	height: 3px; 
	background: #cacf41; 
	transform: translateX(-50%); 
	transition: 0.5s; 
	opacity: 1; 
}

.dropdown-menu { 
	margin: 0; 
	padding: 0; 
	z-index: 1001; 
	border-radius: 0; 
}

.dropdown-menu > li { 
	width: 100% !important; 
	text-align: left; 
	border-bottom: 1px solid #ccc; 
}

.dropdown-menu > li > a { 
	display: block; 
	text-transform: none !important; 
	font-size: 14px !important; 
	line-height: 1; 
	padding: 16px 12px; 
	position: relative; 
	font-weight: 300; 
}

.dropdown-menu > li > a:before {
	display: none; 
}

.dropdown-toggle::after { 
	vertical-align: .055em; 
}

.dropdown-item.active, .dropdown-item:active { 
	color: #fff; 
	background-color: #484848;
}

#header.inbody { 
	background-color: rgba(255,255,255,.95); 
	position: fixed !important; 
	top: 0; 
	width: 100%; 
	z-index: 9999; 
	opacity: 1; 
	animation-name: fadeInOpacity; 
	animation-iteration-count: 1; 
	animation-timing-function: ease-in; 
	animation-duration: .3s; 
	height: 64px; 
}

#header.inbody .site-header-logo { 
	height: 60px; 
}

#header.inbody #navigation .navbar-nav > li > a { 
	padding: 20px 14px; 
}

@keyframes fadeInOpacity { 0% { 
	opacity: 0; 
	}
	100% { 
	opacity: 1; 
	}
}

/*** HOME ***/
/*.border-20 .fl-row-content-wrap { border-radius: 20px; }*/
.icon-outline .uabb-image-content { 
	border: 1px solid #d3d556; 
	border-radius: 50px; 
	width: 55px; 
	height: 55px; 
	text-align: center; 
	position: relative;
}

.icon-outline .uabb-image-content img { 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width: 40px !important; 
	opacity: .65; 
	border-radius: 0; 
}

.icon-grn .uabb-image-content { 
	background-color: #d3d556; 
	border-radius: 50px; 
	width: 90px; 
	height: 90px; 
	text-align: center; 
	position: relative; 
}

.icon-grn .uabb-image-content img { 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width: 50px; 
	opacity: .65; 
	border-radius: 0;
}

.uabb-imgicon-wrap .uabb-image-content img { 
	transition: transform .5s ease; 
}

a:hover .uabb-imgicon-wrap .uabb-image-content img { 
	transform: scale(1.1); 
}

.box-links .uabb-infobox-title { 
	text-decoration: underline; 
}

/*** INTERIOR ***/
#process-consultation, 
#process-assessment, 
#process-approval, 
#process-install, 
#process-inspect, 
#process-activate { 
	position: relative; 
}

#process-consultation .uabb-infobox-content, 
#process-assessment .uabb-infobox-content, 
#process-approval .uabb-infobox-content, 
#process-install .uabb-infobox-content, 
#process-inspect .uabb-infobox-content, 
#process-activate .uabb-infobox-content { 
	position: relative; 
	z-index: 999;
}

.arrow-left-side > .fl-col-content { 
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 8% 50%, 0% 0%); 
}

.arrow-right-side > .fl-col-content { 
	clip-path: polygon(100% 0%, 92% 50%, 100% 100%, 0 100%, 0 0); 
}

#process-consultation::after { 
	content: '1'; 
	display: block; 
	left: 50%; 
	position: absolute; 
	top: 50%; 
	transform: translate(-50%,-50%); 
	width: 100px; 
	height: 100px; 
	z-index: 99; 
	background-color: #cacf41; 
	border-radius: 100%; 
	font-size: 60px; 
	line-height: 100px; 
	font-weight: 800; 
	text-align: center; 
	color: #fff;
}

#process-assessment::after { 
	content: '2';
	display: block;
	left: 50%; 
	position: absolute;
	top: 50%; 
	transform: translate(-50%,-50%); 
	width: 100px; 
	height: 100px; 
	z-index: 99; 
	background-color: #b1b6c1; 
	border-radius: 100%; 
	font-size: 60px; 
	line-height: 100px;
	font-weight: 800; 
	text-align: center; 
	color: #fff;
}

#process-approval::after { 
	content: '3'; 
	display: block; 
	left: 50%; 
	position: absolute; 
	top: 50%; 
	transform: translate(-50%,-50%); 
	width: 100px; 
	height: 100px; 
	z-index: 99; 
	background-color: #feb510; 
	border-radius: 100%; 
	font-size: 60px; 
	line-height: 100px; 
	font-weight: 800; 
	text-align: center; 
	color: #fff; }

#process-install::after { 
	content: '4'; 
	display: block; 
	left: 50%; 
	position: absolute;
	top: 50%; 
	transform: translate(-50%,-50%);
	width: 100px;
	height: 100px; 
	z-index: 99; 
	background-color: #cacf41; 
	border-radius: 100%; 
	font-size: 60px; 
	line-height: 100px; 
	font-weight: 800; 
	text-align: center; 
	color: #fff; 
}

#process-inspect::after { 
	content: '5'; 
	display: block; 
	left: 50%; 
	position: absolute; 
	top: 50%; 
	transform: translate(-50%,-50%); 
	width: 100px; 
	height: 100px; 
	z-index: 99; 
	background-color: #b1b6c1; 
	border-radius: 100%; 
	font-size: 60px; line-height: 100px; 
	font-weight: 800; 
	text-align: center; 
	color: #fff; 
}

#process-activate::after { 
	content: '6'; 
	display: block; 
	left: 50%; 
	position: absolute;
	top: 50%; 
	transform: translate(-50%,-50%); 
	width: 100px; 
	height: 100px; 
	z-index: 99; 
	background-color: #feb510; 
	border-radius: 100%; 
	font-size: 60px; 
	line-height: 100px; 
	font-weight: 800;
	text-align: center; 
	color: #fff; }

.icon-gray img { 
	filter: invert(25%) sepia(1%) saturate(4498%) hue-rotate(157deg) brightness(79%) contrast(75%);
}

/*** FOOTER ***/
#footer { 
	background-color: #33373a; 
	color: #fff; 
	padding: 40px 0; 
}

ul.social-links { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}

ul.social-links li { 
    display: inline-block; 
    margin: 20px 20px 0px 20px; /* top 20px, right 20px, bottom 10px, left 0 */
}


ul.social-links  li a { 
	font-size: 24px; 
	display: block; 
	color: #fff; 
	font-weight: 400; 
	-webkit-transition: color 0.2s; 
	transition: color 0.2s;
}

ul.social-links  li a:hover { 
	color: #566771; 
}


.copyright { 
	margin-top: 12px; 
	font-size: 12px; 
}

.button_container { 
	display: none; 
}

.orsova-menu { 
	display: none; 
}

/*** FORM ***/
.btn-grey input[type="submit"] { 
	color: #333 !important; 
	border-color: #333 !important; 
}

select, .drop_down { 
	display: block; 
	line-height: 1.3; 
	padding: .8em 1.5em .8em .8em !important; 
	width: 100%; 
	max-width: 100%; 
	box-sizing: border-box; 
	margin: 0; 
	border: solid 1px #A3A3A3; 
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1); 
	border-radius: .3em; 
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none; 
	background-color: #fff; 
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23818181%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); 
	background-repeat: no-repeat, repeat; 
	background-position: right .7em top 50%, 0 0; 
	background-size: .65em auto, 100%; 
}

select::-ms-expand, .drop_down::-ms-expand { 
	display: none; 
}

select:focus, .drop_down:focus { 
	border-color: #aaa; 
	box-shadow: 0; 
	box-shadow: 0; 
	color: #222; 
	outline: none; 
}

.gform_confirmation_message { 
	font-size: 24px; 
}

/*** BLOG ***/
.post-img-wrapper { 
	position: relative; 
	height: 400px; 
}

.post-img-item { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 1; 
	display: flex; 
	flex-direction: column; 
}

.post-img-item img { 
	width: 100%; 
	height: 100%; 
	-o-object-fit: cover; 
	object-fit: cover; 
}

.featured-post .blog-cat { 
	margin-bottom: 6px; 
}

.featured-post .blog-cat a { 
	background-color: #f8f8f8; 
	color: #000; 
	padding: 6px 10px; 
	font-size: 10px; 
	font-weight: 600; 
	text-transform: uppercase; 
}

.featured-post .blog-title h2 { 
	line-height: 1; 
}

.featured-post .blog-title h2 a { 
	color: #484848; 
	font-size: 34px; 
	font-weight: 300; 
}

.featured-post .blog-date { 
	font-size: 10px; 
	font-weight: 600; 
	text-transform: uppercase; 
}

.fl-post-grid-post { 
	border: 0 !important; 
}

.post-latest h2.fl-post-title { 
	font-size: 42px; 
	line-height: 1; 
	font-weight: 300; 
}

.post-latest h2.fl-post-title a { 
	color: #484848; 
}

.post-latest .fl-post-meta { 
	font-size: 12px; 
	font-weight: 600; 
	text-transform: uppercase; 
}

.post-category a { 
	background-color: #f8f8f8; 
	color: #000 !important; 
	padding: 6px 10px; 
	font-size: 10px; 
	font-weight: 600; 
	text-transform: uppercase; 
}

.fl-post-feed-post { 
	border: 0; 
}

.post-category-lister .post-meta { 
	margin-bottom: 20px; 
}

.post-category-lister .post-meta .postdate { 
	display: inline-block; 
	font-size: 10px; 
	font-weight: 600; 
	text-transform: uppercase; 
}

.post-category-lister .post-meta .postdate::before { 
	content: ""; 
	width: 1rem; 
	height: 1px; 
	margin: 0 0.5rem; 
	background-color: #484848; 
	transition: 0.25s; 
}

.post-category-lister h2.fl-post-title a { 
	font-size: 26px; 
	line-height: 1.1; 
	color: #484848; 
}

.understrap-read-more-link { 
	font-size: 12px; 
}

.post-subnav-cat h2 { 
	font-size: 12px; 
	font-weight: 600; 
}

.widget_categories ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

.post-subnav-recent h2 { 
	font-size: 12px; 
	font-weight: 600; 
}

.widget_recent_entries ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

.widget_recent_entries ul li { 
	background-color: #f8f8f8; 
	padding: 14px; 
	margin-bottom: 8px;
}

.widget_recent_entries ul li a { 
	font-size: 14px; 
	line-height: .9; 
	font-weight: 300; 
	color: #484848; 
}

.widget_recent_entries ul li span { 
	display: block; 
	font-size: 10px; 
	font-weight: 600; 
	text-transform: uppercase; 
} 

blockquote { 
	position: relative; 
	font-size: 1.6rem; 
	line-height: 1.2; 
	font-weight: 400; 
	padding-right: 0; 
	padding-left: 72px; 
	margin-top: 48px; 
	margin-bottom: 48px; 
	color: inherit; 
	overflow-wrap: break-word; 
}

blockquote::before { 
	content: ""; 
	position: absolute; 
	top: 0.2em; 
	left: 0; 
	width: 45px; 
	height: 35px; 
	background-image: url("data:image/svg+xml,%3Csvg width='45' height='35' viewBox='0 0 45 35' opacity='0.3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.656 0.223991C19.2773 5.08799 20.088 10.1227 20.088 15.328C20.088 21.216 18.552 25.952 15.48 29.536C12.4933 33.0347 8.09867 34.784 2.296 34.784V26.592C6.73333 26.592 8.952 23.7333 8.952 18.016V15.968H0.888V0.223991H17.656ZM41.848 0.223991C43.64 5.59999 44.536 10.6347 44.536 15.328C44.536 21.216 43 25.952 39.928 29.536C36.856 33.0347 32.376 34.784 26.488 34.784V26.592C31.0107 26.592 33.272 23.7333 33.272 18.016V15.968H25.08V0.223991H41.848Z' fill='%23999999'/%3E%3C/svg%3E%0A"); 
}

@media (max-width: 1200px) {

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

#header { 
	padding: 0; 
	}
	
#navigation { 
	display: none; 
	}
	
.button_container { 
	display: block; 
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%); 
	right: 20px; 
	height: 22px; 
	width: 30px; 
	cursor: pointer; 
	z-index: 9998; 
	margin: 0;
	}
	
.button_container:hover { 
	opacity: 0.7; 
	}
	
.button_container.active .top { 
	transform: translateY(11px) translateX(0) rotate(45deg); 
	background: #6A7D8B; 
	}
	
.button_container.active .middle { 
	opacity: 0; 
	background: #6A7D8B; 
	}
	
.button_container.active .bottom { 
	transform: translateY(-7px) translateX(0) rotate(-45deg);
	background: #6A7D8B; 
	}
	
.button_container span { 
	background: #000; 
	border: none; 
	height: 3px; 
	width: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	transition: all 0.35s ease; 
	cursor: pointer; 
	}
	
.button_container span:nth-of-type(2) { 
	background: #000; 
	top: 9px; 
	}
	
.button_container span:nth-of-type(3) { 
	background: #000; 
	top: 18px; 
	}

.orsova-menu { 
	display: block; 
	background: rgba(214, 214, 82, .98); 
	position: fixed; 
	left: 0; 
	top: 0;
	width: 0; 
	height: 100%; 
	z-index: 999; 
	padding-top: 80px; 
	opacity: 0; 
	visibility: hidden; 
	transition: opacity 0.35s, visibility 0.35s, width 0.35s; 
	}
	
.orsova-menu.open { 
	width: 100%; 
	opacity: 0.99; 
	visibility: visible; 
	}
	
.orsova-menu a { 
	color: #698295; 
	}
	
.orsova-menu a:hover { 
	color: white; 
	}
	
.orsova-menu .icon-wrap { 
	font-size: 30px; 
	position: absolute; 
	right: 24px; 
	top: 45px; 
	}
	
.orsova-menu .icon-wrap .close-icon { 
	color: #fff; 
	cursor: pointer; 
	-webkit-transition: opacity .3s; 
	transition: opacity .3s; 
	padding: 6px; 
	}
	
.orsova-menu .icon-wrap .close-icon:hover { 
	opacity: .7; 
	}
	
.orsova-menu .menu-wrap { 
	text-align: left; 
	width: 100%; 
	padding: 0 30px; 
	margin: 0 auto;
	margin-top: 100px; 
	overflow-y: auto; 
	}
	
.orsova-menu .menu-wrap ul { 
	width: 100%; 
	margin: 0 auto; 
	padding: 0; 
	list-style-type: none; 
	}
	
.orsova-menu .menu-wrap > ul > li { 
	display: block; 
	font-size: 16px; 
	line-height: 1;
	text-transform: uppercase; 
	padding: 14px 0; 
	border-top: 1px solid #81bf41; 
	}
	
.orsova-menu .menu-wrap > ul > li > a { 
	color: #444748; 
	padding: 6px; 
	-webkit-transition: all .3s ease; 
	transition: all .3s ease; 
	width: 100%; 
	display: block; 
	position: relative; 
	}
	
.touch .orsova-menu .menu-wrap > ul > li > a { 
	color: #444748; 
	}
	
.orsova-menu .menu-wrap > ul > li > a:hover { 
	color: #444748; 
	}
	
.orsova-menu .menu-wrap > ul > li.active > a { 
	color: #444748; 
	}
	
.orsova-menu .menu-wrap ul ul { 
	font-size: 14px; 
	font-weight: 400; 
	padding: 0; 
	margin: 12px 0 0 0; 
	display: none; 
	text-transform: none; 
	}
	
.orsova-menu .menu-wrap ul ul li { 
	display: block; 
	}
	
.orsova-menu .menu-wrap ul ul a { 
	display: block; 
	padding: 6px; 
	color: #444748; 
	}
	
.orsova-menu .menu-wrap ul ul a:hover { 
	color: #8B8B00; 
	}
	
.sub-menu-arrow { 
	position: absolute; 
	top: 0; 
	right: 6px; 
	cursor: pointer; 
	color: #444748; 
	font-size: 28px; 
	font-weight: 300; 
	transition: all .3s ease; 
	}
	
.orsova-menu .menu-wrap > ul > li.active .sub-menu-arrow { 
	transform:rotate(90deg); 
	}
	
#process-consultation::after { 
	left: 60%; 
	top: 50%; 
	transform: translate(-60%,-50%); 
	}
	
#process-consultation::before { 
	left: 58%; 
	top: 50%; 
	transform: translate(-58%,-50%); 
	}
	
#process-assessment::after { 
	left: 40%; 
	top: 50%; 
	transform: translate(-40%,-50%); 
	}
	
#process-assessment::before { 
	left: 42%; 
	top: 50%; 
	transform: translate(-42%,-50%); 
	}
	
#process-approval::after { 
	left: 60%; 
	top: 50%; 
	transform: translate(-60%,-50%); \
	}
	
#process-approval::before { 
	left: 58%; 
	top: 50%; 
	transform: translate(-58%,-50%); 
	}
	
#process-install::after { 
	left: 40%; 
	top: 50%; 
	transform: translate(-40%,-50%); 
	}
	
#process-install::before { 
	left: 42%; 
	top: 50%; 
	transform: translate(-42%,-50%); 
	}
	
#process-inspect::after { 
	left: 60%; 
	top: 50%; 
	transform: translate(-60%,-50%); 
	}
	
#process-inspect::before { 
	left: 58%; 
	top: 50%; 
	transform: translate(-58%,-50%); 
	}
	
#process-activate::after { 
	left: 40%; 
	top: 50%; 
	transform: translate(-40%,-50%); 
	}
	
#process-activate::before { 
	left: 42%; 
	top: 50%; 
	transform: translate(-42%,-50%); 
	}

ul.social-links { 
	text-align: center; 
	}
	
.featured-post .blog-title h2 a { 
	font-size: 26px; 
	}
}

.quote-bar .col-12 {
    gap: 20px ;  /* Space between the buttons */
}


.quote-bar { 
	background-color: #FAE345; 
	padding: 8px; 
}

.quote-bar .col-12 { 
	text-align: right; 
}

.quote-bar .col-12 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

@media only screen and (max-width: 768px) {
    .quote-bar .col-12 {
        justify-content: center !important; /* Center buttons on small screens */
    }
}

@media only screen and (max-width: 768px) {
.quote-bar .col-12 { text-align: center; }
#process-consultation::after, 
#process-assessment::after, 
#process-approval::after, 
#process-install::after, 
#process-inspect::after, 
#process-activate::after { 
	left: 50%; 
	top: auto; 
	top: 115px; 
	transform: translate(-50%,0); 
	}
	
.arrow-left-side > .fl-col-content, .arrow-right-side > .fl-col-content { 
	clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0 85%); 
	}

.post-img-wrapper { 
	height: 260px; 
	}
	
.featured-post .blog-cat { 
	margin-top: 6px; 
	}	

.featured-post .blog-title h2 a { 
	font-size: 22px; 
	}
}

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

}

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

}

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

}
/* Footer Logo Styling */
.footer-logo {
    display: block;
    height: 60px ;
    width: 100% ; /* Optional: Set width to container size */
    margin: 0 auto -15px auto ;
    background: url("../../../../wp-content/uploads/2022/03/solo-white.svg") no-repeat right center;
    background-size: contain ;
    position: relative ;
    top: -25px ;
    text-align: right ;
    cursor: pointer ;
}


/* Add link functionality to the logo */
.footer-logo::before {
    content: ""; /* Empty content to simulate the link */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Bring the clickable area above the image */
    background: transparent; /* Transparent area over the logo */
}

.footer-logo:hover {
    opacity: 0.8; /* Add hover effect if needed */
}

/* Footer Contact Styling */
.footer-contact {
    margin-top: 10px; /* Space below the logo */
    text-align: right; /* Align text to the right */
}

.footer-contact p {
    margin-bottom: 8px; /* Adjust spacing */
    font-size: 14px; /* Adjust font size */
    color: #CACACA; /* Light gray color */
    margin-top: 0; /* Reset top margin */
}

/* Footer Link Styling */
.footer-link {
    color: #CACACA;
    text-decoration: none;
}