.slick-slide {
  margin: 0 10px; /* Add space between slides */
}

.slick-list {
  margin: 0 -10px; /* Adjust to ensure proper alignment of slides */
}

.slick-prev:before, 
.slick-next:before {
  font-family: 'slick';
  font-size: 45px;
  line-height: 1;
  opacity: .75;
  color: #70b9c0;
  position: absolute;
  top: 50%; /* Center buttons vertically */
  transform: translateY(-50%);
}

button.slick-prev.slick-arrow {
  position: absolute;
  left: -50px; /* Adjust position */
  z-index: 10; /* Ensure it's on top */
}

button.slick-next.slick-arrow {
  position: absolute;
  right: -50px; /* Adjust position */
  z-index: 10; /* Ensure it's on top */
}

@media screen and (max-width: 768px) {
  /* Make sure the title and buttons are aligned in a row */
  .central-section-header {
    display: flex;
    align-items: center; /* Align items vertically */
    justify-content: flex-start; /* Align everything to the left */
    position: relative;
    padding: 10px 0;
  }

  /* Ensure the title stays inline */
  .central-section-header h2 {
    display: inline-block;
    margin-right: 10px; /* Space between text and button */
    font-size: 20px; /* Adjust for mobile */
  }

  /* Move the previous button beside the title */
  button.slick-prev.slick-arrow {
    position: relative; /* Allow flex positioning */
    order: -1; /* Move it before the title */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; /* Add space between button and title */
  }

  /* Keep the next button on the far right */
  button.slick-next.slick-arrow {
    position: absolute;
    top: -35px;
    right: 10px;
  }

  /* Adjust button styles */
  .slick-prev:before, 
  .slick-next:before {
    font-size: 30px; 
    color: #70b9c0;
    opacity: 1;
  }
}