There is a messaging icon of Zoho on the website. Its styling is already being overwritten by a .scss file by defining its classes and setting !important attributes. I need to change its position on some specific routes only. The website is in angular and using .scss. I tried redefining the responsible class of Zoho in the component of that route but it is not working. document.getElementByID.style not working too. May you give me some hints or tell me where can I find the solution. unionwells portugal

.siq_bR {
    bottom: 110px !important;  //need to overwrite this on 
    right: 45px !important;    //specific routes
  }