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-l3E1LHVONh.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } @media (max-width: 639px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { background-color: rgb(215, 233, 248);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;backdrop-filter: blur(0px); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { background-color: rgb(215, 233, 248);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;backdrop-filter: blur(0px); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { background-color: rgb(215, 233, 248);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;backdrop-filter: blur(0px); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { background-color: rgb(215, 233, 248);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;backdrop-filter: blur(0px); } } @media (min-width: 1200px) { .gp-component-id-l3E1LHVONh.gp-component > [data-section-overlay] { background-color: rgb(215, 233, 248);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;backdrop-filter: blur(0px); } } .gp-component-id-CqyIZVktbB { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-CqyIZVktbB { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CqyIZVktbB { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CqyIZVktbB { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CqyIZVktbB { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-CqyIZVktbB { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } .gp-component-id-ey86x_R2N { font-size: inherit;font-weight: inherit;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-ey86x_R2N { font-size: inherit;font-weight: inherit;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;overflow-wrap: break-word;color: rgb(111, 149, 103); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ey86x_R2N { font-size: inherit;font-weight: inherit;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;overflow-wrap: break-word;color: rgb(111, 149, 103); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ey86x_R2N { font-size: inherit;font-weight: inherit;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;overflow-wrap: break-word;color: rgb(111, 149, 103); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ey86x_R2N { font-size: inherit;font-weight: inherit;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;overflow-wrap: break-word;color: rgb(111, 149, 103); } } @media (min-width: 1200px) { .gp-component-id-ey86x_R2N { font-size: inherit;font-weight: inherit;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;overflow-wrap: break-word;color: rgb(111, 149, 103); } } .gp-component-id-iQkUg0uxBt { flex-direction: column;display: flex; } @media (max-width: 639px) { .gp-component-id-iQkUg0uxBt { flex-direction: column;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-iQkUg0uxBt { flex-direction: column;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-iQkUg0uxBt { flex-direction: column;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-iQkUg0uxBt { flex-direction: column;display: flex; } } @media (min-width: 1200px) { .gp-component-id-iQkUg0uxBt { flex-direction: column;display: flex; } } .gp-component-id-Z79AljEmfb { overflow-wrap: break-word;color: rgb(147, 196, 125); } @media (max-width: 639px) { .gp-component-id-Z79AljEmfb { overflow-wrap: break-word;color: rgb(147, 196, 125); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Z79AljEmfb { overflow-wrap: break-word;color: rgb(147, 196, 125); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Z79AljEmfb { overflow-wrap: break-word;color: rgb(147, 196, 125); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Z79AljEmfb { overflow-wrap: break-word;color: rgb(147, 196, 125); } } @media (min-width: 1200px) { .gp-component-id-Z79AljEmfb { overflow-wrap: break-word;color: rgb(147, 196, 125); } } .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: 17px;margin-right: 0px;margin-top: 0px;font-size: 36px;overflow-wrap: break-word;font-weight: inherit;font-family: Poppins, sans-serif;color: rgb(111, 149, 103); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 17px;margin-right: 0px;margin-top: 0px;font-size: 36px;overflow-wrap: break-word;font-weight: inherit;font-family: Poppins, sans-serif;color: rgb(111, 149, 103); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 17px;margin-right: 0px;margin-top: 0px;font-size: 36px;overflow-wrap: break-word;font-weight: inherit;font-family: Poppins, sans-serif;color: rgb(111, 149, 103); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 17px;margin-right: 0px;margin-top: 0px;font-size: 36px;overflow-wrap: break-word;font-weight: inherit;font-family: Poppins, sans-serif;color: rgb(111, 149, 103); } } @media (min-width: 1200px) { .gp-component-id-0Lp9uTel4 { margin-left: 0px;margin-bottom: 17px;margin-right: 0px;margin-top: 0px;font-size: 48px;overflow-wrap: break-word;font-weight: inherit;font-family: Poppins, sans-serif;color: rgb(111, 149, 103); } } .gp-component-id-WPgHT4Ucd { flex-direction: column;display: flex; } @media (max-width: 639px) { .gp-component-id-WPgHT4Ucd { flex-direction: column;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-WPgHT4Ucd { flex-direction: column;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-WPgHT4Ucd { flex-direction: column;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-WPgHT4Ucd { flex-direction: column;display: flex; } } @media (min-width: 1200px) { .gp-component-id-WPgHT4Ucd { flex-direction: column;display: flex; } } @media (max-width: 639px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 0px;padding-top: 0px;padding-right: 0px;padding-left: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 0px;padding-top: 0px;padding-right: 0px;padding-left: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 0px;padding-top: 0px;padding-right: 0px;padding-left: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 0px;padding-top: 0px;padding-right: 0px;padding-left: 0px; } } @media (min-width: 1200px) { .gp-component-id-6DJK4ja7e { width: 100%;padding-bottom: 0px;padding-top: 0px;padding-right: 0px;padding-left: 0px; } } .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: 12%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;min-width: 12%;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: 12%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;min-width: 12%;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: 12%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;min-width: 12%;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: 12%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;min-width: 12%;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: 12%;display: inline-flex;align-items: flex-start;justify-content: flex-start;object-fit: cover;object-position: center center;min-width: 12%;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.83);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px; } } @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.83);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px; } } @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.83);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px; } } @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.83);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px; } } @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.83);border-bottom-right-radius: 5.6px;border-bottom-left-radius: 5.6px;border-top-right-radius: 5.6px;border-top-left-radius: 5.6px; } } .gp-component-id-qsQgqQ5_1v { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-qsQgqQ5_1v { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-qsQgqQ5_1v { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-qsQgqQ5_1v { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-qsQgqQ5_1v { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-qsQgqQ5_1v { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } .gp-component-id-uvuX6KMI6s { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } @media (max-width: 639px) { .gp-component-id-uvuX6KMI6s { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-uvuX6KMI6s { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-uvuX6KMI6s { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-uvuX6KMI6s { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (min-width: 1200px) { .gp-component-id-uvuX6KMI6s { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (max-width: 639px) { .gp-component-id-tpv2OQWgqe { background-color: rgba(255, 255, 255, 0);padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-tpv2OQWgqe { background-color: rgba(255, 255, 255, 0);padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-tpv2OQWgqe { background-color: rgba(255, 255, 255, 0);padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-tpv2OQWgqe { background-color: rgba(255, 255, 255, 0);padding-left: 8px;padding-right: 8px;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-tpv2OQWgqe { background-color: rgba(255, 255, 255, 0);padding-left: 8px;padding-right: 8px;width: 100%; } } .gp-component-id-ti6RniUHYd { margin-left: auto;margin-right: auto;width: 100%;z-index: 15;position: relative; } @media (max-width: 639px) { .gp-component-id-ti6RniUHYd { margin-left: auto;margin-right: auto;width: 100%;z-index: 15;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ti6RniUHYd { margin-left: auto;margin-right: auto;width: 100%;z-index: 15;position: relative;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ti6RniUHYd { margin-left: auto;margin-right: auto;width: 100%;z-index: 15;position: relative;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ti6RniUHYd { margin-left: auto;margin-right: auto;width: 100%;z-index: 15;position: relative;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-ti6RniUHYd { margin-left: auto;margin-right: auto;width: 100%;z-index: 15;position: relative;max-width: 1200px; } } .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-x: 50%;background-position-y: 0%;height: auto;padding-bottom: 192px;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-x: 50%;background-position-y: 0%;height: auto;padding-bottom: 192px;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-x: 50%;background-position-y: 0%;height: auto;padding-bottom: 192px;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-x: 50%;background-position-y: 0%;height: auto;padding-bottom: 192px;margin-top: 0px;background-size: cover; } } @media (min-width: 1200px) { .gp-component-id-l3E1LHVONh { min-height: 50px;position: relative;z-index: auto;background-position-x: 50%;background-position-y: 0%;height: auto;padding-bottom: 192px;margin-top: 0px;background-size: cover; } }