/* ----- Arrows ----- */
.slider-arrows .slick-arrow {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    color: transparent;
    background: var(--color-secondary);
    border-radius: 50%;
    border: 0;
    overflow: hidden;
    transition: all .2s;
}

.slider-arrows .slick-arrow::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.125rem;
    height: 0.875rem;
    background-image: url('data:image/svg+xml;utf8,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8604 0.154297C11.1113 0.174679 11.3492 0.271724 11.4951 0.40332L17.5732 6.4082V6.41406L17.623 6.45898C17.8114 6.63004 17.8659 6.84514 17.8457 7.0498C17.8248 7.26059 17.7251 7.44871 17.6211 7.5459L17.6182 7.54883L11.4922 13.5918L11.4873 13.5967C11.3409 13.7562 11.1118 13.8421 10.8643 13.8496C10.6165 13.8571 10.3709 13.785 10.2041 13.6572C10.0386 13.5282 9.95349 13.3176 9.95605 13.0928C9.95839 12.8952 10.029 12.7007 10.1553 12.5596L10.2188 12.4961L14.7178 8.06543L14.9785 7.80859H1.02539C0.532083 7.80859 0.150391 7.43724 0.150391 7C0.150453 6.5628 0.532093 6.19141 1.02539 6.19141H14.9785L14.7168 5.93457L10.2178 1.50488L10.2129 1.50098C9.87974 1.19779 9.88279 0.62644 10.2109 0.337891L10.2129 0.335938C10.3722 0.191567 10.6095 0.133936 10.8604 0.154297Z" fill="white" stroke="%232C71E9" stroke-width="0.3"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
}

.slider-arrows .slick-prev::before { transform: translate(-50%, -50%) rotate(180deg); }

.slider-arrows .slick-disabled {
    opacity: .5;
    pointer-events: none;
}

@media ( hover: hover ) {
    .slider-arrows .slick-arrow:hover { background: var(--color-primary-dark); }
}



/* ----- Dots ----- */
.slider-dots .slick-dots {
    display: flex;
    gap: 0.5rem;
}

.slider-dots:has(.slick-active:first-child:last-child) { display: none; }

.slider-dots .slick-dots button {
    display: block;
    width: 2rem;
    height: 0.25rem;
    padding: 0;
    text-indent: -9999px;
    border-radius: 999px;
    opacity: .4;
    transition: all .2s;
    background: var(--color-secondary);
    border: 0;
    overflow: hidden;
    cursor: pointer;
}

.slider-dots .slick-dots .slick-active button {
    width: 3rem;
    opacity: 1;
}