@media (min-width: 768px) {
  .mainWrapperContainer {
    background-color: #dedede;
    min-height: 100dvh !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper {
    min-width: 60%;
    min-height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .mainWrapperContainer .wrapperMain .mainInputWrapper {
    width: 40%;
    background-color: #FFFFF0;
    min-height: 95dvh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  div.bottomDisplay {
    bottom: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 363px;
    position: absolute;
    right: -290.4px;
    top: 504.163px;
    -webkit-transform: matrix(1, 0, 0, 1, -326.7, 0);
            transform: matrix(1, 0, 0, 1, -326.7, 0);
    z-index: 4;
  }
  div.desktopWrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh !important;
    min-width: 60%;
    height: 100%;
    /* background-color: red; */
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  div.bannerImageWrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100% !important;
    /* width: 10% !important; */
    position: relative;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper::before {
    content: "";
    position: absolute;
    height: 100dvh;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    z-index: 2;
  }
}

div.emailContainer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* background-color: red; */
  gap: .5rem !important;
}

div.emailContainer label {
  /* background-color: #000000; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666666;
  cursor: default;
  text-transform: capitalize;
  display: inline;
  font-family: Satoshi-Medium, sans-serif;
  font-size: 12.8px;
  line-height: 19.2px;
}

div.emailContainer input {
  height: 2.5rem !important;
  width: 100% !important;
}

div.emailContainer input:focus {
  border: 1.2px solid #5D3FD3 !important;
  background-color: #c3b1e174 !important;
}

div.emailContainer ul {
  /* background-color: blue; */
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: .5rem;
  /* display: none; */
  list-style: none;
}

div.emailContainer ul li {
  font-size: .75rem;
  font-family: 'Satoshi-Medium';
  color: #333;
}

.signInBtn {
  cursor: pointer !important;
  border: none;
  height: 2.5rem !important;
  width: 95% !important;
  margin-inline: auto;
}

.signInBtn:hover {
  background-color: #5D3FD3;
  color: #fff;
  scale: 1.05;
  border-radius: 10rem !important;
}

body {
  overflow: hidden !important;
}

.mainInputWrapper .inputMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 90%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  overflow-y: auto;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.mainInputWrapper .inputMain::-webkit-scrollbar {
  display: none;
}

a.backBtn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFF4;
  border-radius: 4px;
  bottom: 681.6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #16154D;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Satoshi-Bold;
  font-size: 12.8px;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 32px;
  line-height: 19.2px;
  padding: 0px 16px;
  position: absolute;
  right: 603.725px;
  top: 16px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 3;
}

.backBtn:hover {
  scale: 1.1;
  background-color: #3333 !important;
  border-radius: 10rem !important;
}
/*# sourceMappingURL=changePasswordStyles.css.map */