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

.leftslide {
    flex: 10%;
    background: #020876;
    font-size: 48px;
    padding-top: 170px;
    color: #FC0;
}
.midslide {
    flex: 80%;
    max-width: 80%
}
.rightslide {
    flex: 10%;
    background: #020876;
    font-size: 48px;
    padding-top: 170px;
    color: #FC0;
}
.mySlides {
    width: auto;
    height: auto;
    height: 450px;
}

.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: 50px;
}
.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{
  display:flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;
}
.cont1left, .cont1right{
  width: 48% !important;
}


.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; 
}
.formlable{ background:#A8A5EC;
color: black;
}



.formtext{ color:black; background: #E5E4F3;
  
  }

.formtext1{ background: #3F090A;  color:white;font-size: large;
  
  }

.lable{
	background: darkblue;
	color: #FC0;
	font-size-adjust: inherit;
	font-size:medium;
	font-family: font1;
	
  }
.itempic
{
	width:50px;
	height:50px;
	object-fit:scale-down;
}

@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%;

}
.imgdesp{
    max-height: 120px;
}
}