.tpl_csl .little_title {
padding-bottom: 3rem;
text-transform: none;
}
.tpl_csl .prev,
.tpl_csl .next {
max-width: 50px;
max-height: 50px;
}
.tpl_csl .prev svg,
.tpl_csl .next svg {
min-width: clamp(25px, 1vw + 1rem, 35px);
min-height: clamp(25px, 1vw + 1rem, 35px);
}
.tpl_csl {
max-width: 1100px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 3rem 0 4rem;
}
.slider-outer-shell {
position: relative;
width: 95%;
}
.slider-wrapper {
overflow: hidden;
margin: 0 60px;
}
.tpl_csl .slider {
display: flex;
transition: transform 0.5s;
width: 100%;
position: relative;
}
.tpl_csl .show-slider-navigation .slider {
justify-content: flex-start;
}
.slider__item {
max-width: calc(33.3333333333% - 10px - 0px + 10px/3);
min-width: calc(33.3333333333% - 10px - 0px + 10px/3);  display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;
margin-right: 5px;
min-height: 200px; height: 100%; flex-direction: column;
}
.slider__item img { object-fit: cover;
border: 1px solid var(--main-grey);
}
.slider__item p {
padding-top: .2rem;
font-size: 1rem;
text-align: center;
}
.slider__item:first-child {
margin-left: 0;
}
.slider__item:last-child {
margin-right: 0;
}
.slider__nav-button {
transform : translateY(-50%);
}
.slider__nav-button.btn_previous {
left: 30px;
}
.slider__nav-button.btn_next {
right: 30px;
} @media only screen and (max-width: 1500px) {
.tpl_csl {
max-width: 1000px;
}
}
@media only screen and (max-width: 950px) {
.slider-wrapper {
position: relative;
}
.slider__item {
max-width: calc(50% - 10px - 0px + 10px/2);
min-width: calc(50% - 10px - 0px + 10px/2);
}
}
@media only screen and (max-width: 750px) {
.tpl_csl {
max-width: 75%;
max-width: 450px;
}
.slider-outer-shell {
margin: 0 auto;
}
.slider__item {
max-width: calc(100% - 10px - 0px + 10px/1);
min-width: calc(100% - 10px - 0px + 10px/1);
}
}
@media only screen and (max-width: 700px) {
.slider-wrapper {
margin: 0 45px;
}
.slider__item {
min-height: 250px;
}
}
@media (max-width: 500px) {
.template .slider-outer-shell {
width: 100%;
}
.slider-wrapper {
margin: 0px 20px;
}
.slider__nav-button.btn_previous {
left: 0;
}
.slider__nav-button.btn_next {
right: 0;
}
}