.breadcrumb-container{position:absolute;top:5px;left:0;z-index:100;right:20px;margin:0;padding:6px 16px;background:rgba(255,255,255,.7);border-radius:20px;border:1px solid rgba(0,0,0,.1);font-family:'Tajawal','Roboto','Arial',sans-serif;direction:rtl;text-align:right;width:auto;width:fit-content;max-width:100%;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none;border:none;font-size:13px;line-height:1.4}.breadcrumb-item{display:flex;align-items:center;margin:0;padding:0;color:black;font-weight:400}.breadcrumb-item a{color:black;text-decoration:none;padding:4px 8px;border-radius:12px;transition:all .2s ease;position:relative;font-weight:400;background:transparent;border:none;font-size:13px}.breadcrumb-item a:hover{color:black;background:rgba(255,255,255,.1);text-decoration:none;transform:none;box-shadow:none}.breadcrumb-item a:focus{outline:1px solid rgba(255,255,255,.5);outline-offset:1px}.breadcrumb-item.active{color:black;font-weight:500;padding:4px 8px;background:rgba(255,255,255,.1);border-radius:12px;font-size:13px}.breadcrumb-separator{margin:0 6px;color:black;font-size:12px;font-weight:300;user-select:none}@media (max-width:768px){.breadcrumb-container{top:5px;right:10px;padding:6px 12px;max-width:300px;border-radius:16px}.breadcrumb{font-size:12px}.breadcrumb-item a,.breadcrumb-item.active{padding:3px 6px;font-size:12px;border-radius:10px}.breadcrumb-separator{margin:0 4px;font-size:11px}}@media (max-width:480px){.breadcrumb-container{top:5px;right:10px;padding:4px 18px;max-width:250px;border-radius:14px}.breadcrumb{font-size:11px}.breadcrumb-item a,.breadcrumb-item.active{padding:2px 5px;font-size:11px;border-radius:8px}.breadcrumb-separator{margin:0 3px;font-size:10px}.breadcrumb-item span,.breadcrumb-item a span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}