body { font-family: Almarai } /* Import the Almarai font */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;500;700&display=swap');
/* Global styles */
body { font-family: 'Almarai', sans-serif; color: #2E3A3F; /* deep neutral text */ background-color: #ffffff; line-height: 1.6; margin: 0; padding: 0;
}
/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: 'Almarai', sans-serif; font-weight: 700; color: #004F5F; /* deep dark blue-cyan */ margin-top: 1em; margin-bottom: 0.5em; letter-spacing: 0.5px;
}
/* Paragraphs */
p { margin-bottom: 1em; color: #3B4A4F; /* softened dark blue-gray for readability */ font-weight: 400;
}
/* Links */
a { color: #007C8C; /* medium teal-blue for links */ text-decoration: none; transition: color 0.3s ease; font-weight: 500;
}
a:hover { color: #004F5F; /* deep dark blue-cyan on hover */ text-decoration: underline;
}
/* Buttons */
button,
.btn { display: inline-block; background-color: #004F5F; /* deep dark blue-cyan */ color: #ffffff; font-family: 'Almarai', sans-serif; font-weight: 600; padding: 10px 22px; border-radius: 6px; border: none; cursor: pointer; letter-spacing: 0.5px; text-transform: uppercase; transition: background-color 0.3s ease;
} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .gp-component-id-R8Y0LVtWf { overflow-wrap: break-word;width: 100%; } @media (max-width: 639px) { .gp-component-id-R8Y0LVtWf { overflow-wrap: break-word;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-R8Y0LVtWf { overflow-wrap: break-word;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-R8Y0LVtWf { overflow-wrap: break-word;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-R8Y0LVtWf { overflow-wrap: break-word;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-R8Y0LVtWf { overflow-wrap: break-word;width: 100%; } } .gp-component-id-uCBIqO3Sfa { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .gp-component-id-uCBIqO3Sfa { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-uCBIqO3Sfa { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-uCBIqO3Sfa { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-uCBIqO3Sfa { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-uCBIqO3Sfa { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 1200px; } } .gp-component-id-G3CM6TBAeI.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } @media (max-width: 639px) { .gp-component-id-G3CM6TBAeI.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-G3CM6TBAeI.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-G3CM6TBAeI.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-G3CM6TBAeI.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-G3CM6TBAeI.gp-component > [data-section-overlay] { z-index: 14;position: absolute;right: 0px;left: 0px;top: 0px;bottom: 0px; } } .gp-component-id-yVN7Siyt5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } @media (max-width: 639px) { .gp-component-id-yVN7Siyt5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-yVN7Siyt5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-yVN7Siyt5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-yVN7Siyt5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (min-width: 1200px) { .gp-component-id-yVN7Siyt5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } .gp-component-id-G3CM6TBAeI { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-G3CM6TBAeI { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-G3CM6TBAeI { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-G3CM6TBAeI { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-G3CM6TBAeI { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-G3CM6TBAeI { min-height: 50px;position: relative;z-index: auto; } }