.card-slider {
    position: relative;
}

.card-slider .card-slider-inner {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.card-slider .card-slider-inner::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.card-slider .card-slider-inner .slider-item {
    flex: 0 0 auto;
    padding: 0.5rem;
}

.card-slider .card-slider-inner .slider-item:last-child {
    padding-right: 0;
}

.card-slider .card-slider-inner .slider-item a {
	display: block;
	height: 100%;
	color: initial;
	text-decoration: none;
}

.card-slider .card-slider-inner .slider-item h2 {
    font-size: 1.1rem;
}

.card-slider .card-slider-inner .slider-item img {
	max-width: 100%;
    height: auto;
}


.card-slider .card-slider-control-next {
    right: 0;
}

.card-slider .card-slider-control-prev {
    left: 0;
}

.card-slider .card-slider-control-next,
.card-slider .card-slider-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    color: #fff;
    text-align: center;
    opacity: .75;
    transition: opacity .15s ease;
}

.card-slider .card-slider-control-next:focus,
.card-slider .card-slider-control-next:hover,
.card-slider .card-slider-control-prev:focus,
.card-slider .card-slider-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 1;
}

.card-slider .card-slider-control-prev-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><circle cx='20' cy='20' r='15' fill='%23333' fill-opacity='0.5' /><circle cx='20' cy='20' r='12' fill='%23fff' /><path fill='%23333' d='M 22.00,12.00 C 22.00,12.00 16.00,20.00 16.00,20.00 16.00,20.00 22.00,28.00 22.00,28.00 22.00,28.00 24.00,28.00 24.00,28.00 24.00,28.00 18.00,20.00 18.00,20.00 18.00,20.00 24.00,12.00 24.00,12.00 24.00,12.00 22.00,12.00 22.00,12.00 Z' /></svg>");
}

.card-slider .card-slider-control-next-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><circle cx='20' cy='20' r='15' fill='%23333' fill-opacity='0.5' /><circle cx='20' cy='20' r='12' fill='%23fff' /><path fill='%23333' d='M 18.00,12.00 C 18.00,12.00 24.00,20.00 24.00,20.00 24.00,20.00 18.00,28.00 18.00,28.00 18.00,28.00 16.00,28.00 16.00,28.00 16.00,28.00 22.00,20.00 22.00,20.00 22.00,20.00 16.00,12.00 16.00,12.00 16.00,12.00 18.00,12.00 18.00,12.00 Z' /></svg>");
}

.card-slider .card-slider-control-next-icon,
.card-slider .card-slider-control-prev-icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}