@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);*{padding:0;margin:0;font-family:"Montserrat",sans-serif;box-sizing:border-box}* a{text-decoration:none!important}#root{background-color:rgba(197,223,171,.6627450980392157)}.App{max-width:1330px;min-height:100vh;margin:0 auto;padding:0 20px}.App header{width:100%;min-height:70px;border-bottom:1px solid #ddd;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:fixed;top:0;left:0;z-index:999;background-color:azure}.App header .logo img{width:130px}.App header .navbar-details{display:none}.App header .navbar-details svg{font-size:50px}.App header .navbar-content-two{display:none}.App header ul li{display:inline-block;opacity:.7;padding:0 20px}.App header a{text-transform:uppercase;color:#555}.App header .filter_menu{display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1}.App header .filter_menu input,.App header .filter_menu select{border:1px solid #ccc;outline:none;height:40px;padding:0 5px}.App header .filter_menu input{-webkit-flex:1 1;flex:1 1;margin:0 10px}.App header .filter_menu_2{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.App header .filter_menu_2 .MuiButton-root{height:70px!important}.App header .filter_menu_2 .filter_menu_3{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.App header .filter_menu_2 .filter_menu_3 button{color:#838888;background-color:transparent;border:none;outline:none;font-size:1rem;text-transform:uppercase;font-weight:400;font-family:"Montserrat",sans-serif;cursor:pointer}.App header .filter_menu_2 .filter_menu_3 li{margin-left:10px;list-style:none;font-style:none}.App header .filter_menu_2 .filter_menu_3 li .MuiAvatar-colorDefault{color:#c3391a!important;background-color:hsla(0,0%,74.1%,.23921568627450981)!important}.App header .filter_menu_2 .filter_menu_3 li a{text-decoration:none}.App header .filter_menu_2 .filter_menu_3 li a .MuiAvatar-root{width:35px!important;height:35px!important}.App .main{margin:40px auto;padding:30px}.App .main .hero .swiper-container{width:100%;height:300px}.App .main .hero .swiper-container .swiper-slide{text-align:center;font-size:16px;background:transparent;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.App .main .hero .swiper-container .swiper-slide img{display:block;height:100%;object-fit:contain}.App .main .products{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center}.App .main .delete-all{text-align:right;margin:1rem}.App .main .delete-all input{height:25px;width:25px;-webkit-transform:translateY(5px);transform:translateY(5px);margin:0 15px}.App .main .delete-all span{text-transform:uppercase;color:#03a5ce;letter-spacing:1.3px}.App .main .delete-all button{border:1px solid #dc143c;padding:10px 25px;color:#dc143c;text-transform:uppercase}.App .main .load_more{text-align:center}.App .main .load_more button{padding:10px 25px;margin-bottom:20px;border:1px solid #555;text-transform:capitalize}.App .main .our-cart{max-width:920px;margin:10px auto;padding:1rem}.App .main .our-cart .cart{position:relative;border:1px solid #ccc;-webkit-transform:scaleY(.98);transform:scaleY(.98);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:20px;-webkit-justify-content:space-between;justify-content:space-between}.App .main .our-cart .cart img{width:280px;object-fit:cover;display:block;margin:0 auto}.App .main .our-cart .cart .cart-box{max-width:500px;width:100%;padding:15px}.App .main .our-cart .cart .cart-box .amount{padding:15px 0}.App .main .our-cart .cart .cart-box .amount span{color:#dc143c;padding:0 20px}.App .main .our-cart .cart .cart-box .amount button{width:40px;height:40px;border:1px solid #777}.App .main .our-cart .cart .cart-box .delete{position:absolute;top:0;right:5px;color:#dc143c;font-weight:900;cursor:pointer}.App .main .our-cart .total{width:100%;height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:10px 0}.App .main .our-cart .total h3{color:#dc143c}.App .main .our-cart .total button{padding:5px 20px;background-color:#007aff;border:none;outline:none;cursor:pointer;font-size:1.2rem}.App .main .our-cart .total button:hover{background-color:#72dd07}.App .main .product_card{width:280px;overflow:hidden;height:375px;padding:15px;box-shadow:0 0 15px #8e8c8c;margin:15px;position:relative;background-color:rgba(255,255,225,.9803921568627451)}.App .main .product_card img{width:100%;height:180px}.App .main .product_card span{color:rgba(39,54,38,.856)}.App .main .product_card input{position:absolute;width:25px;height:25px;z-index:2}.App .main .product_card .product_box h2{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:capitalize;cursor:pointer;color:#323232}.App .main .product_card .product_box p{width:100%;overflow:hidden;color:#323232;text-decoration:none;height:60px}.App .main .product_card .row_btn{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.App .main .product_card .row_btn a{text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:2px;padding:6px}.App .main .product_card .row_btn .addToCart button:hover{background-color:#45ff00;border-radius:40px}.App .main .product_card .row_btn .MuiButton-text{padding:20px 0!important}.App .main .product_card .row_btn #btn_buy{background:#555;margin-right:5px}.App .main .product_card .row_btn #btn_view{background:teal;margin-left:5px}.App .main .login-page{max-width:750px;border:2px solid #03a5ce;border-radius:5px;padding:30px;margin:50px auto}.App .main .login-page h2{text-transform:uppercase;letter-spacing:2px;color:#555}.App .main .login-page form button,.App .main .login-page form input{width:100%;margin:10px 0;padding:10px 5px;outline:#03a5ce;border:1px solid #03a5ce}.App .main .login-page form button{width:100px;background:#03a5ce;color:#fff;text-transform:uppercase;letter-spacing:2px}.App .main .login-page form .row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.App .main .login-page form .row button{cursor:pointer}.App .main .login-page form .row button:hover{background-color:#72dd07;color:#555}.App .main .login-page form a{color:orange;letter-spacing:1.3px;text-transform:uppercase}.App .main .login-page .google-login{margin:10px auto;text-align:center}.App .main .login-page .google-login button,.App .main .login-page .google-login div{background-color:#b0e4f1!important;padding:6px!important}.App .main .user-dashboard{border:2px solid #03a5ce;border-radius:5px;padding:30px;margin:50px auto;max-width:750px}.App .main .user-dashboard .profie-address{display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-justify-content:space-between;justify-content:space-between}.App .main .user-dashboard .profie-address .profile{max-width:50%;padding:10px;text-align:center}.App .main .user-dashboard .profie-address .profile .MuiAvatar-root{width:100px;height:100px}.App .main .user-dashboard .profie-address .profile h3,.App .main .user-dashboard .profie-address .profile p{padding:5px;margin:10px 0}.App .main .user-dashboard .bill-address-form{display:-webkit-flex;display:flex;border-radius:5px}.App .main .user-dashboard .bill-address-form .delivery-address{padding:10px;width:100%;text-align:center}.App .main .user-dashboard .bill-address-form .delivery-address h2{margin-bottom:2rem}.App .main .user-dashboard .bill-address-form .delivery-address .bill-address{border:2px solid #03a5ce;border-radius:5px;padding:16px;margin:10px 0}.App .main .user-dashboard .bill-address-form .delivery-address .bill-address .bill-address-button{display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}.App .main .user-dashboard .bill-address-form .delivery-address .bill-address .bill-address-button button{cursor:pointer;background:rgba(240,255,255,.7490196078431373);color:#555;text-transform:uppercase;letter-spacing:2px;margin:10px 0;padding:10px 5px;outline:none;border:none;border-radius:5px}.App .main .user-dashboard .bill-address-form .delivery-address .bill-address .bill-address-button button:hover{background-color:#72dd07}.App .main .user-dashboard .bill-address-form form{padding:10px;width:100%}.App .main .user-dashboard .bill-address-form form h2{margin-bottom:2rem;text-align:center}.App .main .user-dashboard .bill-address-form form .bill-address{border:2px solid #03a5ce;border-radius:5px;padding:16px;margin:10px 0}.App .main .user-dashboard .bill-address-form form .bill-address button,.App .main .user-dashboard .bill-address-form form .bill-address input{width:100%;margin:10px 0;padding:10px 5px;outline:none;border:none}.App .main .user-dashboard .bill-address-form form .bill-address button:focus,.App .main .user-dashboard .bill-address-form form .bill-address input:focus{outline:1.5px dotted #0e0101}.App .main .user-dashboard .bill-address-form form .bill-address button{background:#03a5ce;color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer}.App .main .user-dashboard .bill-address-form form .bill-address button:hover{background-color:#72dd07;color:#555}.App .main .user-dashboard .bill-address-form form .bill-address .button-bg-red{background:#f01e53}.App .main .user-dashboard .bill-address-form form .bill-address .row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.App .main .user-dashboard .bill-address-form form .bill-address .row button{cursor:pointer}.App .main .user-dashboard .bill-address-form form .bill-address .row button:hover{background-color:green}.App .main .user-dashboard .bill-address-form form .bill-address a{color:orange;letter-spacing:1.3px;text-transform:uppercase}.App .main .load-page{background:#fff;overflow:hidden}.App .main .load-page .loader{width:300px;height:300px;margin:auto}.App .main .load-page .loader div{width:calc(100% - 15px);height:calc(100% - 15px);border:2px solid #fff;border-top-color:#dc143c;border-radius:50%;animation:rotate 10s linear infinite alternate-reverse}@-webkit-keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App .main .categories{max-width:700px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;margin:30px auto}.App .main .categories form{width:290px;margin-bottom:20px}.App .main .categories form label{display:block;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.App .main .categories button,.App .main .categories input{height:35px;outline:none;border:none;border-bottom:1px solid #555}.App .main .categories input{width:210px}.App .main .categories button{width:70px;background:#555;color:#fff;margin-left:10px}.App .main .categories .col .row{min-width:290px;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;margin-bottom:10px;border:1px solid #ccc}.App .main .categories .col .row,.App .main .create_product{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.App .main .create_product{width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around}.App .main .create_product .upload{max-width:250px;height:200px;border:1px solid #ddd;padding:15px;margin:20px;position:relative}.App .main .create_product .upload #file_up{position:relative;width:100%;height:100%;outline:none}.App .main .create_product .upload #file_up:before{content:"+";position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;color:#fac86b;font-size:9rem;text-align:center;cursor:pointer;margin:auto}.App .main .create_product .upload #file_img{width:100%;height:100%}.App .main .create_product .upload #file_img .product-image{margin:20px auto}.App .main .create_product .upload #file_img .product-image img{width:100%;height:100%;display:block;object-fit:cover}.App .main .create_product .upload #file_img span{position:relative;top:-140px;right:-190px;background:#fff;border-radius:50%;padding:6px 10px;cursor:pointer;font-weight:900;color:#dc143c}.App .main .create_product form{max-width:500px;min-width:290px;width:100%}.App .main .create_product form .row{width:100%;margin:15px 0}.App .main .create_product form .row input,.App .main .create_product form .row textarea{width:100%;min-height:30px;padding:0 5px}.App .main .create_product form .row select{height:30px;margin-left:20px}.App .main .create_product form .form-button button{width:100%;height:40px;background:#555;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:700}.App .main .detail{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:20px}.App .main .detail .image-slider{max-width:450px}.App .main .detail .image-slider .swiper-slide img{width:100%;height:100%;object-fit:contain}.App .main .detail .box-detail{max-width:500px;width:100%;margin:5px}.App .main .detail .box-detail .row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.App .main .detail .box-detail .row h2{text-transform:uppercase;color:#00008b;letter-spacing:2px;font-weight:2rem}.App .main .detail .box-detail p{line-height:1.5;margin:10px 0;opacity:.8}.App .main .detail .box-detail .cart{background:#333;color:#fff;margin-top:10px;padding:10px 25px;display:inline-block;text-transform:uppercase;letter-spacing:2px}.App .main .email-verif{background:#1989c1}.App .main .email-verif section{padding:120px 20px 80px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center}.App .main .email-verif section p{margin:20px;font-weight:700}.App .main .email-verif section button{background-color:transparent;padding:10px;cursor:pointer;color:#fff;width:150px}.App .main .email-verif section button:hover{background-color:#72dd07;color:#000;font-weight:900}.App .main .history-page{overflow-x:auto;padding:15px;text-align:center}.App .main .history-page img{width:130px;height:150px;object-fit:contain}.App .main .history-page h2,.App .main .history-page h4{text-align:center;margin:20px;text-transform:uppercase;letter-spacing:1.2px}.App .main .history-page table{margin:auto;width:100%;border:1px solid #ddd;border-collapse:collapse;transition:all .4s ease}.App .main .history-page table a{color:#03a5ce}.App .main .history-page table th{background-color:#8eecc5}.App .main .history-page table td,.App .main .history-page table th{text-align:center;padding:10px;text-transform:capitalize;border:1px solid #03a5ce;border-collapse:collapse}.App footer{width:100%;min-height:40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:fixed;bottom:0;left:0;z-index:998;background-color:#353530;-webkit-justify-content:flex-end;justify-content:flex-end;color:#fff}.App footer .copy{margin-right:10px}.App footer p{margin-right:40px;font-weight:700}@media (max-width:820px){.App header .logo{min-width:115px;-webkit-flex:none;flex:none}.App header ul{padding:10px 0}}@media (max-width:720px){.App header .navbar-content-two{display:block;position:fixed;transition:.3s;top:0}.App header ul{position:fixed;top:70px;width:100%;background:azure;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;opacity:.98;z-index:99;transition:.5s ease-in;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.App header ul li input,.App header ul li select{width:100%;padding:5px;margin:2px 0}.App header ul li .user{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;-webkit-justify-content:space-around;justify-content:space-around}.App header ul li .user a{padding:10px 0;text-align:left}.App header ul li .user button{background-color:transparent;border:none;outline:none;font-size:16px;text-transform:uppercase;color:#484a4a}.App header .filter_menu,.App header .filter_menu_2{display:none}.App header .navbar-details{display:block;margin-right:1rem}.App .main{padding:0}.App .main .hero{margin-top:70px}.App .main .our-cart{margin:70px auto}.App .main .product_card{width:100%;height:400px}.App .main .product_card img{height:200px}.App .main .history-page{margin:40px auto}.App .main .history-page table{width:420px;margin-top:30px}.App .main .login-page{margin-top:70px}.App .main .user-dashboard{margin-top:70px;padding:10px}.App .main .user-dashboard .profie-address{-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap}.App .main .user-dashboard .profie-address .profile{max-width:100%}.App .main .user-dashboard .bill-address-form{-webkit-flex-direction:column;flex-direction:column}}@media (max-width:570px){.App .filter_menu .row span{display:none}}@media (max-width:500px){.App .App{padding:0 10px}.App .detail{font-size:100%;padding:0}.App .filter_menu input{margin:0}.App .filter_menu .sort{-webkit-flex:1 1;flex:1 1}.App .filter_menu .sort select{min-width:290px;margin:5px 0}.App .login-page{padding:30px 15px}.App .create_product .upload,.App .delete-all{margin:20px 0}}.global-error{background:#c3391a;width:100%;position:absolute;top:35px;left:0;z-index:1;padding:10px;font-size:12px;transition:top .2s}.global-error span{color:#fff}.global-error span svg{margin-right:5px}.slide-in{top:70px}
/*# sourceMappingURL=main.02767905.chunk.css.map */