.home-container1 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
.home-container2 {
  width: 100%;
  height: 797px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  background-color: #fffafa;
}
.home-slider {
  width: 100%;
  height: 300px;
  display: inline-block;
  position: relative;
  align-self: center;
}
.home-slider-slide1 {
  display: flex;
  background-size: cover;
  background-image: url('https://laz-img-cdn.alicdn.com/images/ims-web/TB1p1uT08r0gK0jSZFnXXbRRXXa.jpg_1200x1200q75.jpg_.webp');
  background-repeat: no-repeat;
  background-position: center;
}
.home-slider-slide2 {
  display: flex;
  background-size: cover;
  background-image: url('https://cdn2.ocbc.id/asset/media/Feature/Promo/Promo-Landing/2024/06/10/hero-promo-global-debit.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
.home-slider-slide3 {
  display: flex;
  background-size: cover;
  background-image: url('https://infoekonomi.id/wp-content/uploads/2023/09/Cld0rBkWQAEJ11T-e1695965742143-696x482.webp');
}
.home-slider-pagination {
  left: 0px;
  right: 0px;
  bottom: -31px;
  margin: auto;
  display: block;
  position: absolute;
}
.home-slider-button-prev {
  display: none;
}
.home-slider-button-next {
  display: none;
}
.home-container3 {
  top: 300px;
  left: 0px;
  right: 0px;
  width: 95%;
  height: 474px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
}
.home-container4 {
  top: 18px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 97px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
.home-text11 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.home-text12 {
  font-size: 16px;
}
.home-text13 {
  font-size: 16px;
}
.home-text14 {
  font-style: normal;
  font-weight: 700;
}
.home-text15 {
  font-style: normal;
  font-weight: 700;
}
.home-text16 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.home-text17 {
  top: 0px;
  right: 13px;
  position: absolute;
  font-size: 14px;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
}
.home-text18 {
  color: var(--dl-color-theme-neutral-dark);
  background-color: var(--dl-color-theme-primary1);
}
.home-text19 {
  color: var(--dl-color-theme-neutral-dark);
  background-color: var(--dl-color-theme-primary1);
}
.home-text20 {
  color: var(--dl-color-theme-neutral-dark);
  background-color: var(--dl-color-theme-primary1);
}
.home-text21 {
  color: var(--dl-color-theme-secondary1);
  background-color: var(--dl-color-theme-primary1);
}
.home-text22 {
  color: var(--dl-color-theme-secondary1);
  background-color: var(--dl-color-theme-primary1);
}
.home-text23 {
  background-color: rgb(210, 208, 208);
}
.home-navlink1 {
  top: 146px;
  left: 0px;
  color: var(--dl-color-theme-secondary1);
  right: 0px;
  margin: auto;
  position: absolute;
  font-size: 14px;
  box-shadow: rgb(31, 30, 30) 5px 5px 10px 0px;
  font-style: normal;
  text-align: center;
  font-weight: 700;
  border-color: var(--dl-color-theme-primary1);
  border-width: 1px;
  border-radius: 14px;
  text-decoration: none;
  background-color: var(--dl-color-theme-primary2);
}
.home-navlink2 {
  top: 212px;
  left: 0px;
  color: var(--dl-color-theme-secondary1);
  right: 0px;
  margin: auto;
  position: absolute;
  font-size: 14px;
  box-shadow: rgb(31, 30, 30) 5px 5px 10px 0px;
  font-style: normal;
  text-align: center;
  font-weight: 700;
  border-color: var(--dl-color-theme-primary1);
  border-width: 1px;
  border-radius: 14px;
  text-decoration: none;
  background-color: var(--dl-color-theme-primary2);
}
.home-navlink3 {
  top: 283px;
  left: 0px;
  color: var(--dl-color-theme-secondary1);
  right: 0px;
  margin: auto;
  position: absolute;
  font-size: 14px;
  box-shadow: rgb(31, 30, 30) 5px 5px 10px 0px;
  font-style: normal;
  text-align: center;
  font-weight: 700;
  border-color: var(--dl-color-theme-primary1);
  border-width: 1px;
  border-radius: 14px;
  text-decoration: none;
  background-color: var(--dl-color-theme-primary2);
}
.home-navlink4 {
  fill: var(--dl-color-theme-secondary1);
  left: 0px;
  color: var(--dl-color-theme-secondary1);
  right: 0px;
  bottom: 74px;
  margin: auto;
  position: absolute;
  font-size: 14px;
  box-shadow: rgb(31, 30, 30) 5px 5px 10px 0px;
  font-style: normal;
  text-align: center;
  font-weight: 700;
  border-color: var(--dl-color-theme-primary1);
  border-width: 1px;
  border-radius: 14px;
  text-decoration: none;
  background-color: var(--dl-color-theme-primary2);
}
.home-navlink5 {
  fill: var(--dl-color-theme-secondary1);
  left: 0px;
  color: var(--dl-color-theme-secondary1);
  right: 0px;
  bottom: 10px;
  margin: auto;
  position: absolute;
  font-size: 14px;
  box-shadow: rgb(31, 30, 30) 5px 5px 10px 0px;
  font-style: normal;
  text-align: center;
  font-weight: 700;
  border-color: var(--dl-color-theme-primary1);
  border-width: 1px;
  border-radius: 14px;
  text-decoration: none;
  background-color: var(--dl-color-theme-primary2);
}



}