.ringLoder_loader__KNQAj {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.ringLoder_svg__cY7H_ {
  width: 35px;
  transform-origin: center;
  animation: ringLoder_rotate__KzSYh 2s linear infinite;
}

.ringLoder_svg__cY7H_ > circle {
  fill: none;
  stroke: var(--color-dark-blue);
  stroke-width: 5;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: ringLoder_dash__KdaWT 2.5s ease-in-out infinite;
}

@keyframes ringLoder_rotate__KzSYh {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes ringLoder_dash__KdaWT {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dashoffset: -125px;
  }
}

.verificationForm_container__VYYz8 {
  width: 300px;
  height: auto;
  padding: var(--padding-40) var(--padding-30);
  background-color: var(--color-ffffff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--br15);
  transform: scale(1.5);
}

.verificationForm_form__xjtb1 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.verificationForm_inputFieldall__xEwgt {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--gap-10);
}
.verificationForm_inputField__ScECb {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-5);
}
.verificationForm_input__O_DQd {
  color: var(--text-h1);
  font-size: var(--font-18);
  font-weight: var(--weight-800);
  max-width: 50px;
  aspect-ratio: 1/1;
  text-align: center;
  border-radius: var(--br10);
  background: transparent;
  border: 1px solid var(--color-gray60);

  overflow: hidden;
  transition: var(--transition2);
  @media (max-width: 700px) {
    font-size: var(--font-14) !important;
    max-width: 40px !important;
    font-weight: var(--weight-400) !important;
  }
}

.verificationForm_input__O_DQd:hover {
  border: 1px solid var(--color-dark-blue);
  border-radius: var(--br10);
}
.verificationForm_input__O_DQd:focus {
  border: 1px solid var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0px 0px 0px 5px var(--color-dark-blue30);
}

/* ___.popupsignup___ */

.verificationForm_popupsignup__Rfoy9 {
  position: fixed;
  max-width: 480px;
  width: calc(100% - 100px);
  aspect-ratio: 1/1;
  gap: var(--gap-30);
  box-shadow: var(--box-shadow);
  background-color: var(--background-root);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--padding-50);
  justify-content: space-between;
  z-index: 117;
  animation: verificationForm_slide-in-fwd-center__G72__ 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  @media (max-width: 700px) {
    height: 450px;
    width: calc(100% - 50px) !important;
    padding: var(--padding-30) !important;
    border-radius: var(--br25) !important;
    aspect-ratio: 5/6 !important;
  }
}
@keyframes verificationForm_slide-in-fwd-center__G72__ {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.verificationForm_closebtn___jVv9 {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;

  padding: var(--padding-5);
  border-radius: var(--br5);
  border: 1px solid var(--color-gray60);
  transition: var(--transition3);
  cursor: pointer;
}
.verificationForm_closebtn___jVv9:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}
.verificationForm_backbtn__9Iig3 {
  min-width: 35px;
  width: 35px;
  max-width: 35px;
  min-height: 35px;
  height: 35px;
  max-height: 35px;
  position: relative;

  border-radius: var(--br5);
  transition: var(--transition3);
  cursor: pointer;
}
.verificationForm_backbtn__9Iig3:hover {
  transform: translateX(-5px);
}
.verificationForm_welcometext1__MWBam {
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-20);
  font-weight: var(--weight-800);
  text-transform: capitalize;
  text-align: center;
  @media (max-width: 720px) {
    font-size: var(--font-16);
    font-weight: var(--weight-600);
  }
}
.verificationForm_welcometext2__JtblW {
  margin-top: 8px;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  @media (max-width: 700px) {
    font-size: var(--font-14);
  }
}
.verificationForm_resend__c5inC {
  position: relative;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: uppercase;
}
.verificationForm_form__xjtb1 {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: center;
  width: 100%;
  align-content: space-between;
  justify-content: space-between;
}
.verificationForm_loginsection__7mUzK {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: flex-start;
  transition: var(--transition3);
}
.verificationForm_nextbtn__li_fl {
  position: relative;
  width: 100%;
  height: 50px;
  bottom: 0px;
  background-color: var(--color-dark-blue);

  border-radius: var(--br15);
  color: var(--color-ffffff);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  border: 1px solid var(--color-dark-blue);
  transition: var(--transition3);
  cursor: pointer;
}
.verificationForm_nextbtn__li_fl:hover {
  box-shadow: 0px 0px 0px 5px var(--color-dark-blue60);
}
.verificationForm_inputtelsection__ECA__ {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--gap-10);
  justify-content: space-between;
}
.verificationForm_inputcodesection__khmnS {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--gap-10);
  justify-content: space-between;
}

.verificationForm_inputtext__BYFBG {
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  transition: var(--transition3);
}

