.player {
      /*height: 95vh;*/
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }

    .details {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      /*margin-top: 10px;*/
    }

    .track-art {
      /*margin: 25px;*/
      /*height: 250px;*/
      /*width: 250px;*/
      /*background-image: url("https://images.pexels.com/photos/262034/pexels-photo-262034.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260");*/
      /*background-size: cover;*/
      /*border-radius: 15%;*/
    }

    .now-playing {
      font-size: 1rem;
    }

    .track-name {
      font-size: 1.5rem;
    }

    .track-artist {
      font-size: 1rem;
    }

    .buttons {
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    .playpause-track,
    .prev-track,
    .next-track {
      padding: 13px;
      opacity: 1;

      /* Smoothly transition the opacity */
      transition: opacity .2s;
    }

    .playpause-track:hover,
    .prev-track:hover,
    .next-track:hover {
      opacity: 1.0;
    }
    .custom_collapse_aero:before
    {
        
    border-bottom: 10px solid #c1e1ff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    right: 29px;
    top: 142px;
    position: absolute;
    z-index: 1001;

    }
   
    .slider_container {
      /*width: 75%;*/
      width: 100%;
      /*max-width: 400px;*/
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Modify the appearance of the slider */
    .seek_slider,
    .volume_slider {
      /*-webkit-appearance: none;*/
      /*-moz-appearance: none;*/
      /*appearance: none;*/
      height: 5px;
      background: black;
      opacity: 0.7;
      -webkit-transition: .2s;
      transition: opacity .2s;
    }

    /* Modify the appearance of the slider thumb */
    .seek_slider::-webkit-slider-thumb,
    .volume_slider::-webkit-slider-thumb {
      /*-webkit-appearance: none;*/
      /*-moz-appearance: none;*/
      /*appearance: none;*/
      width: 15px;
      height: 15px;
      background: white;
      cursor: pointer;
      border-radius: 50%;
    }

    .seek_slider:hover,
    .volume_slider:hover {
      opacity: 1.0;
    }

    .seek_slider {
      width: 60%;
    }

    .volume_slider {
      width: 30%;
    }

    .current-time,
    .total-duration {
      padding: 10px;
      font-size: 15px;
    }

    i.fa-volume-down,
    i.fa-volume-up {
      /*padding: 10px;*/
      padding: 5px;
    }

    i.fa-play-circle,
    i.fa-pause-circle,
    i.fa-step-forward,
    i.fa-step-backward {
      cursor: pointer;
    }