@charset "utf-8";
/* CSS Document */
body {
    background: #9B9AE0;
}
@font-face {
    font-family: Font1;
    src: url(../fonts/PTBLDHAD.ttf);
}
@font-face {
    font-family: Font2;
    src: url(../fonts/jazeera.ttf);
}
@font-face {
    font-family: Font3;
    src: url(../fonts/simpo.ttf);
}
@font-face {
    font-family: Font4;
    src: url(../fonts/PTBLDDSK.ttf);
}
@font-face {
    font-family: Font5;
    src: url(../fonts/segoesc.ttf);
}
@font-face {
    font-family: Font6;
    src: url(../fonts/ARIALUNI.TTF);
}
@font-face {
    font-family: Font7;
    src: url(../fonts/simpbdo.TTF);
}

@font-face {
    font-family: Font8;
    src: url(../fonts/LHANDW.TTF);
}

.maincont {
    max-width: 1300px;
    ;
    height: max-content;
    color: darkblue;
    display: flex;
    justify-content: center;
}
 .headercont{
  margin: 5px;
  background: white;
  padding: 10px;
}

.leftside{
  display: flex;
  justify-content: center;
  align-items: center;
}

.imgdesp{
  max-width: 100%;
  max-height: 200px;  /* حد أقصى */
  height: auto;
  width: auto;
  object-fit: contain;
}

.lable {
    background: darkblue;
    color: #FC0;
    font-size-adjust: inherit;
    font-size: small;
    font-family: font1;
}
.menu {
    background: #FC0;
    color: #00008B;
    font-stretch: semi-expanded;
    font-size: 17px;
    font-weight: bold;
	font-family: font8;
}
ul.ulset {
    color: white;
    list-style-type: none;
    margin: 10px;
    display: flex;
}
li.liset {
    color: white;
    margin: 10px;
}
.menu a {
    text-decoration: none;
    color: #000;
}
.menu a:hover {
    color: #FFF;
}

.complogo1 {
    height: 50px;
    width: 100px;
}
.mainbody {
    display: flex;
    font-family: font3;
    font-size:small;
    font-weight: bold;
    background:  #8F91F0;
	margin-top: 20px;
	flex-direction: column;
}
.maintcont {
    display: flex;
    font-weight: bold;
	margin-top: 20px;
	flex-direction: column;
	align-items: center;
	justify-content:space-between;
	align-content: center;
}
.cont1{
	padding: 5px;
	display: flex;
	justify-content:space-between;

}

.cont1left {
	background:	#D8D8F7;
	width: 48%;
		padding: 10px;
text-align: justify;
}

.cont1right {
	background:	#D8D8F7;
	width: 48%;
		padding: 10px;
text-align: justify;
}




.pagefooter {
    background: darkblue;
    font-family: font7;
    font-size: small;
    font-weight: bold;
    color: #FC0;
    text-align: center;
}
.divlable {
    font-size:22px;
    font-weight: bold;
	background: #FFFFFF;
}
.mainbodylink {
    font-family: font2;
    font-size: small;
    text-align: left;
}

.pre1
{ white-space:pre-wrap; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
alignment-baseline:after-edge; font-size:14px; 
}
.p1
{ font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
font-size:18px; font-style:oblique;background: #050D6A; color: orange; 
}

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

	.headercont {
    flex-direction: column;
}
	.leftside {
    flex-basis:100%
}
.rightside {
    flex-basis:100%;
}
.slidecont {
    width: 100%
   
}
	.mySlides {
    width:220px;
height: auto
	}
	ul.ulset {
		flex-direction: column;
	}
	
	
	.cont1 {
		flex-direction: column;
	}
	
	.cont1left {
    width: 100%;
}
.cont1right {
    width: 100%;

}
	
	.cont3
	{
		flex-direction: column;
	}
	.cont3left {
    width: 100%;

}
.cont3right {
    width: 100%;

}
}