*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#f5f7fa;
    font-family:Arial, sans-serif;
    line-height:1.6;
}
header{
    background:linear-gradient(135deg,#0066cc,#00a86b);
    color:white;
    text-align:center;
    padding:40px;
}

.school-name{
    font-size:48px;
    font-weight:bold;
}

.school-address{
    font-size:20px;
    margin-top:10px;
}
.menu{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    padding:25px;
}

.btn{
    display:inline-block;
    padding:15px 30px;
    border-radius:20px;
    text-decoration:none;
    color:white;
    font-size:18px;
    font-weight:bold;

    box-shadow:
        0 8px 0 rgba(0,0,0,0.25),
        0 12px 20px rgba(0,0,0,0.20);

    transition:all .3s ease;
}

.btn:hover{
    transform:translateY(-6px) scale(1.05);
    box-shadow:
        0 14px 0 rgba(0,0,0,0.25),
        0 18px 30px rgba(0,0,0,0.25);
}

.btn:active{
    transform:translateY(6px);
    box-shadow:
        0 3px 0 rgba(0,0,0,0.25),
        0 6px 10px rgba(0,0,0,0.15);
}

/* আলাদা আলাদা রং */

.home{
    background:linear-gradient(135deg,#00e676,#00c853);
}

.about{
    background:linear-gradient(135deg,#42a5f5,#1565c0);
}

.teacher{
    background:linear-gradient(135deg,#ffb74d,#ef6c00);
}

.notice{
    background:linear-gradient(135deg,#ff5252,#c62828);
}

.gallery{
    background:linear-gradient(135deg,#ba68c8,#6a1b9a);
}

.contact{
    background:linear-gradient(135deg,#26c6da,#00897b);
}
.slider{
    width:90%;
    max-width:1200px;
    height:450px;
    margin:20px auto;
    position:relative;
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.3);
}

.slide{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 1s ease-in-out;
}

.slide.active{
    opacity:1;
}
/* শিক্ষকবৃন্দ পেজ */

.teacher-section{
    max-width:1200px;
    margin:30px auto;
    padding:20px;

    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:25px;
}

.teacher-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;

    border-top:5px solid #0066cc;

    box-shadow:0 10px 25px rgba(0,0,0,.15);
    transition:.3s;
}
}

.teacher-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.teacher-card img{
    width:100%;
    height:280px;
    object-fit:cover;
}

.teacher-info{
    padding:20px;
    text-align:center;
}

.teacher-info h3{
    color:#0066cc;
    margin-bottom:10px;
    font-size:22px;
}

.teacher-info p{
    color:#555;
    font-size:16px;
}

.back-btn{
    display:inline-block;
    margin:30px;
    padding:12px 25px;
    background:linear-gradient(135deg,#0066cc,#00a86b);
    color:white;
    text-decoration:none;
    border-radius:12px;
    font-weight:bold;
    box-shadow:0 5px 15px rgba(0,0,0,.2);
}

.back-btn:hover{
    transform:translateY(-3px);
}
/* ট্যাবলেট */
@media (max-width:992px){
    .teacher-section{
        grid-template-columns:repeat(2, 1fr);
    }
}

/* মোবাইল */
@media (max-width:768px){
    .teacher-section{
        grid-template-columns:1fr;
    }
}