/* Breadcrumb Styles */
        .breadcrumb-section {
            background-color: #f8f9fa;
            padding: 15px 0;
            border-bottom: 1px solid #e9ecef;
            margin-top: 0 !important;
            position: relative;
            z-index: 10;
            padding-top: 130px;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
            list-style: none;
            flex-wrap: wrap;
            justify-content: flex-start; /* Aligned to left */
            padding: 0;
            margin: 0;
        }
        
        .breadcrumb-item {
            display: flex;
            align-items: center;
            font-size: 14px;
        }
        
        .breadcrumb-item a {
            color: #001b3d;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .breadcrumb-item a:hover {
            color: #004d99;
            text-decoration: underline;
        }
        
        .breadcrumb-item.active {
            color: #004d99;
        }
        
        .breadcrumb-separator {
            margin: 0 10px;
            color: #6c757d;
        }

        .konten-section, .breadcrumb-section {
    position: relative;
    z-index: 5;
}

 @media (max-width: 768px) {
    .breadcrumb-item {
                font-size: 12px;
            }
}