.classroom-practice {
  background: #0055a4;
  color: #fff;
}

.classroom-practice__title {
  text-align: center;
}

.classroom-practice__content {
  margin-bottom: 3.2rem;
}

.classroom-practice__visual {
  overflow: hidden;
  border-radius: 1.2rem;
}

.classroom-practice__image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.2rem;
  object-fit: cover;
}

.classroom-practice__copy {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.classroom-practice__text {
  font-size: 1.6rem;
  line-height: 1.55em;
  color: #fff;
}

.classroom-practice__statement {
  font-size: 2rem;
  line-height: 1.45em;
  font-style: italic;
  text-align: center;
  color: #fff;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width: 991px) {
  .classroom-practice__content {
    margin-bottom: 2.4rem;
  }

  .classroom-practice__statement {
    font-size: 1.8rem;
  }
}

@media all and (max-width: 767px) {
  .classroom-practice__text {
    font-size: 1.5rem;
  }

  .classroom-practice__statement {
    font-size: 1.6rem;
  }
}