/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2024 | 01:42:16 */
/* CSS Custom Variables */
:root {
	--primary: #225667;
	--secondary: #0174F3;
	--tertiaryLight: #54BEBE;
	--tertiaryMedium: #158CA0;
	--tertiaryDark: #29737D;
	
	--lime: #C8BE24;
	--offBlack: #293237;
	--darkGrey: #4A5A64;
	--grey: #ECEAEA;
	--lightGrey: #FAFAFA;
	--white: #FFFFFF;
	--yellow: #FEF83E;
	
	--headingFont: 'Epilogue', -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	--bodyFont: 'Archivo', -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	
	--largeText: 24px;
	--mediumText: 20px;
	--smallText: 18px;
	--captionText: 14px;
	
	--h1FontSize: 64px;
	--h2FontSize: 56px;
	--h3FontSize: 48px;
	--h4FontSize: 40px;
	--h5FontSize: 32px;
	--h6FontSize: 28px;
	--h1LingHeight: 102%;
	--h2LingHeight: 110%;
	--h3LingHeight: 110%;
	--h4LingHeight: 110%;
	--h5LingHeight: 110%;
	--h6LingHeight: 110%;
	
	--buttonHeight: 60px;
	--radius: 8px;
	--shadow: 0 10px 10px rgba(0,0,0,0.1);
}

body {
	font-family: var(--bodyFont);
	font-weight: 400;
	font-size: var(--smallText);
	line-height: 1.4;
	color: var(--darkGrey);
	letter-spacing: 0.04em;
}

.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
	font-family: var(--bodyFont);

}
.e-con.e-con>.e-con-inner>.elementor-widget.overview-banner-desc, .elementor.elementor .e-con>.elementor-widget.overview-banner-desc {
	font-size: var(--smallText);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--headingFont);
	font-weight: 600;
}

h1,
.entry-content h1{
	font-size: calc(var(--h1FontSize) * 0.75);
	@media only screen and (min-width: 1024px) {
		font-size: var(--h1FontSize)
	}
}
h2,
.entry-content h2 {
	font-size: calc(var(--h2FontSize) * 0.75);
	@media only screen and (min-width: 1024px) {
		font-size: var(--h2FontSize)
	}

}
h3,
.entry-content h3 {
	font-size: calc(var(--h3FontSize) * 0.75);
	@media only screen and (min-width: 1024px) {
		font-size: var(--h3FontSize)
	}

}
h4,
.entry-content h4 {
	font-size: calc(var(--h4FontSize) * 0.75);
	@media only screen and (min-width: 1024px) {
		font-size: var(--h4FontSize)
	}

}
h5,
.entry-content h5 {
	font-size: calc(var(--h5FontSize) * 0.75);
	@media only screen and (min-width: 1024px) {
		font-size: var(--h5FontSize)
	}

}
h6,
.entry-content h6 {
	font-size: calc(var(--h6FontSize) * 0.75);
	@media only screen and (min-width: 1024px) {
		font-size: var(--h6FontSize)
	}

}
.section_heading h3.elementor-heading-title {
	
}
.site-header {
    z-index: 99;
    position: sticky;
    top: 0;
}

@media (min-width: 922px) {
    .ast-container {
        max-width: 1440px;
    }
}
/*  from 1024px  */
@media (min-width: 1024px) {
    .ast-container, .ast-container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 64px;
        padding-right: 64px;
    }
	.pd174{
		padding-top: 174px;
		padding-bottom: 174px
	}
	.pd120{
		padding-top: 120px;
		padding-bottom: 120px
	}
	.pd80{
		padding-top: 80px;
		padding-bottom: 80px
	}
	.pd64{
		padding-top: 64px;
		padding-bottom: 64px
	}
	.pl64 {
		padding-left: 64px;
	}
	.pr64 {
		padding-right: 64px;
	}
	.pd32{
		padding-top: 32px;
		padding-bottom: 32px
	}
	.pd24{
		padding-top: 24px;
		padding-bottom: 24px
	}
	.pt174{
		padding-top: 174px
	}
	.pb174{
		padding-bottom: 174px
	}
	.pl174{
		padding-left: 174px
	}
	.pr174{
		padding-right:174px
	}
	.pt120{
		padding-top: 120px
	}
	.pb120{
		padding-bottom: 120px
	}
	.pt80{
		padding-top: 80px
	}
	.pb80{
		padding-bottom: 80px
	}
	.pt64{
		padding-top: 64px
	}
	.pb64{
		padding-bottom: 64px
	} 
	.pt32{
		padding-top: 32px
	}
	.pb32{
		padding-bottom: 32px
	}
	.pt24{
		padding-top: 24px
	}
	.pb24{
		padding-bottom: 24px
	}
}

