/* Carousel */

.splide__slide figure {
    width: 100%;
    height: 100%;
    max-height: 600px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.splide__slide figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Splide Arrows */
.splide__arrows {
    --btn-background-color: var(--bs-gray-500);
    --btn-text-color: var(--bs-primary);
    --btn-text-color-rgb: var(--bs-primary);
}

#review-carousel .splide__arrows {
    margin-left: 1rem;
}

.splide__arrow.splide__arrow--next.btn-gray-500,
.splide__arrow.splide__arrow--prev.btn-gray-500 {
    --btn-background-color: var(--bs-gray-500);
    --btn-text-color-rgb: var(--bs-primary-rgb);
    --btn-text-color: var(--bs-primary);
}

.splide__arrow.splide__arrow--next.btn-primary,
.splide__arrow.splide__arrow--prev.btn-primary {
    --btn-background-color: var(--bs-primary);
    --btn-text-color: var(--bs-white);
    --btn-text-color-rgb: 255, 255, 255;
}

.splide__arrow.splide__arrow--next.btn-primary,
.splide__arrow.splide__arrow--prev.btn-primary {
    --btn-background-color: var(--bs-primary);
    --btn-text-color: var(--bs-white);
    --btn-text-color-rgb: 255, 255, 255;
    transition: all .2s ease-out;
}

.splide__arrow.splide__arrow--next.btn-primary:hover,
.splide__arrow.splide__arrow--prev.btn-primary:hover {
    /* --btn-text-color: rgba(255,255,255, .65); */
}

button[disabled].splide__arrow.splide__arrow--next i,
button[disabled].splide__arrow.splide__arrow--prev i {
    color: rgba(var(--btn-text-color-rgb), .5);
}

.splide__arrow.splide__arrow--next,
.splide__arrow.splide__arrow--prev {
    border: none;
    outline: none;
    border-radius: var(--bs-border-radius);
    background: var(--background-pattern-location) var(--btn-background-color);
    margin-top: 1rem;
    padding: 0.15rem 0.5rem;
}

.splide__arrow.splide__arrow--next:focus-visible,
.splide__arrow.splide__arrow--prev:focus-visible {
    outline: 4px solid var(--bs-info);
}

.splide__arrow.splide__arrow--prev {
    margin-right: 0.8rem;
}

.splide__arrow.splide__arrow--next i,
.splide__arrow.splide__arrow--prev i {
    color: var(--btn-text-color);
    font-size: 2rem;
}


.splide__arrow.splide__arrow--next {

}   

.splide__arrow.splide__arrow--next i {
    
}