@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@200&family=Roboto:wght@300&display=swap);*{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}a{text-decoration:none;color:#333}body{margin:0;font-family:Raleway,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1240px;margin:auto}.btn{color:#fff;padding:12px 24px;background-image:linear-gradient(45deg,#5651e5,#709dff);border:none;border-radius:8px;font-size:1rem;transition:.4s;cursor:pointer}.btn:active{-webkit-transform:translate(4px);transform:translate(4px);box-shadow:0 0 1px rgba(0,0,0,0,.2);border-bottom:none}.hero{background-color:#fff;color:#fff;height:90vh;width:100%;position:relative;margin-bottom:4rem;overflow-x:hidden}.imghero{position:absolute;top:100px;right:300px;z-index:9;width:27%}.imgdoc{display:flex;float:left;width:100%;border-radius:50%}.imghero2{position:absolute;margin-top:20px;width:50%;left:0;bottom:0}.imgani{display:flex;float:left;width:100%}.imghero3{position:absolute;top:0;right:-100px;width:60%;height:100%}.imgani2{float:right;width:100%}.hero .content,.imgani2{display:flex;height:100%}.hero .content{flex-direction:column;justify-content:center;text-align:center;max-width:700px;margin:auto;padding:1rem}.hero h1{font-size:1.5rem;text-transform:capitalize;z-index:7;left:250px;color:#000;top:220px}.hero h1,.search{position:absolute}.search{display:flex;background-color:#fff;z-index:6;color:#333;justify-content:space-between;width:345px;left:249px;padding:4px;border-radius:8px;border:1px solid #639}.search input[type=text]{border:transparent;background-color:transparent;font-size:1.2rem;padding:8px;font-family:Raleway,sans-serif}.search input[type=text]:focus{outline:none}.search label{padding:0 14px 0 8px}.search .radio{display:flex;align-items:center}.search button{background-image:linear-gradient(45deg,#5651e5,#709dff);border:1px solid #5651e5;color:#fff;padding:10px;border-radius:8px;cursor:pointer}@media screen and (max-width:940px){.hero{height:70vh}.hero h1{font-size:2.2rem}.search input[type=text]{width:100%}}.suggestions{cursor:pointer;margin-top:1px;display:flex;justify-content:center;align-items:center;padding:5px 10px}.parent_suggestion{border:1px solid #5752e9;background-color:#74a3d5;position:absolute;left:252px;top:347px;font-weight:700;width:340px;border-radius:8px}.suggestions:hover{background-color:#5651e5;color:#fff;font-weight:1000;border-radius:8px}.retable{width:50%}.resultA{border:2px solid rgba(103,98,249,.8352941176470589);height:100%;margin-top:10px;margin-bottom:8px}.relayout{margin-top:2px;width:100%;position:relative;font-family:Quicksand,sans-serif}.relayout tr td{font-size:18px;padding-top:10px}.lefttb{padding-left:35px}.lefttb,.righttb{width:50%;font-weight:600}.righttb,.righttbr{text-align:center}.righttbr{width:50%;padding-left:16px}.sym{color:#5651e5;position:relative;top:3px}span{font-weight:600}.btnevent{width:100%;margin-top:39px;display:flex;justify-content:center}.btncart,.mleft{width:140px;cursor:pointer;background-color:teal;color:#fff;font-weight:500;font-size:20px}.mleft{margin-left:10px}.relayout tr td a{color:#000}.filtr{font-size:18px}.filtrbtn{cursor:pointer}.alink{color:#000;text-decoration:none}.collapsible .content{padding:6px;background-color:#eee;width:100%;height:100%;margin:auto}.collapsible .header{background-color:rgba(103,98,249,.5568627450980392);padding:6px;text-align:center;width:20%;height:100%;margin:auto;cursor:pointer}.navbar{width:100%;height:80px;left:0;background-color:#fff;border-bottom:1px solid #eee;position:-webkit-sticky;top:0;z-index:10}.fas{color:#00f}.navbar .container{height:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem}.navbar span{color:#5651e5}.navbar .nav-menu{display:flex}.navbar li{padding:1rem}.navbar li a{color:#000;font-weight:700}.hamburger{display:none}.navbar .icon{font-size:1.5rem}@media screen and (max-width:940px){.hamburger{display:block}.navbar .nav-menu{position:absolute;display:flex;flex-direction:column;align-items:center;top:90px;right:-100%;height:100%;width:100%;background:hsla(0,0%,100%,.98);transition:.4s ease-in-out;z-index:10}.navbar .active{right:0}.navbar .nav-menu li a{font-size:2rem}}.footer{width:100%;padding:2rem 0;background-color:#f8f8f8}.footer .container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.2rem;gap:1.2rem}.footer .col{margin:auto}.footer h3{margin:.8rem 0}.footer p{margin:.4rem 0}.footer .social{text-align:center}.footer .icon{font-size:2rem;margin:2rem 3rem;color:#5651e5}@media screen and (max-width:940px){.footer .container{grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.footer .icon{margin:1rem}}.featuredFirst{margin-top:5rem}.topimg{object-fit:cover}.featuredFirst .featured-text{text-align:center;margin:1rem 0}.featuredFirst .container{--gap:2.2rem;--num-cols:4;--row-height:345px;padding:.8rem;display:grid;grid-template-columns:repeat(var(--num-cols),1fr);grid-auto-rows:var(--row-height);grid-gap:var(--gap);gap:var(--gap)}.featuredFirst .container img{width:100%;height:100%;object-fit:contain;position:relative}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.image-grid-row-2{grid-row:span 2}.info-grid{display:grid;grid-template-columns:repeat(2,1fr)}.right-img-details .btn{margin:1rem 0}.quotesmg{height:30%;margin:auto;width:80%}.featuredFirst .top{display:flex;justify-content:space-between;align-items:center}.featuredFirst .top .price{font-weight:600;color:green;font-size:1.5rem}.featuredFirst .info{display:flex;justify-content:space-between;margin:.8rem 0;width:60%}.featuredFirst .bold{font-weight:600;margin-right:1rem}@media screen and (max-width:1024px){.featured .container{--num-cols:2;--row-height:200px;--grap:.5rem}.span-3{grid-column:span 2}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}}.img_position{position:relative;height:100%}.img_overlay-2{position:absolute;bottom:0;color:#f0f8ff;width:100%;height:100%;display:flex;flex-direction:column;opacity:0}.img_overlay-2:hover{opacity:1}.img_info{position:absolute;bottom:0;background-image:linear-gradient(45deg,#5651e5,#709dff);line-height:1.6}.best,.img_info{width:100%;text-align:center}.best{margin:4rem 0}.best>div{display:flex;justify-content:center}.best>div p{margin:1rem 2rem;font-size:1.2rem}.prodcat{font-weight:700}.best .container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2rem;padding:1rem}.best img{width:100%}@media screen and (max-width:940px){.best{margin:1rem 0}.best>div p{margin:1rem;font-size:1rem}.best .container{grid-template-columns:1fr;grid-gap:.5rem}}@media screen and (max-width:478px){.best>div p{margin:1rem .5rem}}.asksign{font-size:18px}.cards{width:250px;position:relative;object-fit:fill;height:300px;padding:20px;border-radius:6px;border:1px solid #dfe3e6;margin-bottom:3px}.cards:hover{border-radius:6px;border:1px solid #5651e5}.image_box{height:80%}.details{text-align:center;position:absolute;width:100%;top:233px;left:0}.details button{color:#fff}.details button,.details button:hover{background-image:linear-gradient(45deg,#5651e5,#709dff)}.details button:hover{color:#000}section{width:80%;margin:5% auto auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;font-family:Urbanist,sans-serif}.cards:hover{box-shadow:0 10px 10px 10px rbga(0,0,0,.1);cursor:pointer}.image_box,.image_box img{object-fit:contain}.image_box img{width:100%;height:100%}.details p:first-child,.details p:nth-child(3){font-weight:700;text-align:center}.details p:nth-child(3){color:grey}.details button{padding:5px 10px;border:none;cursor:pointer;text-align:center;font-weight:700;background-color:#87ceeb;outline:none}nav{width:100%;height:60px;background-color:#5e67ed}.nav_box{width:80%;margin:auto;display:flex;align-items:center;justify-content:space-between;line-height:60px}.my_shop{font-size:1.5rem;font-weight:700;color:#fff}.cart,.my_shop{cursor:pointer}.cart span:first-child{font-size:2rem;color:#fff}.cart span:nth-child(2){padding:0 3px;background-color:red;color:#fff;font-weight:700;border-radius:5px;position:relative;top:-15px}.fasc{color:#fff;font-weight:500}article{font-family:Urbanist,sans-serif;width:60%;margin:auto}.cart_box img{width:50px;height:50px}.cart_img{display:flex;width:400px}.cart_img p{font-weight:700;margin-left:10px;display:flex;justify-content:center;align-items:center}.quantityIn{position:absolute;left:811px}.cart_box{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-bottom:5px}.cart_box div:nth-child(2) button{padding:5px 10px;font-weight:700;margin-right:5px}.cart_box div:nth-child(3) button{padding:5px 10px;font-weight:700;letter-spacing:2px;border:none;outline:none;color:#000;border-radius:5px;cursor:pointer}.addcartbtn:hover{background-color:#ff001e;color:#fff;z-index:10}.cart_box div:nth-child(3) span{background-color:rgba(94,103,237,.3607843137254902);padding:5px 10px;border-radius:5px;margin-right:10px}.total{display:flex;justify-content:space-between}.total span:first-child{letter-spacing:2px}.total span:first-child,.total span:nth-child(2){font-size:1.5rem;color:#000;font-weight:700}.billing{width:100%;text-align:right;margin-top:6px}.billbtn{background-color:rgba(103,98,249,.5450980392156862);height:28px}.billbtn,.billbtn:hover{font-size:20px;padding:0 9px;width:38%;cursor:pointer;border-radius:5px}.billbtn:hover{background-color:rgba(103,98,249,.996078431372549);font-weight:600;color:#fff}.sidebar{flex:1 1;height:calc(100vh - 50px);background-color:#fbfbff;position:-webkit-sticky;position:sticky;top:50px}.sidebarWrapper{padding:20px;color:#555}.sidebarMenu{margin-bottom:10px}.sidebarTitle{font-size:13px;color:#bbbaba}.sidebarList{list-style:none;padding:5px}.sidebarListItem{padding:5px;cursor:pointer;display:flex;align-items:center;border-radius:10px}.sidebarListItem.active,.sidebarListItem:hover{background-color:#f0f0ff}.sidebarIcon{margin-right:5px;font-size:20px!important}.topbar{width:100%;height:50px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0}.topbarWrapper{height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:30px;color:#00008b;cursor:pointer;z-index:12}.topRight{display:flex;align-items:center}.topbarIconContainer{position:relative;cursor:pointer;margin-right:10px;color:#555}.topIconBadge{width:15px;height:15px;position:absolute;top:-5px;right:0;background-color:red;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.topAvatar{width:40px;height:40px;border-radius:50%;cursor:pointer}.container{display:flex;margin-top:10px}.link{text-decoration:none;color:inherit}.featured{width:100%;display:flex;justify-content:space-between}.featuredItem{flex:1 1;margin:0 20px;padding:30px;border-radius:10px;cursor:pointer;box-shadow:0 0 15px -10px rgba(0,0,0,.75)}.featuredTitle{font-size:20px}.featuredMoneyContainer{margin:10px 0;display:flex;align-items:center}.featuredMoney{font-size:30px;font-weight:600}.featuredMoneyRate{display:flex;align-items:center;margin-left:20px}.featuredIcon{font-size:14px;margin-left:5px;color:green}.featuredIcon.negative{color:red}.featuredSub{font-size:15px;color:grey}.home{flex:4 1}.homeWidgets{display:flex;margin:20px}.userList{flex:4 1}.userListUser{display:flex;align-items:center}.userListImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.userListEdit{border:none;border-radius:10px;padding:5px 10px;background-color:#3bb077;color:#fff;cursor:pointer;margin-right:20px}.userListDelete{color:red;cursor:pointer}.user{flex:4 1;padding:20px}.userTitleContainer{display:flex;align-items:center;justify-content:space-between}.userAddButton{width:80px;border:none;padding:5px;background-color:teal;border-radius:5px;cursor:pointer;color:#fff;font-size:16px}.userContainer{display:flex;margin-top:20px}.userShow{flex:1 1}.userShow,.userUpdate{padding:20px;box-shadow:0 0 15px -10px rgba(0,0,0,.75)}.userUpdate{flex:2 1;margin-left:20px}.userShowTop{display:flex;align-items:center}.userShowImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.userShowTopTitle{display:flex;flex-direction:column;margin-left:20px}.userShowUsername{font-weight:600}.userShowUserTitle{font-weight:300}.userShowBottom{margin-top:20px}.userShowTitle{font-size:14px;font-weight:600;color:#afaaaa}.userShowInfo{display:flex;align-items:center;margin:20px 0;color:#444}.userShowIcon{font-size:16px!important}.userShowInfoTitle{margin-left:10px}.userUpdateTitle{font-size:24px;font-weight:600}.userUpdateForm{display:flex;justify-content:space-between;margin-top:20px}.userUpdateItem{display:flex;flex-direction:column;margin-top:10px}.userUpdateItem>label{margin-bottom:5px;font-size:14px}.userUpdateInput{width:250px;height:30px;border:none;border-bottom:1px solid grey}.userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.userUpdateUpload{display:flex;align-items:center}.userUpdateImg{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:20px}.userUpdateIcon{cursor:pointer}.userUpdateButton{border-radius:5px;border:none;padding:5px;cursor:pointer;background-color:#00008b;color:#fff;font-weight:600}.newUser{flex:4 1}.newUserForm{display:flex;flex-wrap:wrap}.newUserItem{width:400px;display:flex;flex-direction:column;margin-top:10px;margin-right:20px}.newUserItem>label{margin-bottom:10px;font-size:14px;font-weight:600;color:#979696}.newUserItem>input{height:20px;padding:10px;border:1px solid grey;border-radius:5px}.newUserGender>input{margin-top:15px}.newUserGender>label{margin:10px;font-size:18px;color:#555}.newUserSelect{height:40px;border-radius:5px}.newUserButton{width:200px;border:none;background-color:#00008b;color:#fff;padding:7px 10px;font-weight:600;border-radius:10px;margin-top:30px;cursor:pointer}.productList{flex:4 1}.productListItem{display:flex;align-items:center}.productListImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.productListEdit{border:none;border-radius:10px;padding:5px 10px;background-color:#3bb077;color:#fff;cursor:pointer;margin-right:20px}.productListDelete{color:red;cursor:pointer}.product{flex:4 1;padding:20px}.productTitleContainer{display:flex;align-items:center;justify-content:space-between}.productAddButton{width:80px;border:none;padding:5px;background-color:teal;color:#fff;border-radius:5px;font-size:16px;cursor:pointer}.productTop{display:flex}.productTopLeft,.productTopRight{flex:1 1}.productTopRight{padding:20px;margin:20px;box-shadow:0 0 15px -10px rgba(0,0,0,.75)}.productInfoImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}.productInfoTop{display:flex;align-items:center}.productName{font-weight:600}.productInfoBottom{margin-top:10px}.productInfoItem{width:150px;display:flex;justify-content:space-between}.productInfoValue{font-weight:300}.productBottom{padding:20px;margin:20px;box-shadow:0 0 15px -10px rgba(0,0,0,.75)}.productForm{display:flex;justify-content:space-between}.productFormLeft{display:flex;flex-direction:column}.productFormLeft>label{margin-bottom:10px;color:grey}.productFormLeft>input{margin-bottom:10px;padding:5px;border:none;border-bottom:1px solid grey}.productFormLeft>select{margin-bottom:10px}.productUploadImg{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:20px}.productFormRight{display:flex;flex-direction:column;justify-content:space-around}.productUpload{display:flex;align-items:center}.productButton{border:none;padding:5px;border-radius:5px;background-color:#00008b;color:#fff;font-weight:600;cursor:pointer}.newProduct{flex:4 1}.addProductForm{margin-top:10px}.addProductItem{width:250px;display:flex;flex-direction:column;margin-bottom:10px}.addProductItem>label{color:grey;font-weight:600;margin-bottom:10px}.addProductItem>input,.addProductItem>select{padding:10px}.addProductButton{margin-top:10px;padding:7px 10px;border:none;border-radius:10px;background-color:#00008b;color:#fff;font-weight:600;cursor:pointer}.register{width:400px;background:#fff;border:1px solid #dddfe2;box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1);border-radius:8px;padding:1rem;align-items:center;text-align:center;margin:auto}.register>input{border-radius:8px;border:2px solid #dddfe2;outline:none;color:#1d2129;margin:.5rem 0;padding:.5rem .75rem;width:92%;font-size:1rem}.register>.button{background:#1877f2;border:1px solid #1877f2;color:#fff;font-size:1.25rem;padding:.5rem;margin:.5rem 0;border-radius:8px;outline:none;cursor:pointer}.aboutHome{height:auto;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;font-family:Urbanist,sans-serif}.aboutHome #heading{text-align:left;padding:0}.aboutHome .left img{width:100%;height:100%;object-fit:cover}.aboutHome .right{padding:80px 50px}.aboutHome .items{margin-top:50px}.aboutHome .item{background-color:#fff;margin-top:30px;padding:20px;transition:.5s}.aboutHome .img{width:200px}.aboutHome img{width:80px;height:70px}.aboutHome .item h2{font-size:20px;margin-bottom:15px}.aboutHome .item p{color:#999}.aboutHome .item:hover{background-color:#5651e5;color:#fff;cursor:pointer;box-shadow:0 5px 25px -2px rgba(0,0,0,.06)}.aboutHome .item:hover p{color:#fff}.aboutHome .left,.aboutHome .right{width:100%}.awrapper{background-image:url(https://img.icons8.com/external-yogi-aprelliyanto-basic-outline-yogi-aprelliyanto/80/ffffff/external-graduation-education-yogi-aprelliyanto-basic-outline-yogi-aprelliyanto.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:30vh;color:#fff}.awrapper .box{padding:70px 0}.awrapper img{margin-right:30px}.awrapper h1{font-size:50px}.awrapper h3{font-size:20px;font-weight:500}@media screen and (max-width:768px){.aboutHome .container{flex-direction:column-reverse}.aboutHome .row{width:100%}.awrapper{height:50vh}}
/*# sourceMappingURL=main.8b978001.chunk.css.map */