@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);.search-box{width:100%;max-width:570px;margin:30px auto 50px;display:flex;align-items:stretch;border-radius:6px;position:relative;overflow:hidden}.search-input{border:none;outline:none;background:#f8f7f5;padding:18px 18px 18px 50px;width:calc(100% - 100px)}.search-box :before{content:"";position:absolute;top:calc(50% - 12px);left:15px;width:20px;height:20px;background:url(https://i.ibb.co/M6JLzLk/search.png) no-repeat 50%/contain;z-index:1}.search-input::-webkit-input-placeholder{color:#989898}.search-input:-ms-input-placeholder{color:#989898}.search-input::placeholder{color:#989898}.search-btn{background:#ff4b2b;border:0;color:#fff;padding:15px 20px;width:150px;cursor:pointer}.upload-btn{max-width:170px;background-color:#dcffec}.buy-btn,.checkout-btn{font-weight:500;border-radius:10px;padding:12px 35px}.buy-btn,.checkout-btn,.login-btn{border:none;background-color:#ff4b2b!important}.login-btn{padding:10px 25px}.dot{font-weight:700;color:#ff4b2b!important}p{font-family:"Poppins",sans-serif;font-size:1.1em;font-weight:300;line-height:1.7em;color:#999}a,a:focus,a:hover{color:inherit;text-decoration:none;transition:all .3s}.navbar{padding:15px 10px;background:#fff;border:none;border-radius:0;margin-bottom:40px;box-shadow:1px 1px 3px rgba(0,0,0,.1)}.navbar-btn{box-shadow:none;outline:none!important;border:none}.line{width:100%;height:1px;border-bottom:1px dashed #ddd;margin:40px 0}.wrapper{display:flex;width:100%;align-items:stretch;perspective:1500px;background:#f4f7fc}#sidebar{min-width:250px;max-width:250px;background:#7386d5;color:#fff;transition:all .6s cubic-bezier(.945,.02,.27,.665);transform-origin:bottom left}#sidebar.active{margin-left:-250px;transform:rotateY(100deg)}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}a[data-toggle=collapse]{position:relative}.dropdown-toggle:after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}ul ul a{font-size:.9em!important;padding-left:30px!important;background:#6d7fcc}ul.CTAs{padding:20px}ul.CTAs a{text-align:center;font-size:.9em!important;display:block;border-radius:5px;margin-bottom:5px}a.download{background:#fff;color:#7386d5}a.article,a.article:hover{background:#6d7fcc!important;color:#fff!important}#content{width:100%;padding:20px;min-height:100vh;transition:all .3s}#sidebarCollapse{width:40px;height:40px;background:#f5f5f5;cursor:pointer}#sidebarCollapse span{width:80%;height:2px;margin:0 auto;display:block;background:#555;transition:all .8s cubic-bezier(.81,-.33,.345,1.375);transition-delay:.2s}#sidebarCollapse span:first-of-type{transform:rotate(45deg) translate(2px,2px)}#sidebarCollapse span:nth-of-type(2){opacity:0}#sidebarCollapse span:last-of-type{transform:rotate(-45deg) translate(1px,-1px)}#sidebarCollapse.active span{transform:none;opacity:1;margin:5px auto}@media (max-width:768px){#sidebar{margin-left:-250px;transform:rotateY(90deg)}#sidebar.active{margin-left:0;transform:none}#sidebarCollapse span:first-of-type,#sidebarCollapse span:last-of-type,#sidebarCollapse span:nth-of-type(2){transform:none;opacity:1;margin:5px auto}#sidebarCollapse.active span{margin:0 auto}#sidebarCollapse.active span:first-of-type{transform:rotate(45deg) translate(2px,2px)}#sidebarCollapse.active span:nth-of-type(2){opacity:0}#sidebarCollapse.active span:last-of-type{transform:rotate(-45deg) translate(1px,-1px)}}.section-footer ul li{margin-bottom:5px}.section-footer ul a{color:inherit}.section-footer ul a:hover{color:#ff4b2b}.section-footer .logo-footer{height:40px}.section-footer .title{font-weight:600;margin-bottom:16px;color:#1e2024}.footer-bottom,.footer-copyright{padding-top:20px;padding-bottom:20px}.login-contain{background:#f6f5f7;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Montserrat",sans-serif;height:100vh;margin:-20px 0 50px}.login-container h1{font-weight:700;font-size:2rem;margin:0}.login-container p{color:#fff;font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}.login-container span{font-size:12px}.login-container a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.login-container button{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}.login-container button:active{transform:scale(.95)}.login-container button:focus{outline:none}.login-container button.ghost{background-color:transparent;border-color:#fff}.login-container form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}.login-container input{background-color:#eee;border:none;padding:8px 15px;margin:8px 0;width:100%}.login-container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.login-container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.login-container.right-panel-active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.login-container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.login-container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out}.overlay-left{transform:translateX(-20%)}.login-container.right-panel-active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.login-container.right-panel-active .overlay-right{transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{border:1px solid #ddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}body{margin:0;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.a8451c62.chunk.css.map */