body {
  background: #F6F6FE;
  overflow-y: visible;
  overflow-x: hidden;
}
.phone-number {
  position: absolute;
  top: calc(50% - 11.78px);
  left: 55px;
}
.phone-number input {
  height: 23px;
  width: 244.44px;
  left: 24px;
  top: 270px;
  background: white;
  border-radius: 9.09px;
  overflow: hidden;
  border: none;
  font-family: Manrope;
  font-size: 16.663px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.phone-1-icon {
  position: absolute;
  top: 15.11px;
  left: 18px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  object-fit: cover;
}
.phone-number-parent {
  position: absolute;
  top: 390px;
  left: calc(50% - 170.5px);
  border-radius: 9.09px;
  background-color: var(--color-white);
  width: 326.44px;
  height: 53.78px;
  overflow: hidden;
}
.password {
  position: absolute;
  top: calc(50% - 10.78px);
  left: 55px;
}
.password input {
  height: 23px;
  width: 244.44px;
  left: 24px;
  top: 270px;
  background: white;
  border-radius: 9.09px;
  overflow: hidden;
  border: none;
  font-family: Manrope;
  font-size: 16.663px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.eye-password-hide-1-icon,
.password-1-icon {
  position: absolute;
  top: calc(50% - 11.78px);
  left: 17px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  object-fit: cover;
}
.eye-password-hide-1-icon {
  top: calc(50% - 8.78px);
  left: 288px;
  width: 18px;
  height: 18px;
}
.password-parent {
  position: absolute;
  top: 456px;
  left: calc(50% - 170.5px);
  border-radius: 9.09px;
  background-color: var(--color-white);
  width: 326.44px;
  height: 53.78px;
  overflow: hidden;
}
.selectmachine-parent {
  position: absolute;
  top: 525px;
  left: calc(50% - 170.5px);
  border-radius: 9.09px;
  background-color: var(--color-white);
  width: 326.44px;
  height: 53.78px;
  overflow: hidden;
}
.selectmachine {
  position: absolute;
  top: calc(50% - 10.78px);
  left: 55px;
}
.selectmachine select {
  height: 23px;
  width: 244.44px;
  left: 24px;
  top: 270px;
  background: white;
  border-radius: 9.09px;
  overflow: hidden;
  border: none;
  font-family: Manrope;
  font-size: 16.663px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}


.login1 {
  width: 326.44px;
  background: unset;
  border: unset;
  color: var(--Client-Pallete-Light-mode-Secondary-bg-client, #FFF);
  font-family: Manrope;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.login-wrapper {
  position: absolute;
  top: 575px;
  left: calc(50% - 170.5px);
  border-radius: 9.09px;
  background-color: #0700a8;
  width: 326.44px;
  height: 53.78px;
  overflow: hidden;
  cursor: pointer;
  color: var(--color-white);
}
.notch-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 85.5px);
  width: 172px;
  height: 32px;
  object-fit: cover;
}
.time {
  position: absolute;
  top: 1px;
  left: 0;
  letter-spacing: -0.41px;
  line-height: 22px;
  font-weight: 600;
  display: inline-block;
  width: 54px;
  height: 20px;
}
.
.wifi-icon {
  position: relative;
  width: 17px;
  height: 11.83px;
  object-fit: cover;
}
.icon-mobile-signal {
  position: absolute;
  top: 1px;
  left: calc(50% - 38.7px);
  width: 18px;
  height: 12px;
  object-fit: cover;
}

.category-1-icon {
  border-radius: 50%;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.vendors-portal {
  position: relative;
  line-height: 26px;
  display: inline-block;
  width: 99px;
  flex-shrink: 0;
}
.category-1-parent {
  position: absolute;
  top: 104px;
  left: calc(50% - 105.5px);
  font-size: 24px;
  color: var(--color-gray);
}

.login {
  position: relative;
  background-color: #f6f6fe;
  width: 100%;
  height: 750px;
  overflow: hidden;
  text-align: left;
  font-size: 16.66px;
  color: var(--color-lightsteelblue);
  font-family: var(--font-manrope);
}



/* home  */