.boxslides-container {
position: relative; }
@media all and (max-width: 991px) {
.boxslides {
scroll-behavior: smooth;
align-items: flex-start;
display: flex;
justify-content: stretch;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
transition: all 0.2s;
user-select: none;
cursor: pointer;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.boxslides::-webkit-scrollbar {
display: none; }
.boxslides.active {
cursor: grabbing;
cursor: -webkit-grabbing; }
.boxslides .child {
align-self: stretch; } }
.boxslides .pager-left, .boxslides .pager-right {
display: none;
position: absolute;
top: 20%;
z-index: 100;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5);
color: #000; }
@media all and (max-width: 991px) {
.boxslides:hover .pager-left, .boxslides:hover .pager-right {
display: inline-block; } }
.boxslides .pager-left {
left: 3%; }
.boxslides .pager-left img {
position: absolute;
rotate: 90deg;
left: 25%;
top: 37%; }
.boxslides .pager-right {
right: 1%; }
.boxslides .pager-right img {
position: absolute;
rotate: -90deg;
top: 37%;
right: 25%; }