@font-face {
  font-family: RoobertPRO;
  src: url(../fonts/RoobertPRO-SemiBold.053d2998.woff2) format("woff2");
  font-weight: 600;
  unicode-range: u+000d, u+0020-007e, u+00a0-017f, u+018f, u+0192, u+01fa-01fd,
    u+0218-021b, u+0237, u+0259, u+02bc, u+02c6-02c7, u+02d8-02dd, u+0300-0304,
    u+0306-0308, u+030a-030c, u+0312, u+0326-0328, u+0374-0375, u+037e,
    u+0384-038a, u+038c, u+038e-03a1, u+03a3-03cf, u+03d7, u+0400-040d,
    u+040f-045d, u+045f, u+0490-0491, u+0e3f, u+1e80-1e85, u+1e9e, u+1ef2-1ef3,
    u+2013-2014, u+2018-201a, u+201c-201e, u+2020-2022, u+2026, u+2030,
    u+2039-203a, u+2044, u+2070, u+2074-2079, u+20a6, u+20ac, u+20b9, u+20bf,
    u+2113, u+2116, u+2122, u+2126, u+2153-2154, u+215b-215e, u+2190-2199,
    u+2202, u+2206, u+220f, u+2211-2212, u+221a, u+221e, u+222b, u+2248, u+2260,
    u+2264-2265, u+25ca, u+25cf, u+2669-266b, u+f8ff;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: RoobertPRO;
  src: url(../fonts/RoobertPRO-Regular.f747c372.woff2) format("woff2");
  font-weight: 400;
  unicode-range: u+000d, u+0020-007e, u+00a0-017f, u+018f, u+0192, u+01fa-01fd,
    u+0218-021b, u+0237, u+0259, u+02bc, u+02c6-02c7, u+02d8-02dd, u+0300-0304,
    u+0306-0308, u+030a-030c, u+0312, u+0326-0328, u+0374-0375, u+037e,
    u+0384-038a, u+038c, u+038e-03a1, u+03a3-03cf, u+03d7, u+0400-040d,
    u+040f-045d, u+045f, u+0490-0491, u+0e3f, u+1e80-1e85, u+1e9e, u+1ef2-1ef3,
    u+2013-2014, u+2018-201a, u+201c-201e, u+2020-2022, u+2026, u+2030,
    u+2039-203a, u+2044, u+2070, u+2074-2079, u+20a6, u+20ac, u+20b9, u+20bf,
    u+2113, u+2116, u+2122, u+2126, u+2153-2154, u+215b-215e, u+2190-2199,
    u+2202, u+2206, u+220f, u+2211-2212, u+221a, u+221e, u+222b, u+2248, u+2260,
    u+2264-2265, u+25ca, u+25cf, u+2669-266b, u+f8ff;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: RoobertPRO;
  src: url(../fonts/RoobertPRO-Medium.0579ad94.woff2) format("woff2");
  font-weight: 500;
  unicode-range: u+000d, u+0020-007e, u+00a0-017f, u+018f-0192, u+01fa-01fd,
    u+0218-021b, u+0237, u+0259, u+02bc, u+02c6-02c7, u+02d8-02dd, u+0300-0304,
    u+0306-030c, u+0312, u+0326-0328, u+0374-0375, u+037e, u+0384-038a, u+038c,
    u+038e-03a1, u+03a3-03cf, u+03d7, u+0400-040d, u+040f-045d, u+045f,
    u+0490-0491, u+0e3f, u+1e80-1e85, u+1e9e, u+1ef2-1ef3, u+2013-2026, u+2030,
    u+2039-203a, u+2044, u+2070, u+2074-2079, u+20a6, u+20ac, u+20b9, u+20bf,
    u+2113-2116, u+2122-2126, u+2153-2154, u+215b-215e, u+2190-2199, u+2202-2206,
    u+220f-2212, u+221a-221e, u+222b, u+2248, u+2260-2265, u+25ca, u+25cf,
    u+2669-266b, u+f8ff;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: RoobertPRO;
  src: url(../fonts/RoobertPRO-Bold.6eff59ec.woff2) format("woff2");
  font-weight: 700;
  unicode-range: u+000d, u+0020-007e, u+00a0-017f, u+018f, u+0192, u+01fa-01fd,
    u+0218-021b, u+0237, u+0259, u+02bc, u+02c6-02c7, u+02d8-02dd, u+0300-0304,
    u+0306-0308, u+030a-030c, u+0312, u+0326-0328, u+0374-0375, u+037e,
    u+0384-038a, u+038c, u+038e-03a1, u+03a3-03cf, u+03d7, u+0400-040d,
    u+040f-045d, u+045f, u+0490-0491, u+0e3f, u+1e80-1e85, u+1e9e, u+1ef2-1ef3,
    u+2013-2014, u+2018-201a, u+201c-201e, u+2020-2022, u+2026, u+2030,
    u+2039-203a, u+2044, u+2070, u+2074-2079, u+20a6, u+20ac, u+20b9, u+20bf,
    u+2113, u+2116, u+2122, u+2126, u+2153-2154, u+215b-215e, u+2190-2199,
    u+2202, u+2206, u+220f, u+2211-2212, u+221a, u+221e, u+222b, u+2248, u+2260,
    u+2264-2265, u+25ca, u+25cf, u+2669-266b, u+f8ff;
  font-style: normal;
  font-display: block;
}
body,
html {
  min-block-size: 100dvh;
}
.Container-fluid {
  margin: 0 auto;
  padding: 0;
}
.main-section {
  display: flex;
  width: 100%;
}
.left-side-section {
  width: 50%;
  display: flex;
  min-block-size: 100dvh;
  align-items: center;
  flex-direction: column;
}
.back-arrow {
  padding: 10px 12px;
  border-radius: 8px;
  margin: var(--spacing-150) 0 var(--spacing-400);
  margin-left: 15px;
}
.backWrap {
  margin-left: 10px;
}
.back-arrow a {
  color: var(--button-variant-tertiary-state-enabled-text-te);
}
.back-arrow:hover {
  background-color: var(
    --button-variant-primary-state-disabled-container-background-color
  );
}
.left-side-section .sign-up-text {
  width: 450px;

  padding: 20px 20px;
  color: var(--color-foreground-neutral);
}
.sign-up-text .sign {
  justify-content: center;
  text-align: center;
  font: var(--typography-header-m-semibold);
}
.login-Pg-img {
  width: 50%;
  flex: 0 0 50%;
  max-block-size: 100dvh;
  overflow: hidden;
  position: sticky;
  inset-block-start: 0;
  inline-size: 50%;
}
.login-Pg-img img {
  height: 100dvh;
  width: 100%;
  position: sticky;
  object-position: center;
  object-fit: cover;
}
.for-everyone a {
  text-decoration: none;
  color: var(--color-foreground-neutral);
  cursor: pointer;
}
.for-everyone:hover {
  background-color: var(
    --button-variant-primary-state-disabled-container-background-color
  );
}
.for-business:hover {
  background-color: var(
    --button-variant-primary-state-disabled-container-background-color
  );
}
.next-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #858585a1;
  padding: 20px 25px;
  border-radius: 8px;
}
.everyone-text {
  line-height: 20px;
}
.everyone-text p {
  font: var(--typography-body-s-regular);

  margin-bottom: 0;
}
.everyone-text p span {
  font: var(--typography-body-m-medium);
}

