/* Style for both previous and next arrows */
.splide__arrow {
    border: 0;
    border-radius: 0%;
    width: 50px !important;
    height: 50px !important;
    background-color: #ffffff !important;
    opacity: 100%;
    display: flex;
    opacity: 1 !important;
    justify-content: center;
    align-items: center; /* Center the SVG inside the button */

}


.splide__arrow:hover {
    transition-duration: 500ms;
    background-color: #000; 
    color: #fff;
}
.splide__arrow:hover svg path {
    transition-duration: 500ms;
    stroke: #fff; 
}
.splide__arrow svg {
    fill: transparent !important;
    height: 1.2em;
    width: 1.2em;
}

/* Style for the previous arrow */
.splide__arrow--prev {
    left: 7px !important;
    top: calc(50% - 20px);
}

/* Style for the next arrow */
.splide__arrow--next {
    right: 12px !important;
    top: calc(50% - 20px);
}



div#news-slider {

    .splide__arrow {
        width: 50px !important;
        height: 50px !important;
    }
    .splide__arrow--prev {
        left: 40px !important;
        top: calc(50% - 20px);
    }
    
    /* Style for the next arrow */
    .splide__arrow--next {
        right: 40px !important;
        top: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    div#news-slider {

        .splide__arrow {
            width: 36px !important;
            height: 36px !important;
        }

        .splide__arrow--prev {
            left: 15px !important;
            top: calc(50% - 16px);
        }
        .splide__arrow--next {
            right: 15px !important;
            top: calc(50% - 16px);
        }
    }
}

@media (max-width: 767px) {
    .splide__arrow {
        width: 40px;
        height: 40px;
    }
    .splide__arrow svg {
    fill:transparent !important;
    }
}


.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 0 solid #000 !important;
}

/* .splide__arrows--ltr :hover {
background-color: #241E51;
transition-duration: 500ms;
} */


/* 10. Testimonials Pagination (WHITE) */

#testimonials-slider .splide__pagination {
    justify-content: flex-end; /* Align to the right */
    padding-right: 1rem; /* Adjust spacing */
    position: relative;
    padding-top: 1.5rem;
    border-top: #f2f2f2 solid 1px;
    margin-top: 2.5rem;
    padding-right:0;
}

#testimonials-slider .splide__pagination__page {
    background: #241E51  !important;
    border: 0;
    border-radius: 0%;
    display: inline-block;
    margin: 4px;
    opacity: .2;
    padding: 0;
    position: relative;
    transition: 0;
    width: 12px;
    height: 12px;

}

#testimonials-slider .splide__pagination__page.is-active {
    background-color: #00A19A !important; /* Active bullet color */
    opacity: 1;
    height: 12px;
    width: 12px;
    transform: none;
}



/* 25. Products Slider Pagination (WHITE) */

#product-slider .splide__pagination {
    justify-content: center; /* Align to the right */
    padding-right: 1rem; /* Adjust spacing */
    position: relative;
    padding-top: 32px;
    margin-top: 3rem;
    padding-right:0;
}

#product-slider .splide__arrow--prev {
    left: 24px !important;
    top: calc(50% - 24px);
}

#product-slider .splide__arrow--next {
    right: 24px !important;
    top: calc(50% - 24px);
}
#product-slider .splide__pagination__page {
    background: #241E51  !important;
    border: 0;
    border-radius: 0%;
    display: inline-block;
    margin: 4px;
    opacity: .2;
    padding: 0;
    position: relative;
    transition: 0;
    width: 12px;
    height: 12px;

}

#product-slider .splide__pagination__page.is-active {
    background-color: #00A19A !important; /* Active bullet color */
    opacity: 1;
    height: 12px;
    width: 12px;
    transform: none;
}