custom scroll bar

Sravan

<div class="list_container">

                                                        <div class="item_direction">

                                                            <div class="col-md-4" style="margin:auto; float:left;">

                                                                <div class="card d-flex align-items-center hhover">

                                                                   

                                                                    <div class="card-body">

                                                                        <h5 class="card-title">Coffee with milk </h5>

                                                                    </div>

                                                                </div>

                                                            </div>

                                                        </div>

</div>

<----- Css----->

  .list_container {

    direction: rtl;

    overflow:auto;

    height: 700px;

    width: auto;

  }

  .item_direction {

    direction:ltr;

  }

  ::-webkit-scrollbar-thumb{

    border-radius: 100px;

    background-image: linear-gradient(180deg, #000000 0%, #000000 99%);

    /* background-image: linear-gradient(180deg, #26bae7 0%, #273172 99%); */

  }

  ::-webkit-scrollbar-track {

    background: #f1f1f1;

}

::-webkit-scrollbar {

    width: 7px;

}