/* less than  1024px  */
@media (max-width: 1024px) {
    .ast-container, .ast-container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
    }
	.pd174{
		padding-top: 85px;
		padding-bottom: 85px
	}
	.pd120{
		padding-top: 60px;
		padding-bottom: 60px
	}
	.pd80{
		padding-top: 40px;
		padding-bottom: 40px
	}
	.pd64{
		padding-top: 32px;
		padding-bottom: 32px
	}
	.pl64 {
		padding-left: 16px;
	}
	.pr64 {
		padding-right: 16px;
	}
	
	.pd32{
		padding-top: 16px;
		padding-bottom: 16px
	}
	.pd24{
		padding-top: 12px;
		padding-bottom: 12px
	}
	.pt174{
		padding-top: 85px
	}
	.pb174{
		padding-bottom: 85px
	}
	.pl174{
		padding-left: 85px
	}
	.pr174{
		padding-right:85px
	}
	.pt120{
		padding-top: 60px
	}
	.pb120{
		padding-bottom: 60px
	}
	.pt80{
		padding-top: 40px
	}
	.pb80{
		padding-bottom: 40px
	}
	.pt64{
		padding-top: 32px
	}
	.pb64{
		padding-bottom: 32px
	} 
	.pt32{
		padding-top: 16px
	}
	.pb32{
		padding-bottom: 16px
	}
	.pt24{
		padding-top: 12px
	}
	.pb24{
		padding-bottom: 12px
	}
	.site-header .main-header-menu .menu-link, .main-header-menu > a{
		padding: 0 3px
	}
}

@media (max-width: 767px) { 
	.pd174{
		padding-top: 85px;
		padding-bottom: 85px
	}
	.pd120{
		padding-top: 60px;
		padding-bottom: 60px
	}
	.pd80{
		padding-top: 40px;
		padding-bottom: 40px
	}
	.pd64{
		padding-top: 32px;
		padding-bottom: 32px
	}
	.pd32{
		padding-top: 16px;
		padding-bottom: 16px
	}
	.pd24{
		padding-top: 12px;
		padding-bottom: 12px
	}
	.pt174{
		padding-top: 24px;
	}
	.pb174{
		padding-bottom: 85px
	}
	.pl174{
		padding-left: 24px;
	}
	.pr174{
		padding-right:24px;
	}
	.pt120{
		padding-top: 60px
	}
	.pb120{
		padding-bottom: 60px
	}
	.pt80{
		padding-top: 40px
	}
	.pb80{
		padding-bottom: 40px
	}
	.pt64{
		padding-top: 32px
	}
	.pb64{
		padding-bottom: 32px
	} 
	.pt32{
		padding-top: 16px
	}
	.pb32{
		padding-bottom: 16px
	}
	.pt24{
		padding-top: 12px
	}
	.pb24{
		padding-bottom: 12px
	}
}
.elementor-button,
.elementor-widget-button .elementor-button {
    background-color: var(--secondary);
	color: var(--white);
	height: var(--buttonHeight);
	border-radius: var(--radius);
	font-size: var(--mediumText);
	font-weight: 500;
	display: inline-flex;
	align-items: center;
}

.elementor-button:hover {
	box-shadow: var(--shadow);
}

.elementor-element.elementor-button-info .elementor-button {
    background-color: var(--secondary);
	color: var(--white);
}

