Fancy Accordion

Version is 4.9.2
I am a novice to CSS code, so I’m not sure I entered the code from the sample in the correct place.

I am using the Fancy Accordion SU shortcode. I want to change the background color of the Title Bar to #F1827B. I also want to change the background color of the Content Box to #FFE098.

My page with the Fancy Accordion SU shortcode is https://pkacs.com/solutions/
.

I went to Shortcode, Settings, Custom CSS and typed in the following:

<h2>Custom styles</h2>

[su_spoiler title=”Spoiler title” class=”my-custom-spoiler”] Spoiler content [/su_spoiler]

<!–
IMPORTANT
You need to add this CSS code to the custom CSS editor at plugin settings page
–>
<style>
.su-spoiler.my-custom-spoiler {}
.su-spoiler.my-custom-spoiler .su-spoiler-title { background-color: #F1827B }
.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,
.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon {
left: 3px;
background-color: #fff;
}
.su-spoiler.my-custom-spoiler .su-spoiler-content { background-color: #FFE098 }
</style>

I’m getting the following errors:
Line 1: Unexpected token ‘<‘ at line 1, col 1.
Expected LBRACE at line 1, col 18.
Unexpected token ‘<‘ at line 1, col 18.
Unexpected token ‘/’ at line 1, col 19.
Line 3: Expected RBRACKET at line 3, col 13.
Line 18: Unexpected token ‘<‘ at line 18, col 1.
Unexpected token ‘/’ at line 18, col 2.
Unexptected token ‘null’ at line 18, col 9.

I saved the changes. Opened up the page in edit mode. Updated the page. Previewed the page. Nothing changed.

I didn’t know how to put the screenshot in this message.

Thank you.

https://www.ads-software.com/plugins/shortcodes-ultimate/