.drawer-container{position:relative;height:100dvh;width:600px;background:#fff;overflow:hidden;padding:64px;overflow-y:auto}.drawer-container .drawer-close-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:35px;right:25px;cursor:pointer;background:#3333331a;border:none;color:#666;padding:5px;border-radius:50%}.drawer-container .drawer-header{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:15px;border-bottom:1px solid #eee;padding:25px 0}.drawer-container .drawer-header img{width:180px;height:auto}.drawer-container .drawer-header p{font-size:18px;color:#888;font-weight:500}.drawer-container .drawer-list{display:flex;flex-direction:column;padding:25px 0}.drawer-container .drawer-list ul{display:flex;flex-direction:column;gap:25px}.drawer-container .drawer-list ul li a{display:flex;text-decoration:none;color:#333;font-weight:600;font-size:14px;padding:10px 15px;background:#eee;border-radius:5px;cursor:pointer;transition:all .3s ease;width:100%;&:hover{background:#f5f5f5;color:#000}}@media (max-width: 630px){.MuiDrawer-paperAnchorRight{width:100%}.drawer-container{width:100%;padding:24px}}@media (max-width: 450px){.drawer-container .drawer-header img{width:150px}.drawer-container .drawer-header p{font-size:14px}}nav{position:fixed;top:0;width:100%;display:flex;justify-content:center;align-items:center;padding:25px;z-index:100}nav .nav-container{width:100%;max-width:1350px;background:transparent;padding:10px 35px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-radius:5px;transition:all .3s ease}nav .nav-container.scroll{background:#fff;box-shadow:0 1px 5px #0000001a}nav .nav-container .logo-container{display:flex;justify-content:flex-start;align-items:center}nav .nav-container .logo-container img{width:100px;height:auto}nav .nav-container .nav-links{display:flex;justify-content:flex-end;align-items:center;gap:20px}.nav-links .dropdown{position:relative;display:inline-block}.nav-links .dropbtn{color:inherit;padding:10px 15px;border-radius:5px;font-weight:600;font-size:14px;transition:all .3s ease;cursor:pointer;text-decoration:none}.nav-links .dropdown-content{display:block;opacity:0;visibility:hidden;transform:translateY(5px);transition:all .2s ease-in-out;position:absolute;top:155%;right:calc(50% - 90px);background:#fff;border-radius:5px;box-shadow:0 8px 16px #00000026;z-index:10;overflow:hidden;min-width:180px}.nav-links .dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.nav-links .dropdown-content .dropdown-link{padding:10px 15px;display:block;text-decoration:none;font-size:14px;font-weight:600;color:#333;transition:background .2s;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;gap:10px;&:last-child{border-bottom:none}}.nav-links .dropdown-content .dropdown-link:hover{background:#0000000d}.nav-links .dropdown-content .dropdown-link .icon{font-size:16px;color:#666}.nav-links .dropdown:hover .dropdown-content{display:block}.nav-container.scroll .dropdown-content{background:#fff}nav .nav-container .nav-links a{color:#eee;padding:10px 15px;border-radius:5px;transition:all .3s ease;cursor:pointer;&:hover{background:#ffffff1a}}nav.dark .nav-container .nav-links a{padding:10px 15px;border-radius:5px;transition:all .3s ease;cursor:pointer;&:hover{background:#0000001a}}nav .nav-container.scroll .nav-links a{&:hover{background:#0000001a;& a{color:#000}}}nav .nav-container .nav-links a{text-decoration:none;color:#eee;font-weight:600;transition:all .3s ease;font-size:14px}nav.dark .nav-container .nav-links a{text-decoration:none;color:#333;font-weight:600;transition:all .3s ease;font-size:14px}nav .nav-container.scroll .nav-links a{color:#333}nav .nav-container .nav-links a.active,nav.dark .nav-container .nav-links a.active,nav .nav-container.scroll .nav-links a.active{color:var(--primary-color);font-weight:700;background:var(--primary-transparent)}nav .nav-container .nav-links a.active{color:#fff;background:var(--primary-extralight)}nav .nav-container .nav-links .dropbtn.active{color:var(--primary-color)!important;font-weight:700!important}nav .nav-container .burger-menu{display:none;justify-content:flex-end;align-items:center}nav .hamburger{cursor:pointer;display:flex;justify-content:center;align-items:center;width:35px;height:35px}nav .hamburger input{display:none}nav .hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}nav .nav-container.scroll .line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}nav .nav-container .line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;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}nav .hamburger input:checked+svg{transform:rotate(-45deg)}nav .hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}@media (max-width: 890px){nav{padding:15px}nav .nav-container{padding:8px 15px}nav .nav-container .logo-container img{width:80px}nav .nav-container .nav-links{display:none}nav .nav-container .burger-menu{display:flex}nav .hamburger svg{height:2em}nav .hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}nav .hamburger input:checked+svg .line{stroke-dasharray:20 300;stroke-dashoffset:-32.42}}@media (max-width: 450px){nav .nav-container .logo-container img{width:60px}nav .hamburger svg{height:1.8em}}