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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

body{
	font-family: 'Tajawal', sans-serif !important;
}
.custom-about{
	justify-content: flex-end;
}
.articles{
	background-color: #fff !important;
}
.input-icon{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.btn-style{
	border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	background-color: #2596be;
    border: 1px solid #495057;
}
.btn-more{
	width: 15%;
    background-color: #2596be;
    color: #fff;
	border: 1px solid #2596be;

}
.btn-more:hover{
	background-color: #76b5c5;
    color: #fff;
	border: 1px solid #76b5c5;
}

@media screen and (max-width:600px){
	.btn-more{
		width: 30%;
	}
}