:root{
	--brand: rgb(0, 74, 173);
	--brand-100: rgba(0, 74, 173, 0.1);
	--brand-hover: #003b8a;
}

.hero_area_inner .x-button-1,
.site_btn,
.pricing .switch-container .switch input:checked + .slider,
.frontent-pricing-button{
	background-color: var(--brand) !important;
}

.cta_area_showcase .x-menu ul li a.active, .cta_area_showcase .x-menu ul li a:hover{
	background-color: var(--brand-100);
	color: var(--brand);
}

.hero_area_inner .x-button-1:hover,
.site_btn:hover,
.frontent-signup-button:hover, .frontent-signup-button:active, .frontent-signup-button:visited,
.frontent-pricing-button:hover{
	background-color: var(--brand-hover) !important;
}
.account .signup .signup-form .btn-info{
	background-color: var(--brand);
	border-color: var(--brand);
}
.account .signup .signup-form .btn-info:hover{
	background-color: var(--brand-hover);
	border-color: var(--brand-hover);
}
.site_btn_2{
	color: var(--brand);
	border-color: var(--brand);
}
.site_btn_2:hover{
	color: var(--brand-hover);
	border-color: var(--brand-hover);
}
a,
.section_title_meta,
.highlighted_title{
	color: var(--brand);
}
.heading_menu_list_links:hover{
	color: var(--brand);
}
.frontent-signup-button{
	background-color: var(--brand);
}
.footer{
    padding: 80px 0px 20px;
}
.footer-content a{
	color: #5c5678
}