.elementor-element.elementor-button-success .elementor-button {
    background-color: var(--secondary);
	color: var(--white);
}

.elementor-element.elementor-button-warning .elementor-button {
    background-color: var(--lime);
	color: var(--primary);
}

.elementor-element.elementor-button-danger .elementor-button {
    background-color: var(--lime);
	color: var(--primary);
}

.elementor-widget-button .elementor-button .elementor-button-info {
    background-color: var(--secondary);
	color: var(--white);
}

.elementor-widget-button .elementor-button .elementor-button-success {
    background-color: var(--secondary);
	color: var(--white);
}

.elementor-widget-button .elementor-button .elementor-button-warning {
    background-color: var(--lime);
	color: var(--primary);
}

.elementor-widget-button .elementor-button .elementor-button-danger {
    background-color: var(--lime);
	color: var(--primary);
}

/*----- HEADER ----*/
.main-header-bar {
	background: var(--primary);
	border-bottom-color: var(--lightGrey);
}
.main-header-menu .menu-link, 
.main-header-menu > a {
	padding: 0 12px;
}
.main-header-menu .ast-icon svg {
	width: 12px;
	height: 12px;
	margin-left: 6px;
}
.site-header .ast-header-button-1 .ast-custom-button {
	border-radius: 8px;
	font-size: var(--captionText);
	font-weight: 600;
	background: var(--Brand-Secondary, #0174F3);
	border: 2px solid var(--Brand-Secondary, #0174F3);
}
.site-header .ast-header-button-1 .ast-custom-button:hover{
	border: 2px solid var(--Brand-Secondary, #0174F3);
    background: var(--Neutral-White);
    color: var(--Brand-Secondary);
}
.main-header-menu > .menu-item > .menu-link, 
#astra-footer-menu > .menu-item > .menu-link {
	color: var(--lightGrey);
	letter-spacing: 0.06em;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle{
	color: var(--yellow)
}
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu{
	border-color: var(--yellow)
}
.main-header-menu > .menu-item > .menu-link:hover, 
#astra-footer-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link, 
#astra-footer-menu > .menu-item.current-menu-item > .menu-link,
.site-header > .menu-item:hover > .menu-link, 
.site-header .inline-on-mobile > .menu-item:hover > .ast-menu-toggle{
	color: var(--yellow);
	position: relative;
}
.main-header-menu > .menu-item > .menu-link:before {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -4px;
	margin-top: 15px;
	background: var(--lime);
	opacity: 0;
	transition: all 0.3s;
}
.main-header-menu > .menu-item > .menu-link:hover:before, 
#astra-footer-menu > .menu-item > .menu-link:hover:before,
.main-header-menu > .menu-item.current-menu-item > .menu-link:before, 
#astra-footer-menu > .menu-item.current-menu-item > .menu-link:before,
.site-header .menu-item:hover > .menu-link:before {
	opacity: 1;
}

/*---- MAIN ----*/
.site-content {
	overflow-x: hidden;
}
.ast-plain-container.ast-no-sidebar #primary {
	margin: 0;
}
.overview-banner {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
.overview-banner:before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	content: '';
	height: 100%;
	transform: translate(-50%, 0);
	background: var(--primary) url(../2024/07/hero.svg) no-repeat top center;
	background-size: auto 100%;
}
.overview-banner-text {
	align-self: center;
}
.overview-banner-text h2.elementor-heading-title {
	color: var(--white);
	line-height: 1.1;
}

.overview-banner-text .heading.headingh1 h1.elementor-heading-title,
.contact-us-overview-section .heading.headingh1 h1.elementor-heading-title{
	color: var(--white);
	line-height: 1.1;
	font-size: calc(var(--h2FontSize)* 0.75);
}
.heading.headingh2 h1.elementor-heading-title{
	color: var(--white);
	line-height: 1.1;
	font-size: calc(var(--h2FontSize)* 0.75);
}
@media only screen and (min-width: 820px) {
	.overview-banner-text .heading.headingh1 h1.elementor-heading-title,
	.contact-us-overview-section .heading.headingh1 h1.elementor-heading-title {
		font-size: var(--h2FontSize);
	}
	
	.heading.headingh2 h1.elementor-heading-title{
		font-size: var(--h2FontSize);
	}
}
.overview-banner-text h6 {
	color: var(--yellow);
	line-height: 1.4;
	margin-bottom: 0;
}
.overview-banner-text p {
	font-size: var(--smallText);
	color: var(--lightGrey);
	line-height: 1.4;
	/*max-width: 430px;*/
	margin-bottom: 0;
	font-family: var(--bodyFont)
}

.trust-by-section {
  height: 356px;
  padding: 64px 0;
  position: relative;
}
.trust-by-section::before {
  top: 0;
  left: 50%;
  width: 100vw;
  content: "";
  height: 100%;
  transform: translate(-50%, 0);
  background: var(--primary) url("/wp-content/uploads/2024/07/trust_by_background.svg");
  background-size: cover;
}
.trust-by-section .section-heading.trusted-by-heading h5 {
  color: var(--white);
}
.trust-by-section .trusted-by-slider-container {
  position: relative;
}
.trust-by-section .trusted-by-slider-container::before {
  top: 0;
  left: 50%;
  width: 100vw;
  content: "";
  height: 100%;
  transform: translate(-50%, 0);
  background: var(--white) url("/wp-content/uploads/2024/07/trusted-by-slider-bg.svg");
  background-size: cover;
}
.trust-by-section .trusted-by-slider-container .swiper {
	overflow: inherit;
}

.tabs-section {
	margin-top: 50px;
}
.tabs-section .elementor-widget-tabs .elementor-tab-content, 
.tabs-section .elementor-widget-tabs .elementor-tab-title, 
.tabs-section .elementor-widget-tabs .elementor-tab-title:after, 
.tabs-section .elementor-widget-tabs .elementor-tab-title:before, 
.tabs-section .elementor-widget-tabs .elementor-tabs-content-wrapper {
	border: none;
}

.tabs-section .elementor-widget-tabs .elementor-tab-desktop-title {
	font-size: var(--smallText);
	font-weight: 400;
	color: var(--white);
	background: var(--primary);
	border-radius: 48px;
	padding: 16px 24px;
	margin-right: 8px;
}

.tabs-section .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
	background: var(--white);
	color: var(--primary);
}

.tabs-section .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
	display: inline-block;
}

