.headerContainer{background-color:var(--white-color);z-index:999;flex-direction:column;width:100%;height:fit-content;display:flex;position:fixed;left:0;box-shadow:0 25px 20px -20px #00000059}.headerTopContainer{flex-direction:row;justify-content:space-between;width:100%;height:5rem;padding:1% 10%;display:flex}.headerInnerContent{white-space:nowrap;width:20%;font-weight:var(--title-upperMedium);flex-direction:row;align-items:center;gap:10px;display:flex;position:relative}.profilePicture{background-color:var(--white-color);border-radius:50%;width:2.8rem;height:2.8rem;display:flex}.companyName{font-size:var(--company-title);color:var(--primary-color);font-family:var(--fourth-font);font-weight:800}.logoImage{cursor:pointer;width:100%}.userName{font-size:var(--medium-font-size);font-family:var(--fourth-font)}.headerLogoPlacement{flex-direction:row;align-items:center;gap:10px;display:flex}.headerBottomContainer{background-color:var(--white-color);white-space:nowrap;width:55%;font-size:var(--mini-two-content);font-family:var(--fourth-font);font-weight:var(--title-medium);color:var(--secondary-color);flex-direction:row;justify-content:center;align-items:center;gap:8%;transition:all .5s;display:flex}.servicesContainer{cursor:pointer;border-bottom:4px solid #0000;flex-direction:row;justify-content:center;align-items:center;gap:5px;transition:all .1s ease-in-out;display:flex}.normalContainer{cursor:pointer;border-bottom:4px solid #0000;transition:all .5s}.selectedNav{border-bottom:4px solid var(--primary-color);border-bottom:4px solid var(--primary-color);border-top-left-radius:10px;border-top-right-radius:10px;padding-bottom:1%;color:var(--primary-color)!important}.servicesContainer:hover,.normalContainer:hover{color:var(--primary-color)}.availableContainer:hover{padding-bottom:5px}.loginText{color:#191919!important}.placeHolder{color:var(--placeholder-color);cursor:default}.placeHolder:hover{color:var(--placeholder-color)}.hamburgerMenuIcon{display:none}.normalContainer:hover .marketPlaceDropDown,.showMarketDropdown{opacity:1}.marketPlaceDropDown{opacity:0}.marketPlaceDropDownShow{opacity:1}.dropDownContent{background-color:var(--white-color);width:9%;height:7rem;font-family:var(--fourth-font);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:1rem;transition:all 1s;display:flex;position:absolute;bottom:-55%;left:14.25%;box-shadow:0 7px 29px #64646f33}.contentProduct,.contentService{justify-content:center;align-items:center;display:flex}.dropDownTitle{text-align:center;font-family:var(--fourth-font);transition:all .3s}.dropDownTitle:hover{color:var(--primary-color);transition:all .3s}.myProfile{justify-content:space-evenly;align-items:center;gap:1rem;display:flex}.profileModal{background-color:var(--white-color);font-family:var(--fourth-font);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:10rem;height:3rem;padding:1rem;display:flex;position:absolute;top:100%;box-shadow:0 7px 29px #64646f33}.myProfile{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.logOut{color:var(--log-out-error);flex-direction:row;justify-content:center;align-items:center;gap:2rem;display:flex}.becomeAvendorRoute{display:none!important}.profileContainer{background-color:var(--white-color);font-family:var(--fourth-font);color:var(--secondary-color);border-radius:12px;flex-direction:column;padding:.5rem;display:flex;position:absolute;top:100%;right:-4rem;box-shadow:0 7px 29px #64646f33}.userProfileContainer,.logOutContainer,.userProfileContainerNavbar{gap:1rem;padding:1rem;display:flex}.logOutContainer{display:flex}.successReportIcon{justify-content:center;display:flex}.reportSuccessContent{color:var(--primary-color);justify-content:center;padding:0 3%;display:flex}.reportSucessThanksContent{color:var(--report-content-color);text-align:center;justify-content:center;padding:2%;display:flex}.reportHeaderMainContainer{z-index:999;background-color:var(--black-25-color);width:100%;height:100vh;font-family:var(--fourth-font);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.reportSuccess{background-color:var(--white-color);border-radius:12px;flex-direction:column;width:50%;padding:2%;display:flex}.headerVendorCloseIcon{width:4%}.headerVendorImageContainer{justify-content:flex-end;display:flex}.headerAd{background-color:#8a2be2;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:70%;height:4rem;margin:auto;display:flex;position:relative;top:-.5rem}.editProfileText:hover{color:var(--primary-color)}@media only screen and (min-width:0) and (max-width:767px){.userName{display:none}.headerTopContainer{padding-left:4%;padding-right:4%}.logoImage{width:70%}.hamburgerMenuIcon{width:36px;display:none}.headerInnerContent{gap:3.5rem}.headerBottomContainer{display:none}.profilePicture{width:2.5rem;height:2.5rem}.hamburgerMenuIcon{display:none}.headerContainer{background-color:var(--white-color);justify-content:center;height:10vh}.dashboardMainPage{margin-top:100px}.companyName{position:absolute;left:25%}.profileModal{background-color:var(--white-color);width:max-content;font-family:var(--fourth-font);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:3rem;padding:.5rem;display:flex;position:absolute;top:100%;right:0%;box-shadow:0 7px 29px #64646f33;z-index:999!important}.profileContainer{right:0}.becomeAvendorRoute{display:flex!important}.headerInnerContent{width:auto}}@media only screen and (min-width:768px) and (max-width:1024px){.headerTopContainer{padding-left:5%;padding-right:5%}.headerContainer{height:12vh}.profileContainer{right:0}.userName{display:none}.profileModal{background-color:var(--white-color);width:max-content;font-family:var(--fourth-font);text-align:center;border-radius:10px;justify-content:center;align-items:center;height:3rem;padding:.5rem;display:flex;position:absolute;top:100%;right:0%;box-shadow:0 7px 29px #64646f33;z-index:999!important}.headerBottomContainer{display:none}.logoImage{width:100%}.headerInnerContent{width:24%}}@media only screen and (min-width:1500px){.headerContainer,.headerBottomContainer{height:auto}}