.component-type--tabs-audio .nav-vertical {
  flex-direction: column;

}
.component-type--tabs-audio .nav-vertical .nav-link {
 background: none;
 border: none;
 text-align: left;
 font-weight: 550 !important;
 padding: 16px 24px 16px var(--md-2);
}

/* .component-type--tabs-audio .tab-content {
  padding-left: 20px;
} */
.audio-player {
  background-color: var(--primary-2);
  padding: 10px;
  /* border-radius: 5px; */
  color: white;
}
.progress-bar {
  height: 5px;
  background-color: #ccc;
}
.progress {
  height: 5px;
  background-color: #fff;
}
.control-btn {
  background: none;
  border: none;
  color: white;
  font-size: 1.2rem;
}
.time {
  font-size:1.2rem;
  padding: 0;
}
.control-btn.rewind-btn{
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    background: transparent;
    position: relative;
    display: inline-block;
    cursor: pointer;
    top: 6px;
    left: -27px;
}
.control-btn.rewind-btn::before{
    background: url("../images/icons/rewind-button.svg");
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    display: block;
}
.control-btn.forward-btn{
    width: 18px;
    height: 18px;
     padding: 0;
    border: none;
    position: relative;
    display: inline-block;
    right: -27px;
    top: 6px;
    background: transparent;
    cursor: pointer;
}

.control-btn.forward-btn::before{
  background: url("../images/icons/forward-button.svg");
  content: '';
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
  display: block;
}
@media screen and (min-width: 1200px){
.time {
  padding: 0 13.7rem;
}
}
@media screen and (min-width: 992px) {
  .control-btn {
    font-size: 2.4rem;
    width: 2.4rem;
  }
  .control-btn.rewind-btn{
    width: 24px;
    height: 24px;
    top: unset;
    left: unset;
  }
  .control-btn.rewind-btn::before{
    background-size: contain;
  }
  .control-btn.forward-btn{
    width: 24px;
    height: 24px;
    top: unset;
    right: unset;
  }
  .control-btn.forward-btn::before{
    background-size: contain;
  }
}