.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;font-weight:lighter;background-color:rgb(255 255 255 / .85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -2px 5px rgb(0 0 0 / .1);padding:10px 0;z-index:1000;transition:bottom 0.3s}.bottom-nav .nav-item{text-align:center;flex:1;color:#666;text-decoration:none;font-size:10px;transition:color 0.3s}.bottom-nav .nav-item i{font-size:20px;margin-bottom:5px;display:block}.bottom-nav .nav-item:hover{color:#007bff}.bottom-nav .nav-item.active{color:#163b8d;font-weight:bolder;font-size:11px}@media (min-width:768px){.bottom-nav{display:none}}.nav-item{position:relative}.appointment-badge{position:absolute;top:1px;left:calc(50% - 16px);background:rgb(255 71 87 / .93);color:#fff;border-radius:50%;width:15px;height:15px;font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 4px rgb(255 71 87 / .3)}.sidebar-badge{position:absolute;top:15px;right:17px;background:rgb(255 71 87 / .92);color:#fff;border-radius:50%;width:13px;height:13px;font-size:8px;font-weight:400;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 4px rgb(255 71 87 / .3)}