/* General styles */
body {
font-family: ‘Arial’, sans-serif, ‘Droid Arabic Kufi’, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9fb;
color: #333;
line-height: 1.7;
direction: ltr;
}.center-info-container {
max-width: 1200px;
margin: 40px auto;
padding: 20px;
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
}.center-info-main-content {
grid-column: 1;
}.center-info-sidebar {
grid-column: 2;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
padding: 30px;
}.center-info-header {
margin-bottom: 20px;
}.center-info-header-label {
font-size: 0.9em;
color: #777;
margin-bottom: 5px;
}.center-info-header h2 {
color: #0056b3;
font-weight: 600;
margin-bottom: 5px;
}.center-info-header p {
margin: 0;
}.center-info-key-info {
background-color: #f0f0f0;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}.center-info-accordion-item {
background-color: #fff;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
margin-bottom: 20px;
}.center-info-accordion-header {
padding: 20px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #f0f0f0;
}.center-info-accordion-header h3, .center-info-sidebar h3 {
color: #0056b3;
font-weight: 600;
margin: 0;
}.center-info-accordion-content {
padding: 20px;
display: none;
}.center-info-accordion-content.show {
display: block;
}.center-info-ul {
list-style-type: none;
padding-left: 0;
}.center-info-ul li {
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
}.center-info-address p {
margin-bottom: 15px;
}.center-info-button-link {
display: inline-block;
padding: 10px 15px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 5px;
margin-top: 10px;
}.center-info-table {
width: 100%;
border-collapse: collapse;
}.center-info-th, .center-info-td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #f0f0f0;
}.center-info-th {
background-color: #f0f0f0;
font-weight: 600;
color: #333;
}@media (max-width: 768px) {
.center-info-container {
grid-template-columns: 1fr;
grid-gap: 20px;
}.center-info-sidebar {
grid-column: 1;
}
}.arabic {
direction: rtl;
font-family: ‘Droid Arabic Kufi’, sans-serif;
}.center-info-working-hours {
margin-top: 20px;
margin-bottom: 20px;
}
.space-bottom {
margin-bottom: 20px;
}
Key Services: Fingerprint capture for ID card / الخدمات الرئيسية: التقاط البصمات لبطاقة الهوية
Musaffah Customer Happiness Center is one of the centers that provides the service of completing the fingerprint request procedures for the ID card only and does not provide any other services and receives male customers only and has a five-star rating in the global star system for classifying services by the Prime Minister’s Office.
مركز سعادة المتعاملين مصفح هو أحد المراكز التي تقدم خدمة إتمام إجراءات طلب البصمات لبطاقة الهوية فقط ولا يقدم أي خدمات أخرى ويستقبل العملاء الذكور فقط وحاصل على تصنيف خمس نجوم في نظام النجوم العالمي لتصنيف الخدمات من قبل مكتب رئيس مجلس الوزراء.
- Fingerprint capture / التقاط البصمات
- Toilets for males only / دورات مياه للذكور فقط
document.querySelectorAll(‘.center-info-accordion-header’).forEach(header => {
header.addEventListener(‘click’, () => {
const targetId = header.dataset.target;
const content = document.getElementById(targetId);
if (content.classList.contains(‘show’)) {
content.classList.remove(‘show’);
} else {
document.querySelectorAll(‘.center-info-accordion-content’).forEach(el => el.classList.remove(‘show’));
content.classList.add(‘show’);
}
});
});