.slider_demo {
  overflow: hidden;
  overflow-x: auto;
  margin-bottom:40px;
}

.slide-track {
  display: flex;
  margin-left: 1%;
  margin-right: 1%;
  animation: scroll 20s linear infinite;
}

.card img {
    border-radius: 10px !important;
    box-shadow: 0px 0px 30px #00000021;
}

.slide_row {
  display: flex;
}

.slide_demo {
  width: 300px;
  perspective: 100px;
  transition: 0.3s;
  overflow: hidden;
  margin: 10px;
}

.slide_demo:hover {
  width: 310px;
  transition: 0.5s;
}

/******************  SCROLL MOBILE ADJUSTMENT ************************/

@media all and (max-width: 800px) and (min-width: 200px) {

.slide_demo {
  width: 200px;
}

.slide_demo:hover {
  width: 210px;
}

}


/***************** SCROLL BAR *****************/


/* width */
.slider_demo::-webkit-scrollbar {
  height:8px;
  cursor: pointer;
}

/* Track */
.slider_demo::-webkit-scrollbar-track {
  background: #ffffff;
  border:1px solid #328bd2;
  border-radius: 30px;
    overflow: hidden;
}

/* Handle */
.slider_demo::-webkit-scrollbar-thumb {
	background: #328bd2;
    border-radius: 30px;
	cursor: pointer;
}

/* Handle on hover */
.slider_demo::-webkit-scrollbar-thumb:hover {
  background: #03A9F4;
}


/***************** DISPLAY NONE *****************/

.none {display: none;}