/* Global styles for Elementor slider arrows */
:root {
    --slider-arrow-size: 48px;
    --slider-arrow-color: #ffffff;
    --slider-arrow-bg: rgba(0, 0, 0, 0.4);
    --slider-arrow-hover-bg: rgba(0, 0, 0, 0.8);
    --slider-arrow-border-radius: 50%;
}

.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    width: var(--slider-arrow-size) !important;
    height: var(--slider-arrow-size) !important;
    color: var(--slider-arrow-color) !important;
    background-color: var(--slider-arrow-bg) !important;
    border-radius: var(--slider-arrow-border-radius) !important;
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover {
    background-color: var(--slider-arrow-hover-bg) !important;
}

/* Adjust icon size */
.elementor-swiper-button-prev i,
.elementor-swiper-button-next i {
    font-size: calc(var(--slider-arrow-size) * 0.4) !important;
}

.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg {
    width: calc(var(--slider-arrow-size) * 0.4) !important;
    height: calc(var(--slider-arrow-size) * 0.4) !important;
}