.tabs-section .elementor-widget-tabs .elementor-tab-content {
	padding: 80px 0 0;
	font-family: var(--bodyFont);
}
.tabs-section .elementor-widget-tabs .elementor-tab-content * {
	color: var(--white);
}
.tabs-section .elementor-widget-tabs .elementor-tab-content h3 {
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 15px;
}
.tabs-section .elementor-widget-tabs .elementor-tab-content p {
	font-size: var(--mediumText);
	margin-bottom: 0.75em;
}
.tabs-section .elementor-widget-tabs .elementor-tab-content .elementor-button {
	text-decoration: none;
}
.tabs-section .tab-content-left {
	float: left;
	width: 48%;
	max-width: 430px;
}
.tabs-section .tab-content-right {
	float: right;
	width: 48%;
	margin-top: -180px;
}

.tags-section {
	position: relative;
}
.tags-section:before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	content: '';
	height: 100%;
	transform: translate(-50%, 0);
	background: url(../2024/07/tags-bg.svg) no-repeat center;
	background-size: cover;
}
.tags-section h6.elementor-heading-title {
	font-size: var(--captionText);
	color: var(--lime);
	line-height: 1.6;
	letter-spacing: 1.4px;
}
.tags-section h3.elementor-heading-title {
	color: var(--white);
	font-weight: 600;
	font-family: var(--headingFont);
	letter-spacing: -0.02em;
}
.tags-section .tag-question h6.elementor-heading-title {
	color: var(--lightGrey);
	font-weight: 400;
	font-size: var(--h6FontSize);
	font-family: var(--headingFont);
	line-height: 1.1;
	letter-spacing: 0;
	margin-bottom: 26px;
}
.tags-section .tag-list {
	gap: 8px;
	padding: 0;
}
.tags-section .tag-list .elementor-button {
	font-size: var(--smallText);
	font-weight: 400;
	color: var(--white);
	background: var(--primary);
	border-radius: 48px;
	padding: 10px 24px;
	height: 48px;
}
.tags-section .tag-list .elementor-button:hover {
	background: var(--white);
	color: var(--primary);
}
.tags-section .modernize-contracting .elementor-heading-title {
	font-weight: 300;
	color: var(--white);
	font-size: var(--mediumText);
	line-height: 1.4;
}
.tags-section .modernize-contracting .elementor-heading-title strong {
	font-weight: 500;
}

