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


*{text-align: left;}

.contentHader {
  width: 49%;
  height: 60px;
  background-image: url(	https://www.kfu.edu.sa/en/Documents/Accreditations%20and%20global%20awards/Images/barr.png);
  background-size: cover;
  color: #fff;
  font-size: 20px;
  padding: 25px;
  padding-right: 100px;
  margin-right: 482px;
  font-weight: 700;

}

  .text {
    width: 80%;
    text-align: left;
    font-size: 16px;
    color: #0B6F77;
    font-weight: 500;
    direction: ltr;
  
}


.img-pre {
  float: right;
  width: 300px;
  margin-left: -25%;
  margin-right: -8%;
}

.img-pre2 {
  float: right;
  width: 130px;
  height: 200px;
  margin-right: 3%;

}

.img-pre3 {
  float: right;
  width: 190px;
  height: 20px;
  margin-right: -13%;
  margin-top: 2%;
}

.img-pre4 {
  float: right;
  width: 130px;
  height: 200px;
  margin-right: 3%;



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

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