.planning-tiles-outer-container {
  display: flex;
  flex-direction: column; }
  @media (min-width: 767px) and (max-width: 1024px) {
    .planning-tiles-outer-container {
      align-items: center; } }
  .planning-tiles-outer-container .planning-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) {
      .planning-tiles-outer-container .planning-tiles-container {
        max-width: 760px; } }
  .planning-tiles-outer-container .planning-tiles-container::-webkit-scrollbar {
    width: 0 !important; }
  .planning-tiles-outer-container .dot-slider-container {
    display: flex;
    justify-content: center;
    margin-bottom: 30px; }
    .planning-tiles-outer-container .dot-slider-container .dot-slider-container .sl-icon {
      font-size: 38px;
      position: relative;
      top: 12px;
      color: #c4c4c4; }
      .planning-tiles-outer-container .dot-slider-container .dot-slider-container .sl-icon.active {
        color: #086ea1; }
      .planning-tiles-outer-container .dot-slider-container .dot-slider-container .sl-icon:hover {
        color: #054c70; }
      .planning-tiles-outer-container .dot-slider-container .dot-slider-container .sl-icon:active {
        color: #043954; }
    .planning-tiles-outer-container .dot-slider-container .arrow-slider {
      font-size: 38px;
      position: relative;
      top: 12px; }
      .planning-tiles-outer-container .dot-slider-container .arrow-slider:hover {
        color: #054c70;
        text-decoration: none; }
      .planning-tiles-outer-container .dot-slider-container .arrow-slider:active, .planning-tiles-outer-container .dot-slider-container .arrow-slider:focus {
        color: #043954;
        text-decoration: none; }
  .planning-tiles-outer-container .dot-slider {
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 20px; }
    .planning-tiles-outer-container .dot-slider .dot {
      width: 12px;
      height: 12px;
      border: solid 1px #3b3b3b;
      border-radius: 50%;
      margin: 5px;
      cursor: pointer;
      transition: background-color 0.5s ease-in; }
      @media (max-width: 1024px) {
        .planning-tiles-outer-container .dot-slider .dot {
          width: 9px;
          height: 9px; } }
      .planning-tiles-outer-container .dot-slider .dot.active {
        background-color: #000000;
        transition: background-color 0.5s ease-in; }
  .planning-tiles-outer-container .see-more-link-container {
    text-align: center;
    margin: 30px; }