/* This source code is exported from pxCode, you can get more document from https://www.pxcode.io */
.login-group {
  display: flex;
  flex-direction: column;
  background-color: #301e1a; }

.button{
	cursor: pointer;
}

.login-group.layout {
  position: relative;
  overflow: hidden;
  min-height: 1024px;
  flex-shrink: 0; }

.login-flex {
  display: flex;
  flex-direction: column; }

.login-flex.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  width: 90.28%;
  margin: 70px auto; }

.login-txt {
  font: 900 36px/1.5 "Poppins", Helvetica, Arial, serif;
  color: #fafafa;
  letter-spacing: 0px; }

.login-txt.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.login-txt1-box.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 20px 0px 0px; }

.login-txt1 {
  font: 700 36px/1.5 "Poppins", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px; }

.login-txt1-span0 {
  font: 700 1em/1.5 "Poppins", Helvetica, Arial, serif;
  color: #fafafaff;
  letter-spacing: 0px; }

.login-txt1-span1 {
  font: 700 1em/1.5 "Poppins", Helvetica, Arial, serif;
  color: #dea169ff;
  letter-spacing: 0px; }

.login-txt2-box.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 20px 0px 0px; }

.login-txt2 {
  font: 500 24px/1.5 "Poppins", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px; }

.login-txt2-span0 {
  font: 500 1em/1.5 "Poppins", Helvetica, Arial, serif;
  color: #ffffffff;
  letter-spacing: 0px; }

.login-txt2-span1 {
  font: 500 1em/1.5 "Poppins", Helvetica, Arial, serif;
  color: #dea169ff;
  text-decoration: underline;
  letter-spacing: 0px; }

.login-group1 {
  display: flex;
  flex-direction: column; }

.login-group1.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  width: 31.38%;
  margin: 20px 68.62% 0px 0%; }

.login-flex1 {
  display: flex;
  flex-direction: column; }

.login-flex1.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.login-txt3 {
  font: 14px/1.5 "Poppins", Helvetica, Arial, serif;
  color: #fafafa;
  letter-spacing: 0px; }

.login-txt3.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.login-group2 {
  display: flex;
  flex-direction: column;
  background-color: rgba(212, 199, 188, 0.298);
  border-radius: 4px 4px 4px 4px; }

.login-group2.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 4px 0px 0px; }

.login-flex2 {
  display: flex; }

.login-flex2.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 12px 16px; }

.login-txt4 {
  font: 16px/1.5 "Poppins", Helvetica, Arial, serif;
  color: #fafafa;
  letter-spacing: 0px; }

.login-txt4.layout {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.login-flex2-spacer {
  flex: 0 1 10px; }

.login-flex2-item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 16px; }

.login-img {
  background: var(--src) center center/contain no-repeat; }

.login-img.layout {
  position: relative;
  height: 16px;
  width: 16px;
  min-width: 16px;
  margin: 4px 0px; }

.login-group3 {
  display: flex;
  flex-direction: column; }

.login-group3.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  width: 31.38%;
  margin: 20px 68.62% 0px 0%; }

.login-flex3 {
  display: flex;
  flex-direction: column; }

.login-flex3.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.login-txt5 {
  font: 14px/1.5 "Poppins", Helvetica, Arial, serif;
  color: #fafafa;
  letter-spacing: 0px; }

.login-txt5.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.login-group4 {
  display: flex;
  height: 40px;
  color: white;
  flex-direction: column;
  background-color: rgba(212, 199, 188, 0.298);
  border-radius: 4px 4px 4px 4px; }

.login-group4.layout {
  position: relative;
  height: 40px;
  margin: 4px 0px 0px; }

.login-flex4 {
  display: flex; }

.login-flex4.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 12px 16px; }

.login-txt6 {
  font: 16px/1.5 "Poppins", Helvetica, Arial, serif;
  color: #fafafa;
  letter-spacing: 0px; }

.login-txt6.layout {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.login-flex4-spacer {
  flex: 0 1 10px; }

.login-flex4-item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 18px; }

.login-img.layout1 {
  position: relative;
  height: 16px;
  width: 18px;
  min-width: 18px;
  margin: 4px 0px; }

.login-group5 {
  display: flex;
  flex-direction: column;
  background-color: #784a42;
  box-shadow: 0px 2px 8px 0px rgba(120, 74, 66, 0.14902);
  border-radius: 10px 10px 10px 10px; }

.login-group5.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  width: 31.38%;
  margin: 20px 68.62% 0px 0%; }

.login-txt7 {
  display: flex;
  justify-content: center;
  font: 500 16px/1.5 "Poppins", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 0px; }

.login-txt7.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 16px 24px; }