.icon img {
  height: 27px;
  width: 27px;
}
.for-business {
  margin-top: 15px;
}
.for-business a {
  text-decoration: none;
  color: var(--color-foreground-neutral);
}
.button-ank .btn-btn {
  border: none;
  color: var(--color-foreground-accent);
  background-color: #fff;
  font: var(--typography-body-s-regular);
}
.button-ank .btn-btn:hover {
  color: var(--color-foreground-accent-hover);
}
.button-ank {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
  gap: 20px;
  margin-block-start: auto;
}

.button-ank a {
  text-decoration: none;
  font: var(--typography-body-s-regular);
  color: var(--color-foreground-accent);
}
.button-ank a:hover {
  color: var(--color-foreground-accent-hover);
}
.button-ank svg {
  height: 20px;
}
.button-ank span {
  font-size: 12px;
}
.ack-text a:hover {
  color: var(--color-foreground-accent-hover);
}

.backWrap {
  display: flex;
  width: 100%;
}

/* forgot password */
.head-text {
  text-align: center;
  width: 450px;
}
.head-text .for-head {
  font: var(--typography-header-m-semibold);

  color: var(--color-foreground-neutral);
}
.head-text p {
  font: var(--typography-body-s-regular);
  color: var(--avatar-group-variant-default-state-default-more-text-color);
}
.head-text p span {
  color: var(--color-foreground-neutral);
}
.reset-button button {
  display: flex;
  justify-content: center;
  background-color: var(--color-foreground-neutral);
  border-color: var(--color-foreground-neutral);
  color: white;
  border-radius: 8px;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  width: 450px;
  height: 48px;
  font-weight: 600;
}

