@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
.Noto-Kufi-Arabic{font-family: 'Noto Kufi Arabic', serif;}


*{text-align: right;}

.contentHader {
  width: 45%;
  height: 40px;
  background-image: url(https://www.kfu.edu.sa/ar/Documents/AboutUst6/Images/bar.png);
  background-size: cover;
  color: #fff;
  font-size: 25px;
  padding-right: 40px;
  margin-right: -20px;
  font-weight: 700;
  float: right;
}


.text {
  width: 80%;
  text-align: right;
  font-size: 16px;
  color: #0B6F77;
  font-weight: 500;
  margin-bottom: 2%;
  text-indent: 1.7em
  
}


.img-pre {
  float: left;
  margin-left: -2%;
  width: 190px;
  height: 20px;
}

.img-pre2 {
  float: left;
  width: 130px;
  height: 200px;
}

.img-pre3 {
  float: left;
  width: 190px;
  height: 20px;
  margin-left: -15%;
  margin-top: 3%;
}

.img-pre4 {
  float: left;
  width: 130px;
  height: 200px;
  margin-top: 1%;



/*=====================================================================*/
.ac-container{
  width: 100%;
  margin: 10px auto 30px auto;
  text-align: right;
}

.ac-container article{
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container input:checked ~ article{
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-large{
  height: auto;
}