{"id":2716,"date":"2024-08-13T06:19:59","date_gmt":"2024-08-13T06:19:59","guid":{"rendered":"https:\/\/aerocompass.com.sa\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/%d8%a7%d9%84%d8%b4%d8%ad%d9%86-%d8%a7%d9%84%d8%af%d9%88%d9%84%d9%8a\/"},"modified":"2026-11-03T11:32:10","modified_gmt":"2026-11-03T11:32:10","slug":"%d8%a7%d9%84%d8%b4%d8%ad%d9%86-%d8%a7%d9%84%d8%af%d9%88%d9%84%d9%8a","status":"publish","type":"page","link":"https:\/\/aerocompass.com.sa\/ar\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/%d8%a7%d9%84%d8%b4%d8%ad%d9%86-%d8%a7%d9%84%d8%af%d9%88%d9%84%d9%8a\/","title":{"rendered":"\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062f\u0648\u0644\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2716\" class=\"elementor elementor-2716 elementor-911\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b96f446 e-con-full e-flex e-con e-parent\" data-id=\"b96f446\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6276a7 elementor-widget elementor-widget-spacer\" data-id=\"c6276a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" 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-e015e7d elementor-widget elementor-widget-heading\" data-id=\"e015e7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12bfdc7 elementor-widget elementor-widget-spacer\" data-id=\"12bfdc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" 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<div class=\"elementor-element elementor-element-babf659 e-con-full e-flex e-con e-parent\" data-id=\"babf659\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9da0ec6 elementor-widget elementor-widget-html\" data-id=\"9da0ec6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&amp;display=swap');\r\n\r\n.is-section{\r\n    --navy:#082D38;\r\n    --teal:#0C4556;\r\n    --red:#B30707;\r\n    --coral:#FF8178;\r\n    --paper:#F3F5F2;\r\n    --ink:#122C33;\r\n    --muted:#526970;\r\n    --line:#D7E0DF;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n    width:100%;\r\n    margin:0;\r\n    padding:100px 0;\r\n    overflow:hidden;\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    font-family:\"Manrope\",Arial,sans-serif!important;\r\n    direction:ltr;\r\n    text-align:left;\r\n}\r\n\r\n.is-section *,\r\n.is-section *::before,\r\n.is-section *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.is-section :is(h1,h2,h3,p,a,span,small,strong,summary){\r\n    font-family:inherit!important;\r\n    text-shadow:none!important;\r\n    -webkit-text-fill-color:currentColor!important;\r\n}\r\n\r\n.is-section :is(h1,h2,h3){\r\n    margin:0!important;\r\n    padding:0!important;\r\n    color:inherit!important;\r\n    font-weight:700;\r\n    opacity:1!important;\r\n}\r\n\r\n.is-section p{\r\n    margin:0!important;\r\n    color:var(--muted)!important;\r\n    font-size:15px;\r\n    line-height:1.85;\r\n    opacity:1!important;\r\n}\r\n\r\n.is-section a{text-decoration:none!important}\r\n\r\n.is-section .is-wrap{\r\n    width:min(1240px,calc(100% - 64px));\r\n    margin-inline:auto;\r\n}\r\n\r\n.is-section .is-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin-bottom:24px;\r\n    color:var(--red)!important;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    line-height:1.6;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.is-eyebrow::before{\r\n    content:\"\";\r\n    flex:0 0 28px;\r\n    height:2px;\r\n    background:currentColor;\r\n}\r\n\r\n.is-section h2{\r\n    font-size:clamp(36px,4.3vw,62px);\r\n    line-height:1.08;\r\n    letter-spacing:-.055em;\r\n}\r\n\r\n.is-section h3{\r\n    font-size:23px;\r\n    line-height:1.3;\r\n    letter-spacing:-.035em;\r\n}\r\n\r\n.is-section .is-accent{color:var(--red)!important}\r\n\r\n.is-section .is-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:25px;\r\n    min-height:58px;\r\n    padding:17px 24px;\r\n    border:1px solid transparent;\r\n    border-radius:7px;\r\n    background:var(--red);\r\n    color:#FFFFFF!important;\r\n    font-size:12px;\r\n    line-height:1.5;\r\n    font-weight:800;\r\n    transition:background .25s,transform .25s;\r\n}\r\n\r\n.is-section .is-btn:hover{\r\n    background:#910606;\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.is-section .is-link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:18px;\r\n    padding:9px 0;\r\n    border-bottom:1px solid currentColor;\r\n    color:inherit!important;\r\n    font-size:12px;\r\n    font-weight:800;\r\n}\r\n\r\n.is-section :is(a,summary):focus-visible{\r\n    outline:3px solid var(--coral);\r\n    outline-offset:6px;\r\n}\r\n\r\n.is-section .is-head{\r\n    display:grid;\r\n    grid-template-columns:1.2fr .8fr;\r\n    align-items:end;\r\n    gap:75px;\r\n    margin-bottom:48px;\r\n}\r\n\r\n.elementor-widget-html:has(.is-section),\r\n.elementor-widget-html:has(.is-section) > .elementor-widget-container{\r\n    margin:0!important;\r\n    padding:0!important;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .is-section .is-head{\r\n        grid-template-columns:1fr;\r\n        gap:24px;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .is-section{padding:68px 0}\r\n    .is-section .is-wrap{width:calc(100% - 36px)}\r\n    .is-section h2{font-size:38px}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n    .is-section *,\r\n    .is-section *::before,\r\n    .is-section *::after{\r\n        animation:none!important;\r\n        transition:none!important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e98ea7d e-con-full e-flex e-con e-parent\" data-id=\"e98ea7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c23465 elementor-widget elementor-widget-html\" data-id=\"4c23465\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');\n\nsection.is-hero{\n    position:relative;\n    isolation:isolate;\n    width:100%;\n    margin:0;\n    padding:100px 0 0;\n    overflow:hidden;\n    background:#082D38;\n    color:#FFFFFF;\n    direction:rtl!important;\n    text-align:right!important;\n    font-family:\"Tajawal\",Arial,sans-serif!important;\n}\n\nsection.is-hero *,\nsection.is-hero *::before,\nsection.is-hero *::after{\n    box-sizing:border-box;\n}\n\nsection.is-hero *{\n    font-family:\"Tajawal\",Arial,sans-serif!important;\n    letter-spacing:0!important;\n}\n\nsection.is-hero::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:-1;\n    pointer-events:none;\n    background:\n        radial-gradient(\n            ellipse at 5% 15%,\n            rgba(31,105,120,.36),\n            transparent 55%\n        ),\n        linear-gradient(235deg,#061F27 0%,#082D38 70%);\n}\n\nsection.is-hero :is(h1,p,a,span,small,strong,text){\n    text-shadow:none!important;\n    -webkit-text-fill-color:currentColor!important;\n}\n\nsection.is-hero .is-wrap{\n    width:min(1240px,calc(100% - 64px));\n    margin-inline:auto;\n}\n\nsection.is-hero .is-hero-grid{\n    display:grid;\n    grid-template-columns:1.05fr .95fr;\n    align-items:center;\n    gap:85px;\n    padding-bottom:80px;\n    direction:rtl!important;\n}\n\n\/* \u0627\u0644\u0646\u0635 *\/\nsection.is-hero .is-hero-content{\n    position:relative;\n    min-width:0;\n    padding:15px 0;\n    text-align:right!important;\n}\n\nsection.is-hero .is-eyebrow{\n    display:flex;\n    align-items:center;\n    justify-content:flex-start;\n    gap:12px;\n    margin-bottom:28px;\n    color:#FF8178!important;\n    font-size:13px;\n    line-height:1.7;\n    font-weight:800;\n}\n\nsection.is-hero .is-eyebrow::before{\n    content:\"\";\n    flex:0 0 32px;\n    height:2px;\n    background:#FF8178;\n}\n\nsection.is-hero h1{\n    margin:0!important;\n    padding:0!important;\n    color:#FFFFFF!important;\n    opacity:1!important;\n    font-size:clamp(38px,4.8vw,64px);\n    line-height:1.4!important;\n    font-weight:700!important;\n    text-align:right!important;\n}\n\nsection.is-hero h1 span{\n    display:block;\n    margin-top:7px;\n    color:#FF8178!important;\n}\n\nsection.is-hero .is-hero-copy{\n    max-width:510px;\n    margin:28px 0 0!important;\n    color:#CBDADD!important;\n    opacity:1!important;\n    font-size:17px;\n    line-height:1.9;\n    text-align:right!important;\n}\n\n\/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\nsection.is-hero .is-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    align-items:center;\n    justify-content:flex-start;\n    gap:25px;\n    margin-top:34px;\n    direction:rtl!important;\n}\n\nsection.is-hero .is-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:32px;\n    min-height:58px;\n    padding:17px 23px;\n    border:1px solid transparent;\n    border-radius:7px;\n    background:#B30707;\n    color:#FFFFFF!important;\n    font-size:15px;\n    line-height:1.6;\n    font-weight:700;\n    text-decoration:none!important;\n    transition:background .25s,transform .25s,box-shadow .25s;\n}\n\nsection.is-hero .is-btn:hover{\n    background:#940606;\n    transform:translateY(-3px);\n    box-shadow:0 14px 30px #00000033;\n}\n\nsection.is-hero .is-link{\n    display:inline-flex;\n    align-items:center;\n    justify-content:flex-start;\n    gap:12px;\n    padding:10px 0;\n    color:#FFFFFF!important;\n    font-size:15px;\n    line-height:1.6;\n    font-weight:700;\n    text-decoration:none!important;\n    transition:color .25s;\n}\n\nsection.is-hero .is-link:hover{\n    color:#FF8178!important;\n}\n\nsection.is-hero .is-btn:focus-visible,\nsection.is-hero .is-link:focus-visible{\n    outline:3px solid #FF8178;\n    outline-offset:5px;\n}\n\nsection.is-hero .is-btn svg,\nsection.is-hero .is-link svg{\n    width:18px;\n    height:18px;\n    flex:0 0 18px;\n}\n\n\/* \u0644\u0648\u062d\u0629 \u0627\u0644\u0643\u0631\u0629 \u0627\u0644\u0623\u0631\u0636\u064a\u0629 *\/\nsection.is-hero .is-globe-panel{\n    min-width:0;\n    padding:24px;\n    border:1px solid #FFFFFF2E;\n    border-radius:16px;\n    background:\n        linear-gradient(#FFFFFF04 1px,transparent 1px),\n        linear-gradient(90deg,#FFFFFF04 1px,transparent 1px),\n        #FFFFFF03;\n    background-size:30px 30px;\n    box-shadow:0 30px 70px #00000040;\n}\n\nsection.is-hero .is-panel-labels{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    flex-wrap:wrap;\n    gap:12px;\n    color:#B4CBD0!important;\n    font-size:12px;\n    font-weight:700;\n    line-height:1.8;\n    direction:rtl!important;\n}\n\nsection.is-hero .is-globe-svg{\n    display:block;\n    width:100%;\n    height:auto;\n    margin:17px 0;\n    overflow:visible;\n}\n\nsection.is-hero .is-panel-footer{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:12px;\n    padding-top:18px;\n    border-top:1px solid #FFFFFF26;\n    direction:rtl!important;\n}\n\nsection.is-hero .is-panel-footer span{\n    display:flex;\n    align-items:center;\n    gap:8px;\n    min-width:0;\n    color:#E2EBEC!important;\n    font-size:12px;\n    line-height:1.8;\n    font-weight:500;\n}\n\nsection.is-hero .is-panel-footer span::before{\n    content:\"\";\n    flex:0 0 5px;\n    width:5px;\n    height:5px;\n    border-radius:50%;\n    background:#FF8178;\n}\n\n\/* \u0634\u0631\u064a\u0637 \u0627\u0644\u062e\u062f\u0645\u0627\u062a *\/\nsection.is-hero .is-hero-strip{\n    border-top:1px solid #FFFFFF26;\n}\n\nsection.is-hero .is-hero-strip .is-wrap{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    direction:rtl!important;\n}\n\nsection.is-hero .is-strip-item{\n    min-width:0;\n    padding:25px;\n    border-inline-end:1px solid #FFFFFF26;\n    text-align:right!important;\n}\n\nsection.is-hero .is-strip-item:first-child{\n    padding-inline-start:0;\n}\n\nsection.is-hero .is-strip-item:last-child{\n    border-inline-end:0;\n}\n\nsection.is-hero .is-strip-item small{\n    display:block;\n    margin-bottom:8px;\n    color:#FF8178!important;\n    font-size:12px;\n    line-height:1.8;\n    font-weight:800;\n}\n\nsection.is-hero .is-strip-item strong{\n    display:block;\n    color:#FFFFFF!important;\n    font-size:15px;\n    line-height:1.8;\n    font-weight:700;\n}\n\n\/* Elementor *\/\n.elementor-widget-html:has(.is-hero),\n.elementor-widget-html:has(.is-hero) > .elementor-widget-container{\n    margin:0!important;\n    padding:0!important;\n}\n\n\/* \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 *\/\n@media(max-width:1100px){\n    section.is-hero .is-hero-grid{\n        gap:50px;\n    }\n\n    section.is-hero .is-hero-actions{\n        gap:18px;\n    }\n}\n\n\/* \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 *\/\n@media(max-width:900px){\n    section.is-hero{\n        padding:75px 0 0;\n    }\n\n    section.is-hero .is-hero-grid{\n        grid-template-columns:1fr;\n        gap:45px;\n        padding-bottom:60px;\n    }\n\n    section.is-hero .is-hero-content{\n        max-width:680px;\n        padding:0;\n    }\n\n    section.is-hero .is-hero-copy{\n        max-width:620px;\n    }\n\n    section.is-hero .is-globe-panel{\n        width:100%;\n        max-width:680px;\n        margin-inline:auto;\n    }\n\n    section.is-hero .is-strip-item{\n        padding:22px 16px;\n    }\n}\n\n\/* \u0627\u0644\u0647\u0648\u0627\u062a\u0641 *\/\n@media(max-width:600px){\n    section.is-hero{\n        padding:60px 0 0;\n    }\n\n    section.is-hero .is-wrap{\n        width:calc(100% - 36px);\n    }\n\n    section.is-hero .is-hero-grid{\n        padding-bottom:45px;\n    }\n\n    section.is-hero h1{\n        font-size:clamp(34px,9vw,46px);\n    }\n\n    section.is-hero .is-hero-copy{\n        margin-top:23px!important;\n        font-size:16px;\n    }\n\n    section.is-hero .is-hero-actions{\n        align-items:stretch;\n        flex-direction:column;\n        gap:14px;\n    }\n\n    section.is-hero .is-btn{\n        width:100%;\n        gap:16px;\n    }\n\n    section.is-hero .is-link{\n        align-self:flex-start;\n    }\n\n    section.is-hero .is-globe-panel{\n        padding:18px;\n        border-radius:12px;\n    }\n\n    section.is-hero .is-panel-labels{\n        font-size:11px;\n    }\n\n    section.is-hero .is-panel-footer{\n        gap:8px;\n    }\n\n    section.is-hero .is-panel-footer span{\n        gap:6px;\n        font-size:11px;\n    }\n\n    section.is-hero .is-hero-strip .is-wrap{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    section.is-hero .is-strip-item{\n        padding:20px 12px;\n        border-bottom:1px solid #FFFFFF26;\n    }\n\n    section.is-hero .is-strip-item:nth-child(2){\n        border-inline-end:0;\n    }\n\n    section.is-hero .is-strip-item:nth-child(3){\n        padding-inline-start:0;\n        border-bottom:0;\n    }\n\n    section.is-hero .is-strip-item:nth-child(4){\n        border-bottom:0;\n    }\n\n    section.is-hero .is-strip-item strong{\n        font-size:13px;\n    }\n}\n\n\/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\n@media(prefers-reduced-motion:reduce){\n    section.is-hero *,\n    section.is-hero *::before,\n    section.is-hero *::after{\n        animation:none!important;\n        transition:none!important;\n    }\n\n    section.is-hero .is-btn:hover{\n        transform:none;\n    }\n}\n<\/style>\n\n<section\n    class=\"is-section is-hero\"\n    lang=\"ar\"\n    dir=\"rtl\"\n    aria-labelledby=\"is-hero-ar-title\"\n>\n    <div class=\"is-wrap is-hero-grid\">\n\n        <div class=\"is-hero-content\" data-is-reveal>\n            <div class=\"is-eyebrow\">\n                \u0623\u064a\u0631\u0648 \u0643\u0648\u0645\u0628\u0627\u0633 \/ \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062f\u0648\u0644\u064a\n            <\/div>\n\n            <h1 id=\"is-hero-ar-title\">\n                \u0646\u0639\u0628\u0631 \u0627\u0644\u062d\u062f\u0648\u062f.\n                <span>\u0648\u0646\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a.<\/span>\n            <\/h1>\n\n            <p class=\"is-hero-copy\">\n                \u0646\u0631\u0628\u0637 \u0623\u0639\u0645\u0627\u0644\u0643 \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0634\u062d\u0646\n                \u0628\u062d\u0631\u064a \u0648\u062c\u0648\u064a \u0648\u0628\u0631\u064a \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0646\u062e\u0637\u0637 \u0644\u0647\u0627 \u0628\u0645\u0627 \u064a\u0646\u0627\u0633\u0628\n                \u0634\u062d\u0646\u062a\u0643 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0643 \u0648\u0648\u062c\u0647\u062a\u0643.\n            <\/p>\n\n            <div class=\"is-hero-actions\">\n                <a\n                    class=\"is-btn\"\n                    href=\"https:\/\/aerocompass.com.sa\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\"\n                >\n                    \u062a\u062d\u062f\u0651\u062b \u0645\u0639\u0646\u0627 \u0639\u0646 \u0634\u062d\u0646\u062a\u0643\n\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                        <path\n                            d=\"M19 19 5 5M19 5H5v14\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.7\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                        \/>\n                    <\/svg>\n                <\/a>\n\n                <a class=\"is-link\" href=\"#is-modes\">\n                    \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u062d\u0646\n\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                        <path\n                            d=\"M12 5v14m-6-6 6 6 6-6\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.7\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                        \/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"is-globe-panel\" data-is-reveal>\n            <div class=\"is-panel-labels\">\n                <span>\u0631\u0648\u0627\u0628\u0637 \u062f\u0648\u0644\u064a\u0629<\/span>\n                <span>\u0645\u0646 \u0627\u0644\u0645\u0646\u0634\u0623 \u0625\u0644\u0649 \u0627\u0644\u0648\u062c\u0647\u0629<\/span>\n            <\/div>\n\n            <svg\n                class=\"is-globe-svg\"\n                viewBox=\"0 0 480 410\"\n                role=\"img\"\n                aria-label=\"\u0631\u0633\u0645 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0628\u064a\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\"\n            >\n                <defs>\n                    <radialGradient id=\"is-globe-fill\">\n                        <stop stop-color=\"#215C6A\"\/>\n                        <stop offset=\"1\" stop-color=\"#0B3340\"\/>\n                    <\/radialGradient>\n\n                    <clipPath id=\"is-globe-clip\">\n                        <circle cx=\"240\" cy=\"200\" r=\"143\"\/>\n                    <\/clipPath>\n                <\/defs>\n\n                <circle\n                    cx=\"240\"\n                    cy=\"200\"\n                    r=\"169\"\n                    fill=\"none\"\n                    stroke=\"#FFFFFF0D\"\n                \/>\n\n                <circle\n                    cx=\"240\"\n                    cy=\"200\"\n                    r=\"143\"\n                    fill=\"url(#is-globe-fill)\"\n                    stroke=\"#6C959F\"\n                \/>\n\n                <g\n                    clip-path=\"url(#is-globe-clip)\"\n                    fill=\"none\"\n                    stroke=\"#81A6AE\"\n                    stroke-opacity=\".35\"\n                >\n                    <ellipse cx=\"240\" cy=\"200\" rx=\"95\" ry=\"143\"\/>\n                    <ellipse cx=\"240\" cy=\"200\" rx=\"42\" ry=\"143\"\/>\n                    <ellipse cx=\"240\" cy=\"200\" rx=\"143\" ry=\"100\"\/>\n                    <ellipse cx=\"240\" cy=\"200\" rx=\"143\" ry=\"46\"\/>\n                    <path d=\"M97 200H383M240 57V343\"\/>\n                <\/g>\n\n                <path\n                    d=\"M112 245Q175 55 340 122\"\n                    fill=\"none\"\n                    stroke=\"#FFFFFF55\"\n                    stroke-width=\"1.5\"\n                \/>\n\n                <path\n                    class=\"is-flight-path\"\n                    d=\"M112 245Q175 55 340 122\"\n                    fill=\"none\"\n                    stroke=\"#FF8178\"\n                    stroke-width=\"2.5\"\n                    stroke-dasharray=\"6 10\"\n                \/>\n\n                <path\n                    class=\"is-flight-path\"\n                    d=\"M112 245Q295 330 365 221\"\n                    fill=\"none\"\n                    stroke=\"#FF8178\"\n                    stroke-width=\"2\"\n                    stroke-dasharray=\"6 10\"\n                \/>\n\n                <g fill=\"#FF8178\">\n                    <circle cx=\"112\" cy=\"245\" r=\"5\"\/>\n                    <circle cx=\"340\" cy=\"122\" r=\"5\"\/>\n                    <circle cx=\"365\" cy=\"221\" r=\"5\"\/>\n                <\/g>\n\n                <g fill=\"none\" stroke=\"#FF8178\" stroke-opacity=\".45\">\n                    <circle cx=\"112\" cy=\"245\" r=\"13\"\/>\n                    <circle cx=\"340\" cy=\"122\" r=\"13\"\/>\n                    <circle cx=\"365\" cy=\"221\" r=\"13\"\/>\n                <\/g>\n\n                <rect\n                    x=\"16\"\n                    y=\"269\"\n                    width=\"172\"\n                    height=\"43\"\n                    rx=\"7\"\n                    fill=\"#0B3340\"\n                    stroke=\"#668F99\"\n                \/>\n\n                <rect\n                    x=\"301\"\n                    y=\"68\"\n                    width=\"145\"\n                    height=\"36\"\n                    rx=\"7\"\n                    fill=\"#0B3340\"\n                    stroke=\"#668F99\"\n                \/>\n\n                <g\n                    fill=\"#FFFFFF\"\n                    font-size=\"12\"\n                    font-weight=\"700\"\n                    direction=\"rtl\"\n                    text-anchor=\"middle\"\n                >\n                    <text x=\"102\" y=\"295\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/text>\n                    <text x=\"373.5\" y=\"91\">\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/text>\n                <\/g>\n\n                <text\n                    x=\"240\"\n                    y=\"386\"\n                    text-anchor=\"middle\"\n                    fill=\"#ACC4CA\"\n                    font-size=\"12\"\n                    font-weight=\"500\"\n                    direction=\"rtl\"\n                >\u0628\u062d\u0631\u064a \/ \u062c\u0648\u064a \/ \u0628\u0631\u064a<\/text>\n            <\/svg>\n\n            <div class=\"is-panel-footer\">\n                <span>\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a<\/span>\n                <span>\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639<\/span>\n                <span>\u0627\u0644\u062a\u0646\u0633\u064a\u0642<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"is-hero-strip\">\n        <div class=\"is-wrap\">\n\n            <div class=\"is-strip-item\">\n                <small>\u0660\u0661 \/ \u0628\u062d\u0631\u064a<\/small>\n                <strong>\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a<\/strong>\n            <\/div>\n\n            <div class=\"is-strip-item\">\n                <small>\u0660\u0662 \/ \u062c\u0648\u064a<\/small>\n                <strong>\u0634\u062d\u0646\u0627\u062a \u062a\u062a\u0637\u0644\u0628 \u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/strong>\n            <\/div>\n\n            <div class=\"is-strip-item\">\n                <small>\u0660\u0663 \/ \u0628\u0631\u064a<\/small>\n                <strong>\u0646\u0642\u0644 \u0639\u0628\u0631 \u0627\u0644\u062d\u062f\u0648\u062f<\/strong>\n            <\/div>\n\n            <div class=\"is-strip-item\">\n                <small>\u0660\u0664 \/ \u0627\u0644\u062a\u0646\u0633\u064a\u0642<\/small>\n                <strong>\u062a\u062e\u0637\u064a\u0637 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0634\u062d\u0646\u0627\u062a<\/strong>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db2e90f e-con-full e-flex e-con e-parent\" data-id=\"db2e90f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-384f4df elementor-widget elementor-widget-html\" data-id=\"384f4df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.is-modes{background:#F3F5F2}\r\n\r\n.is-mode-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:18px;\r\n}\r\n\r\n.is-mode-card{\r\n    display:flex;\r\n    flex-direction:column;\r\n    min-width:0;\r\n    overflow:hidden;\r\n    border:1px solid #D7E0DF;\r\n    border-radius:12px;\r\n    background:#FFFFFF;\r\n    transition:transform .3s,box-shadow .3s;\r\n}\r\n\r\n.is-mode-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 22px 45px #082D3812;\r\n}\r\n\r\n.is-mode-visual{\r\n    position:relative;\r\n    display:grid;\r\n    place-items:center;\r\n    height:200px;\r\n    overflow:hidden;\r\n    background:\r\n        linear-gradient(#FFFFFF05 1px,transparent 1px),\r\n        linear-gradient(90deg,#FFFFFF05 1px,transparent 1px),\r\n        #082D38;\r\n    background-size:26px 26px;\r\n}\r\n\r\n.is-mode-visual svg{\r\n    width:75%;\r\n    height:135px;\r\n}\r\n\r\n.is-mode-code{\r\n    position:absolute;\r\n    left:22px;\r\n    top:19px;\r\n    color:#FF8178;\r\n    font-size:9px;\r\n    font-weight:800;\r\n    letter-spacing:.15em;\r\n}\r\n\r\n.is-mode-body{\r\n    display:flex;\r\n    flex:1;\r\n    flex-direction:column;\r\n    padding:30px;\r\n}\r\n\r\n.is-mode-body h3{margin-bottom:15px!important}\r\n.is-mode-body p{font-size:14px}\r\n\r\n.is-mode-tags{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:7px;\r\n    margin-top:auto;\r\n    padding-top:25px;\r\n}\r\n\r\n.is-mode-tags span{\r\n    padding:7px 9px;\r\n    border:1px solid #D7E0DF;\r\n    border-radius:4px;\r\n    color:#526970;\r\n    font-size:10px;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .is-mode-grid{grid-template-columns:1fr}\r\n    .is-mode-visual{height:185px}\r\n    .is-mode-visual svg{max-width:300px}\r\n}\r\n<\/style><section class=\"is-section is-modes\" id=\"is-modes\"><div class=\"is-wrap\"><div class=\"is-head\" data-is-reveal><div><div class=\"is-eyebrow\">Choose the right way forward<\/div><h2>Your Cargo.<br\/><span class=\"is-accent\">The Right Connection.<\/span><\/h2><\/div><p>Balance shipment size, delivery priorities and\r\n                destination requirements with a transport\r\n                option that fits your operation.\r\n            <\/p><\/div><div class=\"is-mode-grid\"><article class=\"is-mode-card\" data-is-reveal><div class=\"is-mode-visual\"><span class=\"is-mode-code\">01 \/ OCEAN FREIGHT<\/span><svg viewBox=\"0 0 280 145\" aria-hidden=\"true\"><g fill=\"#265766\" stroke=\"#8DAEB7\"><rect x=\"55\" y=\"53\" width=\"50\" height=\"27\"\/><rect x=\"109\" y=\"53\" width=\"50\" height=\"27\"\/><rect x=\"163\" y=\"53\" width=\"50\" height=\"27\"\/><rect x=\"109\" y=\"22\" width=\"50\" height=\"27\"\/><rect x=\"163\" y=\"22\" width=\"50\" height=\"27\"\/><\/g><path d=\"M35 86H245L224 112H61Z\"\r\n                              fill=\"#164451\" stroke=\"#A8C1C8\"\/><path d=\"M53 86V60H39V86\"\r\n                              fill=\"none\" stroke=\"#A8C1C8\"\/><path d=\"M26 125Q41 115 56 125T86 125T116 125T146 125T176 125T206 125T236 125\"\r\n                              fill=\"none\" stroke=\"#FF8178\" stroke-width=\"2\"\/><\/svg><\/div><div class=\"is-mode-body\"><h3>Sea Freight<\/h3><p>Plan ocean shipments around cargo volume,\r\n                        port requirements and delivery schedules,\r\n                        with container options suited to your load.\r\n                    <\/p><div class=\"is-mode-tags\"><span>Containerized cargo<\/span><span>FCL \/ LCL planning<\/span><\/div><\/div><\/article><article class=\"is-mode-card\" data-is-reveal><div class=\"is-mode-visual\"><span class=\"is-mode-code\">02 \/ AIR FREIGHT<\/span><svg viewBox=\"0 0 280 145\" aria-hidden=\"true\"><path d=\"M34 109Q115 17 250 44\"\r\n                              fill=\"none\" stroke=\"#FF8178\"\r\n                              stroke-width=\"2\" stroke-dasharray=\"5 8\"\/><path d=\"m78 90 58-18 8-39 13-5 1 38 51-15\r\n                                 13 7-62 26-9 31-11 4-5-27-40 10Z\"\r\n                              fill=\"#356572\" stroke=\"#B6CCD1\"\r\n                              stroke-width=\"1.5\"\/><path d=\"M61 112H109M43 123H85\"\r\n                              stroke=\"#7EA2AD\"\/><\/svg><\/div><div class=\"is-mode-body\"><h3>Air Freight<\/h3><p>Coordinate time-sensitive shipments with\r\n                        attention to airline acceptance, cargo\r\n                        preparation and onward delivery needs.\r\n                    <\/p><div class=\"is-mode-tags\"><span>Urgent shipments<\/span><span>Airport coordination<\/span><\/div><\/div><\/article><article class=\"is-mode-card\" data-is-reveal><div class=\"is-mode-visual\"><span class=\"is-mode-code\">03 \/ ROAD FREIGHT<\/span><svg viewBox=\"0 0 280 145\" aria-hidden=\"true\"><rect x=\"36\" y=\"40\" width=\"132\" height=\"61\" rx=\"3\"\r\n                              fill=\"#265766\" stroke=\"#A8C1C8\"\/><path d=\"M168 63H203L232 85V101H168Z\"\r\n                              fill=\"#164451\" stroke=\"#A8C1C8\"\/><path d=\"M181 69H201L218 84H181Z\"\r\n                              fill=\"#82A7B0\"\/><g fill=\"#082D38\" stroke=\"#B6CCD1\" stroke-width=\"3\"><circle cx=\"73\" cy=\"104\" r=\"12\"\/><circle cx=\"199\" cy=\"104\" r=\"12\"\/><\/g><path d=\"M47 50V91M60 50V85M87 50V85M101 50V91M115 50V91M129 50V91M143 50V91\"\r\n                              stroke=\"#6B929D\"\/><path d=\"M22 128H258\" stroke=\"#FF8178\"\r\n                              stroke-width=\"2\" stroke-dasharray=\"14 9\"\/><\/svg><\/div><div class=\"is-mode-body\"><h3>Cross-Border Road Freight<\/h3><p>Align regional road movements with border\r\n                        documentation, vehicle requirements and\r\n                        receiving schedules at destination.\r\n                    <\/p><div class=\"is-mode-tags\"><span>Regional connections<\/span><span>Border coordination<\/span><\/div><\/div><\/article><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d3dcf9 e-con-full e-flex e-con e-parent\" data-id=\"5d3dcf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b09cb0 elementor-widget elementor-widget-html\" data-id=\"5b09cb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.is-coordination{background:#FFFFFF}\r\n\r\n.is-bento{\r\n    display:grid;\r\n    grid-template-columns:1.1fr 1fr 1fr;\r\n    gap:18px;\r\n}\r\n\r\n.is-bento-card{\r\n    padding:30px;\r\n    border:1px solid #D7E0DF;\r\n    border-radius:12px;\r\n    background:#F3F5F2;\r\n}\r\n\r\n.is-bento-card h3{margin:30px 0 14px!important}\r\n.is-bento-card p{font-size:14px}\r\n\r\n.is-bento-number{\r\n    color:#B30707;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.13em;\r\n}\r\n\r\n.is-bento-feature{\r\n    grid-row:span 2;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:space-between;\r\n    background:#082D38;\r\n    border-color:#082D38;\r\n    color:#FFFFFF;\r\n}\r\n\r\n.is-bento-feature .is-bento-number{color:#FF8178}\r\n.is-bento-feature h3{font-size:35px}\r\n.is-bento-feature p{color:#C1D2D5!important}\r\n\r\n.is-ticket{\r\n    position:relative;\r\n    margin-top:45px;\r\n    padding:24px;\r\n    border:1px solid #668F99;\r\n    border-radius:9px;\r\n    background:#164451;\r\n}\r\n\r\n.is-ticket small{\r\n    display:block;\r\n    color:#B6CCD1;\r\n    font-size:9px;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.is-ticket-route{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:10px;\r\n    margin:20px 0;\r\n    color:#FFFFFF;\r\n    font-size:15px;\r\n    font-weight:800;\r\n}\r\n\r\n.is-ticket-route span:nth-child(2){\r\n    flex:1;\r\n    height:1px;\r\n    background:#FF8178;\r\n}\r\n\r\n.is-ticket-bottom{\r\n    padding-top:17px;\r\n    border-top:1px dashed #799AA3;\r\n    color:#CADBDE;\r\n    font-size:10px;\r\n    line-height:1.7;\r\n}\r\n\r\n@media(max-width:1000px){\r\n    .is-bento{grid-template-columns:1fr 1fr}\r\n    .is-bento-feature{grid-column:span 2;grid-row:auto}\r\n    .is-ticket{max-width:400px}\r\n}\r\n\r\n@media(max-width:600px){\r\n    .is-bento{grid-template-columns:1fr}\r\n    .is-bento-feature{grid-column:auto}\r\n    .is-bento-card{padding:27px}\r\n}\r\n<\/style><section class=\"is-section is-coordination\"><div class=\"is-wrap\"><div class=\"is-head\" data-is-reveal><div><div class=\"is-eyebrow\">Beyond the booking<\/div><h2>Every Shipment.<br\/><span class=\"is-accent\">Connected at Every Stage.<\/span><\/h2><\/div><p>International shipping brings multiple handovers\r\n                together. Clear planning helps keep cargo details,\r\n                documents and delivery instructions aligned.\r\n            <\/p><\/div><div class=\"is-bento\"><article class=\"is-bento-card is-bento-feature\" data-is-reveal><div><span class=\"is-bento-number\">01 \/ SHIPMENT PLANNING<\/span><h3>One shipment.<br\/>A coordinated plan.<\/h3><p>Define the route, transport mode and handling\r\n                        requirements around your cargo and\r\n                        commercial priorities.\r\n                    <\/p><\/div><div class=\"is-ticket\"><small>Shipment planning brief<\/small><div class=\"is-ticket-route\"><span>Origin<\/span><span aria-hidden=\"true\"><\/span><span>Destination<\/span><\/div><div class=\"is-ticket-bottom\">Cargo profile \u00b7 Transport mode<br\/>Required dates \u00b7 Delivery scope\r\n                    <\/div><\/div><\/article><article class=\"is-bento-card\" data-is-reveal><span class=\"is-bento-number\">02 \/ DOCUMENTATION<\/span><h3>Document Coordination<\/h3><p>Align commercial and transport documents with\r\n                    shipment details and the requirements\r\n                    of the planned movement.\r\n                <\/p><\/article><article class=\"is-bento-card\" data-is-reveal><span class=\"is-bento-number\">03 \/ ORIGIN<\/span><h3>Collection &amp; Preparation<\/h3><p>Coordinate collection, packaging requirements\r\n                    and the handover to the selected\r\n                    transport provider.\r\n                <\/p><\/article><article class=\"is-bento-card\" data-is-reveal><span class=\"is-bento-number\">04 \/ CLEARANCE<\/span><h3>Customs Coordination<\/h3><p>Coordinate with the appointed clearance\r\n                    parties and organize supporting information\r\n                    within the agreed scope.\r\n                <\/p><\/article><article class=\"is-bento-card\" data-is-reveal><span class=\"is-bento-number\">05 \/ DESTINATION<\/span><h3>Onward Delivery Planning<\/h3><p>Align destination handovers and onward\r\n                    transport with receiving requirements\r\n                    and delivery instructions.\r\n                <\/p><\/article><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f163fe e-con-full e-flex e-con e-parent\" data-id=\"1f163fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd4e473 elementor-widget elementor-widget-html\" data-id=\"fd4e473\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.is-process{\r\n    background:#082D38;\r\n    color:#FFFFFF;\r\n}\r\n\r\n.is-process .is-eyebrow{color:#FF8178!important}\r\n\r\n.is-process-grid{\r\n    display:grid;\r\n    grid-template-columns:.9fr 1.1fr;\r\n    align-items:start;\r\n    gap:90px;\r\n}\r\n\r\n.is-process-intro > p{\r\n    max-width:420px;\r\n    margin-top:26px!important;\r\n    color:#C1D2D5!important;\r\n}\r\n\r\n.is-process-intro .is-link{margin-top:27px}\r\n\r\n.is-step{\r\n    margin:0;\r\n    border-bottom:1px solid #FFFFFF26;\r\n}\r\n\r\n.is-step:first-child{border-top:1px solid #FFFFFF26}\r\n\r\n.is-step summary{\r\n    display:grid;\r\n    grid-template-columns:35px 1fr 27px;\r\n    gap:15px;\r\n    align-items:center;\r\n    padding:25px 0;\r\n    list-style:none;\r\n    cursor:pointer;\r\n    color:#FFFFFF;\r\n}\r\n\r\n.is-step summary::-webkit-details-marker{display:none}\r\n.is-step summary::marker{content:\"\"}\r\n\r\n.is-step-number{\r\n    color:#FF8178;\r\n    font-size:11px;\r\n    font-weight:800;\r\n}\r\n\r\n.is-step summary strong{\r\n    font-size:20px;\r\n    letter-spacing:-.03em;\r\n}\r\n\r\n.is-step-toggle{\r\n    display:grid;\r\n    place-items:center;\r\n    width:27px;\r\n    height:27px;\r\n    border:1px solid #FFFFFF40;\r\n    border-radius:50%;\r\n    font-size:17px;\r\n    transition:transform .25s,background .25s;\r\n}\r\n\r\n.is-step[open] .is-step-toggle{\r\n    transform:rotate(45deg);\r\n    background:#B30707;\r\n    border-color:#B30707;\r\n}\r\n\r\n.is-step-body{padding:0 30px 27px 50px}\r\n\r\n.is-step-body p{\r\n    color:#C1D2D5!important;\r\n    font-size:14px;\r\n}\r\n\r\n.is-step-tags{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:7px;\r\n    margin-top:17px;\r\n}\r\n\r\n.is-step-tags span{\r\n    padding:7px 10px;\r\n    border:1px solid #FFFFFF20;\r\n    border-radius:4px;\r\n    background:#FFFFFF06;\r\n    color:#D3E1E3;\r\n    font-size:10px;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .is-process-grid{grid-template-columns:1fr;gap:40px}\r\n}\r\n\r\n@media(max-width:600px){\r\n    .is-step summary{grid-template-columns:24px 1fr 27px;gap:10px}\r\n    .is-step summary strong{font-size:18px}\r\n    .is-step-body{padding-left:34px;padding-right:0}\r\n}\r\n<\/style><section class=\"is-section is-process\" id=\"is-process\"><div class=\"is-wrap is-process-grid\"><div class=\"is-process-intro\" data-is-reveal><div class=\"is-eyebrow\">From first brief to final handover<\/div><h2>A Clear Plan.<br\/>Across Every Border.<\/h2><p>Start with the shipment details. Build the route.\r\n                Coordinate the handovers. Keep the next step\r\n                clear throughout the journey.\r\n            <\/p><a class=\"is-link\" href=\"https:\/\/aerocompass.com.sa\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\">Start Planning Your Shipment\r\n                <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><div data-is-reveal><details class=\"is-step\" open><summary><span class=\"is-step-number\">01<\/span><strong>Share Your Shipment Details<\/strong><span class=\"is-step-toggle\" aria-hidden=\"true\">+<\/span><\/summary><div class=\"is-step-body\"><p>Confirm the origin, destination, cargo type,\r\n                        dimensions, weight and required dates.\r\n                        Identify any special handling needs.\r\n                    <\/p><div class=\"is-step-tags\"><span>Cargo profile<\/span><span>Required schedule<\/span><\/div><\/div><\/details><details class=\"is-step\"><summary><span class=\"is-step-number\">02<\/span><strong>Review the Shipping Plan<\/strong><span class=\"is-step-toggle\" aria-hidden=\"true\">+<\/span><\/summary><div class=\"is-step-body\"><p>Review suitable transport options, routing,\r\n                        estimated transit times and the proposed\r\n                        scope before confirming arrangements.\r\n                    <\/p><div class=\"is-step-tags\"><span>Route selection<\/span><span>Scope confirmation<\/span><\/div><\/div><\/details><details class=\"is-step\"><summary><span class=\"is-step-number\">03<\/span><strong>Prepare &amp; Coordinate Dispatch<\/strong><span class=\"is-step-toggle\" aria-hidden=\"true\">+<\/span><\/summary><div class=\"is-step-body\"><p>Align shipment documents, collection\r\n                        instructions and carrier requirements\r\n                        for the planned departure.\r\n                    <\/p><div class=\"is-step-tags\"><span>Documentation<\/span><span>Origin handover<\/span><\/div><\/div><\/details><details class=\"is-step\"><summary><span class=\"is-step-number\">04<\/span><strong>Coordinate Arrival &amp; Delivery<\/strong><span class=\"is-step-toggle\" aria-hidden=\"true\">+<\/span><\/summary><div class=\"is-step-body\"><p>Coordinate destination requirements,\r\n                        release arrangements and onward\r\n                        delivery within the agreed service scope.\r\n                    <\/p><div class=\"is-step-tags\"><span>Arrival coordination<\/span><span>Final handover<\/span><\/div><\/div><\/details><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99eff7f e-con-full e-flex e-con e-parent\" data-id=\"99eff7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0eadfaf elementor-widget elementor-widget-html\" data-id=\"0eadfaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.is-final{background:#F3F5F2}\r\n\r\n.is-final-panel{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:1.15fr .85fr;\r\n    align-items:center;\r\n    gap:70px;\r\n    padding:65px;\r\n    border:1px solid #D7E0DF;\r\n    border-radius:16px;\r\n    background:#FFFFFF;\r\n    overflow:hidden;\r\n}\r\n\r\n.is-final-panel::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0 auto 0 0;\r\n    width:5px;\r\n    background:#B30707;\r\n}\r\n\r\n.is-final-panel h2{\r\n    font-size:clamp(37px,4vw,58px);\r\n}\r\n\r\n.is-final-panel p{margin-top:24px!important}\r\n\r\n.is-final-side{\r\n    padding-left:35px;\r\n    border-left:1px solid #D7E0DF;\r\n}\r\n\r\n.is-final-side > strong{\r\n    display:block;\r\n    margin-bottom:22px;\r\n    color:#082D38;\r\n    font-size:13px;\r\n}\r\n\r\n.is-final-list{\r\n    display:grid;\r\n    gap:14px;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.is-final-list span{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n    color:#526970;\r\n    font-size:12px;\r\n    line-height:1.6;\r\n}\r\n\r\n.is-final-list span::before{\r\n    content:\"\";\r\n    flex:0 0 5px;\r\n    height:5px;\r\n    background:#B30707;\r\n}\r\n\r\n.is-final-side .is-btn{width:100%}\r\n\r\n@media(max-width:900px){\r\n    .is-final-panel{grid-template-columns:1fr;gap:35px;padding:45px}\r\n    .is-final-side{\r\n        padding:28px 0 0;\r\n        border-left:0;\r\n        border-top:1px solid #D7E0DF;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .is-final-panel{padding:32px 25px}\r\n}\r\n<\/style><section class=\"is-section is-final\"><div class=\"is-wrap\"><div class=\"is-final-panel\" data-is-reveal><div><div class=\"is-eyebrow\">Your next shipment starts here<\/div><h2>Tell Us Where.<br\/><span class=\"is-accent\">Let\u2019s Plan the Journey.<\/span><\/h2><p>Share your shipment requirements and let\u2019s\r\n                    discuss the route, transport options and\r\n                    coordination your cargo needs.\r\n                <\/p><\/div><div class=\"is-final-side\"><strong>For a useful shipping enquiry, include:<\/strong><div class=\"is-final-list\"><span>Origin and destination<\/span><span>Cargo description, dimensions and weight<\/span><span>Preferred collection and delivery dates<\/span><span>Required delivery scope and trade terms<\/span><\/div><a class=\"is-btn\" href=\"https:\/\/aerocompass.com.sa\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\">Request a Shipping Quote\r\n                    <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c965d4d elementor-widget elementor-widget-html\" data-id=\"c965d4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>(function () {\r\n    const key = \"__aeroInternationalShipping\";\r\n\r\n    if (window[key]) {\r\n        window[key].refresh();\r\n        return;\r\n    }\r\n\r\n    const state = {\r\n        refresh: function () {},\r\n        seen: new WeakSet()\r\n    };\r\n\r\n    window[key] = state;\r\n\r\n    function loadScript(src, isReady) {\r\n        if (isReady()) return Promise.resolve();\r\n\r\n        return new Promise(function (resolve, reject) {\r\n            const script = document.createElement(\"script\");\r\n            script.src = src;\r\n            script.async = true;\r\n\r\n            script.onload = function () {\r\n                if (isReady()) resolve();\r\n                else reject(new Error(\"Library unavailable\"));\r\n            };\r\n\r\n            script.onerror = reject;\r\n            document.head.appendChild(script);\r\n        });\r\n    }\r\n\r\n    async function start() {\r\n        try {\r\n            await loadScript(\r\n                \"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/gsap.min.js\",\r\n                function () { return !!window.gsap; }\r\n            );\r\n\r\n            await loadScript(\r\n                \"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/ScrollTrigger.min.js\",\r\n                function () { return !!window.ScrollTrigger; }\r\n            );\r\n        } catch (error) {\r\n            return;\r\n        }\r\n\r\n        const gsap = window.gsap;\r\n        const ScrollTrigger = window.ScrollTrigger;\r\n\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        const media = gsap.matchMedia();\r\n\r\n        media.add(\"(prefers-reduced-motion: no-preference)\", function () {\r\n            const animations = [];\r\n            const triggers = [];\r\n\r\n            function enhance() {\r\n                document.querySelectorAll(\r\n                    \".is-section [data-is-reveal]\"\r\n                ).forEach(function (element) {\r\n                    if (state.seen.has(element)) return;\r\n                    state.seen.add(element);\r\n\r\n                    triggers.push(\r\n                        ScrollTrigger.create({\r\n                            trigger: element,\r\n                            start: \"top 94%\",\r\n                            once: true,\r\n                            onEnter: function () {\r\n                                animations.push(\r\n                                    gsap.fromTo(\r\n                                        element,\r\n                                        { y: 25 },\r\n                                        {\r\n                                            y: 0,\r\n                                            duration: 0.85,\r\n                                            ease: \"power3.out\",\r\n                                            clearProps: \"transform\"\r\n                                        }\r\n                                    )\r\n                                );\r\n                            }\r\n                        })\r\n                    );\r\n                });\r\n\r\n                ScrollTrigger.refresh();\r\n            }\r\n\r\n            document.querySelectorAll(\".is-flight-path\").forEach(function (path) {\r\n                const motion = gsap.to(path, {\r\n                    strokeDashoffset: -32,\r\n                    duration: 2,\r\n                    repeat: -1,\r\n                    ease: \"none\",\r\n                    paused: true\r\n                });\r\n\r\n                animations.push(motion);\r\n\r\n                triggers.push(\r\n                    ScrollTrigger.create({\r\n                        trigger: path.closest(\".is-globe-panel\"),\r\n                        start: \"top bottom\",\r\n                        end: \"bottom top\",\r\n                        onToggle: function (self) {\r\n                            if (self.isActive) motion.play();\r\n                            else motion.pause();\r\n                        }\r\n                    })\r\n                );\r\n            });\r\n\r\n            state.refresh = enhance;\r\n            enhance();\r\n\r\n            return function () {\r\n                triggers.forEach(function (trigger) {\r\n                    trigger.kill();\r\n                });\r\n\r\n                animations.forEach(function (animation) {\r\n                    animation.revert();\r\n                });\r\n\r\n                state.seen = new WeakSet();\r\n                state.refresh = function () {};\r\n            };\r\n        });\r\n\r\n        document.querySelectorAll(\".is-step\").forEach(function (step) {\r\n            step.addEventListener(\"toggle\", function () {\r\n                ScrollTrigger.refresh();\r\n            });\r\n        });\r\n\r\n        if (document.fonts &amp;&amp; document.fonts.ready) {\r\n            document.fonts.ready.then(function () {\r\n                ScrollTrigger.refresh();\r\n            });\r\n        }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", start, { once: true });\r\n    } else {\r\n        start();\r\n    }\r\n})();\r\n<\/script>\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>\u0623\u064a\u0631\u0648 \u0643\u0648\u0645\u0628\u0627\u0633 \/ \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062f\u0648\u0644\u064a \u0646\u0639\u0628\u0631 \u0627\u0644\u062d\u062f\u0648\u062f. \u0648\u0646\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a. \u0646\u0631\u0628\u0637 \u0623\u0639\u0645\u0627\u0644\u0643 \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0634\u062d\u0646 \u0628\u062d\u0631\u064a \u0648\u062c\u0648\u064a \u0648\u0628\u0631\u064a \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0646\u062e\u0637\u0637 \u0644\u0647\u0627 \u0628\u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u0634\u062d\u0646\u062a\u0643 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0643 \u0648\u0648\u062c\u0647\u062a\u0643. \u062a\u062d\u062f\u0651\u062b \u0645\u0639\u0646\u0627 \u0639\u0646 \u0634\u062d\u0646\u062a\u0643 \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0631\u0648\u0627\u0628\u0637 \u062f\u0648\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u0646\u0634\u0623 \u0625\u0644\u0649 \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u062d\u0631\u064a \/ \u062c\u0648\u064a \/ \u0628\u0631\u064a \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2717,"parent":2646,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2716","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/pages\/2716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/comments?post=2716"}],"version-history":[{"count":7,"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/pages\/2716\/revisions"}],"predecessor-version":[{"id":2725,"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/pages\/2716\/revisions\/2725"}],"up":[{"embeddable":true,"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/pages\/2646"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/media\/2717"}],"wp:attachment":[{"href":"https:\/\/aerocompass.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=2716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}