Change colour of arrow on a slider

Site URL: https://www.bodyandbraincoaching.co.uk/

Hello,

I would like to change the colour of my arrow on my slider but I can't seem to target it. I have been using this code:

 svg.user-items-list-carousel__arrow-icon {
    color: @blue !important;
  }  
 

But it doesn't seem to target it. If I change it to 'background-colour:' it does change the background of the arrow to blue so I know I trying to target the right area?

The website password is lego-pencil but this page is hidden so not sure how you will see it.

Thanks,

Nicole

Add these code Design > Custom CSS

This is for button background

.user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area{
  background: red !important;
}

This is for icon color 

.user-items-list-carousel__arrow-icon-foreground{
  stroke: blue !important;
}