.header-container {
  min-height: 100vh;
}
.header-header {
  width: 428px;
  height: 1165px;
  display: flex;
  padding: 0;
  position: relative;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  margin-right: 0;
  border-radius: 0px 0px 0px 0px;
  margin-bottom: 0;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.header-rectangle2 {
  top: 420px;
  left: 0px;
  width: 428px;
  height: 745px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.header-rectangle3 {
  top: 774px;
  left: 30px;
  width: 368px;
  height: 170px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-radius: 8px;
}
.header-rectangle1 {
  top: 695px;
  left: 30px;
  width: 368px;
  height: 130px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  border-radius: 8px 8px 0 0;
}
.header-asset11 {
  top: 0px;
  left: 29px;
  width: 185px;
  height: 55px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.header-asset31 {
  top: 67px;
  left: 33px;
  width: 372px;
  height: 351px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.header-text {
  top: 427px;
  left: 35px;
  color: var(--dl-color-default-greentss);
  width: 358px;
  height: auto;
  position: absolute;
  font-size: 32px;
  align-self: auto;
  font-style: Black;
  text-align: left;
  font-family: Avenir;
  font-weight: 900;
  line-height: 110.00000238418579%;
  font-stretch: normal;
  text-decoration: none;
}
.header-text01 {
  font-weight: 900;
}
.header-text06 {
  top: 579px;
  left: 34px;
  color: var(--dl-color-default-birutss);
  width: 359px;
  height: auto;
  position: absolute;
  font-size: 24px;
  align-self: auto;
  font-style: Medium;
  text-align: left;
  font-family: Avenir;
  font-weight: 500;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.header-text08 {
  top: 721px;
  left: 46px;
  color: var(--dl-color-default-birutss);
  width: 336px;
  height: auto;
  position: absolute;
  font-size: 20px;
  align-self: auto;
  font-style: Black;
  text-align: center;
  font-family: Avenir;
  font-weight: 900;
  line-height: 129.99999523162842%;
  font-stretch: normal;
  text-decoration: none;
}
.header-text09 {
  font-weight: 900;
}
.header-text11 {
  top: 845px;
  left: 46px;
  color: var(--dl-color-default-putih);
  width: 336px;
  height: auto;
  position: absolute;
  font-size: 20px;
  align-self: auto;
  font-style: Black;
  text-align: center;
  font-family: Avenir;
  font-weight: 900;
  line-height: 129.99999523162842%;
  font-stretch: normal;
  text-decoration: none;
}
.header-text12 {
  font-weight: 900;
}
.header-text13 {
  font-weight: 400;
}
.header-text14 {
  font-weight: 900;
}
.header-text16 {
  top: 615px;
  left: 35px;
  color: rgba(60, 58, 58, 1);
  width: 350px;
  height: auto;
  position: absolute;
  font-size: 14px;
  align-self: auto;
  font-style: Regular;
  text-align: justified;
  font-family: Nunito;
  font-weight: 400;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
.header-button-c-t-a {
  top: 973px;
  left: 35px;
  width: 359px;
  height: 62.506141662597656px;
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: transparent;
  border-radius: 0px 0px 0px 0px;
}
.header-rectangle31 {
  top: 0px;
  left: 0px;
  width: 359px;
  height: 63px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
  margin-right: 0;
  border-radius: 5px;
  margin-bottom: 0;
}
.header-text18 {
  top: 20.83538055419922px;
  left: 56.319087982177734px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 17px;
  align-self: auto;
  font-style: Medium;
  text-align: center;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  margin-right: 0;
  margin-bottom: 0;
  text-decoration: none;
}
.header-button-c-t-a1 {
  top: 1053px;
  left: 35px;
  width: 359px;
  height: 62.506141662597656px;
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: transparent;
  border-radius: 0px 0px 0px 0px;
}
.header-rectangle32 {
  top: 0px;
  left: 0px;
  width: 359px;
  height: 63px;
  position: absolute;
  box-sizing: border-box;
  border-color: rgba(222, 222, 222, 1);
  border-style: solid;
  border-width: 1px;
  margin-right: 0;
  border-radius: 5px;
  margin-bottom: 0;
}
.header-text20 {
  top: 20.83538055419922px;
  left: 47.319087982177734px;
  color: var(--dl-color-default-birutss);
  height: auto;
  position: absolute;
  font-size: 17px;
  align-self: auto;
  font-style: Medium;
  text-align: center;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  margin-right: 0;
  margin-bottom: 0;
  text-decoration: none;
}