.image-slider {
      margin: 0px auto;
    }

    .slide-item {
      position: relative;
      overflow: hidden;
      border-radius: 25px;
      cursor: pointer;
    }

    .slide-item img {
      width: 100%;
      //height: 400px;
      //object-fit: cover;
      border-radius: 25px;
      transition: transform 0.4s ease;
    }

    .slide-item:hover img {
      transform: scale(1.05);
    }

    /* Text appears only on hover */
    .hover-text {
   background: hsla(0, 0%, 100%, .85);
    bottom: 0px;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    left: 0;
    opacity: 0;
    padding: 8px 14px;
    pointer-events: none;
    position: absolute;
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
        flex-direction: column;
    }
span.hover-text p {
    margin-bottom: 10px;
      text-align: center;
}

    .slide-item:hover .hover-text {
      opacity: 1;
      transform: translateY(0);
    }

    /* Slick arrow styling */
    .slick-prev:before,
    .slick-next:before {
      color: #333;
      font-size: 28px;
    }

.image-slider .slick-slide {
  margin: 0 15px;
}

.image-slider .slick-list {
  margin: 0 -15px;
}

.custom-arrow {
  background: transparent;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}

.slick-prev {
  left: -40px; /* adjust as needed */
}

.slick-next {
  right: -40px; /* adjust as needed */
}
button.custom-arrow.slick-arrow:before {
    display: none;
}

.custom-arrow img {
  width: 20px;  /* adjust arrow size */
  height: 20px;
}

button.custom-arrow.slick-arrow {
    background: background: #ccc;
    background: #cccccc94;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding: 10px;
    display: inline-block;
    border: none;
}

@media(max-width:767px){

.image-slider.slick-initialized.slick-slider {
    padding: 0 20px;
}

body .container-fluid .row-fluid  .slick-prev{
      left: 10px;
  }  
  
}