how to use background colors for different elements

You would need to create a separate class e.g important-box-two then your HTML would look like this:

<div class="important-box-two">
    My content here
</div>

And your CSS rule would begin with: .important-box-two {

Thank you so much David Sir, really appreciate your help

Glad we could be of help