:root{font-family:Gill Sans;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:100vw;min-height:100vh;display:block;background-color:#fff}#root{height:100%;width:100%}button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}.App{display:grid;grid-template-rows:50px 1fr 50px;height:100vh}.main-content{background-color:#fff;padding:2rem;overflow-y:auto}.header{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;height:50px;background:#fff;border-radius:12px}.header:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff;border-radius:10px;z-index:1}.h1{position:relative;z-index:2;margin:0;font-family:Lateef,sans-serif;font-weight:500;font-size:1.25rem;color:#000;display:flex;text-align:center}.footer{position:relative;bottom:0;width:100%;max-width:100vw;box-sizing:border-box;height:50px;display:flex;text-align:center;padding:0 1.5rem;background:#fff;color:#000;font-family:Lateef,sans-serif;font-weight:500;font-size:1.1rem;border-radius:12px}.footer:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff;border-radius:10px;z-index:1}.gradient-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;z-index:0}.gradient{position:absolute;top:50%;left:50%;width:250%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(#4f46e5,#9333ea,#ec4899,#f97316,#eab308,#22c55e,#06b6d4,#4f46e5);animation:rotate 4s linear infinite}.footer-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%}.footer p{margin:0}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.main-content{display:flex;flex-direction:column;height:87vh;padding:20px 1rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background:transparent}.card-row{display:grid;grid-template-columns:1fr;gap:0}.card{display:flex;align-items:center;justify-content:space-between;min-height:80px;border:none;margin-bottom:10px;padding:1rem 0}.card-text{font-size:1.25rem;font-family:Gill Sans;flex:1;min-width:0;text-align:left;white-space:pre-wrap}.card-detail{font-size:xx-large;font-weight:600;color:#000;text-align:right;flex-shrink:1;min-width:0;direction:rtl;unicode-bidi:embed;line-height:2;white-space:pre-wrap;font-family:IndoPak,serif}.intro-text{text-align:center;margin:0}@font-face{font-family:UthmanicHafs;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2) format("woff2");font-display:swap}@font-face{font-family:IndoPak;src:url(https://verses.quran.foundation/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2) format("woff2");font-display:swap}.rule-container{display:flex;flex-direction:column;padding:1rem;gap:1px}.tab-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 540px){.tab-buttons{grid-template-columns:repeat(4,1fr)}}.tab-content{color:#000;font-size:1.2rem;line-height:1.6}.tab-buttons button{text-transform:none;font-size:1rem;font-weight:600;border-radius:8px;border:2px solid black;color:#000;background-color:transparent;padding:.5rem 1rem;cursor:pointer;transition:border-color .3s ease,background-color .3s ease;margin-bottom:1rem}.return-home-btn{display:inline-block;margin-top:1rem;margin-bottom:1rem;background:none;color:#000;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.return-home-btn:hover{background-color:#fff;color:#000}.arabic-text{direction:ltr;text-align:left;line-height:2;margin:0}.theory-text{display:flex;align-items:center;color:#000;font-size:x-large}.practice-heading{align-items:center;text-align:center;font-size:large}.practice-content .Practice-card:nth-child(1){padding-top:10px}.practice-content{display:flex;flex-direction:column;align-items:flex-end}.Practice-card{width:100%;box-sizing:border-box}.Practice-card-text{font-size:xx-large;font-weight:500;text-align:right;direction:rtl;margin:0;color:#000}.tajweed-rule1 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #4cd97a;font-size:1.25rem}.tajweed-rule1 .arabic-text{font-size:2rem;text-align:right;font-family:IndoPak,serif}.tajweed-rule1 .return-home-btn,.tajweed-rule1 .tab-buttons button.active{border:2px solid #4cd97a}.tajweed-rule1 .Practice-card{border-bottom:2px solid #4cd97a;font-family:IndoPak,serif}.tajweed-rule1 .Practice-card.nth1{border-top:2px solid #4cd97a}.tajweed-rule1 .practice-heading{border:2px solid #4cd97a;padding:.5rem;margin:0}.tajweed-rule1 .theory-card a{text-decoration:underline;color:#4cd97a;font-weight:600;transition:.3s ease}.tajweed-rule1 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule1 .theory-card a:visited,.tajweed-rule1 .theory-card a:active{color:#4cd97a}.tajweed-rule2 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #33d4c4}.tajweed-rule2 .return-home-btn,.tajweed-rule2 .tab-buttons button.active{border:2px solid #33d4c4}.tajweed-rule2 .Practice-card{border-bottom:2px solid #33d4c4}.tajweed-rule2 .practice-heading{border:2px solid #33d4c4;padding:.5rem;margin:0}.tajweed-rule2 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule2 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule2 .arabic-inline{font-size:2rem;color:#33d4c4;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px}.tajweed-rule2 .arabic-inline-shaddah{font-size:3.5rem;color:#33d4c4;position:relative;top:25px;margin-left:.3rem}.tajweed-rule2 .arabic-text{font-size:1.2rem;text-align:left;font-family:Gill Sans}.tajweed-rule2 .noon-and-meem{font-size:2rem;color:#33d4c4;margin-left:.5rem}.tajweed-rule2 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #33d4c4;font-size:1rem}.tajweed-rule2 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #33d4c4;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule2 .theory-card a{text-decoration:underline;color:#33d4c4;font-weight:600;transition:.3s ease}.tajweed-rule2 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule2 .theory-card a:visited,.tajweed-rule2 .theory-card a:active{color:#33d4c4}.tajweed-rule3 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #bfe8ed}.tajweed-rule3 .return-home-btn,.tajweed-rule3 .tab-buttons button.active{border:2px solid #33c7d9}.tajweed-rule3 .Practice-card{border-bottom:2px solid #33c7d9}.tajweed-rule3 .practice-heading{border:2px solid #33c7d9;padding:.5rem;margin:0}.tajweed-rule3 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule3 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule3 .arabic-inline{font-size:2rem;color:#33c7d9;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:UthmanicHafs,serif}.tajweed-rule3 .arabic-inline-shaddah{font-size:3.5rem;color:#33c7d9;position:relative;top:25px;margin-left:.3rem;font-family:UthmanicHafs,serif}.tajweed-rule3 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule3 .qalqalah{font-size:2rem;color:#33c7d9;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule3 .surah-balad-verse-1{font-size:2rem;color:#33c7d9;margin-left:.5rem;font-family:IndoPak,serif}.tajweed-rule3 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #33c7d9;font-size:1rem}.tajweed-rule3 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #33c7d9;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule3 .theory-card a{text-decoration:underline;color:#33c7d9;font-weight:600;transition:.3s ease}.tajweed-rule3 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule3 .theory-card a:visited,.tajweed-rule3 .theory-card a:active{color:#33c7d9}.tajweed-rule4 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #33c2ff}.tajweed-rule4 .return-home-btn,.tajweed-rule4 .tab-buttons button.active{border:2px solid #33c2ff}.tajweed-rule4 .Practice-card{border-bottom:2px solid #33c2ff}.tajweed-rule4 .practice-heading{border:2px solid #33c2ff;padding:.5rem;margin:0}.tajweed-rule4 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule4 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule4 .arabic-inline{font-size:2rem;color:#33c2ff;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px}.tajweed-rule4 .arabic-inline-shaddah{font-size:3.5rem;color:#33c2ff;position:relative;top:25px;margin-left:.3rem}.tajweed-rule4 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule4 .qalqalah{font-size:2rem;color:#33c2ff;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule4 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #33c2ff;font-size:1rem;max-width:300px}.tajweed-rule4 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #33c2ff;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule4 .theory-card a{text-decoration:underline;color:#33c2ff;font-weight:600;transition:.3s ease}.tajweed-rule4 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule4 .theory-card a:visited,.tajweed-rule4 .theory-card a:active{color:#33c2ff}.tajweed-rule5 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #5c9dff}.tajweed-rule5 .return-home-btn,.tajweed-rule5 .tab-buttons button.active{border:2px solid #5c9dff}.tajweed-rule5 .Practice-card{border-bottom:2px solid #5c9dff}.tajweed-rule5 .practice-heading{border:2px solid #5c9dff;padding:.5rem;margin:0}.tajweed-rule5 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule5 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule5 .arabic-inline{font-size:2rem;color:#5c9dff;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule5 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule5 .arabic-inline-shaddah{font-size:2.5rem;color:#5c9dff;position:relative}.tajweed-rule5 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule5 .qalqalah{font-size:2rem;color:#5c9dff;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule5 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #5c9dff;font-size:1rem;max-width:300px}.tajweed-rule5 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #5c9dff;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule5 .theory-card a{text-decoration:underline;color:#5c9dff;font-weight:600;transition:.3s ease}.tajweed-rule5 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule5 .theory-card a:visited,.tajweed-rule5 .theory-card a:active{color:#5c9dff}.tajweed-rule6 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #6f7be0}.tajweed-rule6 .regular-text{font-family:Gill Sans}.tajweed-rule6 .return-home-btn,.tajweed-rule6 .tab-buttons button.active{border:2px solid #6f7be0}.tajweed-rule6 .Practice-card{border-bottom:2px solid #6f7be0}.tajweed-rule6 .practice-heading{border:2px solid #6f7be0;padding:.5rem;margin:0}.tajweed-rule6 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule6 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule6 .arabic-inline{font-size:2rem;color:#6f7be0;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule6 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule6 .arabic-inline-shaddah{font-size:2.5rem;color:#6f7be0;position:relative}.tajweed-rule6 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule6 .qalqalah{font-size:2rem;color:#6f7be0;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule6 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #6f7be0;font-size:1rem;max-width:300px}.tajweed-rule6 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #6f7be0;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule6 .theory-card a{text-decoration:underline;color:#6f7be0;font-weight:600;transition:.3s ease}.tajweed-rule6 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule6 .theory-card a:visited,.tajweed-rule6 .theory-card a:active{color:#6f7be0}.tajweed-rule7 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #7f8de0}.tajweed-rule7 .regular-text{font-family:Gill Sans}.tajweed-rule7 .return-home-btn,.tajweed-rule7 .tab-buttons button.active{border:2px solid #7f8de0}.tajweed-rule7 .Practice-card{border-bottom:2px solid #7f8de0}.tajweed-rule7 .practice-heading{border:2px solid #7f8de0;padding:.5rem;margin:0}.tajweed-rule7 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule7 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule7 .arabic-inline{font-size:2rem;color:#7f8de0;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule7 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule7 .arabic-inline-shaddah{font-size:2.5rem;color:#7f8de0;position:relative}.tajweed-rule7 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule7 .qalqalah{font-size:2rem;color:#7f8de0;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule7 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #7f8de0;font-size:1rem;max-width:300px}.tajweed-rule7 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #7f8de0;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule7 .theory-card a{text-decoration:underline;color:#7f8de0;font-weight:600;transition:.3s ease}.tajweed-rule7 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule7 .theory-card a:visited,.tajweed-rule7 .theory-card a:active{color:#7f8de0}.tajweed-rule8 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #9a7be0}.tajweed-rule8 .regular-text{font-family:Gill Sans}.tajweed-rule8 .return-home-btn,.tajweed-rule8 .tab-buttons button.active{border:2px solid #9a7be0}.tajweed-rule8 .Practice-card{border-bottom:2px solid #9a7be0}.tajweed-rule8 .practice-heading{border:2px solid #9a7be0;padding:.5rem;margin:0}.tajweed-rule8 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule8 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule8 .arabic-inline{font-size:2rem;color:#9a7be0;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule8 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule8 .arabic-inline-shaddah{font-size:2.5rem;color:#9a7be0;position:relative}.tajweed-rule8 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule8 .qalqalah{font-size:2rem;color:#9a7be0;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule8 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #9a7be0;font-size:1rem;max-width:300px}.tajweed-rule8 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #9a7be0;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule8 .theory-card a{text-decoration:underline;color:#9a7be0;font-weight:600;transition:.3s ease}.tajweed-rule8 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule8 .theory-card a:visited,.tajweed-rule8 .theory-card a:active{color:#9a7be0}.tajweed-rule9 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #b36ad9}.tajweed-rule9 .regular-text{font-family:Gill Sans}.tajweed-rule9 .return-home-btn,.tajweed-rule9 .tab-buttons button.active{border:2px solid #9a7be0}.tajweed-rule9 .Practice-card{border-bottom:2px solid #9a7be0}.tajweed-rule9 .practice-heading{border:2px solid #9a7be0;padding:.5rem;margin:0}.tajweed-rule9 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule9 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule9 .arabic-inline{font-size:2rem;color:#9a7be0;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule9 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule9 .arabic-inline-shaddah{font-size:2.5rem;color:#9a7be0;position:relative}.tajweed-rule9 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule9 .qalqalah{font-size:2rem;color:#9a7be0;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule9 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #9a7be0;font-size:1rem;max-width:300px}.tajweed-rule9 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #9a7be0;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule9 .theory-card a{text-decoration:underline;color:#9a7be0;font-weight:600;transition:.3s ease}.tajweed-rule9 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule9 .theory-card a:visited,.tajweed-rule9 .theory-card a:active{color:#9a7be0}.tajweed-rule10 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #e066ff}.tajweed-rule10 .regular-text{font-family:Gill Sans}.tajweed-rule10 .return-home-btn,.tajweed-rule10 .tab-buttons button.active{border:2px solid #e066ff}.tajweed-rule10 .Practice-card{border-bottom:2px solid #e066ff}.tajweed-rule10 .practice-heading{border:2px solid #e066ff;padding:.5rem;margin:0}.tajweed-rule10 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule10 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule10 .arabic-inline{font-size:2rem;color:#e066ff;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule10 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule10 .arabic-inline-shaddah{font-size:2.5rem;color:#e066ff;position:relative}.tajweed-rule10 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule10 .qalqalah{font-size:2rem;color:#e066ff;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule10 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #e066ff;font-size:1rem;max-width:300px}.tajweed-rule10 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #e066ff;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule10 .theory-card a{text-decoration:underline;color:#e066ff;font-weight:600;transition:.3s ease}.tajweed-rule10 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule10 .theory-card a:visited,.tajweed-rule10 .theory-card a:active{color:#e066ff}.tajweed-rule11 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #ff66cc}.tajweed-rule11 .regular-text{font-family:Gill Sans}.tajweed-rule11 .return-home-btn,.tajweed-rule11 .tab-buttons button.active{border:2px solid #ff66cc}.tajweed-rule11 .Practice-card{border-bottom:2px solid #ff66cc}.tajweed-rule11 .practice-heading{border:2px solid #ff66cc;padding:.5rem;margin:0}.tajweed-rule11 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule11 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule11 .arabic-inline{font-size:2rem;color:#f6c;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule11 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule11 .arabic-inline-shaddah{font-size:2.5rem;color:#f6c;position:relative}.tajweed-rule11 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule11 .qalqalah{font-size:2rem;color:#f6c;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule11 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #ff66cc;font-size:1rem;max-width:300px}.tajweed-rule11 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #ff66cc;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule11 .theory-card a{text-decoration:underline;color:#f6c;font-weight:600;transition:.3s ease}.tajweed-rule11 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule11 .theory-card a:visited,.tajweed-rule11 .theory-card a:active{color:#f6c}.tajweed-rule12 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #ff6fa3}.tajweed-rule12 .regular-text{font-family:Gill Sans}.tajweed-rule12 .return-home-btn,.tajweed-rule12 .tab-buttons button.active{border:2px solid #ff6fa3}.tajweed-rule12 .Practice-card{border-bottom:2px solid #ff6fa3}.tajweed-rule12 .practice-heading{border:2px solid #ff6fa3;padding:.5rem;margin:0}.tajweed-rule12 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule12 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule12 .arabic-inline{font-size:2rem;color:#ff6fa3;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule12 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule12 .arabic-inline-shaddah{font-size:2.5rem;color:#ff6fa3;position:relative}.tajweed-rule12 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule12 .qalqalah{font-size:2rem;color:#ff6fa3;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule12 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #ff6fa3;font-size:1rem;max-width:300px}.tajweed-rule12 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #ff6fa3;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule12 .theory-card a{text-decoration:underline;color:#ff6fa3;font-weight:600;transition:.3s ease}.tajweed-rule12 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule12 .theory-card a:visited,.tajweed-rule12 .theory-card a:active{color:#ff6fa3}.tajweed-rule13 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #ff7a7a}.tajweed-rule13 .regular-text{font-family:Gill Sans}.tajweed-rule13 .return-home-btn,.tajweed-rule13 .tab-buttons button.active{border:2px solid #ff7a7a}.tajweed-rule13 .Practice-card{border-bottom:2px solid #ff7a7a}.tajweed-rule13 .practice-heading{border:2px solid #ff7a7a;padding:.5rem;margin:0}.tajweed-rule13 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule13 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule13 .arabic-inline{font-size:2rem;color:#ff7a7a;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule13 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule13 .arabic-inline-shaddah{font-size:2.5rem;color:#ff7a7a;position:relative}.tajweed-rule13 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule13 .qalqalah{font-size:2rem;color:#ff7a7a;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule13 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #ff7a7a;font-size:1rem;max-width:300px}.tajweed-rule13 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #ff7a7a;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule13 .theory-card a{text-decoration:underline;color:#ff7a7a;font-weight:600;transition:.3s ease}.tajweed-rule13 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule13 .theory-card a:visited,.tajweed-rule13 .theory-card a:active{color:#ff7a7a}.tajweed-rule14 .theory-card{width:100%;padding:1rem;box-sizing:border-box;border-radius:10px;border:2px solid #ff8a66}.tajweed-rule14 .regular-text{font-family:Gill Sans}.tajweed-rule14 .return-home-btn,.tajweed-rule14 .tab-buttons button.active{border:2px solid #ff8a66}.tajweed-rule14 .Practice-card{border-bottom:2px solid #ff8a66}.tajweed-rule14 .practice-heading{border:2px solid #ff8a66;padding:.5rem;margin:0}.tajweed-rule14 .Practice-card-text{margin-top:20px;margin-bottom:5px;font-family:IndoPak,serif}.tajweed-rule14 .theory-text{margin:0;font-size:1.2rem}.tajweed-rule14 .arabic-inline{font-size:2rem;color:#ff8a66;margin-left:.5rem;margin-right:.5rem;margin-bottom:12px;font-family:IndoPak,serif}@media screen and (max-width: 767px) and (orientation: portrait){.tajweed-rule14 .arabic-inline-shaddah{right:110px;top:10px}}.tajweed-rule14 .arabic-inline-shaddah{font-size:2.5rem;color:#ff8a66;position:relative}.tajweed-rule14 .arabic-text{font-size:1.2rem;text-align:left;font-family:UthmanicHafs,serif}.tajweed-rule14 .qalqalah{font-size:2rem;color:#ff8a66;margin-left:.5rem;font-family:UthmanicHafs,serif}.tajweed-rule14 .quiz-dropdown{padding:.5rem;margin-top:1rem;margin-right:1rem;border-radius:8px;border:2px solid #ff8a66;font-size:1rem;max-width:300px}.tajweed-rule14 .quiz-submit-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid #ff8a66;background:transparent;cursor:pointer;font-size:1rem}.tajweed-rule14 .theory-card a{text-decoration:underline;color:#ff8a66;font-weight:600;transition:.3s ease}.tajweed-rule14 .theory-card a:hover{text-decoration:underline;opacity:.8}.tajweed-rule14 .theory-card a:visited,.tajweed-rule14 .theory-card a:active{color:#ff8a66}