@import"https://fonts.googleapis.com/css2?family=Aref+Ruqaa&family=Scheherazade+New:wght@700&display=swap";@font-face{font-family:hafs;src:local("\263a"),url(/assets/hafs-6b6a5795.woff2) format("woff2");font-weight:400;font-style:normal}:root{--mainColor: rgb(0, 71, 0);--lightColor: rgb(224, 253, 196);--greenio: rgb(173, 240, 110)}body{background:#6EB047;background:-webkit-radial-gradient(bottom,#6EB047,#94E9CE) fixed;background:-moz-radial-gradient(bottom,#6EB047,#94E9CE) fixed;min-height:100vh;display:flex;flex-direction:column;margin:0%;padding:0%;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}mark{background-color:transparent;color:red}.settings{position:absolute;top:5%;right:5%;color:green;text-align:right}#settingsMenus{background-color:var(--lightColor);display:none;color:#000;position:relative;left:-10px;padding:5px;text-align:left;border:2px solid black;border-radius:5px;font-size:1.1rem;z-index:555}#saveSettingsBtn{color:var(--mainColor);font-size:1rem;border:2px solid var(--mainColor);cursor:pointer;width:fit-content;padding:5px;margin-top:10px}.container{text-align:center}#title{font-family:Aref Ruqaa,serif;color:var(--mainColor);margin-bottom:10px;font-weight:700;font-size:1.8em;padding-top:5px}#title>span{font-size:70%;display:block}#ar-ayah-container{display:flex;align-items:center;justify-content:center;flex-direction:column}#ar-ayah-line{width:50%;direction:rtl;font-size:1.3rem}#ayah{width:100%;display:inline-block}#surah{width:100%;text-align:left;padding:0%;margin:0%}#surah>span{background-color:#dcffd9;padding:3px;border:3px groove green;border-top:none;border-bottom:none;border-radius:5px}#ar-ayah{font-family:hafs,Times,Traditional Arabic,Arial;margin:10px;display:inline-block;background-color:var(--lightColor);border-radius:20px;border:1px solid;padding:5px 10px}#ar-ayah:before{content:"\fd3f  ";font-family:Arial,Helvetica,sans-serif}#ar-ayah:after{content:" \fd3e";font-family:Arial,Helvetica,sans-serif}#ar-ayah-line .icons span{color:var(--mainColor);font-weight:700;padding:5px}#ar-ayah-line .icons span:active{color:#00000a}.material-icons-outlined{cursor:pointer}#listBox{width:50%}.close-icon{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;background-color:#dcffd9;border:2px solid var(--mainColor);border-bottom:none;border-radius:10px 10px 0 0}.ListBoxItems{border:2px solid var(--mainColor);background-color:#e0fdc4;height:250px;overflow:auto;margin:0;padding:0;list-style-type:none;text-align:right}.ListBoxItems li{word-wrap:break-word;font-size:1.3em;padding:5px;font-weight:700;margin:3px 5px 3px 0;direction:rtl;cursor:pointer}textarea{width:50%;height:200px;padding:12px 20px;box-sizing:border-box;border:2px solid var(--mainColor);border-radius:4px;background-color:#dcffd9;font-size:1rem}button,input,select,#eng-ayah>*{margin:3px}.search-bar{padding:5px;font-size:1.1rem;width:180px;direction:rtl;border:2px solid var(--mainColor);-webkit-border-radius:5px;border-radius:5px}select{background-color:#e2ffd1;margin-top:10px;border:2px ridge green;border-radius:5px;padding:5px}button{background-color:#4caf50;border:1px solid var(--mainColor);border-radius:10px;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;padding:15px}button:hover{background-color:var(--mainColor)}.search-form{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.autocomplete-items{text-align:right;border:2px solid green;border-bottom:none;border-top:none;font-size:1.2rem;overflow:auto;max-height:400px;margin:0;padding:0;list-style-type:none;z-index:13;position:absolute;top:90%;width:50%}.autocomplete-items li{padding:10px;cursor:pointer;background-color:#e2ffd1;border-bottom:1px solid #d4d4d4}.autocomplete-items li:hover,.active{background-color:#aeeeae!important}.tafsir-box{background:#dcffd9;padding:5px;color:#000;position:absolute;left:-235%;bottom:100%;width:300px;height:200px;overflow:auto;border:2px solid rgb(97,124,97)}.box :first-child{padding:0;margin:0;font-weight:700}footer{margin-top:auto;text-align:center;padding:5px;width:fit-content;margin-left:auto;margin-right:auto;background-color:#cdf8c966}@media (max-width: 500px){#listBox,textarea,#ar-ayah-line,.autocomplete-items{width:90%}#surah>span{font-size:90%}body{background:#6EB047;background:-webkit-radial-gradient(top,#79C74BC4,#94E9A18C) fixed;background:-moz-radial-gradient(top,#79C74BC4,#94E9A18C) fixed}}