@import url(https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;900&family=Montserrat:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Montserrat,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none;transition:.3s ease}html{font-size:90%}.icon{font-size:1.25rem;font-size:var(--h2FontSize)}.flex{display:flex}.flex,.grid{align-items:center}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.btn{border:none;border-radius:8px;box-shadow:0 2px 4px hsl(330,12%,97);box-shadow:0 2px 4px var(--inputColor);color:#79797c;color:var(--textColor);cursor:pointer;outline:none;padding:.8rem 1rem}.btn .icon{margin-left:.5rem}.btn:hover{color:#528e25;color:var(--primaryColor)}body{margin:auto;padding:1rem}.container,body{align-items:center;display:flex;justify-content:center}.container{background:#eeeff1;background:var(--bgColor);border-radius:1rem;box-shadow:0 3px 8px rgba(0,0,0,.24);height:95vh;position:relative;width:95vw}::-webkit-scrollbar{display:none}:root{--whiteColor:#fff}.sideBar{background:#fff;background:var(--whiteColor);box-shadow:1px 0 4px #bebebe;box-shadow:1px 0 4px var(--greyText);gap:3rem;height:100%;overflow:auto;width:18%}.sideBar .logoDiv{padding:1.5rem 1.5rem 0}.sideBar .logoDiv img{border-radius:2px;margin-right:.5rem;max-width:40px;padding:.2rem}.sideBar .logoDiv h2{color:#528e25;color:var(--primaryColor);font-size:1.25rem;font-size:var(--h2FontSize)}.sideBar .Menu-Div .divTitle,.sideBar .Setting-Div .divTitle{color:hsl(0,0,18%);color:var(--blackColor);font-size:1rem;font-size:var(--h3FontSize);padding:0 1.5rem 1.5rem}.sideBar .Menu-Div .menuList .list-Item,.sideBar .Setting-Div .menuList .list-Item{padding:.2rem 1.5rem;position:relative;width:100%}.sideBar .Menu-Div .menuList .list-Item:before,.sideBar .Setting-Div .menuList .list-Item:before{background:#528e25;background:var(--primaryColor);border-bottom-right-radius:10px;border-top-right-radius:10px;bottom:0;content:"";height:0;left:0;position:absolute;width:5px}.sideBar .Menu-Div .menuList .list-Item .menu-link,.sideBar .Setting-Div .menuList .list-Item .menu-link{color:#bebebe;color:var(--greyText);font-weight:500}.sideBar .Menu-Div .menuList .list-Item .menu-link .icon,.sideBar .Setting-Div .menuList .list-Item .menu-link .icon{margin-right:.5rem}.sideBar .Menu-Div .menuList .list-Item:hover .menu-link,.sideBar .Setting-Div .menuList .list-Item:hover .menu-link{color:#528e25;color:var(--primaryColor);transition:0}.sideBar .Menu-Div .menuList .list-Item:hover:before,.sideBar .Setting-Div .menuList .list-Item:hover:before{height:100%;transition:.25s ease}.sideBar .sidebar-card{padding:1rem;position:relative;text-align:center;width:100%}.sideBar .sidebar-card .icon{background:#bdf094;background:var(--HoverVolor);border:10px solid #fff;border:10px solid var(--whiteColor);border-radius:50%;font-size:3rem;position:absolute;right:50%;top:-12px;-webkit-transform:translate(50%);transform:translate(50%);z-index:100}.sideBar .sidebar-card .card-content{background:#bdf094;background:var(--HoverVolor);border-radius:10px;overflow:hidden;padding:1rem;position:relative}.sideBar .sidebar-card .card-content h3{color:hsl(0,0,18%);color:var(--blackColor);font-size:1rem;font-size:var(--h3FontSize);font-weight:800;margin-top:1rem;padding:1rem}.sideBar .sidebar-card .card-content p{color:#79797c;color:var(--textColor);font-size:.948rem;font-size:var(--normalFontsize);font-weight:500;padding-bottom:1rem}.sideBar .sidebar-card .card-content .btn{color:#79797c;color:var(--textColor);position:relative;z-index:1000}.sideBar .sidebar-card .card-content .cirecle1,.sideBar .sidebar-card .card-content .cirecle2{background:#dff8ce;background:var(--paleGreen);border-radius:50%;opacity:.2;position:absolute}.sideBar .sidebar-card .card-content .cirecle1{height:100px;right:-50px;top:-50px;width:100px}.sideBar .sidebar-card .card-content .cirecle2{bottom:-50px;height:150px;right:-50px;width:150px;z-index:1}.main-content{height:100%;overflow:auto;padding:2rem;width:82%}.bottom{align-items:flex-start;gap:2rem;margin-top:2rem}img{height:100%;width:100%}.top-section .header-section{justify-content:space-between}.top-section .header-section .title h1{color:hsl(0,0,18%);color:var(--blackColor);font-size:1.5rem;font-size:var(--h1FontSize);font-weight:700}.top-section .header-section .title p{color:#79797c;color:var(--textColor);font-size:.948rem;font-size:var(--normalFontsize);font-weight:500}.top-section .header-section .search-bar{background:#fff;background:var(--whiteGreen);border-radius:5px;box-shadow:0 2px 4px hsl(330,12%,97);box-shadow:0 2px 4px var(--inputColor);gap:1rem;padding:1rem}.top-section .header-section .search-bar input{background:none;border:none;outline:none}.top-section .header-section .search-bar .icon{color:#79797c;color:var(--textColor)}.top-section .header-section .search-bar .icon:hover{color:#528e25;color:var(--primaryColor)}.top-section .header-section .admin-div{gap:1rem}.top-section .header-section .admin-div .icon{background:#fff;background:var(--whiteGreen);border-radius:1px;box-shadow:0 2px 4px hsl(330,12%,97);box-shadow:0 2px 4px var(--inputColor);color:hsl(330,12%,97);color:var(--inputColor);font-size:2.5rem;font-size:var(--biggesFontSize);padding:5px}.top-section .header-section .admin-div .admin-image{border:3px solid #fff;border:3px solid var(--whiteGreen);border-radius:10px;height:2.5rem;overflow:hidden;width:2.3rem}.top-section .header-section .admin-div .admin-image img{border-radius:10px;height:100%}.top-section .card-section{gap:1rem;margin-top:1rem}.top-section .card-section .right-card{align-items:flex-start;border-radius:10px;flex-basis:70%;flex-direction:column;height:200px;justify-content:center;margin:auto;overflow:hidden;padding:2rem;position:relative}.top-section .card-section .right-card .video-div{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.top-section .card-section .right-card .video-div video{height:100%;object-fit:cover;width:100%}.top-section .card-section .right-card .btn,.top-section .card-section .right-card h1,.top-section .card-section .right-card p{z-index:100}.top-section .card-section .right-card h1{color:#fff;color:var(--whiteGreen);font-size:1.5rem;font-size:var(--h1FontSize);font-weight:800}.top-section .card-section .right-card p{color:#dff8ce;color:var(--paleGreen);font-weight:500;padding:1rem}.top-section .card-section .right-card .buttons{gap:1rem}.top-section .card-section .right-card .buttons .btn{border-radius:2px solid transparent;color:#528e25;color:var(--primaryColor);padding:.8rem 1rem}.top-section .card-section .right-card .buttons .transparent{background:none;border:2px solid #dff8ce;border:2px solid var(--paleGreen);color:#dff8ce;color:var(--paleGreen)}.top-section .card-section .right-card .buttons .transparent:hover{background:#dff8ce;background:var(--paleGreen);color:#528e25;color:var(--primaryColor)}.top-section .card-section .left-card{flex-basis:50%}.top-section .card-section .left-card .main{border-radius:1rem;height:200px;justify-content:space-between;padding:1rem;position:relative}.top-section .card-section .left-card .main:before{background:#98fb98;border-radius:1rem;bottom:0;content:"";height:100%;left:0;position:absolute;width:85%}.top-section .card-section .left-card .text-div{z-index:100}.top-section .card-section .left-card .text-div h1{color:hsl(0,0,18%);color:var(--blackColor);font-size:1.5rem;font-size:var(--h1FontSize);padding-bottom:1rem}.top-section .card-section .left-card .text-div .flex{color:hsl(0,0,18%);color:var(--blackColor);font-weight:500;gap:1.5rem}.top-section .card-section .left-card .text-div .flex small{color:#528e25;color:var(--primaryColor);display:block;font-size:.813rem;font-size:var(--smalllFontsize);font-weight:500;padding:1rem 0;text-align:center}.top-section .card-section .left-card .text-div .link{cursor:pointer;margin-top:2rem}.top-section .card-section .left-card .text-div .link:hover{color:#528e25;color:var(--primaryColor)}.top-section .card-section .left-card .text-div .link:hover .icon{-webkit-transform:translateX(18px);transform:translateX(18px)}.top-section .card-section .left-card .img-div{-webkit-transform:translateY(0);transform:translateY(0)}.top-section .card-section .left-card .img-div img{width:200px}.listing-section{flex-basis:70%}.listing-section .heading{justify-content:space-between;width:100%}.listing-section .heading h1{color:hsl(0,0,18%);color:var(--blackColor);font-size:1.25rem;font-size:var(--h2FontSize);font-weight:700}.listing-section .heading .btn{border:1px solid transparent}.listing-section .heading .btn:hover{background:#dff8ce;background:var(--paleGreen);border:1px solid #528e25;border:1px solid var(--primaryColor)}.listing-section .sec-container{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 0;width:100%}.listing-section .sec-container .single-item{align-items:center;background:#dfe2df;background:var(--itemcardcolor);border-radius:10px;display:flex;flex-direction:column;height:170px;padding:1rem;position:relative;width:150px}.listing-section .sec-container .single-item:hover{background:#d2ead2;background:var(--itemcardhover);box-shadow:0 2px 2px hsl(330,12%,97);box-shadow:0 2px 2px var(--inputColor)}.listing-section .sec-container .single-item img{max-width:100px}.listing-section .sec-container .single-item .icon{color:#528e25;color:var(--primaryColor);position:absolute;right:10px;top:10px}.listing-section .sec-container .single-item h1{color:hsl(0,0,18%);color:var(--blackColor);font-size:1rem;font-size:var(--h3FontSize);padding:1rem 0}.listing-section .sellers{align-items:flex-start;gap:1rem;justify-content:space-between;width:100%}.listing-section .sellers .features-sellers .heading,.listing-section .sellers .top-sellers .heading{justify-content:space-between;padding:3rem 0}.listing-section .sellers .features-sellers .heading .btn,.listing-section .sellers .top-sellers .heading .btn{padding:.5rem 1rem}.listing-section .sellers .features-sellers .card,.listing-section .sellers .top-sellers .card{background:#fff;background:var(--whiteGreen);border-radius:1rem;box-shadow:0 1px 4px rgba(0,0,0,.16);cursor:pointer;gap:.5rem;padding:1rem 1.5rem}.listing-section .sellers .features-sellers .card .users,.listing-section .sellers .top-sellers .card .users{border-right:2px solid #bebebe;border-right:2px solid var(--greyText);padding-right:1rem}.listing-section .sellers .features-sellers .card .users img,.listing-section .sellers .top-sellers .card .users img{border:2px solid hsl(330,12%,97);border:2px solid var(--inputColor);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--BoxShadow);height:35px;margin-left:5px;object-fit:cover;transition:.5s ease;width:35px}.listing-section .sellers .features-sellers .card .users img:hover,.listing-section .sellers .top-sellers .card .users img:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.listing-section .sellers .features-sellers .card .card-text span,.listing-section .sellers .top-sellers .card .card-text span{color:hsl(0,0,18%);color:var(--blackColor);font-weight:500}.listing-section .sellers .features-sellers .card .card-text span small,.listing-section .sellers .top-sellers .card .card-text span small{font-weight:400}.listing-section .sellers .features-sellers .card .card-text span small .date,.listing-section .sellers .top-sellers .card .card-text span small .date{margin-left:1rem}:root{--primaryColor:#528e25;--HoverVolor:#bdf094;--paleGreen:#dff8ce;--whiteGreen:#fff;--blackColor:hsl(0,0,18%);--textColor:#79797c;--bgColor:#eeeff1;--greyText:#bebebe;--inputColor:hsl(330,12%,97);--itemcardcolor:#dfe2df;--itemcardhover:#d2ead2;--BoxShadow:rgba(0,0,0,.16) 0px 1px 4px;--biggesFontSize:2.5rem;--h1FontSize:1.5rem;--h2FontSize:1.25rem;--h3FontSize:1rem;--normalFontsize:.948rem;--smalllFontsize:.813rem;--smallestFontsize:.75rem}.activity-section{flex-basis:50%}.activity-section .heading{justify-content:space-between;width:100%}.activity-section .heading h1{color:hsl(0,0,18%);color:var(--blackColor);font-size:1.25rem;font-size:var(--h2FontSize);font-weight:700}.activity-section .heading .btn{border:1px solid transparent}.activity-section .heading .btn:hover{border:1px solid #528e25;border:1px solid var(--primaryColor)}.activity-section .section-container{margin-top:1rem}.activity-section .section-container .single-custumer{align-items:flex-start;gap:1rem;justify-content:space-between}.activity-section .section-container .single-custumer img{border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.16);box-shadow:var(--BoxShadow);height:40px;object-fit:cover;width:40px}.activity-section .section-container .single-custumer .custumer-detail{align-items:flex-start;flex:1 1;flex-direction:column}.activity-section .section-container .single-custumer .custumer-detail .name{color:hsl(0,0,18%);color:var(--blackColor);font-size:1rem;font-size:var(--h3FontSize);font-weight:600}.activity-section .section-container .single-custumer .custumer-detail .small{color:#79797c;color:var(--textColor);font-size:.813rem;font-size:var(--smalllFontsize);font-weight:500}
/*# sourceMappingURL=main.632ae97e.css.map*/