{"id":8,"date":"2026-08-10T10:38:17","date_gmt":"2026-08-10T10:38:17","guid":{"rendered":"https:\/\/seitco.com.sa\/?page_id=8"},"modified":"2026-09-14T08:19:29","modified_gmt":"2026-09-14T08:19:29","slug":"home","status":"publish","type":"page","link":"https:\/\/seitco.com.sa\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8f6f77 e-con e-atomic-element e-flexbox-base e-b0ddb1e seitco-hero-blur \" data-id=\"a8f6f77\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a8f6f77\">\n    \t\t<div class=\"elementor-element elementor-element-0fd654d elementor-widget elementor-widget-spacer\" data-id=\"0fd654d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de8116f e-con e-atomic-element e-div-block-base e-de8116f-a156ebc \" data-id=\"de8116f\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"de8116f\">\n    <div class=\"elementor-element elementor-element-70b467f e-con-full e-flex e-con e-parent\" data-id=\"70b467f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e45c3 elementor-widget elementor-widget-spacer\" data-id=\"c9e45c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64dfb2f elementor-widget elementor-widget-tahefobu_icon_button_widget\" data-id=\"64dfb2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tahefobu_icon_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"tahefobu-custom-button-container\">\r\n            <a class=\"tahefobu-custom-button none\" href=\"\" style=\"display:inline-flex;align-items:center;\">\r\n\r\n                \r\n                <span class=\"text-wrapper\">\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a\u0629 \u0644\u0644\u0646\u0642\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644<\/span>\r\n\r\n                \r\n            <\/a>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adfb4a5 elementor-widget elementor-widget-text-editor\" data-id=\"adfb4a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');\n\n.seitco-hero-title {\n    width: 100%;\n    margin: 0;\n\n    color: #fff;\n\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n\n    font-size: 50px;\n    font-weight: 700;\n    line-height: 1.35;\n\n    \/* Automatically follows RTL \/ LTR *\/\n    text-align: start;\n}\n\n\n\/* Orange underline only under the wrapped words *\/\n.seitco-hero-title .seitco-underline {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n\n.seitco-hero-title .seitco-underline::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 7px;\n\n    background: #f58220;\n\n    z-index: -1;\n}\n\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n\n    .seitco-hero-title {\n        font-size: 40px;\n        line-height: 1.4;\n    }\n\n    .seitco-hero-title .seitco-underline::after {\n        height: 6px;\n        bottom: 4px;\n    }\n}\n\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n\n    .seitco-hero-title {\n        font-size: 30px;\n        line-height: 1.45;\n    }\n\n    .seitco-hero-title .seitco-underline::after {\n        height: 5px;\n        bottom: 3px;\n    }\n}\n\n\n\/* Small mobile *\/\n@media (max-width: 390px) {\n\n    .seitco-hero-title {\n        font-size: 26px;\n        line-height: 1.5;\n    }\n}\n<\/style>\n\n\n<h1 class=\"seitco-hero-title\">\n\n    <span class=\"seitco-underline\">\n        \u062e\u0628\u0631\u0629 \u062d\u0643\u0648\u0645\u064a\u0629\n    <\/span>\n\n    \u0631\u0627\u0633\u062e\u0629 \u0648\u062d\u0644\u0648\u0644 \u0646\u0642\u0644\n\n    <span class=\"seitco-underline\">\n        \u0645\u062f\u0631\u0633\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629\n    <\/span>\n\n    \u0644\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u0623\u0647\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\n\n<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c62d552 e-con e-atomic-element e-flexbox-base e-c62d552-05772a0 \" data-id=\"c62d552\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c62d552\">\n    \t\t<div class=\"elementor-element elementor-element-ae345d2 elementor-widget elementor-widget-button\" data-id=\"ae345d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/seitco.com.sa\/ask-for-the-service\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u062d\u062a\u064a\u0627\u062c \u0645\u062f\u0631\u0633\u062a\u0643\u0645<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf53cde elementor-widget elementor-widget-button\" data-id=\"bf53cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/seitco.com.sa\/schools\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u062a\u062e\u062a\u0627\u0631 \u0633\u064a\u062a\u0643\u0648<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-585f8c7 elementor-widget elementor-widget-spacer\" data-id=\"585f8c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-cc50d2c e-flex e-con-boxed e-con e-parent\" data-id=\"cc50d2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2555410 elementor-widget elementor-widget-spacer\" data-id=\"2555410\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd968d4 e-con e-atomic-element e-flexbox-base e-cd968d4-94b4ea2 dark-grid-section \" data-id=\"cd968d4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cd968d4\">\n    <div class=\"elementor-element elementor-element-c92c015 e-con e-atomic-element e-flexbox-base e-c92c015-74ae60f \" data-id=\"c92c015\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c92c015\">\n    <div class=\"elementor-element elementor-element-292229b e-con e-atomic-element e-flexbox-base e-292229b-3c97b17 \" data-id=\"292229b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"292229b\">\n    \t\t<div class=\"elementor-element elementor-element-1c8074a elementor-widget elementor-widget-html\" data-id=\"1c8074a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');\n\n.seitco-story-section,\n.seitco-story-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n.seitco-story-section {\n    padding: 24px 24px 28px;\n    color: #ffffff;\n\n    \/* follows RTL \/ LTR automatically *\/\n    text-align: start;\n}\n\n\/* Top orange badge *\/\n.seitco-story-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: fit-content;\n\n    padding: 10px 16px;\n\n    background: linear-gradient(\n        90deg,\n        #f5472e 0%,\n        #ff981b 100%\n    );\n\n    border-radius: 30px;\n\n    color: #ffffff;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    margin-bottom: 30px;\n}\n\n\/* Main heading *\/\n.seitco-story-title {\n    width: 100%;\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: 36px;\n    line-height: 1.45;\n    font-weight: 700;\n\n    letter-spacing: -0.4px;\n\n    \/* Arabic = right \/ English = left *\/\n    text-align: start;\n}\n\n\/* Orange underline *\/\n.seitco-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n.seitco-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 7px;\n\n    height: 6px;\n\n    background: #f58a20;\n\n    z-index: -1;\n}\n\n\/* Description *\/\n.seitco-story-description {\n    margin: 27px 0 26px;\n\n    color: #ffffff;\n\n    font-size: 14.5px;\n    line-height: 2;\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\/* Tags *\/\n.seitco-story-tags {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 9px;\n\n    \/* start = RTL right \/ LTR left *\/\n    justify-content: flex-start;\n}\n\n\/* Individual tag *\/\n.seitco-story-tag {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 14px;\n\n    border-radius: 30px;\n\n    background: #fff8ef;\n    border: 1px solid #f0c18f;\n\n    color: #b65d12;\n\n    font-size: 12px;\n    font-weight: 500;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n@media (max-width: 1024px) {\n\n    .seitco-story-section {\n        padding: 22px 20px 26px;\n    }\n\n    .seitco-story-title {\n        font-size: 32px;\n    }\n\n    .seitco-story-description {\n        font-size: 13px;\n    }\n\n    .seitco-story-badge {\n        font-size: 12px;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n@media (max-width: 767px) {\n\n    .seitco-story-section {\n        padding: 20px 16px 24px;\n    }\n\n    .seitco-story-badge {\n        font-size: 10.5px;\n        padding: 8px 13px;\n        margin-bottom: 22px;\n    }\n\n    .seitco-story-title {\n        font-size: 24px;\n        line-height: 1.55;\n    }\n\n    .seitco-highlight::after {\n        height: 4px;\n        bottom: 4px;\n    }\n\n    .seitco-story-description {\n        margin: 21px 0;\n\n        font-size: 11px;\n        line-height: 1.9;\n    }\n\n    .seitco-story-tags {\n        gap: 7px;\n    }\n\n    .seitco-story-tag {\n        padding: 6px 11px;\n        font-size: 9.5px;\n    }\n}\n\n\n\/* =========================\n   SMALL MOBILE\n========================= *\/\n@media (max-width: 420px) {\n\n    .seitco-story-section {\n        padding: 18px 12px 22px;\n    }\n\n    .seitco-story-title {\n        font-size: 21px;\n    }\n\n    .seitco-story-description {\n        font-size: 10.5px;\n    }\n\n    .seitco-story-tag {\n        font-size: 9px;\n        padding: 6px 9px;\n    }\n}\n<\/style>\n\n\n<section class=\"seitco-story-section\">\n\n    <div class=\"seitco-story-badge\">\n        \u0647\u0648\u064a\u0629 \u0642\u0627\u0626\u0645\u0629... \u0648\u062a\u0648\u0633\u0639 \u0645\u062f\u0631\u0648\u0633\n    <\/div>\n\n    <h2 class=\"seitco-story-title\">\n\n    \u0645\u0646 \u0634\u0631\u0627\u0643\u0627\u062a \u062d\u0643\u0648\u0645\u064a\u0629 \u0625\u0644\u0649  \n        \n        \n        <span class=\"seitco-highlight\">\n          \u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629\n        <\/span>\n\n\n\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u064a\u0648\u0645\n\n    <\/h2>\n\n    <p class=\"seitco-story-description\">\n        \u0633\u064a\u062a\u0643\u0648 \u0647\u064a \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a\u0629 \u0644\u0644\u0646\u0642\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u060c\n        \u062a\u0623\u0633\u0633\u062a \u0641\u064a \u0639\u0627\u0645 2014\u0645 \/ 1435\u0647\u0640 \u0643\u0634\u0631\u0627\u0643\u0629 \u0628\u064a\u0646 \u0633\u0627\u0628\u062a\u0643\u0648 \u0648\u0645\u0648\u0627\u0635\u0644\u0627\u062a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a.\n        \u0647\u0630\u0647 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u062a\u0645\u0646\u062d \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u0623\u0647\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0646\u0642\u0637\u0629 \u062b\u0642\u0629 \u0645\u0647\u0645\u0629:\n        \u0646\u062d\u0646 \u0644\u0627 \u0646\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631\u060c \u0628\u0644 \u0646\u0646\u0642\u0644 \u062e\u0628\u0631\u0629 \u062a\u0634\u063a\u064a\u0644 \u0645\u0624\u0633\u0633\u064a\u0629 \u0625\u0644\u0649 \u0627\u062d\u062a\u064a\u0627\u062c \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u064a\u0648\u0645\u064a.\n    <\/p>\n\n    <div class=\"seitco-story-tags\">\n\n        <span class=\"seitco-story-tag\">\u0631\u0641\u0627\u0647\u064a\u0629<\/span>\n        <span class=\"seitco-story-tag\">\u0623\u0645\u0627\u0646<\/span>\n        <span class=\"seitco-story-tag\">\u0627\u0644\u062a\u0632\u0627\u0645<\/span>\n        <span class=\"seitco-story-tag\">\u0634\u0641\u0627\u0641\u064a\u0629<\/span>\n        <span class=\"seitco-story-tag\">\u0627\u062d\u062a\u0631\u0627\u0641<\/span>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-652decd e-con e-atomic-element e-flexbox-base e-652decd-367261b \" data-id=\"652decd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"652decd\">\n    \t\t<div class=\"elementor-element elementor-element-e86cdf0 elementor-widget elementor-widget-html\" data-id=\"e86cdf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');\n\n.seitco-feature-stack,\n.seitco-feature-stack * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n.seitco-feature-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    width: 100%;\n\n    \/* follows RTL \/ LTR automatically *\/\n    text-align: start;\n}\n\n\n\/* Individual Card *\/\n.seitco-feature-card {\n    width: 100%;\n\n    padding: 16px 24px 18px;\n\n    background: rgba(255,255,255,0.10);\n\n    border: 1px solid rgba(255,255,255,0.20);\n\n    border-radius: 22px;\n\n    color: #ffffff;\n\n    \/* Arabic = right \/ English = left *\/\n    text-align: start;\n\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n\n\/* Hover bounce *\/\n.seitco-feature-card:hover {\n    animation: seitcoFeatureBounce 0.5s ease;\n\n    transform: translateY(-6px);\n\n    border-color: rgba(245,138,32,0.45);\n\n    box-shadow:\n        0 14px 28px rgba(0,0,0,0.16),\n        0 8px 20px rgba(245,138,32,0.08);\n}\n\n\n@keyframes seitcoFeatureBounce {\n\n    0% {\n        transform: translateY(0);\n    }\n\n    40% {\n        transform: translateY(-10px);\n    }\n\n    70% {\n        transform: translateY(-3px);\n    }\n\n    100% {\n        transform: translateY(-6px);\n    }\n}\n\n\n\/* Title *\/\n.seitco-feature-card h3 {\n    margin: 0 0 8px;\n\n    color: #ffffff;\n\n    font-size: 14px;\n    font-weight: 700;\n\n    line-height: 1.6;\n\n    text-align: start;\n}\n\n\n\/* Description *\/\n.seitco-feature-card p {\n    margin: 0;\n\n    color: rgba(255,255,255,0.92);\n\n    font-size: 14px;\n    font-weight: 400;\n\n    line-height: 1.9;\n\n    text-align: start;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n@media (max-width: 1024px) {\n\n    .seitco-feature-stack {\n        gap: 11px;\n    }\n\n    .seitco-feature-card {\n        padding: 14px 18px 16px;\n        border-radius: 19px;\n    }\n\n    .seitco-feature-card h3 {\n        font-size: 13px;\n        margin-bottom: 6px;\n    }\n\n    .seitco-feature-card p {\n        font-size: 11px;\n        line-height: 1.8;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n    .seitco-feature-stack {\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 10px;\n    }\n\n    .seitco-feature-card {\n        width: 100%;\n\n        min-height: 135px;\n\n        padding: 13px 12px 14px;\n\n        border-radius: 17px;\n\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .seitco-feature-card h3 {\n        font-size: 12px;\n\n        margin-bottom: 5px;\n\n        line-height: 1.6;\n    }\n\n    .seitco-feature-card p {\n        font-size: 11px;\n\n        line-height: 1.7;\n    }\n}\n\n\n\/* Small mobile *\/\n@media (max-width: 390px) {\n\n    .seitco-feature-stack {\n        gap: 8px;\n    }\n\n    .seitco-feature-card {\n        min-height: 130px;\n\n        padding: 12px 9px 13px;\n    }\n\n    .seitco-feature-card h3 {\n        font-size: 10px;\n    }\n\n    .seitco-feature-card p {\n        font-size: 8.5px;\n    }\n}\n\n\n\n\n\n\/* Disable hover effects on touch devices *\/\n@media (hover: none) {\n\n    .seitco-feature-card:hover {\n        animation: none;\n        transform: none;\n\n        border-color: rgba(255,255,255,0.20);\n        box-shadow: none;\n    }\n}\n<\/style>\n\n\n<div class=\"seitco-feature-stack\">\n\n    <div class=\"seitco-feature-card\">\n        <h3>\u062e\u0628\u0631\u0629 \u062d\u0643\u0648\u0645\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/h3>\n        <p>\n            \u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u0638\u0645 \u0641\u064a \u0628\u064a\u0626\u0627\u062a \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u064b \u0648\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629.\n        <\/p>\n    <\/div>\n\n    <div class=\"seitco-feature-card\">\n        <h3>\u0634\u0631\u0627\u0643\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0625\u0645\u0627\u0631\u0627\u062a\u064a\u0629<\/h3>\n        <p>\n            \u062e\u0644\u0641\u064a\u0629 \u0645\u0624\u0633\u0633\u064a\u0629 \u062a\u062c\u0645\u0639 \u062e\u0628\u0631\u0629 \u0627\u0644\u0646\u0642\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a.\n        <\/p>\n    <\/div>\n\n    <div class=\"seitco-feature-card\">\n        <h3>\u062a\u0648\u0633\u0639 \u0646\u062d\u0648 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062e\u0627\u0635<\/h3>\n        <p>\n            \u0631\u0633\u0627\u0644\u0629 \u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u0623\u0647\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0642\u064a\u0645\u0629.\n        <\/p>\n    <\/div>\n\n    <div class=\"seitco-feature-card\">\n        <h3>\u062c\u0627\u0647\u0632\u064a\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/h3>\n        <p>\n            \u0623\u0633\u0637\u0648\u0644\u060c \u0645\u062d\u0637\u0627\u062a\u060c \u0635\u064a\u0627\u0646\u0629\u060c \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629\u060c \u0648\u062a\u062f\u0631\u064a\u0628.\n        <\/p>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-1bc86e0 e-flex e-con-boxed e-con e-parent\" data-id=\"1bc86e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b585dc elementor-widget elementor-widget-spacer\" data-id=\"5b585dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74521d3 e-con e-atomic-element e-flexbox-base e-f9b0387 \" data-id=\"74521d3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"74521d3\">\n    <div class=\"elementor-element elementor-element-45f3bbf e-con e-atomic-element e-flexbox-base e-45f3bbf-56c891d \" data-id=\"45f3bbf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"45f3bbf\">\n    \t\t<div class=\"elementor-element elementor-element-e79a80d elementor-widget elementor-widget-html\" data-id=\"e79a80d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.education-trust-section,\n.education-trust-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n.education-trust-wrapper {\n    max-width: 1380px;\n    margin: 0 auto;\n\n    background: #ffffff;\n\n    border-radius: 40px;\n\n    padding: 40px;\n\n    text-align: center;\n}\n\n\n\/* Badge *\/\n.education-trust-badge {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: fit-content;\n\n    padding: 10px 18px;\n\n    border: 1px solid #efc28e;\n    border-radius: 30px;\n\n    background: #fff9f3;\n\n    color: #ad5a0c;\n\n    font-size: 14px;\n    font-weight: 700;\n}\n\n\n\/* Heading *\/\n.education-trust-title {\n    margin: 0 auto;\n\n    max-width: 1050px;\n\n    color: #282828;\n\n    font-size: 35px;\n    line-height: 1.5;\n\n    font-weight: 800;\n\n    letter-spacing: -0.4px;\n\n    text-align: center;\n}\n\n\n\/* Orange underline *\/\n.education-trust-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n\n.education-trust-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 6px;\n\n    background: #f58a20;\n\n    border-radius: 4px;\n\n    z-index: -1;\n}\n\n\n\/* Description *\/\n.education-trust-description {\n    max-width: 1080px;\n\n    margin: 17px auto 30px;\n\n    color: #777777;\n\n    font-size: 16px;\n    line-height: 1.95;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\/* Cards Grid *\/\n.education-trust-grid {\n    display: grid;\n\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n\n    gap: 25px;\n}\n\n\n\/* Card *\/\n.education-trust-card {\n    position: relative;\n\n    min-height: 200px;\n\n    padding: 27px 22px 24px;\n\n    background: #ffffff;\n\n    border: 1px solid #eeeeee;\n\n    border-radius: 18px;\n\n    box-shadow: 0 8px 24px rgba(0,0,0,0.03);\n\n    display: flex;\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: flex-start;\n\n    overflow: hidden;\n\n    text-align: center;\n\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        border-color 0.35s ease;\n}\n\n\n\/* Hover bounce *\/\n.education-trust-card:hover {\n    animation: educationTrustBounce 0.5s ease;\n\n    transform: translateY(-6px);\n\n    border-color: rgba(245,138,32,0.35);\n\n    box-shadow:\n        0 16px 30px rgba(0,0,0,0.08),\n        0 8px 18px rgba(245,138,32,0.08);\n}\n\n\n@keyframes educationTrustBounce {\n\n    0% {\n        transform: translateY(0);\n    }\n\n    40% {\n        transform: translateY(-10px);\n    }\n\n    70% {\n        transform: translateY(-3px);\n    }\n\n    100% {\n        transform: translateY(-6px);\n    }\n}\n\n\n\/* Top gradient line *\/\n.education-trust-card::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n    right: 0;\n\n    height: 8px;\n\n    background: linear-gradient(\n        90deg,\n        #ff9c2f 0%,\n        #f15a49 100%\n    );\n}\n\n\n\/* Icon *\/\n.education-trust-icon {\n    width: 38px;\n    height: 38px;\n\n    margin-top: 0;\n    margin-bottom: 20px;\n\n    border-radius: 9px;\n\n    background: #f1841f;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #ffffff;\n}\n\n\n.education-trust-icon svg {\n    width: 23px;\n    height: 23px;\n\n    stroke: currentColor;\n    fill: none;\n\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* Card title *\/\n.education-trust-card h3 {\n    margin: 0 0 10px;\n\n    color: #363636;\n\n    font-size: 16px;\n    line-height: 1.6;\n\n    font-weight: 700;\n}\n\n\n\/* Card description *\/\n.education-trust-card p {\n    margin: 0;\n\n    max-width: 230px;\n\n    color: #777777;\n\n    font-size: 14px;\n    line-height: 1.8;\n\n    font-weight: 400;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .education-trust-wrapper {\n        padding: 36px 24px;\n\n        border-radius: 32px;\n    }\n\n    .education-trust-badge {\n        font-size: 12px;\n\n        padding: 8px 15px;\n    }\n\n    .education-trust-title {\n        font-size: 28px;\n\n        line-height: 1.55;\n    }\n\n    .education-trust-highlight::after {\n        height: 5px;\n\n        bottom: 4px;\n    }\n\n    .education-trust-description {\n        font-size: 13px;\n\n        line-height: 1.9;\n\n        margin: 15px auto 26px;\n    }\n\n    .education-trust-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n\n        gap: 18px;\n    }\n\n    .education-trust-card {\n        min-height: 180px;\n\n        padding: 23px 18px 20px;\n    }\n\n    .education-trust-card h3 {\n        font-size: 14px;\n    }\n\n    .education-trust-card p {\n        font-size: 11px;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n    .education-trust-section {\n        padding: 16px 10px;\n    }\n\n    .education-trust-wrapper {\n        padding: 0px 12px 24px;\n\n        border-radius: 26px;\n    }\n\n    .education-trust-badge {\n        font-size: 10px;\n\n        padding: 7px 11px;\n\n        margin-bottom: 14px;\n    }\n\n    .education-trust-title {\n        font-size: 18px;\n\n        line-height: 1.6;\n    }\n\n    .education-trust-highlight::after {\n        height: 4px;\n\n        bottom: 3px;\n    }\n\n    .education-trust-description {\n        margin: 14px auto 22px;\n\n        font-size: 12px;\n\n        line-height: 1.85;\n    }\n\n    .education-trust-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n\n        gap: 10px;\n    }\n\n    .education-trust-card {\n        min-height: 175px;\n\n        padding: 19px 8px 15px;\n\n        border-radius: 14px;\n    }\n\n    .education-trust-card::before {\n        height: 6px;\n    }\n\n    .education-trust-icon {\n        width: 32px;\n        height: 32px;\n\n        margin-bottom: 11px;\n\n        border-radius: 8px;\n    }\n\n    .education-trust-icon svg {\n        width: 18px;\n        height: 18px;\n    }\n\n    .education-trust-card h3 {\n        font-size: 11px;\n\n        line-height: 1.55;\n\n        margin-bottom: 6px;\n    }\n\n    .education-trust-card p {\n        font-size: 11px;\n\n        line-height: 1.65;\n    }\n}\n\n\n\n\n\n\/* Disable hover on touch devices *\/\n@media (hover: none) {\n\n    .education-trust-card:hover {\n        animation: none;\n\n        transform: none;\n\n        border-color: #eeeeee;\n\n        box-shadow: 0 8px 24px rgba(0,0,0,0.03);\n    }\n}\n<\/style>\n\n\n<section class=\"education-trust-section\">\n\n    <div class=\"education-trust-wrapper\">\n\n        <div class=\"education-trust-badge\">\n            \u0627\u0645\u062a\u062f\u0627\u062f \u0645\u0648\u062b\u0648\u0642 \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\n        <\/div>\n\n\n        <h2 class=\"education-trust-title\">\n         \u062c\u0627\u0647\u0632\u064a\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062a\u0636\u0645\u0646 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0627\u0644\u0631\u062d\u0644\u0629\n    \n            <span class=\"education-trust-highlight\"> \u0645\u0646 \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642 \u062d\u062a\u0649 \u0627\u0644\u0648\u0635\u0648\u0644\n              \n            <\/span>\n        <\/h2>\n\n\n        <p class=\"education-trust-description\">\n            \u062a\u0648\u0627\u0635\u0644 \u0633\u064a\u062a\u0643\u0648 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0627\u0644\u0630\u064a \u0639\u064f\u0631\u0641\u062a \u0628\u0647\u060c\n            \u0648\u062a\u0636\u0639\u0647 \u0627\u0644\u064a\u0648\u0645 \u0641\u064a \u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0628\u0644\u063a\u0629 \u0648\u0627\u0636\u062d\u0629:\n            \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0637\u0627\u0644\u0628\u060c \u0637\u0645\u0623\u0646\u064a\u0646\u0629 \u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631\u060c \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a\u060c\n            \u0648\u0648\u0636\u0648\u062d \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n        <\/p>\n\n\n        <div class=\"education-trust-grid\">\n\n\n            <!-- Card 1 -->\n            <div class=\"education-trust-card\">\n\n                <div class=\"education-trust-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M3 10h18\"><\/path>\n                        <path d=\"M5 10v8\"><\/path>\n                        <path d=\"M9 10v8\"><\/path>\n                        <path d=\"M15 10v8\"><\/path>\n                        <path d=\"M19 10v8\"><\/path>\n                        <path d=\"M3 18h18\"><\/path>\n                        <path d=\"M12 3l9 5H3l9-5z\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0627\u0644\u0623\u0648\u0633\u0639<\/h3>\n\n                <p>\n                    \u0642\u0627\u0628\u0644\u064a\u0629 \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0641\u0642 \u0627\u062d\u062a\u064a\u0627\u062c \u0643\u0644 \u062c\u0647\u0629.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Card 2 -->\n            <div class=\"education-trust-card\">\n\n                <div class=\"education-trust-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 5c3-2 5-2 8 0v15c-3-2-5-2-8 0z\"><\/path>\n                        <path d=\"M20 5c-3-2-5-2-8 0v15c3-2 5-2 8 0z\"><\/path>\n                        <path d=\"M7 9h2\"><\/path>\n                        <path d=\"M15 9h2\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3>\u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h3>\n\n                <p>\n                    \u062a\u062c\u0631\u0628\u0629 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Card 3 -->\n            <div class=\"education-trust-card\">\n\n                <div class=\"education-trust-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                        <path d=\"M3 12h18\"><\/path>\n                        <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"><\/path>\n                        <path d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3>\u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u0623\u0647\u0644\u064a\u0629<\/h3>\n\n                <p>\n                    \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u064a\u0648\u0645\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u0631\u0641\u0639 \u0631\u0636\u0627 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631 \u0648\u062a\u062e\u0641\u0641 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Card 4 -->\n            <div class=\"education-trust-card\">\n\n                <div class=\"education-trust-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M2 8l10-5 10 5-10 5z\"><\/path>\n                        <path d=\"M6 10v5c4 3 8 3 12 0v-5\"><\/path>\n                        <path d=\"M22 8v6\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3>\u062e\u0628\u0631\u062a\u0646\u0627 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/h3>\n\n                <p>\n                    \u0645\u0635\u062f\u0631 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u0628\u064f\u0646\u064a\u062a \u0639\u0644\u064a\u0647\u0627 \u0642\u062f\u0631\u0629 \u0633\u064a\u062a\u0643\u0648.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-504a5e4 e-con e-atomic-element e-flexbox-base e-504a5e4-0f78296 seitco-hero-blur \" data-id=\"504a5e4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"504a5e4\">\n    \t\t<div class=\"elementor-element elementor-element-2760380 elementor-widget elementor-widget-html\" data-id=\"2760380\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n.seitco-choice-section,\n.seitco-choice-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n.seitco-choice-section {\n    width: 100%;\n    padding: 40px 42px;\n    position: relative;\n    color: #fff;\n}\n\n\/* Main content layout *\/\n.seitco-choice-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.05fr 1fr;\n    grid-template-rows: auto auto;\n    gap: 28px 50px;\n    align-items: center;\n}\n\n\/* Feature cards *\/\n.seitco-choice-card {\n    background: rgba(40, 35, 30, 0.48);\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: 20px;\n    padding: 20px 22px;\n    min-height: 122px;\n\n    display: flex;\n    align-items: center;\n    gap: 16px;\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    text-align: start;\n\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        border-color 0.35s ease;\n}\n\n\/* Bounce hover *\/\n.seitco-choice-card:hover {\n    animation: seitcoChoiceBounce 0.5s ease;\n    transform: translateY(-6px);\n\n    border-color: rgba(245,138,32,0.45);\n\n    box-shadow:\n        0 14px 28px rgba(0,0,0,0.18),\n        0 8px 20px rgba(245,138,32,0.10);\n}\n\n@keyframes seitcoChoiceBounce {\n    0% {\n        transform: translateY(0);\n    }\n\n    40% {\n        transform: translateY(-10px);\n    }\n\n    70% {\n        transform: translateY(-3px);\n    }\n\n    100% {\n        transform: translateY(-6px);\n    }\n}\n\n\/* Icon *\/\n.seitco-choice-icon {\n    flex: 0 0 46px;\n    width: 46px;\n    height: 46px;\n\n    border-radius: 12px;\n\n    background: #f58a20;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.seitco-choice-icon svg {\n    width: 25px;\n    height: 25px;\n\n    stroke: #fff;\n    fill: none;\n\n    stroke-width: 2.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Card text *\/\n.seitco-choice-card-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.seitco-choice-card h3 {\n    margin: 0 0 7px;\n\n    color: #fff;\n\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.5;\n\n    text-align: start;\n}\n\n.seitco-choice-card p {\n    margin: 0;\n\n    color: rgba(255,255,255,0.92);\n\n    font-size: 13.5px;\n    line-height: 1.85;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\/* Center heading *\/\n.seitco-choice-center {\n    grid-column: 2;\n    grid-row: 1 \/ span 2;\n\n    text-align: center;\n\n    align-self: end;\n\n    padding-bottom: 4px;\n}\n\n.seitco-choice-title {\n    margin: 0;\n\n    font-size: 35px;\n    line-height: 1.45;\n\n    font-weight: 700;\n\n    color: #fff;\n\n    text-align: center;\n}\n\n\/* Orange underline only around highlighted word *\/\n.seitco-choice-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n.seitco-choice-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 6px;\n\n    background: #f58a20;\n\n    border-radius: 4px;\n\n    z-index: -1;\n}\n\n\/* Explicit placement *\/\n.card-trust {\n    grid-column: 1;\n    grid-row: 1;\n}\n\n.card-parents {\n    grid-column: 1;\n    grid-row: 2;\n}\n\n.card-safety {\n    grid-column: 3;\n    grid-row: 1;\n}\n\n.card-management {\n    grid-column: 3;\n    grid-row: 2;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .seitco-choice-section {\n        padding: 28px 22px;\n    }\n\n    .seitco-choice-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 16px;\n    }\n\n    .seitco-choice-center {\n        grid-column: 1 \/ -1;\n        grid-row: 1;\n        padding: 8px 0 14px;\n    }\n\n    .card-trust {\n        grid-column: 1;\n        grid-row: 2;\n    }\n\n    .card-safety {\n        grid-column: 2;\n        grid-row: 2;\n    }\n\n    .card-parents {\n        grid-column: 1;\n        grid-row: 3;\n    }\n\n    .card-management {\n        grid-column: 2;\n        grid-row: 3;\n    }\n\n    .seitco-choice-title {\n        font-size: 27px;\n        line-height: 1.55;\n    }\n\n    .seitco-choice-highlight::after {\n        height: 5px;\n        bottom: 4px;\n    }\n\n    .seitco-choice-card {\n        min-height: 115px;\n        padding: 14px;\n        gap: 11px;\n        border-radius: 17px;\n    }\n\n    .seitco-choice-icon {\n        width: 38px;\n        height: 38px;\n        flex-basis: 38px;\n        border-radius: 9px;\n    }\n\n    .seitco-choice-icon svg {\n        width: 20px;\n        height: 20px;\n    }\n\n    .seitco-choice-card h3 {\n        font-size: 13px;\n        margin-bottom: 5px;\n    }\n\n    .seitco-choice-card p {\n        font-size: 10px;\n        line-height: 1.7;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n    .seitco-choice-section {\n        padding:10px 10px;\n    }\n\n    .seitco-choice-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 10px;\n    }\n\n    .seitco-choice-center {\n        grid-column: 1 \/ -1;\n        grid-row: 1;\n      \n    }\n\n    .seitco-choice-title {\n        font-size: 18px;\n        line-height: 1.6;\n    }\n\n    .seitco-choice-highlight::after {\n        height: 4px;\n        bottom: 3px;\n    }\n\n    .card-trust {\n        grid-column: 1;\n        grid-row: 2;\n    }\n\n    .card-safety {\n        grid-column: 2;\n        grid-row: 2;\n    }\n\n    .card-parents {\n        grid-column: 1;\n        grid-row: 3;\n    }\n\n    .card-management {\n        grid-column: 2;\n        grid-row: 3;\n    }\n\n    .seitco-choice-card {\n        min-height: 140px;\n\n        padding: 12px 7px;\n\n        border-radius: 14px;\n\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        gap: 8px;\n\n        text-align: center;\n    }\n\n    .seitco-choice-card h3,\n    .seitco-choice-card p {\n        text-align: center;\n    }\n\n    .seitco-choice-icon {\n        flex: 0 0 32px;\n\n        width: 32px;\n        height: 32px;\n\n        border-radius: 8px;\n    }\n\n    .seitco-choice-icon svg {\n        width: 18px;\n        height: 18px;\n    }\n\n    .seitco-choice-card h3 {\n        font-size: 13px;\n        line-height: 1.55;\n        margin-bottom: 4px;\n    }\n\n    .seitco-choice-card p {\n        font-size:11px;\n        line-height: 1.65;\n    }\n}\n\n\n\n\n\/* Disable hover on touch devices *\/\n@media (hover: none) {\n\n    .seitco-choice-card:hover {\n        animation: none;\n        transform: none;\n\n        box-shadow: none;\n\n        border-color: rgba(255,255,255,0.18);\n    }\n}\n\n<\/style>\n\n\n<section class=\"seitco-choice-section\">\n\n    <div class=\"seitco-choice-grid\">\n\n        <!-- Card 1 -->\n        <div class=\"seitco-choice-card card-trust\">\n\n            <div class=\"seitco-choice-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"8\" r=\"3\"><\/circle>\n                    <path d=\"M12 11v8\"><\/path>\n                    <path d=\"M9 21h6\"><\/path>\n                <\/svg>\n            <\/div>\n\n            <div class=\"seitco-choice-card-content\">\n                <h3>\u062e\u0628\u0631\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/h3>\n\n                <p>\n                    \u062e\u0628\u0631\u0629 \u0645\u0624\u0633\u0633\u064a\u0629 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646 \u062e\u062f\u0645\u0629 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062e\u0627\u0635.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Card 2 -->\n        <div class=\"seitco-choice-card card-safety\">\n\n            <div class=\"seitco-choice-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"8\" r=\"3\"><\/circle>\n                    <path d=\"M12 11v8\"><\/path>\n                    <path d=\"M9 21h6\"><\/path>\n                <\/svg>\n            <\/div>\n\n            <div class=\"seitco-choice-card-content\">\n                <h3>\u0633\u0644\u0627\u0645\u0629 \u0648\u062a\u0634\u063a\u064a\u0644<\/h3>\n\n                <p>\n                    \u0623\u0633\u0637\u0648\u0644\u060c \u0645\u062d\u0637\u0627\u062a\u060c \u0635\u064a\u0627\u0646\u0629\u060c \u062a\u062f\u0631\u064a\u0628\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0648\u0627\u0636\u062d\u0629.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Center title -->\n        <div class=\"seitco-choice-center\">\n\n            <h2 class=\"seitco-choice-title\">\n                \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0639\u0644\n                <br>\n\n                \u0633\u064a\u062a\u0643\u0648\n\n                <span class=\"seitco-choice-highlight\">\n                    \u0645\u062e\u062a\u0644\u0641\u0629\n                <\/span>\u061f\n            <\/h2>\n\n        <\/div>\n\n\n        <!-- Card 3 -->\n        <div class=\"seitco-choice-card card-parents\">\n\n            <div class=\"seitco-choice-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9\"><\/path>\n                    <path d=\"M10 21h4\"><\/path>\n                <\/svg>\n            <\/div>\n\n            <div class=\"seitco-choice-card-content\">\n                <h3>\u062b\u0642\u0629 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631<\/h3>\n\n                <p>\n                    \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u0644\u0644 \u0627\u0644\u0642\u0644\u0642 \u0627\u0644\u064a\u0648\u0645\u064a \u0648\u062a\u0632\u064a\u062f \u062b\u0642\u0629 \u0627\u0644\u0623\u0633\u0631\u0629 \u0628\u0627\u0644\u0645\u062f\u0631\u0633\u0629.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Card 4 -->\n        <div class=\"seitco-choice-card card-management\">\n\n            <div class=\"seitco-choice-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"8\" r=\"3\"><\/circle>\n                    <path d=\"M12 11v8\"><\/path>\n                    <path d=\"M9 21h6\"><\/path>\n                <\/svg>\n            <\/div>\n\n            <div class=\"seitco-choice-card-content\">\n                <h3>\u0648\u0636\u0648\u062d \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/h3>\n\n                <p>\n                    \u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0645\u0633\u0627\u0631 \u062a\u0648\u0627\u0635\u0644 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0627\u0642\u062f \u0648\u0628\u0639\u062f \u0628\u062f\u0621 \u0627\u0644\u062a\u0634\u063a\u064a\u0644.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-3cda6bf e-flex e-con-boxed e-con e-parent\" data-id=\"3cda6bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6bcd7d elementor-widget elementor-widget-html\" data-id=\"c6bcd7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.school-system-section,\n.school-system-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n.school-system-section {\n    position: relative;\n    overflow: hidden;\n\n    max-width: 1380px;\n    margin: 0 auto;\n\n    padding: 60px 60px 68px;\n\n    background:\n        radial-gradient(\n            circle at 100% 0%,\n            rgba(255, 166, 79, 0.14),\n            transparent 33%\n        ),\n        radial-gradient(\n            circle at 0% 75%,\n            rgba(255, 112, 61, 0.10),\n            transparent 32%\n        ),\n        #ffffff;\n\n    border-radius: 35px;\n    text-align: center;\n}\n\n.school-system-inner {\n    position: relative;\n    z-index: 1;\n}\n\n\n\/* =========================\n   BADGE\n========================= *\/\n\n.school-system-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 210px;\n\n    padding: 9px 18px;\n    margin-bottom: 18px;\n\n    border: 1px solid #f2bd87;\n    border-radius: 30px;\n\n    background: rgba(255,250,245,0.9);\n\n    color: #ad5709;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================\n   TITLE\n========================= *\/\n\n.school-system-title {\n    max-width: 950px;\n\n    margin: 0 auto;\n\n    color: #282828;\n\n    font-size: 35px;\n    line-height: 1.55;\n\n    font-weight: 800;\n\n    text-align: center;\n}\n\n\n\/* =========================\n   ORANGE UNDERLINE\n========================= *\/\n\n.school-system-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n.school-system-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 6px;\n\n    height: 5px;\n\n    background: #f48620;\n\n    border-radius: 3px;\n\n    z-index: -1;\n}\n\n\n\/* =========================\n   DESCRIPTION\n========================= *\/\n\n.school-system-description {\n    max-width: 1000px;\n\n    margin: 12px auto 34px;\n\n    color: #777777;\n\n    font-size: 13.5px;\n    line-height: 1.9;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\/* =========================\n   CARDS GRID\n========================= *\/\n\n.school-system-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 22px 44px;\n}\n\n\n\/* =========================\n   CARD\n========================= *\/\n\n.school-system-card {\n    min-height: 225px;\n\n    padding: 35px 22px 24px;\n\n    background: rgba(255,255,255,0.92);\n\n    border: 1px solid #eeeeee;\n    border-radius: 20px;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    text-align: center;\n\n    box-shadow:\n        0 8px 26px rgba(0,0,0,0.025);\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n.school-system-card:hover {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 12px 30px rgba(0,0,0,0.045);\n}\n\n\n\/* =========================\n   ICON\n========================= *\/\n\n.school-system-icon {\n    width: 54px;\n    height: 54px;\n\n    margin-bottom: 15px;\n\n    border-radius: 9px;\n\n    background: #ef831d;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #ffffff;\n\n    direction: ltr;\n}\n\n.school-system-icon svg {\n    width: 32px;\n    height: 32px;\n\n    stroke: currentColor;\n    fill: none;\n\n    stroke-width: 2.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================\n   CARD TITLE\n========================= *\/\n\n.school-system-card h3 {\n    margin: 0 0 7px;\n\n    color: #383838;\n\n    font-size: 17px;\n    line-height: 1.55;\n\n    font-weight: 700;\n\n    text-align: center;\n}\n\n\n\/* =========================\n   CARD TEXT\n========================= *\/\n\n.school-system-card p {\n    max-width: 230px;\n\n    margin: 0;\n\n    color: #777777;\n\n    font-size: 13px;\n    line-height: 1.8;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\/* =========================\n   ARABIC \/ RTL\n========================= *\/\n\nhtml[dir=\"rtl\"] .school-system-section {\n    direction: rtl;\n}\n\nhtml[dir=\"rtl\"] .school-system-title,\nhtml[dir=\"rtl\"] .school-system-description,\nhtml[dir=\"rtl\"] .school-system-card h3,\nhtml[dir=\"rtl\"] .school-system-card p {\n    direction: rtl;\n}\n\n\n\/* =========================\n   ENGLISH \/ LTR\n========================= *\/\n\nhtml[dir=\"ltr\"] .school-system-section {\n    direction: ltr;\n}\n\nhtml[dir=\"ltr\"] .school-system-title,\nhtml[dir=\"ltr\"] .school-system-description,\nhtml[dir=\"ltr\"] .school-system-card h3,\nhtml[dir=\"ltr\"] .school-system-card p {\n    direction: ltr !important;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .school-system-section {\n        padding: 48px 28px 52px;\n    }\n\n    .school-system-title {\n        font-size: 31px;\n    }\n\n    .school-system-description {\n        font-size: 12.5px;\n    }\n\n    .school-system-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 18px;\n    }\n\n    .school-system-card {\n        min-height: 210px;\n\n        padding: 30px 18px 22px;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n    .school-system-grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 8px;\n    }\n\n    .school-system-card {\n        min-height: 100px;\n        padding: 16px 5px 12px;\n        border-radius: 13px;\n    }\n\n    .school-system-icon {\n        width: 32px;\n        height: 32px;\n        \/*margin-bottom: 8px;*\/\n    }\n\n    .school-system-icon svg {\n        width: 19px;\n        height: 19px;\n    }\n\n    .school-system-card h3 {\n        font-size: 11px;\n        line-height: 1.5;\n        \/*margin-bottom: 4px;*\/\n    }\n\n    .school-system-card p {\n        font-size: 10px;\n        line-height: 1.6;\n    }\n}\n\n\/* =========================\n   SMALL MOBILE\n========================= *\/\n\n@media (max-width: 390px) {\n\n    .school-system-title {\n        font-size: 21px;\n    }\n\n    .school-system-grid {\n        gap: 8px;\n    }\n\n    .school-system-card {\n        min-height: 165px;\n\n        padding: 18px 6px 14px;\n    }\n\n    .school-system-card h3 {\n        font-size: 10.5px;\n    }\n\n    .school-system-card p {\n        font-size: 8px;\n    }\n}\n\n\n\/* Disable hover movement on touch *\/\n@media (hover: none) {\n\n    .school-system-card:hover {\n        transform: none;\n    }\n}\n\n<\/style>\n\n\n<section class=\"school-system-section\">\n\n    <div class=\"school-system-inner\">\n\n\n        <div class=\"school-system-badge\">\n            \u0645\u0627 \u0648\u0631\u0627\u0621 \u0627\u0644\u062d\u0627\u0641\u0644\u0629\n        <\/div>\n\n\n        <h2 class=\"school-system-title\">\n\u0643\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \n            <span class=\"school-system-highlight\">\n               \u062a\u062d\u062a \u0627\u0644\u0633\u064a\u0637\u0631\u0629\n            <\/span>\n \u0645\u0646\u0630 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644\n\n        <\/h2>\n\n\n        <p class=\"school-system-description\">\n\n            \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0644\u0627 \u062a\u0634\u062a\u0631\u064a \u062d\u0627\u0641\u0644\u0629 \u0641\u0642\u0637\u061b \u0628\u0644 \u062a\u062d\u062a\u0627\u062c \u0634\u0631\u064a\u0643\u0627\u064b \u0644\u062f\u064a\u0647 \u0628\u0646\u064a\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629\n            \u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a.\n\n        <\/p>\n\n\n        <div class=\"school-system-grid\">\n\n\n            <!-- Customer Service -->\n            <div class=\"school-system-card\">\n\n                <div class=\"school-system-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M4 14v-2a8 8 0 0 1 16 0v2\"><\/path>\n                        <path d=\"M4 14v4\"><\/path>\n                        <path d=\"M20 14v4\"><\/path>\n                        <path d=\"M4 18h2\"><\/path>\n                        <path d=\"M18 18h2\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n                <\/h3>\n\n                <p>\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0645\u062f\u0631\u0633\u0629 \u0648\u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Safety -->\n            <div class=\"school-system-card\">\n\n                <div class=\"school-system-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M12 3l7 2v6c0 5-3 8-7 10-4-2-7-5-7-10V5z\"><\/path>\n                        <path d=\"M12 3v18\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629\n                <\/h3>\n\n                <p>\n                    \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Fleet Management -->\n            <div class=\"school-system-card\">\n\n                <div class=\"school-system-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M5 19V9\"><\/path>\n                        <path d=\"M12 19V5\"><\/path>\n                        <path d=\"M19 19V12\"><\/path>\n                        <path d=\"M3 19h18\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0637\u0648\u0644\n                <\/h3>\n\n                <p>\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0633\u064a\u0646.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Fleet -->\n            <div class=\"school-system-card\">\n\n                <div class=\"school-system-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <rect x=\"3\" y=\"7\" width=\"18\" height=\"10\" rx=\"2\"><\/rect>\n\n                        <path d=\"M6 10h3\"><\/path>\n                        <path d=\"M11 10h3\"><\/path>\n                        <path d=\"M16 10h3\"><\/path>\n\n                        <circle cx=\"7\" cy=\"18\" r=\"1.5\"><\/circle>\n                        <circle cx=\"18\" cy=\"18\" r=\"1.5\"><\/circle>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u0623\u0633\u0637\u0648\u0644\n                <\/h3>\n\n                <p>\n                    \u062d\u0627\u0641\u0644\u0627\u062a \u0648\u0645\u0631\u0643\u0628\u0627\u062a \u0644\u062e\u062f\u0645\u0629 \u0631\u062d\u0644\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Stations -->\n            <div class=\"school-system-card\">\n\n                <div class=\"school-system-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M6 5h12\"><\/path>\n                        <path d=\"M8 3h8\"><\/path>\n\n                        <rect x=\"6\" y=\"6\" width=\"12\" height=\"15\"><\/rect>\n\n                        <path d=\"M9 9h2\"><\/path>\n                        <path d=\"M13 9h2\"><\/path>\n\n                        <path d=\"M9 12h2\"><\/path>\n                        <path d=\"M13 12h2\"><\/path>\n\n                        <path d=\"M9 15h2\"><\/path>\n                        <path d=\"M13 15h2\"><\/path>\n\n                        <path d=\"M10 21v-3h4v3\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u0645\u062d\u0637\u0627\u062a\n                <\/h3>\n\n                <p>\n                    \u0645\u0631\u0627\u0643\u0632 \u062a\u0634\u063a\u064a\u0644 \u062a\u062f\u0639\u0645 \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062d\u0631\u0643\u0629.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- Maintenance -->\n            <div class=\"school-system-card\">\n\n                <div class=\"school-system-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M14.7 6.3a4 4 0 0 0-5 5L3 18l3 3 6.7-6.7a4 4 0 0 0 5-5l-3 3-3-3z\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    \u0627\u0644\u0635\u064a\u0627\u0646\u0629\n                <\/h3>\n\n                <p>\n                    \u0648\u0631\u0634 \u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0645\u062a\u0646\u0642\u0644\u0629 \u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e6c4f1 e-flex e-con-boxed e-con e-parent\" data-id=\"7e6c4f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04f8c7b elementor-widget elementor-widget-html\" data-id=\"04f8c7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.seitco-growth-section,\n.seitco-growth-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n\n\/* =========================================\n   MAIN SECTION\n========================================= *\/\n\n.seitco-growth-section {\n    --bottom-height: 265px;\n\n    max-width: 1280px;\n    margin: 0 auto;\n\n    padding: 70px 60px 75px;\n\n    border-radius: 35px;\n    overflow: hidden;\n\n    position: relative;\n\n    color: #ffffff;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,0.035) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            rgba(255,255,255,0.035) 1px,\n            transparent 1px\n        ),\n        radial-gradient(\n            circle at 100% 0%,\n            rgba(255,140,35,0.16),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 0% 100%,\n            rgba(255,120,60,0.12),\n            transparent 30%\n        ),\n        linear-gradient(\n            90deg,\n            #30363b 0%,\n            #394046 45%,\n            #32383e 100%\n        );\n\n    background-size:\n        90px 90px,\n        90px 90px,\n        100% 100%,\n        100% 100%,\n        100% 100%;\n}\n\n\n.seitco-growth-layout {\n    width: 100%;\n}\n\n\n\/* =========================================\n   TOP ROW\n========================================= *\/\n\n.seitco-growth-top {\n    display: grid;\n\n    grid-template-columns: 40% 60%;\n\n    gap: 28px;\n\n    align-items: start;\n\n    margin-bottom: 28px;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.seitco-growth-description-wrap {\n    padding-top: 58px;\n}\n\n\n.seitco-growth-description {\n    margin: 0;\n\n    color: rgba(255,255,255,0.95);\n\n    font-size: 14px;\n    line-height: 2;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\n\/* =========================================\n   HEADING AREA\n========================================= *\/\n\n.seitco-growth-heading-wrap {\n    display: flex;\n    flex-direction: column;\n\n    text-align: start;\n}\n\n\n\/* =========================================\n   BADGE\n========================================= *\/\n\n.seitco-growth-badge {\n    display: block;\n\n    align-items: center;\n    justify-content: center;\n\n    width: fit-content;\n\n    padding: 7px 13px;\n\n    margin-bottom: 12px;\n\n    border-radius: 30px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #f54b2d 0%,\n            #ff981c 100%\n        );\n\n    color: #ffffff;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================================\n   TITLE\n========================================= *\/\n\n.seitco-growth-title {\n    width: 100%;\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: 35px;\n    line-height: 1.5;\n\n    font-weight: 700;\n\n    text-align: start;\n}\n\n\n\/* =========================================\n   ORANGE UNDERLINE\n========================================= *\/\n\n.seitco-growth-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n\n.seitco-growth-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 5px;\n\n    background: #f58a20;\n\n    border-radius: 3px;\n\n    z-index: -1;\n}\n\n\n\/* =========================================\n   BOTTOM ROW\n========================================= *\/\n\n.seitco-growth-bottom {\n    display: grid;\n\n    grid-template-columns: 40% 60%;\n\n    gap: 28px;\n\n    align-items: stretch;\n}\n\n\n\/* =========================================\n   FEATURES GRID\n========================================= *\/\n\n.seitco-growth-features {\n    height: var(--bottom-height);\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    grid-template-rows:\n        repeat(2, 1fr);\n\n    column-gap: 12px;\n\n    row-gap: 0;\n}\n\n\n\/* =========================================\n   FEATURE\n========================================= *\/\n\n.seitco-growth-feature {\n    position: relative;\n\n    min-width: 0;\n    height: 100%;\n\n    padding: 6px 8px;\n\n    display: flex;\n    flex-direction: column;\n\n    justify-content: center;\n\n    text-align: start;\n\n    border-top:\n        1px solid rgba(255,255,255,0.78);\n}\n\n\n.seitco-growth-feature:nth-child(3),\n.seitco-growth-feature:nth-child(4) {\n    border-bottom:\n        1px solid rgba(255,255,255,0.78);\n}\n\n\n.seitco-growth-feature h3 {\n    margin: 0 0 5px;\n\n    color: #f38a1d;\n\n    font-size: 16px;\n    line-height: 1.45;\n\n    font-weight: 700;\n\n    text-align: start;\n}\n\n\n.seitco-growth-feature p {\n    margin: 0;\n\n    color: rgba(255,255,255,0.95);\n\n    font-size: 12px;\n    line-height: 1.75;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.seitco-growth-image-wrap {\n    width: 100%;\n\n    height: var(--bottom-height);\n\n    border-radius: 20px;\n\n    overflow: hidden;\n}\n\n\n.seitco-growth-image {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    border-radius: 20px;\n}\n\n\n\/* =========================================\n   ARABIC \/ RTL\n========================================= *\/\n\n\/*\n   Arabic physical layout:\n\n   LEFT  = description \/ features\n   RIGHT = title \/ image\n*\/\n\nhtml[dir=\"rtl\"] .seitco-growth-top,\nhtml[dir=\"rtl\"] .seitco-growth-bottom {\n    direction: ltr;\n}\n\n\n\/* Arabic text *\/\nhtml[dir=\"rtl\"] .seitco-growth-description-wrap,\nhtml[dir=\"rtl\"] .seitco-growth-description,\nhtml[dir=\"rtl\"] .seitco-growth-heading-wrap,\nhtml[dir=\"rtl\"] .seitco-growth-title,\nhtml[dir=\"rtl\"] .seitco-growth-feature,\nhtml[dir=\"rtl\"] .seitco-growth-feature h3,\nhtml[dir=\"rtl\"] .seitco-growth-feature p {\n    direction: rtl;\n    text-align: right;\n}\n\n\n\/* Arabic badge on right *\/\nhtml[dir=\"rtl\"] .seitco-growth-heading-wrap {\n    align-items: flex-end;\n}\n\n\n\/* =========================================\n   ENGLISH \/ LTR\n========================================= *\/\n\n\/*\n   English FLIPS the physical layout:\n\n   LEFT  = title \/ image\n   RIGHT = description \/ features\n*\/\n\nhtml[dir=\"ltr\"] .seitco-growth-top,\nhtml[dir=\"ltr\"] .seitco-growth-bottom {\n    direction: rtl;\n}\n\n\n\/* English text remains LTR *\/\nhtml[dir=\"ltr\"] .seitco-growth-description-wrap,\nhtml[dir=\"ltr\"] .seitco-growth-description,\nhtml[dir=\"ltr\"] .seitco-growth-heading-wrap,\nhtml[dir=\"ltr\"] .seitco-growth-title,\nhtml[dir=\"ltr\"] .seitco-growth-feature,\nhtml[dir=\"ltr\"] .seitco-growth-feature h3,\nhtml[dir=\"ltr\"] .seitco-growth-feature p {\n    direction: ltr;\n    text-align: left;\n}\n\n\n\/* English badge on left *\/\nhtml[dir=\"ltr\"] .seitco-growth-heading-wrap {\n    align-items: flex-start;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1024px) {\n\n    .seitco-growth-section {\n        --bottom-height: 245px;\n\n        padding: 40px 24px 45px;\n    }\n\n\n    .seitco-growth-top,\n    .seitco-growth-bottom {\n        grid-template-columns: 40% 60%;\n\n        gap: 20px;\n    }\n\n\n    .seitco-growth-title {\n        font-size: 29px;\n    }\n\n\n    .seitco-growth-description {\n        font-size: 11px;\n    }\n\n\n    .seitco-growth-feature h3 {\n        font-size: 14px;\n    }\n\n\n    .seitco-growth-feature p {\n        font-size: 9.5px;\n    }\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .seitco-growth-section {\n        --bottom-height: auto;\n\n        padding: 30px 12px 35px;\n\n        border-radius: 28px;\n\n        background-size:\n            65px 65px,\n            65px 65px,\n            100% 100%,\n            100% 100%,\n            100% 100%;\n    }\n\n\n    \/*\n       Reset grid direction on mobile.\n       Everything becomes one column.\n    *\/\n\n    html[dir=\"rtl\"] .seitco-growth-top,\n    html[dir=\"rtl\"] .seitco-growth-bottom,\n    html[dir=\"ltr\"] .seitco-growth-top,\n    html[dir=\"ltr\"] .seitco-growth-bottom {\n        direction: ltr;\n    }\n\n\n    \/* TOP STACK *\/\n\n    .seitco-growth-top {\n        grid-template-columns: 1fr;\n\n        gap: 12px;\n\n        margin-bottom: 18px;\n    }\n\n\n    .seitco-growth-heading-wrap {\n        order: 1;\n    }\n\n\n    .seitco-growth-description-wrap {\n        order: 2;\n\n        padding-top: 0;\n    }\n\n\n    .seitco-growth-title {\n        font-size: 22px;\n\n        line-height: 1.6;\n    }\n\n\n    .seitco-growth-highlight::after {\n        height: 4px;\n\n        bottom: 3px;\n    }\n\n\n    .seitco-growth-badge {\n        font-size: 10px;\n\n        padding: 6px 10px;\n    }\n\n\n    .seitco-growth-description {\n        font-size: 12px;\n\n        line-height: 1.85;\n    }\n\n\n    \/* BOTTOM STACK *\/\n\n    .seitco-growth-bottom {\n        grid-template-columns: 1fr;\n\n        gap: 14px;\n    }\n\n\n    \/* Image first *\/\n    .seitco-growth-image-wrap {\n        order: 1;\n\n        width: 100%;\n\n        height: auto;\n\n        border-radius: 14px;\n\n        overflow: hidden;\n    }\n\n\n    .seitco-growth-image {\n        width: 100%;\n\n        height: auto;\n\n        aspect-ratio: 16 \/ 9;\n\n        object-fit: cover;\n\n        border-radius: 14px;\n    }\n\n\n    \/* Features after image *\/\n    .seitco-growth-features {\n        order: 2;\n\n        height: auto;\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        grid-template-rows:\n            repeat(2, minmax(82px, auto));\n\n        column-gap: 10px;\n\n        row-gap: 0;\n    }\n\n\n    .seitco-growth-feature {\n        min-height: 82px;\n\n        padding: 6px 4px;\n    }\n\n\n    .seitco-growth-feature h3 {\n        font-size: 12px;\n\n        margin-bottom: 4px;\n    }\n\n\n    .seitco-growth-feature p {\n        font-size: 12px;\n\n        line-height: 1.65;\n    }\n\n\n    \/* Arabic mobile badge *\/\n    html[dir=\"rtl\"] .seitco-growth-heading-wrap {\n        align-items: flex-end;\n    }\n\n\n    \/* English mobile badge *\/\n    html[dir=\"ltr\"] .seitco-growth-heading-wrap {\n        align-items: flex-start;\n    }\n}\n\n\n\n\n<\/style>\n\n\n<section class=\"seitco-growth-section\">\n\n    <div class=\"seitco-growth-layout\">\n\n\n        <!-- =========================\n             TOP ROW\n        ========================== -->\n\n        <div class=\"seitco-growth-top\">\n\n\n            <!-- DESCRIPTION -->\n            <div class=\"seitco-growth-description-wrap\">\n\n                <p class=\"seitco-growth-description\">\n\n                    \u062a\u0638\u0647\u0631 \u0633\u064a\u062a\u0643\u0648 \u0644\u0644\u0645\u062f\u0631\u0633\u0629 \u0643\u0645\u0627 \u0647\u064a\u061b \u0634\u0631\u0643\u0629 \u0646\u0642\u0644 \u0645\u062a\u0643\u0627\u0645\u0644 \u0630\u0627\u062a\n                    \u062c\u0630\u0648\u0631 \u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0642\u062f\u0631\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629\n                    \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0645\u0639 \u062d\u0644\u0648\u0644 \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645\n                    \u062e\u062f\u0645\u0629 \u0646\u0642\u0644 \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u064b\u0627 \u0648\u062a\u0646\u0638\u064a\u0645\u064b\u0627.\n\n                <\/p>\n\n            <\/div>\n\n\n            <!-- TITLE -->\n            <div class=\"seitco-growth-heading-wrap\">\n\n\n             \n\n\n                <h2 class=\"seitco-growth-title\">\n   <div class=\"seitco-growth-badge\">\n\n                    \u0647\u0648\u064a\u0629 \u0642\u0627\u0626\u0645\u0629... \u0648\u062a\u0648\u0633\u0639 \u0645\u062f\u0631\u0648\u0633\n\n                <\/div>\n                    \u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0642\u0637\u0627\u0639\n\n                    <span class=\"seitco-growth-highlight\">\n                        \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u0623\u0647\u0644\u064a\u0629\n                    <\/span>\n\n              \n\n                    \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0645\u062a\u062f\u0627\u062f \u0637\u0628\u064a\u0639\u064a \u0644\u062e\u0628\u0631\u0629 \u0633\u064a\u062a\u0643\u0648\n\n                <\/h2>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =========================\n             BOTTOM ROW\n        ========================== -->\n\n        <div class=\"seitco-growth-bottom\">\n\n\n            <!-- FEATURES -->\n            <div class=\"seitco-growth-features\">\n\n\n                <div class=\"seitco-growth-feature\">\n\n                    <h3>\n                        \u062a\u0634\u063a\u064a\u0644\n                    <\/h3>\n\n                    <p>\n                        \u062e\u0628\u0631\u0629 \u0641\u064a \u0628\u064a\u0626\u0627\u062a \u062a\u062a\u0637\u0644\u0628\n                        \u0627\u0644\u062a\u0632\u0627\u0645\u064b\u0627 \u064a\u0648\u0645\u064a\u064b\u0627.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"seitco-growth-feature\">\n\n                    <h3>\n                        \u062a\u0627\u0631\u064a\u062e\n                    <\/h3>\n\n                    <p>\n                        \u062a\u0623\u0633\u064a\u0633 \u0648\u0634\u0631\u0627\u0643\u0629 \u0645\u0624\u0633\u0633\u064a\u0629\n                        \u0648\u0627\u0636\u062d\u0629.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"seitco-growth-feature\">\n\n                    <h3>\n                        \u062a\u062c\u0631\u0628\u0629\n                    <\/h3>\n\n                    <p>\n                        \u0642\u064a\u0645\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0644\u0645\u062f\u0631\u0633\u0629\n                        \u0648\u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"seitco-growth-feature\">\n\n                    <h3>\n                        \u0623\u0635\u0648\u0644\n                    <\/h3>\n\n                    <p>\n                        \u0623\u0633\u0637\u0648\u0644 \u0648\u0645\u062d\u0637\u0627\u062a \u0648\u0635\u064a\u0627\u0646\u0629\n                        \u0648\u0641\u0631\u0642 \u062a\u0634\u063a\u064a\u0644.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- IMAGE -->\n            <div class=\"seitco-growth-image-wrap\">\n\n                <img decoding=\"async\"\n                    class=\"seitco-growth-image\"\n                    src=\"https:\/\/seitco.com.sa\/wp-content\/uploads\/2026\/08\/image-1b.png\"\n                    alt=\"\u062d\u0627\u0641\u0644\u0629 \u0645\u062f\u0631\u0633\u064a\u0629\"\n                >\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab1ba0c e-flex e-con-boxed e-con e-parent\" data-id=\"ab1ba0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-301323f elementor-widget elementor-widget-spacer\" data-id=\"301323f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87b082c elementor-widget elementor-widget-html\" data-id=\"87b082c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n.seitco-parent-section,\n.seitco-parent-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n\n\n@keyframes seitcoFloat {\n    0%,\n    100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-8px);\n    }\n}\n\n.seitco-benefit {\n    animation: seitcoFloat 4s ease-in-out infinite;\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease,\n        background 0.3s ease;\n}\n\n.seitco-benefit-parents {\n    animation-delay: 0s;\n}\n\n.seitco-benefit-admin {\n    animation-delay: 0.8s;\n}\n\n.seitco-benefit-operation {\n    animation-delay: 1.6s;\n}\n\n\n\/* =========================================\n   HOVER EFFECT\n========================================= *\/\n\n.seitco-benefit:hover {\n    animation-play-state: paused;\n\n    transform: translateY(-10px) scale(1.025);\n\n    box-shadow:\n        0 15px 35px rgba(0,0,0,0.14);\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,0.96),\n            rgba(225,225,225,0.93)\n        );\n}\n\n\n.seitco-benefit-icon {\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n\n.seitco-benefit:hover .seitco-benefit-icon {\n    transform: scale(1.1);\n\n    box-shadow:\n        0 6px 18px rgba(247,161,51,0.30);\n}\n\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n\n    .seitco-benefit {\n        animation: none;\n    }\n\n    .seitco-benefit:hover {\n        transform: none;\n    }\n}\n\n\n\/* =========================================\n   MAIN SECTION\n========================================= *\/\n\n.seitco-parent-section {\n    width: 100%;\n    max-width: 1280px;\n\n    margin: 0 auto;\n\n    padding: 38px 40px 45px;\n\n    background: #ffffff;\n\n    color: #282828;\n\n    \/* Do NOT force RTL *\/\n    text-align: start;\n}\n\n\n\n\n.seitco-parent-top {\n    position: relative;\n\n    text-align: start;\n\n    padding-top: 4px;\n}\n\n\n\/* =========================================\n   BADGE\n========================================= *\/\n\n.seitco-parent-badge {\n    position: absolute;\n\n \n    inset-inline-end: 0;\n    top: 0;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: fit-content;\n\n    padding: 8px 14px;\n\n    border: 1px solid #efc18f;\n    border-radius: 30px;\n\n    background: #fff9f3;\n\n    color: #aa560e;\n\n    font-size: 10px;\n    font-weight: 600;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================================\n   TITLE\n========================================= *\/\n\n.seitco-parent-title {\n    max-width: 760px;\n\n    margin-block-start: 0;\n    margin-block-end: 12px;\n\n    \/*\n       Push title to the START side:\n       Arabic = right\n       English = left\n    *\/\n    margin-inline-start: 0;\n    margin-inline-end: auto;\n\n    color: #282828;\n\n    font-size: 35px;\n    line-height: 1.42;\n\n    font-weight: 800;\n\n    text-align: start;\n}\n\n\n\/* =========================================\n   ORANGE UNDERLINE\n========================================= *\/\n\n.seitco-parent-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n\n.seitco-parent-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 5px;\n\n    background: #f58a20;\n\n    border-radius: 3px;\n\n    z-index: -1;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.seitco-parent-description {\n    max-width: 770px;\n\n    margin-block-start: 0;\n    margin-block-end: 32px;\n\n    margin-inline-start: 0;\n    margin-inline-end: auto;\n\n    color: #858585;\n\n    font-size: 15px;\n    line-height: 1.9;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\n\/* =========================================\n   IMAGE AREA\n========================================= *\/\n\n.seitco-parent-visual {\n    position: relative;\n\n    width: 100%;\n\n    min-height: 500px;\n\n    border-radius: 28px;\n\n    overflow: hidden;\n\n    background: #efefef;\n}\n\n\n\/* Image *\/\n\n.seitco-parent-image {\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    display: block;\n}\n\n\n\/* Soft wash *\/\n.seitco-parent-visual::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,0.12),\n            rgba(255,255,255,0.02)\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   FLOATING CARDS\n========================================= *\/\n\n.seitco-benefit {\n    position: absolute;\n\n    z-index: 3;\n\n    display: flex;\n    align-items: center;\n\n    gap: 14px;\n\n    min-height: 70px;\n\n    padding: 12px 16px;\n\n    border: 1px solid rgba(190,190,190,0.45);\n\n    border-radius: 16px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(245,245,245,0.91),\n            rgba(215,215,215,0.86)\n        );\n\n    box-shadow:\n        0 8px 25px rgba(0,0,0,0.05);\n\n    backdrop-filter: blur(9px);\n    -webkit-backdrop-filter: blur(9px);\n}\n\n\n\/* Icon *\/\n\n.seitco-benefit-icon {\n    flex: 0 0 45px;\n\n    width: 45px;\n    height: 45px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    background: #f7a133;\n\n    color: #ffffff;\n}\n\n\n.seitco-benefit-icon svg {\n    width: 26px;\n    height: 26px;\n\n    stroke: currentColor;\n    fill: none;\n\n    stroke-width: 2.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================\n   CARD TEXT\n========================================= *\/\n\n.seitco-benefit-content {\n    flex: 1;\n\n    text-align: start;\n}\n\n\n.seitco-benefit h3 {\n    margin: 0 0 3px;\n\n    color: #353535;\n\n    font-size: 15px;\n    line-height: 1.5;\n\n    font-weight: 700;\n\n    text-align: start;\n}\n\n\n.seitco-benefit p {\n    margin: 0;\n\n    color: #555555;\n\n    font-size: 13px;\n    line-height: 1.7;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\n\/* =========================================\n   CARD POSITIONS\n========================================= *\/\n\n\/* Top-right *\/\n.seitco-benefit-parents {\n    top: 46px;\n    right: 35px;\n\n    width: 38%;\n}\n\n\n\/* Middle-left *\/\n.seitco-benefit-admin {\n    top: 52%;\n    left: 55px;\n\n    transform: translateY(-50%);\n\n    width: 38%;\n}\n\n\n\/* Bottom-right *\/\n.seitco-benefit-operation {\n    right: 80px;\n    bottom: 48px;\n\n    width: 39%;\n}\n\n\n\/* =========================================\n   RTL \/ ARABIC\n========================================= *\/\n\nhtml[dir=\"rtl\"] .seitco-parent-section,\nhtml[dir=\"rtl\"] .seitco-parent-top,\nhtml[dir=\"rtl\"] .seitco-parent-title,\nhtml[dir=\"rtl\"] .seitco-parent-description,\nhtml[dir=\"rtl\"] .seitco-benefit-content,\nhtml[dir=\"rtl\"] .seitco-benefit h3,\nhtml[dir=\"rtl\"] .seitco-benefit p {\n    direction: rtl;\n    text-align: right;\n}\n\n\n\/* =========================================\n   LTR \/ ENGLISH\n========================================= *\/\n\nhtml[dir=\"ltr\"] .seitco-parent-section,\nhtml[dir=\"ltr\"] .seitco-parent-top,\nhtml[dir=\"ltr\"] .seitco-parent-title,\nhtml[dir=\"ltr\"] .seitco-parent-description,\nhtml[dir=\"ltr\"] .seitco-benefit-content,\nhtml[dir=\"ltr\"] .seitco-benefit h3,\nhtml[dir=\"ltr\"] .seitco-benefit p {\n    direction: ltr;\n    text-align: left;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .seitco-parent-section {\n        padding: 32px 24px 38px;\n    }\n\n    .seitco-parent-title {\n        font-size: 20px;\n    }\n\n    .seitco-parent-description {\n        font-size: 11.5px;\n    }\n\n    \/* Give the visual a real height *\/\n    .seitco-parent-visual {\n        min-height: 430px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Force image to cover whole visual *\/\n    .seitco-parent-image {\n        position: absolute;\n        inset: 0;\n\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n        object-position: center;\n\n        display: block;\n    }\n\n    .seitco-benefit {\n        width: 43%;\n    }\n\n    .seitco-benefit h3 {\n        font-size: 13px;\n    }\n\n    .seitco-benefit p {\n        font-size: 9.5px;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n    .seitco-parent-section {\n        padding: 24px 12px 30px;\n    }\n\n    .seitco-parent-top {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .seitco-parent-badge {\n        position: static;\n\n        align-self: flex-start;\n\n        font-size: 9px;\n        padding: 6px 10px;\n\n        margin-bottom: 12px;\n    }\n\n    .seitco-parent-title {\n        max-width: 100%;\n\n        margin: 0 0 10px;\n\n        font-size: 18px;\n        line-height: 1.55;\n    }\n\n    .seitco-parent-highlight::after {\n        height: 4px;\n        bottom: 4px;\n    }\n\n    .seitco-parent-description {\n        max-width: 100%;\n\n        margin: 0 0 20px;\n\n        font-size: 12px;\n        line-height: 1.85;\n    }\n\n\n    \/* Visual container *\/\n    .seitco-parent-visual {\n        position: relative;\n\n        \/* Important: real height for image *\/\n        min-height: 40px;\n\n        padding: 15px;\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        gap: 10px;\n\n        border-radius: 20px;\n\n        overflow: hidden;\n    }\n\n\n    \/* Full background image *\/\n    .seitco-parent-image {\n        position: absolute;\n\n        inset: 0;\n\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n        object-position: center;\n\n        border-radius: inherit;\n\n        display: block;\n\n        z-index: 0;\n    }\n\n\n    \/* Overlay must stay over image but under cards *\/\n    .seitco-parent-visual::after {\n        z-index: 1;\n    }\n\n\n    \/* Cards *\/\n    .seitco-benefit {\n        position: relative;\n\n        z-index: 3;\n\n        top: auto;\n        right: auto;\n        left: auto;\n        bottom: auto;\n\n        transform: none;\n\n        width: 100%;\n\n        min-height: 120px;\n\n        padding: 10px;\n\n        flex-direction: column;\n\n        justify-content: center;\n\n        text-align: center;\n    }\n\n    .seitco-benefit-content,\n    .seitco-benefit h3,\n    .seitco-benefit p {\n        text-align: center !important;\n    }\n\n    .seitco-benefit-operation {\n        grid-column: 1 \/ -1;\n\n        width: 50%;\n\n        justify-self: center;\n    }\n\n    .seitco-benefit-icon {\n        width: 36px;\n        height: 36px;\n\n        flex-basis: 36px;\n    }\n\n    .seitco-benefit-icon svg {\n        width: 21px;\n        height: 21px;\n    }\n\n    .seitco-benefit h3 {\n        font-size: 11px;\n    }\n\n    .seitco-benefit p {\n        font-size: 11px;\n    }\n}\n\n\n<\/style>\n\n\n<section class=\"seitco-parent-section\">\n\n    <!-- TOP -->\n    <div class=\"seitco-parent-top\">\n\n\n        <div class=\"seitco-parent-badge\">\n            \u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u064a\u0648\u0645\u061f\n        <\/div>\n\n\n        <h2 class=\"seitco-parent-title\">\n\u0631\u062d\u0644\u0629 \u0627\u0644\u0637\u0627\u0644\u0628 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0628\u0646\u064a\u0647\u0627 \u0645\u062f\u0631\u0633\u062a\u0643 \n            <span class=\"seitco-parent-highlight\">\n              \u0623\u0645\u0627\u0645 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631\n            <\/span>\n        <\/h2>\n\n\n        <p class=\"seitco-parent-description\">\n\n            \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u064a\u0628\u062d\u062b \u0639\u0646 \u0634\u0631\u064a\u0643 \u064a\u0641\u0647\u0645 \u062a\u062c\u0631\u0628\u0629 \u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631\u060c \u064a\u0631\u0641\u0639 \u0627\u0644\u062b\u0642\u0629\u060c\n            \u064a\u0642\u0644\u0644 \u0627\u0644\u0634\u0643\u0627\u0648\u0649\u060c \u0648\u064a\u062c\u0639\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u0646\u0642\u0644 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062f\u0631\u0633\u0629\n            \u0648\u0642\u064a\u0645\u062a\u0647\u0627 \u0623\u0645\u0627\u0645 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631.\n\n        <\/p>\n\n\n    <\/div>\n\n\n    <!-- VISUAL -->\n    <div class=\"seitco-parent-visual\">\n\n\n        <img decoding=\"async\"\n            class=\"seitco-parent-image\"\n            src=\"https:\/\/seitco.com.sa\/wp-content\/uploads\/2026\/08\/image-6.jpg\"\n            alt=\"services\"\n        >\n\n\n        <!-- CARD 1 -->\n        <div class=\"seitco-benefit seitco-benefit-parents\">\n\n\n            <div class=\"seitco-benefit-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M5 12l4 4L19 6\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"seitco-benefit-content\">\n\n                <h3>\n                    \u0631\u0641\u0639 \u0631\u0636\u0627 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631\n                <\/h3>\n\n                <p>\n                    \u0625\u0634\u0639\u0627\u0631\u0627\u062a\u060c \u062a\u062a\u0628\u0639\u060c \u0648\u0648\u0636\u0648\u062d \u0643\u0627\u0645\u0644 \u0641\u064a \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- CARD 2 -->\n        <div class=\"seitco-benefit seitco-benefit-admin\">\n\n\n            <div class=\"seitco-benefit-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M5 12l4 4L19 6\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"seitco-benefit-content\">\n\n                <h3>\n                    \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0639\u0628\u0621 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\n                <\/h3>\n\n                <p>\n                    \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0644\u0644\u0631\u062d\u0644\u0627\u062a\u060c \u0627\u0644\u0637\u0644\u0628\u0627\u062a\u060c \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062d\u0648\u0627\u062f\u062b.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- CARD 3 -->\n        <div class=\"seitco-benefit seitco-benefit-operation\">\n\n\n            <div class=\"seitco-benefit-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M5 12l4 4L19 6\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"seitco-benefit-content\">\n\n                <h3>\n                    \u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\n                <\/h3>\n\n                <p>\n                    \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a\u060c \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u062f\u0627\u0621.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29cd25f e-flex e-con-boxed e-con e-parent\" data-id=\"29cd25f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-473ad15 elementor-widget elementor-widget-html\" data-id=\"473ad15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n.student-journey-section,\n.student-journey-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n.student-journey-section {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 28px 32px 36px;\n    background: #ffffff;\n    text-align: center;\n}\nhtml[dir=\"ltr\"] .student-journey-arrow {\n    display: none !important;\n}\n\n\/* =========================\n   BADGE\n========================= *\/\n\n.student-journey-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 8px 15px;\n\n    border: 1px solid #f0c18e;\n    border-radius: 30px;\n\n    background: #fffaf5;\n\n    color: #ad5b0f;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    margin-bottom: 16px;\n}\n\n\n\/* =========================\n   TITLE\n========================= *\/\n\n.student-journey-title {\n    margin: 0 auto 38px;\n    max-width: 820px;\n\n    color: #282828;\n\n    font-size: 35px;\n    line-height: 1.5;\n\n    font-weight: 800;width:60%;\n\n    text-align: center;\n}\n\n\n\/* Highlight only around the words *\/\n.student-journey-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n\n.student-journey-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 5px;\n\n    background: #f58a20;\n\n    border-radius: 3px;\n\n    z-index: -1;\n}\n\n\n\/* =========================\n   JOURNEY GRID\n========================= *\/\n\n.student-journey-grid {\n    display: grid;\n\n    grid-template-columns: repeat(5, minmax(0, 6fr));\n\n    gap: 12px;\n\n    align-items: stretch;\n}\n\n\n\/* =========================\n   CARD\n========================= *\/\n\n.student-journey-card {\n    position: relative;\n\n    min-height: 110px;\n\n    \/*padding: 18px 14px 16px;*\/\n\n    border: 1px solid #ececec;\n    border-radius: 16px;\n\n    background: #ffffff;\n\n    box-shadow: 0 6px 18px rgba(0,0,0,0.02);\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n\n    text-align: center;\n\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        border-color 0.35s ease;\n}\n\n\n\/* Hover *\/\n.student-journey-card:hover {\n    transform: translateY(-5px);\n\n    border-color: rgba(245,138,32,0.30);\n\n    box-shadow:\n        0 12px 25px rgba(0,0,0,0.06),\n        0 6px 15px rgba(245,138,32,0.06);\n}\n\n\n\/* Number *\/\n.student-journey-number {\n    width: 38px;\n    height: 38px;\n    margin-top:20px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n\n    margin-bottom: 10px;\n\n    color: #ffffff;\n\n    font-size: 14px;\n    font-weight: 700;\n\n    background: #26282a;\n}\n\n\n.student-journey-card.orange .student-journey-number {\n    background:\n        linear-gradient(\n            135deg,\n            #f54a2c 0%,\n            #ff991c 100%\n        );\n}\n\n\n\/* Card title *\/\n.student-journey-card h3 {\n    margin: 0 0 6px ;\n\n    color: #303030;\n\n    font-size: 15px;\n    line-height: 1.5;\n\n    font-weight: 700;\n\n    text-align: center;\n}\n\n\n\/* Card paragraph *\/\n.student-journey-card p {\n    margin: 0;\n\n    color: #858585;\n\n    font-size: 14px;\n    line-height: 1.75;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\n\n\/* =========================\n   ARABIC \/ RTL\n========================= *\/\n\nhtml[dir=\"rtl\"] .student-journey-grid {\n    direction: rtl;\n}\n\n\n\/* Arrow connects toward next RTL card *\/\nhtml[dir=\"rtl\"] .student-journey-arrow {\n    left: -28px;\n    right: auto;\n}\n\n\n\/* =========================\n   ENGLISH \/ LTR\n========================= *\/\n\nhtml[dir=\"ltr\"] .student-journey-grid {\n    direction: ltr;\n}\n\n\n\/* Move arrow to opposite side *\/\nhtml[dir=\"ltr\"] .student-journey-arrow {\n    right: -28px;\n    left: auto;\n\n    transform: scaleX(-1);\n}\n\n\n\/* Hide arrow after last card *\/\n.student-journey-card:last-child .student-journey-arrow {\n    display: none;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .student-journey-section {\n        padding: 26px 22px 32px;\n    }\n\n    .student-journey-title {\n        font-size: 30px;\n    }\n\n    .student-journey-grid {\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        gap: 12px;\n    }\n\n    .student-journey-arrow {\n        display: none;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n    .student-journey-section {\n        padding: 22px 12px 28px;\n    }\n\n    .student-journey-badge {\n        font-size: 11px;\n\n        padding: 7px 11px;\n\n        margin-bottom: 12px;\n    }\n\n    .student-journey-title {\n        font-size:18px;\n\n        line-height: 1.6;\n\n        margin-bottom: 24px;\n    }\n\n    .student-journey-highlight::after {\n        height: 4px;\n\n        bottom: 4px;\n    }\n\n    .student-journey-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 10px;\n    }\n\n    .student-journey-card {\n        min-height: 125px;\n\n        padding: 14px 9px 13px;\n\n        border-radius: 14px;\n    }\n\n    .student-journey-number {\n        width: 32px;\n        height: 32px;\n\n        font-size: 10px;\n\n        margin-bottom: 8px;\n    }\n\n    .student-journey-card h3 {\n        font-size: 12px;\n\n        margin-bottom: 5px;\n    }\n\n    .student-journey-card p {\n        font-size:11px;\n\n        line-height: 1.65;\n    }\n\n    \/* Last card centered *\/\n    .student-journey-card:last-child {\n        grid-column: 1 \/ -1;\n\n        width: calc(50% - 5px);\n\n        justify-self: center;\n    }\n}\n\n\n\n\n\n\/* Disable hover movement on touch devices *\/\n@media (hover: none) {\n\n    .student-journey-card:hover {\n        transform: none;\n\n        border-color: #ececec;\n\n        box-shadow: 0 6px 18px rgba(0,0,0,0.02);\n    }\n}\n\n<\/style>\n\n\n<section class=\"student-journey-section\">\n\n    <div class=\"student-journey-badge\">\n        \u0631\u062d\u0644\u0629 \u0627\u0644\u0637\u0627\u0644\u0628 \u0627\u0644\u0630\u0643\u064a\u0629\n    <\/div>\n\n\n    <h2 class=\"student-journey-title\">\n\n        \u0627\u0644\u0637\u0627\u0644\u0628 \u064a\u062a\u062d\u0631\u0643 \u0628\u0623\u0645\u0627\u0646\u060c \u0648\u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631 \u064a\u0628\u0642\u0649 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639\u060c \u0648\u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u062a\u0631\u0649 \n\n        <span class=\"student-journey-highlight\">\n           \u0627\u0644\u0635\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629\n        <\/span>\n\n\n        <br>\n\n        \n\n    <\/h2>\n\n\n    <div class=\"student-journey-grid\">\n\n\n        <!-- STEP 1 -->\n        <div class=\"student-journey-card\">\n\n            <div class=\"student-journey-number\">\n                1\n            <\/div>\n\n            <h3>\n                \u0642\u0628\u0644 \u0627\u0644\u0648\u0635\u0648\u0644\n            <\/h3>\n\n            <p>\n                \u0625\u0634\u0639\u0627\u0631 \u0644\u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631 \u0628\u0648\u0642\u062a \u0648\u0635\u0648\u0644 \u0627\u0644\u062d\u0627\u0641\u0644\u0629.\n            <\/p>\n\n            <div class=\"student-journey-arrow\">\n\n                <svg viewBox=\"0 0 60 40\">\n\n                    <path d=\"M55 8 C40 7, 32 12, 25 22 C18 31, 10 30, 4 28\"><\/path>\n\n                    <path d=\"M8 23 L3 28 L9 31\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 2 -->\n        <div class=\"student-journey-card orange\">\n\n            <div class=\"student-journey-number\">\n                2\n            <\/div>\n\n            <h3>\n                \u0627\u0644\u0635\u0639\u0648\u062f\n            <\/h3>\n\n            <p>\n                \u062a\u0623\u0643\u064a\u062f \u0635\u0639\u0648\u062f \u0627\u0644\u0637\u0627\u0644\u0628 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062d\u0627\u0644\u0629.\n            <\/p>\n\n            <div class=\"student-journey-arrow\">\n\n                <svg viewBox=\"0 0 60 40\">\n\n                    <path d=\"M55 8 C40 7, 32 12, 25 22 C18 31, 10 30, 4 28\"><\/path>\n\n                    <path d=\"M8 23 L3 28 L9 31\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 3 -->\n        <div class=\"student-journey-card\">\n\n            <div class=\"student-journey-number\">\n                3\n            <\/div>\n\n            <h3>\n                \u0627\u0644\u062a\u062a\u0628\u0639\n            <\/h3>\n\n            <p>\n                \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062d\u0627\u0641\u0644\u0629.\n            <\/p>\n\n            <div class=\"student-journey-arrow\">\n\n                <svg viewBox=\"0 0 60 40\">\n\n                    <path d=\"M55 8 C40 7, 32 12, 25 22 C18 31, 10 30, 4 28\"><\/path>\n\n                    <path d=\"M8 23 L3 28 L9 31\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 4 -->\n        <div class=\"student-journey-card orange\">\n\n            <div class=\"student-journey-number\">\n                4\n            <\/div>\n\n            <h3>\n                \u0627\u0644\u0648\u0635\u0648\u0644\n            <\/h3>\n\n            <p>\n                \u0625\u0634\u0639\u0627\u0631 \u0641\u0648\u0631\u064a \u0639\u0646\u062f \u0648\u0635\u0648\u0644 \u0627\u0644\u0637\u0627\u0644\u0628.\n            <\/p>\n\n            <div class=\"student-journey-arrow\">\n\n                <svg viewBox=\"0 0 60 40\">\n\n                    <path d=\"M55 8 C40 7, 32 12, 25 22 C18 31, 10 30, 4 28\"><\/path>\n\n                    <path d=\"M8 23 L3 28 L9 31\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 5 -->\n        <div class=\"student-journey-card\">\n\n            <div class=\"student-journey-number\">\n                5\n            <\/div>\n\n            <h3>\n                \u0627\u0644\u0639\u0648\u062f\u0629\n            <\/h3>\n\n            <p>\n                \u0625\u062f\u0627\u0631\u0629 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0648\u062f\u0629 \u0628\u0646\u0641\u0633 \u0627\u0644\u062a\u062c\u0631\u0628\u0629.\n            <\/p>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef23e2d elementor-widget elementor-widget-spacer\" data-id=\"ef23e2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da28508 e-flex e-con-boxed e-con e-parent\" data-id=\"da28508\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-043d294 elementor-widget elementor-widget-html\" data-id=\"043d294\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n.seitco-stats-section,\n.seitco-stats-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n\n\/* ====================================\n   MAIN SECTION\n==================================== *\/\n\n.seitco-stats-section {\n    max-width: 1280px;\n    margin: 0 auto;\n\n    padding: 46px 42px 50px;\n\n    border-radius: 35px;\n    overflow: hidden;\n\n    color: #fff;\n\n    \/* Do NOT force RTL *\/\n    text-align: start;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,0.03) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            rgba(255,255,255,0.03) 1px,\n            transparent 1px\n        ),\n        radial-gradient(\n            circle at 100% 0%,\n            rgba(165,95,35,0.20),\n            transparent 30%\n        ),\n        linear-gradient(\n            90deg,\n            #30363b 0%,\n            #3b4044 55%,\n            #34383b 100%\n        );\n\n    background-size:\n        95px 95px,\n        95px 95px,\n        100% 100%,\n        100% 100%;\n}\n\n\n\/* ====================================\n   TOP ROW\n==================================== *\/\n\n.seitco-stats-top {\n    display: grid;\n\n    grid-template-columns: 1fr auto;\n\n    gap: 24px;\n\n    align-items: start;\n\n    margin-bottom: 34px;\n}\n\n\n\/* ====================================\n   HEADING\n==================================== *\/\n\n.seitco-stats-heading {\n    margin: 0;\n\n    max-width: 700px;\n\n    color: #ffffff;\n\n    font-size: 35px;\n    line-height: 1.45;\n\n    font-weight: 700;\n\n    text-align: start;\n}\n\n\n\/* ====================================\n   ORANGE UNDERLINE\n==================================== *\/\n\n.seitco-stats-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n\n.seitco-stats-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 5px;\n\n    background: #f58a20;\n\n    border-radius: 3px;\n\n    z-index: -1;\n}\n\n\n\/* ====================================\n   LABEL\n==================================== *\/\n\n.seitco-stats-label {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: fit-content;\n\n    padding: 8px 14px;\n\n    border: 1px solid #efbd89;\n    border-radius: 30px;\n\n    background: #fff8ef;\n\n    color: #aa570f;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    white-space: nowrap;\n}\n\n\n\/* ====================================\n   STATS GRID\n==================================== *\/\n\n.seitco-stats-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 20px;\n}\n\n\n\/* ====================================\n   INDIVIDUAL STAT\n==================================== *\/\n\n.seitco-stat {\n    text-align: start;\n\n    padding-top: 16px;\n\n    border-top:\n        1px dashed rgba(255,255,255,0.65);\n}\n\n\n\/* Number *\/\n\n.seitco-stat-number {\n    margin-bottom: 8px;\n\n    color: #f58a20;\n\n    font-size: 30px;\n    line-height: 1.2;\n\n    font-weight: 700;\n\n    \/*\n       Numbers should remain LTR\n       in both Arabic and English\n    *\/\n    direction: ltr;\n\n    display: inline-block;\n\n    font-variant-numeric: tabular-nums;\n}\n\n\n\/* Description *\/\n\n.seitco-stat-text {\n    margin: 0;\n\n    color: rgba(255,255,255,0.92);\n\n    font-size: 11px;\n    line-height: 1.9;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\n\/* ====================================\n   ARABIC \/ RTL\n==================================== *\/\n\nhtml[dir=\"rtl\"] .seitco-stats-section,\nhtml[dir=\"rtl\"] .seitco-stats-heading,\nhtml[dir=\"rtl\"] .seitco-stat,\nhtml[dir=\"rtl\"] .seitco-stat-text {\n    direction: rtl;\n    text-align: right;\n}\n\n\n\/* ====================================\n   ENGLISH \/ LTR\n==================================== *\/\n\nhtml[dir=\"ltr\"] .seitco-stats-section,\nhtml[dir=\"ltr\"] .seitco-stats-heading,\nhtml[dir=\"ltr\"] .seitco-stat,\nhtml[dir=\"ltr\"] .seitco-stat-text {\n    direction: ltr;\n    text-align: left;\n}\n\n\n\/* Numbers always LTR *\/\nhtml[dir=\"rtl\"] .seitco-stat-number,\nhtml[dir=\"ltr\"] .seitco-stat-number {\n    direction: ltr;\n}\n\n\n\/* ====================================\n   TABLET\n==================================== *\/\n\n@media (max-width: 1024px) {\n\n    .seitco-stats-section {\n        padding: 38px 26px 42px;\n    }\n\n    .seitco-stats-heading {\n        font-size: 29px;\n    }\n\n    .seitco-stats-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 24px 18px;\n    }\n\n    .seitco-stat-number {\n        font-size: 26px;\n    }\n\n    .seitco-stat-text {\n        font-size: 10px;\n    }\n}\n\n\n\/* ====================================\n   MOBILE\n==================================== *\/\n\n@media (max-width: 767px) {\n\n    .seitco-stats-section {\n        padding: 28px 14px 32px;\n\n        border-radius: 28px;\n\n        background-size:\n            70px 70px,\n            70px 70px,\n            100% 100%,\n            100% 100%;\n    }\n\n\n    .seitco-stats-top {\n        grid-template-columns: 1fr;\n\n        gap: 12px;\n\n        margin-bottom: 24px;\n    }\n\n\n    .seitco-stats-label {\n        justify-self: start;\n\n        font-size: 11px;\n\n        padding: 7px 11px;\n    }\n\n\n    .seitco-stats-heading {\n        font-size: 18px;\n\n        line-height: 1.55;\n    }\n\n\n    .seitco-stats-highlight::after {\n        height: 4px;\n\n        bottom: 4px;\n    }\n\n\n    .seitco-stats-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 18px 12px;\n    }\n\n\n    .seitco-stat {\n        padding-top: 12px;\n    }\n\n\n    .seitco-stat-number {\n        font-size: 22px;\n\n        margin-bottom: 6px;\n    }\n\n\n    .seitco-stat-text {\n        font-size: 12px;\n\n        line-height: 1.75;\n    }\n}\n\n\n<\/style>\n\n\n<section class=\"seitco-stats-section\">\n\n    <div class=\"seitco-stats-top\">\n\n\n        <h2 class=\"seitco-stats-heading\">\n\n            \u062e\u0628\u0631\u0629 \u0648\u0623\u0631\u0642\u0627\u0645 \u062a\u0639\u0637\u064a \u0627\u0644\u0645\u062f\u0631\u0633\u0629\n\n            <br>\n\n            \u062b\u0642\u0629 \u0641\u064a \u0642\u062f\u0631\u0629\n\n            <span class=\"seitco-stats-highlight\">\n                \u0627\u0644\u062a\u0634\u063a\u064a\u0644\n            <\/span>\n\n        <\/h2>\n\n\n        <div class=\"seitco-stats-label\">\n            \u0627\u0644\u062b\u0642\u0629 \u062a\u064f\u0628\u0646\u0649 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645\n        <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"seitco-stats-grid\">\n\n\n        <!-- 13+ -->\n        <div class=\"seitco-stat\">\n\n            <div\n                class=\"seitco-stat-number seitco-counter\"\n                data-target=\"13\"\n                data-suffix=\"+\"\n                data-duration=\"1400\"\n            >\n                0+\n            <\/div>\n\n            <p class=\"seitco-stat-text\">\n                \u0633\u0646\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u062f\u0629 \u0641\u064a \u062e\u062f\u0645\u0629\n                \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- 3500+ -->\n        <div class=\"seitco-stat\">\n\n            <div\n                class=\"seitco-stat-number seitco-counter\"\n                data-target=\"3500\"\n                data-suffix=\"+\"\n                data-duration=\"1900\"\n            >\n                0+\n            <\/div>\n\n            <p class=\"seitco-stat-text\">\n                \u062d\u0627\u0641\u0644\u0629 \u0648\u0645\u0631\u0643\u0628\u0629 \u0636\u0645\u0646 \u0645\u0646\u0638\u0648\u0645\u0629\n                \u062a\u0634\u063a\u064a\u0644 \u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u064a\u0648\u0645\u064a\u064b\u0627.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- 3000+ -->\n        <div class=\"seitco-stat\">\n\n            <div\n                class=\"seitco-stat-number seitco-counter\"\n                data-target=\"3000\"\n                data-suffix=\"+\"\n                data-duration=\"1800\"\n            >\n                0+\n            <\/div>\n\n            <p class=\"seitco-stat-text\">\n                \u0645\u062f\u0631\u0633\u0629 \u0636\u0645\u0646 \u062e\u0628\u0631\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629\n                \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0645\u0646\u0627\u0637\u0642 \u0645\u062a\u0639\u062f\u062f\u0629.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- 200k+ -->\n        <div class=\"seitco-stat\">\n\n            <div\n                class=\"seitco-stat-number seitco-counter\"\n                data-target=\"200\"\n                data-suffix=\"k+\"\n                data-duration=\"1700\"\n            >\n                0k+\n            <\/div>\n\n            <p class=\"seitco-stat-text\">\n                \u0637\u0627\u0644\u0628 \u0648\u0637\u0627\u0644\u0628\u0629 \u064a\u062a\u0645 \u062e\u062f\u0645\u062a\u0647\u0645 \u064a\u0648\u0645\u064a\u064b\u0627\n                \u0639\u0628\u0631 \u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u0646\u0642\u0644.\n            <\/p>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const section = document.querySelector(\".seitco-stats-section\");\n\n    if (!section) return;\n\n\n    const counters =\n        section.querySelectorAll(\".seitco-counter\");\n\n    let started = false;\n\n\n    function formatNumber(number) {\n\n        return Math.floor(number).toLocaleString(\"en-US\");\n\n    }\n\n\n    function easeOutCubic(t) {\n\n        return 1 - Math.pow(1 - t, 3);\n\n    }\n\n\n    function animateCounter(counter) {\n\n        const target =\n            parseInt(counter.dataset.target, 10);\n\n        const duration =\n            parseInt(counter.dataset.duration, 10) || 1800;\n\n        const suffix =\n            counter.dataset.suffix || \"\";\n\n        const startTime =\n            performance.now();\n\n\n        function update(currentTime) {\n\n            const elapsed =\n                currentTime - startTime;\n\n            const progress =\n                Math.min(elapsed \/ duration, 1);\n\n            const easedProgress =\n                easeOutCubic(progress);\n\n            const currentValue =\n                target * easedProgress;\n\n\n            counter.textContent =\n                formatNumber(currentValue) + suffix;\n\n\n            if (progress < 1) {\n\n                requestAnimationFrame(update);\n\n            } else {\n\n                counter.textContent =\n                    target.toLocaleString(\"en-US\") + suffix;\n\n            }\n\n        }\n\n\n        requestAnimationFrame(update);\n\n    }\n\n\n    const reduceMotion =\n        window.matchMedia(\n            \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n\n    if (reduceMotion) {\n\n        counters.forEach(function (counter) {\n\n            const target =\n                parseInt(counter.dataset.target, 10);\n\n            const suffix =\n                counter.dataset.suffix || \"\";\n\n            counter.textContent =\n                target.toLocaleString(\"en-US\") + suffix;\n\n        });\n\n        return;\n\n    }\n\n\n    const observer =\n        new IntersectionObserver(\n            function (entries) {\n\n                entries.forEach(function (entry) {\n\n                    if (\n                        entry.isIntersecting &&\n                        !started\n                    ) {\n\n                        started = true;\n\n\n                        counters.forEach(\n                            function (counter, index) {\n\n                                setTimeout(\n                                    function () {\n\n                                        animateCounter(counter);\n\n                                    },\n                                    index * 100\n                                );\n\n                            }\n                        );\n\n\n                        observer.unobserve(section);\n\n                    }\n\n                });\n\n            },\n            {\n                threshold: 0.3\n            }\n        );\n\n\n    observer.observe(section);\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-098efad e-flex e-con-boxed e-con e-parent\" data-id=\"098efad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9555164 elementor-widget elementor-widget-html\" data-id=\"9555164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.seitco-process-section,\n.seitco-process-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n}\n\n.seitco-process-section {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 42px 48px 48px;\n    background: #ffffff;\n    border-radius: 28px;\n    color: #2b2b2b;\n\n    \/* follows RTL \/ LTR automatically *\/\n    text-align: start;\n}\n\n\n\/* =========================\n   TOP AREA\n========================= *\/\n\n.seitco-process-top {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 24px;\n    align-items: start;\n    margin-bottom: 32px;\n}\n\n.seitco-process-heading-wrap {\n    text-align: start;\n}\n\n.seitco-process-title {\n    margin: 0 0 12px;\n\n    max-width: 820px;\n\n    color: #282828;\n\n    font-size: 35px;\n    line-height: 1.45;\n\n    font-weight: 800;\n\n    text-align: start;\n}\n\n\n\/* =========================\n   ORANGE UNDERLINE\n========================= *\/\n\n.seitco-process-highlight {\n    position: relative;\n\n    display: inline-block !important;\n\n    width: auto !important;\n    max-width: max-content;\n\n    white-space: nowrap;\n\n    z-index: 1;\n}\n\n.seitco-process-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n\n    bottom: 5px;\n\n    height: 5px;\n\n    background: #f58a20;\n\n    border-radius: 3px;\n\n    z-index: -1;\n}\n\n\n\/* Description *\/\n\n.seitco-process-description {\n    max-width: 850px;\n\n    margin: 0;\n\n    color: #858585;\n\n    font-size: 16px;\n    line-height: 1.9;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\n\/* =========================\n   BADGE\n========================= *\/\n\n.seitco-process-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: fit-content;\n\n    padding: 8px 14px;\n\n    border: 1px solid #f0c28d;\n    border-radius: 30px;\n\n    background: #fff9f3;\n\n    color: #ad5a0c;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    white-space: nowrap;\n\n    margin-top: 4px;\n}\n\n\n\/* =========================\n   PROCESS ROWS\n========================= *\/\n\n.seitco-process-list {\n    border-top: 1px solid #d3d3d3;\n}\n\n.seitco-process-row {\n    display: grid;\n\n    grid-template-columns: 58% 42%;\n\n    min-height: 92px;\n\n    align-items: center;\n\n    border-bottom: 1px solid #d3d3d3;\n}\n\n\n\/* Step area *\/\n\n.seitco-process-step {\n    display: flex;\n    align-items: center;\n\n    gap: 18px;\n\n    padding-block: 18px;\n\n    \/*\n       Direction-aware horizontal padding\n    *\/\n    padding-inline-start: 0;\n    padding-inline-end: 26px;\n\n    text-align: start;\n}\n\n\n\/* Number *\/\n\n.seitco-process-number {\n    flex: 0 0 38px;\n\n    width: 38px;\n    height: 38px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 11px;\n\n    background: #282a2c;\n\n    color: #ffffff;\n\n    font-size: 11px;\n    font-weight: 700;\n\n    \/* keep numbers natural *\/\n    direction: ltr;\n}\n\n.seitco-process-row.orange .seitco-process-number {\n    background: linear-gradient(\n        135deg,\n        #f44a2e 0%,\n        #ff981c 100%\n    );\n}\n\n.seitco-process-step h3 {\n    margin: 0;\n\n    color: #2e2e2e;\n\n    font-size: 20px;\n    line-height: 1.5;\n\n    font-weight: 700;\n\n    text-align: start;\n}\n\n\n\/* Description area *\/\n\n.seitco-process-row-text {\n    padding-block: 18px;\n\n    padding-inline-start: 24px;\n    padding-inline-end: 0;\n\n    color: #777777;\n\n    font-size: 14px;\n    line-height: 1.9;\n\n    font-weight: 400;\n\n    text-align: start;\n}\n\n\n\/* =========================\n   RTL \/ ARABIC\n========================= *\/\n\nhtml[dir=\"rtl\"] .seitco-process-section,\nhtml[dir=\"rtl\"] .seitco-process-heading-wrap,\nhtml[dir=\"rtl\"] .seitco-process-title,\nhtml[dir=\"rtl\"] .seitco-process-description,\nhtml[dir=\"rtl\"] .seitco-process-step,\nhtml[dir=\"rtl\"] .seitco-process-step h3,\nhtml[dir=\"rtl\"] .seitco-process-row-text {\n    direction: rtl;\n    text-align: right;\n}\n\n\n\/* =========================\n   LTR \/ ENGLISH\n========================= *\/\n\nhtml[dir=\"ltr\"] .seitco-process-section,\nhtml[dir=\"ltr\"] .seitco-process-heading-wrap,\nhtml[dir=\"ltr\"] .seitco-process-title,\nhtml[dir=\"ltr\"] .seitco-process-description,\nhtml[dir=\"ltr\"] .seitco-process-step,\nhtml[dir=\"ltr\"] .seitco-process-step h3,\nhtml[dir=\"ltr\"] .seitco-process-row-text {\n    direction: ltr;\n    text-align: left;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .seitco-process-section {\n        padding: 34px 28px 38px;\n    }\n\n    .seitco-process-title {\n        font-size: 30px;\n    }\n\n    .seitco-process-description {\n        font-size: 11.5px;\n    }\n\n    .seitco-process-step h3 {\n        font-size: 17px;\n    }\n\n    .seitco-process-row-text {\n        font-size: 11px;\n    }\n}\n\n\n\n\/* =========================\n   MOBILE - 2 COLUMNS\n========================= *\/\n\n@media (max-width: 767px) {\n .seitco-process-section {\n        padding: 22px 12px 24px;\n        border-radius: 20px;\n    }\n\n\n    \/* TOP *\/\n\n    .seitco-process-top {\n        grid-template-columns: 1fr;\n        gap: 10px;\n        margin-bottom: 18px;\n    }\n\n    .seitco-process-badge {\n        order: -1;\n        justify-self: start;\n\n        font-size: 10px;\n        padding: 6px 10px;\n\n        margin-top: 0;\n    } \n    .seitco-process-title {\n        font-size: 18px;\n        line-height: 1.55;\n\n        margin-bottom: 8px;\n    }\n    \n    .seitco-process-list {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 10px;\n\n        border-top: 0;\n    }\n\n    .seitco-process-row {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n\n        min-height: 125px;\n\n        padding: 14px 9px 13px;\n\n        border: 1px solid #ececec;\n        border-radius: 14px;\n\n        background: #ffffff;\n\n        box-shadow: 0 6px 18px rgba(0,0,0,0.02);\n\n        text-align: center;\n\n        transition:\n            transform 0.35s ease,\n            box-shadow 0.35s ease,\n            border-color 0.35s ease;\n    }\n\n    .seitco-process-row:hover {\n        transform: translateY(-5px);\n\n        border-color: rgba(245,138,32,0.30);\n\n        box-shadow:\n            0 12px 25px rgba(0,0,0,0.06),\n            0 6px 15px rgba(245,138,32,0.06);\n    }\n\n    .seitco-process-step {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        gap: 0;\n\n        width: 100%;\n\n        padding: 0;\n\n        text-align: center !important;\n    }\n\n    .seitco-process-number {\n        width: 32px;\n        height: 32px;\n\n        flex: 0 0 32px;\n\n        margin-bottom: 8px;\n\n        border-radius: 10px;\n\n        font-size: 10px;\n    }\n\n    .seitco-process-step h3 {\n        margin: 0 0 5px;\n\n        font-size: 12px;\n        line-height: 1.5;\n\n        text-align: center !important;\n    }\n\n    .seitco-process-row-text {\n        width: 100%;\n\n        padding: 0;\n\n        margin: 0;\n\n        font-size: 8.5px;\n        line-height: 1.65;\n\n        text-align: center !important;\n    }\n\n    .seitco-process-row:last-child {\n        grid-column: 1 \/ -1;\n\n        width: calc(50% - 5px);\n\n        justify-self: center;\n    }\n\n    html[dir=\"rtl\"] .seitco-process-step,\n    html[dir=\"rtl\"] .seitco-process-step h3,\n    html[dir=\"rtl\"] .seitco-process-row-text {\n        direction: rtl;\n        text-align: center !important;\n    }\n\n    html[dir=\"ltr\"] .seitco-process-step,\n    html[dir=\"ltr\"] .seitco-process-step h3,\n    html[dir=\"ltr\"] .seitco-process-row-text {\n        direction: ltr;\n        text-align: center !important;\n    }\n}\n\n\n\n\n<\/style>\n\n\n<section class=\"seitco-process-section\">\n\n    <!-- TOP -->\n    <div class=\"seitco-process-top\">\n\n        <div class=\"seitco-process-heading-wrap\">\n\n            <h2 class=\"seitco-process-title\">\n\n                \u0645\u0646 \u0623\u0648\u0644 \u0637\u0644\u0628 \u0625\u0644\u0649 \u0628\u062f\u0621 \u0627\u0644\u062e\u062f\u0645\u0629\u2026 \n                <span class=\"seitco-process-highlight\">\n                   \u062e\u0637\u0648\u0627\u062a \u0648\u0627\u0636\u062d\u0629  <\/span> \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\n              \n\n        \n\n                <br>\n\n                \n\n            <\/h2>\n\n            <p class=\"seitco-process-description\">\n\n                \u0646\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c \u0645\u062f\u0631\u0633\u062a\u0643\u0645\u060c \u062b\u0645 \u0646\u0631\u062a\u0628 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u060c \u0648\u0646\u0648\u0636\u062d \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\u060c\n                \u0648\u0646\u062c\u0647\u0632 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u062a \u0639\u0631\u0636\u064b\u0627 \u062a\u0648\u0636\u064a\u062d\u064a\u064b\u0627 \u0623\u0648 \u062f\u0631\u0627\u0633\u0629 \u0645\u0628\u062f\u0626\u064a\u0629 \u0623\u0648\n                \u0645\u0642\u062a\u0631\u062d\u064b\u0627 \u062a\u0634\u063a\u064a\u0644\u064a\u064b\u0627.\n\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"seitco-process-badge\">\n            \u0643\u064a\u0641 \u0646\u0628\u062f\u0623 \u0645\u0639\u0643\u0645\u061f\n        <\/div>\n\n    <\/div>\n\n\n    <!-- PROCESS LIST -->\n    <div class=\"seitco-process-list\">\n\n\n        <!-- 1 -->\n        <div class=\"seitco-process-row\">\n\n            <div class=\"seitco-process-step\">\n\n                <div class=\"seitco-process-number\">\n                    1\n                <\/div>\n\n                <h3>\n                    \u062a\u062d\u062f\u064a\u062f \u0646\u0648\u0639 \u0627\u0644\u0645\u062f\u0631\u0633\u0629\n                <\/h3>\n\n            <\/div>\n\n            <div class=\"seitco-process-row-text\">\n                \u0623\u0647\u0644\u064a\u0629 \u0623\u0648 \u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0641\u0631\u0639 \u0648\u0627\u062d\u062f \u0623\u0648 \u0639\u062f\u0629 \u0641\u0631\u0648\u0639\u060c \u0648\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644.\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 2 -->\n        <div class=\"seitco-process-row orange\">\n\n            <div class=\"seitco-process-step\">\n\n                <div class=\"seitco-process-number\">\n                    2\n                <\/div>\n\n                <h3>\n                    \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0647\u062f\u0641\n                <\/h3>\n\n            <\/div>\n\n            <div class=\"seitco-process-row-text\">\n                \u062a\u0642\u064a\u064a\u0645 \u0646\u0642\u0644\u060c \u0639\u0631\u0636 \u0645\u0646\u0635\u0629\u060c \u062f\u0631\u0627\u0633\u0629 \u0645\u0633\u0627\u0631\u0627\u062a \u0623\u0648 \u062f\u0639\u0645 \u062e\u062f\u0645\u0629 \u0642\u0627\u0626\u0645\u0629.\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 3 -->\n        <div class=\"seitco-process-row\">\n\n            <div class=\"seitco-process-step\">\n\n                <div class=\"seitco-process-number\">\n                    3\n                <\/div>\n\n                <h3>\n                    \u0641\u0647\u0645 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\n                <\/h3>\n\n            <\/div>\n\n            <div class=\"seitco-process-row-text\">\n                \u0639\u062f\u062f \u0627\u0644\u0637\u0644\u0627\u0628\u060c \u0627\u0644\u0623\u062d\u064a\u0627\u0621\u060c \u0639\u062f\u062f \u0627\u0644\u0641\u0631\u0648\u0639\u060c \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 4 -->\n        <div class=\"seitco-process-row orange\">\n\n            <div class=\"seitco-process-step\">\n\n                <div class=\"seitco-process-number\">\n                    4\n                <\/div>\n\n                <h3>\n                    \u062a\u0648\u062c\u064a\u0647 \u0644\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\n                <\/h3>\n\n            <\/div>\n\n            <div class=\"seitco-process-row-text\">\n                \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\u060c \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639\u060c \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0623\u0648 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a.\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 5 -->\n        <div class=\"seitco-process-row\">\n\n            <div class=\"seitco-process-step\">\n\n                <div class=\"seitco-process-number\">\n                    5\n                <\/div>\n\n                <h3>\n                    \u062e\u0637\u0648\u0629 \u0639\u0645\u0644\u064a\u0629\n                <\/h3>\n\n            <\/div>\n\n            <div class=\"seitco-process-row-text\">\n                \u0627\u062a\u0635\u0627\u0644\u060c \u0648\u0627\u062a\u0633\u0627\u0628\u060c \u0627\u062c\u062a\u0645\u0627\u0639\u060c \u0639\u0631\u0636 \u0645\u0646\u0635\u0629\u060c \u0623\u0648 \u0645\u0642\u062a\u0631\u062d \u062a\u0634\u063a\u064a\u0644\u064a.\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01c9f4f e-flex e-con-boxed e-con e-parent\" data-id=\"01c9f4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b8d2bf elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6b8d2bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n.seitco-cta-section,\n.seitco-cta-section * {\n    box-sizing: border-box;\n    font-family: 'Noto Kufi Arabic', sans-serif !important;\n  \n}\n\n.seitco-cta-section {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n\n    width: 100%;\n\n    padding: 28px 35px;\n\n    border-radius: 35px;\n\n    background:\n        radial-gradient(\n            circle at 0% 50%,\n            rgba(255, 137, 25, 0.35) 0%,\n            rgba(255, 110, 25, 0.14) 20%,\n            transparent 44%\n        ),\n        linear-gradient(\n            90deg,\n            #50391f 0%,\n            #292d30 30%,\n            #2c3135 70%,\n            #363b3f 100%\n        );\n\n    color: #ffffff;\n}\n\n\n\/* =========================\n   CONTENT\n========================= *\/\n\n.seitco-cta-content {\n    flex: 1;\n\n    text-align: start;\n}\n\n\n.seitco-cta-title {\n    margin: 0 0 8px;\n\n    color: #ffffff;\n\n    font-size: 35px;\n    line-height: 1.5;\n\n    font-weight: 700;\n\n    text-align: start;\n}\n\n\n.seitco-cta-description {\n    margin: 0;\n\n    color: rgba(255,255,255,0.9);\n\n    font-size: 14px;\n    line-height: 1.9;\n\n    text-align: start;\n}\n\n\n\/* =========================\n   BUTTONS\n========================= *\/\n\n.seitco-cta-buttons {\n    flex: 0 0 180px;\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 10px;\n}\n\n\n.seitco-cta-btn {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 44px;\n\n    padding: 9px 18px;\n\n    border-radius: 28px;\n\n    text-decoration: none !important;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n\n\/* White button *\/\n\n.seitco-btn-white {\n    background: #ffffff;\n\n    color: #333333 !important;\n\n    border: 1px solid #ffffff;\n}\n\n\n\/* Orange button *\/\n\n.seitco-btn-orange {\n    background:\n        linear-gradient(\n            90deg,\n            #f44d2c,\n            #ff991d\n        );\n\n    color: #ffffff !important;\n\n    border: 1px solid transparent;\n\n    box-shadow:\n        0 8px 22px rgba(255,135,25,0.18);\n}\n\n\n.seitco-cta-btn:hover {\n    transform: translateY(-2px);\n}\n\n\n\/* =========================\n   ARABIC \/ RTL\n========================= *\/\n\nhtml[dir=\"rtl\"] .seitco-cta-section {\n    direction: rtl;\n}\n\n\nhtml[dir=\"rtl\"] .seitco-cta-content,\nhtml[dir=\"rtl\"] .seitco-cta-title,\nhtml[dir=\"rtl\"] .seitco-cta-description {\n    direction: rtl;\n    text-align: right;\n}\n\n\n\/* Arabic:\n   text right \/ buttons left *\/\nhtml[dir=\"rtl\"] .seitco-cta-section {\n    flex-direction: row;\n}\n\n\n\/* =========================\n   ENGLISH \/ LTR\n========================= *\/\n\nhtml[dir=\"ltr\"] .seitco-cta-section {\n    direction: ltr;\n}\n\n\nhtml[dir=\"ltr\"] .seitco-cta-content,\nhtml[dir=\"ltr\"] .seitco-cta-title,\nhtml[dir=\"ltr\"] .seitco-cta-description {\n    direction: ltr !important;\n    text-align: left !important;\n}\n\n\n\/* English:\n   text left \/ buttons right *\/\nhtml[dir=\"ltr\"] .seitco-cta-section {\n    flex-direction: row;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .seitco-cta-section {\n        padding: 26px 28px;\n\n        gap: 24px;\n    }\n\n\n    .seitco-cta-title {\n        font-size: 29px;\n    }\n\n\n    .seitco-cta-buttons {\n        flex-basis: 170px;\n    }\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n    .seitco-cta-section {\n        flex-direction: column !important;\n\n        align-items: stretch;\n\n        padding: 24px 18px;\n\n        gap: 18px;\n\n        border-radius: 28px;\n    }\n\n\n    .seitco-cta-content {\n        width: 100%;\n    }\n\n\n    .seitco-cta-title {\n        width: 100%;\n\n        font-size: 22px;\n        line-height: 1.6;\n    }\n\n\n    html[dir=\"rtl\"] .seitco-cta-content,\n    html[dir=\"rtl\"] .seitco-cta-title,\n    html[dir=\"rtl\"] .seitco-cta-description {\n        direction: rtl;\n\n        text-align: center;\n    }\n\n\n    html[dir=\"ltr\"] .seitco-cta-content,\n    html[dir=\"ltr\"] .seitco-cta-title,\n    html[dir=\"ltr\"] .seitco-cta-description {\n        direction: ltr !important;\n\n        text-align: center !important;\n    }\n\n\n    html[dir=\"rtl\"] .seitco-cta-title,\n    html[dir=\"ltr\"] .seitco-cta-title {\n        unicode-bidi: plaintext;\n    }\n\n\n    .seitco-cta-description {\n        font-size: 10.5px;\n        line-height: 1.85;\n    }\n\n\n    .seitco-cta-buttons {\n        flex: none;\n\n        width: 100%;\n\n        flex-direction: row;\n\n        gap: 8px;\n    }\n\n\n    .seitco-cta-btn {\n        flex: 1;\n\n        min-width: 0;\n\n        padding: 9px 10px;\n\n        font-size: 12px;\n    }\n}\n\n\n\/* =========================\n   SMALL MOBILE\n========================= *\/\n\n@media (max-width: 390px) {\n\n    .seitco-cta-section {\n        padding: 22px 14px;\n    }\n\n\n    .seitco-cta-title {\n        font-size: 20px;\n    }\n\n\n    .seitco-cta-btn {\n        font-size: 12px;\n    }\n}\n\n\n\/* Disable movement on touch devices *\/\n@media (hover: none) {\n\n    .seitco-cta-btn:hover {\n        transform: none;\n    }\n}\n\n<\/style>\n\n\n<section class=\"seitco-cta-section\">\n\n\n    <div class=\"seitco-cta-content\">\n<br\/>\n        <h2 class=\"seitco-cta-title\">\n\u062f\u0639\u0648\u0627  \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0646\u0642\u0644 \u0639\u0644\u064a\u0646\u0627\u060c \u0648\u062a\u0641\u0631\u0651\u063a\u0648\u0627 \u0644\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0645\u062f\u0631\u0633\u062a\u0643\u0645\n\n        <\/h2>\n\n\n        <p class=\"seitco-cta-description\">\n\n            \u0627\u0628\u062f\u0623\u0648\u0627 \u0628\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u062d\u062a\u064a\u0627\u062c \u0645\u062f\u0631\u0633\u062a\u0643\u0645\u060c \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0641\u0631\u064a\u0642 \u0633\u064a\u062a\u0643\u0648\n            \u0644\u062a\u0642\u062f\u064a\u0645 \u0645\u0633\u0627\u0631 \u0648\u0627\u0636\u062d \u0644\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n\n        <\/p><br\/>\n\n    <\/div>\n\n\n    <div class=\"seitco-cta-buttons\">\n\n        <a href=\"https:\/\/seitco.com.sa\/technicals\/\" class=\"seitco-cta-btn seitco-btn-white\">\n            \u0634\u0627\u0647\u062f \u0627\u0644\u0645\u0646\u0635\u0629\n        <\/a>\n\n        <a href=\"https:\/\/seitco.com.sa\/ask-for-the-service\/\" class=\"seitco-cta-btn seitco-btn-orange\">\n            \u0627\u0628\u062f\u0623 \u0637\u0644\u0628 \u0645\u062f\u0631\u0633\u062a\u0643\u0645\n        <\/a>\n\n    <\/div>\n\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a\u0629 \u0644\u0644\u0646\u0642\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644 \u062e\u0628\u0631\u0629 \u062d\u0643\u0648\u0645\u064a\u0629 \u0631\u0627\u0633\u062e\u0629 \u0648\u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0645\u062f\u0631\u0633\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u0623\u0647\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u062d\u062a\u064a\u0627\u062c \u0645\u062f\u0631\u0633\u062a\u0643\u0645 \u0644\u0645\u0627\u0630\u0627 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":444,"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1226,"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/1226"}],"wp:attachment":[{"href":"https:\/\/seitco.com.sa\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}