@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); 
html {
  position: relative;
  min-height: 100%;
 
}

body{ padding: 0 
		  height: 100vh;
		  margin: 0;
		
        }
		
		.bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
	height: 100vh;
	background-image:url(../images/bg.png);
}


/* Media Queries */
@media only screen and (max-width: 567px) {
		.bg-image {
  
	background-image:url(../images/background-photo-mobile-devices.png);
	 background-size: cover;
		
	}
}


@media (max-width: 575.98px) {
		.bg-image {
  
	background-image:url(../images/background-photo-mobile-devices.png);
	 background-size: cover;
		
	}
	}


@media (min-width: 576px) and (max-width: 767.98px) {
		.bg-image {
  
	background-image:url(../images/background-photo-mobile-devices.png);
	 background-size: cover;
		
	}
	 }


@media (min-width: 768px) and (max-width: 991.98px) { 
	.bg-image {
  
	background-image:url(../images/background-photo-mobile-devices2.png);
	 background-size: cover;
		
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.bg-image {
  
	background-image:url(../images/background-photo-mobile-devices.png);
	 background-size: cover;
		
	}
	 }


@media (min-width: 1200px) { 
.bg-image {
  
	background-image:url(../images/bg.png);
	 background-size: cover;
		
	}
 }





	.ERROR-txt{
		font-family:'Poppins';
		
		font-weight:bold;
		font-size:40px;
		color:#4370B1;
		padding-top: 15%;}	
	
	
		.data-txt{
		font-family:'Poppins';
		font-size:20px;
		color:#4370B1;
		padding-top:25px;
		line-height:1.5;
		}	
		
		
			.data-txt-ar{
		font-family:'Cairo';
		font-size:20px;
		color:#4370B1;
		padding-top:25px;
		line-height:1.5;
		
		}