@charset "utf-8";
/* CSS Document */
@font-face {
		 font-family: myravi;
  		src: url(Ravi/Ravi-SemiBold.woff);
		}
html {
  scroll-behavior: smooth;
}
body {
	background-color:white;
	font-family: myravi;
 	margin: auto;
  	direction:rtl;
	font-size:14px;
}

.navbar {
  overflow: hidden;
  background-color: black; 
}

.navbar a {
  float: right;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: right;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 14px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: white;
	color:black;
}

.subnav-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: black;
  width: 100%;
  z-index: 1;
}

.subnav-content a {
  float: right;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: white;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}
#flag {
			width: 100%;
			height: 50px;
			background-image: url("images/hash/BK9.png");
			background-size: cover;
		}
	.leftm {
		float:left !important;
	}
	.main {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		text-align: center;
		font-size: 15px;
		line-height: 45px;
		
		
	}
	
.mainm {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		box-sizing: border-box;
		color:white;
		font-size: 15px;
		line-height: 45px;
	}
.cardm {
		width: 400px;
		height: 445px;
		background-color:rgba(255,255,255,0.027);
		backdrop-filter:blur(8px);
		border:1px solid white;
		box-shadow: 2px 2px 10px slategrey;
		margin:0 auto;
		margin-top:10px;
		color:black;
		box-sizing: border-box;
		float:right;
		
	}
	.titlecardm {
		height: 45px;
		border-bottom: 1px solid slategrey ;
		box-sizing: border-box;
	}
	.piccardm {
		height: 400px;
		box-sizing: border-box;
	}

	.card1 {
		width: 215px;
		height: 195px;
		border-radius: 3px;
		background-color:rgba(255,255,255,0.027);
		backdrop-filter:blur(30px);
		box-shadow: 2px 2px 10px slategrey;
		float:right;
		margin:10px auto;
		margin-right: 5px;
		margin-bottom: 10px;
		color:black;
		box-sizing: border-box;
	}
	.titlecard1 {
		height: 45px;
		border-bottom: 1px solid slategrey;
	}
	.piccard1 {
		height: 150px;
	}
	.rowcard1 {
		height: 35px;
		border-bottom: 1px solid white;
	}
	
	.card2 {
		width: 320px;
		height: 290px;
		border-radius: 3px;
		background-color:rgba(255,255,255,0.027);
		backdrop-filter:blur(25px);
		margin:10px auto;
		box-shadow: 2px 2px 10px slategrey;
		margin-right: 5px;
		margin-bottom: 10px;
		color:black;
		flot:right;
	}
	.titlecard2 {
		height: 45px;
		border-bottom: 1px solid slategrey;
	}
	.piccard2 {
		height: 200px;
		border-bottom: 1px solid slategrey;
	}
	.rowcard2 {
		height: 45px;		
	}

	.card3 {
		width: 320px;
		height: 245px;
		
		border-radius: 3px;
		background-color:rgba(255,255,255,0.027);
		backdrop-filter:blur(25px);
		margin:10px auto;
		margin-right: 5px;
		box-shadow: 2px 2px 10px slategrey;
		margin-bottom: 10px;
		color:black;
		flot:right;
	}
	.titlecard3 {
		height: 45px;
		border-bottom: 1px solid slategrey;
		
	}
	.piccard3 {
		height: 200px;
		border-bottom: 1px solid slategrey;
	}
	.rowcard3 {
		height: 45px;
	}

	.card4 {
		width: 320px;
		height: 200px;
		border:1px solid white;
		border-radius: 3px;
		background-color:rgba(255,255,255,0.027);
		backdrop-filter:blur(25px);
		margin:10px auto;
		box-shadow: 2px 2px 10px slategrey;
		margin-right: 5px;
		margin-bottom: 10px;
		color:black;
		flot:right;
	}
	.titlecard4 {
		height: 45px;
		border-bottom: 1px solid rgb(30,33,36);
		
	}
	.piccard4 {
		height: 200px;
	}
	.rowcard4 {
		height: 45px;
		border-bottom: 1px solid slategrey;
		
	}

	.footer {
		clear:both;
		width: 100%;
		height: 35px;
		color:white;
		font-weight: bold;
		text-align: center;
		line-height: 35px;
		position: relative;
		bottom: 0px;
		box-sizing: border-box;
		background-color: black;
	}
.ajourt {
		clear:both;
		width: 100%;
		height: 35px;
		color:white;
		font-weight: bold;
		text-align: center;
		line-height: 35px;
		margin-bottom:0px;
		box-sizing: border-box;
		background-color: black;
		margin-top:5px;
	}
.ajourt1 {
		clear:both;
		width: 100%;
		text-align: right;
		color:black;
		font-weight: bold;
		padding: 5px;
		line-height: 35px;
		margin-bottom:0px;
		box-sizing: border-box;
		background-color:antiquewhite;
		
	}

.gohome {
		clear:both;
		width: 200px;
		height: 35px;
		color:black;
		font-weight: bold;
		text-align: center;
		line-height: 35px;
		margin-bottom:5px;
		float:left;
		box-sizing: border-box;
		background-color:rgba(255,255,255,0.027);
		backdrop-filter:blur(8px);
		margin-top:5px;
		border:1px solid slategrey;
	
		
	}

	.cardc {
		width: 100%;
		min-height: 384px;
		border:1px solid white;
		border-radius: 3px;
		box-shadow: 3px 3px 10px white;
		background-color:rgba(255,255,255,0.027);
		backdrop-filter:blur(100px);
		box-shadow: 2px 2px 10px slategrey;
		float:right;
		margin:10px auto;
		margin-right: 10px;
		margin-left:10px;
		margin-bottom: 5px;
		
	}
.titlecardc {
		height: 45px;
		border-bottom: 1px solid rgb(41,26,22);
		font-weight: bold;
	}
.pcardc {
	text-align: right;
	margin:10px;
	
}

div.slide {
	width: 100vw;
  	height: 320px;
	background-size: 100% 100%;	
	background-image: url('images/Slide31.png');
	box-shadow: 5px 5px 20px black;
	margin-bottom: 5px;
  	background-repeat: no-repeat;
}

@media screen and  (max-width: 600px) {
	div.slide {
	width: 100vw;
  	height: 125px;
	background-size: 100% 100%;		
	background-image: url('images/Slide32.png');
	box-shadow: 5px 5px 20px black;
	margin-bottom: 5px;
  	background-repeat: no-repeat;
	}
}