Border and dot effect on heading

#1

Hello I am trying to replicate the h4 heading on this page at https://optricity.com/about-optricity.html as a h2 on my site https://optricity.aioncreative.net/about-optricity-html

See https://cl.ly/300843b057c6

On my version for some reason it’s not going all the way across the content below, and not sure the best to replicate that effect of the dot and the border…would I need a span?

Thanks

#2

Here’s the CSS I have

h2.divider-heading {
border-bottom: 2px solid #E6EFEF;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 0 0 10px;
    position: relative;
  display: block;
}
h2.divider-heading:before {
{
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 9px;
    left: 0;
    position: absolute;
    width: 9px;
    border-radius: 50%;
  }
#3

What is the part that is not going all the way across?

#4

I had figured it out. Thank you.