.slick-slide {
margin: 0px -100px;
}

.slick-slide img {
width: 100%;
}

.slick-prev {
  left: 5rem !important;
  z-index:1;
}

.slick-next {
  right: 5rem !important;
}

.slick-prev:before,
.slick-next:before {
color: black;
}


.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}

.slick-active {
opacity: .5;
}

.slick-current {
opacity: 1;
}

 
#slidertobanner{
  margin-top: 0rem !important;
}

.slider{
  height:500px;
  width:100%;
  background-color: #e9e9e9;
  padding:0px;
  margin: 0px auto;
  position:relative;

}

.slider div {
  width:100%;
  height:500px;
  
  
  background-repeat:no-repeat;
  background-size:cover;
  background-clip: border-box;
  
  font-size: 2rem;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}



.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}

.prev-arrow,
.next-arrow {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  font-weight: bold;
}

.prev-arrow {
  left: -20px;
}

.next-arrow {
  right: -20px;
}


.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}