@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;800&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif}:root{--primaryColor: hsl(94, 55%, 56%);--hoverColor: hsl(93, 75%, 76%);--paleGreen: hsl(96, 75%, 89%);--whiteColor: hsl(0, 0%, 100%);--blackColor: hsl(0, 0%, 18%);--greyText: hsl(0, 0%, 75%);--bgColor: hsl(113, 11%, 85%);--inputColor: hsl(330, 12%, 97%);--biggestFontSize: 2.5rem;--h1FontSize: 1.5rem;--h2FontSize: 1.25rem;--h3FontSize: 1rem;--normalFontSize: .938rem;--smallFontSize: .813rem;--smallestFontSize: .75rem}.flex{display:flex;align-items:center}.grid{display:grid;align-items:center;gap:1.5rem}html{font-size:90%}a{text-decoration:none}li{list-style:none}.icon{font-size:var(--h2FontSize);cursor:pointer}img,video{height:auto;width:100%}.message{display:none}.showMessage{display:block;color:var(--whiteColor);padding:10px;background:rgb(225,0,0);border-radius:3px;text-align:center}.showMessage{display:block;color:var(--whiteColor);background:rgb(255,0,0);border-radius:3px;text-align:center}.btn{border:none;outline:none;cursor:pointer;border-radius:8px;padding:.8rem 1rem;color:var(--greyText)}.btn .icon{margin-left:.5rem}.btn:hover{color:var(--primaryColor);background:var(--paleGreen)}.loginPage,.registerPage{height:100vh;width:100%;margin:auto;border-radius:10px;overflow:hidden;box-shadow:0 7px 50px #d6dfd5}.loginPage .container,.registerPage .container{height:75vh;width:60%;margin:auto;justify-content:space-between;border-radius:10px;background:hsl(0,0%,91%)}.loginPage .container .videoDiv,.registerPage .container .videoDiv{position:relative;display:flex;flex-basis:50%;width:70%;height:100%;padding:0 1.5rem;text-align:center;justify-content:center;flex-direction:column;margin:auto;border-radius:10px;overflow:hidden}.loginPage .container .videoDiv video,.loginPage .container .videoDiv .footerDiv,.registerPage .container .videoDiv video,.registerPage .container .videoDiv .footerDiv{position:absolute}.loginPage .container .videoDiv video,.registerPage .container .videoDiv video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;top:0;bottom:0;right:0;left:0}.loginPage .container .videoDiv .textDiv,.registerPage .container .videoDiv .textDiv{position:relative}.loginPage .container .videoDiv .textDiv .title,.registerPage .container .videoDiv .textDiv .title{color:var(--whiteColor);font-size:35px;font-weight:800}.loginPage .container .videoDiv .textDiv p,.registerPage .container .videoDiv .textDiv p{color:var(--whiteColor);padding:1rem;font-weight:400}.loginPage .container .videoDiv .footerDiv,.registerPage .container .videoDiv .footerDiv{bottom:10px;padding:0 1rem;height:60px;background:rgba(255,255,255,.248);left:10px;right:10px;justify-content:space-between;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:10px}.loginPage .container .videoDiv .footerDiv .text,.registerPage .container .videoDiv .footerDiv .text{color:var(--whiteColor)}.loginPage .container .videoDiv .footerDiv .btn,.registerPage .container .videoDiv .footerDiv .btn{background:var(--whiteColor);color:var(--primaryColor);padding:.8rem 1.5rem;border-radius:10px;font-weight:400;transition:.3s ease}.loginPage .container .videoDiv .footerDiv .btn:hover,.registerPage .container .videoDiv .footerDiv .btn:hover{background:var(--hoverColor);color:var(--blackColor)}.loginPage .container .formDiv,.registerPage .container .formDiv{flex-basis:50%;margin:auto;flex-direction:column;gap:1.5rem;transform:translateY(-1rem)}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{text-align:center;padding:1.5rem 0}.loginPage .container .formDiv .headerDiv img,.registerPage .container .formDiv .headerDiv img{width:60px;padding-bottom:.5rem}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:25px;color:var(--blackColor);font-weight:600}.loginPage .container .formDiv .form,.registerPage .container .formDiv .form{gap:1rem}.loginPage .container .formDiv .form .inputDiv .icon,.registerPage .container .formDiv .form .inputDiv .icon{color:var(--greyText)}.loginPage .container .formDiv .form .inputDiv input,.registerPage .container .formDiv .form .inputDiv input{background:none;outline:none;border:none;width:200px}.loginPage .container .formDiv .form .inputDiv label,.registerPage .container .formDiv .form .inputDiv label{color:var(--blackColor);font-weight:400;font-size:14px;padding:.5rem 0;display:block}.loginPage .container .formDiv .form .inputDiv .input,.registerPage .container .formDiv .form .inputDiv .input{gap:.5rem;padding:1rem;background:var(--inputColor);border-radius:10px}.loginPage .container .formDiv .form .btn,.registerPage .container .formDiv .form .btn{padding:.8rem;background:var(--primaryColor);border-radius:10px;color:var(--whiteColor);align-items:center;margin:auto;justify-content:center;font-size:16px;width:100%;gap:.5rem;transition:.3s ease}.loginPage .container .formDiv .form .btn .icon,.registerPage .container .formDiv .form .btn .icon{font-size:25px;transition:.3s ease}.loginPage .container .formDiv .form .btn:hover,.registerPage .container .formDiv .form .btn:hover{background:var(--hoverColor);color:var(--blackColor)}.loginPage .container .formDiv .form .btn:hover .icon,.registerPage .container .formDiv .form .btn:hover .icon{color:var(--blackColor);transform:translate(5px)}.loginPage .container .formDiv .form .forgotPassword,.registerPage .container .formDiv .form .forgotPassword{font-size:13px;color:var(--blackColor);opacity:.7;text-align:center}.loginPage .container .formDiv .form .forgotPassword a,.registerPage .container .formDiv .form .forgotPassword a{text-decoration:underline;cursor:pointer;opacity:1}.dashboard{height:100vh;width:100%;justify-content:center;margin:auto}.dashboard .dashboardContainer{height:95vh;width:95%;border-radius:10px;overflow:hidden;box-shadow:0 5px 10px #c2c2c2}@media screen and (max-width: 990px){.heading{flex-direction:column;align-items:flex-start;gap:1rem}}@media screen and (max-width: 918px){.heading{flex-direction:row;align-items:center;gap:1rem}}@media screen and (max-width: 500px){.heading{flex-direction:column;align-items:flex-start;gap:1rem}}@media screen and (max-width: 662px){.loginPage .container,.registerPage .container{height:100%;width:100%;flex-direction:column;padding:1.5rem}.loginPage .container .videoDiv,.registerPage .container .videoDiv{width:100%}.loginPage .container .videoDiv .textDiv .title,.registerPage .container .videoDiv .textDiv .title{font-size:20px}.loginPage .container .videoDiv .textDiv p,.registerPage .container .videoDiv .textDiv p{padding:1rem}.loginPage .container .videoDiv .footerDiv .text,.registerPage .container .videoDiv .footerDiv .text{font-size:12px}.loginPage .container .videoDiv .footerDiv .btn,.registerPage .container .videoDiv .footerDiv .btn{padding:.4rem 1.5rem}.loginPage .container .formDiv,.registerPage .container .formDiv{gap:1rem;transform:translateY(-.5rem)}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:1rem 0}.loginPage .container .formDiv .headerDiv img,.registerPage .container .formDiv .headerDiv img{width:40px}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:20px}.loginPage .container .formDiv .form,.registerPage .container .formDiv .form{gap:.5rem}.loginPage .container .formDiv .form .inputDiv .input,.registerPage .container .formDiv .form .inputDiv .input{width:100%}}@media screen and (max-width: 678px){.loginPage .container .videoDiv .textDiv .title,.registerPage .container .videoDiv .textDiv .title{font-size:25px}.loginPage .container .videoDiv .textDiv p,.registerPage .container .videoDiv .textDiv p{padding:1rem}.loginPage .container .videoDiv .footerDiv .text,.registerPage .container .videoDiv .footerDiv .text{font-size:12px}.loginPage .container .videoDiv .footerDiv .btn,.registerPage .container .videoDiv .footerDiv .btn{padding:.8rem 1.5rem}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:1.5rem 0}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:20px}.loginPage .container .formDiv .form .inputDiv .input,.registerPage .container .formDiv .form .inputDiv .input{width:100%;max-width:200px}}@media screen and (max-width: 927px){.loginPage .container,.registerPage .container{width:85%}}::-webkit-scrollbar{display:none}.sideBar{background:var(--whiteColor);box-shadow:1px 0 4px var(--greyText);width:18%;height:100%;gap:3rem;overflow:auto}.sideBar .logoDiv{padding:1.5rem 1.5rem 0;cursor:pointer}.sideBar .logoDiv img{max-width:20px;margin-right:.5rem;background:var(--inputColor);border-radius:2px;padding:.2rem}.sideBar .logoDiv h2{font-size:var(--h2FontSize);color:var(--PrimaryColor)}.sideBar .menuDiv .divTitle,.sideBar .settingsDiv .divTitle{font-size:var(--h3FontSize);color:var(--blackColor);padding:0 1.5rem 1.5rem}.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem 1.5rem;width:100%;position:relative}.sideBar .menuDiv .menuLists .listItem:before,.sideBar .settingsDiv .menuLists .listItem:before{position:absolute;content:"";height:0;left:0;width:5px;bottom:0;border-top-right-radius:10px;border-bottom-right-radius:10px;background:var(--PrimaryColor)}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{color:var(--greyText);font-weight:500;transition:0}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{margin-right:.5rem}.sideBar .menuDiv .menuLists .listItem:hover .menuLink,.sideBar .settingsDiv .menuLists .listItem:hover .menuLink{color:var(--PrimaryColor);transition:0}.sideBar .menuDiv .menuLists .listItem:hover:before,.sideBar .settingsDiv .menuLists .listItem:hover:before{height:100%;transition:.3s ease}.sideBar .sideBarCard{width:100%;padding:1rem;text-align:center;position:relative}.sideBar .sideBarCard .icon{position:absolute;background:var(--HoverColor);border:10px solid var(--whiteColor);font-size:3rem;border-radius:50%;top:-8px;right:50%;transform:translate(50%);z-index:100}.sideBar .sideBarCard .cardContent{position:relative;padding:1rem;background:var(--HoverColor);border-radius:10px;overflow:hidden}.sideBar .sideBarCard .cardContent h3{font-size:var(--h3FontSize);margin-top:1rem;padding:1rem 0;font-weight:800;color:var(--blackColor)}.sideBar .sideBarCard .cardContent p{font-size:var(--normalFontSize);color:var(--textColor);padding-bottom:1rem;font-weight:500}.sideBar .sideBarCard .cardContent .btn{position:relative;color:var(--textColor);z-index:1000}.sideBar .sideBarCard .cardContent .circle1,.sideBar .sideBarCard .cardContent .circle2{position:absolute;background:var(--paleGreen);border-radius:50%;opacity:.7}.sideBar .sideBarCard .cardContent .circle1{height:100px;width:100px;top:-50px;left:-50px}.sideBar .sideBarCard .cardContent .circle2{height:150px;width:150px;bottom:-80px;right:-70px;z-index:1}@media screen and (max-width: 820px){.sideBar{padding-bottom:2rem}.sideBar .sideBarCard{display:none!important}}@media screen and (max-width: 745px){.sideBar .logoDiv{text-align:center;margin:auto;padding:1.5rem .5rem 0}.sideBar .logoDiv img{max-width:50px;margin:0;border-radius:10px;padding:.5rem}.sideBar .logoDiv h2,.sideBar .menuDiv .divTitle,.sideBar .menuDiv .smallText,.sideBar .settingsDiv .divTitle,.sideBar .settingsDiv .smallText{display:none}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{justify-content:center}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{font-size:var(--h1FontSize)}}@media screen and (max-width: 390px){.sideBar .menuDiv .menuLists .listItem,.sideBar .settingsDiv .menuLists .listItem{padding:.2rem .5rem}.sideBar .menuDiv .menuLists .listItem .menuLink,.sideBar .settingsDiv .menuLists .listItem .menuLink{justify-content:center}.sideBar .menuDiv .menuLists .listItem .menuLink .icon,.sideBar .settingsDiv .menuLists .listItem .menuLink .icon{font-size:var(--h2FontSize)}}.mainContent{width:82%;height:100%;padding:2rem;overflow:auto}.mainContent .bottom{margin-top:2rem;gap:2rem;align-items:flex-start}@media screen and (max-width: 918px){.bottom{flex-direction:column}}:root{--PrimaryColor: hsl(94, 59%, 35%);--HoverColor: #bdf094;--paleGreen: hsl(96, 75%, 89%);--whiteColor: hsl(0, 0%, 100%);--blackColor: hsl(0, 0%, 18%);--textColor: hsl(240, 1%, 48%);--bgColor: hsl(220, 10%, 94%);--greyText: rgb(190, 190, 190);--inputColor: hsl(330, 12%, 97%);--biggestFontSize: 2.5rem;--h1FontSize: 1.5rem;--h2FontSize: 1.25rem;--h3FontSize: 1rem;--normalFontSize: .938rem;--smallFontSize: .813rem;--smallestFontSize: .75rem}.topSection .headerSection{justify-content:space-between}.topSection .headerSection .title h1{font-size:var(--h1FontSize);color:var(--blackColor);font-weight:700}.topSection .headerSection .title p{font-size:var(--normalFontSize);color:var(--textColor);font-weight:500}.topSection .headerSection .searchBar{padding:1rem 2rem;background:var(--whiteColor);border-radius:5px;gap:1rem;box-shadow:0 2px 4px var(--inputColor)}.topSection .headerSection .searchBar input{border:none;outline:none;background:none}.topSection .headerSection .searchBar .icon{color:var(--textColor)}.topSection .headerSection .searchBar .icon:hover{color:var(--PrimaryColor)}.topSection .headerSection .adminDiv{gap:1rem}.topSection .headerSection .adminDiv .icon{font-size:var(--biggestFontSize);background:var(--whiteColor);border-radius:5px;padding:5px;box-shadow:0 2px 4px var(--inputColor);color:var(--textColor)}.topSection .headerSection .adminDiv .adminImage{border:3px solid var(--whiteColor);border-radius:10px;width:2.5rem;overflow:hidden;box-shadow:0 2px 4px var(--inputColor)}.topSection .headerSection .adminDiv .adminImage img{width:100%;height:100%;border-radius:10px}.topSection .cardSection{margin-top:3rem;gap:1rem}.topSection .cardSection .rightCard{position:relative;flex-basis:70%;height:200px;flex-direction:column;align-items:flex-start;justify-content:center;margin:auto;padding:2rem;border-radius:1rem;overflow:hidden}.topSection .cardSection .rightCard .videoDiv{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.topSection .cardSection .rightCard .videoDiv video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topSection .cardSection .rightCard h1,.topSection .cardSection .rightCard p,.topSection .cardSection .rightCard .btn{z-index:100}.topSection .cardSection .rightCard h1{font-size:var(--h1FontSize);color:var(--whiteColor);font-weight:800}.topSection .cardSection .rightCard p{padding:1rem;color:var(--paleGreen);font-weight:500}.topSection .cardSection .rightCard .buttons{gap:1rem}.topSection .cardSection .rightCard .buttons .btn{box-shadow:none;padding:.8rem 1.5rem;color:var(--PrimaryColor);border:2px solid transparent}.topSection .cardSection .rightCard .buttons .transparent{background:none;border:2px solid var(--paleGreen);color:var(--paleGreen)}.topSection .cardSection .rightCard .buttons .transparent:hover{background:var(--paleGreen);color:var(--PrimaryColor)}.topSection .cardSection .leftCard{flex-basis:50%}.topSection .cardSection .leftCard .main{position:relative;padding:1rem;height:200px;border-radius:1rem;justify-content:space-between}.topSection .cardSection .leftCard .main:before{content:"";position:absolute;height:100%;width:100%;background:var(--paleGreen);left:0;bottom:0;border-radius:1rem}.topSection .cardSection .leftCard .main .textDiv{z-index:100}.topSection .cardSection .leftCard .main .textDiv h1{font-size:var(--h1FontSize);padding-bottom:1rem;color:var(--blackColor)}.topSection .cardSection .leftCard .main .textDiv .flex{gap:1.5rem;font-weight:500;color:var(--blackColor)}.topSection .cardSection .leftCard .main .textDiv .flex small{font-size:var(--normalFontSize);display:block;color:var(--PrimaryColor);font-weight:500;padding:.5rem 0}.topSection .cardSection .leftCard .main .textDiv .link{margin-top:2rem;cursor:pointer}.topSection .cardSection .leftCard .main .textDiv .link:hover{color:var(--PrimaryColor)}.topSection .cardSection .leftCard .main .textDiv .link:hover .icon{transform:translate(10px);transition:.3s ease}.topSection .cardSection .leftCard .main .imgDiv{transform:translateY(-20px)}.topSection .cardSection .leftCard .main .imgDiv img{width:200px}.topSection .cardSection .leftCard .sideBarCard{display:none;width:100%;padding:1rem;text-align:center;position:relative}.topSection .cardSection .leftCard .sideBarCard .icon{position:absolute;background:var(--HoverColor);border:10px solid var(--whiteColor);font-size:3rem;border-radius:50%;top:-8px;right:50%;transform:translate(50%);z-index:100}.topSection .cardSection .leftCard .sideBarCard .cardContent{position:relative;padding:1rem;background:var(--HoverColor);border-radius:10px;overflow:hidden}.topSection .cardSection .leftCard .sideBarCard .cardContent h3{font-size:var(--h3FontSize);margin-top:1rem;padding:1rem 0;font-weight:800;color:var(--blackColor)}.topSection .cardSection .leftCard .sideBarCard .cardContent p{font-size:var(--normalFontSize);color:var(--textColor);padding-bottom:1rem;font-weight:500}.topSection .cardSection .leftCard .sideBarCard .cardContent .btn{position:relative;color:var(--textColor);z-index:1000}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1,.topSection .cardSection .leftCard .sideBarCard .cardContent .circle2{position:absolute;background:var(--paleGreen);border-radius:50%;opacity:.7}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle1{height:100px;width:100px;top:-50px;left:-50px}.topSection .cardSection .leftCard .sideBarCard .cardContent .circle2{height:150px;width:150px;bottom:-80px;right:-70px;z-index:1}@media screen and (max-width: 990px){.cardSection{flex-direction:column}.cardSection .rightCard,.cardSection .leftCard{width:100%;flex-basis:100%}.cardSection .leftCard{margin-top:2rem;align-self:flex-start;height:10px!important}.cardSection .leftCard .sideBarCard{display:block!important}}@media screen and (max-width: 918px){.headerSection .searchBar{display:none}}@media screen and (max-width: 725px){.cardSection .leftCard .main{width:100%}.cardSection .leftCard .sideBarCard{display:none!important}}@media screen and (max-width: 490px){.headerSection .adminDiv{display:none}.headerSection .title{text-align:center;margin:auto}.cardSection .rightCard{text-align:center}.cardSection .rightCard .buttons{margin:auto;flex-direction:column}.cardSection .rightCard .buttons .btn{width:100%}.cardSection .leftCard .main{display:flex;align-items:center;justify-content:center}.cardSection .leftCard .main .textDiv{margin:auto}.cardSection .leftCard .main:before{width:100%!important}.cardSection .leftCard .main .imgDiv{display:none}}@media screen and (max-width: 390px){.topSection .cardSection .rightCard{text-align:center;padding:2rem 1rem}.topSection .cardSection .rightCard h1{font-size:var(--h2FontSize)}}.lisitingSection{flex-basis:70%}.lisitingSection .heading{width:100%;justify-content:space-between}.lisitingSection .heading h1{font-size:var(--h2FontSize);color:var(--blackColor);font-weight:700}.lisitingSection .heading .btn{border:1px solid transparent;font-weight:500}.lisitingSection .heading .btn:hover{border:1px solid var(--PrimaryColor)}.lisitingSection .secContainer{width:100%;margin:1rem 0;gap:1rem;flex-wrap:wrap;justify-content:space-between}.lisitingSection .secContainer .singleItem{position:relative;width:150px;height:170px;display:flex;align-items:center;flex-direction:column;padding:1rem;border-radius:10px;background:var(--itemCardColor)}.lisitingSection .secContainer .singleItem:hover{background:var(--itemCardHover);box-shadow:0 2px 2px var(--inputColor)}.lisitingSection .secContainer .singleItem img{max-width:100px}.lisitingSection .secContainer .singleItem .icon{position:absolute;top:10px;right:10px;color:var(--PrimaryColor)}.lisitingSection .secContainer .singleItem h3{font-size:var(--h3FontSize);color:var(--blackColor);padding:1rem 0}.lisitingSection .sellers{width:100%;justify-content:space-between;gap:1rem;align-items:flex-start}.lisitingSection .sellers .topSellers .heading,.lisitingSection .sellers .featuredSellers .heading{padding:1rem 0}.lisitingSection .sellers .topSellers .heading .btn,.lisitingSection .sellers .featuredSellers .heading .btn{padding:.5rem 1rem}.lisitingSection .sellers .topSellers .card,.lisitingSection .sellers .featuredSellers .card{padding:1rem 1.5rem;border-radius:1rem;background:var(--whiteColor);gap:1rem;box-shadow:0 2px 4px var(--inputColor)}.lisitingSection .sellers .topSellers .card .users,.lisitingSection .sellers .featuredSellers .card .users{padding-right:1rem;border-right:2px solid var(--greyText)}.lisitingSection .sellers .topSellers .card .users img,.lisitingSection .sellers .featuredSellers .card .users img{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--inputColor);transition:.5s ease}.lisitingSection .sellers .topSellers .card .users img:hover,.lisitingSection .sellers .featuredSellers .card .users img:hover{transform:translateY(-10px)}.lisitingSection .sellers .topSellers .card .cardText span,.lisitingSection .sellers .featuredSellers .card .cardText span{color:var(--blackColor);font-weight:500}.lisitingSection .sellers .topSellers .card .cardText span small,.lisitingSection .sellers .featuredSellers .card .cardText span small{font-weight:400}.lisitingSection .sellers .topSellers .card .cardText span small .date,.lisitingSection .sellers .featuredSellers .card .cardText span small .date{margin-left:1rem}@media screen and (max-width: 990px){.lisitingSection .sellers .card{flex-direction:column}}@media screen and (max-width: 918px){.lisitingSection .singleItem{width:200px!important}}@media screen and (max-width: 490px){.lisitingSection .sellers{flex-direction:column}.lisitingSection .sellers .card{flex-direction:row}}:root{--PrimaryColor: hsl(94, 59%, 35%);--HoverColor: #bdf094;--paleGreen: hsl(96, 75%, 89%);--whiteColor: hsl(0, 0%, 100%);--blackColor: hsl(0, 0%, 18%);--textColor: hsl(240, 1%, 48%);--bgColor: hsl(220, 10%, 94%);--greyText: rgb(190, 190, 190);--inputColor: hsl(330, 12%, 97%);--itemCardColor: hsl(120, 5%, 88%);--itemCardHover: hsl(120, 27%, 87%);--biggestFontSize: 2.5rem;--h1FontSize: 1.5rem;--h2FontSize: 1.25rem;--h3FontSize: 1rem;--normalFontSize: .938rem;--smallFontSize: .813rem;--smallestFontSize: .75rem}.activitySection{flex-basis:50%}.activitySection .heading{width:100%;justify-content:space-between}.activitySection .heading h1{font-size:var(--h2FontSize);color:var(--blackColor);font-weight:700}.activitySection .heading .btn{border:1px solid transparent}.activitySection .heading .btn:hover{border:1px solid var(--PrimaryColor)}.activitySection .secContainer{margin-top:1rem}.activitySection .secContainer .singleCustomer{align-items:flex-start;justify-content:space-between}.activitySection .secContainer .singleCustomer img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:50%;box-shadow:0 2px 4px var(--itemCardColor);margin-right:1rem}.activitySection .secContainer .singleCustomer .customerDetails{flex:1}.activitySection .secContainer .singleCustomer .customerDetails .name{font-size:var(--h3FontSize);font-weight:600;color:var(--blackColor);display:block}.activitySection .secContainer .singleCustomer .customerDetails small{font-weight:500;color:var(--textColor);font-size:var(--smallFontSize)}.activitySection .secContainer .singleCustomer .duration{color:var(--textColor);font-weight:500;font-size:var(--smallestFontSize)}@media screen and (max-width: 918px){.activitySection{width:100%}}.loginPage,.registerPage{height:100vh;width:100%;margin:auto;border-radius:10px;overflow:hidden;box-shadow:0 7px 50px #d6dfd5;background-image:url(http://localhost:5173//src/Assets/video.mp4);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#d5e7d5;color:#e1e1e1!important}.loginPage .container .videoDiv .footerDiv,.registerPage .container .videoDiv .footerDiv{background:hsl(94deg 100% 11.49%)}@media (max-width: 768px){.loginPage .container .videoDiv,.registerPage .container .videoDiv{width:100%;display:block}}label,.forgotPassword{color:#e1e1e1!important}.formGrid{display:grid;grid-template-columns:1fr;gap:20px;width:100%;overflow-y:auto;max-height:100vh}.loginPage .container .videoDiv,.registerPage .container .videoDiv{flex-basis:40%!important}.loginPage .container .formDiv .form .btn,.registerPage .container .formDiv .form .btn{background-color:#193b00}@media (min-width: 768px){.formGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.loginPage .container .videoDiv,.registerPage .container .videoDiv{width:100%;display:block}.loginPage .container .formDiv,.registerPage .container .formDiv{flex-basis:50%}img{width:140px}.loginPage .container,.registerPage .container{height:100%;overflow:hidden}.loginPage .container .formDiv,.registerPage .container .formDiv{gap:1rem;transform:translateY(-.5rem);overflow-y:auto;max-height:100%}.loginPage,.registerPage{width:100%}.loginPage .container,.registerPage .container{height:100%!important;margin-top:25%}}@media (min-width: 1024px){.formGrid{gap:30px}}.loginPage .container,.registerPage .container{height:90vh;width:90%;margin:auto;justify-content:space-between;border-radius:10px;background:hsl(94deg 94.41% 24.71% / 60%)}.label,.forgotPassword,h3.registration-label{color:#e1e1e1!important}