.slider {
  		/*the margin the this block indicate the margin of the slide cards container */
        width: 10%;
        margin: 10px auto;
    }

    .slider2 {
      /*the margin the this block indicate the margin of the slide cards container */
        margin: 30px auto;
    }

 .slider3 {
      /*the margin the this block indicate the margin of the slide cards container */
        margin: 30px auto;
    }

    /*this margin here indicate the space btw each card in the slide*/
    .slick-slide {
      margin: 0px 20px;
    }

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


/*this section to set the color of the arrow*/
    .slick-prev:before,
    .slick-next:before {
      color: #151F42; 

    }


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

    .slick-current {
      opacity: 1;
    }