.slider-outer-container {
  display: flex;
  flex-direction: column; }
  .slider-outer-container .slider-tiles-container {
    display: -ms-flexbox;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    -ms-scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    -webkit-scroll-snap-destination: 0% 0%;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-snap-type: mandatory; }
    .slider-outer-container .slider-tiles-container::-webkit-scrollbar {
      width: 0 !important; }

#dot-slider-container .dot-tile-slider-container {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 28px 0; }
  #dot-slider-container .dot-tile-slider-container .arrow-tile-slider {
    font-size: 32px;
    position: relative;
    top: 0;
    color: #ffffff; }
    #dot-slider-container .dot-tile-slider-container .arrow-tile-slider:hover {
      color: #ffffff;
      text-decoration: none; }
    #dot-slider-container .dot-tile-slider-container .arrow-tile-slider:active, #dot-slider-container .dot-tile-slider-container .arrow-tile-slider:focus {
      color: #ffffff;
      text-decoration: none; }

#dot-slider-container .dot-tile-slider {
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0 28px;
  align-items: center; }
  #dot-slider-container .dot-tile-slider .dot {
    width: 12px;
    height: 12px;
    border: solid 1px #ffffff;
    border-radius: 50%;
    margin: 5px;
    cursor: pointer;
    transition: background-color 0.5s ease; }
  #dot-slider-container .dot-tile-slider .dot.active {
    background-color: #ffffff;
    transition: background-color 0.5s ease; }

@media (max-width: 767px) {
  #dot-slider-container .dot-tile-slider-container {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 18px 0; }
    #dot-slider-container .dot-tile-slider-container .arrow-tile-slider {
      width: 32px;
      height: 32px;
      flex-grow: 0;
      font-size: 32px;
      color: #FFFFFF; }
  #dot-slider-container .dot-tile-slider .dot {
    width: 10px;
    height: 10px;
    margin: 6px; } }

@media (min-width: 767px) and (max-width: 1024px) {
  .slider-outer-container {
    align-items: center; }
    .slider-outer-container .slider-tiles-container {
      max-width: 760px; }
  #dot-slider-container .dot-tile-slider-container {
    margin-bottom: 20px; }
  #dot-slider-container .dot-tile-slider .dot {
    width: 10px;
    height: 10px; } }