.page-content{
    margin-right:650px; /* مساحة القائمة اليمنى */
    padding-top:140px;   /* مساحة الهيدر */
    width:1600px;
}

.teachers-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px 18px;
}


/* البطاقة */
.teacher-card{
    padding:20px;
    border-radius:22px;
    background:white;

    text-align:center;

     width:90%;
      height:250px;

    box-shadow:0 10px 25px rgba(0,0,0,0.12);

    transition:0.3s;

   /* بداية الحركة */
    opacity:0;

    transform:translateY(80px);

    /* تشغيل الحركة */
    animation:cardUp 0.8s ease forwards;

}

/* تأخير لكل بطاقة */

.teacher-card:nth-child(1){
    animation-delay:0.1s;
}

.teacher-card:nth-child(2){
    animation-delay:0.3s;
}

.teacher-card:nth-child(3){
    animation-delay:0.5s;
}

.teacher-card:nth-child(4){
    animation-delay:0.7s;
}

.teacher-card:nth-child(5){
    animation-delay:0.9s;
}

.teacher-card:nth-child(6){
    animation-delay:1.1s;
}

.teacher-card:nth-child(7){
    animation-delay:1.1s;
}

.teacher-card:nth-child(8){
    animation-delay:1.1s;
}

.teacher-card:nth-child(9){
    animation-delay:1.1s;
}

/* الحركة */

@keyframes cardUp{

    to{

        opacity:1;

        transform:translateY(0);

    }
}

/* Hover */

.teacher-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,0.18);

}

/* الصورة */

.teacher-card img{

    width:100px;
    height:100px;

    object-fit:cover;

    border-radius:50%;

    margin-bottom:15px;

    border:4px solid #e0f2fe;

}

/* الاسم */

.teacher-card h3{

    font-size:22px;

    color:#0f172a;

    margin-bottom:10px;

}

/* التخصص */

.teacher-card p{

    color:#666;

    font-size:16px;

}

@media(max-width:900px){

    .teachers-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .teachers-grid{

        grid-template-columns:1fr;

    }

}