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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Cairo:wght@200;300;400&family=El+Messiri:wght@500&display=swap');

body{
	direction: rtl;
	font-family: 'Cairo', sans-serif !important;;
}
#logo{
	margin-left: auto !important;
	margin-right: 0;
	font-family: 'Cairo';
}

.menu-link{
	color: #fff ;
}

.menu-link:hover{
color:#51D173 !important;
}

.log-in:hover{
	background-color: #51D173;
	color: #fff !important;
}

.main-title{
	color: #006ab3;
}
.text-color{
	/* color: #399752; */
	color: #555;
}

.main-btn{
	background-color: #51D173;
}
.main-btn:hover{
	background-color: #399752;
}

.mainText-box{
	width: 50%;
}

.custom-icon{
	width: 12%;
}

.fbox-content h3{
	color: #006ab3 !important;
}

.more-sectors{
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.link-more{
	color: #51D173;
}
.apps-box{
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.pricing-price .price-tenure{
	margin-left: -60px;
	color: #51D173;
	font-size: 14px !important;
}


.contact-img{
	margin-top: -8rem;
}
/* .ul-fatoora li a , .title-footer{
	color: #555;
} */


@media only screen and (max-width: 768px) {

	#logo img{
		margin-right: 0;
	}
	.slider-element {
		background: linear-gradient(to left, rgba(255,255,255,0), rgba(81,209,115, 0.2));
	}

	.mainText-box{
		width: 100%;
	}

	.main-title{
		color: #006ab3;
		text-align: center;
	}
	.text-color{
		/* color: #399752; */
		color: #555;
		text-align: center;
	}
	.btn-box{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.contact-img{
		margin-top: -6rem;
	}
	
}