.mobile-slider{
  position:relative;
  display:flex;
  overflow:visible;
  margin-bottom:5rem;
}
@media (max-width:767.98px){
  .mobile-slider{
    margin-left:-1.5rem;
    margin-right:-1.5rem;
  }
}

.mobile-slider__track{
  display:flex;
  gap:2rem;
  overflow-x:scroll;
  -ms-scroll-snap-type:x mandatory;
      scroll-snap-type:x mandatory;
  transition:transform .3s ease-in-out;
}
@media (max-width:767.98px){
  .mobile-slider__track{
    -webkit-padding-start:1.5rem;
            padding-inline-start:1.5rem;
    -webkit-padding-end:1.5rem;
            padding-inline-end:1.5rem;
    scroll-padding-inline-start:1.5rem;
    scroll-padding-inline-end:1.5rem;
  }
}

.mobile-slider__slide{
  flex:0 0 auto;
  max-width:100%;
  width:60vw;
  scroll-snap-align:start;
}
@media (max-width:767.98px){
  .mobile-slider__slide{
    width:80vw;
  }
}

.mobile-slider__dots{
  position:absolute;
  bottom:-40px;
  left:0;
  display:flex;
  gap:.7rem;
  z-index:10;
}
@media (max-width:767.98px){
  .mobile-slider__dots{
    left:50%;
    transform:translateX(-50%);
    right:auto;
  }
}

.mobile-slider__dot{
  width:1.135rem;
  height:1.135rem;
  border-radius:50%;
  border:1.75px solid #080607;
  background-color:transparent;
  cursor:pointer;
  transition:background-color .3s ease;
}
.mobile-slider__dot--active{
  background-color:#080607;
  transform:scale(1.05);
  transition:transform .3s ease;
}

/*# sourceMappingURL=scrolling-indicator.css.map */