.playi2 {

    display: inline;

    color: rgba(44, 62, 80,1.0);

    font-size: 17px;

    margin: 0px 10px;

    padding: 10px;

    border-radius: 20%;

    background-color: rgba(19, 15, 64,0.2);

    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    cursor: pointer;
    z-index: 100;

}












.bsp_mainsection{
    direction: ltr;
    display: flex;
    opacity: 90%;
    justify-content: center;

transform: translateY(100px);

   right: 0;

   left: 0;

height: 80px;

background-color: rgba(10, 61, 98,1.0);

box-shadow: 0px -10px 20px rgba(130, 204, 221, 0.2);

padding: 10px 0;

border-radius: 10px;

position: fixed;

bottom:0px;
z-index: 1000;
transition:transform 1s ease;

}

.bsp_mainsection span{

    color: white;

    font-size: 12px;

    margin: 0px 10px;

    margin-top: -5px;



}

.bsp_mainsection i{

    color: white;

    font-size: 20px;

    margin: 0 15px;

    cursor: pointer;

}

.bsp-section-icons{

    position: absolute;

    top: 50%;

    

    justify-content: center;

    align-items: center;

}

@media (min-width:1024px) {

.bsp_mainsection i{

    margin:0px 20px;

}



}







.music-progress {

margin-top: 0px;

-webkit-appearance: none;



width: 90%;



height: 6px;



border-radius: 10px;



background: linear-gradient(to right, #1db954 0%,#ecf0f1 0%, #ecf0f1 100%);



outline: none;



transition: background 0.3s ease;



cursor: pointer; 



}



.music-progress::-webkit-slider-runnable-track {



height: 6px;



border-radius: 10px;



background: transparent;



}



.music-progress::-webkit-slider-thumb {



-webkit-appearance: none;



height: 14px;

width: 14px;



border-radius: 50%;



background: #1db954;



border: 2px solid white;



margin-top: -4px;



cursor: pointer;



box-shadow: 0 0 2px rgba(0,0,0,0.4);



}



.music-progress::-moz-range-track {



height: 6px;



border-radius: 10px;



background: transparent;



}



.music-progress::-moz-range-thumb {



height: 14px;



width: 14px;



border-radius: 50%;



background: #1db954;



border: 2px solid white;



cursor: pointer;



box-shadow: 0 0 2px rgba(0,0,0,0.4);



}