{"id":240,"date":"2026-07-22T09:33:28","date_gmt":"2026-07-22T09:33:28","guid":{"rendered":"https:\/\/oks.digital\/?page_id=240"},"modified":"2026-09-25T14:04:56","modified_gmt":"2026-09-25T10:04:56","slug":"surah-yaseen-with-urdu-translation","status":"publish","type":"page","link":"https:\/\/oks.digital\/ar\/surah-yaseen-with-urdu-translation\/","title":{"rendered":"\u0633\u0648\u0631\u0629 \u064a\u0633 \u0645\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u0623\u0631\u062f\u064a\u0629"},"content":{"rendered":"@import url(‘https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Noto+Nastaliq+Urdu:wght@400;600&display=swap’);\n\n#surah-yaseen-page {\n –sy-arabic-size: 36px;\n –sy-green: #075f4c;\n –sy-green-dark: #03483a;\n –sy-gold: #d3a52e;\n –sy-background: #f5f8f6;\n –sy-border: #dce8e2;\n –sy-text: #26342f;\n\n width: 100%;\n max-width: 1050px;\n margin: 25px auto;\n color: var(–sy-text);\n font-family: Arial, Helvetica, sans-serif;\n line-height: 1.75;\n}\n\n#surah-yaseen-page * {\n box-sizing: border-box;\n}\n\n\/* HERO *\/\n\n.sy-hero {\n position: relative;\n overflow: hidden;\n padding: 55px 25px;\n border-radius: 22px;\n color: #ffffff;\n text-align: center;\n background:\n radial-gradient(\n circle at top right,\n rgba(211, 165, 46, 0.25),\n transparent 35%\n ),\n linear-gradient(\n 135deg,\n var(–sy-green-dark),\n var(–sy-green)\n );\n}\n\n.sy-hero::before,\n.sy-hero::after {\n content: “”;\n position: absolute;\n width: 170px;\n height: 170px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n border-radius: 50%;\n}\n\n.sy-hero::before {\n top: -80px;\n left: -60px;\n}\n\n.sy-hero::after {\n right: -60px;\n bottom: -90px;\n}\n\n.sy-hero-content {\n position: relative;\n z-index: 2;\n max-width: 800px;\n margin: auto;\n}\n\n.sy-small-title {\n margin: 0 0 10px;\n color: #f5d87f;\n font-family: “Amiri”, serif;\n font-size: 42px;\n line-height: 1.4;\n}\n\n.sy-hero h1 {\n margin: 0 0 15px;\n color: #ffffff;\n font-size: clamp(29px, 5vw, 46px);\n line-height: 1.25;\n}\n\n.sy-introduction {\n max-width: 720px;\n margin: 0 auto 24px;\n color: #eef7f3;\n font-size: 17px;\n}\n\n.sy-information {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.sy-information span {\n padding: 7px 16px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 30px;\n background: rgba(255, 255, 255, 0.10);\n font-size: 14px;\n}\n\n\/* CARDS *\/\n\n.sy-card {\n margin-top: 25px;\n padding: 28px;\n border: 1px solid var(–sy-border);\n border-radius: 18px;\n background: #ffffff;\n box-shadow: 0 8px 30px rgba(5, 72, 58, 0.06);\n}\n\n.sy-card h2,\n.sy-section-heading h2 {\n margin-top: 0;\n margin-bottom: 8px;\n color: var(–sy-green-dark);\n font-size: 27px;\n line-height: 1.35;\n}\n\n\/* SURAH INFORMATION *\/\n\n.sy-surah-info-section {\n text-align: center;\n}\n\n.sy-info-heading {\n max-width: 760px;\n margin: 0 auto 22px;\n}\n\n.sy-info-heading p {\n margin: 0;\n color: #66756f;\n}\n\n.sy-info-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 14px;\n}\n\n.sy-info-item {\n padding: 18px 14px;\n border: 1px solid var(–sy-border);\n border-radius: 13px;\n background: #fbfdfc;\n}\n\n.sy-info-label {\n display: block;\n margin-bottom: 6px;\n color: #66756f;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n}\n\n.sy-info-item strong {\n display: block;\n color: var(–sy-green-dark);\n font-size: 18px;\n line-height: 1.45;\n}\n\n\/* AUDIO *\/\n\n.sy-audio-section {\n text-align: center;\n}\n\n.sy-audio-section p {\n margin-top: 0;\n color: #66756f;\n}\n\n.sy-audio-section audio {\n display: block;\n width: 100%;\n max-width: 650px;\n margin: 18px auto 0;\n}\n\n\/* CONTROLS *\/\n\n.sy-controls {\n position: sticky;\n top: 10px;\n z-index: 20;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 9px;\n margin: 25px 0;\n padding: 12px;\n border: 1px solid var(–sy-border);\n border-radius: 15px;\n background: rgba(255, 255, 255, 0.96);\n box-shadow: 0 8px 25px rgba(5, 72, 58, 0.09);\n}\n\n.sy-controls button {\n min-height: 43px;\n padding: 8px 17px;\n border: 1px solid var(–sy-green);\n border-radius: 9px;\n color: var(–sy-green);\n background: #ffffff;\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n transition: 0.2s ease;\n}\n\n.sy-controls button:hover {\n color: #ffffff;\n background: var(–sy-green);\n transform: translateY(-1px);\n}\n\n\/* QURAN *\/\n\n.sy-quran-section {\n overflow: hidden;\n border: 1px solid var(–sy-border);\n border-radius: 20px;\n background: var(–sy-background);\n}\n\n.sy-section-heading {\n padding: 28px 25px 20px;\n text-align: center;\n background: #ffffff;\n border-bottom: 1px solid var(–sy-border);\n}\n\n.sy-section-heading p {\n margin: 0;\n color: #66756f;\n}\n\n.sy-bismillah {\n padding: 32px 20px 20px;\n color: var(–sy-green-dark);\n font-family: “Amiri”, serif;\n font-size: calc(var(–sy-arabic-size) + 4px);\n font-weight: 700;\n line-height: 2;\n text-align: center;\n}\n\n.sy-verse {\n margin: 18px;\n padding: 28px;\n border: 1px solid var(–sy-border);\n border-radius: 16px;\n background: #ffffff;\n box-shadow: 0 5px 18px rgba(5, 72, 58, 0.04);\n}\n\n.sy-verse-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 48px;\n height: 32px;\n margin-bottom: 14px;\n padding: 0 10px;\n border-radius: 20px;\n color: #ffffff;\n background: var(–sy-green);\n font-size: 13px;\n font-weight: 700;\n}\n\n.sy-arabic {\n margin: 0;\n color: #17221e;\n font-family: “Amiri”, “Traditional Arabic”, serif;\n font-size: var(–sy-arabic-size);\n font-weight: 400;\n line-height: 2.25;\n text-align: right;\n direction: rtl;\n}\n\n.sy-urdu {\n margin: 18px 0 0;\n padding-top: 17px;\n border-top: 1px solid #e8efeb;\n color: #43534c;\n font-family:\n “Noto Nastaliq Urdu”,\n “Jameel Noori Nastaleeq”,\n serif;\n font-size: 20px;\n line-height: 2.4;\n text-align: right;\n direction: rtl;\n}\n\n\/* LOADING *\/\n\n.sy-loading,\n.sy-error {\n margin: 25px;\n padding: 35px 20px;\n border-radius: 14px;\n text-align: center;\n background: #ffffff;\n}\n\n.sy-error {\n color: #a42525;\n}\n\n.sy-retry-button {\n display: block;\n margin: 15px auto 0;\n padding: 10px 22px;\n border: 0;\n border-radius: 8px;\n color: #ffffff;\n background: var(–sy-green);\n cursor: pointer;\n}\n\n\/* ABOUT *\/\n\n.sy-about-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* FAQ *\/\n\n.sy-faq-section details {\n margin-top: 13px;\n border: 1px solid var(–sy-border);\n border-radius: 11px;\n background: #fbfdfc;\n}\n\n.sy-faq-section summary {\n padding: 16px 18px;\n color: var(–sy-green-dark);\n font-weight: 700;\n cursor: pointer;\n}\n\n.sy-faq-section details p {\n margin: 0;\n padding: 0 18px 18px;\n}\n\n\/* SOURCE *\/\n\n.sy-source-note {\n margin: 22px 10px;\n color: #74817c;\n font-size: 12px;\n text-align: center;\n}\n\n\/* HIDE TRANSLATION *\/\n\n.sy-hide-translation .sy-urdu {\n display: none;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 650px) {\n\n #surah-yaseen-page {\n –sy-arabic-size: 29px;\n margin-top: 10px;\n }\n\n .sy-hero {\n padding: 40px 18px;\n border-radius: 16px;\n }\n\n .sy-small-title {\n font-size: 36px;\n }\n\n .sy-introduction {\n font-size: 15px;\n }\n\n .sy-card {\n padding: 21px 17px;\n border-radius: 14px;\n }\n\n .sy-info-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n .sy-info-item {\n padding: 15px 10px;\n }\n\n .sy-info-item strong {\n font-size: 16px;\n }\n\n .sy-controls {\n position: static;\n }\n\n .sy-controls button {\n flex: 1 1 45%;\n padding: 8px 9px;\n font-size: 13px;\n }\n\n .sy-verse {\n margin: 10px;\n padding: 21px 15px;\n }\n\n .sy-urdu {\n font-size: 18px;\n }\n}\n\n\/* PRINT \/ PDF *\/\n\n@media print {\n\n body {\n background: #ffffff !important;\n }\n\n .sy-controls,\n .sy-audio-section,\n header,\n footer,\n nav {\n display: none !important;\n }\n\n #surah-yaseen-page {\n max-width: none;\n margin: 0;\n }\n\n .sy-hero {\n color: #000000;\n background: #ffffff;\n border: 1px solid #cccccc;\n }\n\n .sy-hero h1,\n .sy-small-title,\n .sy-introduction {\n color: #000000;\n }\n\n .sy-information span {\n color: #000000;\n border-color: #999999;\n }\n\n .sy-verse {\n break-inside: avoid;\n box-shadow: none;\n }\n}\n\n\n
\n\n \n
\n
\n

\u0633\u0648\u0631\u0629 \u064a\u0633<\/p>\n\n

\u0633\u0648\u0631\u0629 \u064a\u0633 \u0645\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u0623\u0631\u062f\u064a\u0629<\/h1>\n\n

\n Read Surah Yaseen Arabic text with Urdu translation. You can also\n listen to the recitation and save the complete Surah Yaseen page as a PDF. You can also read Surah Mulk with Urdu translation, audio and PDF tools<\/a>.\n <\/p>\n\n

\n \u0633\u0648\u0631\u0629 \u064a\u0633<\/span>\n 83 \u0622\u064a\u0629<\/span>\n \u0633\u0648\u0631\u0629 \u0645\u0643\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n
\n
\n

Surah Yaseen Information<\/h2>\n\n

\n Quick facts about Surah Yaseen, including its Quran number, ayat,\n rukus, revelation place, Para\/Juz and Urdu translator.\n <\/p>\n <\/div>\n\n

\n\n
\n Surah Number<\/span>\n 36<\/strong>\n <\/div>\n\n
\n Total Ayat<\/span>\n 83<\/strong>\n <\/div>\n\n
\n Total Rukus<\/span>\n 5<\/strong>\n <\/div>\n\n
\n Revelation<\/span>\n Makki<\/strong>\n <\/div>\n\n
\n Para \/ Juz<\/span>\n 22\u201323<\/strong>\n <\/div>\n\n
\n \u062a\u0631\u062c\u0645\u0647 \u0627\u0644\u0623\u0631\u062f\u064a\u0629<\/span>\n Fateh Muhammad Jalandhry<\/strong>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n
\n\n

\u0627\u0633\u062a\u0645\u0639 \u0625\u0644\u0649 \u0633\u0648\u0631\u0629 \u064a\u0633<\/h2>\n\n

\u062a\u0644\u0627\u0648\u0629 \u0628\u0642\u0631\u064a \u0627\u0644\u0634\u064a\u062e \u0645\u0634\u0627\u0631\u064a \u0631\u0627\u0634\u062f \u0627\u0644\u0639\u0641\u0627\u0633\u064a<\/p>\n\n

\n\n