/* =========================
IFRAME (KEYBOARD)
========================= */

.lesson-keyboard {
  width: 100%;
  max-width: 1100px;
  height: 220px;
  overflow: hidden;
  margin: 0px auto;
  display: block;
  border-radius: 16px;
  border: none;
}

@media (max-width: 768px) {
  .lesson-keyboard {
    height: clamp(118px, 22vw, 150px);
    max-width: 100%;
    margin: 0 auto;
    border-radius: 14px;
  }
}

@media (max-width: 420px) {
  .lesson-keyboard {
    height: clamp(104px, 24vw, 132px);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .lesson-keyboard {
    height: clamp(150px, 18vw, 190px);
    max-width: 100%;
    border-radius: 15px;
  }
}