diff --git a/src/screens/termsAndConditions/index.tsx b/src/screens/termsAndConditions/index.tsx
index 0773683..af72846 100644
--- a/src/screens/termsAndConditions/index.tsx
+++ b/src/screens/termsAndConditions/index.tsx
@@ -6,6 +6,7 @@ import {RootStackParamList} from '../../navigation/type';
 import {NativeStackNavigationProp} from '@react-navigation/native-stack';
 import {useNavigation} from '@react-navigation/native';
 import Colors from '../../../assets/styles/Colors';
+import FontFamily from '../../../assets/styles/FontFamily';
 
 type TermsAndConditionsScreenNavigationProp = NativeStackNavigationProp<
   RootStackParamList,
@@ -35,90 +36,255 @@ function TermsAndConnditionsScreen() {
             Panduan pendaftaran dan informasi untuk mengajukan permohonan paspor
           </Text>
         </View>
-        <View style={styles.termsAndConditionsDetailWrapper}>
-          <Text style={styles.heading}>
-            1. Mohon persiapkan terlebih dahulu persyaratan permohonan paspor
-            berikut:
-          </Text>
-
-          <Text style={styles.subheading}>a. Permohonan paspor baru:</Text>
-          <Text style={styles.bullet}>• KTP</Text>
-          <Text style={styles.bullet}>• Kartu keluarga</Text>
-          <Text style={styles.bullet}>
-            • Akta kelahiran/ijazah/buku nikah/akte perkawinan/surat baptis
-          </Text>
-          <Text style={styles.bullet}>
-            • Jika tidak ada, surat keterangan dari instansi
-          </Text>
-
-          <Text style={styles.subheading}>
-            b. Permohonan penggantian paspor:
-          </Text>
-          <Text style={styles.bullet}>• KTP</Text>
-          <Text style={styles.bullet}>• Paspor lama</Text>
-
-          <Text style={styles.subheading}>
-            c. Dokumen tambahan untuk paspor sesuai tujuan:
-          </Text>
-          <Text style={styles.bullet}>
-            1. Haji/Umrah: Surat rekomendasi Kemenag
-          </Text>
-          <Text style={styles.bullet}>
-            2. Belajar di luar negeri: Surat dari lembaga pendidikan
-          </Text>
-          <Text style={styles.bullet}>
-            3. Magang/kerja: Surat rekomendasi Kemnaker
-          </Text>
-
-          <Text style={styles.heading}>2. Pernyataan kesesuaian data</Text>
-          <Text style={styles.paragraph}>
-            Data yang ada pada seluruh dokumen harus sesuai dan dapat
-            dipertanggungjawabkan kebenarannya.
-          </Text>
-
-          <Text style={styles.heading}>
-            3. Aplikasi ini hanya dapat melayani permohonan paspor baru dan
-            penggantian
-          </Text>
-          <Text style={styles.paragraph}>
-            Untuk penggantian karena rusak atau hilang, langsung datang ke
-            Kantor Imigrasi.
-          </Text>
-
-          <Text style={styles.heading}>4. Ketentuan pembayaran</Text>
-          <Text style={styles.paragraph}>
-            Pembayaran dilakukan terlebih dahulu sesuai pilihan jadwal dan
-            kantor.
-          </Text>
-
-          <Text style={styles.heading}>5. Perubahan jadwal</Text>
-          <Text style={styles.paragraph}>
-            Jadwal bisa diubah sebelum kedatangan, tapi tidak bisa dipastikan
-            slot tersedia kembali.
-          </Text>
-
-          <Text style={styles.heading}>
-            6. Kehadiran dan pembatalan otomatis
-          </Text>
-          <Text style={styles.paragraph}>
-            Tidak hadir tanpa konfirmasi akan dibatalkan otomatis dan tidak
-            dapat digunakan kembali.
-          </Text>
-
-          <Text style={styles.heading}>
-            7. Permohonan paspor dapat ditolak dalam hal:
-          </Text>
-          <Text style={styles.bullet}>• Termasuk dalam daftar pencekalan</Text>
-          <Text style={styles.bullet}>• Tersangkut kasus pidana</Text>
-          <Text style={styles.bullet}>
-            • Hal-hal lain yang dianggap oleh petugas
-          </Text>
-
-          <Text style={styles.heading}>8. Tanggung jawab pemohon</Text>
-          <Text style={styles.paragraph}>
-            Kesalahan data menjadi tanggung jawab pemohon. Biaya yang telah
-            dibayarkan tidak dapat dikembalikan.
-          </Text>
+        <View style={styles.termsAndConditionsDetailInfoContainer}>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>1.</Text>
+              <Text style={styles.titleListDesc}>
+                Mohon persiapkan terlebih dahulu persyaratan permohonan paspor,
+                yaitu:
+              </Text>
+            </View>
+            <View style={styles.AlphabetListWrapper}>
+              <View>
+                <View style={styles.AlphabetListContainer}>
+                  <Text style={styles.AlphabetList}>a.</Text>
+                  <Text style={styles.AlphabetListDesc}>
+                    Permohonan paspor baru:
+                  </Text>
+                </View>
+                <View style={styles.bulletListWrapper}>
+                  <View style={styles.firstBulletListContainer}>
+                    <Text style={styles.bulletList}>•</Text>
+                    <Text style={styles.bulletListDesc}>KTP</Text>
+                  </View>
+                  <View style={styles.firstBulletListContainer}>
+                    <Text style={styles.bulletList}>•</Text>
+                    <Text style={styles.bulletListDesc}>Kartu Keluarga</Text>
+                  </View>
+                  <View style={styles.firstBulletListContainer}>
+                    <Text style={styles.bulletList}>•</Text>
+                    <Text style={styles.bulletListDesc}>
+                      Akta kelahiran/ijazah/buku nikah/akta perkawinan/surat
+                      baptis yang memuat data nama, tempat dan tanggal lahir,
+                      dan nama orang tua
+                    </Text>
+                  </View>
+                </View>
+              </View>
+              <View>
+                <View style={styles.AlphabetListContainer}>
+                  <Text style={styles.AlphabetList}>b.</Text>
+                  <Text style={styles.AlphabetListDesc}>
+                    Permohonan penggantian paspor:
+                  </Text>
+                </View>
+                <View style={styles.bulletListWrapper}>
+                  <View style={styles.firstBulletListContainer}>
+                    <Text style={styles.bulletList}>•</Text>
+                    <Text style={styles.bulletListDesc}>KTP</Text>
+                  </View>
+                  <View style={styles.firstBulletListContainer}>
+                    <Text style={styles.bulletList}>•</Text>
+                    <Text style={styles.bulletListDesc}>Paspor Lama</Text>
+                  </View>
+                </View>
+              </View>
+              <View>
+                <View style={styles.AlphabetListContainer}>
+                  <Text style={styles.AlphabetList}>c.</Text>
+                  <Text style={styles.AlphabetListDesc}>
+                    Dokumen tambahan persyaratan permohonan paspor sesuai tujuan
+                    permohonan paspor, yaitu:
+                  </Text>
+                </View>
+                <View style={styles.numberListWrapper}>
+                  <View>
+                    <View style={styles.numberListContainer}>
+                      <Text style={styles.numberList}>1.</Text>
+                      <Text style={styles.numberListDesc}>Haji/Umrah</Text>
+                    </View>
+                    <View style={styles.bulletListWrapper}>
+                      <View style={styles.secondBulletListContainer}>
+                        <Text style={styles.bulletList}>•</Text>
+                        <Text style={styles.bulletListDesc}>
+                          Surat Rekomendasi dari Kementerian Agama
+                        </Text>
+                      </View>
+                      <View style={styles.secondBulletListContainer}>
+                        <Text style={styles.bulletList}>•</Text>
+                        <Text style={styles.bulletListDesc}>
+                          Surat Rekomendasi dari Penyelenggara Ibadah Haji dan
+                          Umrah
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                  <View>
+                    <View style={styles.numberListContainer}>
+                      <Text style={styles.numberList}>2.</Text>
+                      <Text style={styles.numberListDesc}>
+                        Bekerja di luar negeri
+                      </Text>
+                    </View>
+                    <View style={styles.bulletListWrapper}>
+                      <View style={styles.secondBulletListContainer}>
+                        <Text style={styles.bulletList}>•</Text>
+                        <Text style={styles.bulletListDesc}>
+                          Surat Rekomendasi dari Dinas Tenaga Kerja
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                  <View>
+                    <View style={styles.numberListContainer}>
+                      <Text style={styles.numberList}>3.</Text>
+                      <Text style={styles.numberListDesc}>
+                        Magang dan Program Bursa Kerja Khusus
+                      </Text>
+                    </View>
+                    <View style={styles.bulletListWrapper}>
+                      <View style={styles.secondBulletListContainer}>
+                        <Text style={styles.bulletList}>•</Text>
+                        <Text style={styles.bulletListDesc}>
+                          Surat Rekomendasi dari Direktur Jenderal Pembinaan dan
+                          Pelatihan Produktivitas Kementerian Ketenagakerjaan
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </View>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>2.</Text>
+              <Text style={styles.titleListDesc}>Pernyataan keaslian data</Text>
+            </View>
+            <View style={styles.bodyTextContainer}>
+              <Text style={styles.bodyText}>
+                Data yang ada pada seluruh dokumen{' '}
+                <Text style={{...FontFamily.notoSansBold}}>
+                  persyaratan paspor sebagaimana dimaksud angka 1 harus sesuai
+                  dan dapat dipertanggungjawabkan kebenarannya.
+                </Text>
+              </Text>
+            </View>
+          </View>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>3.</Text>
+              <Text style={styles.titleListDesc}>
+                Aplikasi ini hanya dapat melayani permohonan paspor baru dan
+                penggantian
+              </Text>
+            </View>
+            <View style={styles.bodyTextContainer}>
+              <Text style={styles.bodyText}>
+                Untuk pelayanan penggantian paspor rusak atau hilang, silakan
+                langsung datang ke Kantor Imigrasi terdekat. {'\n\n'}Untuk
+                penggantian paspor hilang dilengkapi dengan Surat Kehilangan
+                dari Kepolisian, dan untuk penggantian paspor rusak dilengkapi
+                dengan paspor lama yang mengalami kerusakan (asli dan fotokopi
+                dalam kertas A4).
+              </Text>
+            </View>
+          </View>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>4.</Text>
+              <Text style={styles.titleListDesc}>Ketentuan pembayaran</Text>
+            </View>
+            <View style={styles.bodyTextContainer}>
+              <Text style={styles.bodyText}>
+                Pembayaran biaya PNBP permohonan paspor dilakukan terlebih
+                dahulu sebelum Anda datang ke Kantor Imigrasi sesuai pilihan dan
+                jadwal kedatangan.
+              </Text>
+            </View>
+          </View>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>5.</Text>
+              <Text style={styles.titleListDesc}>Perubahan jadwal</Text>
+            </View>
+            <View style={styles.bodyTextContainer}>
+              <Text style={styles.bodyText}>
+                Anda dapat melakukan ubah jadwal kedatangan sebanyak{' '}
+                <Text style={{...FontFamily.notoSansBold}}>satu kali</Text>{' '}
+                sesuai dengan kuota tersedia, namun tidak dapat mengubah Kantor
+                Imigrasi yang sudah anda pilih.
+              </Text>
+            </View>
+          </View>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>6.</Text>
+              <Text style={styles.titleListDesc}>
+                Kehadiran dan pembatalan otomatis
+              </Text>
+            </View>
+            <View style={styles.bodyTextContainer}>
+              <Text style={styles.bodyText}>
+                Apabila Anda tidak hadir sesuai jadwal kedatangan dan tidak
+                melakukan ubah jadwal, maka permohonan paspor Anda dibatalkan
+                dan pembayaran tidak dapat dibatalkan serta Anda harus melakukan
+                pendaftaran ulang.
+              </Text>
+            </View>
+          </View>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>7.</Text>
+              <Text style={styles.titleListDesc}>
+                Permohonan paspor dapat ditolak dalam hal:
+              </Text>
+            </View>
+            <View style={styles.AlphabetListWrapper}>
+              <View style={styles.AlphabetListContainer}>
+                <Text style={styles.AlphabetList}>a.</Text>
+                <Text style={styles.AlphabetListDesc}>
+                  Termasuk dalam daftar pencegahan dan penangkalan;
+                </Text>
+              </View>
+              <View style={styles.AlphabetListContainer}>
+                <Text style={styles.AlphabetList}>b.</Text>
+                <Text style={styles.AlphabetListDesc}>
+                  Terindikasi Pekerja Migran Indonesia (PMI) Non Prosedural;
+                </Text>
+              </View>
+              <View style={styles.AlphabetListContainer}>
+                <Text style={styles.AlphabetList}>c.</Text>
+                <Text style={styles.AlphabetListDesc}>
+                  Memberikan data tidak sah dan/atau keterangan tidak benar;
+                </Text>
+              </View>
+              <View style={styles.AlphabetListContainer}>
+                <Text style={styles.AlphabetList}>d.</Text>
+                <Text style={styles.AlphabetListDesc}>
+                  Hal lain yang dianggap oleh petugas akan dipergunakan untuk
+                  tujuan melawan hukum.
+                </Text>
+              </View>
+            </View>
+          </View>
+          <View>
+            <View style={styles.titleListContainer}>
+              <Text style={styles.titleListNumber}>8.</Text>
+              <Text style={styles.titleListDesc}>Tanggung jawab pemohon</Text>
+            </View>
+            <View style={styles.bodyTextContainer}>
+              <Text style={styles.bodyText}>
+                Apabila terdapat kesalahan dari pihak pemohon paspor sebagaimana
+                tersebut pada ketentuan di atas,{' '}
+                <Text style={{...FontFamily.notoSansBold}}>
+                  PEMBAYARAN YANG TELAH DISETORKAN PADA KAS NEGARA TIDAK DAPAT
+                  DIKEMBALIKAN.
+                </Text>
+              </Text>
+            </View>
+          </View>
         </View>
       </ScrollView>
     </View>
diff --git a/src/screens/termsAndConditions/styles.tsx b/src/screens/termsAndConditions/styles.tsx
index 1db3a16..cfc14c9 100644
--- a/src/screens/termsAndConditions/styles.tsx
+++ b/src/screens/termsAndConditions/styles.tsx
@@ -28,36 +28,92 @@ const styles = StyleSheet.create({
     fontSize: 12,
     textAlign: 'justify',
   },
-  termsAndConditionsDetailWrapper: {
+  termsAndConditionsDetailInfoContainer: {
+    marginTop: 24,
+    marginBottom: 32,
     marginHorizontal: 16,
-    marginVertical: 32,
+    gap: 24,
   },
-  content: {
-    padding: 16,
-    paddingBottom: 32,
+  titleListContainer: {
+    flexDirection: 'row',
+    gap: 8,
+    marginBottom: 16,
   },
-  heading: {
-    fontSize: 16,
-    fontWeight: 'bold',
-    marginBottom: 6,
-    color: '#222',
+  titleListNumber: {
+    color: Colors.secondary30.color,
+    ...FontFamily.notoSansSemiBold,
+    fontSize: 12,
   },
-  subheading: {
-    fontSize: 15,
-    fontWeight: '600',
-    marginTop: 10,
-    color: '#444',
+  titleListDesc: {
+    color: Colors.secondary30.color,
+    ...FontFamily.notoSansSemiBold,
+    flex: 1,
+    fontSize: 12,
   },
-  bullet: {
-    fontSize: 14,
-    marginLeft: 12,
-    marginBottom: 4,
-    color: '#333',
+  AlphabetListWrapper: {
+    gap: 8,
   },
-  paragraph: {
-    fontSize: 14,
-    marginBottom: 8,
-    color: '#333',
+  AlphabetListContainer: {
+    flexDirection: 'row',
+    gap: 8,
+    marginStart: 18,
+  },
+  AlphabetList: {
+    ...FontFamily.notoSansRegular,
+    fontSize: 12,
+  },
+  AlphabetListDesc: {
+    flex: 1,
+    ...FontFamily.notoSansRegular,
+    fontSize: 12,
+  },
+  bodyTextContainer: {
+    marginStart: 18,
+  },
+  bodyText: {
+    fontSize: 12,
+    ...FontFamily.notoSansRegular,
+  },
+  bulletListWrapper: {
+    marginTop: 8,
+    gap: 8,
+  },
+  firstBulletListContainer: {
+    flexDirection: 'row',
+    gap: 8,
+    marginStart: 36,
+  },
+  bulletList: {
+    ...FontFamily.notoSansRegular,
+    fontSize: 12,
+  },
+  bulletListDesc: {
+    ...FontFamily.notoSansRegular,
+    fontSize: 12,
+    flex: 1,
+  },
+  numberListWrapper: {
+    marginTop: 8,
+    gap: 8,
+  },
+  numberListContainer: {
+    flexDirection: 'row',
+    gap: 8,
+    marginStart: 32,
+  },
+  numberList: {
+    fontSize: 12,
+    ...FontFamily.notoSansRegular,
+  },
+  numberListDesc: {
+    fontSize: 12,
+    ...FontFamily.notoSansRegular,
+    flex: 1,
+  },
+  secondBulletListContainer: {
+    flexDirection: 'row',
+    gap: 8,
+    marginStart: 48,
   },
 });