.splide__arrow .splide__arrow[disabled=disabled],
.splide__arrow:disabled {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.splide__arrows {
text-align: right; }
.splide__arrow {
outline: none;
width: 50px;
height: 50px;
border: none;
background: none;
padding: 0;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: -25px; 
}
.splide__arrow:before {
width: 50px;
height: 50px;
font-size: 18px;
display: table-cell;
vertical-align: middle;
color: var(--primary-color);
}
.section--primary.full-background .splide__arrow {
color: #fff;
border-color: #fff;
}
.splide__arrow.splide__arrow--next:before {
transform: rotate(-90deg);
}
.splide__arrow.splide__arrow--prev {
left: -50px;
}
.splide__arrow.splide__arrow--prev:before {
transform: rotate(90deg);
}
.splide__slide {
border-radius: 20px;
background-color: #ffffff;
padding: 20px;
}
.splide__pagination {
margin-top: 20px !important;
}
.splide__pagination button {
border: 0;
width: 10px;
height: 10px;
background-color: #B7B7B7; 
margin-right: 20px;
border-radius: 50%;
padding: 0;
}
.splide__pagination button.is-active {
background-color: var(--primary-color);
width: 16px;
height: 16px;
}