@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');

.app2 h2, .app2 h3, .app2 h4, .app2 h5, .app2 h6, .app2 a,
.app2 h1, .app2 h2,
footer .footer-lists.contacts li,
.app2 h1, .app2 h2,
footer .footer-lists.contacts li {
	font-family: 'Tajawal', sans-serif;
}

* {
	letter-spacing: 0px !important;
}

body {
	font-family: 'Tajawal', sans-serif;
}

.header.app2 .img-mobile .headaer-image {
	height: 619px !important;
}

.theme-pannel-main {
	display: none !important;
}

.header .bg.app2-header {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c43933), to(#bd3f32));
    background-image: linear-gradient(#c43933, #bd3f32);
}

.font-primary {
	color: #c43933 !important;
}

.btn-default.btn-gradient {
    border: transparent;
    position: relative;
    background-color: #c43933;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c43933), to(#bd3f32));
    background-image: linear-gradient(#c43933, #bd3f32);
    background-image: -webkit-gradient(linear, left top, right top, from(#c43933), color-stop(#bd3f32), color-stop(#bd3f32), to(#c43933));
    background-image: linear-gradient(to right, #c43933, #bd3f32, #bd3f32, #c43933);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-size: 300% 100%;
}

.tap-top,
.copyright.app2 {
	background: #c43933;
}

.app2.fixed {
	background-color: #c43933;
}

.app2.team .team-slider .team-container .name {
	color: #c43933;
}

.btn-default.btn-white {
	border: 2px solid #c43933;
    color: #c43933 !important;
}

.app2 .animated-bg i {
	-webkit-box-shadow: 0 15px 30px 0 #bd3f32;
	box-shadow: 0 15px 30px 0 #c439332e;
}

.format .about-icon .users {
	color: #c43933;
}

.header .wave-orange {
	display: none !important;
}

.app2.quality .set-height .mobile2 {
    position: absolute;
    width: 380px;
    top: 0px;
    height: 600px;
}

.rtl .m-r-auto img,
.rtl footer .logo-sec .footer-logo {
    -webkit-transform: scalex(1);
    transform: scalex(1);
    filter: brightness(0);
}


@media screen and (max-width: 768px) {
    
    .app2 .animated-bg i {
        display: none;
    }
    
    .app2.footer2.bg {
        background: -webkit-gradient(linear, left top, left bottom, from(#12760f), to(#0dbb09));
        background: linear-gradient(#12760f, #0dbb09);
    }
    
    .header ul li a i {
        font-size: 25px;
        color: #12760f;
        display: block;
        display: block;
        display: block;
        height: auto;
        width: auto;
    }
    
}