{"id":1100,"date":"2026-10-14T02:54:59","date_gmt":"2026-10-14T02:54:59","guid":{"rendered":"https:\/\/akademik.uin-malang.ac.id\/?page_id=1100"},"modified":"2026-10-14T08:51:22","modified_gmt":"2026-10-14T08:51:22","slug":"layanan-akademik-2","status":"publish","type":"page","link":"https:\/\/akademik.uin-malang.ac.id\/zh\/layanan-akademik-2\/","title":{"rendered":"Layanan Akademik"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
Surat Keterangan Aktif Studi <\/div><\/span>\n\t\t\t\t\t\t\t\n\t\t\t<\/path><\/svg><\/span>\n\t\t\t<\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Alur Layanan Pengajuan Aktif Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan harus berstatus aktif, mengajukan permohonan Aktif Studi melalui SIAKAD dengan melampirkan berkas:<\/p>\r\n\r\n <ul class=\"file-list\">\r\n \t <li>Fotocopy SK PNS Terbaru (Bagi Orang Tua PNS)<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Validasi Berkas<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi permohonan pada SIAKAD dan memproses penerbitan Surat Keterangan Aktif Studi. Surat diproses dan diselesaikan dalam waktu <strong>maksimal 1 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Penerbitan Surat<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa mengunduh Surat Aktif Studi melalui SIAKAD.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9391\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9391\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Surat Keterangan Cuti Studi <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9391\" class=\"elementor-element elementor-element-8eaf7f9 e-con-full e-flex e-con e-child\" data-id=\"8eaf7f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9391\" class=\"elementor-element elementor-element-88ff090 e-flex e-con-boxed e-con e-child\" data-id=\"88ff090\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa562bc elementor-widget elementor-widget-html\" data-id=\"aa562bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Cuti Studi dengan melampirkan berkas:<\/p>\r\n\r\n <ul class=\"file-list\">\r\n \t <li>\r\n <a href=\"https:\/\/akademik.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/PERMOHONAN-CUTI-STUDI-ok.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"file-link\">\r\n Formulir Cuti Studi\r\n <span class=\"file-badge\">Unduh \/ Buka<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square\" style=\"font-size: 11px;\"><\/i>\r\n <\/a>\r\n <\/li>\r\n \t <li>Fotocopy Slip UKT terakhir<\/li>\r\n \t <li>Surat Keterangan Bebas Tanggungan Perpustakaan<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Validasi Berkas<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi permohonan pada SIAKAD dan memproses penerbitan Surat Keterangan Cuti Studi. Surat diproses dan diselesaikan dalam waktu <strong>maksimal 1 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa mengunduh Surat Cuti Studi melalui SIAKAD.<\/p>\r\n <p class=\"flow-desc\">Surat Cuti Studi ditembuskan mahasiswa yang bersangkutan sesuai dengan tembusan yang tertera.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9392\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9392\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Surat Keterangan Pernah Studi <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9392\" class=\"elementor-element elementor-element-e615440 e-flex e-con-boxed e-con e-child\" data-id=\"e615440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9392\" class=\"elementor-element elementor-element-677194b e-con-full e-flex e-con e-child\" data-id=\"677194b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8e28ec elementor-widget elementor-widget-html\" data-id=\"a8e28ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Pernah Studi dengan melampirkan berkas:<\/p>\r\n\r\n<ul class=\"file-list\">\r\n \t<li>Surat Permohonan Pernah Studi kepada Rektor cq. Karo AAKK yang diketahui oleh Pimpinan Fakultas\/Jurusan<\/li>\r\n \t<li>Surat Keterangan Bebas Tanggungan Perpustakaan<\/li>\r\n \t<li>Fotocopy Slip UKT terakhir<\/li>\r\n \t<li>KHS asli mulai semester 1 hingga terakhir<\/li>\r\n<\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Penyerahan Berkas<\/h3>\r\n <p class=\"flow-desc\">Seluruh berkas yang telah lengkap diserahkan langsung kepada <strong>Petugas Layanan Bagian Umum<\/strong> (Gedung Rektorat Lt. 2) untuk dimintakan disposisi Rektor.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Setelah mendapatkan disposisi, Petugas Bagian Administrasi Akademik memvalidasi berkas dan memproses penerbitan Surat Keterangan Pernah Studi. Berkas diproses dan diselesaikan dalam waktu <strong>maksimal 7 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9393\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9393\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Surat Keterangan Mutasi Antar Jurusan <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9393\" class=\"elementor-element elementor-element-f54d076 e-flex e-con-boxed e-con e-child\" data-id=\"f54d076\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9393\" class=\"elementor-element elementor-element-d5fefce e-con-full e-flex e-con e-child\" data-id=\"d5fefce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-757d13d elementor-widget elementor-widget-html\" data-id=\"757d13d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Konsultasi<\/h3>\r\n <p class=\"flow-desc\">Calon mahasiswa konsultasi kepada Kajur\/Kaprodi (wawancara\/tes) pada Jurusan\/Prodi yang dituju.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Mutasi Antar Jurusan secara tertulis yang ditujukan kepada Dekan dengan tembusan kepada Kajur\/Kaprodi asal maupun Kajur\/Kaprodi yang dituju, dilengkapi dengan berkas:<\/p>\r\n <ul class=\"file-list\">\r\n <li>Surat Permohonan Mutasi kepada Dekan\/Kajur<\/li>\r\n <li>Surat Persetujuan atau Rekomendasi dari masing-masing pimpinan dari Fakultas \/Jurusan asal dan yang akan dituju<\/li>\r\n <li>Surat Keterangan Kelakuan Baik dari Fakultas<\/li>\r\n <li>Surat Bebas Tanggungan dari Perpustakaan Pusat<\/li>\r\n <li>Konversi Nilai Mata Kuliah dari Jurusan yang dituju<\/li>\r\n <li>Surat Persetujuan dari Orang Tua \/ Wali Mahasiswa<\/li>\r\n <p class=\"flow-desc\">Seluruh berkas yang telah lengkap diserahkan langsung kepada <strong>Petugas Layanan Bagian Administrasi Akademik<\/strong> untuk dilakukan verifikasi awal.<\/p>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi berkas dan memproses penerbitan Surat Keterangan Mutasi antar Jurusan. Berkas diproses dan diselesaikan dalam waktu <strong>maksimal 7 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SEKSI KETERANGAN -->\r\n <div class=\"info-section\">\r\n <h4 class=\"info-title\">Keterangan:<\/h4>\r\n <ul class=\"info-list\">\r\n <li>Surat Permohonan Mutasi harus sudah diterima Dekan paling lambat 1 minggu sebelum proses registrasi dimulai. Apabila melebihi jangka waktu tersebut maka tidak akan diproses.<\/li>\r\n <li>Mahasiswa yang bersangkutan harus sudah mengikuti perkuliahan secara terus menerus selama 2-3 semester dan atau telah menempuh 36-48 SKS dengan IPK minimal 3.00.<\/li>\r\n <li>Mahasiswa yang bersangkutan tidak pernah melanggar peraturan dan mendapatkan peringatan secara tertulis dari jurusan asal.<\/li>\r\n <li>Proses mutasi hanya bisa dilakukan 1 kali selama mahasiswa yang bersangkutan menjadi mahasiswa di UIN Malang.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9394\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9394\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Surat Keterangan Mutasi ke Dalam <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9394\" class=\"elementor-element elementor-element-9eeb202 e-flex e-con-boxed e-con e-child\" data-id=\"9eeb202\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9394\" class=\"elementor-element elementor-element-1639bf6 e-con-full e-flex e-con e-child\" data-id=\"1639bf6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7070b9 elementor-widget elementor-widget-html\" data-id=\"a7070b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Konsultasi<\/h3>\r\n <p class=\"flow-desc\">Calon mahasiswa konsultasi kepada Kajur\/Kaprodi (wawancara\/tes) pada Jurusan\/Prodi yang dituju.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Mutasi ke Dalam secara tertulis yang ditujukan kepada Rektor cq. Karo AAKK UIN Malang, dilengkapi dengan berkas:<\/p>\r\n <ul class=\"file-list\">\r\n <li>Surat Rekomendasi dari Kampus \/ PTN asal yang Akreditasinya minimal setara dengan UIN Malang<\/li>\r\n <li>KHS asli beserta fotocopynya<\/li>\r\n <li>Surat Keterangan Kelakuan Baik<\/li>\r\n <li>Surat Rekomendasi dari Kaprodi yang akan dituju di UIN Malang<\/li>\r\n <li>Surat Persetujuan dari Orang Tua \/ Wali Mahasiswa<\/li>\r\n <p class=\"flow-desc\">Seluruh berkas diserahkan langsung kepada <strong>Petugas Layanan Bagian Administrasi Akademik.<\/strong><\/p>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi berkas dan memproses penerbitan Surat Keterangan Mutasi ke Dalam. Berkas diproses dan diselesaikan dalam waktu <strong>maksimal 7 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SEKSI KETERANGAN -->\r\n <div class=\"info-section\">\r\n <h4 class=\"info-title\">Keterangan:<\/h4>\r\n <ul class=\"info-list\">\r\n <li>Surat Permohonan Mutasi harus sudah diterima Rektor paling lambat 1 bulan sebelum proses registrasi dimulai. Apabila diluar dari jangka waktu tersebut maka tidak akan diproses.<\/li>\r\n <li>Mahasiswa yang bersangkutan harus sudah mengikuti perkuliahan secara terus menerus selama 2-3 semester dan atau telah menempuh 36-48 SKS dengan IPK minimal 3.00.<\/li>\r\n <li>Status mahasiswa yang bersangkutan bukan mahasiswa putus studi atau gugur studi karena sanksi dari Kampus \/ PTN asal .<\/li>\r\n <li>Mahasiswa yang bersangkutan harus mengikuti perkuliahan bahasa arab dan bersedia tinggal dan mengikuti kegiatan di ma'had selama 1 tahun.<\/li>\r\n <li>Mahasiswa yang bersangkutan bersedia untuk dites membaca dan menulis Al-Qur'an.<\/li>\r\n <li>Mahasiswa yang bersangkutan bersedia menandatangani Surat Pernyataan Bersedia Mentaati Segala Peraturan yang Berlaku di UIN Malang.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9395\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9395\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Surat Keterangan Mutasi ke Luar <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9395\" class=\"elementor-element elementor-element-9b09410 e-flex e-con-boxed e-con e-child\" data-id=\"9b09410\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9395\" class=\"elementor-element elementor-element-4a7bb15 e-con-full e-flex e-con e-child\" data-id=\"4a7bb15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbfd1c elementor-widget elementor-widget-html\" data-id=\"6fbfd1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Mutasi ke Luar secara tertulis yang ditujukan kepada Rektor cq. Karo AAKK UIN Malang, dilengkapi dengan berkas:<\/p>\r\n <ul class=\"file-list\">\r\n <li>Surat Persetujuan \/ Rekomendasi dari dosen wali dan atau pimpinan (Dekan\/Kaprodi)<\/li>\r\n <li>Surat Keterangan Diterima, dari Perguruan Tinggi (Fakultas\/Jurusan\/Prodi) yang dituju<\/li>\r\n <li>Surat Bebas Tanggungan dari Perpustakaan Pusat<\/li>\r\n <li>Slip UKT semester terakhir<\/li>\r\n <li>Surat Persetujuan dari Orang Tua \/ Wali Mahasiswa<\/li>\r\n <li>KHS asli mulai dari semester 1 - terakhir<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Penyerahan Berkas<\/h3>\r\n <p class=\"flow-desc\">Seluruh berkas yang telah lengkap diserahkan langsung kepada <strong> Petugas Layanan Bagian Umum <\/strong> (Gedung Rektorat Lt. 2) untuk dimintakan disposisi Rektor.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Setelah mendapatkan disposisi, Petugas Bagian Administrasi Akademik memvalidasi berkas dan memproses penerbitan Surat Keterangan Mutasi ke Luar. Berkas diproses dan diselesaikan dalam waktu <strong>maksimal 7 hari kerja<\/strong>. Pengambilan pada Bagian Administrasi Akademik.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SEKSI KETERANGAN -->\r\n <div class=\"info-section\">\r\n <h4 class=\"info-title\">Keterangan:<\/h4>\r\n <ul class=\"info-list\">\r\n <li>Mahasiswa yang bersangkutan telah mengikuti perkuliahan secara terus menerus selama 2-6 semester.\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9396\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9396\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Perbaikan KRS \/ KPS <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9396\" class=\"elementor-element elementor-element-24bc748 e-flex e-con-boxed e-con e-child\" data-id=\"24bc748\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9396\" class=\"elementor-element elementor-element-bbbb8a5 e-con-full e-flex e-con e-child\" data-id=\"bbbb8a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf7991 elementor-widget elementor-widget-html\" data-id=\"6cf7991\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Perbaikan Kartu Program Studi (KPS) kepada Petugas Layanan Bagian Administrasi Akademik, dilengkapi dengan berkas:<\/p>\r\n <ul class=\"file-list\">\r\n <li>Memo \/ Surat Persetujuan dari dosen wali untuk perbaikan KPS<\/li>\r\n <\/ul>\r\n <p class=\"flow-desc\">Apabila kuota kelas sudah penuh maka harus konsultasi dengan admin fakultas \/ prodi.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Cetak Berkas<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mencetak KPS Perbaikan.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Perwalian Ulang<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan melakukan Perwalian Ulang kepada dosen wali masing-masing.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Cetak Presensi<\/h3>\r\n <p class=\"flow-desc\">Berkas KPS Perbaiakan diserahkan ke admin fakultas\/prodi untuk dilakukan pencetakan presensi.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n\r\n <!-- SEKSI KETERANGAN -->\r\n <div class=\"info-section\">\r\n <h4 class=\"info-title\">Keterangan:<\/h4>\r\n <ul class=\"info-list\">\r\n <li>Proses perbaikan KPS dilakukan sesuai jadwal yang tertera dalam Kalender Akademik.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9397\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9397\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Cetak Ulang KHS <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9397\" class=\"elementor-element elementor-element-4b70343 e-flex e-con-boxed e-con e-child\" data-id=\"4b70343\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9397\" class=\"elementor-element elementor-element-a6071ab e-con-full e-flex e-con e-child\" data-id=\"a6071ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cd1a5c elementor-widget elementor-widget-html\" data-id=\"9cd1a5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Cetak Ulang KHS kepada Petugas Layanan Bagian Administrasi Akademik.<\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Isi Formulir<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengisi formulir cetak ulang KHS, dan diserahkan kepada Petugas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi berkas dan memproses penerbitan KHS.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <!-- SEKSI KETERANGAN -->\r\n <div class=\"info-section\">\r\n <h4 class=\"info-title\">Keterangan:<\/h4>\r\n <ul class=\"info-list\">\r\n <li>Formulir KHS wajib diberi materai 6.000.<\/li>\r\n <li>1 lembar formulir cetak ulang KHS maksimal untuk mencetak KHS 3 semester.<\/li>\r\n <li>KHS dimintakan tanda tangan dan stempel di fakultas\/pascasarjana.<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9398\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9398\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Perbaikan Ijazah <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9398\" class=\"elementor-element elementor-element-05f03e6 e-flex e-con-boxed e-con e-child\" data-id=\"05f03e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9398\" class=\"elementor-element elementor-element-dccaa07 e-con-full e-flex e-con e-child\" data-id=\"dccaa07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52e12b4 elementor-widget elementor-widget-html\" data-id=\"52e12b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Cuti Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Perbaikan Ijazah dengan melampirkan berkas:<\/p>\r\n\r\n <ul class=\"file-list\">\r\n \t <li>Ijazah asli yang terdapat kesalahan <\/li>\r\n \t <li>Fotocopy Ijazah SMA\/MA\/SMK\/sederajat<\/li>\r\n \t <li>Surat Keterangan lainnya sebagai pendukung<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Penyerahan Berkas<\/h3>\r\n <p class=\"flow-desc\">Seluruh berkas yang telah lengkap diserahkan langsung kepada <strong>Petugas Layanan Bagian Administrasi Akademik<\/strong> untuk dilakukan verifikasi awal.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi berkas dan memproses penerbitan Ijazah Perbaikan. Berkas diproses dan diselesaikan dalam waktu <strong>maksimal 30 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- SEKSI KETERANGAN -->\r\n <div class=\"info-section\">\r\n <h4 class=\"info-title\">Keterangan:<\/h4>\r\n <ul class=\"info-list\">\r\n <li>Apabila ijazah rusak dikarenakan kesalahan redaksional dari Petugas Bagian Administrasi Akademik, maka akan diterbikan Cetak Ijazah Ulang.<\/li>\r\n <li>Apabila ijazah rusak dikarenakan kesalahan redaksional dari data dukung saat pendaftaran wisudaonline atau ujian skripsi tidak valid, maka akan diterbikan Surat Keterangan Perbaikan Ijazah.<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9399\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"10\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9399\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Surat Keterangan Pengganti Ijazah <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9399\" class=\"elementor-element elementor-element-1383708 e-flex e-con-boxed e-con e-child\" data-id=\"1383708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9399\" class=\"elementor-element elementor-element-b343832 e-con-full e-flex e-con e-child\" data-id=\"b343832\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-068c876 elementor-widget elementor-widget-html\" data-id=\"068c876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Aktif Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan Pengganti Ijazah dengan melampirkan berkas:<\/p>\r\n\r\n <ul class=\"file-list\">\r\n \t <li>Surat Kehilangan dari Kepolisian (Jika ijazah hilang) \/ ijazah atau transkrip nilai asli (Jika ijazah rusak)<\/li>\r\n \t <li>Fotocopy ijazah\/transkrip nilai yang hilang\/rusak<\/li>\r\n \t <li>Pas foto berwarna ukuran 3x4, memakai jas almamater UIN Malang, dengan background merah, sebanyak 3 lembar. <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Penyerahan Berkas<\/h3>\r\n <p class=\"flow-desc\">Seluruh berkas yang telah lengkap diserahkan langsung kepada <strong>Petugas Layanan Bagian Administrasi Akademik<\/strong> untuk dilakukan verifikasi awal.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi berkas dan memproses penerbitan Surat Keterangan Pengganti Ijazah. Berkas diproses dan diselesaikan dalam waktu <strong>maksimal 7 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-93910\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"11\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-93910\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Surat Keterangan Lulus (SKL) <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-93910\" class=\"elementor-element elementor-element-eb441e9 e-flex e-con-boxed e-con e-child\" data-id=\"eb441e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-93910\" class=\"elementor-element elementor-element-bf67380 e-con-full e-flex e-con e-child\" data-id=\"bf67380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87238b6 elementor-widget elementor-widget-html\" data-id=\"87238b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Aktif Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS RESET & BASE STYLING --- *\/\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-title {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 15px 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .flow-card:hover .flow-title {\r\n color: #009ca6;\r\n }\r\n\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <h3 class=\"flow-title\">Pengajuan Permohonan<\/h3>\r\n <p class=\"flow-desc\">Mahasiswa yang bersangkutan mengajukan permohonan SKL dengan melampirkan berkas:<\/p>\r\n\r\n <ul class=\"file-list\">\r\n \t <li>Cetak Formulir Pendaftaran Wisuda Online<\/li>\r\n \t <li>Fotocopy SK Yudisium dari fakultas<\/li>\r\n \t <li>Fotocopy Blanko Bebas Tanggungan Administrasi<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <h3 class=\"flow-title\">Penyerahan Berkas<\/h3>\r\n <p class=\"flow-desc\">Seluruh berkas yang telah lengkap diserahkan langsung kepada <strong>Petugas Layanan Bagian Administrasi Akademik<\/strong> untuk dilakukan verifikasi awal.<\/p>\r\n <p class=\"flow-desc\">Kemudian mahasiswa mengisi biodata di Buku Pembuatan SKL yang disediakan.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <h3 class=\"flow-title\">Proses Pembuatan<\/h3>\r\n <p class=\"flow-desc\">Petugas memvalidasi berkas dan memproses penerbitan SKL. Berkas diproses dan diselesaikan dalam waktu <strong>maksimal 7 hari kerja<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-93911\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"12\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-93911\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Pendaftaran Wisuda dan Ketentuan Foto Ijazah <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-93911\" class=\"elementor-element elementor-element-9a0625a e-con-full e-flex e-con e-child\" data-id=\"9a0625a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-93911\" class=\"elementor-element elementor-element-c6496d6 e-flex e-con-boxed e-con e-child\" data-id=\"c6496d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b098050 elementor-widget elementor-widget-html\" data-id=\"b098050\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Alur Layanan Pengajuan Aktif Studi<\/title>\r\n \r\n <!-- Menyisipkan Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n .flow-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* --- FLEXBOX LAYOUT (Kiri ke Kanan di Desktop) --- *\/\r\n .flow-steps {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n \/* --- KARTU PROSES --- *\/\r\n .flow-card {\r\n flex: 1;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 35px 24px 30px 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eef2f6;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n .flow-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 156, 166, 0.15);\r\n border-color: #009ca6;\r\n }\r\n\r\n \/* --- BADGE NOMOR LANGKAH --- *\/\r\n .step-badge {\r\n position: absolute;\r\n top: -18px;\r\n left: 24px;\r\n background: linear-gradient(135deg, #009ca6, #007a82);\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n box-shadow: 0 4px 10px rgba(0, 156, 166, 0.3);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- KONTEN TEKS --- *\/\r\n .flow-desc {\r\n font-size: 14.5px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .file-list {\r\n margin: 15px 0 0 0;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n\r\n .file-list li {\r\n position: relative;\r\n padding-left: 22px;\r\n margin-bottom: 8px;\r\n font-size: 13.5px;\r\n color: #475569;\r\n }\r\n\r\n .file-list li::before {\r\n content: \"\\f0c6\"; \r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 0;\r\n top: 1px;\r\n color: #009ca6;\r\n font-size: 12px;\r\n }\r\n\r\n \/* --- KONEKTOR PANAH --- *\/\r\n .flow-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #cbd5e1;\r\n font-size: 24px;\r\n z-index: 1;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* --- SEKSI KETERANGAN BARU --- *\/\r\n .info-section {\r\n margin-top: 40px;\r\n padding: 24px;\r\n background: #f8fafc;\r\n border-left: 6px solid #009ca6;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .info-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .info-list {\r\n margin: 0;\r\n padding-left: 20px;\r\n color: #475569;\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n }\r\n\r\n .photo-section-title {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin: 20px 0 10px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .photo-row-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .photo-item-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n \/* Kotak Foto Ukuran 3x4 *\/\r\n .photo-box-small {\r\n width: 105px;\r\n height: 140px; \r\n background-size: cover;\r\n background-position: center;\r\n background-color: #e2e8f0;\r\n border-radius: 4px;\r\n }\r\n\r\n .photo-label-small {\r\n font-size: 12px;\r\n color: #475569;\r\n margin-top: 6px;\r\n line-height: 1.2;\r\n font-weight: 600;\r\n }\r\n\r\n \/* --- STYLING KETERANGAN KESALAHAN PADA FOTO --- *\/\r\n .error-notes {\r\n margin-top: 6px;\r\n text-align: left;\r\n font-size: 11.5px;\r\n color: #334155;\r\n background: #fff;\r\n padding: 6px 8px;\r\n border-radius: 6px;\r\n border: 1px solid #e2e8f0;\r\n width: 140px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .error-notes div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 4px;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .error-notes div:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .error-notes span {\r\n line-height: 1.2;\r\n flex: 1;\r\n }\r\n\r\n .error-notes i {\r\n color: #ef4444;\r\n font-size: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* 1. Foto Laki-laki Benar *\/\r\n .photo-correct-male {\r\n background-image: url('https:\/\/akademik.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/Contoh-Laki-Laki-Benar.jpg');\r\n }\r\n\r\n \/* 2. Foto Perempuan Benar *\/\r\n .photo-correct-female {\r\n background-image: url('https:\/\/akademik.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/Contoh-Perempuan-Benar.jpg');\r\n }\r\n\r\n \/* 3. Foto Salah 1 *\/\r\n .photo-incorrect-1 {\r\n background-image: url('https:\/\/akademik.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/Potret-Formal-Pemuda-Berdasi-Merah.png');\r\n }\r\n\r\n \/* 4. Foto Salah 2 *\/\r\n .photo-incorrect-2 {\r\n background-image: url('https:\/\/akademik.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/Potret-Resmi-Wanita-Berhijab-Putih.png');\r\n }\r\n\r\n \/* --- RESPONSIVITAS --- *\/\r\n @media (max-width: 991px) {\r\n .flow-steps {\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n .flow-card { width: 100%; }\r\n .flow-connector {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n animation: pulseVertical 2s infinite;\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.6; }\r\n 50% { transform: scale(1.1); opacity: 1; }\r\n }\r\n @keyframes pulseVertical {\r\n 0%, 100% { transform: rotate(90deg) scale(1); opacity: 0.6; }\r\n 50% { transform: rotate(90deg) scale(1.1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 1 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 1<\/div>\r\n <p class=\"flow-desc\">Mahasiswa mendaftar Ujian Skripsi \/ Tesis \/ Disertasi<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 2 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 2<\/div>\r\n <p class=\"flow-desc\">Mahasiswa mengikuti pelaksanaan Ujian Skripsi \/ Tesis \/ Disertasi<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 3 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 3<\/div>\r\n <p class=\"flow-desc\">Mahasiswa dinyatakan Lulus Ujian Skripsi \/ Tesis \/ Disertasi<\/p>\r\n <\/div>\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 4 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 4<\/div>\r\n <p class=\"flow-desc\">Admin Fakultas mencetak SK Yudisium dan meng-entry jumlah calon wisudawan dan tanggal yudisium di SIAKAD<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 5 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 5<\/div>\r\n <p class=\"flow-desc\">Mahasiswa menyelesaikan bebas tanggungan pada:<\/p>\r\n <ul class=\"file-list\">\r\n <li>Program Studi<\/li>\r\n <li>Fakultas\/Pascasarjana<\/li>\r\n <li>Perpustakaan<\/li>\r\n <li>Keuangan<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 6 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 6<\/div>\r\n <p class=\"flow-desc\">Mahasiswa meng-entry biodata, melakukan pendaftaran wisuda online dan mengunggah foto pada SIAKAD dan website alumni paling lambat 3 minggu sebelum pelaksanaan prosesi wisuda<\/p>\r\n <\/div>\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flow-container\">\r\n <div class=\"flow-steps\">\r\n \r\n <!-- LANGKAH 7 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 7<\/div>\r\n <p class=\"flow-desc\">Pelepasan mahasiswa calon wisudawan di fakultas\/pascasarjana dan pembagian kartu alumni<\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-connector\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n\r\n <!-- LANGKAH 8 -->\r\n <div class=\"flow-card\">\r\n <div class=\"step-badge\">LANGKAH 8<\/div>\r\n <p class=\"flow-desc\">Pelaksanaan prosesi wisuda<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div class=\"info-section\">\r\n <h4 class=\"info-title\">Ketentuan Foto Ijazah, Transkrip Nilai, dan Buku Wisuda berdasarkan SK Nomor: Un.03\/PP.00.9\/4317\/2014<\/h4>\r\n <ul class=\"info-list\">\r\n <li>Foto berwarna terbaru dangan background putih, ukuran 3x4.<\/li>\r\n <li>Foto dicetak menggunakan kertas doff standar studio foto sebanyak 12 lembar.<\/li>\r\n <li>Foto bukan hasil Montage atau perubahan pada fisik.<\/li>\r\n <li>Bagi laki-laki:\r\n <ul>1. Memakai jas almamater UIN Malang<\/ul>\r\n <ul>2. Memakai dasi berwarna hitam \/ gelap<\/ul>\r\n <ul>3. Memakai kemeja berkerah warna putih polos<\/ul>\r\n <ul>4. Tidak memakai penutup kepala<\/ul>\r\n <ul>5. Tidak memakai aksesoris<\/ul>\r\n <ul>6. Rambut harus rapi<\/ul>\r\n <ul>7. Tidak berkacamata<\/ul>\r\n <ul>8. Daun telinga harus terlihat<\/ul>\r\n <\/li>\r\n <li>Bagi perempuan:\r\n <ul>1. Memakai jas almamater UIN Malang<\/ul>\r\n <ul>2. Memakai jilbab berwarna hitam<\/ul>\r\n <ul>3. Memakai kemeja berkerah warna putih polos<\/ul>\r\n <ul>4. Tidak memakai cadar<\/ul>\r\n <ul>5. Tidak memakai aksesoris berlebihan<\/ul>\r\n <ul>6. Tidak bersanggul<\/ul>\r\n <ul>7. Tidak berkacamata<\/ul>\r\n <\/li>\r\n <li>Foto dikumpulkan pada Bagian Administrasi Akademik Fakultas\/Pascasarjana pada saat pendaftaran Ujian Skripsi \/ Tesis \/ Disertasi.<\/li>\r\n <li>Apabila foto tidak sesuai dengan ketentuan, maka foto tidak akan ditempelkan pada Ijazah dn Transkrip Nilai.<\/li>\r\n <\/ul>\r\n\r\n <!-- GALERI CONTOH FOTO YANG SESUAI KETENTUAN -->\r\n <div class=\"photo-section-title\">\r\n <span>Contoh Foto yang Sesuai Ketentuan:<\/span>\r\n <i class=\"fa-solid fa-circle-check\" style=\"color: #10b981; font-size: 18px;\"><\/i>\r\n <\/div>\r\n <div class=\"photo-row-container\">\r\n <!-- 1. Foto Laki-laki Benar -->\r\n <div class=\"photo-item-wrapper\">\r\n <div class=\"photo-box-small photo-correct-male\"><\/div>\r\n <div class=\"photo-label-small\">Laki-laki<\/div>\r\n <div class=\"error-notes\" style=\"visibility: hidden;\">\r\n <div><span>Placeholder<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- 2. Foto Perempuan Benar -->\r\n <div class=\"photo-item-wrapper\">\r\n <div class=\"photo-box-small photo-correct-female\"><\/div>\r\n <div class=\"photo-label-small\">Perempuan<\/div>\r\n <div class=\"error-notes\" style=\"visibility: hidden;\">\r\n <div><span>Placeholder<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- GALERI CONTOH FOTO YANG TIDAK SESUAI KETENTUAN -->\r\n <div class=\"photo-section-title\">\r\n <span>Contoh Foto yang Tidak Sesuai Ketentuan:<\/span>\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color: #ef4444; font-size: 18px;\"><\/i>\r\n <\/div>\r\n <div class=\"photo-row-container\">\r\n <!-- 3. Foto Salah 1 (Laki-laki) -->\r\n <div class=\"photo-item-wrapper\">\r\n <div class=\"photo-box-small photo-incorrect-1\"><\/div>\r\n <div class=\"photo-label-small\">Laki-laki<\/div>\r\n <div class=\"error-notes\">\r\n <div><span>Dasi tidak hitam<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <div><span>Bukan almamater<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <div><span>Memakai kacamata<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <div><span>Rambut menutup telinga<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- 4. Foto Salah 2 (Perempuan) -->\r\n <div class=\"photo-item-wrapper\">\r\n <div class=\"photo-box-small photo-incorrect-2\"><\/div>\r\n <div class=\"photo-label-small\">Perempuan<\/div>\r\n <div class=\"error-notes\">\r\n <div><span>Jilbab tidak hitam<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <div><span>Bukan almamater<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <div><span>Memakai kacamata<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <div><span>Memakai cadar<\/span> <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Surat Keterangan Aktif Studi Alur Layanan Pengajuan Aktif Studi LANGKAH 1 Pengajuan Permohonan Mahasiswa yang bersangkutan harus berstatus aktif, mengajukan permohonan Aktif Studi melalui SIAKAD dengan melampirkan berkas: Fotocopy SK PNS Terbaru (Bagi Orang Tua PNS) LANGKAH 2 Validasi Berkas Petugas memvalidasi permohonan pada SIAKAD dan memproses penerbitan Surat Keterangan Aktif Studi. Surat diproses dan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/1100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=1100"}],"version-history":[{"count":13,"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/1100\/revisions"}],"predecessor-version":[{"id":1115,"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/1100\/revisions\/1115"}],"wp:attachment":[{"href":"https:\/\/akademik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=1100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}