.dots{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translateY(-100%);
    z-index: 1;
    .dot{
        width: 13Px;
        height: 13Px;
        margin-right: 14Px;
        background-color:  rgba(0,0,0,0.15);
        border-radius: 50%;
        &:first-child{
            background-color: #04C8BB;
        }
        &:last-child{
            margin-right: 0;
        }
        &.hide{
            display: none;
        }
    }
}