Pseudo ::before/::after elements not being added in HTML

Hey sugadaddy,
Sorry for the late reply, thank you for the login, I took a look at your elements and how your css is only working on the first element. I found that your css is too specific and only points to the first one. Which may be good because you will want different :before & :after colors for the different sections. To target the lower section please try this css:

#top #av_section_5 .headline > h2 > span::before {
    right: 100% !important;
    width: 300px !important;
    border-style: solid !important;
    background-color: #fff !important;
    border-bottom-width: 2px !important;
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    border-width: 0 !important;
}
#top #av_section_5 .headline > h2 > span::after {
    left: 100% !important;
    width: 300px !important;
    border-style: solid !important;
    background-color: #fff !important;
    border-bottom-width: 2px !important;
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    border-width: 0 !important;
}

Best regards,
Mike