body{
  background:#f4f6fb;
  font-family:"Cairo", Tahoma, Arial, sans-serif;
}

/* سكشن عام */
.section{
    position: relative;
    padding: 70px 0;
    overflow: hidden;
}

/* المحتوى */
.content{
    text-align: center;
}

/* الأيقونات */
.icon{
    font-size: 60px;
    margin-bottom: 15px;
    color: #ff8c00;
    animation: float 3s ease-in-out infinite;
}

/* حركة أيقونة */
@keyframes float{
    0%{transform: translateY(0)}
    50%{transform: translateY(-6px)}
    100%{transform: translateY(0)}
}

/* عداد */
.counter{
    font-size: 46px;
    font-weight: bold;
    color: #ff8c00;
}

/* أزرار */
.btn-custom{
    padding: 12px 35px;
    border-radius: 35px;
    font-size: 1.05rem;
    transition: .3s;
}
.btn-custom:hover{
    transform: scale(1.05);
}

/* ================= الخلفيات المتحركة ================= */

@keyframes gradientMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

/* الزيارات */
.bg-visits{
    background: linear-gradient(-45deg,#ffffff,#eef2f6,#f9f9f9,#e6ebf0);
    background-size: 400% 400%;
    animation: gradientMove 18s ease infinite;
}

/* هيئة التدريس */
.bg-faculty{
    background: linear-gradient(-45deg,#f7f9fc,#e9eef3,#ffffff,#dde3ea);
    background-size: 400% 400%;
    animation: gradientMove 20s ease infinite;
}

/* الكتب */
.bg-books{
    background: linear-gradient(-45deg,#fffaf3,#fff1dc,#ffe8c7,#fff5e6);
    background-size: 400% 400%;
    animation: gradientMove 16s ease infinite;
}

/* الأخبار */
.bg-news{
    background: linear-gradient(-45deg,#fdfefe,#f2f4f7,#e9ecef,#ffffff);
    background-size: 400% 400%;
    animation: gradientMove 22s ease infinite;
}

.faculty-card{
  border:none;
  border-radius:18px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s ease;
  height:100%;
}


.faculty-card:hover{
  transform:translateY(-6px);
}

/* IMAGE */
.faculty-img{
  width:100px;
  height:100px;
  margin:20px auto 10px;
  border-radius:50%;
  overflow:hidden;
  border:3px solid #f97316;
}

.faculty-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* TEXT */
.faculty-name{
  color:#1e3a8a;
  font-size:18px;
  font-weight:bold;
  margin-bottom:2px;
}

.faculty-title{
  font-size:13px;
  color:#666;
  margin-bottom:10px;
}

.faculty-text{
  font-size:13px;
  color:#555;
  line-height:1.6;
  margin-bottom:12px;
}

.faculty-info{
  font-size:13px;
  color:#444;
  margin-bottom:12px;
}

.faculty-info i{
  color:#f97316;
  margin-left:6px;
}

/* BUTTON */
.faculty-btn{
  background:linear-gradient(135deg,#1e3a8a,#2563eb);
  color:#fff;
  border-radius:20px;
  font-size:13px;
  padding:6px 18px;
}

.faculty-btn:hover{
  opacity:.9;
}