<div class="page-breadcrumb">
                                        <ul>
                                            <li><a href="https://www.lundbergroofing.com">Home</a></li>
                                            <li>About Us</li>
                                        </ul>
                                    </div>


.page-breadcrumb ul { display: flex; padding: 0px; margin-left: 0px; list-style: none; gap: 16px; }
.page-breadcrumb ul li a { font-size: 14px; color: rgb(161, 161, 161); }
.page-breadcrumb ul li { position: relative; font-size: 14px; font-weight: 600; color: rgb(161, 161, 161); text-transform: uppercase; }
.page-breadcrumb ul li::after { content: ""; width: 13px; height: 1.5px; background: rgb(161, 161, 161); position: absolute; rotate: -74deg; bottom: 9px; right: -14px; }
.page-breadcrumb { border: 1px solid rgb(238, 238, 238); border-radius: 2px; margin-bottom: 16px; padding: 4px 8px; }
.page-breadcrumb ul li:last-child::after { display: none; }
.page-breadcrumb ul li a:hover { color: rgb(126, 44, 33); }