/* start slider */

.slider-hero img {
    width: 100%; /* Ensures the images scale properly */
    height: 100%;
   
  }
  
  .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: black; /* Default arrow color */
  }
  .slider-hero {
    max-width: 100%;
    
  } 
  .slick-prev:before,
  .slick-next:before {
    color: #333; /* Set the arrow color to dark gray */
    font-size: 25px; /* Adjust arrow size */
  }

  /* end slider */