@media(max-width: 400px){.container{flex-wrap:wrap;direction:rtl;border:1px solid #ccc;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#f9f9f9;padding:2px}.container p{padding-left:10px}.container nav{width:100%}.container nav ul{flex-wrap:wrap;height:auto;min-height:60px;padding:5px}.container nav ul li{margin:5px 2px;min-width:60px}.container nav ul li a{font-size:1rem !important;padding:5px;white-space:nowrap;font-weight:unset !important}.container nav ul li:first-child,.container nav ul li:last-child{display:flex !important;visibility:visible !important}.container .qurantext{font-family:"Amiri",Arial,sans-serif;display:inline-flex;font-size:1rem;line-height:2.5;gap:30px;flex-wrap:wrap;direction:rtl;border:1px solid #ccc;padding:10px;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#f9f9f9;margin-left:10px}.container .title{display:flex;justify-content:space-between;width:100%;margin:0px !important}.container .title img{width:100px !important;height:auto}.container .title h1 a{font-size:1.2rem !important}.container .about{display:flex;justify-content:center;flex-direction:column;align-self:center}.container .about img{width:100px;height:auto;margin:0 auto;align-self:center}.container .about .aborder{border:1px solid #ccc !important;border-radius:5px !important;padding:10px !important;margin:10px auto !important}.container .qurantext{font-family:"Amiri",Arial,sans-serif;display:inline-flex;font-size:1rem;line-height:2;gap:15px;flex-wrap:wrap;padding:10px;gap:10px;background-color:#f9f9f9;border:1px solid #ccc}.container .tabcontent .doua{display:flex;margin:10px auto;padding:5px;border-radius:5px;text-align:right;font-size:1rem}.container .table-4schools,.container .table-forbidden{margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.container .table-4schools h2,.container .table-forbidden h2{font-size:1rem !important}.container .table-4schools h3,.container .table-forbidden h3{font-size:.9rem !important}.container .table-4schools h5,.container .table-forbidden h5{font-size:.7rem !important;margin:5px 10px}.container .table-4schools table,.container .table-forbidden table{margin:10px 0;width:100%;table-layout:fixed;overflow:visible;min-width:70px}.container .table-4schools table th,.container .table-forbidden table th{padding:3px 4px;font-size:.7rem;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:0}.container .table-4schools table th:first-child,.container .table-4schools table td:first-child,.container .table-forbidden table th:first-child,.container .table-forbidden table td:first-child{width:28% !important}.container .table-4schools table tbody tr td:first-child,.container .table-forbidden table tbody tr td:first-child{font-size:.8rem !important;font-weight:bold;text-align:right !important}.container .table-4schools table tbody tr:nth-child(even),.container .table-forbidden table tbody tr:nth-child(even){background-color:#f9f9f9 !important}.container .table-4schools table tbody tr:hover,.container .table-forbidden table tbody tr:hover{background-color:#e9ecef !important}.container .table-4schools table tbody tr td,.container .table-forbidden table tbody tr td{font-size:.8rem !important;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:0}.container .tab{gap:3px}.container .tab button{font-size:.9rem;margin:1%}.container .tab button:focus{outline:none !important;box-shadow:none !important;background-color:#ccc !important}.container .tab button:active{outline:none !important;box-shadow:none !important;background-color:#ccc !important}.container .tab button:focus-visible{outline:none !important;box-shadow:none !important;background-color:#ccc !important}.container .tab button[data=kaabah]{background-color:#f3f3f3 !important}.container .tablinks{font-size:.6rem}.container .tablinks:focus{outline:none !important;box-shadow:none !important}.container .tablinks:active{outline:none !important;box-shadow:none !important}.container .tablinks:focus-visible{outline:none !important;box-shadow:none !important}.container .tablinks button{font-size:.6rem;width:48%;margin:1%;min-width:70px}.container .tablinks table thead th{font-size:.8rem}.container .tablinks table tbody tr td{font-size:.8rem;padding:4px}}@media(max-width: 370px){.container{padding:0px}.container .title{display:flex;justify-content:space-between;width:100%;margin:0px !important}.container .title img{width:80px !important;height:auto}.container .table-4schools,.container .table-forbidden{margin:5px 0;padding:5px;border:1px solid #ccc;border-radius:px;background-color:#f9f9f9}.container .table-4schools h2,.container .table-forbidden h2{font-size:1.1rem}.container .table-4schools h5,.container .table-forbidden h5{font-size:.8rem;margin:2px 5px}.container .table-4schools table,.container .table-forbidden table{margin:5px 0;width:100%;table-layout:fixed;overflow:visible;min-width:60px}.container .table-4schools table th,.container .table-forbidden table th{padding:3px 4px;font-size:.6rem;line-height:1;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:0}.container .table-4schools table th:first-child,.container .table-4schools table td:first-child,.container .table-forbidden table th:first-child,.container .table-forbidden table td:first-child{width:26% !important}.container .table-4schools table tbody tr td:first-child,.container .table-forbidden table tbody tr td:first-child{font-size:.6rem !important;font-weight:bold;text-align:right !important}.container .table-4schools table tbody tr:nth-child(even),.container .table-forbidden table tbody tr:nth-child(even){background-color:#f9f9f9 !important}.container .table-4schools table tbody tr:hover,.container .table-forbidden table tbody tr:hover{background-color:#e9ecef !important}.container .table-4schools table tbody tr td,.container .table-forbidden table tbody tr td{font-size:.5rem !important;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:0}}.container{display:flex;flex-direction:column;direction:rtl}.container nav{width:100%}.container nav ul{flex-wrap:wrap;height:auto;min-height:60px}.container nav ul li{margin:5px 2px;min-width:60px}.container nav ul li a{font-size:1.2rem;padding:5px;white-space:nowrap;font-weight:bold}.container nav ul li a:first-child,.container nav ul li a:last-child{display:flex !important;visibility:visible !important}.container .title{text-align:center;margin:0px 20px;display:flex;justify-content:space-between;align-items:center}.container .title img{width:200px;height:auto}.container .title h1 a{text-decoration:none;color:#000;font-size:2rem;font-weight:bold;margin:0 5px}.container .tab h2{width:100%}.container h2,.container h3{text-align:center;justify-content:center}.container p{margin-right:20px}.container table{width:100%;border-collapse:collapse;margin:20px 0;border:2px solid #ccc}.container table thead{background-color:#f2f2f2}.container table thead th{font-weight:bold;font-size:1.2em}.container table tbody tr:nth-child(even){background-color:#f9f9f9}.container table tr:hover{background-color:#f1f1f1}.container th,.container td{border:1px solid #ccc;padding:8px;text-align:center;font-family:"Noto Sans Arabic","Amiri",Arial,sans-serif}button{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;background:none !important;border:none !important;outline:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;-webkit-touch-callout:none !important}button:focus,button:focus-visible,button:focus-within,button:active{outline:none !important;box-shadow:none !important;background:none !important}body{font-family:"Noto Sans Arabic","Amiri",Arial,sans-serif}table{width:100%;border-collapse:collapse;margin:20px 0;direction:rtl}table th,table td{border:1px solid #ccc;padding:8px 12px;text-align:center;font-family:"Noto Sans Arabic","Amiri",Arial,sans-serif}table th{background-color:#f2f2f2}table tbody tr:nth-child(even){background-color:#f9f9f9}table tbody tr:hover{background-color:#e9ecef}h1,h2,h3,h5,p,div,span{font-family:"Noto Sans Arabic","Amiri",Arial,sans-serif}h2,h3{unicode-bidi:bidi-override;direction:rtl}nav ul{list-style:none;padding:0;margin:10px;display:flex;justify-content:center;background-color:#f5ecdd;height:60px}nav ul li{margin:10px;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}nav ul li:first-child{margin-left:0}nav ul li:last-child{margin-right:0}nav ul li a{color:#000;text-decoration:none;margin:0 15px;align-self:center}nav ul li a:hover{text-decoration:underline}.content{flex:1;padding:20px;background-color:#f4f4f4;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:8px;margin:20px}.content h1{font-size:24px;margin-bottom:20px}.content p{font-size:16px;line-height:1.5}#d01:target{height:300px;z-index:1}#d02:target{height:300px;z-index:1}#d03:target{height:300px;z-index:1}#d04:target{height:300px;z-index:1}#d05:target{height:300px;z-index:1}#d06:target{height:300px;z-index:1}#d07:target{height:300px;z-index:1}#d08:target{height:300px;z-index:1}#d09:target{height:300px;z-index:1}#d10:target{height:300px;z-index:1}#d11:target{height:300px;z-index:1}#d12:target{height:300px;z-index:1}#d13:target{height:300px;z-index:1}#d14:target{height:300px;z-index:1}#d15:target{height:300px;z-index:1}#d16:target{height:300px;z-index:1}#d17:target{height:300px;z-index:1}#d01 p{overflow:hidden;min-height:20px}#d02 p{overflow:hidden;min-height:20px}#d03 p{overflow:hidden;min-height:20px}#d04 p{overflow:hidden;min-height:20px}#d05 p{overflow:hidden;min-height:20px}#d06 p{overflow:hidden;min-height:20px}#d07 p{overflow:hidden;min-height:20px}#d08 p{overflow:hidden;min-height:20px}#d09 p{overflow:hidden;min-height:20px}#d10 p{overflow:hidden;min-height:20px}#d11 p{overflow:hidden;min-height:20px}#d12 p{overflow:hidden;min-height:20px}#d13 p{overflow:hidden;min-height:20px}#d14 p{overflow:hidden;min-height:20px}#d15 p{overflow:hidden;min-height:20px}#d16 p{overflow:hidden;min-height:20px}#d17 p{overflow:hidden;min-height:20px}.doua{margin:20px auto;padding:10px;border-radius:5px;text-align:center;font-size:1.2rem}.qurantext{font-family:"Amiri",Arial,sans-serif;display:inline-flex;font-size:1.5rem;line-height:2.5;gap:30px;flex-wrap:wrap;direction:rtl;border:1px solid #ccc;padding:20px;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#f9f9f9}.tab{border:1px solid #ccc;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;overflow:visible}.tab button{border:1px solid #ccc !important;outline:none !important;cursor:pointer;padding:14px 16px;transition:background-color .3s ease;font-size:17px;color:#000 !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;-webkit-touch-callout:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.tab button:focus,.tab button:focus-visible,.tab button:focus-within{outline:none !important;box-shadow:none !important;border:1px solid #ccc !important}.tab button:active{background-color:#e0e0e0 !important;outline:none !important;box-shadow:none !important;border:1px solid #ccc !important}.tab button:-webkit-any-link{background-color:#f9f9f9 !important}.tab button:hover,.tab button[data=kaabah]:hover{background-color:#e0e0e0 !important;border:1px solid #ccc !important}.tab button.active,.tab button[data=kaabah].active{background-color:#ccc !important;border:1px solid #999 !important}.tablinks{font-size:1.2rem;flex-direction:column;color:#000}.tablinks:focus{outline:none !important;box-shadow:none !important}.tablinks:active{outline:none !important;box-shadow:none !important}.tablinks:focus-visible{outline:none !important;box-shadow:none !important}.tab button[data=kaabah]{background-color:#f3f3f3 !important}.tabcontent{display:none;padding:6px 12px;border:1px solid #000;border-top:none;border-left:none;border-right:none;color:#000}.tabcontent h2{text-align:center}.tabcontent p{text-align:right;margin:10px 0px;direction:rtl}.about{display:flex;justify-content:center;flex-direction:column;align-self:center}.about img{width:100px;height:auto;margin:0 auto;align-self:center}.about .aborder{border:1px solid #ccc !important;border-radius:5px !important;padding:10px !important}