.toggle{cursor:pointer;border-radius:50%;place-items:center;width:30px;height:30px;line-height:1;display:grid}.input{display:none}.icon{grid-area:1/1/1/1;line-height:.1;transition:transform .5s}.icon--moon{transition-delay:.2s}.icon--sun{transform:scale(0)}#switch:checked+.icon--moon{transform:rotate(360deg)scale(0)}#switch:checked~.icon--sun{transition-delay:.2s;transform:scale(1)rotate(360deg)}
.offcanvas-wrapper,.navbar-wrapper,.navbar{background-color:#efefef!important}HTML.dark .offcanvas-wrapper,html.dark .navbar-wrapper,html.dark .navbar{color:#efefef!important;background-color:#1e1e1e!important}.navbar-wrapper{z-index:100;flex-direction:column;justify-content:space-between;align-items:center;height:70px;padding:14px 0;display:flex;position:fixed}.navbar-wrapper .navbar-collapse{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-wrapper .navbar{z-index:5;background:0 0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute}.offcanvas-wrapper{z-index:100;justify-content:center;align-items:center;padding:14px 0;display:flex;position:fixed;top:0;left:0}.offcanvas-wrapper .navbar-brand,.navbar-wrapper .navbar-brand{width:150px!important;height:60px!important}.offcanvas-wrapper .navbar-brand img,.navbar-wrapper .navbar-brand img{object-fit:contain;width:100%!important;height:100%!important}.logo{display:none}.light .logo-light,.dark .logo-dark{display:block}.navbar-wrapper .navbar-nav{flex-direction:row;justify-content:center;align-items:center;height:100%;display:flex;gap:28px!important}.navbar-wrapper .navbar-nav li a{z-index:1;font-size:18px;font-weight:700;line-height:1;display:inline-block;padding:0!important}:lang(ar) .navbar-wrapper .navbar-nav li a{font-size:20px;font-weight:800}.navbar-wrapper .nav-item{cursor:pointer;color:#fff;background:0 0;justify-content:center;align-items:center;min-height:45px;padding:8px 10px;transition:all .5s;display:flex;position:relative}.navbar-wrapper .nav-item:before{content:"";border-bottom:2px solid var(--foreground);border-left:2px solid var(--foreground);box-sizing:border-box;clip-path:polygon(0% 100%,0% 100%,0% 100%);border-radius:10px;transition:clip-path .4s linear;position:absolute;inset:0}.navbar-wrapper .nav-item:after{content:"";border-top:2px solid var(--foreground);border-right:2px solid var(--foreground);box-sizing:border-box;clip-path:polygon(100% 0%,100% 0%,100% 0%);border-radius:10px;transition:clip-path .4s linear;position:absolute;inset:0}.navbar-wrapper .nav-item:hover:before{clip-path:polygon(-10% 110%,110% 110%,-10% -10%);transition:clip-path .4s linear}.navbar-wrapper .nav-item:hover:after{clip-path:polygon(110% -10%,-10% -10%,110% 110%);transition:clip-path .4s linear}.offcanvas-body .nav-item a{min-height:45px;color:inherit;z-index:1;background:0 0;justify-content:start;align-items:center;padding:8px 15px;font-weight:900;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.offcanvas-body .nav-item a:before{content:"";border-bottom:2px solid var(--foreground);border-left:2px solid var(--foreground);box-sizing:border-box;clip-path:polygon(0% 100%,0% 100%,0% 100%);z-index:-1;border-radius:12px;transition:clip-path .4s linear;position:absolute;inset:0}.offcanvas-body .nav-item a:after{content:"";border-top:2px solid var(--foreground);border-right:2px solid var(--foreground);box-sizing:border-box;clip-path:polygon(100% 0%,100% 0%,100% 0%);z-index:-1;border-radius:12px;transition:clip-path .4s linear;position:absolute;inset:0}.offcanvas-body .nav-item a:hover{color:var(--foreground)!important}.offcanvas-body .nav-item a:hover:before{clip-path:polygon(-15% 115%,115% 115%,-15% -15%)}.offcanvas-body .nav-item a:hover:after{clip-path:polygon(115% -15%,-15% -15%,115% 115%)}.btns-nav{justify-content:center;align-items:center;padding:8px 10px}.btn-lang{color:var(--text);gap:.5rem;display:flex}.btn-lang img{object-fit:contain;width:30px;height:30px;display:none}.light .light-mode,.dark .dark-mode{display:flex!important}.nav-link{color:var(--text-nav-off)}.nav-link:hover,.nav-link.active{color:var(--text)!important}.navbar-wrapper .btn-lang p,.offcanvas-wrapper .btn-lang p{margin:0;font-size:18px;font-weight:900}.offcanvas-wrapper .btn-lang{border:none!important;padding:0 15px!important}.hamburger{cursor:pointer}.hamburger input{display:none}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:var(--text);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}.offcanvas-backdrop-custom{z-index:1040;background:#00000080;position:fixed;inset:0}.offcanvas{background:var(--bg,#fff);z-index:1050;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.offcanvas.show{transform:translate(0)}.offcanvas{background-color:var(--background);color:var(--text-nav-off)}.offcanvas-body a{color:var(--text-nav-off)}.offcanvas-body{flex-direction:column;justify-content:space-between;display:flex}.btn-close{color:var(--text)}.offcanvas-header .btn-close{margin:0!important}.offcanvas-header{justify-content:space-between;display:flex}.custom-close{opacity:1;filter:none!important}.btn-close{opacity:1;background:0 0;width:.5rem;height:.5rem;position:relative}.btn-close:before,.btn-close:after{content:"";background-color:var(--foreground);transform-origin:50%;width:100%;height:2px;position:absolute;top:50%;left:50%}.btn-close:before{transform:translate(-50%,-50%)rotate(45deg)}.btn-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.custom-close{background-color:#0000}.custom-close:hover{opacity:.7}@media (max-width:1530px){.navbar-wrapper .navbar-nav{flex-direction:row;justify-content:center;align-items:center;height:100%;display:flex;gap:12px!important}.navbar-wrapper .navbar-nav li a{font-size:16px;font-weight:700;padding:0!important}}@media (max-width:1280px){:lang(ar) .navbar-wrapper .navbar-nav li a,:lang(ar) .offcanvas-body .navbar-nav li a{font-size:18px}}