تواصل معنا
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تواصل معنا | مؤسسة الأول جيم للخدمات العامة والإلكترونية</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Cairo:wght@500;600;700&display=swap" rel="stylesheet">
<style>
.ajg-page{
--ink-green:#0B3B2E;
--deep-green:#0F4638;
--palm:#1C6A55;
--gold:#C6952F;
--gold-light:#E8C878;
--sand:#EFE7D6;
--paper:#FBF8F2;
--ink:#172119;
--cream:#F3EEDF;
--line:rgba(198,149,47,.28);
font-family:'IBM Plex Sans Arabic', sans-serif;
background:var(--paper);
color:var(--ink);
overflow-x:hidden;
line-height:1.8;
direction:rtl;
text-align:right;
}
.ajg-page *{ box-sizing:border-box; }
.ajg-page img, .ajg-page svg{ display:block; max-width:100%; }
.ajg-page .eyebrow{
font-family:'Cairo', sans-serif;
font-weight:600;
letter-spacing:.04em;
font-size:.85rem;
margin:0;
}
.ajg-page h1, .ajg-page h2, .ajg-page h3{
font-family:'El Messiri', serif;
font-weight:700;
line-height:1.3;
margin:0;
}
.ajg-page p{ margin:0; }
.ajg-page a{ text-decoration:none; color:inherit; }
/* ---------- top band ---------- */
.ajg-page .contact-top{
position:relative;
background:
radial-gradient(ellipse at 85% 20%, rgba(28,106,85,.55), transparent 55%),
linear-gradient(160deg, var(--deep-green), var(--ink-green) 70%);
color:var(--cream);
padding:80px 6vw 90px;
text-align:center;
}
.ajg-page .contact-top .eyebrow{
color:var(--gold-light);
display:inline-flex; align-items:center; gap:10px;
margin-bottom:20px; justify-content:center; width:100%;
}
.ajg-page .contact-top .eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--gold); flex-shrink:0; }
.ajg-page .contact-top h1{
font-size:clamp(2rem, 4.4vw, 3.1rem);
color:#fff;
margin-bottom:18px;
}
.ajg-page .contact-top .lede{
max-width:56ch; margin:0 auto; font-size:1.05rem; color:rgba(243,238,223,.88);
}
/* ---------- section shell ---------- */
.ajg-page .ajg-section{ padding:70px 6vw 100px; }
/* ---------- contact cards ---------- */
.ajg-page .contact-grid{
display:grid; grid-template-columns:repeat(4, 1fr); gap:22px;
max-width:1180px; margin:-56px auto 0;
position:relative; z-index:2;
}
.ajg-page .contact-card{
background:var(--paper);
border:1px solid var(--line);
border-radius:16px;
padding:32px 26px;
display:flex; flex-direction:column; gap:14px;
box-shadow:0 20px 40px -28px rgba(11,59,46,.4);
}
.ajg-page .contact-card .icon-badge{
width:48px; height:48px; border-radius:50%;
background:var(--sand);
display:flex; align-items:center; justify-content:center;
}
.ajg-page .contact-card .icon-badge svg{ width:24px; height:24px; }
.ajg-page .contact-card .label{
font-family:'Cairo', sans-serif; font-weight:600; font-size:.78rem;
color:var(--palm); letter-spacing:.02em;
}
.ajg-page .contact-card .value{
font-family:'El Messiri', serif; font-weight:700; font-size:1.15rem;
color:var(--ink-green); direction:ltr; text-align:right; unicode-bidi:plaintext;
}
.ajg-page .contact-card .note{ font-size:.85rem; color:#5a6660; }
.ajg-page .contact-card.is-link{ transition:none; }
.ajg-page .contact-card.is-link:hover .value{ text-decoration:underline; }
@media (max-width:980px){
.ajg-page .contact-grid{ grid-template-columns:1fr 1fr; margin-top:-40px; }
}
@media (max-width:600px){
.ajg-page .contact-grid{ grid-template-columns:1fr; }
}
/* ---------- office block ---------- */
.ajg-page .office{
max-width:1180px; margin:56px auto 0;
background:var(--ink-green); color:var(--cream);
border-radius:18px;
padding:44px 6vw;
display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;
}
.ajg-page .office .eyebrow{ color:var(--gold-light); margin-bottom:10px; display:block; }
.ajg-page .office h2{ color:#fff; font-size:1.6rem; margin-bottom:14px; }
.ajg-page .office p{ color:rgba(243,238,223,.85); font-size:1rem; max-width:44ch; }
.ajg-page .office-map{
border:1px solid rgba(198,149,47,.35); border-radius:14px;
padding:30px; text-align:center;
background:var(--deep-green);
}
.ajg-page .office-map .city{
font-family:'El Messiri', serif; font-weight:700; font-size:1.5rem; color:var(--gold-light);
margin-bottom:6px;
}
.ajg-page .office-map .region{ font-family:'Cairo', sans-serif; font-size:.85rem; color:rgba(243,238,223,.7); }
@media (max-width:820px){
.ajg-page .office{ grid-template-columns:1fr; }
}
/* ---------- quick actions ---------- */
.ajg-page .quick-actions{
max-width:1180px; margin:56px auto 0;
display:flex; gap:16px; flex-wrap:wrap; justify-content:center;
}
.ajg-page .btn{
font-family:'Cairo', sans-serif; font-weight:700; font-size:.95rem;
padding:15px 32px; border-radius:10px;
display:inline-flex; align-items:center; gap:10px;
border:1px solid transparent;
}
.ajg-page .btn.primary{ background:var(--ink-green); color:#fff; }
.ajg-page .btn.whatsapp{ background:#1C6A55; color:#fff; }
.ajg-page .btn.ghost{ background:transparent; color:var(--ink-green); border-color:var(--line); }
</style>
</head>
<body>
</body>
</html>
مؤسسة الأول جيم للخدمات العامة والإلكترونية
تواصل معنا
نسعد بتواصلكم لأي استفسار عن خدماتنا في أتمتة الخدمات العامة والحكومية. تقدر توصلنا مباشرة من خلال بيانات التواصل أدناه.
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
اتصال هاتفي
0557009747
من داخل السعودية
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
واتساب
0535212206
راسلنا مباشرة على واتساب
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
البريد الإلكتروني
[email protected]
للمساعدة والدعم
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
المكتب الرئيسي
الرس، القصيم
المملكة العربية السعودية
موقعنا
المكتب الرئيسي في الرس
ننطلق من محافظة الرس بمنطقة القصيم لخدمة الجهات الحكومية وشبه الحكومية والشركات في جميع أنحاء المملكة.
الرس
منطقة القصيم · المملكة العربية السعودية