Need Help with Custom Bullets and Accordions!

Hello! I need help please. I created a custom bullet and used custom code to get it working really well on my site. But it seems to have applied the bullets now to my accordion pages. Ugh. I found this snippet of code online and tweaked the spacing, etc. but can someone please advise me on how to get this off the accordion pages? Code below as well as screenshots. Thank you!

.sqs-block-content ul {
  list-style-type: none;}

.sqs-block-content li:before {
    content: '';
    display: block;
    height: 20px;
    position: relative;
    top: 25px;
    left: -30px;
    width: 20px;
    background-image: url(https://static1.squarespace.com/static/636d9e7382f20b5a05d0f2f3/t/638ba8689c6261251d69ef77/1670097000042/Untitled+design+%282%29.png);
    background-size: contain;
    margin-right: 5px;}
.sqs-block-html .sqs-block-content ul {
  margin-top: -30px
}
.sqs-block-html .sqs-block-content ul li:before {
  top: 20px;
}
.sqs-block-html .sqs-block-content ul li p {
  margin: 0
}

Try changing your code to this

.html-block .sqs-block-content ul {
  list-style-type: none;}

.html-block .sqs-block-content li:before {
    content: '';
    display: block;
    height: 20px;
    position: relative;
    top: 25px;
    left: -30px;
    width: 20px;
    background-image: url(https://static1.squarespace.com/static/636d9e7382f20b5a05d0f2f3/t/638ba8689c6261251d69ef77/1670097000042/Untitled+design+%282%29.png);
    background-size: contain;
    margin-right: 5px;}
.sqs-block-html .sqs-block-content ul {
  margin-top: -30px
}
.sqs-block-html .sqs-block-content ul li:before {
  top: 20px;
}
.sqs-block-html .sqs-block-content ul li p {
  margin: 0
}

If it doesn't work, please share link to accordion page, we can check easier