.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) {
            display: inline-block;
        }*/ }

@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%; }

/*# sourceMappingURL=boxslides.css.map */