.single-school-page .hp-sec1 .hp-sec1-banner .ply-btn {
  position: absolute;
  text-indent: -44444em;
  overflow: hidden;
  display: none;
  bottom: 40px;
  right: 50px;
  z-index: 99;
  background: url(../images/play-icon.svg) 58% no-repeat;
  background-size: 50%;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 10px;
  height: 60px;
  width: 60px; }
  @media (max-width: 767px) {
    .single-school-page .hp-sec1 .hp-sec1-banner .ply-btn {
      bottom: 20px;
      right: 10px;
      height: 30px;
      width: 30px;
      background: url(../images/play-icon.svg) center no-repeat;
      background-size: 50%; } }
.single-school-page .hp-sec1 .hp-sec1-banner .pause-btn {
  position: absolute;
  bottom: 40px;
  right: 50px;
  z-index: 99;
  background-size: 100%;
  width: 60px;
  height: 60px;
  text-indent: -44444em;
  overflow: hidden;
  background: url(../images/pause-icon.svg) center no-repeat;
  background-size: 50%;
  border: 2px solid #fff;
  border-radius: 50%; }
  @media (max-width: 767px) {
    .single-school-page .hp-sec1 .hp-sec1-banner .pause-btn {
      bottom: 20px;
      right: 10px;
      height: 30px;
      width: 30px;
      background: url(../images/pause-icon.svg) center no-repeat;
      background-size: 50%; } }
.single-school-page .hp-sec1 .hp-sec1-banner .mute-btn,
.single-school-page .hp-sec1 .hp-sec1-banner .unmute-btn {
  position: absolute;
  bottom: 40px;
  right: 130px;
  z-index: 99;
  background-size: 100%;
  width: 60px;
  height: 60px;
  text-indent: -44444em;
  overflow: hidden;
  background: url(../images/unmute.svg) center no-repeat;
  background-size: 60%;
  border: 2px solid #fff;
  border-radius: 50%; }
  @media (max-width: 767px) {
    .single-school-page .hp-sec1 .hp-sec1-banner .mute-btn,
    .single-school-page .hp-sec1 .hp-sec1-banner .unmute-btn {
      bottom: 20px;
      right: 45px;
      height: 30px;
      width: 30px; } }
.single-school-page .hp-sec1 .hp-sec1-banner .mute-btn {
  background: url(../images/mute.svg) center no-repeat;
  background-size: 61%;
  display: none; }

/*# sourceMappingURL=custom.css.map */