@import url(https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=Tajawal:wght@400;500;700&display=swap);*{margin:0;padding:0;color:#333;direction:rtl;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:El Messiri,Tajawal}input,label,textarea{display:block;width:100%}label{margin-bottom:4px;font-family:El Messiri,sans-serif}input,textarea{padding:4px;font-size:1rem;font-family:Arial,Helvetica,sans-serif;border:1px solid #000;-moz-border-radius:4px;border-radius:4px}button{-moz-border-radius:6px;border-radius:6px;padding:8px;color:#fff;font-size:1rem;cursor:pointer}.sidbar{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-flex-flow:row;flex-flow:row;float:left;position:absolute;top:8rem;left:25rem}@media screen and (max-width:640px){.sidbar{font-size:1rem;top:9.5rem;left:14rem;margin:0 5px 10px}}@media screen and (min-width:640px){.sidbar{font-size:1rem;top:9rem;left:9rem;margin:0 9px 10px 5px}}@media screen and (min-width:768px){.sidbar{font-size:1rem;top:8rem;left:3rem;margin:0 5px 10px}}@media screen and (min-width:992px){.sidbar{font-size:1rem;top:5rem;left:4rem;margin:0 5px 10px}}@media screen and (min-width:1024px){.sidbar{font-size:1rem;top:8rem;left:11rem;margin:0 5px 10px}}@media screen and (min-width:1280px){.sidbar{font-size:1rem;top:8rem;left:19rem;margin:0 5px 10px}}@media screen and (min-width:1536px){.sidbar{font-size:1rem;top:8rem;left:26rem;margin:0 10px 10px 5px}}.copy,.fbi,.teli,.twi{margin:0 10px 5px;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-self:center;align-self:center}@media screen and (max-width:640px){.copy,.fbi,.teli,.twi{margin:2px 4px;padding-left:1px;padding-right:3px}}.copy{cursor:pointer;color:#000;font-size:1rem;border:unset;padding:2px 5px;background-color:unset;font-family:El Messiri}@media screen and (max-width:640px){.copy{font-size:.8rem;padding:auto;margin:auto}}.to-top-progress{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;justify-items:left;left:1.5rem}.fof{width:100vw;height:100vh;background-color:#f1356d}.fof .atitle{position:absolute;top:1rem;right:2rem;text-decoration:none;color:azure}.fof .atitle:hover{text-decoration:underline}.fof .atitle h1{color:azure}.fof .NoT-Fond-Title{position:absolute;margin-right:5rem;top:21rem;left:45rem;color:azure;font-size:4rem}@media screen and (max-width:640px){.fof .NoT-Fond-Title{font-size:2rem;left:49%}}@media screen and (min-width:640px){.fof .NoT-Fond-Title{font-size:2rem;left:49%}}@media screen and (min-width:768px){.fof .NoT-Fond-Title{font-size:3rem;left:49%}}@media screen and (min-width:1024px){.fof .NoT-Fond-Title{font-size:3rem}}@media screen and (min-width:1280px){.fof .NoT-Fond-Title{font-size:4rem;left:50%}}@media screen and (min-width:1536px){.fof .NoT-Fond-Title{font-size:4rem;left:43%}}.fof .NoT-Fond-graf{position:absolute;top:27rem;left:36rem;color:azure;font-size:2rem}@media screen and (max-width:640px){.fof .NoT-Fond-graf{font-size:1rem;top:24rem;left:37%}}@media screen and (min-width:640px){.fof .NoT-Fond-graf{font-size:1rem;left:35%;top:24rem}}@media screen and (min-width:768px){.fof .NoT-Fond-graf{font-size:2rem;top:25.5rem;left:31%}}@media screen and (min-width:1024px){.fof .NoT-Fond-graf{font-size:2rem;left:33%}}@media screen and (min-width:1280px){.fof .NoT-Fond-graf{font-size:2rem;top:26rem;left:38%}}@media screen and (min-width:1536px){.fof .NoT-Fond-graf{font-size:2rem;top:26rem;left:33%}}.fof .back-to-home{position:absolute;color:azure;top:31rem;left:45rem}@media screen and (max-width:640px){.fof .back-to-home{font-size:1rem;text-decoration:none;top:26rem;left:44%}}@media screen and (min-width:640px){.fof .back-to-home{font-size:1rem;text-decoration:none;top:26rem;left:44%}}@media screen and (min-width:768px){.fof .back-to-home{font-size:1.5rem;text-decoration:none;top:29rem;left:44%}}@media screen and (min-width:1024px){.fof .back-to-home{font-size:1.5rem;text-decoration:none;top:29rem;left:44.5%}}@media screen and (min-width:1280px){.fof .back-to-home{font-size:1.5rem;left:47.5%}}@media screen and (min-width:1536px){.fof .back-to-home{font-size:1.5rem;left:40.5%}}