

.slick-active {
    opacity: 1;
  }
  
  .slick-current {
    opacity: 1;
  }
  
  .slider {
      width: 100%;
      margin: 0px auto;
  }
  
  .slick-slide {
    margin: 0px 20px;
  }
  
  .slick-slide img {
    width: 100%;
  }
  
  .slick-prev:before,
  .slick-next:before {
    color: black;
  }
  
  .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
      text-align: center;
      
      /* width: auto!important; */
  }
  .child{
    text-align: center;
    position: relative;
    transition: all 0.5s;
  }
  .child::before{
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border: 1px solid #9ca14a;
    z-index: 2;
    opacity: 0;
  }
  .child-content{
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    opacity: 0;
  }
  .child-content p{
    padding: 20px;
  }
  .child:hover::before{
    opacity: 1;
  }
  .child:hover .child-content{
    opacity: 1;
  }
  .slick-prev, .slick-next{
    bottom: -100px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
  }
  .slick-prev:active, .slick-next:active{
    background-color: blanchedalmond;
  }
  .slick-prev:focus, .slick-next:focus{
    background-color: blanchedalmond;
    border: 1px solid blanchedalmond;
  }
  @media(max-width:1366px){
    .slick-next
{
    right: 45%;
}
.slick-prev
{
    left: 45%;
}
  }
  @media(max-width:1024px){
    .slick-next
{
    right: 43%;
}
.slick-prev
{
    left: 43%;
}
  }
  @media(max-width:768px){
    .slick-next
{
    right: 43%;
}
.slick-prev
{
    left: 43%;
}
.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
}
  }
  @media(max-width:576px){
    .slick-next
{
    right: 40%;
}
.slick-prev
{
    left: 40%;
}
  }
  @media(max-width:480px){
    .slick-next
{
    right: 38%;
}
.slick-prev
{
    left: 38%;
}
  }