.slick-slider-wrapper {
    cursor: grab;
}

.slick-dots li button .slick-dot-icon:before {
    width: 100%;
    height: 10px;
    border: solid #DE1125 3px;
    border-radius: 40px !important;
    content: " ";
    top: 2px;
}

.slick-dots li button[aria-current=true] .slick-dot-icon:before {
    height: 15px;
    top: 0;
}

.slick-dots li.slick-active button .slick-dot-icon:before {
    margin-top: unset;
    margin-left: unset;
    background: #de1125;
}

.slick-dots li button .slick-dot-icon {
    opacity: 1;
}

.slick-dots li button {
    width: 100%;
    height: 20px;
    margin-top: unset;
    margin-left: unset;
}

.slick-dots li {
    width: 20%;
}

.slider-content {
    padding: 5%;
}

.slick-list.draggable {
    border: 1px solid #C8C8C8;
    border-radius: 10px;
}

/*Arrows*/
button.slick-arrow {
    border: solid black 2px;
    width: 60px;
    height: 40px;
    z-index: 1;
    opacity: 1;
    background-color: white;
}

.slick-prev .slick-prev-icon, .slick-next .slick-next-icon {
    font-family: FontAwesome, sans-serif;
    font-size: 16px;
    padding: 10px;
}

.slick-next {
    text-align: right;
}

.slick-prev {
    text-align: left;
}

.slick-prev .slick-prev-icon:before {
    content: "\f060";
}

.slick-next .slick-next-icon:before {
    content: "\f061";
}

button.slick-arrow:hover, button.slick-arrow:focus-visible, button.slick-next:focus, button.slick-prev:focus {
    border-color: #de1125;
}

.slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-next:hover .slick-next-icon, .slick-next:hover .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon, .slick-prev:hover .slick-next-icon, .slick-prev:hover .slick-prev-icon {
    color: #de1125;
    font-size: 16px;
}

.slick-next:focus-visible, .slick-prev:focus-visible {
    outline: solid black 2px;
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
    border-color: grey;
}

@media only screen and (max-width: 750px) {
    body .slick-dots {
        bottom: unset;
    }
}