How exclude the accordion block from custom CSS applied to the website?

I want to exclude the accordion block from being effected by custom CSS 

Is there a way to do this? 

Hi.

Which CSS did you use?

Hi 🙂  Thanks for replying! The custom CSS i'm using is face font to inject new font and apply it to H1,H2,P1 etc. 

e.g: 

@font-face 
{font-family: 'TTWolfBold';
src: url('https://static1.squarespace.com/static/62460fa8e5f1bd388b55ba08/t/624b537dd85311372039b05b/1649103741027/TTHoves-DemiBold.woff');}

h1 {font-family: 'TTWolfBold';
color: #202020;}

I've also created a border under one of the sections 

e.g. 

.vl {
border-left: 4px solid #000000; // defines the width, style and color of the line (change the hex code [#303030] to match your site).
  height: 1200px; // defines the length of the line.
  position: absolute;
  left: 50%; //move the line to the middle (50% of the page width)
  margin-left: -1px; //half the width of border witdth to ensure the line is precicely centered on the page.
  top: -60px;
}

Hi,

Which code you want to exclude? custom font or?