.reset-button {
  margin-top: 30px;
}

.reset-button button:hover {
  background-color: var(
    --button-variant-primary-state-hover-container-background-color
  );
}
.busines-acc {
  text-align: center;
  font: var(--typography-header-xs-semibold);
  color: var(--color-foreground-neutral);
}
.ack-text {
  text-align: center;
}
.ack-text p {
  color: var(--color-foreground-neutral-faded);
  font: var(--typography-body-s-regular);
}
.ack-text span a {
  color: var(--color-foreground-accent);
  text-decoration: none;
}
.ack-text span a:hover {
  color: var(--color-foreground-accent-hover);
}
.forgetBtn a {
  text-decoration: none;
  display: block;
  color: var(--color-foreground-accent);
  margin-top: 20px;
  font-weight: 500;
}
.input i {
  display: flex;
  top: 0;
  right: 0;
  margin-left: 92%;
  margin-bottom: 0%;
  margin-top: 53px;
  position: absolute;
}
.input {
  position: relative;
}
.input i {
  width: 24px;
  height: 24px;
  color: var(--color-foreground-neutral-faded);
}
/* forgot password Hussnain*/
/*fresha for latest*/
.continue-text h4 {
  font-size: 17px;
  font-weight: 600;
  display: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  min-width: 0;
  gap: 8px;
  text-decoration: none;
}

.facebook-button a {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  border: 1px solid #bfbfbf;
  width: 450px;
  border-radius: 8px;
  height: 48px;
}

.facebook-button a {
  text-decoration: none;
  color: black;
  font: var(--typography-body-m-semibold);
}

.facebook-button a:hover {
  background-color: var(--color-background-base-hoverc);
}
.ack-text a {
  font: var(--typography-body-s-regular);
  color: var(--color-foreground-accent);
  text-decoration: none;
}
.form-input input {
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
  margin-top: 10px;
}

.customer-login .form-input input[type="text"],
.customer-login .form-input input[type="email"],
.customer-login .form-input input[type="password"] {
  width: 450px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--color-background-neutral-hover);
}
.customer-login .select2-container .select2-selection--single {
  height: 48px;
  border: 1px solid #bfbfbf;
  border-radius: 8px;
}
.customer-login .select2-container .select2-selection--multiple {
  min-height: 48px;
  border: 1px solid #bfbfbf;
  border-radius: 8px;
}
.customer-login
  .select2-container
  .select2-search--inline
  .select2-search__field {
  margin-top: 10px;
}
.customer-login
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 46px;
}
.customer-login .form-input input {
  height: 22px;
  border-radius: 5px;
  border: 1px solid var(--color-background-neutral-hover);
}

