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;
}




.cont1{
	  margin: 5px;
	display: flex;
	justify-content:space-between;

}

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



}

.cont1right {
	width: 58%;
text-align: justify;
	background: #8D8CEC;
}

.lable {
    background: darkblue;
    color: #FC0;
    font-size-adjust: inherit;
    font-size: medium;
    font-family: font1;
}

.divlable {
    font-size:large;
    font-weight: bold;
	background: #FFFFFF;
}
.mainbodylink {
    font-family: font2;
    font-size: small;
    text-align: left;
}


.formlable
{ background:#A8A5EC;
color: black;
	font-size: medium;
	font-weight: bold;
}

.formtext
{ color:black; 
	background: #E5E4F3; 
	font-size:medium;
  
  }




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

	.headercont {
flex-direction: column;
	
	}

	.complogo1 {
    height: 10px;
    width: 10px;
}
	.leftside {
    flex-basis:100%
}
.rightside {
    flex-basis:100%;
}

	ul.ulset {
		flex-direction: column;
	}
	
	
	.cont1 {
		flex-direction: column;
	}
	
	.cont1left {
    width: 100%;
}
.cont1right {
    width: 100%;

}
	
	
}