ContentSlider | A simple jQuery content slider that does n't suck | Carousel library

Environment: Xamarin.iOS (NOT Xamarin.Forms), C#, Syncfusion components for Xamarin.iOS version 17.3.0.14

I am trying to use the Syncfusion SfRangeSlider to allow users select a value on a scale of 0-10. I add the SfRangeSlider instances in the ViewController's ViewDidLoad event and add autolayout constraints pinning slider's leading and training edges to the container and giving it a fixed height.

On initial load of the screen, the slider and the label that displays the notches and step values on the slider do not align properly (see screenshot below), the slider is noticeably shorter than the label. Once the slider is dragged a bit, the slider is then readjusted to match the width of the label.

this is myfirst time using uipagecontrol and i am having trouble using it. the problem is that the current dot DOES NOT whatsoever even if i change it from 0 to 1 in the very beginning the dot stay on the leftest dot. why this happen?

here is my code the collectionview and the view controller are on 2 separate class here is the view controller code

I hope you're all doing fine, I am having a little funny problem, I will write my code and explain later what I want to achieve.

I have a CSS like this :