/*Audio */
#exprience-music-section {
    /* padding-top: 5rem; */
  }
  #exprience-music-section .container{
    max-width: 750px;
    text-align: center;
  }
  #exprience-music-section hr{
    /* padding-top: 3rem; */
    border-top: 0.5px solid #818186;
    width:50px;
    vertical-align: middle;
  }
  .bi::before {
    width: 64;
    height: 64;
  }
  .audio-image-bottom {
    object-fit: contain;
    width: 100%;
    height: auto;
  }
  .audio-image-bottom-mobile {
    object-fit: contain;
    width: 100%;
    height: auto;
  }
  .audio-image-middle-small {
    text-align: center;
    align-items: center;
    width: 20%;
    height: auto;
    object-fit: contain;
    }
  .audio-image-middle {
  text-align: center;
  align-items: center;
  width: 70%;
  height: auto;
  object-fit: contain;
  }
  .audio-example1 ,.audio-example2{
    background: linear-gradient(to right, #e8be8c, #eac291, #ecc695, #efca9a, #e7be8a, #e7be8a, #e7be8a, #e7be8a, #efca9a, #ecc695, #eac291, #e8be8c);
    border: none;
    
  }
  #startAllContent .green-audio-player {
    width: 470px;
  }
  #startAllContent .green-audio-player .controls {
    color: black;
    margin-left: 10px;
    margin-right: 10px;
  }
  .play-pause-btn path {
    fill: #fff !important;
  }
  .green-audio-player .volume .volume__button.open path {
    fill: black !important;
  }
  .green-audio-player .slider .gap-progress.green-audio-player .slider .gap-progress {
    background-color:#fff !important;
  }
  .green-audio-player .slider .gap-progress .pin {
    background-color:#fff !important;
  }
  
  .green-audio-player .slider .gap-progress {
    background-color: #fff !important;
  }
  .experience-section .green-audio-player .slider .gap-progress .pin , .experience-section .green-audio-player .slider .gap-progress{
    background: #000 !important;
  }
  .experience-section .green-audio-player .slider{
    background: #fff !important;
  }
  @media screen and (max-width: 1024px){
    #startAllContent .green-audio-player {
      width: 440px;
    }
  }
  @media screen and (max-width: 991px){
    #startAllContent .green-audio-player {
      width: 420px;
    }
  }
  @media screen and (max-width: 768px){
#startAllContent .green-audio-player {
    width: 100%;
}
  }
  @media only screen and (max-width: 560px) { 
    #exprience-music-section .container{
        max-width: 750px;
        text-align: left;
      }
  }