.description-woocommerce-form strong,
.woocommerce-form-lamkadeh-title div > span b {
  font-family: peydaBold;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.woocommerce-form-login-wrapper {
  display: flex;
  justify-content: center;
  margin: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #f7f8fd;
}
.woocommerce-form-login-lamkadeh {
  display: flex;
  position: relative;
  align-items: start;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  height: 692px;
  background: #fff;
  border-radius: 32px;
  max-width: 1018px;
  width: 1018px;
}
.woocommerce-form-login-right-lamkadeh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 30px 0 0;
  gap: 24px;
  width: 45%;
}
.woocommerce-form-login-left-lamkadeh {
  width: 50%;
}
.woocommerce-form-lamkadeh-title {
  position: relative;
  width: 266px;
  height: 64px;
}
.woocommerce-form-lamkadeh-title > span {
  position: absolute;
  width: 60px;
  height: 13px;
  left: 24px;
  top: 14px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  leading-trim: both;
  text-edge: cap;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: rgba(29, 41, 119, 0.1);
}
.woocommerce-form-lamkadeh-title
  .woocommerce-form-login-right-lamkadeh-title-shape {
  position: absolute;
  width: 111px;
  height: 20px;
  left: 32px;
  bottom: 14px;
  background: var(--main-complementary-color);
  border-radius: 8px;
}
.woocommerce-form-lamkadeh-title div > span {
  width: 191px;
  height: 20px;
  position: absolute;
  right: 70px;
  top: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 31px;
  leading-trim: both;
  text-edge: cap;
  text-align: right;
  color: var(--main-color);
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0 -29px;
  z-index: 1;
}
.woocommerce-form-lamkadeh-title div svg {
  width: 64px;
  height: 64px;
  border-radius: 1000px;
  z-index: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.description-woocommerce-form p {
  height: 72px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  color: rgba(4, 6, 7, 0.6);
}
.description-woocommerce-form strong,
.form-woocommerce-login-lamkadeh .form-group p a:hover,
.otp-code {
  color: var(--main-color);
}
.form-woocommerce-login-lamkadeh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 20px;
  width: 100%;
  height: 324px;
}
.form-woocommerce-login-lamkadeh label {
  margin: 10px 0;
  max-width: 460px;
  height: 22px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: rgba(2, 3, 8, 0.64);
}
.form-woocommerce-login-lamkadeh input {
  padding: 16px 24px;
  width: 395px;
  height: 54px;
  background: rgba(29, 41, 119, 0.05);
  border-radius: 14px;
  font-family: dana;
  border: 0 solid;
}
.form-woocommerce-login-lamkadeh input[type="text"]:nth-child(2) {
  font-family: dana;
}
.form-woocommerce-login-lamkadeh .form-group {
  display: flex;
  align-items: start;
  gap: 3px;
  flex-direction: column;
}
.form-woocommerce-login-lamkadeh .form-group button span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  gap: 10px;
  color: var(--main-color);
  background-color: #fff;
  height: 56px;
  border: 1px solid var(--main-color);
  border-radius: 1000px;
  flex: none;
  order: 0;
  flex-grow: 1;
  z-index: 0;
}
.form-woocommerce-login-lamkadeh .form-group svg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 8px;
  width: 56px;
  height: 56px;
  background: var(--main-color);
  border-radius: 1000px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0 -19px;
  z-index: 1;
}
.form-woocommerce-login-lamkadeh .form-group button {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  padding: 0;
  isolation: isolate;
  width: 395px;
  height: 56px;
  flex: none;
  border: 0;
  border-radius: 1000px;
  cursor: pointer;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.form-woocommerce-login-lamkadeh .form-group p {
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
.form-woocommerce-login-lamkadeh .form-group p a {
  color: var(--main-complementary-color);
  font-family: peydaExtraBold;
  cursor: pointer;
  transition: color 0.3s;
}
.rectangle-shape-one-form-login {
  position: absolute;
  bottom: 0;
  right: 0;
}
.rectangle-shape-two-form-login {
  position: absolute;
  top: 50px;
  right: 45%;
}
.woocommerce-form-login-left-lamkadeh-shape {
  position: absolute;
  width: 337px;
  height: 695px;
  left: 0;
  top: -3px;
  background: var(--main-complementary-color);
  border-radius: 0 0 88px;
}
.woocommerce-form-login-left-lamkadeh-shape svg:first-child {
  position: absolute;
  width: 118px;
  height: 115px;
  left: 154px;
  top: 533px;
}
.woocommerce-form-login-left-lamkadeh-shape svg:nth-child(2) {
  position: absolute;
  width: 69px;
  height: 67px;
  left: -8px;
  top: 0;
}
.woocommerce-form-login-chair {
  position: absolute;
  width: 403px;
  height: 596px;
  overflow: hidden;
  z-index: 1;
  left: 12%;
  top: calc(50% - 596px / 2);
  background: var(--main-color);
  border-radius: 1000px;
}
@media (max-width: 1600px) {
  .woocommerce-form-login-chair {
    left: 5%;
  }
}
.woocommerce-form-login-chair .circle-one-woocommerce {
  position: absolute;
  width: 391px;
  height: 391px;
  left: -42px;
  top: 284px;
  border-radius: 50%;
  background: rgba(247, 248, 253, 0.06);
}
.woocommerce-form-login-chair .circle-two-woocommerce {
  position: absolute;
  width: 204px;
  height: 204px;
  left: 130px;
  top: -71px;
  border-radius: 50%;
  background: rgba(247, 248, 253, 0.06);
}
.woocommerce-form-login-chair > img.bed-light {
  position: absolute;
  width: 258px;
  height: 239px;
  left: calc(50% - 258px / 2 + 0.5px);
  top: calc(50% - 239px / 2 - 190.5px);
}
.woocommerce-form-login-chair > span {
  position: absolute;
  width: 128px;
  height: 67px;
  left: calc(50% - 128px / 2 - 90.5px);
  top: 100px;
  font-family: peydaBold;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 67px;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.06);
  transform: rotate(-90deg);
}
.woocommerce-form-login-chair img.image-woocommerce-login {
  position: absolute;
  width: 386px;
  height: 428px;
  left: 0;
  top: 168px;
}
.otp-code {
  text-align: center !important;
  width: 65px !important;
  height: 65px !important;
  font-size: 18px !important;
  padding: 7px !important;
  border: 1px solid var(--main-color);
}
@media (max-width: 768px) {
  .woocommerce-form-login-left-lamkadeh {
    display: none;
  }
  .woocommerce-form-login-right-lamkadeh {
    padding-top: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .description-woocommerce-form p,
  .form-woocommerce-login-lamkadeh,
  .form-woocommerce-login-lamkadeh .form-group button,
  .form-woocommerce-login-lamkadeh label {
    width: 100%;
  }
  .form-woocommerce-login-lamkadeh input {
    width: 95vw;
  }
  .woocommerce-form-login-lamkadeh {
    width: 100%;
    height: 630px;
  }
  .form-woocommerce-login-lamkadeh .form-group button span {
    width: 85vw;
  }
  .rectangle-shape-two-form-login {
    left: 0;
    right: inherit;
    top: -50px;
  }
}