.acf-gallery-slider {
  height: auto; /* Slider container takes height of content */
}

.acf-gallery-slider .slick-list {
  height: auto; /* List adjusts to content */
}

.acf-gallery-slider .slick-track {
  height: auto; /* Track adjusts to content */
}

.acf-gallery-slider .slick-slide {
  height: auto; /* Slide adjusts to content */
}

.acf-gallery-slider .slide {
  height: auto; /* Slide element takes height of its content */
  display: block; /* Default display to ensure content flows correctly */
}

.acf-gallery-slider img, 
.acf-gallery-slider video {
    z-index: 1; /* Ensure media is above other elements */
}

/* Remove the default "Previous" and "Next" text and any default button styling */
.acf-gallery-slider .slick-prev:before, 
.acf-gallery-slider .slick-next:before {
    content: ''; /* Remove any text content */
    display: none; /* Ensure text is not displayed */
}

/* Ensure no default button styles affect the arrows */
.acf-gallery-slider .slick-prev, 
.acf-gallery-slider .slick-next {
    font-weight: normal; /* Reset font-weight */
    color: #fff; /* Arrow color */
    background-color: rgba(0, 0, 0, 0); /* Semi-transparent background */
    border: none; /* Remove any borders */
    padding: 0; /* Remove padding */
    font-size: 30px; /* Size of the arrow */
    border-radius: 0; /* Remove border-radius */
    box-shadow: none; /* Remove box-shadow */
    width: auto; /* Width based on content */
    height: auto; /* Height based on content */
    line-height: 1; /* Remove extra line height */
    text-align: center; /* Center text inside button if necessary */
    overflow: hidden; /* Ensure no overflow */
}

/* Positioning of arrows */
.acf-gallery-slider .slick-prev, 
.acf-gallery-slider .slick-next {
    position: absolute;
	font-size:0px;
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Perfect vertical centering */
    z-index: 1; /* Ensure arrows are on top */
    cursor: pointer; /* Pointer cursor */
}

/* Left arrow positioning */
.acf-gallery-slider .slick-prev {
    left: 10px; /* Position to the left */
}

/* Right arrow positioning */
.acf-gallery-slider .slick-next {
    right: 10px; /* Position to the right */
}

/* Add custom arrow icons */
.acf-gallery-slider .slick-prev:after, 
.acf-gallery-slider .slick-next:after {
    font-family: "slick"; /* Use Slick's icon font */
    font-size: 30px; /* Size of the arrow icon */
    color: white; /* Color of the arrow */
    line-height: 1;
}

/* Add custom arrow icons */
.acf-gallery-slider .slick-prev:hover, 
.acf-gallery-slider .slick-next:hover {
background-color:transparent;
}

/* Left arrow (←) */
.acf-gallery-slider .slick-prev:after {
    content: '\2190'; /* Unicode for left arrow */
}

/* Right arrow (→) */
.acf-gallery-slider .slick-next:after {
    content: '\2192'; /* Unicode for right arrow */
}