@charset "utf-8";
@font-face {
  font-family: 'adobe';
  src: url('../assets/WebFont/fonts/AdobeArabic-Regular.eot'); /* IE9 Compat Modes */
  src: url('../assets/WebFont/fonts/AdobeArabic-Regular?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/WebFont/fonts/AdobeArabic-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/WebFont/fonts/AdobeArabic-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../assets/WebFont/fonts/AdobeArabic-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../assets/WebFont/fonts/AdobeArabic-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
* {
    margin: 0px;
    padding: 0px;
}
body {

}
.my-logo{
	height: 100px;
	display: flex;
	align-items: center;
}
.my-logo img{
	display: block;
}
.container-nav{
	background-color: #51A7C2;
}
.bg-img{
	height: 500px;
	width: 100%;
	display: block;
	background-image: url("../images/photo5682671826.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.box-fix{
	background-color: #1A3852;
	border-top-left-radius: 15px;
}
.p-links{
	display: flex!important;
	align-items: center!important;
	font-family: adobe;
	font-size: 22px!important;
	color: white!important;
	margin: 0px;
	margin-left: 7px;
}
.p-links i{
	display: block;
	float: left;
	font-size: 12px;
	color: white;
	margin: 0px;
	margin-top: -2px;
	margin-right: 7px;
}
.wr-welcome-text{
	display: block;
}
.welcome-text-div p{
	font-family: adobe;
	padding: 0px;
	margin-bottom: 5px;
	color: #414342;
	font-weight: bold;
	direction: rtl;
}
.welcome-text-l1{
	margin: 0px;
	font-size: 32px;
}
.welcome-text-l2{
	margin: 0px;
	font-size: 32px;
}
.welcome-text-l3{
	margin: 0px;
	font-size: 24px;
	color: #3A3E63;
}
.custom-c-f-1{
	width: 95%!important;
	margin-left: auto;
	margin-right: auto;
}
.navbar-toggler{
	margin-left: auto;
	outline: none!important;
	border: none!important;
}
.fa-bars{
	color: white;
}
.show-list-menu{
	background-color: #51A7C2;
	list-style-type: none;
}
.show-list-menu li{
	padding: 7px;
}
.show-list-menu li a{
	display: block;
	color: white;
	font-family: adobe;
	font-size: 20px;
}
@media (min-width: 1px) and (max-width: 575px) { 
	.show-list-menu{
		background-color: #51A7C2;
		position: relative;
		display: none;
		border: solid 1px #37859E;
	}	
	.show-list-menu li{
		display: block;
		margin-right: 7px;
	}	
	.custom-c-f-1{
		width: 100%!important;
	}
	.colmd5{
		padding: 0px!important;
		margin: 0px!important;
	}
	.box-fix{
		height: 232px;
		width: 100%;
		position: relative;
		margin-top: 144px;
	}
	.welcome-text-l1{
		margin-top: 27px;
		margin-left: 16px;
		margin-right: 16px;			
	}
	.welcome-text-l2{
		margin-left: 16px;
		margin-right: 16px;			
	}
	.welcome-text-l3{
		margin-top: 40px;
		margin-left: 16px;
		margin-right: 16px;			
	}	

}

@media screen and (min-width: 576px) {
	.show-list-menu{
		background-color: #51A7C2;
		position: relative;
		display: none;
		border: solid 1px #37859E;
	}	
	.show-list-menu li{
		display: block;
		margin-right: 7px;
	}	
	.box-fix{
		height: 232px;
		width: 100%;
		position: relative;
		margin-top: 144px;
	}
	.welcome-text-l1{
		margin-top: 53px;
		margin-left: 16px;
		margin-right: 16px;			
	}
	.welcome-text-l2{
		margin-left: 16px;
		margin-right: 16px;			
	}
	.welcome-text-l3{
		margin-top: 40px;	
		margin-left: 16px;
		margin-right: 16px;			
	}	
	
}
@media screen and (min-width: 768px) {
	.show-list-menu{
		background-color: #51A7C2;
		width: 100%;
		height: 260px;
		position: absolute;
		left: 0px;
		right: 0px;
		display: none;
		z-index: 3;
		border: none;
	}
	.show-list-menu li{
		display: block;
		float: right;
		margin-right: 7px;
	}	
	.nav-item:hover .show-list-menu{
		display: block;
	}	
	.bg-img{
		background-position: -270px 0px;
	}
	.box-fix{
		height: 251px;
		width: 55%;
		position: absolute;
		bottom: -55px;

	}
	.welcome-text-l1{
		margin-top: 28px;
		margin-left: 16px;
		margin-right: 16px;			
	}
	.welcome-text-l2{
		margin-left: 16px;
		margin-right: 16px;			
	}
	.welcome-text-l3{
		margin-top: 40px;
		margin-left: 16px;
		margin-right: 16px;			
	}	
	
}
@media screen and (min-width: 992px) {
	.bg-img{
		background-position: -160px 0px;
	}	
	.box-fix{
		height: 221px;
		bottom: -70px;
	}	
	.welcome-text-l1{
		margin-top: 108px;
		margin-left: 0px;
		margin-right: 0px;			
	}
	.welcome-text-l2{
		margin-left: 0px;
		margin-right: 0px;			
	}
	.welcome-text-l3{
		margin-top: 40px;
		margin-left: 0px;
		margin-right: 0px;			
	}	
}
@media screen and (min-width: 1200px) {
	.bg-img{
		background-position: -100px 0px;
	}	
	.box-fix{
		height: 202px;
		bottom: -70px;
	}	
	.welcome-text-l1{
		margin-top: 108px;
	}
	.welcome-text-l3{
		margin-top: 40px;		
	}	
}