.vendorFormMainContainer{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}.vendorFormInnerContainer{background-color:var(--white-color);-webkit-user-select:none;user-select:none;border-radius:1.25rem;flex-direction:column;width:50%;max-height:90vh;display:flex}.vendorFormInnerContainer::-webkit-scrollbar{display:none}.vendorFormHeadertitle{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:3% 5%;display:flex}.headerAndContent{width:100%;color:var(--secondary-color);flex-direction:column;align-items:center;gap:5%;display:flex}.headerStyleVendorForm{font-size:var(--company-title);font-weight:var(--title-semibold)}.contentStyleVendorForm{font-size:var(--title2)}.vendorHrTag{border-top:1px solid var(--border-auth);width:100%}.vendorFormContainer{flex-direction:column;gap:1.5rem;max-height:50vh;padding:3% 5%;display:flex;overflow:hidden scroll}.fieldInputBoxContainer{font-size:var(--mini-content);color:var(--secondary-color);flex-direction:column;gap:.5rem;display:flex;position:relative}.inputBoxTitleVendor{font-size:var(--medium-font-size);font-weight:var(--title-semibold)}.inputBoxVendor{border:1px solid var(--create-post-hr);height:2.5rem;font-family:var(--fourth-font);background-color:var(--white-color);color:var(--secondary-color);border-radius:12px;outline:none;padding-left:3%;font-size:var(--medium-font-size)!important}.vendorFormContainer::-webkit-scrollbar{width:8px;height:10px;display:flex!important}.vendorFormContainer::-webkit-scrollbar{display:none!important}.vendorFormContainer::-webkit-scrollbar-track{background-color:var(--horizantal-line)!important;border-top:0!important;border-bottom:1px solid var(--scoll-color)!important;border-radius:5px!important}.vendorFormContainer::-webkit-scrollbar-thumb{background-color:var(--scoll-color)!important;border-radius:5px!important}.vendorFormContainer::-webkit-scrollbar-thumb{background-color:var(--scoll-color)!important}.vendorFormContainer:hover::-webkit-scrollbar{width:8px!important}.vendorFormContainer::-webkit-scrollbar{width:8px!important;display:block!important}.textareaBoxVendor{height:6rem;font-size:var(--medium-font-size);border:1px solid var(--create-post-hr);resize:none;background-color:var(--white-color);color:var(--secondary-color);border-radius:12px;outline:none;padding:2% 3%;font-family:var(--fourth-font)!important}.textareaBoxVendor::-webkit-scrollbar{display:none}.TCandPPcontent{font-size:var(--mini-content);font-weight:var(--title-upperMedium);color:var(--secondary-color);text-wrap:nowrap;gap:.575rem;display:flex}.highlightTCPP{color:var(--primary-color);cursor:pointer;text-decoration:underline}.vendorButtonContainer{font-family:var(--fourth-font);flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem;margin-right:5%;padding-top:2%;padding-bottom:2%;display:flex}.ResendButtonVendorForm{font-size:.875rem;font-family:var(--fourth-font);border:1px solid var(--primary-color);border-radius:12px}.cancelButtonVendorForm{border:1px solid var(--primary-color);font-size:var(--medium-font-size);font-weight:var(--title-upperMedium);color:var(--primary-color);background-color:var(--white-color);cursor:pointer;border-radius:12px;outline:none;padding:1.5% 5%}.RegisterButtonVendorForm{color:var(--white-color);background-color:var(--primary-color);font-size:.875rem;font-weight:var(--title-upperMedium);border:1px solid var(--primary-color);font-size:var(--medium-font-size);font-weight:var(--title-upperMedium);cursor:pointer;white-space:nowrap;font-family:var(--fourth-font);border-radius:12px;outline:none;padding:1.5% 5%;transition:all .5s}.RegisterButtonVendorForm:hover{background-color:var(--white-color);color:var(--primary-color)}.disableRegisterButtonVendorForm{color:var(--placeholder-color);background-color:var(--publish-disable-color);border:1px solid var(--publish-disable-color);font-size:.875rem;font-weight:var(--title-upperMedium);white-space:nowrap;font-family:var(--fourth-font);font-size:var(--medium-font-size);font-weight:var(--title-upperMedium);border-radius:12px;outline:none;padding:1.5% 5%;transition:all .5s}.vendorErrorMessage{color:var(--vendorFormError);font-size:var(--mini-content);font-weight:var(--title-upperMedium);position:absolute;top:100%}.errorInput{border:1px solid var(--vendorFormError)!important}.imageContainerVendorForm{border:2.5px dashed var(--create-post-hr);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:60%;padding:3%;display:flex}.dragDropContent{font-size:var(--mini-content);color:var(--secondary-color);font-weight:var(--title-upperMedium);padding-top:2%}.imageSizeVendorContent{font-size:var(--low-content);color:var(--create-post-hr)}.imageVendorFormDp{border:1px solid var(--border-auth);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;width:150px;height:150px}.vendorOTPContainer{flex-direction:column;gap:1rem;padding:3% 5%;display:flex}.vendorTopContentOTP{flex-direction:column;gap:.5rem;display:flex}.vendorTopInnerContentOTP{flex-direction:row;gap:1rem;display:flex}.editIconOTP{cursor:pointer}.ResendButtonVendorForm{font-size:.875rem;font-weight:var(--title-upperMedium);color:var(--primary-color);background-color:var(--white-color);cursor:pointer;white-space:nowrap;font-family:var(--fourth-font);outline:none;padding:1.5% 5%}.vendorOTPBoxContainer{gap:1rem;justify-content:flex-start!important;padding-top:0%!important}.vandorOTPHeader{font-size:var(--medium-font-size);font-weight:var(--title-upperMedium);color:var(--secondary-color)}.vendorPasswordContainer{flex-direction:column;gap:1rem;width:90%;margin-top:2%;display:flex;margin-left:5%!important}.vendorPasswordSubContainer,.vendorPasswordBox{border-radius:12px!important}.vendorPasswordBox{background-color:var(--white-color);color:var(--secondary-color);font-size:var(--medium-font-size)!important;width:95%!important;padding:1% 1% 1% 2%!important}.vendorSuccessPageContainer{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.successReportIcon{justify-content:center;display:flex}.reportSuccessContent{color:var(--primary-color);text-align:center;justify-content:center;padding:2% 0;display:flex}.checkBoxWrapper{gap:1rem;display:flex}.checkBoxInput{width:1rem;height:1rem}.customCheckbox input{opacity:0;cursor:pointer;position:absolute}.customCheckbox .checkmark{background-color:#ccc;border-radius:4px;width:20px;height:20px;display:inline-block;position:relative}.customCheckbox input:checked+.checkmark{background-color:var(--primary-color)}.customCheckbox .checkmark:after{content:"";border:solid var(--white-color);border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.customCheckbox input:checked+.checkmark:after{display:block}.reportSucessThanksContent{color:var(--report-content-color);text-align:center;justify-content:center;padding:2%;display:flex}.successHeader{justify-content:flex-end}.firstAndLastNameContainer{flex-direction:row;justify-content:space-between;width:100%;display:flex}.firstNameContainer{flex-direction:column;gap:1rem;width:48%;display:flex}.firstNameInputBox{border:1px solid var(--border-auth);border-radius:12px;outline:none;height:2.75rem;padding-left:3%;padding-right:3%}.vendorEyeIcon{width:2.5%!important}.verificationCode{font-size:.875rem}.react-tel-input{width:10%!important}.contactMainPin{flex-basis:0%!important}.inpuTnumber{border:0 solid;width:100%}@media (min-width:0) and (max-width:780px){.vendorFormInnerContainer{width:95%}.secondaryPin{padding-left:10%}.TCandPPcontent{flex-wrap:wrap}.imageContainerVendorForm{width:100%}.vendorButtonContainer{height:4rem}.cancelButtonVendorForm{border:1px solid var(--primary-color);font-weight:var(--title-upperMedium);color:var(--primary-color);background-color:var(--white-color);cursor:pointer;width:6rem;font-size:.875rem;font-family:var(--fourth-font);border-radius:12px;outline:none;padding:.5rem}}@media only screen and (min-width:1700px){.vendorEyeIcon{width:1.75%!important}}@media only screen and (min-width:768px) and (max-width:1150px){.vendorFormInnerContainer{width:65%}}