.musicAuth {
  // background: url('../../../images/bg_top.png') no-repeat top left,
  //   url('../../../images/bg_left_bottom.png') no-repeat left bottom,
  //   url('../../../images/bg_right_center.png') no-repeat right 70%,
  //   url('../../../images/teacher_main.png') no-repeat top right;
  // background-size: 212px 126px, 178px 172px, 171px 230px, 682px 458px;
  // background-color: #fff;
  .txt {
    position: relative;
    z-index: 1;
    @apply pb-5;
    &::after {
      content: '';
      display: block;
      width: 100%;
      height: 13px;
      background: #cbfdd5;
      position: absolute;
      bottom: 15px;
      left: 0;
      z-index: -1;
      opacity: 0.63;
      @apply rounded-xl;
    }
  }

  .col {
    background: #ffffff;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 218px;
  }

  .musicHeader {
    background: url('../../../images/teacher/header_bg.png') no-repeat center;
    background-size: contain;
  }

  .before,
  .after {
    width: 30px;
    height: 20px;
    display: inline-block;
  }

  .before {
    background: url('../../../images/teacher/title_left.png') no-repeat center;
    background-size: contain;
    margin-right: 10px;
  }
  .after {
    background: url('../../../images/teacher/title_right.png') no-repeat center;
    background-size: contain;
    margin-left: 10px;
  }
}
