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-knCiBBhQDI { padding-right: 8px;padding-left: 8px;width: 100%; } @media (max-width: 639px) { .gp-component-id-knCiBBhQDI { padding-right: 8px;padding-left: 8px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-knCiBBhQDI { padding-right: 8px;padding-left: 8px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-knCiBBhQDI { padding-right: 8px;padding-left: 8px;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-knCiBBhQDI { padding-right: 8px;padding-left: 8px;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-knCiBBhQDI { padding-right: 8px;padding-left: 8px;width: 100%; } } .gp-component-id-kRLnDVhA21 { margin-right: -8px;margin-left: -8px; } @media (max-width: 639px) { .gp-component-id-kRLnDVhA21 { margin-right: -8px;margin-left: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-kRLnDVhA21 { margin-right: -8px;margin-left: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-kRLnDVhA21 { margin-right: -8px;margin-left: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-kRLnDVhA21 { margin-right: -8px;margin-left: -8px; } } @media (min-width: 1200px) { .gp-component-id-kRLnDVhA21 { margin-right: -8px;margin-left: -8px; } } @media (max-width: 639px) { .gp-component-id-L0xLRZAgf0 { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-L0xLRZAgf0 { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-L0xLRZAgf0 { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-L0xLRZAgf0 { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-L0xLRZAgf0 { padding-left: 8px;padding-right: 8px;width: 100%; } } .gp-component-id-W1tCzSbl2c { position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-W1tCzSbl2c { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-W1tCzSbl2c { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-W1tCzSbl2c { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-W1tCzSbl2c { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-W1tCzSbl2c { position: relative;z-index: 15;margin-left: auto;margin-right: auto;width: 100%;max-width: 1200px; } } .gp-component-id-AqPuU_nwo.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-AqPuU_nwo.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-AqPuU_nwo.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-AqPuU_nwo.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-AqPuU_nwo.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-AqPuU_nwo.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } .gp-component-id-AqPuU_nwo { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-AqPuU_nwo { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-AqPuU_nwo { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-AqPuU_nwo { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-AqPuU_nwo { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-AqPuU_nwo { z-index: auto;position: relative;min-height: 50px; } } .gp-component-id-kYLLgkF7L { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-kYLLgkF7L { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-kYLLgkF7L { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-kYLLgkF7L { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-kYLLgkF7L { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-kYLLgkF7L { width: 100%;overflow-wrap: break-word; } } .gp-component-id-_WWyGcRB5I { width: 100%; } @media (max-width: 639px) { .gp-component-id-_WWyGcRB5I { width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-_WWyGcRB5I { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-_WWyGcRB5I { width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-_WWyGcRB5I { width: 100%; } } @media (min-width: 1200px) { .gp-component-id-_WWyGcRB5I { width: 100%; } } .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } @media (max-width: 639px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (min-width: 1200px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } .gp-component-id-lp70OuSBB0 { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-lp70OuSBB0 { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-lp70OuSBB0 { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-lp70OuSBB0 { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-lp70OuSBB0 { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-lp70OuSBB0 { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-Q82LcvJrrw { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-Q82LcvJrrw { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Q82LcvJrrw { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Q82LcvJrrw { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Q82LcvJrrw { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-Q82LcvJrrw { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 1200px; } } .gp-component-id-4xEKaShPA3.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-4xEKaShPA3.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-4xEKaShPA3.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-4xEKaShPA3.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-4xEKaShPA3.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-4xEKaShPA3.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } .gp-component-id-4xEKaShPA3 { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-4xEKaShPA3 { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-4xEKaShPA3 { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-4xEKaShPA3 { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-4xEKaShPA3 { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-4xEKaShPA3 { z-index: auto;position: relative;min-height: 50px; } }