body {margin: 0;font-family: 'Noto Sans Bengali', Arial, sans-serif, kalpurush;background: #f4f6f8;color: #333;}

/* ===== Header ===== */
header { background: #035603;color: white;padding: 10px 20px; position: sticky;top: 0;z-index: 1000;}
.navbar {display: flex;justify-content: space-between; align-items: center;}
.logo { width: 70px;height: auto;}

/* ===== Menu ===== */
nav ul { list-style: none;display: flex;}
nav ul li { margin-left: 20px;}
nav ul li a {text-decoration: none;color: white;padding: 8px 12px;border-radius: 4px;transition: 0.3s;}
nav ul li a:hover {background: white;color: #035603;}

/* ===== Toggle Button ===== */
.menu-toggle {display: none;font-size: 28px;cursor: pointer;}

/* ===== Notice Marquee ===== */
.notice { background: #ffeb3b; color: #000;padding: 10px 0;font-weight: bold;font-size: 15px;}

/* Wrapper দিয়ে margin-top */
.slider-wrapper {width: 95%; margin: 1% auto; /* Top 2%, left-right auto */}
.section h2 {color: #0a5c36; margin-bottom: 30px; display: inline-block;padding-bottom: 8px;border-bottom: 3px solid #0a5c36;}

/* ===== Auto Slider ===== */
.slider {position: relative; width: 100%;height: 300px; overflow: hidden; border-radius: 10px;}
.slide { position: absolute;width: 100%; height: 100%; object-fit: cover;opacity: 0;transition: opacity 1s ease-in-out;}
.slide.active { opacity: 1;}

/* ===== Sections ===== */
.section {padding: 20px 20px;text-align: center;}
.section h2 {color: #0a5c36;margin-bottom: 30px;display: inline-block;padding-bottom: 6px;border-bottom: 3px solid #0a5c36;}

/* ===== Cards ===== */
.departments,
.teachers {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;max-width: 95%;margin: auto;}
.card { background: white; padding: 5px 10px; border-radius: 12px;box-shadow: 0 8px 20px rgba(0,0,0,0.1);transition: all 0.3s ease;font-family: kalpurush;}
.card h3 {color: #0a5c36; margin-bottom: 8px;}
.card p {font-size: 13px;line-height: 1.6;}

/* Hover Effect */
.card:hover {transform: translateY(-8px); background: #0a5c36; color: white;}
.card:hover h3,
.card:hover p {color: white;}

/* ===== testimonial-card ===== */
.testimonial-card {  background-color: #fff; border-radius: 15px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); padding: 30px; max-width: 400px; text-align: center; transition: transform 0.3s ease;margin: auto;border-top: 10px solid greenyellow;border-bottom: 10px solid red;border-left: 10px solid yellow; border-right: 10px solid black;}
.testimonial-card:hover {transform: translateY(-10px);}
.profile-img {width: 100px;height: 100px;border-radius: 50%; object-fit: cover; margin-bottom: 15px; border: 3px solid #6c63ff;}
.testimonial-name { font-size: 1.2rem; font-weight: bold; color: #333; margin-bottom: 5px;}
.testimonial-role { font-size: 0.9rem; color: #777; margin-bottom: 15px;}
.testimonial-text { font-size: 1rem; line-height: 1.5;color: red; position: relative; }
.testimonial-text::before { content: "”";font-size: 2rem;color: #6c63ff; position: absolute; left: -20px;top: -10px;}
.testimonial-text::after {content: "”";font-size: 2rem; color: #6c63ff; position: absolute; right: -20px;bottom: -10px;}
@media (max-width: 500px) {
.testimonial-card {
    padding: 20px;
    max-width: 90%;
    }
}
/* ===== Feature ===== */
.feature {background: #e9f5ee;padding: 30px;border-radius: 15px;max-width: 95%;margin: auto;font-family: kalpurush;}
.feature p {font-size: 14px;text-align: left;line-height: 1.7;}
/* ===== Contact ===== */
.contact p {font-size: 16px;margin: 8px 0;}

/* ===== Footer ===== */
footer {background: #0a5c36;color: white;text-align: center;padding: 15px;}