.teachers {
  max-width: 1320px;
  margin: 0 auto 82px;
  padding-top: 8px;
}

.teacher-note { margin: -4px 0 22px; color: #8b795e; font: 12px 'Noto Serif Bengali', serif; }
.teacher-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.teacher-card { min-height: 200px; padding: 18px; border: 1px solid #e8e1d7; border-radius: 11px; background: #fff; }
.teacher-avatar { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 50%; background: linear-gradient(145deg, #e9d2ad, #b28556); color: #fff; font: 600 20px 'Noto Serif Bengali', serif; }
.teacher-card:nth-child(3n+2) .teacher-avatar { background: linear-gradient(145deg, #bbd3c2, #5b8b70); }
.teacher-card:nth-child(3n) .teacher-avatar { background: linear-gradient(145deg, #c6d9e3, #6691aa); }
.teacher-card h3 { margin: 0 0 10px; color: #29373d; font: 600 17px 'Noto Serif Bengali', serif; }
.teacher-card p { margin: 4px 0; color: #69736f; font: 12px 'Noto Serif Bengali', serif; }
.teacher-card p b { color: #a87837; font-weight: 600; }
.teacher-more { display: block; margin: 25px auto 0; padding: 10px 17px; border: 1px solid #d4b783; border-radius: 7px; background: #fff; color: #805c2b; font: 600 13px 'Noto Serif Bengali', serif; cursor: pointer; }

@media (max-width: 850px) {
  .teachers { margin-right: 20px; margin-left: 20px; }
  .teacher-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 520px) {
  .teacher-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .teacher-card { padding: 14px; }
  .teacher-card h3 { font-size: 15px; }
}