/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@700&family=Cardo&family=DM+Sans:wght@700&family=Ropa+Sans&display=swap');

body{
	font-family: 'Ropa Sans', sans-serif !important;
}

h1, h2, h3, h4, h5{
	font-family: 'Ropa Sans', sans-serif !important;
}

.widget_links:not(.widget-li-noicon) li::before{
	content: "";
}

.footer-ul li{
	padding-left: 0px;
	list-style-type: none;
	padding-bottom: 10px;
}

#header.transparent-header.full-header #header-wrap {
    border-bottom: 0px solid rgba(0,0,0,0) !important;
}

#header.full-header.dark {
    border-bottom-color: rgba(255,255,255,0);
}

#header.transparent-header.full-header.dark #logo {
    border-right-color: rgba(255,255,255,0);
}

.transparent-header.full-header.dark .primary-menu .menu-container {
    border-right-color: rgba(255,255,255,0);
}

.transparent-header.full-header .primary-menu .menu-container {
    border-right-color: rgba(0,0,0,0);
}

.full-header #logo {
    padding-right: 30px;
    border-right: 0px solid #EEE;
}

.top_number{
	font-size: 18px;
	letter-spacing: 1px;
}

.contact-banner{
	background-image: linear-gradient(to bottom right, #003d99, #4d94ff);
	color: #fff;
}

.primary-color{
	background: linear-gradient(to bottom right, #003d99, #4d94ff);
    -webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.primary-btn{
	background-image: linear-gradient(to bottom right, #003d99, #4d94ff);

	background-color: #003d99;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	font-size: 22px;
}

.primary-btn:hover{
	background-image: linear-gradient(to bottom right, #001433, #003d99);

	background-color: #003d99;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	font-size: 22px;
}

.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
    color: #4179bf;
}

.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #4179bf;
}

.contact-banner-text{
	font-size: 35px;
}

.testimonial .flex-control-nav li a {
    width: 10px !important;
    height: 10px !important;
    border: none;
    background-color: #4179bf;
    opacity: 0.5;
    padding-left: 1px;
}

.testimonial.testimonial-full .flex-control-nav {
	height: 20px;
}

.testimonial .flex-control-nav li {
    margin: 0 3px;
}

#footer a{
	color: #fff;
}

#footer a:hover{
	color: #4179bf;
}

#gotoTop:hover {
    background-color: #4179bf;
}

.fbox-icon i, .fbox-icon img {
    border-radius: 50%;
    background-image: linear-gradient(to bottom right, #003d99, #4d94ff);
}

.main-head{
	font-size: 50px;
	text-transform: uppercase;
}

.color {
    color: #4179bf !important;
}

.logo-footer{
	height: 100px !important;
	width: auto;
}

.footer-cont{
	font-size: 16px;
}

#about{
	position: relative;
	top: -150px;
}

#services{
	position: relative;
	top: -50px;
}

.svg-trigger {
    width: 50px;
    height: 50px;
}

.w-auto{
	width: auto!important;
}

.success-color{
	color: #60bd60;
	font-weight: 900;
	font-size: 28px;
}

.error-color{
	color: #ff0000;
	font-weight: 900;
	font-size: 28px;
}

::selection {
    background: #4d94ff;
    color: #FFF;
    text-shadow: none;
}

.dark .primary-menu:not(.not-dark) .sub-menu-container, .dark .primary-menu:not(.not-dark) .mega-menu-content {
    background-color: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #003d99;
}

.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
    background-color: rgba(0, 0, 0, 0.2);
    color: #003d99;
}