@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{font-size:16px}a{color:#222;text-decoration:none}li{list-style:none}.desktop-nav{background-color:#0a40e0;width:100%}.desktop-nav .nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;box-shadow:0 .125rem .25rem -.125rem #0006}.desktop-nav .nav-header .nav-logo{display:flex;align-items:center;gap:.25rem;cursor:pointer}.desktop-nav .nav-header .nav-logo img{width:2.5rem}.desktop-nav .nav-header .nav-logo a{color:#fff;font-size:1.25rem;font-weight:600;font-family:Poppins,sans-serif}.desktop-nav .nav-header .search-bar{display:flex;align-items:center}.desktop-nav .nav-header .search-bar input{padding:.75rem 2rem;font-weight:500;width:35rem;border:2px solid rgb(10,64,224);outline:none;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.desktop-nav .nav-header .search-bar .search-icon{background-color:#054df5;padding:.53rem .75rem;height:fit-content;font-size:1.25rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.desktop-nav .nav-header .search-bar .search-icon a{color:#fff}.desktop-nav .nav-header .login-cart{display:flex;align-items:center;position:relative;gap:1rem}.desktop-nav .nav-header .login-cart img{cursor:pointer}.desktop-nav .nav-header .login-cart .sign{color:#fff}.desktop-nav .nav-header .login-cart .nav-cart-count{display:flex;align-items:center;justify-content:center;position:absolute;top:17%;left:84%;width:1.25rem;height:1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:bolder;color:#fff}.desktop-nav .nav-links{background-color:#054df5;padding:.25rem .5rem;box-shadow:0 .125rem .25rem -.125rem #0006}.desktop-nav .nav-links .nav-menu{display:flex;align-items:center;gap:1rem;color:#fff}.desktop-nav .nav-links .nav-menu>li{position:relative;padding:1rem .5rem}.desktop-nav .nav-links .nav-menu>li>.nav-items{color:#fff}.desktop-nav .nav-links .nav-menu>li>.first{display:flex;align-items:center;gap:.25rem;color:#fff}.desktop-nav .nav-links .nav-menu>li:hover:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:#fff}.mobile-nav{background-color:#0a40e0;width:100%}.mobile-nav .nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;box-shadow:0 .125rem .25rem -.125rem #0006}@media (max-width: 39.9375em){.mobile-nav .nav-header{padding:1rem}}.mobile-nav .nav-header .left-nav{display:flex;align-items:center;gap:.5rem}.mobile-nav .nav-header .left-nav .nav-logo{display:flex;align-items:center;gap:.25rem;cursor:pointer}.mobile-nav .nav-header .left-nav .nav-logo img{width:2.5rem}@media (max-width: 63.9375em){.mobile-nav .nav-header .left-nav .nav-logo img{width:2rem}}@media (max-width: 39.9375em){.mobile-nav .nav-header .left-nav .nav-logo img{width:1.5rem}}.mobile-nav .nav-header .left-nav .nav-logo a{color:#fff;font-size:1.25rem;font-weight:600}@media (max-width: 63.9375em){.mobile-nav .nav-header .left-nav .nav-logo a{font-size:1rem}}@media (max-width: 39.9375em){.mobile-nav .nav-header .left-nav .nav-logo a{font-size:.875rem}}.mobile-nav .nav-header .left-nav .mobile-nav-links .bars-menu-icon{position:relative;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 63.9375em){.mobile-nav .nav-header .left-nav .mobile-nav-links .bars-menu-icon{font-size:1.25rem}}@media (max-width: 39.9375em){.mobile-nav .nav-header .left-nav .mobile-nav-links .bars-menu-icon{font-size:1.125rem}}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links{display:flex;align-items:center;flex-direction:column;position:absolute;top:0;left:-100%;width:50%;height:100vh;background-color:#054df5;padding:.25rem .5rem;box-shadow:0 .125rem .25rem -.125rem #0006;transition:all .4s ease-in-out;z-index:999}@media (max-width: 39.9375em){.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links{width:70%}}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links.showNavbar{left:0}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .times-icon{color:#fff;font-size:1.5rem;margin:1rem 1rem 0 0;align-self:flex-end;cursor:pointer}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu{display:flex;align-items:center;flex-direction:column}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu li{margin-top:1.125rem;border-bottom:2px solid #fff;position:relative;font-size:1.125rem}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu li>.nav-items{padding:1rem .5rem;color:#fff;transition:all .4s ease-in-out}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu li>.nav-items:hover{color:#222}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu li>.first{display:flex;align-items:center;gap:.25rem;color:#fff;transition:all .4s ease-in-out}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu li>.first:hover{color:#222}@media (max-width: 63.9375em){.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu li{font-size:1rem}}.mobile-nav .nav-header .left-nav .mobile-nav-links .nav-links .nav-menu li:hover{border-bottom:2px solid #222}.mobile-nav .nav-header .right-nav{display:flex;align-items:center;gap:1.5rem}@media (max-width: 39.9375em){.mobile-nav .nav-header .right-nav{gap:1.25rem}}.mobile-nav .nav-header .right-nav .search-bar .search-icon{position:relative;color:#fff;font-size:1.5rem}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .search-bar .search-icon{font-size:1.25rem}}@media (max-width: 39.9375em){.mobile-nav .nav-header .right-nav .search-bar .search-icon{font-size:1.125rem}}.mobile-nav .nav-header .right-nav .search-bar input{position:absolute;top:70px;right:11.25rem;padding:1.125rem 2rem;font-weight:500;width:40rem;border:2px solid rgb(5,77,245);outline:none;border-radius:.5rem;background-color:#f3f1f1;box-shadow:0 .125rem .25rem -.125rem #0006;transition:all .4s ease-in-out}.mobile-nav .nav-header .right-nav .search-bar input.showInput{top:4.375rem}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .search-bar input.showInput{top:3.75rem}}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .search-bar input{top:-100%;right:50%;transform:translate(50%);padding:.875rem 1.5rem;width:80%}}.mobile-nav .nav-header .right-nav .login-page .login-icon{position:relative;color:#fff;font-size:1.5rem}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .login-page .login-icon{font-size:1.25rem}}@media (max-width: 39.9375em){.mobile-nav .nav-header .right-nav .login-page .login-icon{font-size:1.125rem}}.mobile-nav .nav-header .right-nav .login-page .login-holder{display:flex;align-items:center;flex-direction:column;position:absolute;top:-100%;right:10rem;background-color:#fff;padding:1rem 2rem;box-shadow:0 .125rem .25rem -.125rem #0006;border-radius:.5rem;transition:all .4s ease-in-out}.mobile-nav .nav-header .right-nav .login-page .login-holder.showLoginHolder{top:4.375rem}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .login-page .login-holder.showLoginHolder{top:3.75rem}}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .login-page .login-holder{top:-100%;right:3rem}}.mobile-nav .nav-header .right-nav .login-page .login-holder a{color:#fff;margin-top:1rem;background-color:#054df5;padding:.5rem 1.5rem;border-radius:.25rem;font-size:1.125rem}.mobile-nav .nav-header .right-nav .login-cart{position:relative}.mobile-nav .nav-header .right-nav .login-cart img{cursor:pointer}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .login-cart img{width:2rem}}@media (max-width: 39.9375em){.mobile-nav .nav-header .right-nav .login-cart img{width:1.75rem}}.mobile-nav .nav-header .right-nav .login-cart>a{color:#fff}.mobile-nav .nav-header .right-nav .login-cart .nav-cart-count{display:flex;align-items:center;justify-content:center;position:absolute;top:18%;left:35%;width:1.25rem;height:1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:bolder;color:#fff}@media (max-width: 63.9375em){.mobile-nav .nav-header .right-nav .login-cart .nav-cart-count{top:16%;width:1rem;height:1rem;font-size:.75rem}}@media (max-width: 39.9375em){.mobile-nav .nav-header .right-nav .login-cart .nav-cart-count{top:14%;left:30%;font-size:.6rem}}