.sb-blog-breadcrumb-area { margin: 0 0 40px; font-family: Nunito, sans-serif; letter-spacing: 0; }
.sb-blog-breadcrumb-band { background: linear-gradient(to bottom right, #4154f1, #061169); padding: 30px 15px; text-align: center; }
.sb-blog-breadcrumb-area .sb-blog-breadcrumb-title { font-family: Nunito, sans-serif; color: #fff; font-weight: 700; font-size: 40px; line-height: 48px; margin: 0; overflow-wrap: anywhere; }
.sb-blog-breadcrumb-nav { position: relative; z-index: 1; width: fit-content; max-width: calc(100% - 30px); margin: -18px auto 0; background: #fff; padding: 15px 35px; border-radius: 30px; box-shadow: 0 5px 30px rgba(214, 215, 216, .57); }
.sb-blog-breadcrumb-nav ol { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 22px; list-style: none; padding: 0; margin: 0; }
.sb-blog-breadcrumb-nav li { position: relative; min-width: 0; max-width: 100%; padding: 0; margin: 0; font-size: 14px; line-height: 24px; font-weight: 800; text-transform: uppercase; overflow-wrap: anywhere; }
.sb-blog-breadcrumb-nav li + li::before { content: ''; position: absolute; left: -15px; top: 8px; width: 8px; height: 8px; box-sizing: border-box; border: 2px solid #c0b6b6; border-radius: 50%; }
.sb-blog-breadcrumb-nav a { color: #232323; font-weight: 800; text-decoration: none; }
.sb-blog-breadcrumb-nav a:hover { color: #4154f1; text-decoration: underline; }
.sb-blog-breadcrumb-nav a:focus-visible { outline: 2px solid #4154f1; outline-offset: 4px; }
.sb-blog-breadcrumb-nav i { margin-right: 5px; }
.sb-blog-breadcrumb-nav [aria-current=page] { color: #4154f1; }
@media (max-width: 767px) {
  .sb-blog-breadcrumb-area .sb-blog-breadcrumb-title { font-size: 30px; line-height: 38px; }
  .sb-blog-breadcrumb-nav { padding: 15px 22px; }
}