.slider-outer-container {
  display: flex;
  flex-direction: column; }
  @media (min-width: 767px) and (max-width: 1024px) {
    .slider-outer-container {
      align-items: center; } }
  .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;
    /* IE/Edge */
    -webkit-scroll-snap-type: mandatory;
    /* Safari */
    -webkit-scroll-snap-destination: 0% 0%;
    -webkit-overflow-scrolling: touch;
    /* important for iOS */
    scroll-snap-type: x mandatory;
    /* Chrome Canary */
    scroll-snap-type: mandatory;
    /* Firefox */ }
    @media (min-width: 767px) and (max-width: 1024px) {
      .slider-outer-container .slider-tiles-container {
        max-width: 760px; } }
  .slider-outer-container .slider-tiles-container::-webkit-scrollbar {
    width: 0 !important; }
  .slider-outer-container .dot-tile-slider-container {
    display: flex;
    justify-content: center;
    margin-bottom: 10px; }
    @media (min-width: 767px) and (max-width: 1024px) {
      .slider-outer-container .dot-tile-slider-container {
        margin-bottom: 20px; } }
    @media (min-width: 992px) {
      .slider-outer-container .dot-tile-slider-container {
        margin-bottom: 40px; } }
    .slider-outer-container .dot-tile-slider-container .dot-tile-slider-container .sl-icon {
      font-size: 38px;
      position: relative;
      top: 12px;
      color: #c4c4c4; }
      .slider-outer-container .dot-tile-slider-container .dot-tile-slider-container .sl-icon.active {
        color: #086ea1; }
      .slider-outer-container .dot-tile-slider-container .dot-tile-slider-container .sl-icon:hover {
        color: #054c70; }
      .slider-outer-container .dot-tile-slider-container .dot-tile-slider-container .sl-icon:active {
        color: #043954; }
    .slider-outer-container .dot-tile-slider-container .arrow-tile-slider {
      font-size: 38px;
      position: relative;
      top: 12px; }
      .slider-outer-container .dot-tile-slider-container .arrow-tile-slider:hover {
        color: #054c70;
        text-decoration: none; }
      .slider-outer-container .dot-tile-slider-container .arrow-tile-slider:active, .slider-outer-container .dot-tile-slider-container .arrow-tile-slider:focus {
        color: #043954;
        text-decoration: none; }
  .slider-outer-container .dot-tile-slider {
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 20px; }
    .slider-outer-container .dot-tile-slider .dot {
      width: 12px;
      height: 12px;
      border: solid 1px #337ab7;
      border-radius: 50%;
      margin: 5px;
      cursor: pointer;
      transition: background-color 0.5s ease; }
      @media (max-width: 1024px) {
        .slider-outer-container .dot-tile-slider .dot {
          width: 9px;
          height: 9px; } }
      .slider-outer-container .dot-tile-slider .dot.active {
        background-color: #337ab7;
        transition: background-color 0.5s ease; }