@charset "utf-8";
/* CSS Document */
body {
    background: #9B9AE0;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: small;
}
@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: rgb(5, 5, 116);
    display: flex;
	flex-direction: column;
}

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


.slidecont {
    display: flex;
    height: 320px;
    background: #FFFFFF;
	width: auto;
	justify-content: space-between;
}
.leftslide {
    flex: 10%;
    background: #020876;
    font-size: 25px;
    padding-top: 150px;
    color: #FC0;
}
.midslide {
    flex: 80%;
}
.rightslide {
    flex: 10%;
    background: #020876;
    font-size: 25px;
    padding-top: 150px;
    color: #FC0;
}
.mySlides {
    width:auto;
    height: 220px;
}
.lable {
    background: darkblue;
    color: #FC0;
    font-size-adjust: inherit;
    font-size: medium;
    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;
}
.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;
    justify-content: space-between;
	margin: 5px;
}
.cont1left {
    width: 49%;
	padding: 5px;
}
.cont1right {
     width: 49%;
	padding: 5px;
	
}
.cont2 {
    padding: 5px;
}

.cont3 {
    display: flex;
    justify-content: space-between;
}
.cont3left {
    background: #FFFFFF;
    width: 35%;
    color: #000000;
	padding-left: 5px;
}
.cont3right {
    background: #D8D8F7;
    width: 65%;
padding-left: 5px;
}
.divlable {
    background: #020876;
    font-size: 17px;
    font-weight: bold;
    color: #FC0;
    font-family: font8;
}
.divlable a {
    background: #020876;
    color: #FFFFFF;
}
.divlable a:visited {
    background: #020876;
    color: #FC0;
}
.divlable a:hover {
    background: #020876;
    color: #FFFFFF;
}
.mainbodylink {
    font-family: font2;
    font-size: small;
    text-align: left;
}

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

}
}