.lead {
     font-size: 1.125rem;
     color: #444;
 }

 .bi-check-circle-fill {
     font-size: 1.1rem;
 }

 .category-scroll-wrapper {
     position: relative;
     overflow: hidden;
     padding: 0 40px;
 }

 #categoryScroller {
     display: flex;
     gap: 0.5rem;
     overflow-x: auto;
     padding: 0.5rem 0;
     scroll-behavior: smooth;
 }

 #categoryScroller a {
     white-space: nowrap;
     border: 1px solid #dee2e6;
     border-radius: 50px;
     padding: 6px 16px;
     text-decoration: none;
     color: #333;
     background-color: #fff;
     transition: all 0.3s ease;
 }

 #categoryScroller a:hover {
     background-color: #f1f1f1;
 }

 .scroll-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: white;
     border: none;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
     padding: 6px 12px;
     font-size: 20px;
     z-index: 10;
     cursor: pointer;
 }

 .scroll-btn.left {
     left: 0;
 }

 .scroll-btn.right {
     right: 0;
 }

 .scroll-btn:focus {
     outline: none;
 }