Default style for slick slider hero dots #heroDots

style_hero_dots_for_slick_slider.scss

#heroDots {
          position: absolute;
          width: 100%;
          bottom: 50px;
          left: 50%;
          transform: translateX(-50%);
          .slick-dots {
            list-style: none;
            padding-left: 0;
            display: flex;
            justify-content: center;
            margin-bottom: 0;
            position: relative;
            li {
              margin-right: 5px;
              button {
                width: 20px;
                height: 20px;
                text-indent: -9999px;
                overflow: hidden;
                border-radius: 10px;
                border: 0;
                background-color: #F5F1DC;
              }
            }
            .slick-active {
              button {
                background-color: #D2B37B;
              }
            }
          }
        }