.card-wrapper {
	background: linear-gradient(var(--primary) 0%, #29737D 100%);
	transition: all 0.3;
	border-radius: 8px;
	padding: 40px;
	position: relative;
	display: flex;
	min-height: 280px;
	flex-direction: column;
	justify-content: space-between;
	color: var(--white);
	text-align: left;
}
.card-wrapper:hover {
	background: linear-gradient(var(--lightGrey) 0%, var(--lightGrey) 100%);
	transition: all 0.3;
}
.card-wrapper .card-icon {
	text-align: left;
}
.card-wrapper .card-title {
	position: relative;
	z-index: 1;
}
.card-wrapper .card-title h4 {
	color: var(--white);
}
.card-wrapper .card-content {
	opacity: 0;
	position: absolute;
	z-index: 1;
	left: 40px;
	bottom: 40px;
}
.card-wrapper .card-content p {
	color: var(--darkGrey);
}
.card-wrapper .card-bg-icon {
	position: absolute;
	color: var(--primary);
	top: 0;
	right: 0;
	z-index: 0;
}

/*---- FOOTER ----*/
.ast-custom-footer {
	background: url(../2024/07/footer-bg.svg) no-repeat center;
	background-size: cover;
}
.ast-custom-footer .elementor-heading-title {
	color: var(--white);
}
.ast-custom-footer #section-footer .elementor-widget-uael-nav-menu a:not(.elementor-button),
.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item,
.ast-custom-footer .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
	color: var(--white);
	padding: 0;
	font-weight: 400;
	font-size: var(--smallText);
	font-family: var(--bodyFont);
	line-height: 1.5;
}
#section-footer {
	padding: 0;
	color: var(--white);
	gap: 0;
}
#section-footer .elementor-social-icon svg {
	fill: var(--white);
}
.footer-conversation,
.footer-bottom {
	padding-top: 0;
	padding-bottom: 0;
}
.footer-top .icon-box .elementor-grid{
	display: flex;
	gap:32px
}
.footer-top .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid{
	flex-wrap: nowrap
}
.footer-top .icon-box .elementor-grid .elementor-icon.elementor-social-icon{
	width: unset
}
.footer-top,
.footer-conversation {
	border-bottom: 1px solid var(--white);
}
.footer-menu .elementor-element {
	gap: 0;
}
.footer-menu .elementor-heading-title {
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-family: var(--headingFont);
	font-size: var(--captionText);
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 16px;
}
.footer-menu ul li {
	margin-bottom: 5px;
}
.footer-bottom {
	background: var(--tertiaryDark);
}
.footer-bottom .elementor-nav-menu li + li {
	margin-left: 24px;
}
.footer-bottom .elementor-item {
	font-family: var(--bodyFont) !important;
	font-size: var(--smallText) !important;
}
.footer-bottom p {
	margin: 0;
	color: var(--white);
	font-family: var(--bodyFont);
	font-size: var(--smallText);
	font-weight: 400
}
.site-footer{
	display: none
}
.elementor-icon i, .elementor-icon svg{
	width: 32px;
	height: 32px
}
/* .elementor-nav-menu--layout-horizontal .elementor-nav-menu{
	gap: 24px
} */

/* 	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
		color:var(--yellow)
	} */