@keyframes nav{0%{top:-100px}100%{top:0}}body.ar .offcanvas{visibility:inherit}header{position:relative;z-index:1001;height:90px;direction:rtl}.fixed-top-new{background:#fff;box-shadow:rgb(0 0 0 / 11%) 0 0 13px;animation-duration:.5s;animation-timing-function:linear;animation-name:nav!important;position:fixed!important;border-bottom:0!important;width:100%}header .navbar-toggler{border:0;margin-inline-start:10px;order:1;color:var(--blue)}header .navbar-toggler:focus{box-shadow:none}header .navbar-brand{width:75px;height:75px}header .navbar-brand img{width:100%;height:100%}header .dropdown-toggle::after{border:0}header .departments .icon{margin-inline-end:25px}header .departments .arrow-down{margin-inline-start:25px}header .departments+.dropdown-menu{height:250px;overflow-y:scroll}header .dropdown:hover .dropdown-menu{transition:.5s;display:block;top:95%;left:0;margin-top:.125rem}header .dropdown-menu[data-bs-popper]{top:95%;margin-top:.125rem}header .nav-item:not(:first-child){padding-inline:5px}header .navbar-nav .nav-link,header .navbar-nav .nav-link:hover{color:var(--blue);padding-block:15px}@media screen and (min-width:1000px){.navbar-nav .nav-link.active{color:var(--blue)}}@media screen and (max-width:999px){.navbar-nav .nav-link.active{font-weight:100}}header .navbar-nav .nav-link .icon{font-size:6px;margin-inline-start:6px}header .navbar-nav .link-a{position:relative;white-space:nowrap;direction:rtl!important}header .departments{background-color:var(--lightblue);padding:5px 20px;border-radius:30px;color:#fff!important;display:flex;align-items:center;width:180px}header .navbar-nav .link-a::after{max-width:68px;content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--blue);transition:.5s}header .navbar-nav .link-a.active::after,header .navbar-nav .link-a:hover::after{width:100%;max-width:68px}.nav-container .navbar .login-links{display:flex;align-items:center;margin:0}.nav-container .navbar .avatar .image{width:50px;height:50px;border-radius:50%;overflow:hidden}.nav-container .navbar .avatar .image img{width:100%;height:100%;object-fit:cover}.nav-container .navbar .dropdown-toggle{display:flex;align-items:center}.nav-container .navbar .dropdown-toggle .arrow-down{margin-inline-start:5px}.nav-container .navbar .login-links .btn-nav{width:45px;height:45px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-inline-end:10px;position:relative}.nav-container .navbar .login-links .btn-nav .badge{position:absolute;width:20px;height:20px;border-radius:50%;background-color:red;top:-5px;left:-8px;display:flex;align-items:center;justify-content:center}.nav-container .navbar .login-links .btn-nav .symbole{color:var(--blue);font-size:20px}.nav-container .navbar .login-links .search{background-color:var(--blue);color:#fff}.dropdown-item:hover,.nav-container .navbar .dropdown-item:focus{border-radius:10px}header .dropdown .dropdown-menu.account li:not(:last-child){margin-bottom:15px}header .dropdown .dropdown-menu.account .content{display:flex;align-items:center;font-size:14px}header .dropdown .dropdown-menu.account .content .image{width:30px;height:30px;border-radius:50%;background-color:#b8daf4c7;overflow:hidden;display:flex;align-items:center;margin-inline-end:8px;justify-content:center}header .dropdown .dropdown-menu.account .content .image img{width:15px;object-fit:cover;object-position:center}header .dropdown:hover .dropdown-menu.notification{left:auto}body.ar header .dropdown:hover .dropdown-menu.notification{right:0;left:unset}header .dropdown .dropdown-menu.notification{width:340px;height:340px;overflow-y:scroll}.nav-container .navbar .dropdown-menu.notification li{border-bottom:1px solid #ccc;text-align:start}.nav-container .navbar .dropdown-menu.notification li .dropdown-item{white-space:initial!important}.nav-container .navbar .dropdown-menu.notification li .dropdown-item>span{display:flex;justify-content:space-between;width:100%}.nav-container .navbar .dropdown-menu.notification .title{color:var(--blue);font-weight:700;padding:5px 10px}.nav-container .navbar .dropdown-menu.notification .notify{display:flex;align-items:center;justify-content:space-between}.nav-container .navbar .dropdown-menu.notification .content{margin-inline-end:15px}.nav-container .navbar .dropdown-menu.notification .content h6{color:var(--blue);font-weight:700;margin:0}.nav-container .navbar .dropdown-menu.notification .content p{color:#a3a3a3;line-height:1.6;margin-bottom:5px}.nav-container .navbar .dropdown-menu.notification .content span{color:var(--lightblue)}.nav-container .navbar .dropdown-menu.notification .icon{min-width:18px;min-height:18px;background-color:#a3a3a3;border-radius:50%}.nav-container .navbar .dropdown-menu.notification .icon.active{background-color:var(--blue)}.modal-search-title{text-align:center;flex:1;margin:10px}.submit-modal-search{background:var(--blue);color:#fff}@media screen and (min-width:1400px){header .nav-item:not(:first-child){padding-inline:15px}}@media screen and (min-width:1200px){.nav-container .navbar .mobile{display:none}}@media screen and (max-width:1199px){.nav-container .navbar .login-links{flex:1;justify-content:flex-end}.nav-container .navbar .login-links .mobile-hidden{display:none}.offcanvas-header{padding-top:60px}}@media screen and (max-width:577px){header .dropdown .dropdown-menu.notification{width:200px}header .navbar-nav .link-a::after{left:90%!important}}header .nav-link{font-size:.95rem;padding-right:0!important;padding-left:0!important}