body { font-family: Poppins } /* 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-xE7TsvbMLN { position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-xE7TsvbMLN { position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-xE7TsvbMLN { position: relative;z-index: 15; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-xE7TsvbMLN { position: relative;z-index: 15; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-xE7TsvbMLN { position: relative;z-index: 15; } } @media (min-width: 1200px) { .gp-component-id-xE7TsvbMLN { position: relative;z-index: 15; } } .gp-component-id-APzUfZrvyj { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-APzUfZrvyj { min-height: 50px;position: relative;z-index: 20 !important;background-color: rgb(7, 55, 99); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-APzUfZrvyj { min-height: 50px;position: relative;z-index: 20 !important;background-color: rgb(7, 55, 99); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-APzUfZrvyj { min-height: 50px;position: relative;z-index: 20 !important;background-color: rgb(7, 55, 99); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-APzUfZrvyj { min-height: 50px;position: relative;z-index: 20 !important;background-color: rgb(7, 55, 99); } } @media (min-width: 1200px) { .gp-component-id-APzUfZrvyj { min-height: 50px;position: relative;z-index: 20 !important;background-color: rgb(7, 55, 99); } } .gp-component-id-CqyIZVktbB { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 100%; } @media (max-width: 639px) { .gp-component-id-CqyIZVktbB { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CqyIZVktbB { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CqyIZVktbB { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 50%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CqyIZVktbB { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 50%; } } @media (min-width: 1200px) { .gp-component-id-CqyIZVktbB { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 50%; } } .gp-component-id-etPEdZ0Xct { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-etPEdZ0Xct { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-wrap: break-word;padding-left: 20px;color: rgb(255, 255, 255); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-etPEdZ0Xct { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-wrap: break-word;padding-left: 20px;color: rgb(255, 255, 255); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-etPEdZ0Xct { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-wrap: break-word;padding-left: 20px;color: rgb(255, 255, 255); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-etPEdZ0Xct { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-wrap: break-word;padding-left: 20px;color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-etPEdZ0Xct { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-wrap: break-word;padding-left: 20px;color: rgb(255, 255, 255); } } .gp-component-id-_ZJ2U4uMx { flex-direction: column;display: flex; } @media (max-width: 639px) { .gp-component-id-_ZJ2U4uMx { flex-direction: column;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-_ZJ2U4uMx { flex-direction: column;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-_ZJ2U4uMx { flex-direction: column;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-_ZJ2U4uMx { flex-direction: column;display: flex; } } @media (min-width: 1200px) { .gp-component-id-_ZJ2U4uMx { flex-direction: column;display: flex; } } .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: inherit;overflow-wrap: break-word;font-weight: inherit; } @media (max-width: 639px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 16px;margin-right: 0px;margin-top: 0px;font-size: 30px !important;overflow-wrap: break-word;font-weight: inherit !important;font-family: Poppins, sans-serif !important;color: rgb(255, 255, 255); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 16px;margin-right: 0px;margin-top: 0px;font-size: 30px !important;overflow-wrap: break-word;font-weight: inherit !important;font-family: Poppins, sans-serif !important;color: rgb(255, 255, 255); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 16px;margin-right: 0px;margin-top: 0px;font-size: 30px !important;overflow-wrap: break-word;font-weight: inherit !important;font-family: Poppins, sans-serif !important;color: rgb(255, 255, 255); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 16px;margin-right: 0px;margin-top: 0px;font-size: 30px !important;overflow-wrap: break-word;font-weight: inherit !important;font-family: Poppins, sans-serif !important;color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 16px;margin-right: 0px;margin-top: 0px;font-size: 30px !important;overflow-wrap: break-word;font-weight: inherit !important;font-family: Poppins, sans-serif !important;color: rgb(255, 255, 255); } } .gp-component-id-WPgHT4Ucd { display: flex;flex-direction: column; } @media (max-width: 639px) { .gp-component-id-WPgHT4Ucd { display: flex;flex-direction: column; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-WPgHT4Ucd { display: flex;flex-direction: column; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-WPgHT4Ucd { display: flex;flex-direction: column; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-WPgHT4Ucd { display: flex;flex-direction: column; } } @media (min-width: 1200px) { .gp-component-id-WPgHT4Ucd { display: flex;flex-direction: column; } } .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 16px;padding-top: 16px;padding-right: 16px;padding-left: 16px; } @media (max-width: 639px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 16px;padding-top: 16px;padding-right: 16px;padding-left: 16px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 16px;padding-top: 16px;padding-right: 16px;padding-left: 16px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 16px;padding-top: 16px;padding-right: 16px;padding-left: 16px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 16px;padding-top: 16px;padding-right: 16px;padding-left: 16px; } } @media (min-width: 1200px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 16px;padding-top: 16px;padding-right: 16px;padding-left: 16px; } } .gp-component-id-Jtph9OwSvd { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center; } @media (max-width: 639px) { .gp-component-id-Jtph9OwSvd { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 14%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;width: auto;margin-bottom: 12px;margin-right: 24px;margin-left: 12px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Jtph9OwSvd { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 14%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;width: auto;margin-bottom: 12px;margin-right: 24px;margin-left: 12px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Jtph9OwSvd { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 14%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;width: auto;margin-bottom: 12px;margin-right: 24px;margin-left: 12px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Jtph9OwSvd { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 14%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;width: auto;margin-bottom: 12px;margin-right: 24px;margin-left: 12px; } } @media (min-width: 1200px) { .gp-component-id-Jtph9OwSvd { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 14%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;width: auto;margin-bottom: 12px;margin-right: 24px;margin-left: 12px; } } @media (max-width: 639px) { .gp-component-id-1G8VOGQVP2 { height: 100%;width: 100%;padding-bottom: 56px;padding-top: 56px;padding-right: 8px;padding-left: 8px;margin-top: 0px;background-color: rgba(7, 55, 99, 0.8);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px;color: rgb(255, 255, 255); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-1G8VOGQVP2 { height: 100%;width: 100%;padding-bottom: 56px;padding-top: 56px;padding-right: 56px;padding-left: 56px;margin-top: 0px;background-color: rgba(7, 55, 99, 0.8);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px;color: rgb(255, 255, 255); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-1G8VOGQVP2 { height: 100%;width: 100%;padding-bottom: 56px;padding-top: 56px;padding-right: 20px;padding-left: 20px;margin-top: 40px;background-color: rgba(7, 55, 99, 0.8);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px;color: rgb(255, 255, 255); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-1G8VOGQVP2 { height: 100%;width: 100%;padding-bottom: 56px;padding-top: 56px;padding-right: 40px;padding-left: 40px;margin-top: 40px;background-color: rgba(7, 55, 99, 0.8);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px;color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-1G8VOGQVP2 { height: 100%;width: 100%;padding-bottom: 56px;padding-top: 56px;padding-right: 56px;padding-left: 56px;margin-top: 56px;background-color: rgba(7, 55, 99, 0.8);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px;color: rgb(255, 255, 255); } } .gp-component-id-qsQgqQ5_1v { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 100%; } @media (max-width: 639px) { .gp-component-id-qsQgqQ5_1v { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-qsQgqQ5_1v { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-qsQgqQ5_1v { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 50%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-qsQgqQ5_1v { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 50%; } } @media (min-width: 1200px) { .gp-component-id-qsQgqQ5_1v { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;padding-left: 8px;width: 50%; } } .gp-component-id-uvuX6KMI6s { flex-wrap: wrap;margin-right: -8px;margin-left: -8px; } @media (max-width: 639px) { .gp-component-id-uvuX6KMI6s { flex-wrap: wrap;margin-right: -8px;margin-left: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-uvuX6KMI6s { flex-wrap: wrap;margin-right: -8px;margin-left: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-uvuX6KMI6s { flex-wrap: wrap;margin-right: -8px;margin-left: -8px;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-uvuX6KMI6s { flex-wrap: wrap;margin-right: -8px;margin-left: -8px;display: flex; } } @media (min-width: 1200px) { .gp-component-id-uvuX6KMI6s { flex-wrap: wrap;margin-right: -8px;margin-left: -8px;display: flex; } } @media (max-width: 639px) { .gp-component-id-tpv2OQWgqe { width: 100%;padding-right: 8px;padding-left: 8px;background-color: rgba(255, 255, 255, 0); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-tpv2OQWgqe { width: 100%;padding-right: 8px;padding-left: 8px;background-color: rgba(255, 255, 255, 0); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-tpv2OQWgqe { width: 100%;padding-right: 8px;padding-left: 8px;background-color: rgba(255, 255, 255, 0); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-tpv2OQWgqe { width: 100%;padding-right: 8px;padding-left: 8px;background-color: rgba(255, 255, 255, 0); } } @media (min-width: 1200px) { .gp-component-id-tpv2OQWgqe { width: 100%;padding-right: 8px;padding-left: 8px;background-color: rgba(255, 255, 255, 0); } } .gp-component-id-ti6RniUHYd { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .gp-component-id-ti6RniUHYd { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ti6RniUHYd { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ti6RniUHYd { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ti6RniUHYd { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-ti6RniUHYd { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 1200px; } } .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;z-index: 14; } @media (max-width: 639px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;z-index: 14;backdrop-filter: blur(0px);background-color: rgba(7, 55, 99, 0.46); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;z-index: 14;backdrop-filter: blur(0px);background-color: rgba(7, 55, 99, 0.46); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;z-index: 14;backdrop-filter: blur(0px);background-color: rgba(7, 55, 99, 0.46); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;z-index: 14;backdrop-filter: blur(0px);background-color: rgba(7, 55, 99, 0.46); } } @media (min-width: 1200px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;z-index: 14;backdrop-filter: blur(0px);background-color: rgba(7, 55, 99, 0.46); } } .gp-component-id-l3E1LHVONh { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-l3E1LHVONh { min-height: 50px;position: relative;z-index: auto;background-position-y: 0%;background-position-x: 50%;height: 1024px;padding-bottom: 0px;background-size: cover; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-l3E1LHVONh { min-height: 50px;position: relative;z-index: auto;background-position-y: 0%;background-position-x: 50%;height: 1024px;padding-bottom: 0px;margin-top: 0px;background-size: cover; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-l3E1LHVONh { min-height: 50px;position: relative;z-index: auto;background-position-y: 0%;background-position-x: 50%;height: 1024px;padding-bottom: 0px;margin-top: 0px;background-size: cover; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-l3E1LHVONh { min-height: 50px;position: relative;z-index: auto;background-position-y: 0%;background-position-x: 50%;height: 1024px;padding-bottom: 0px;margin-top: 0px;background-size: cover; } } @media (min-width: 1200px) { .gp-component-id-l3E1LHVONh { min-height: 50px;position: relative;z-index: auto;background-position-y: 0%;background-position-x: 50%;height: 1024px;padding-bottom: 0px;margin-top: 0px;background-size: cover; } }