.container{width:100%;max-width:1200px;margin:0 auto;padding:0 30px}.footer{box-sizing:border-box;color:#fff;text-align:right;direction:rtl;background-color:#008fcc;align-items:center;width:100%;min-height:72px;margin-top:auto;padding:12px 10px 12px 20px;font-family:Tajawal,sans-serif;display:flex}.footer-content{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:40px;margin-bottom:20px;display:grid}.footer-title{color:#fff;margin-bottom:10px;font-size:1.6rem}.footer-heading{color:#fff;margin-bottom:12px;font-size:1.1rem}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#fff;text-decoration:none}.footer-bottom{text-align:center;border-top:1px solid #fff3;padding-top:8px}
.header{box-sizing:border-box;z-index:10000;text-align:right;direction:rtl;background-color:#008fcc;justify-content:space-between;align-items:center;width:100%;height:70px;margin:0;padding:8px 12px;font-family:Tajawal,sans-serif;display:flex;top:0;left:0}.header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 10px;display:flex}.logo{justify-content:flex-start;align-items:center;margin:0;display:flex}.logo img{width:50px;height:auto;margin:0 2px 0 0;display:block}.menu{color:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:15px;margin:-14px;padding:0;display:flex}.menu a{color:#fff;white-space:nowrap;border-radius:5px;padding:6px 12px;font-size:16px;text-decoration:none;transition:all .3s}.cu{cursor:pointer;margin-left:-18px}.menu a:hover{color:#fff;background-color:#004a69}@media (max-width:640px){.menu a{font-size:14px}}