.oah-slider-container {
    position: relative;
    width: 100%;
}

.oah-slider {
    position: relative;
    width: 100%; /* Set the width to 100% */
    min-height: 300px; /* Set minimum height */
    overflow: hidden;
    transition: height 0.5s ease-out;
}

.oah-slides {
    display: flex;
    transition: transform 0.5s ease;
}

.oah-slide {
    min-width: 100%; /* Each slide is as wide as the slider */
    text-align: center;
    transition: opacity  0.2s;
    opacity: 0; /* Start with slides invisible */
}

.oah-slide-active {
    opacity: 1; /* Active slide fully visible */
}

.oah-slide-controls {
    position:relative;
    height:60px;
    text-align: center; /* Center the buttons */
}

/* Positioning the Previous Button to the Left */
.oah-slide-prev {
    position: absolute;
    top: 0;    /* Align at the top */
    left: 0;   /* Place to the left */
    z-index: 10; /* Ensure it's above the slide content */
}

/* Positioning the Next Button to the Right */
.oah-slide-next {
    position: absolute;
    top: 0;    /* Align at the top */
    right: 0;  /* Place to the right */
    z-index: 10; /* Ensure it's above the slide content */
}

.oah-slide-btn-disabled {
    opacity: 0.5; /* Semi-transparent */
    pointer-events: none; /* Makes the button unclickable */
    cursor: default; /* Change the cursor to indicate it's disabled */
}