Text alignment issues on mobile & desktop

Site URL: https://goose-magnolia-r53a.squarespace.com

hi there,

I have some issues with the custom code boxes I've created on my site. Images attached.
the page is jm-creative.com/brand-bootcamp

password: Orlabean16

For the one below - Id like to left align the bullet points and centre the rest. As you can see its off and I don't know why.
 

Also, the text is off centred here in the next one - I'd like to center it.

And lastly - these sections are also not centered on mobile.

Would really appreciate any help!!

Add to Design > Custom CSS

/* Brand bootcamp mobile */
@media screen and (max-width:767px) {
.f0dcd0 li:nth-child(-n+4) {
    text-align: left;
}
.f0dcd0 ul {
    padding-left: 0;
    text-align: center;
}
}

Thanks so much!

Just one set of bullet points below that also needs to appear as a continuous list without the gaps: Can you help? Thanks!

22 hours ago, jsaddleton said:

Thanks so much!

Just one set of bullet points below that also needs to appear as a continuous list without the gaps: Can you help? Thanks!

Add to Design > Custom CSS

/* brand bootcamp vip */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1619101001709_157232 {
    margin-left: 0;
    padding-bottom: 0;
}
div#block-yui_3_17_2_1_1619101001709_148963 {
    padding-top: 0;
}
}