Change dots location

Hi all
please can anyone tell me how can i change the dots location to another specific place in the page. i have created one html where i need to add the dot controls

<li class=”sc-1ge2gi9-1 gYvpTb”><button aria-label=”Slide 1″ type=”button” aria-current=”true”
class=”sc-1ge2gi9-0 eYFwyL”></button>
<li class=”sc-1ge2gi9-1 gYvpTb”><button aria-label=”Slide 2″ type=”button” aria-current=”false”
class=”sc-1ge2gi9-0 eYFwyL”></button>
<li class=”sc-1ge2gi9-1 gYvpTb”><button aria-label=”Slide 3″ type=”button” aria-current=”false”
class=”sc-1ge2gi9-0 eYFwyL”></button>
<li class=”sc-1ge2gi9-1 gYvpTb”><button aria-label=”Slide 4″ type=”button” aria-current=”false”
class=”sc-1ge2gi9-0 eYFwyL”></button>
<li class=”sc-1ge2gi9-1 gYvpTb”><button aria-label=”Slide 5″ type=”button” aria-current=”false”
class=”sc-1ge2gi9-0 eYFwyL”></button>

Thank you