/* #0ba5ec */
.bg {
  background: url('../../images/bg.jpeg') 50% / cover no-repeat;
  position: absolute;
  /* left: 50%; */
  /* top: -83px; */
  /* translate: -50% 0; */
  width: 100vw;
  height: 100vh;
}
.pesantris-logo-1 {
  background: url('../../images/pesantrisLogo1.png') 50% / cover no-repeat;
  position: relative;
  margin: 0 1px 50px 0;
  width: 257px;
  height: 70px;
}
.website-admin-text {
  margin-bottom: 12px;
  display: inline-block;
  overflow-wrap: break-word;
  font-family: var(--display-sm-semibold-font-family, 'Inter');
  font-weight: var(--display-sm-semibold-font-weight, 600);
  font-size: var(--display-sm-semibold-font-size, 30px);
  line-height: var(--display-sm-semibold-line-height, 1.267);
  color: var(--gray-900, #101828);
}
.website-admin-supporting-text {
  overflow-wrap: break-word;
  font-family: 'Inter';
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: var(--gray-600, #475467);
}
.website-admin .header {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
}
.website-admin .label {
  margin-bottom: 6px;
  display: inline-block;
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: var(--text-sm-medium-font-family, 'Inter');
  font-weight: var(--text-sm-medium-font-weight, 500);
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 1.429);
  color: var(--gray-700, #344054);
}
.website-admin .text-1 {
  overflow-wrap: break-word;
  font-family: var(--text-md-regular-font-family, 'Inter');
  font-weight: var(--text-md-regular-font-weight, 400);
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 1.5);
  color: var(--gray-500, #667085);
}
.website-admin .input {
  box-shadow: var(--shadowxs-1, 0px 1px 2px 0px rgba(16, 24, 40, 0.05));
  border-radius: 8px;
  border: 1px solid var(--gray-300, #D0D5DD);
  background: var(--white, #FFFFFF);
  padding: 9px 13px;
  width: fit-content;
  box-sizing: border-box;
}
.website-admin .input-field {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  width: fit-content;
  box-sizing: border-box;
}
.website-admin .label-1 {
  margin-bottom: 6px;
  display: inline-block;
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: var(--text-sm-medium-font-family, 'Inter');
  font-weight: var(--text-sm-medium-font-weight, 500);
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 1.429);
  color: var(--gray-700, #344054);
}
.website-admin .text-2 {
  overflow-wrap: break-word;
  font-family: var(--text-md-regular-font-family, 'Inter');
  font-weight: var(--text-md-regular-font-weight, 400);
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 1.5);
  color: var(--gray-500, #667085);
}
.website-admin .content-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
}
.website-admin .ioneye {
  width: 16px;
  height: 16px;
}
.website-admin .help-icon {
  margin: 4px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
}
.website-admin .input-1 {
  box-shadow: var(--shadowxs-1, 0px 1px 2px 0px rgba(16, 24, 40, 0.05));
  border-radius: 8px;
  border: 1px solid var(--gray-300, #D0D5DD);
  background: var(--white, #FFFFFF);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 9px 13px;
  width: 350px;
  box-sizing: border-box;
}
.website-admin .input-field-1 {
  display: flex;
  flex-direction: column;
  width: fit-content;
  box-sizing: border-box;
}
.website-admin .form {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  width: fit-content;
  box-sizing: border-box;
}
.website-admin .checkbox-base {
  border-radius: 4px;
  border: 1px solid var(--gray-300, #D0D5DD);
  background: var(--white, #FFFFFF);
  width: 16px;
  height: 16px;
}
.website-admin .checkbox-1 {
  margin: 2px 8px 2px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
}
.text-remember {
  overflow-wrap: break-word;
  font-family: var(--text-sm-medium-font-family, 'Inter');
  font-weight: var(--text-sm-medium-font-weight, 500);
  line-height: var(--text-sm-medium-line-height, 1.429);
  color: var(--gray-700, #344054);
}
.website-admin .checkbox {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.text-link {
  overflow-wrap: break-word;
  font-family: var(--text-sm-semibold-font-family, 'Inter');
  font-weight: var(--text-sm-semibold-font-weight, 600);
  line-height: var(--text-sm-semibold-line-height, 1.429);
  color: var(--blue-light-500, #0BA5EC);
}
.website-admin .button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
}
.website-admin .row {
  margin: 0 0.8px 24px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 349.2px;
  box-sizing: border-box;
}
.website-admin .text-5 {
  overflow-wrap: break-word;
  font-family: var(--text-md-semibold-font-family, 'Inter');
  font-weight: var(--text-md-semibold-font-weight, 600);
  font-size: var(--text-md-semibold-font-size, 16px);
  line-height: var(--text-md-semibold-line-height, 1.5);
  color: var(--white, #FFFFFF);
}
.website-admin .button-base {
  box-shadow: var(--shadowxs-1, 0px 1px 2px 0px rgba(16, 24, 40, 0.05));
  border-radius: 8px;
  background: var(--blue-light-500, #0BA5EC);
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px 0.3px 10px 0;
  width: 350px;
  height: fit-content;
  box-sizing: border-box;
}
.website-admin .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 350px;
  box-sizing: border-box;
}
.website-admin .content {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: fit-content;
  box-sizing: border-box;
}
.website-admin .group-19634 {
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
  border-radius: 40px;
  background: #FFFFFF;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  width: fit-content;
  box-sizing: border-box;
}
.website-admin {
  background: #FFFFFF;
  /* display: flex; */
  /* flex-direction: column; */
  /* align-items: center; */
  /* padding: 100px 0 222px 0; */
  /* width: 1600px; */
  /* box-sizing: border-box; */
}