.navi .nav-item{padding:10px;position:relative;transition:color .3s ease,transform .3s ease;color:#1d232a;border-radius:5px}.navi .nav-item:hover{background:linear-gradient(to right,#f44336,#b71c1c);color:#fff;transform:scale(1.05);box-shadow:0 20px 20px #8b040480}.navi .nav-item.active{background:linear-gradient(to right,#f44336,#b71c1c);color:#fff;font-weight:700;transform:scale(1.05);box-shadow:0 10px 14px #8b040480}.navi .nav-item:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;transition:width .3s ease}.navi .nav-item:hover:after{width:100%}.navi .btn{transition:all .3s ease;padding:10px 20px;font-weight:600;border-radius:5px}.transition-all{transition:all .3s ease-in-out}