header{align-items:center;background-color:#036;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:1000}header .logo img{border-radius:6px}header #main-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}header #main-nav a{border-radius:8px;color:#fff;font-size:.92rem;padding:8px 15px;text-decoration:none;transition:background-color .3s,color .3s}header #main-nav a.active,header #main-nav a:hover{background-color:#ffc107;color:#036}header .menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}@media (max-width:768px){header{padding:12px 16px}header .menu-toggle{display:inline-block}header #main-nav{background-color:#002b5b;display:none;flex-direction:column;margin-top:10px;padding:10px;width:100%}header #main-nav.show{display:flex}}#contact{background-color:#fff;padding:60px 20px;text-align:center}#contact .wrap{margin:0 auto;max-width:1100px}#contact .lbl{background:#00336614;border-radius:50px;color:#036;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:10px;padding:6px 18px}#contact .ttl{color:#036;font-size:2.2rem;margin:8px 0}#contact .div.c{background:linear-gradient(90deg,#ffc107,#e0a800);border-radius:3px;height:3px;margin:16px auto;width:60px}#contact .sub{color:#666;font-size:1rem;line-height:1.7;max-width:500px}#contact .cgrid{display:flex;justify-content:center;margin-top:40px}#contact .cform{background:#fff;border:1px solid rgba(0,51,102,.08);border-radius:18px;box-shadow:0 10px 30px #00336614;box-sizing:border-box;max-width:620px;padding:40px;text-align:right;width:100%}#contact .cform h3{color:#036;font-size:1.4rem;margin:0 0 24px;position:relative;text-align:center}#contact .cform h3:after{background:#ffc107;border-radius:3px;content:"";display:block;height:3px;margin:10px auto 0;width:40px}#contact .ff{display:flex;flex-direction:column;gap:18px}#contact .fld label{color:#036;display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}#contact .cm-inp-l{background:#f7f9fc;border:1px solid #dde3ea;border-radius:10px;box-sizing:border-box;color:#036;font-family:Tajawal,sans-serif;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .25s,box-shadow .25s;width:100%}#contact .cm-inp-l:focus{background:#fff;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733}#contact #cm-type-btn{align-items:center;background:#f7f9fc;border:1px solid #dde3ea;border-radius:10px;box-sizing:border-box;color:#999;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:.95rem;justify-content:space-between;padding:12px 16px;text-align:right;transition:border-color .25s;width:100%}#contact #cm-type-btn:hover{border-color:#ffc107}#contact #cm-drop-arrow{color:#ffc107;transition:transform .2s}#contact #cm-type-drop{background:#fff;border:1px solid rgba(255,193,7,.35);border-radius:10px;box-shadow:0 12px 28px #0033661f;overflow:hidden}#contact .cm-opt{color:#036;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.9rem;padding:11px 16px;transition:.15s}#contact .cm-opt:hover{background:#ffc107;color:#036}#contact input#cm-privacy{accent-color:#ffc107;height:16px;width:16px}#contact #cm-char-count{color:#999}#contact #cm-char-hint{color:#dc3545}#contact .csub{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:50px;color:#036;cursor:pointer;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:800;padding:14px;transition:transform .25s,box-shadow .25s;width:100%}#contact .csub:hover:not(:disabled){box-shadow:0 10px 22px #ffc10759;transform:translateY(-2px)}#contact .csub:disabled{background:#eee;box-shadow:none;color:#aaa;cursor:not-allowed}@media (max-width:600px){#contact .ff>div[style*=grid-template-columns]{gap:14px!important;grid-template-columns:1fr!important}}@media (max-width:768px){#contact{padding:40px 16px}#contact .cform{padding:28px 18px}#contact .ttl{font-size:1.7rem}}@media (max-width:480px){#contact .cform{border-radius:14px;padding:22px 14px}#contact .ttl{font-size:1.4rem}#contact .lbl{font-size:.78rem;padding:5px 14px}#cm-overlay>div{padding:24px 18px!important}.cm-otp-box{font-size:17px!important;height:46px!important;width:38px!important}}