.verificationForm_inputtel__P4wGm {
  padding: 0px var(--padding-20);
  letter-spacing: 3px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 70%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}
.verificationForm_inputtel__P4wGm:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}
.verificationForm_inputtel__P4wGm:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}

.verificationForm_inputcode__anczL {
  padding: 0px var(--padding-20);
  letter-spacing: 5px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 100%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}
.verificationForm_inputcode__anczL:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}
.verificationForm_inputcode__anczL:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}
.verificationForm_error__YYion {
  position: absolute;
  color: var(--color-dark-red);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  bottom: -25px;
  right: 0px;
}
.verificationForm_timer__vS8QG {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}

.verificationForm_popupsignup__Rfoy9 > button > div > svg > circle {
  stroke: var(--color-ffffff) !important;
}

.reactPhoneInput_inputcodesection__jff1K {
  position: relative;
  display: flex;
  width: 100%;

  flex-direction: column;
  gap: var(--gap-20);
  justify-content: space-between;
}

.reactPhoneInput_inputtext__ivp_A {
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  transition: var(--transition3);
}

.reactPhoneInput_inputtelsection__BhI3h {
  gap: var(--gap-10);
  position: relative !important;

  display: flex !important;
  height: 50px !important;
  color: var(--text-h2) !important;
  border-radius: var(--br8) !important;
  background: var(--color-white) !important;
  border: 1px solid var(--content-box) !important;
  outline: none !important;
  transition: var(--transition3);
  font-size: var(--font-14) !important;
  font-weight: var(--weight-400) !important;
  width: 100% !important;
  text-decoration: none !important;
  align-items: flex-start !important;
}
.reactPhoneInput_inputtelsection__BhI3h:hover {
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  color: var(--text-h1) !important;
  text-decoration: none !important;
}
.reactPhoneInput_inputtelsection__BhI3h:focus {
  background: var(--color-white) !important;
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  box-shadow: 0 0 0 5px var(--color-dark-blue30) !important;
  color: var(--text-h1) !important;
  transition: var(--transition3);
  text-decoration: none !important;
}
.reactPhoneInput_dropdown__gtm6m {
  margin: 10px 0 0px 0px !important;
  z-index: 999 !important;
  display: flex !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-height: 300px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  position: absolute !important;

  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 0px var(--padding-10) var(--padding-10) var(--padding-10) !important;
  box-shadow: var(--box-shadow) !important;
  background: var(--color-white) !important;
  color: var(--text-h1);
  border-radius: 0px var(--br15) var(--br15) var(--br15) !important;
  animation: reactPhoneInput_scale-in-tl__8P7AY 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  transition: var(--transition2);
}

@keyframes reactPhoneInput_scale-in-tl__8P7AY {
  0% {
    transform: scale(0);

    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);

    transform-origin: 0% 0%;
    opacity: 1;
  }
}

.reactPhoneInput_dropdown__gtm6m li {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 280px !important;
  gap: var(--gap-10) !important;
  border-radius: var(--br10) !important;
  @media (max-width: 480px) {
    width: 200px !important;
  }
}

.reactPhoneInput_dropdown__gtm6m li > .reactPhoneInput_highlight__h8Q29 {
  background-color: aqua !important;
}
.reactPhoneInput_dropdown__gtm6m li div {
  margin: 0px !important;
  border-radius: 2px !important;
  scale: 1.1 !important;
}
.reactPhoneInput_dropdown__gtm6m span:nth-child(2) {
  margin: 0px !important;
  color: var(--text-h1) !important;
  font-size: var(--font-14) !important;
  font-weight: var(--weight-400) !important;
  width: 200px !important;
  text-align: left !important;
  text-wrap: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  @media (max-width: 480px) {
    font-size: var(--font-14) !important;
    font-weight: var(--weight-400) !important;
    width: 120px !important;
  }
}
.reactPhoneInput_dropdown__gtm6m span:nth-child(3) {
  width: 35px !important;
  text-align: left !important;
  margin: 0px !important;
  color: var(--text-h2) !important;
  font-size: var(--font-12) !important;
  font-weight: var(--weight-400) !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) {
  padding: var(--padding-10) 0 var(--padding-5) 0px !important;
  background: var(--color-white) !important;
  z-index: 2 !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) span {
  display: none !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) input {
  position: relative !important;

  display: flex !important;
  height: 30px !important;
  color: var(--text-h2) !important;
  border-radius: var(--br8) !important;
  background: var(--color-white) !important;
  border: 1px solid var(--content-box) !important;
  outline: none !important;
  transition: var(--transition3);
  font-size: var(--font-14) !important;
  font-weight: var(--weight-400) !important;
  width: 100% !important;
  text-decoration: none !important;
  align-items: flex-start !important;
  margin: 0px !important;
  padding: var(--padding-5) var(--padding-10) !important;
}

