Customizing Header / Body Fonts on Lists

Site URL: https://www.blackroninpro.com/

Hello! So I have the custom font css for the entire website as list below:

@font-face {    
font-family: 'Moon';       
src: url('https://static1.squarespace.com/static/60abf560b5c7a645d00306cd/t/61bffed5c37c8821ffa6c4b7/1639972565085/Moon+Bold.otf');  }

h1 {font-family: 'Moon';}
h2 {font-family: 'Moon';}
h3 {font-family: 'Moon';}
h4 {font-family: 'Moon';}

@font-face {
font-family: 'Muli';   
src: url(https://static1.squarespace.com/static/60abf560b5c7a645d00306cd/t/61bff7358d96e83535f11b0b/1639970613861/Muli.ttf), url(https://static1.squarespace.com/static/60abf560b5c7a645d00306cd/t/61bff73ddfb43470c1b3f0b7/1639970621458/Muli-Italic.ttf); 
}

p {font-family: 'Muli';}

However, I'm not able to customize my header or body font on the list that I'm using on my services page. I've attached a screenshot below. I've tried a few different snippets of css but none of them have worked so far.  I'd really appreciate any assistance!

Thank you in advance! - MC

From what I was able to see, the header looks like it's in the moon font. I wasn't able to see the particular screenshot you have in the second photo, but I was able to change some of the other fonts on the services page with.

p {
    font-family: 'Moon' !important;
}

It could be because you are using a paragraph instead of a heading like your css is for above.