.i-phone-13-14-5,
.i-phone-13-14-5 * {
  box-sizing: border-box;
}
.i-phone-13-14-5 {
  background: #ffffff;
  height: 1650px;
  position: relative;
  overflow: hidden;

  text-align: right;   /* rata kanan */
  padding-right: 10px; /* agak masuk dari tepi kanan */
}

.i-phone-13-14-5 {
  text-align: left;
  padding-left: 20%;
}

.i-phone-13-14-5-success {
  background: #ffffff;
  height: 1000px;
  position: relative;
  overflow: hidden;
}

.frame-38828 {
  width: 390px;
  height: 1650px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-388111 {
  width: 390px;
  height: 1000;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-38826 {
  width: 446.14px;
  height: 339px;
  position: absolute;
  right: -0.14px;
  top: -35.73px;
}
._345016715-0-a-3-d-21-fb-16-de-4066-862-f-ded-9-aca-88986-1 {
  opacity: 0.06;
  width: 390.71px;
  height: 229px;
  position: absolute;
  left: calc(50% - 167.63px);
  top: 72.73px;
  overflow: hidden;
  aspect-ratio: 390.71/229;
}
.group {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.download {
  width: 248px;
  height: 248px;
  position: absolute;
  left: 189.79px;
  top: 91px;
  object-fit: cover;
  aspect-ratio: 1;
}
.download-1 {
  opacity: 0.85;
  width: 299.27px;
  height: 233.59px;
  position: absolute;
  left: 344px;
  top: 66.84px;
  transform-origin: 0 0;
  transform: rotate(-12.906deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 299.27/233.59;
}
.frame-38807 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  justify-content: flex-start;
  width: 118px;
  position: absolute;
  left: 307.79px;
  top: 77.73px;
}
.kuat-tahan-lama {
  color: #262626;
  text-align: right;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}
.dan-bergaransi {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
.whats-app-image-2025-02-04-at-14-46-29-5-df-5389-d-1 {
  width: 36.27px;
  height: 20.29px;
  position: absolute;
  left: 258px;
  top: 241.73px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(0.985, 1.015);
  object-fit: cover;
}
.frame-38827 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  width: 350px;
  position: absolute;
  left: 20px;
  top: 286px;
}
.frame-38817 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-38813,
.frame-38816 {
  width: 100%; /* full lebar layar */
  padding: 0 16px; /* jarak kiri kanan */
  box-sizing: border-box;
}

.selamat {
  font-size: 20px;
  font-weight: bold;
  color: #0070c0;
  text-align: center; /* bisa ganti ke right */
  margin-bottom: 8px;
}

.anda-telah-membeli-produk-asli-dengan {
  width: 100%;
  font-size: 16px;
  color: #69789e;
  text-align: center; /* rata tengah, kalau mau kanan ubah ke right */
  line-height: 1.5;
  box-sizing: border-box;
}

.mobile-break {
  display: none; /* default di desktop, tidak patah */
}

@media (max-width: 480px) {
  .mobile-break {
    display: inline; /* di mobile, patah baris di sini */
  }
}

.frame-38816 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-38814 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.density {
  color: #69789e;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.frame-38809 {
  background: linear-gradient(
    242.97deg,
    rgba(52, 184, 232, 1) 0%,
    rgba(22, 99, 167, 1) 100%
  );
  border-radius: 5px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
._23 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  position: relative;
}
.frame-38815 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.dari {
  color: #69789e;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.frame-38811 {
  background: linear-gradient(
    242.97deg,
    rgba(52, 184, 232, 1) 0%,
    rgba(22, 99, 167, 1) 100%
  );
  border-radius: 5px;
  flex-shrink: 0;
  width: 70px;
  height: 46px;
  position: relative;
  overflow: hidden;
}
.frame-38812 {
  background: #ffffff;
  border-radius: 3px;
  width: 60px;
  height: 36px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.whats-app-image-2025-02-04-at-14-46-29-5-df-5389-d-2 {
  width: 54px;
  height: 30px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}
.diproduksi-dan-distribusi-oleh {
  color: #69789e;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.pt-tri-sukses-jaya {
  color: #69789e;
  text-align: left;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  position: relative;
}
.frame-38819 {
  background: linear-gradient(
    242.97deg,
    rgba(52, 184, 232, 1) 0%,
    rgba(22, 99, 167, 1) 100%
  );
  border-radius: 5px;
  padding: 14px 52px 14px 52px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.garansi-produk-ini-adalah {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}
.frame-38820 {
  display: flex;
  flex-direction: row;
  gap: 28px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-388092 {
  background: #ffffff;
  border-radius: 5px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 63px;
  height: 45px;
  position: relative;
  overflow: hidden;
}
._10 {
  color: #1766a9;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  position: relative;
}
.frame-38810 {
  background: #ffffff;
  border-radius: 5px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 63px;
  height: 45px;
  position: relative;
  overflow: hidden;
}
._12 {
  color: #1766a9;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  position: relative;
}
.frame-388112 {
  background: #ffffff;
  border-radius: 5px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 63px;
  height: 45px;
  position: relative;
  overflow: hidden;
}
._25 {
  color: #1766a9;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  position: relative;
}
.frame-357 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 350px;
  position: absolute;
  left: 20px;
  top: 629px;
}
.frame-38822 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-355 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.activation-code {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.activation-code-span {
  color: #747474;
}
.activation-code-span2 {
  color: #ff3b3b;
}
.frame-356 {
  background: #eaeaea;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._5-cao-97086-o {
  color: #333333;
  text-align: left;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-362 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.product-id {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.product-id-span {
  color: #747474;
}
.product-id-span2 {
  color: #ff3b3b;
}
.kj-f-2204066681318-j-0-jff-gn-0 {
  color: #333333;
  text-align: left;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-363 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.serial-number {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.serial-number-span {
  color: #747474;
}
.serial-number-span2 {
  color: #ff3b3b;
}
._77-d-65-c-988-a {
  color: #333333;
  text-align: left;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-364 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.nama-barang {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.nama-barang-span {
  color: #747474;
}
.nama-barang-span2 {
  color: #ff3b3b;
}
.kasur {
  color: #333333;
  text-align: left;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-365 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.density2 {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.density-2-span {
  color: #747474;
}
.density-2-span2 {
  color: #ff3b3b;
}
._232 {
  color: #333333;
  text-align: left;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-366 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.garansi {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.garansi-span {
  color: #747474;
}
.garansi-span2 {
  color: #ff3b3b;
}
._25-tahun {
  color: #333333;
  text-align: left;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-367 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.registration-code {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.registration-code-span {
  color: #747474;
}
.registration-code-span2 {
  color: #ff3b3b;
}
._93-d-6589874 {
  color: #333333;
  text-align: left;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-38821 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-3562 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.nama {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.nama-span {
  color: #747474;
}
.nama-span2 {
  color: #ff3b3b;
}
.frame-3563 {
  background: #ffffff;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.ahmad {
  color: #19191b;
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-3572 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tempat-lahir {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.tempat-lahir-span {
  color: #747474;
}
.tempat-lahir-span2 {
  color: #ff3b3b;
}
.jakarta {
  color: #19191b;
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-368 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tanggal-lahir {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.tanggal-lahir-span {
  color: #747474;
}
.tanggal-lahir-span2 {
  color: #ff3b3b;
}
.frame-220 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
.uiw-date {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.line-8 {
  margin-top: -1px;
  border-style: solid;
  border-color: #d9d9d9;
  border-width: 1px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  width: 16px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
._10-10-1990 {
  color: #19191b;
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-369 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.nomor-telepon {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.nomor-telepon-span {
  color: #747474;
}
.nomor-telepon-span2 {
  color: #ff3b3b;
}
.frame-3573 {
  background: #ffffff;
  border-radius: 5px;
  border-style: solid;
  border-color: #d9d9d9;
  border-width: 1px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._081234567890 {
  color: #19191b;
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-359 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.email {
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.email-span {
  color: #747474;
}
.email-span2 {
  color: #ff3b3b;
}
.ahmad-example-com {
  color: #19191b;
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.frame-38824 {
  background: linear-gradient(
    90deg,
    rgba(22, 99, 167, 1) 0%,
    rgba(52, 184, 232, 1) 100%
  );
  width: 390px;
  height: 50px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.frame-38825 {
  background: #ffffff;
  border-radius: 54px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 140px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: -29px;
}
.frame-38823 {
  background: linear-gradient(
    253.13deg,
    rgba(52, 184, 232, 1) 0%,
    rgba(22, 99, 167, 1) 100%
  );
  border-radius: 38px;
  padding: 10px 20px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.submit {
  color: #ffffff;
  text-align: center;
  font-family: "DmSans-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}