.reactPhoneInput_dropdown__gtm6m li:nth-child(1) input:hover {
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  color: var(--text-h1) !important;
  text-decoration: none !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) input:focus {
  background: var(--color-white) !important;
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  box-shadow: 0 0 0 5px var(--color-dark-blue30) !important;
  color: var(--text-h1) !important;
  transition: var(--transition3);
  text-decoration: none !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1):hover {
  background: var(--color-white) !important;
}
.reactPhoneInput_dropdown__gtm6m li:hover {
  background: var(--color-gray30) !important;
  transition: var(--transition2);
  border-radius: var(--br10) !important;
}
.reactPhoneInput_country__Pw4U_ {
  height: 100% !important;
  width: 0px !important;
  border: 0px !important;
  border-radius: var(--br30) !important;
  background: var(--color-white) !important;
}

.reactPhoneInput_country__Pw4U_ > div {
  background: transparent !important;
  margin: 1px !important;
  border-radius: var(--br30) !important;

  outline: none !important;
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  padding: 0px 0px 0px var(--padding-10) !important;
  border-radius: var(--br20) !important;
  justify-content: flex-start;
  align-content: center !important;
  align-items: center !important;
}
.reactPhoneInput_country__Pw4U_ > div > div > div {
  transition: var(--transition2);
  border-top-color: var(--color-gray) !important;
  border-bottom-color: var(--color-gray) !important;
  border-radius: var(--br10) !important;
}
.reactPhoneInput_inputcodesection__jff1K > button > div > svg > circle {
  stroke: var(--color-ffffff) !important;
}

.signIn_popupsignup__3rkV5 {
  position: fixed;
  max-width: 480px;
  width: calc(100% - 100px);
  aspect-ratio: 1/1;
  box-shadow: var(--box-shadow);
  background-color: var(--background-root);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--padding-50);
  justify-content: space-between;
  z-index: 117;
  animation: signIn_slide-in-fwd-center__2LTZP 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  @media (max-width: 700px) {
    height: 450px;
    width: calc(100% - 50px) !important;
    padding: var(--padding-30) !important;
    border-radius: var(--br25) !important;
    aspect-ratio: 5/6 !important;
  }
}
@keyframes signIn_slide-in-fwd-center__2LTZP {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.signIn_closebtn__Ae__L {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;

  padding: var(--padding-5);
  border-radius: var(--br5);
  border: 1px solid var(--color-gray);
  transition: var(--transition3);
  cursor: pointer;
}
.signIn_closebtn__Ae__L:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}
.signIn_backbtn__dXrI9 {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;

  border-radius: var(--br5);
  transition: var(--transition3);
  cursor: pointer;
}
.signIn_backbtn__dXrI9:hover {
  transform: translateX(-10px);
}

.signIn_welcometext1__kv5SP {
  position: relative;
  color: var(--color-dark-blue);
  font-size: var(--font-24);
  font-weight: var(--weight-700);
  text-transform: capitalize;
  text-align: center;
  letter-spacing: 1px;
}
.signIn_welcometext2__dO9EI {
  margin-top: 15px;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  @media (max-width: 700px) {
    font-size: var(--font-12);
  }
}
.signIn_resend__ijYZP {
  position: relative;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  height: 12px;
}
.signIn_form__AY8m6 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: center;
  width: 100%;
  align-content: space-between;
  justify-content: space-between;
}
.signIn_loginsection__MpABz {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: flex-start;
  transition: var(--transition3);
}
.signIn_nextbtn__miDUE {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0px;
  background-color: var(--color-dark-blue);

  border-radius: var(--br15);
  color: var(--color-ffffff);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  border: 1px solid var(--color-dark-blue);
  transition: var(--transition3);
  cursor: pointer;
}
.signIn_nextbtn__miDUE:hover {
  box-shadow: 0px 0px 0px 5px var(--color-dark-blue60);
}
.signIn_inputtelsection__T_evk {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--gap-10);
  justify-content: space-between;
}
.signIn_inputcodesection__a2wId {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--gap-10);
  justify-content: space-between;
}

.signIn_inputtext__B3Bkn {
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  transition: var(--transition3);
}

.signIn_inputtel__irgt1 {
  padding: 0px var(--padding-20);
  letter-spacing: 3px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 70%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}
.signIn_inputtel__irgt1:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}
.signIn_inputtel__irgt1:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}

.signIn_inputcode__xqSIC {
  padding: 0px var(--padding-20);
  letter-spacing: 5px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 100%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}
.signIn_inputcode__xqSIC:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}
.signIn_inputcode__xqSIC:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}
.signIn_error__qxZyF {
  position: absolute;
  color: var(--color-dark-red);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  bottom: -25px;
  right: 0px;
}


/*# sourceMappingURL=5460187b79fa9e5b.css.map*/