.customer-login
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 10px;
  right: 7px;
  width: 20px;
}

.form-input input:focus-visible {
  outline: none;
}
.facebook-button img {
  margin-left: 15px;
}

.facebook-button {
  margin-top: 15px;
}
.continue-text h4 {
  margin-top: 5px;
  font: var(--typography-body-m-semibold);
  color: var(--button-variant-secondary-state-enabled-text-tex);
}

.facebook-button img {
  width: 24px;
}

.separator {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  flex-wrap: wrap;
}

.spa-border {
  background-color: var(--kati-surface-alt);
  height: 1px;
  width: calc(50% - 20px);
}
.separ {
  width: 40px;
  line-height: 20px;
}

.customer-login p {
  color: var(--color-foreground-neutral-faded);
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  padding-top: 12px;
}

.separ p {
  margin-top: 12px;
}

.busines-acc p {
  margin-top: 15px;
}

.busines-acc span {
  color: var(--color-foreground-neutral-faded);
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  padding-top: 12px;
  line-height: 5px;
}

.busines-acc {
  line-height: 15px;
  margin-top: 30px;
}

.ack-text a {
  color: var(--color-foreground-accent);
}

.fresha-logo {
  display: flex;
  justify-content: center;
  width: 120px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 40px;
}

.inline {
  inline-size: 448px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

/*Ahsan Work */

.container-fluid {
  margin: 0 auto;
  padding: 0;
}

body {
  margin: 0 auto;
  padding: 0;
}

.fresha-for-customer {
  display: flex;
}

.customer-login {
  width: 50%;
}
.login-Pg-img {
  width: 50%;
  flex: 0 0 50%;
  max-block-size: 100dvh;
  overflow: hidden;
  position: sticky;
  inset-block-start: 0;
  inline-size: 50%;
  object-position: center;
  object-fit: cover;
}

.login-Pg-img img {
  width: 100%;
  position: sticky;
  object-position: center;
  object-fit: cover;
}

.customer-login h2 {
  text-align: center;
  font-size: 24px;
}

.customer-login p {
  color: var(--color-foreground-neutral-faded);
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  padding-top: 12px;
}

.display-text {
  flex-direction: column;
  gap: 16px;
}

.login-button .img img {
  width: 24px;
}

.continue-text h4 {
  font-size: 17px;
  font-weight: 600;
  display: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  min-width: 0;
  gap: 8px;
  text-decoration: none;
}

.facebook-button a {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  border: 1px solid var(--color-border-neutral);
  width: 450px;
  border-radius: 8px;
  height: 48px;
}

.facebook-button a {
  text-decoration: none;
  color: var(--color-static-black);
}

.facebook-button a:hover {
  background-color: var(--color-background-disabled);
}

.login-button {
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
}

.facebook-button img {
  margin-left: 15px;
}

.facebook-button {
  margin-top: 15px;
}

.continue-text h4 {
  margin-top: 5px;
}

.customer-login i {
  width: 24px;
  height: 24px;
  color: var(--color-foreground-neutral-faded);
}

.form-input input {
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
  margin-top: 10px;
  padding-right: 30px;
}

.form-input input {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--color-foreground-ghost);
}
.form-input .error {
  display: block;
  text-align: left;
  color: red;
  width: 100%;
}
#phone_number-error {
  position: absolute;
}
.form-input input:focus-visible {
  outline: none;
}

.form-input input::placeholder {
  text-align: left;
  font-weight: 500;
}

.business-input input {
  padding-right: 15px;
}

.continue-button button {
  display: flex;
  justify-content: center;
  background-color: var(--color-foreground-neutral);
  border-color: var(--color-foreground-neutral);
  color: var(--color-foreground-on-accent);
  border-radius: 8px;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  width: 450px;
  height: 48px;
  font-weight: 600;
}

.continue-button {
  margin-top: 30px;
}

