body{
  background-color:  rgb(29, 29, 29);
}

nav{
  height: 60px;
}
nav img {
  width: 40px;
  height: 40px;
}


.navbar .nav-link{
  color: #aaa; 
  transition: color all 1s ;
}

.navbar .nav-link:hover {
  color: #ebb412; 
}
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer; /* يخلي شكل الماوس pointer */
}

.card:hover {
  transform: translateY(-8px); /* يرفع الكارت لفوق شوية */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); /* يدي ظل أوضح */
}


card-img-top { 
    padding: 10px;
    opacity: .5; 
    transition: all 1s ;

}
.card:hover .card-img-top {
    opacity: 1;
}
.card:hover .card-body span{
background-color: #0D6EFD;
}