.color-dark {
    color: #0C4CA3 !important;
    text-align: right;
    font-family: "almarai";
    font-size: 45px;
}
body {
    font-family:  "almarai";
}
:root {
  
    --font-body-1: "almarai", sans-serif;
    --font-heading-1: "almarai", serif;
    --font-body-2: "almarai", sans-serif;
    --font-heading-2: "almarai", sans-serif;
    --font-body-3: "almarai", sans-serif;
    --font-heading-3: "almarai";
    --font-body-4: "almarai", sans-serif;
    --font-heading-4: "almarai", sans-serif;
    --font-body-5: "almarai", sans-serif;
    --font-heading-5: "almarai", sans-serif;
}
@media (max-width: 1199px) {
    .mobile-menu .nav-link.toggle i {
     
        right:270px !important;
			
	}
}

.color-dark {
    color: #0C4CA3 !important;
    text-align: right;
  
    font-size: 45px;
}

@media (min-width: 767px) {
.hero-banner .banner-image img {
    margin-right: -400px ;
}
}
@media (max-width: 767px) {
.hero-banner .banner-image img {
  margin-right: 0px !important;
}
}
@media (max-width: 1199px) {
    .header-area .main-responsive-nav .logo a {

        width: 150px;
    }
}
@media (max-width: 767px) {
    .color-dark {
        font-size: 23px !important;

}


.elementor-50 .elementor-element.elementor-element-96755c9 .elementor-heading-title {
 
    font-size: 23px;

}
@media (max-width: 767px) {
.footer-area .footer-widget .navbar-brand {
    margin: 0;
    margin-top: -40px;
    width: 150px;
}
}

@media (max-width: 767.98px) {
    body.logged-in header.header-area {
        top: 50px;
      
        height: 80px;
    }
}