.continue-button button:hover {
  background-color: var(
    --button-variant-primary-state-hover-container-background-color
  );
}

.accounts h4 {
  font-size: 17px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
  margin-top: 20px;
}

.accounts a {
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  margin: 0 auto;
  text-decoration: none;
  color: var(--color-background-accent);
  font-weight: 600;
}

.customer-login {
  display: inline;
  flex-wrap: wrap;
  padding-bottom: 40px;
}

.login-Pg-img img {
  height: 100dvh;
}

.buisness-account p {
  width: 400px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.form-input {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.form-input label {
  font-weight: 600;
  margin-top: 7px;
}

.input {
  margin-top: 14px;
}

.input select {
  width: 450px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--color-foreground-ghost);
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.input select:focus-visible {
  outline: none;
}

.checkbox input {
  width: 20px;
  height: 20px;
}

.privacy span a {
  font-weight: 500;
}

.forgetBtn a {
  text-decoration: none;
  display: block;
  color: var(--color-foreground-accent);
  margin-top: 20px;
  font-weight: 500;
}

.click-checkBox:focus {
  background-color: var(--color-foreground-accent);
  border-color: var(--color-foreground-accent);
}

.click-checkBox:active {
  background-color: var(--color-foreground-on-loud);
}

.inline {
  inline-size: 448px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.accounts {
  inline-size: 448px;
}

.button-ank .btn-btn {
  border: none;
  color: var(--color-foreground-accent);
  background-color: var(--color-foreground-on-loud);
}
.button-ank {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 20px;

  margin-top: 20px;
  margin-block-start: auto;
}

.button-ank a {
  text-decoration: none;
  color: var(--color-foreground-accent);
}
.button-ank svg {
  height: 20px;
}

.separator {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  flex-wrap: wrap;
}

.spa-border {
  background-color: var(--kati-surface-alt);
  height: 1px;
  width: calc(50% - 20px);
}
.separ {
  width: 40px;
  line-height: 53px;
}
.back-arrow {
  padding: 10px 12px;
  border-radius: 8px;
  margin: var(--spacing-150) 0 var(--spacing-400);
}
.back-arrow a {
  color: var(--button-variant-tertiary-state-enabled-text-te);
}
.back-arrow:hover {
  background-color: var(--color-background-neutral);
}

.back-arrow {
  width: 50px;
  height: 50px;
  margin-left: 20px;
}

.fresha-logo {
  display: flex;
  justify-content: center;
  width: 120px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.checkbox a {
  text-decoration: none;
  color: var(--color-foreground-neutral);
  font: var(--typography-body-s-regular);
}

.checkbox span {
  color: var(--color-foreground-accent);
}

.input i {
  display: flex;
  top: 0;
  position: relative;
  right: 0;
  margin-left: 92%;
  margin-bottom: 0%;
  margin-top: 53px;
  position: absolute;
}

.input {
  position: relative;
}

.checkbox {
  margin-top: 52px;
  display: flex;
  gap: 15px;
}
#teamSize {
  color: #999;
}
.buisness-account h2 {
  font: var(--typography-header-m-semibold);
  color: var(--color-foreground-neutral);
}

.buisness-account p {
  font: var(--typography-body-s-regular);
  color: var(--color-foreground-neutral);
}

.input label {
  font: var(--typography-body-s-semibold, 600 15px / 20px Roobert PRO);
  color: var(--color-foreground-neutral, var(--kati-ink));
}

.input input:focus {
  border-color: var(--color-foreground-accent);
}

.form-input input:focus {
  border-color: var(--color-foreground-accent);
}

.form-input::placeholder {
  font-weight: 500;
}

/*Dropdown css*/

.box-select {
  position: relative;
  display: inline-block;
  width: 450px;
  border-radius: 8px;
  margin-top: 14px;
}

.box-select select:focus {
  border-color: var(--color-foreground-ghost);
}

.box-select select {
  border-color: var(--color-foreground-ghost);
}

/* .box-select.focus::after {
  content: "\f106";
  font-family: fontAwesome;
  position: absolute;
  top: 8px;
  right: 12px;
}
.box-select::after {
  content: "\f107";
  font-family: fontAwesome;
  position: absolute;
  top: 8px;
  right: 12px;
}
.box-select::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ccc;
  top: 0;
  right: 30px;
} */
.box-select select {
  padding: 11px 50px 11px 20px;
  background: transparent;
  z-index: 100;
  position: relative;
  border-radius: 8px;
}

.form-control:focus {
  box-shadow: none;
  outline: none;
}

.cutcue-logo img {
  width: 150px;
}

#country-error {
  position: absolute;
  bottom: -27px;
}
#service-error {
  position: absolute;
  bottom: -27px;
}

.signup_form .form-input input[type="file"] {
  height: auto;
}

.business-input label {
  margin-left: 3px;
}
.box-select,
.phoneField {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
#government_approved_id,
#address_proof {
  margin-top: 0;
}
.box-select label,
.input label {
  color: #000000;
  font-size: 15px;
  font-weight: 500 !important;
}
.datesignup-Field {
  width: 450px !important;
  height: 48px !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.signup_check {
  margin-top: 52px;
  display: flex;
  gap: 4px;
  justify-content: left;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
}
.business-input {
  position: relative;
}
.business-input i {
}
.signup_check a {
  margin-top: 12px;
}
.customer-brithday input[type="date"] {
  background-image: none;
}
.forgot-sec {
  max-width: 450px;
}
.breakWord {
  word-wrap: break-word;
  font-size: 15px;
}
.forget_signin {
  text-decoration: none;
}
.forgot-sec i {
  position: absolute;
  right: 10px;
  top: 9px;
  margin-top: 13px;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .login-Pg-img {
    display: none;
  }
  .customer-login {
    margin: 0 auto;
    width: 100%;
  }
  .left-side-section {
    margin: 0 auto;
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .breakWord {
    word-wrap: break-word;
    width: 80%;
    margin: 0 auto;
    text-align: left;
  }
  .venLink {
    margin: 0;
    padding: 0;
  }
  .breakWord {
    font-size: 12px;
  }
}
@media screen and (max-width: 430px) {
  .forgot-sec {
    max-width: 100%;
  }
  .head-text,
  .reset-button button,
  .signup_form .checkbox,
  .box-select,
  .continue-button {
    width: 100%;
  }
  .inline {
    inline-size: 100%;
  }
  .form-input.business-input div.input,
  .continue-button button {
    width: 100%;
  }
  #signin-form,
  #signup-form {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .backWrap,
  .back-arrow {
    margin-left: 0;
  }

  .login_Forget {
    margin-left: 45px;
  }

  .facebook-button {
    width: 366px;
    margin: 0 auto;
    display: flex;
    margin-top: 12px;
  }

  .signup_form .form-input input[type="checkbox"] {
    width: 15px !important;
  }

  .signup_form .checkbox {
    display: flex;
    align-items: center;
  }
  .customer-login .form-input input[type="text"],
  .customer-login .form-input input[type="email"],
  .customer-login .form-input input[type="password"] {
    width: 100%;
  }
  .datesignup-Field,
  .box-select .select2-container {
    width: 100% !important;
  }
  .signup_check {
    flex-wrap: wrap;
    font-size: 13px;
    margin-top: 20px;
  }
  .signup_check a {
    font-size: 13px;
  }
  .signup_check .checkboxing {
    padding-right: 0;
  }
}
@media screen and (max-width: 390px) {
  .facebook-button {
    width: 366px;
    margin: 0 auto;
    display: flex;
    margin-top: 12px;
  }

  .signup_form .form-input input[type="checkbox"] {
    width: 15px !important;
  }

  .signup_form .checkbox {
    display: flex;
    align-items: center;
  }
}