/* Theme Variables (copied directly from your input) */
:root {
–theme-font-family: ‘Inter’, sans-serif; /* Adjusted to use Inter directly */
–theme-font-weight: 400;
–theme-text-transform: none;
–theme-text-decoration: none;
–theme-font-size: 16px;
–theme-line-height: 1.65;
–theme-letter-spacing: 0em;
–theme-button-font-weight: 500;
–theme-button-font-size: 15px;
–has-classic-forms: var(–true);
–has-modern-forms: var(–false);
–theme-form-field-border-initial-color: var(–theme-border-color);
–theme-form-field-border-focus-color: var(–theme-palette-color-1);
–theme-form-selection-field-initial-color: var(–theme-border-color);
–theme-form-selection-field-active-color: var(–theme-palette-color-1);
–e-global-color-blocksy_palette_1: var(–theme-palette-color-1);
–e-global-color-blocksy_palette_2: var(–theme-palette-color-2);
–e-global-color-blocksy_palette_3: var(–theme-palette-color-3);
–e-global-color-blocksy_palette_4: var(–theme-palette-color-4);
–e-global-color-blocksy_palette_5: var(–theme-palette-color-5);
–e-global-color-blocksy_palette_6: var(–theme-palette-color-6);
–e-global-color-blocksy_palette_7: var(–theme-palette-color-7);
–e-global-color-blocksy_palette-8: var(–theme-palette-color-8); /* Corrected typo here */
–theme-palette-color-1: #2872fa;
–theme-palette-color-2: #1559ed;
–theme-palette-color-3: #3A4F66;
–theme-palette-color-4: #192a3d;
–theme-palette-color-5: #e1e8ed;
–theme-palette-color-6: #f2f5f7;
–theme-palette-color-7: #FAFBFC;
–theme-palette-color-8: #ffffff;
–theme-text-color: var(–theme-palette-color-3);
–theme-link-initial-color: var(–theme-palette-color-1);
–theme-link-hover-color: var(–theme-palette-color-2);
–theme-selection-text-color: #ffffff;
–theme-selection-background-color: var(–theme-palette-color-1);
–theme-border-color: var(–theme-palette-color-5);
–theme-headings-color: var(–theme-palette-color-4);
–theme-content-spacing: 1.5em;
–theme-button-min-height: 40px;
–theme-button-text-initial-color: #ffffff;
–theme-button-text-hover-color: #ffffff;
–theme-button-background-initial-color: var(–theme-palette-color-1);
–theme-button-background-hover-color: var(–theme-palette-color-2);
–theme-button-border: none;
–theme-button-padding: 5px 20px;
–theme-normal-container-max-width: 1290px;
–theme-content-vertical-spacing: 60px;
–theme-container-edge-spacing: 90vw;
–theme-narrow-container-max-width: 900px;
}/* Font Imports */
@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap’);/* Base Styles for English */
body {
font-family: var(–theme-font-family);
font-weight: var(–theme-font-weight);
font-size: var(–theme-font-size);
margin: 0;
padding: 0;
background-color: var(–theme-palette-color-6); /* Using theme light gray */
color: var(–theme-text-color); /* Using theme text color */
line-height: var(–theme-line-height);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
direction: ltr; /* Explicitly LTR */
text-align: left; /* Explicitly Left-aligned */
}/* Main Content Container & Card Styles */
.center-container {
max-width: 1200px; /* Keeping specific max-width for this component */
margin: 40px auto;
padding: 20px;
display: grid;
grid-template-areas: “main sidebar”; /* LTR order */
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
align-items: flex-start;
}.center-info-main-content {
grid-area: main; /* Assign grid area */
background-color: var(–theme-palette-color-8); /* White */
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Keeping existing shadow for depth */
padding: 30px;
box-sizing: border-box;
}.center-info-sidebar {
grid-area: sidebar; /* Assign grid area */
background-color: var(–theme-palette-color-8); /* White */
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Keeping existing shadow for depth */
padding: 30px;
box-sizing: border-box;
}/* Header Section */
.center-header {
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid var(–theme-border-color); /* Using theme border color */
}.center-header-label {
font-size: 0.85em;
color: var(–theme-text-color); /* Using theme text color */
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}.center-header h2 {
color: var(–theme-headings-color); /* Using theme headings color */
font-weight: 700;
margin: 0 0 8px 0;
font-size: 1.8em;
}.center-header h3 {
margin-top: 5px;
font-size: 1.05em;
color: var(–theme-text-color); /* Using theme text color */
font-weight: 500;
}.center-header p,
.center-section p,
.center-section ul {
font-size: 0.95em;
color: var(–theme-text-color); /* Using theme text color */
margin-bottom: 10px;
}.center-header p strong,
.center-section p strong {
color: var(–theme-headings-color); /* Using theme headings color for strong emphasis */
}/* Sections */
.center-section {
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid var(–theme-border-color); /* Using theme border color */
}.center-section:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}.center-section h4 {
font-size: 1.25em;
color: var(–theme-headings-color); /* Using theme headings color */
margin: 0 0 15px 0;
font-weight: 600;
display: flex;
align-items: center;
}/* Font Awesome Icons */
.center-section h4 i.fas {
margin-right: 10px; /* Spacing after icon in LTR */
color: var(–theme-link-initial-color); /* Using theme link color for icons */
flex-shrink: 0;
vertical-align: middle;
font-size: 1.1em;
}.center-section ul {
list-style: none;
padding-left: 0;
}.center-section ul li {
margin-bottom: 8px;
display: flex;
align-items: flex-start;
line-height: 1.4;
}.center-section ul li i.fas {
margin-right: 8px; /* Spacing after icon in LTR */
color: var(–theme-link-initial-color); /* Using theme link color for icons */
flex-shrink: 0;
vertical-align: middle;
font-size: 1em;
}/* Table Styles */
.center-section table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
border-radius: 8px;
overflow: hidden;
}.center-section th,
.center-section td {
border: 1px solid var(–theme-border-color); /* Using theme border color */
padding: 12px 15px;
font-size: 0.9em;
vertical-align: top;
text-align: left;
}.center-section th {
background-color: var(–theme-palette-color-7); /* Using theme very light background for table header */
font-weight: 600;
color: var(–theme-headings-color); /* Using theme headings color */
}/* Map Embed */
.map-container {
width: 100%;
height: 450px;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.map-container iframe {
width: 100%;
height: 100%;
border: 0;
}/* Buttons */
.action-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 25px; /* Keeping current padding, not using theme button-padding directly */
border: none;
border-radius: 8px;
text-decoration: none;
font-weight: 600; /* Bolder text for action buttons */
font-size: 0.9em;
cursor: pointer;
text-align: center;
flex-grow: 1;
white-space: nowrap;
background-color: var(–theme-button-background-initial-color); /* Using theme button background */
color: var(–theme-button-text-initial-color); /* Using theme button text color */
transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
min-width: 140px;
margin-top: 15px;
gap: 8px; /* Space between icon and text in button */
}
.action-button:hover {
background-color: var(–theme-button-background-hover-color); /* Using theme button hover background */
color: var(–theme-button-text-initial-color);
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}
.action-button.disabled {
background-color: #adb5bd; /* Keeping specific disabled color */
cursor: not-allowed;
opacity: 0.8;
transform: none;
box-shadow: none;
}/* Responsive Adjustments */
@media (max-width: 991px) {
.center-container {
grid-template-columns: 1fr;
grid-gap: 20px;
margin: 20px auto;
padding: 15px;
grid-template-areas: “main” “sidebar”; /* Always stack on mobile */
}
.center-info-main-content, .center-info-sidebar {
padding: 20px;
}
.action-button {
width: 100%;
margin-top: 10px;
padding: 12px 20px;
}
.center-header h2 {
flex-direction: column;
align-items: flex-start;
font-size: 1.6em;
}
}
Center Information
Al Yalayis Center
Federal Authority for Identity, Citizenship, Customs and Ports Security (ICP)
Key Services: ID Card Services, Citizenship, Visa, Passport, Customs, Port Security
Rating: Not Available
About the Center
The Al Yalayis Center, under the Federal Authority for Identity, Citizenship, Customs & Port Security (ICP), is a comprehensive service center located in Dubai Investment Park. It provides a wide range of government services, focusing on efficiency and customer satisfaction.
Services Offered at the Center
- ID Card Services (Issuance, Renewal, Replacement)
- Citizenship Services
- Visa and Residency Services
- Passport Services
- Customs Services
- Port Security Related Services
- Customer Support and Information
Public Facilities Available in the Center
- Spacious Waiting Areas
- Dedicated Service Counters
- Information and Consultation Desks
- Restrooms
- Accessibility for People with Disabilities
- Parking Facilities