.howto-container {
  min-height: 100vh;
}
.howto-howto {
  width: 428px;
  height: 848px;
  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: rgba(255, 255, 255, 1);
}
.howto-text {
  top: 53.13022232055664px;
  left: 35px;
  color: var(--dl-color-default-greentss);
  width: 358px;
  height: auto;
  position: absolute;
  font-size: 32px;
  align-self: auto;
  font-style: Roman;
  text-align: left;
  font-family: Avenir;
  font-weight: 400;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.howto-langkah3 {
  top: 530.2604370117188px;
  left: 53px;
  width: 341px;
  height: 156.88912963867188px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.howto-text02 {
  top: 44.82538986206055px;
  left: 134px;
  color: var(--dl-color-default-birutss);
  width: 207px;
  height: auto;
  position: absolute;
  font-size: 16px;
  align-self: auto;
  font-style: Roman;
  text-align: left;
  font-family: Avenir;
  font-weight: 400;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.howto-text04 {
  top: 13.24371337890625px;
  left: 134px;
  color: var(--dl-color-default-greentss);
  width: 152px;
  height: auto;
  position: absolute;
  font-size: 20px;
  align-self: auto;
  font-style: Black;
  text-align: left;
  font-family: Avenir;
  font-weight: 900;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.howto-asset34 {
  top: 0px;
  left: 0px;
  width: 113px;
  height: 115px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.howto-langkah2 {
  top: 336.49139404296875px;
  left: 51px;
  width: 321px;
  height: 143.645263671875px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.howto-text06 {
  top: 31.581619262695312px;
  left: 1.1368683772161603e-13px;
  color: var(--dl-color-default-birutss);
  width: 182px;
  height: auto;
  position: absolute;
  font-size: 16px;
  align-self: auto;
  font-style: Roman;
  text-align: right;
  font-family: Avenir;
  font-weight: 400;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.howto-text08 {
  left: 30px;
  color: var(--dl-color-default-greentss);
  width: 152px;
  height: auto;
  position: absolute;
  font-size: 20px;
  align-self: auto;
  font-style: Black;
  text-align: right;
  font-family: Avenir;
  font-weight: 900;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.howto-asset33 {
  top: 0px;
  left: 212px;
  width: 109px;
  height: 111px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.howto-langkah1 {
  top: 180.22604370117188px;
  left: 53px;
  width: 354px;
  height: 111.77392578125px;
  display: flex;
  padding: 0;
  position: absolute;
  align-self: auto;
  box-sizing: border-box;
  align-items: flex-start;
  flex-shrink: 1;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  border-radius: 0px 0px 0px 0px;
  flex-direction: row;
  justify-content: flex-start;
  background-color: transparent;
}
.howto-text10 {
  top: 35.77392578125px;
  left: 134px;
  color: var(--dl-color-default-birutss);
  width: 220px;
  height: auto;
  position: absolute;
  font-size: 16px;
  align-self: auto;
  font-style: Roman;
  text-align: left;
  font-family: Avenir;
  font-weight: 400;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.howto-text11 {
  font-weight: 400;
}
.howto-text12 {
  font-weight: 900;
}
.howto-text17 {
  top: 4.074975967407227px;
  left: 134px;
  color: var(--dl-color-default-greentss);
  width: 152px;
  height: auto;
  position: absolute;
  font-size: 20px;
  align-self: auto;
  font-style: Black;
  text-align: left;
  font-family: Avenir;
  font-weight: 900;
  line-height: 120.00000476837158%;
  font-stretch: normal;
  text-decoration: none;
}
.howto-asset32 {
  top: 0px;
  left: 0px;
  width: 104px;
  height: 106px;
  position: absolute;
  box-sizing: border-box;
  border-color: transparent;
}
.howto-button-c-t-a {
  top: 737.572509765625px;
  left: 34px;
  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;
}
.howto-rectangle3 {
  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;
}
.howto-text19 {
  top: 20.83538055419922px;
  left: 53.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;
}