{"id":8,"date":"2026-09-22T10:42:31","date_gmt":"2026-09-22T10:42:31","guid":{"rendered":"https:\/\/oceaneagles.com\/?page_id=8"},"modified":"2026-09-27T19:14:06","modified_gmt":"2026-09-27T19:14:06","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/oceaneagles.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-139af68 e-con-full e-flex e-con e-parent\" data-id=\"139af68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf10ec1 elementor-widget elementor-widget-html\" data-id=\"bf10ec1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     \u0647\u064a\u0631\u0648 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u0633\u0627\u0633\r\n========================================================= *\/\r\n\r\n.oe-hero{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    min-height:760px;\r\n    height:100vh;\r\n\r\n    max-height:940px;\r\n\r\n    overflow:hidden;\r\n\r\n    direction:rtl;\r\n\r\n    isolation:isolate;\r\n\r\n    background:#06294F;\r\n\r\n}\r\n\r\n\r\n.elementor-widget-html:has(.oe-hero){\r\n\r\n    width:100% !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062e\u0644\u0641\u064a\u0629\r\n========================================================= *\/\r\n\r\n.oe-hero-bg{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-5;\r\n\r\n    background-image:\r\n        url('https:\/\/oceaneagles.com\/wp-content\/uploads\/2026\/09\/Ocean-Eagles-Hero.webp');\r\n\r\n    background-size:cover;\r\n\r\n    background-position:center center;\r\n\r\n    transform:scale(1.015);\r\n\r\n    animation:\r\n        oeHeroZoom 14s ease-out forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes oeHeroZoom{\r\n\r\n    from{\r\n        transform:scale(1.06);\r\n    }\r\n\r\n    to{\r\n        transform:scale(1.015);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062a\u062f\u0631\u062c\u0627\u062a\r\n========================================================= *\/\r\n\r\n.oe-hero-overlay{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-4;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,15,30,.05) 0%,\r\n            rgba(0,20,40,.08) 35%,\r\n            rgba(0,20,40,.42) 68%,\r\n            rgba(2,20,38,.80) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n.oe-hero-bottom-shade{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-3;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.16) 0%,\r\n            rgba(0,0,0,0) 35%,\r\n            rgba(0,10,22,.05) 50%,\r\n            rgba(0,11,24,.85) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n.oe-hero-glow{\r\n\r\n    position:absolute;\r\n\r\n    width:540px;\r\n    height:540px;\r\n\r\n    right:-170px;\r\n    bottom:-200px;\r\n\r\n    z-index:-2;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.30),\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u062d\u062a\u0648\u0649\r\n========================================================= *\/\r\n\r\n.oe-hero-container{\r\n\r\n    width:min(1180px, calc(100% - 50px));\r\n\r\n    height:100%;\r\n\r\n    min-height:760px;\r\n\r\n    margin:auto;\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    padding-bottom:125px;\r\n\r\n}\r\n\r\n\r\n.oe-hero-content{\r\n\r\n    width:100%;\r\n    max-width:610px;\r\n\r\n    margin-right:0;\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u063a\u064a\u0631\r\n========================================================= *\/\r\n\r\n.oe-hero-eyebrow{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    justify-content:flex-start;\r\n\r\n    color:rgba(255,255,255,.82);\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:0;\r\n\r\n}\r\n\r\n\r\n.oe-hero-line{\r\n\r\n    width:45px;\r\n    height:2px;\r\n\r\n    background:#0C6A9E;\r\n\r\n    border-radius:10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\r\n========================================================= *\/\r\n\r\n.oe-hero h1{\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(48px, 5.2vw, 82px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.05;\r\n\r\n    letter-spacing:0;\r\n\r\n}\r\n\r\n\r\n.oe-hero h1 span{\r\n\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n\r\n.oe-hero h1 span::after{\r\n\r\n    content:\"\";\r\n\r\n    display:inline-block;\r\n\r\n    width:70px;\r\n    height:5px;\r\n\r\n    margin-right:15px;\r\n\r\n    vertical-align:middle;\r\n\r\n    border-radius:10px;\r\n\r\n    background:#0C6A9E;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0648\u0635\u0641\r\n========================================================= *\/\r\n\r\n.oe-hero-content > p{\r\n\r\n    max-width:570px;\r\n\r\n    margin:23px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.88);\r\n\r\n    font-size:17px;\r\n\r\n    font-weight:400;\r\n\r\n    line-height:1.95;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629\r\n========================================================= *\/\r\n\r\n.oe-hero-tags{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:11px;\r\n\r\n    margin-top:19px;\r\n\r\n    color:\r\n        rgba(255,255,255,.68);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:600;\r\n\r\n}\r\n\r\n\r\n.oe-hero-tags i{\r\n\r\n    width:4px;\r\n    height:4px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#0C6A9E;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n========================================================= *\/\r\n\r\n.oe-hero-actions{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    margin-top:28px;\r\n\r\n}\r\n\r\n\r\n.oe-btn{\r\n\r\n    min-height:52px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:12px;\r\n\r\n    padding:0 24px;\r\n\r\n    border-radius:28px;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:700;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.oe-btn-primary{\r\n\r\n    color:#fff !important;\r\n\r\n    background:#0C6A9E;\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(12,106,158,.28);\r\n\r\n}\r\n\r\n\r\n.oe-btn-primary svg{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:rotate(180deg);\r\n\r\n    transition:transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.oe-btn-primary:hover{\r\n\r\n    transform:translateY(-3px);\r\n\r\n    background:#0E79B4;\r\n\r\n    box-shadow:\r\n        0 14px 35px rgba(12,106,158,.38);\r\n\r\n}\r\n\r\n\r\n.oe-btn-primary:hover svg{\r\n\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n.oe-btn-outline{\r\n\r\n    color:#fff !important;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.42);\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    -webkit-backdrop-filter:blur(10px);\r\n\r\n}\r\n\r\n\r\n.oe-btn-outline:hover{\r\n\r\n    transform:translateY(-3px);\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.75);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0633\u0641\u0644\u064a\r\n========================================================= *\/\r\n\r\n.oe-hero-bottom{\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    left:0;\r\n    bottom:25px;\r\n\r\n}\r\n\r\n\r\n.oe-hero-bottom-inner{\r\n\r\n    width:min(1180px, calc(100% - 50px));\r\n\r\n    margin:auto;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:14px;\r\n\r\n    direction:rtl;\r\n\r\n    color:\r\n        rgba(255,255,255,.45);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:600;\r\n\r\n}\r\n\r\n\r\n.oe-hero-bottom-inner i{\r\n\r\n    width:4px;\r\n    height:4px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#0C6A9E;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .oe-hero{\r\n\r\n        height:780px;\r\n\r\n        min-height:780px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-bg{\r\n\r\n        background-position:55% center;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-overlay{\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(0,12,25,.10) 0%,\r\n                rgba(0,12,25,.15) 30%,\r\n                rgba(0,15,30,.82) 100%\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-container{\r\n\r\n        min-height:780px;\r\n\r\n        width:calc(100% - 40px);\r\n\r\n        padding-bottom:105px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-content{\r\n\r\n        max-width:650px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero h1{\r\n\r\n        font-size:\r\n            clamp(45px, 8vw, 68px);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-hero{\r\n\r\n        height:720px;\r\n\r\n        min-height:720px;\r\n\r\n        max-height:none;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-bg{\r\n\r\n        background-position:\r\n            47% center;\r\n\r\n        animation:none;\r\n\r\n        transform:none;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-overlay{\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(0,10,22,.12) 0%,\r\n                rgba(0,10,22,.10) 25%,\r\n                rgba(0,12,25,.55) 55%,\r\n                rgba(0,12,25,.94) 100%\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-container{\r\n\r\n        width:calc(100% - 34px);\r\n\r\n        min-height:720px;\r\n\r\n        padding-bottom:92px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-content{\r\n\r\n        max-width:100%;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-eyebrow{\r\n\r\n        font-size:12px;\r\n\r\n        margin-bottom:13px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-line{\r\n\r\n        width:32px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero h1{\r\n\r\n        font-size:43px;\r\n\r\n        line-height:1.08;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero h1 span::after{\r\n\r\n        width:42px;\r\n        height:4px;\r\n\r\n        margin-right:9px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-content > p{\r\n\r\n        margin-top:18px;\r\n\r\n        font-size:14px;\r\n\r\n        line-height:1.9;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-tags{\r\n\r\n        gap:8px;\r\n\r\n        margin-top:14px;\r\n\r\n        font-size:10px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-actions{\r\n\r\n        gap:9px;\r\n\r\n        margin-top:22px;\r\n\r\n    }\r\n\r\n\r\n    .oe-btn{\r\n\r\n        min-height:48px;\r\n\r\n        padding:0 18px;\r\n\r\n        font-size:13px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-bottom{\r\n\r\n        bottom:20px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-bottom-inner{\r\n\r\n        width:calc(100% - 34px);\r\n\r\n        gap:8px;\r\n\r\n        font-size:9px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u064b\u0627\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n    .oe-hero h1{\r\n\r\n        font-size:38px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-actions{\r\n\r\n        width:100%;\r\n\r\n    }\r\n\r\n\r\n    .oe-btn{\r\n\r\n        flex:1;\r\n\r\n        padding:0 12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-bottom-inner{\r\n\r\n        justify-content:center;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-bottom-inner span:last-child{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n\r\n    .oe-hero-bottom-inner i:last-of-type{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"oe-hero\">\r\n\r\n    <div class=\"oe-hero-bg\"><\/div>\r\n\r\n    <div class=\"oe-hero-overlay\"><\/div>\r\n    <div class=\"oe-hero-bottom-shade\"><\/div>\r\n    <div class=\"oe-hero-glow\"><\/div>\r\n\r\n    <div class=\"oe-hero-container\">\r\n\r\n        <div class=\"oe-hero-content\">\r\n\r\n            <div class=\"oe-hero-eyebrow\">\r\n                <span class=\"oe-hero-line\"><\/span>\r\n                <span> \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633<\/span>\r\n            <\/div>\r\n\r\n            <h1>\r\n                \u0646\u0631\u0628\u0637 \u062a\u062c\u0627\u0631\u062a\u0643\r\n                <span>\u0628\u0627\u0644\u0639\u0627\u0644\u0645<\/span>\r\n            <\/h1>\r\n\r\n            <p>\r\n                \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c\r\n                \u0646\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632 \u0639\u0645\u0644\u064a\u0627\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0633\u0631\u0639\u0629 \u0648\u0623\u0645\u0627\u0646.\r\n            <\/p>\r\n\r\n            <div class=\"oe-hero-tags\">\r\n                <span>\u0627\u0633\u062a\u064a\u0631\u0627\u062f<\/span>\r\n                <i><\/i>\r\n                <span>\u062a\u0635\u062f\u064a\u0631<\/span>\r\n                <i><\/i>\r\n                <span>\u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/span>\r\n                <i><\/i>\r\n                <span>\u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"oe-hero-actions\">\r\n\r\n                <a href=\"https:\/\/oceaneagles.com\/services\/\" class=\"oe-btn oe-btn-primary\">\r\n                    <span>\u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/oceaneagles.com\/contact-us\/\" class=\"oe-btn oe-btn-outline\">\r\n                    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"oe-hero-bottom\">\r\n\r\n        <div class=\"oe-hero-bottom-inner\">\r\n\r\n            <span>\u0627\u0633\u062a\u064a\u0631\u0627\u062f<\/span>\r\n\r\n            <i><\/i>\r\n\r\n            <span>\u062a\u0635\u062f\u064a\u0631<\/span>\r\n\r\n            <i><\/i>\r\n\r\n            <span>\u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/span>\r\n\r\n            <i><\/i>\r\n\r\n            <span>\u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629<\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-588ee91 e-con-full e-flex e-con e-parent\" data-id=\"588ee91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13c108b elementor-widget elementor-widget-html\" data-id=\"13c108b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     OCEAN EAGLES - ABOUT SECTION\r\n========================================================= -->\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0633\u0643\u0634\u0646\r\n========================================================= *\/\r\n\r\n.ocean-about-section{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    direction:rtl;\r\n\r\n    padding:\r\n        105px 20px\r\n        115px;\r\n\r\n    background:#ffffff;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\/* \u0632\u062e\u0631\u0641\u0629 \u062e\u0644\u0641\u064a\u0629 *\/\r\n\r\n.ocean-about-section::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-230px;\r\n    left:-180px;\r\n\r\n    width:520px;\r\n    height:520px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.08) 0%,\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.ocean-about-section::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:-200px;\r\n    bottom:-260px;\r\n\r\n    width:520px;\r\n    height:520px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(6,41,79,.07) 0%,\r\n            rgba(6,41,79,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062d\u0627\u0648\u064a\u0629\r\n========================================================= *\/\r\n\r\n.ocean-about-wrap{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:1180px;\r\n\r\n    margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646\r\n========================================================= *\/\r\n\r\n.ocean-about-head{\r\n\r\n    width:100%;\r\n    max-width:880px;\r\n\r\n    margin:\r\n        0 auto\r\n        60px;\r\n\r\n    text-align:center;\r\n\r\n    animation:\r\n        oceanAboutFade .7s ease both;\r\n\r\n}\r\n\r\n\r\n@keyframes oceanAboutFade{\r\n\r\n    from{\r\n\r\n        opacity:0;\r\n        transform:translateY(18px);\r\n\r\n    }\r\n\r\n    to{\r\n\r\n        opacity:1;\r\n        transform:translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u063a\u064a\u0631 *\/\r\n\r\n.ocean-about-label{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    margin-bottom:20px;\r\n\r\n    padding:8px 16px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#F2F7FB;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n.ocean-about-label span{\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#0C6A9E;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0643\u0628\u064a\u0631 *\/\r\n\r\n.ocean-about-head h2{\r\n\r\n    margin:0;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:\r\n        clamp(36px,4.2vw,58px);\r\n\r\n    line-height:1.25;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.ocean-about-head h2 strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0648\u0635\u0641 *\/\r\n\r\n.ocean-about-head > p{\r\n\r\n    max-width:760px;\r\n\r\n    margin:\r\n        22px auto\r\n        0;\r\n\r\n    color:#65717D;\r\n\r\n    font-size:16px;\r\n\r\n    line-height:2;\r\n\r\n    font-weight:400;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0632\u0631\r\n========================================================= *\/\r\n\r\n.ocean-about-more{\r\n\r\n    min-height:52px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:27px;\r\n\r\n    padding:\r\n        0 25px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#06294F;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(6,41,79,.16);\r\n\r\n    transition:\r\n        .3s ease;\r\n\r\n}\r\n\r\n\r\n.ocean-about-more svg{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:\r\n        rotate(180deg);\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.ocean-about-more:hover{\r\n\r\n    background:#0C6A9E;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 16px 35px\r\n        rgba(12,106,158,.24);\r\n\r\n}\r\n\r\n\r\n.ocean-about-more:hover svg{\r\n\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0634\u0628\u0643\u0629 \u0627\u0644\u0635\u0648\u0631\r\n========================================================= *\/\r\n\r\n.ocean-about-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap:18px;\r\n\r\n    align-items:end;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0643\u0627\u0631\u062a\r\n========================================================= *\/\r\n\r\n.ocean-about-card{\r\n\r\n    position:relative;\r\n\r\n    height:465px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:28px;\r\n\r\n    background:#06294F;\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(6,41,79,.14);\r\n\r\n    isolation:isolate;\r\n\r\n    animation:\r\n        oceanCardShow .8s ease both;\r\n\r\n}\r\n\r\n\r\n.ocean-about-card:nth-child(2){\r\n\r\n    animation-delay:.12s;\r\n\r\n}\r\n\r\n\r\n.ocean-about-card:nth-child(3){\r\n\r\n    animation-delay:.24s;\r\n\r\n}\r\n\r\n\r\n@keyframes oceanCardShow{\r\n\r\n    from{\r\n\r\n        opacity:0;\r\n        transform:translateY(25px);\r\n\r\n    }\r\n\r\n    to{\r\n\r\n        opacity:1;\r\n        transform:translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0648\u0633\u0637 *\/\r\n\r\n.ocean-about-card-featured{\r\n\r\n    height:525px;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n\r\n.ocean-about-card img{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:0;\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .65s\r\n        cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n\/* Overlay *\/\r\n\r\n.ocean-about-card-overlay{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,0) 20%,\r\n            rgba(1,14,29,.13) 48%,\r\n            rgba(2,18,36,.95) 100%\r\n        );\r\n\r\n    transition:\r\n        .4s ease;\r\n\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.ocean-about-card:hover img{\r\n\r\n    transform:\r\n        scale(1.07);\r\n\r\n}\r\n\r\n\r\n.ocean-about-card:hover\r\n.ocean-about-card-overlay{\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.03) 15%,\r\n            rgba(2,19,37,.25) 45%,\r\n            rgba(2,18,36,.98) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0627\u0631\u062a\r\n========================================================= *\/\r\n\r\n.ocean-about-card-info{\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    right:0;\r\n    bottom:0;\r\n    left:0;\r\n\r\n    padding:\r\n        30px 27px;\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\r\n.ocean-about-number{\r\n\r\n    width:41px;\r\n    height:41px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:14px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.28);\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(8px);\r\n\r\n    color:#fff;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n.ocean-about-card-info h3{\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:23px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.4;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0648\u0635\u0641 \u0645\u062e\u0641\u064a \u0639\u0644\u0649 \u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 \u0644\u062d\u062f Hover *\/\r\n\r\n.ocean-about-card-info p{\r\n\r\n    margin:\r\n        0;\r\n\r\n    max-height:0;\r\n\r\n    overflow:hidden;\r\n\r\n    opacity:0;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.85;\r\n\r\n    transform:\r\n        translateY(8px);\r\n\r\n    transition:\r\n        max-height .35s ease,\r\n        opacity .35s ease,\r\n        margin .35s ease,\r\n        transform .35s ease;\r\n\r\n}\r\n\r\n\r\n.ocean-about-card:hover\r\n.ocean-about-card-info p{\r\n\r\n    max-height:120px;\r\n\r\n    opacity:1;\r\n\r\n    margin-top:10px;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u062a\u0627\u0628\u0644\u062a\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .ocean-about-section{\r\n\r\n        padding:\r\n            85px 18px\r\n            90px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-head{\r\n\r\n        margin-bottom:45px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-grid{\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:16px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-card,\r\n    .ocean-about-card-featured{\r\n\r\n        height:430px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-card:last-child{\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        height:450px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .ocean-about-section{\r\n\r\n        padding:\r\n            70px 14px\r\n            75px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-head{\r\n\r\n        margin-bottom:34px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-label{\r\n\r\n        margin-bottom:15px;\r\n\r\n        padding:\r\n            7px 14px;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-head h2{\r\n\r\n        font-size:32px;\r\n\r\n        line-height:1.38;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-head h2 strong{\r\n\r\n        margin-top:4px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-head > p{\r\n\r\n        margin-top:17px;\r\n\r\n        font-size:14px;\r\n\r\n        line-height:1.9;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-more{\r\n\r\n        min-height:49px;\r\n\r\n        margin-top:22px;\r\n\r\n        padding:\r\n            0 21px;\r\n\r\n        font-size:13px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:15px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-card,\r\n    .ocean-about-card-featured,\r\n    .ocean-about-card:last-child{\r\n\r\n        grid-column:auto;\r\n\r\n        width:100%;\r\n\r\n        height:410px;\r\n\r\n        border-radius:22px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-card-info{\r\n\r\n        padding:\r\n            24px 21px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-number{\r\n\r\n        width:37px;\r\n        height:37px;\r\n\r\n        margin-bottom:11px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-card-info h3{\r\n\r\n        font-size:21px;\r\n\r\n    }\r\n\r\n\r\n    \/* \u0627\u0644\u0648\u0635\u0641 \u0638\u0627\u0647\u0631 \u062f\u0627\u0626\u0645\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n\r\n    .ocean-about-card-info p{\r\n\r\n        max-height:120px;\r\n\r\n        opacity:1;\r\n\r\n        margin-top:8px;\r\n\r\n        transform:none;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0635\u063a\u064a\u0631\u0629\r\n========================================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .ocean-about-head h2{\r\n\r\n        font-size:29px;\r\n\r\n    }\r\n\r\n\r\n    .ocean-about-card,\r\n    .ocean-about-card-featured,\r\n    .ocean-about-card:last-child{\r\n\r\n        height:380px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"ocean-about-section\">\r\n\r\n    <div class=\"ocean-about-wrap\">\r\n\r\n        <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 -->\r\n        <div class=\"ocean-about-head\">\r\n\r\n            <div class=\"ocean-about-label\">\r\n                <span><\/span>\r\n                \u0639\u0646 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a\r\n                <strong>\r\n                    \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629\r\n                <\/strong>\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u062a\u0642\u062f\u0645 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633  \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644\r\n                \u0644\u0636\u0645\u0627\u0646 \u062a\u0646\u0641\u064a\u0630 \u0639\u0645\u0644\u064a\u0627\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0633\u0631\u0639\u0629 \u0648\u0623\u0645\u0627\u0646.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/oceaneagles.com\/about-us\/\" class=\"ocean-about-more\">\r\n\r\n                <span>\r\n                    \u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u0639\u0646\u0627\r\n                <\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0627\u0644\u0635\u0648\u0631 -->\r\n        <div class=\"ocean-about-grid\">\r\n\r\n\r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0648\u0644 -->\r\n            <div class=\"ocean-about-card\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/oceaneagles.com\/wp-content\/uploads\/2026\/09\/Ocean-Eagles-About-01.webp\"\r\n                    alt=\"\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a\"\r\n                >\r\n\r\n                <div class=\"ocean-about-card-overlay\"><\/div>\r\n\r\n                <div class=\"ocean-about-card-info\">\r\n\r\n                    <div class=\"ocean-about-number\">\r\n                        \u0661\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0627\u0646\u0626\r\n                        \u0648\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u0644\u0627\u062d\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0645\u0631\u0648\u0646\u0629.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0646\u064a -->\r\n            <div class=\"ocean-about-card ocean-about-card-featured\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/oceaneagles.com\/wp-content\/uploads\/2026\/09\/Ocean-Eagles-About-02.webp\"\r\n                    alt=\"\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629\"\r\n                >\r\n\r\n                <div class=\"ocean-about-card-overlay\"><\/div>\r\n\r\n                <div class=\"ocean-about-card-info\">\r\n\r\n                    <div class=\"ocean-about-number\">\r\n                        \u0662\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u062d\u0644\u0648\u0644 \u0633\u0631\u064a\u0639\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u0644\u0631\u0628\u0637 \u0623\u0639\u0645\u0627\u0644\u0643\r\n                        \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0648\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0644\u062b -->\r\n            <div class=\"ocean-about-card\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/oceaneagles.com\/wp-content\/uploads\/2026\/09\/Ocean-Eagles-About-03.webp\"\r\n                    alt=\"\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a\"\r\n                >\r\n\r\n                <div class=\"ocean-about-card-overlay\"><\/div>\r\n\r\n                <div class=\"ocean-about-card-info\">\r\n\r\n                    <div class=\"ocean-about-number\">\r\n                        \u0663\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u062a\u0646\u0638\u064a\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646\r\n                        \u0648\u062d\u062a\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8264a13 e-con-full e-flex e-con e-parent\" data-id=\"8264a13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4edd4a0 elementor-widget elementor-widget-html\" data-id=\"4edd4a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     \u0637\u0631\u0642 \u0627\u0644\u0634\u062d\u0646 \u0644\u062f\u064a\u0646\u0627 - \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632\r\n     LINKED TO SINGLE SERVICE PAGES\r\n     TRANSLATEPRESS READY\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0633\u0643\u0634\u0646\r\n========================================================= *\/\r\n\r\n.oe-shipping{\r\n    position:relative;\r\n    width:100%;\r\n    padding:105px 20px 115px;\r\n    direction:rtl;\r\n    overflow:hidden;\r\n    background:#F5F8FB;\r\n}\r\n\r\n\r\n.oe-shipping::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-170px;\r\n    right:-170px;\r\n    width:430px;\r\n    height:430px;\r\n    border-radius:50%;\r\n    background:radial-gradient(\r\n        circle,\r\n        rgba(12,106,158,.10),\r\n        rgba(12,106,158,0) 70%\r\n    );\r\n}\r\n\r\n\r\n.oe-shipping-wrap{\r\n    position:relative;\r\n    z-index:2;\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n========================================================= *\/\r\n\r\n.oe-shipping-head{\r\n    max-width:720px;\r\n    margin:0 auto 55px;\r\n    text-align:center;\r\n}\r\n\r\n\r\n.oe-shipping-label{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:8px 16px;\r\n    margin-bottom:17px;\r\n\r\n    background:#EAF3F8;\r\n    color:#0C6A9E;\r\n\r\n    border-radius:30px;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.oe-shipping-head h2{\r\n    margin:0;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:clamp(36px,4vw,56px);\r\n    font-weight:800;\r\n    line-height:1.2;\r\n}\r\n\r\n\r\n.oe-shipping-head p{\r\n    max-width:650px;\r\n\r\n    margin:18px auto 0;\r\n\r\n    color:#6B7580;\r\n\r\n    font-size:15px;\r\n    line-height:1.95;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a\r\n========================================================= *\/\r\n\r\n.oe-shipping-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap:18px;\r\n\r\n    align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0643\u0627\u0631\u062a\r\n========================================================= *\/\r\n\r\n.oe-shipping-card{\r\n    position:relative;\r\n\r\n    min-height:420px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    padding:34px 30px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#031D35;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.06);\r\n\r\n    border-radius:26px;\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(6,41,79,.12);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n\r\n.oe-shipping-card::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:180px;\r\n    height:180px;\r\n\r\n    top:-95px;\r\n    left:-80px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(12,106,158,.16);\r\n\r\n    transition:\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n.oe-shipping-card:hover{\r\n    transform:translateY(-9px);\r\n\r\n    background:#06294F;\r\n\r\n    box-shadow:\r\n        0 28px 60px\r\n        rgba(6,41,79,.22);\r\n}\r\n\r\n\r\n.oe-shipping-card:hover::before{\r\n    transform:scale(1.35);\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0648\u0633\u0637 *\/\r\n\r\n.oe-shipping-featured{\r\n    transform:translateY(-18px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #06294F,\r\n            #0A456D\r\n        );\r\n\r\n    border-color:\r\n        rgba(12,106,158,.30);\r\n}\r\n\r\n\r\n.oe-shipping-featured:hover{\r\n    transform:translateY(-26px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629\r\n========================================================= *\/\r\n\r\n.oe-shipping-icon{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:62px;\r\n    height:62px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:28px;\r\n\r\n    border-radius:18px;\r\n\r\n    background:#0C6A9E;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(12,106,158,.28);\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.oe-shipping-card:hover\r\n.oe-shipping-icon{\r\n    transform:\r\n        translateY(-3px)\r\n        rotate(-4deg);\r\n}\r\n\r\n\r\n.oe-shipping-icon svg{\r\n    width:31px;\r\n    height:31px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:1.7;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0631\u0642\u0645\r\n========================================================= *\/\r\n\r\n.oe-shipping-num{\r\n    position:absolute;\r\n\r\n    top:28px;\r\n    left:28px;\r\n\r\n    color:\r\n        rgba(255,255,255,.13);\r\n\r\n    font-size:48px;\r\n    font-weight:800;\r\n\r\n    line-height:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0646\u0635\r\n========================================================= *\/\r\n\r\n.oe-shipping-card h3{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:28px;\r\n    font-weight:800;\r\n\r\n    line-height:1.3;\r\n}\r\n\r\n\r\n.oe-shipping-card > p{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:17px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.68);\r\n\r\n    font-size:14px;\r\n    line-height:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0631\u0627\u0628\u0637\r\n========================================================= *\/\r\n\r\n.oe-shipping-link{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    width:max-content;\r\n\r\n    margin-top:auto;\r\n    padding-top:30px;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.oe-shipping-link svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#0C6A9E;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:rotate(180deg);\r\n\r\n    transition:transform .25s ease;\r\n}\r\n\r\n\r\n.oe-shipping-link:hover svg{\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENGLISH\r\n========================================================= *\/\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-shipping{\r\n    direction:ltr;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-shipping-card{\r\n    text-align:left;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-shipping-num{\r\n    left:auto;\r\n    right:28px;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-shipping-card::before{\r\n    left:auto;\r\n    right:-80px;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-shipping-link svg{\r\n    transform:none;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-shipping-link:hover svg{\r\n    transform:translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u062a\u0627\u0628\u0644\u062a\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .oe-shipping{\r\n        padding:\r\n            85px 18px\r\n            90px;\r\n    }\r\n\r\n\r\n    .oe-shipping-grid{\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n\r\n    .oe-shipping-featured{\r\n        transform:none;\r\n    }\r\n\r\n\r\n    .oe-shipping-featured:hover{\r\n        transform:translateY(-9px);\r\n    }\r\n\r\n\r\n    .oe-shipping-card:last-child{\r\n        grid-column:1 \/ -1;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-shipping{\r\n        padding:\r\n            70px 14px\r\n            75px;\r\n    }\r\n\r\n\r\n    .oe-shipping-head{\r\n        margin-bottom:35px;\r\n    }\r\n\r\n\r\n    .oe-shipping-head h2{\r\n        font-size:34px;\r\n    }\r\n\r\n\r\n    .oe-shipping-head p{\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    .oe-shipping-grid{\r\n        grid-template-columns:1fr;\r\n        gap:15px;\r\n    }\r\n\r\n\r\n    .oe-shipping-card,\r\n    .oe-shipping-card:last-child{\r\n        grid-column:auto;\r\n\r\n        min-height:360px;\r\n\r\n        padding:28px 23px;\r\n\r\n        border-radius:22px;\r\n    }\r\n\r\n\r\n    .oe-shipping-featured{\r\n        transform:none;\r\n    }\r\n\r\n\r\n    .oe-shipping-card h3{\r\n        font-size:25px;\r\n    }\r\n\r\n\r\n    .oe-shipping-icon{\r\n        width:56px;\r\n        height:56px;\r\n\r\n        margin-bottom:24px;\r\n    }\r\n\r\n\r\n    .oe-shipping-icon svg{\r\n        width:28px;\r\n        height:28px;\r\n    }\r\n\r\n\r\n    .oe-shipping-num{\r\n        top:24px;\r\n        left:23px;\r\n\r\n        font-size:42px;\r\n    }\r\n\r\n\r\n    html[lang^=\"en\"]\r\n    .oe-shipping-num{\r\n        left:auto;\r\n        right:23px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"oe-shipping\">\r\n\r\n    <div class=\"oe-shipping-wrap\">\r\n\r\n        <!-- =================================================\r\n             \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646\r\n        ================================================== -->\r\n\r\n        <div class=\"oe-shipping-head\">\r\n\r\n            <span class=\"oe-shipping-label\">\r\n                \u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n            <\/span>\r\n\r\n            <h2>\r\n                \u0637\u0631\u0642 \u0627\u0644\u0634\u062d\u0646 \u0644\u062f\u064a\u0646\u0627\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u0645\u0631\u0646\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0628\u0636\u0627\u0626\u0639\u0643 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0643\u060c\r\n                \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u062d\u062a\u0649 \u0648\u0635\u0648\u0644 \u0627\u0644\u0634\u062d\u0646\u0629 \u0625\u0644\u0649 \u0648\u062c\u0647\u062a\u0647\u0627.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             \u0627\u0644\u0643\u0631\u0648\u062a\r\n        ================================================== -->\r\n\r\n        <div class=\"oe-shipping-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a\r\n            ================================================== -->\r\n\r\n            <article class=\"oe-shipping-card\">\r\n\r\n                <div class=\"oe-shipping-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M3 6h11v9H3z\"><\/path>\r\n                        <path d=\"M14 9h4l3 3v3h-7z\"><\/path>\r\n                        <circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle>\r\n                        <circle cx=\"18\" cy=\"17\" r=\"2\"><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"oe-shipping-num\">\r\n                    \u0661\r\n                <\/span>\r\n\r\n\r\n                <h3>\r\n                    \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0628\u0631\u064a \u0645\u0631\u0646\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u062f\u0646 \u0648\u0627\u0644\u0645\u0648\u0627\u0646\u0626\r\n                    \u0648\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u062e\u0632\u064a\u0646\u060c \u0645\u0639 \u062a\u0646\u0638\u064a\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646\u0629 \u062d\u062a\u0649 \u0627\u0644\u0648\u0635\u0648\u0644.\r\n                <\/p>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/oceaneagles.com\/services\/road-freight\/\"\r\n                    class=\"oe-shipping-link oe-shipping-internal\"\r\n                >\r\n\r\n                    <span>\r\n                        \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f\r\n                    <\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a\r\n            ================================================== -->\r\n\r\n            <article class=\"oe-shipping-card oe-shipping-featured\">\r\n\r\n                <div class=\"oe-shipping-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 14l2-7h12l2 7\"><\/path>\r\n                        <path d=\"M3 14h18\"><\/path>\r\n                        <path d=\"M7 7V4h10v3\"><\/path>\r\n                        <path d=\"M4 17c2 2 4 2 6 0 2 2 4 2 6 0 2 2 4 2 6 0\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"oe-shipping-num\">\r\n                    \u0662\r\n                <\/span>\r\n\r\n\r\n                <h3>\r\n                    \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    \u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u0628\u062d\u0631\u064a \u0644\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0648\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u0644\u0627\u062d\u0629\u060c\r\n                    \u0628\u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631.\r\n                <\/p>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/oceaneagles.com\/services\/sea-freight\/\"\r\n                    class=\"oe-shipping-link oe-shipping-internal\"\r\n                >\r\n\r\n                    <span>\r\n                        \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f\r\n                    <\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a\r\n            ================================================== -->\r\n\r\n            <article class=\"oe-shipping-card\">\r\n\r\n                <div class=\"oe-shipping-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M22 2L9 15\"><\/path>\r\n                        <path d=\"M22 2l-7 20-4-9-9-4z\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"oe-shipping-num\">\r\n                    \u0663\r\n                <\/span>\r\n\r\n\r\n                <h3>\r\n                    \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    \u062e\u064a\u0627\u0631\u0627\u062a \u0634\u062d\u0646 \u062c\u0648\u064a \u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u0628\u0636\u0627\u0626\u0639 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\r\n                    \u0645\u0639 \u062a\u0646\u0633\u064a\u0642 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0634\u062d\u0646\u0629 \u062d\u062a\u0649 \u0627\u0644\u0648\u0635\u0648\u0644.\r\n                <\/p>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/oceaneagles.com\/services\/air-freight\/\"\r\n                    class=\"oe-shipping-link oe-shipping-internal\"\r\n                >\r\n\r\n                    <span>\r\n                        \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f\r\n                    <\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const section =\r\n        document.querySelector(\r\n            '.oe-shipping'\r\n        );\r\n\r\n\r\n    if(!section){\r\n        return;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TRANSLATEPRESS INTERNAL LINKS\r\n    ===================================================== *\/\r\n\r\n    const lang =\r\n        (\r\n            document.documentElement\r\n            .getAttribute('lang') || ''\r\n        )\r\n        .toLowerCase();\r\n\r\n\r\n    if(\r\n        !lang.startsWith('en')\r\n    ){\r\n        return;\r\n    }\r\n\r\n\r\n    const basePath =\r\n        '\/wordpress_a';\r\n\r\n\r\n    section\r\n    .querySelectorAll(\r\n        '.oe-shipping-internal'\r\n    )\r\n    .forEach(function(link){\r\n\r\n        try{\r\n\r\n            const url =\r\n                new URL(\r\n                    link.href,\r\n                    window.location.origin\r\n                );\r\n\r\n\r\n            if(\r\n                url.origin !==\r\n                window.location.origin\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            if(\r\n                url.pathname.indexOf(\r\n                    basePath\r\n                ) !== 0\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            let relative =\r\n                url.pathname.substring(\r\n                    basePath.length\r\n                );\r\n\r\n\r\n            relative =\r\n                relative.replace(\r\n                    \/^\\\/en(?=\\\/|$)\/i,\r\n                    ''\r\n                );\r\n\r\n\r\n            if(\r\n                !relative ||\r\n                relative === '\/'\r\n            ){\r\n\r\n                url.pathname =\r\n                    basePath +\r\n                    '\/en\/';\r\n\r\n            }else{\r\n\r\n                url.pathname =\r\n                    basePath +\r\n                    '\/en' +\r\n                    (\r\n                        relative.startsWith('\/')\r\n                            ? relative\r\n                            : '\/' + relative\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            link.href =\r\n                url.href;\r\n\r\n\r\n        }catch(error){}\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28cadc0 e-con-full e-flex e-con e-parent\" data-id=\"28cadc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef98080 elementor-widget elementor-widget-html\" data-id=\"ef98080\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 - \u0645\u0647\u0645\u062a\u0646\u0627 \u0648\u0631\u0624\u064a\u062a\u0646\u0627\r\n========================================================= -->\r\n\r\n<section class=\"oe-mission-section\">\r\n\r\n    <div class=\"oe-mission-wrap\">\r\n\r\n        <!-- \u0627\u0644\u0635\u0648\u0631\u0629 -->\r\n        <div class=\"oe-mission-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/oceaneagles.com\/wp-content\/uploads\/2026\/09\/Ocean-Eagles-About-01.webp\"\r\n                alt=\"\u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n            <div class=\"oe-mission-image-overlay\"><\/div>\r\n\r\n            <div class=\"oe-mission-badge\">\r\n                <strong>\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/strong>\r\n                <span>\u0644\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 -->\r\n        <div class=\"oe-mission-content\">\r\n\r\n            <div class=\"oe-section-label\">\r\n                <span><\/span>\r\n                \u0645\u0647\u0645\u062a\u0646\u0627 \u0648\u0631\u0624\u064a\u062a\u0646\u0627\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0646\u0639\u0645\u0644 \u0644\u062a\u0633\u0647\u064a\u0644 \u062a\u062c\u0627\u0631\u062a\u0643\r\n                <strong>\u0648\u062a\u0648\u0633\u064a\u0639 \u0648\u0635\u0648\u0644\u0643 \u0644\u0644\u0623\u0633\u0648\u0627\u0642<\/strong>\r\n            <\/h2>\r\n\r\n            <p class=\"oe-mission-intro\">\r\n                \u0646\u0633\u0639\u0649 \u0641\u064a \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633  \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0641\u064a\r\n                \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645\r\n                \u0628\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062d\u062a\u0649 \u0648\u0635\u0648\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639\r\n                \u0625\u0644\u0649 \u0648\u062c\u0647\u062a\u0647\u0627 \u0628\u0643\u0641\u0627\u0621\u0629.\r\n            <\/p>\r\n\r\n\r\n            <!-- \u0627\u0644\u0645\u0647\u0645\u0629 -->\r\n            <div class=\"oe-mission-box\">\r\n\r\n                <div class=\"oe-mission-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n                        <path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>\u0645\u0647\u0645\u062a\u0646\u0627<\/h3>\r\n\r\n                    <p>\r\n                        \u062a\u0648\u0641\u064a\u0631 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629\r\n                        \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0628\u0643\u0641\u0627\u0621\u0629\u060c \u0645\u0639 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\r\n                        \u0628\u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0627\u0644\u0631\u0624\u064a\u0629 -->\r\n            <div class=\"oe-mission-box\">\r\n\r\n                <div class=\"oe-mission-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M2 12s4-6 10-6 10 6 10 6-4 6-10 6S2 12 2 12z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n\r\n                    <p>\r\n                        \u0623\u0646 \u0646\u0643\u0648\u0646 \u0634\u0631\u064a\u0643\u064b\u0627 \u0645\u0648\u062b\u0648\u0642\u064b\u0627 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0641\u064a\r\n                        \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0645\u0631\u0646\u0629 \u0648\u062e\u062f\u0645\u0629\r\n                        \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0633\u0647\u0645 \u0641\u064a \u0646\u0645\u0648 \u0623\u0639\u0645\u0627\u0644\u0647\u0645.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 -->\r\n            <div class=\"oe-mission-features\">\r\n\r\n                <div class=\"oe-mission-feature\">\r\n                    <span>\u2713<\/span>\r\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0634\u062d\u0646\u0627\u062a\r\n                <\/div>\r\n\r\n                <div class=\"oe-mission-feature\">\r\n                    <span>\u2713<\/span>\r\n                    \u0633\u0631\u0639\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n                <\/div>\r\n\r\n                <div class=\"oe-mission-feature\">\r\n                    <span>\u2713<\/span>\r\n                    \u062d\u0644\u0648\u0644 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644\r\n                <\/div>\r\n\r\n                <div class=\"oe-mission-feature\">\r\n                    <span>\u2713<\/span>\r\n                    \u062f\u0639\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"https:\/\/oceaneagles.com\/about-us\/\" class=\"oe-mission-btn\">\r\n\r\n                <span>\r\n                    \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \r\n                <\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0633\u0643\u0634\u0646\r\n========================================================= *\/\r\n\r\n.oe-mission-section{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        110px 20px;\r\n\r\n    direction:rtl;\r\n\r\n    background:#ffffff;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\/* \u0632\u062e\u0631\u0641\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\r\n\r\n.oe-mission-section::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:500px;\r\n    height:500px;\r\n\r\n    right:-250px;\r\n    top:-240px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.08),\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.oe-mission-wrap{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:1180px;\r\n\r\n    margin:auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(0,1fr);\r\n\r\n    gap:75px;\r\n\r\n    align-items:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0635\u0648\u0631\u0629\r\n========================================================= *\/\r\n\r\n.oe-mission-image{\r\n\r\n    position:relative;\r\n\r\n    height:650px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:32px;\r\n\r\n    background:#06294F;\r\n\r\n    box-shadow:\r\n        0 25px 60px\r\n        rgba(6,41,79,.18);\r\n\r\n}\r\n\r\n\r\n.oe-mission-image::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:22px;\r\n    right:22px;\r\n\r\n    width:90px;\r\n    height:90px;\r\n\r\n    z-index:3;\r\n\r\n    border-top:\r\n        2px solid\r\n        rgba(255,255,255,.55);\r\n\r\n    border-right:\r\n        2px solid\r\n        rgba(255,255,255,.55);\r\n\r\n    border-radius:\r\n        0 20px 0 0;\r\n\r\n}\r\n\r\n\r\n.oe-mission-image img{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .8s\r\n        cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.oe-mission-image:hover img{\r\n\r\n    transform:scale(1.055);\r\n\r\n}\r\n\r\n\r\n.oe-mission-image-overlay{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.03) 25%,\r\n            rgba(3,24,45,.12) 55%,\r\n            rgba(3,24,45,.83) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0628\u0627\u062f\u062c \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n\r\n.oe-mission-badge{\r\n\r\n    position:absolute;\r\n\r\n    right:28px;\r\n    bottom:28px;\r\n\r\n    z-index:3;\r\n\r\n    max-width:310px;\r\n\r\n    padding:\r\n        19px 22px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    border-radius:18px;\r\n\r\n    background:\r\n        rgba(3,29,53,.80);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\r\n.oe-mission-badge strong{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    font-size:20px;\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.oe-mission-badge span{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u062d\u062a\u0648\u0649\r\n========================================================= *\/\r\n\r\n.oe-mission-content{\r\n\r\n    width:100%;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u063a\u064a\u0631 *\/\r\n\r\n.oe-section-label{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    margin-bottom:17px;\r\n\r\n    padding:\r\n        7px 14px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#F0F6FA;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n.oe-section-label span{\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#0C6A9E;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n\r\n.oe-mission-content h2{\r\n\r\n    margin:0;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:\r\n        clamp(37px,4vw,56px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.25;\r\n\r\n}\r\n\r\n\r\n.oe-mission-content h2 strong{\r\n\r\n    display:block;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0648\u0635\u0641 *\/\r\n\r\n.oe-mission-intro{\r\n\r\n    margin:\r\n        22px 0\r\n        28px;\r\n\r\n    color:#68737E;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0631\u0624\u064a\u0629\r\n========================================================= *\/\r\n\r\n.oe-mission-box{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        58px 1fr;\r\n\r\n    gap:18px;\r\n\r\n    align-items:start;\r\n\r\n    padding:\r\n        20px 0;\r\n\r\n    border-top:\r\n        1px solid #E6ECF1;\r\n\r\n}\r\n\r\n\r\n.oe-mission-box:last-of-type{\r\n\r\n    border-bottom:\r\n        1px solid #E6ECF1;\r\n\r\n}\r\n\r\n\r\n.oe-mission-icon{\r\n\r\n    width:54px;\r\n    height:54px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:16px;\r\n\r\n    background:#06294F;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(6,41,79,.14);\r\n\r\n}\r\n\r\n\r\n.oe-mission-icon svg{\r\n\r\n    width:26px;\r\n    height:26px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:1.6;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n}\r\n\r\n\r\n.oe-mission-box h3{\r\n\r\n    margin:\r\n        1px 0\r\n        6px;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:19px;\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.oe-mission-box p{\r\n\r\n    margin:0;\r\n\r\n    color:#6A7580;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.9;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629\r\n========================================================= *\/\r\n\r\n.oe-mission-features{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap:\r\n        12px 20px;\r\n\r\n    margin-top:28px;\r\n\r\n}\r\n\r\n\r\n.oe-mission-feature{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    color:#46525E;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:600;\r\n\r\n}\r\n\r\n\r\n.oe-mission-feature span{\r\n\r\n    width:24px;\r\n    height:24px;\r\n\r\n    flex-shrink:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(12,106,158,.10);\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0632\u0631\r\n========================================================= *\/\r\n\r\n.oe-mission-btn{\r\n\r\n    min-height:52px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:31px;\r\n\r\n    padding:\r\n        0 24px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#06294F;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:700;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(6,41,79,.14);\r\n\r\n    transition:\r\n        .3s ease;\r\n\r\n}\r\n\r\n\r\n.oe-mission-btn svg{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:rotate(180deg);\r\n\r\n    transition:\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.oe-mission-btn:hover{\r\n\r\n    background:#0C6A9E;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 16px 35px\r\n        rgba(12,106,158,.24);\r\n\r\n}\r\n\r\n\r\n.oe-mission-btn:hover svg{\r\n\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .oe-mission-section{\r\n\r\n        padding:\r\n            90px 20px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-wrap{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:55px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-image{\r\n\r\n        height:560px;\r\n\r\n        order:2;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-content{\r\n\r\n        order:1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-mission-section{\r\n\r\n        padding:\r\n            70px 14px\r\n            75px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-wrap{\r\n\r\n        gap:38px;\r\n\r\n    }\r\n\r\n\r\n    .oe-section-label{\r\n\r\n        font-size:12px;\r\n\r\n        margin-bottom:14px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-content h2{\r\n\r\n        font-size:32px;\r\n\r\n        line-height:1.37;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-intro{\r\n\r\n        margin:\r\n            17px 0\r\n            22px;\r\n\r\n        font-size:14px;\r\n\r\n        line-height:1.9;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-box{\r\n\r\n        grid-template-columns:\r\n            50px 1fr;\r\n\r\n        gap:14px;\r\n\r\n        padding:\r\n            17px 0;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-icon{\r\n\r\n        width:48px;\r\n        height:48px;\r\n\r\n        border-radius:14px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-icon svg{\r\n\r\n        width:23px;\r\n        height:23px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-box h3{\r\n\r\n        font-size:17px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-box p{\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-features{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:11px;\r\n\r\n        margin-top:23px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-btn{\r\n\r\n        min-height:49px;\r\n\r\n        margin-top:26px;\r\n\r\n        padding:\r\n            0 20px;\r\n\r\n        font-size:13px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-image{\r\n\r\n        height:440px;\r\n\r\n        border-radius:24px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-badge{\r\n\r\n        right:18px;\r\n        bottom:18px;\r\n\r\n        max-width:\r\n            calc(100% - 36px);\r\n\r\n        padding:\r\n            16px 17px;\r\n\r\n        border-radius:15px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-badge strong{\r\n\r\n        font-size:17px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629\r\n========================================================= *\/\r\n\r\n@media(max-width:380px){\r\n\r\n    .oe-mission-content h2{\r\n\r\n        font-size:29px;\r\n\r\n    }\r\n\r\n\r\n    .oe-mission-image{\r\n\r\n        height:400px;\r\n\r\n    }\r\n\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-d671e80 e-con-full e-flex e-con e-parent\" data-id=\"d671e80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96be7c elementor-widget elementor-widget-html\" data-id=\"f96be7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 - \u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0633\u0643\u0634\u0646\r\n========================================================= *\/\r\n\r\n.oe-stats{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        105px 20px\r\n        110px;\r\n\r\n    direction:rtl;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #020F1E 0%,\r\n            #06294F 55%,\r\n            #031B33 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0625\u0636\u0627\u0621\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629\r\n========================================================= *\/\r\n\r\n.oe-stats-glow{\r\n\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.oe-stats-glow-one{\r\n\r\n    width:520px;\r\n    height:520px;\r\n\r\n    top:-280px;\r\n    right:-180px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.25),\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n.oe-stats-glow-two{\r\n\r\n    width:450px;\r\n    height:450px;\r\n\r\n    bottom:-280px;\r\n    left:-150px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255,255,255,.06),\r\n            rgba(255,255,255,0) 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* \u062e\u0637\u0648\u0637 \u062e\u0641\u064a\u0641\u0629 *\/\r\n\r\n.oe-stats::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    opacity:.035;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,1) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,1) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        70px 70px;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062d\u0627\u0648\u064a\u0629\r\n========================================================= *\/\r\n\r\n.oe-stats-wrap{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:1180px;\r\n\r\n    margin:auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n========================================================= *\/\r\n\r\n.oe-stats-head{\r\n\r\n    max-width:760px;\r\n\r\n    margin:\r\n        0 auto\r\n        55px;\r\n\r\n    text-align:center;\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\r\n.oe-stats-label{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:17px;\r\n\r\n    padding:\r\n        8px 15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius:30px;\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    color:\r\n        rgba(255,255,255,.82);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n.oe-stats-label span{\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#1E9BDA;\r\n\r\n    box-shadow:\r\n        0 0 12px\r\n        rgba(30,155,218,.75);\r\n\r\n}\r\n\r\n\r\n.oe-stats-head h2{\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(38px,4.5vw,60px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.25;\r\n\r\n}\r\n\r\n\r\n.oe-stats-head h2 strong{\r\n\r\n    display:block;\r\n\r\n    color:#46B0E5;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.oe-stats-head p{\r\n\r\n    max-width:650px;\r\n\r\n    margin:\r\n        20px auto\r\n        0;\r\n\r\n    color:\r\n        rgba(255,255,255,.67);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.95;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0631\u0642\u0627\u0645\r\n========================================================= *\/\r\n\r\n.oe-stats-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap:15px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0643\u0627\u0631\u062a\r\n========================================================= *\/\r\n\r\n.oe-stat-card{\r\n\r\n    position:relative;\r\n\r\n    min-height:330px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n\r\n    text-align:center;\r\n\r\n    padding:\r\n        30px 22px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    border-radius:24px;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    overflow:hidden;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        border-color .35s ease;\r\n\r\n}\r\n\r\n\r\n.oe-stat-card::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:-100px;\r\n    right:50%;\r\n\r\n    transform:\r\n        translateX(50%);\r\n\r\n    width:190px;\r\n    height:190px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(12,106,158,.13);\r\n\r\n    transition:\r\n        transform .45s ease;\r\n\r\n}\r\n\r\n\r\n.oe-stat-card:hover{\r\n\r\n    transform:\r\n        translateY(-8px);\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    border-color:\r\n        rgba(70,176,229,.35);\r\n\r\n}\r\n\r\n\r\n.oe-stat-card:hover::before{\r\n\r\n    transform:\r\n        translateX(50%)\r\n        scale(1.4);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629\r\n========================================================= *\/\r\n\r\n.oe-stat-icon{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:54px;\r\n    height:54px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:25px;\r\n\r\n    border-radius:17px;\r\n\r\n    background:\r\n        rgba(12,106,158,.24);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(70,176,229,.22);\r\n\r\n}\r\n\r\n\r\n.oe-stat-icon svg{\r\n\r\n    width:27px;\r\n    height:27px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#72C6ED;\r\n\r\n    stroke-width:1.6;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0631\u0642\u0645\r\n========================================================= *\/\r\n\r\n.oe-stat-number{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin-bottom:10px;\r\n\r\n}\r\n\r\n\r\n.oe-stat-number span{\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(39px,4vw,55px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0646\u0635\r\n========================================================= *\/\r\n\r\n.oe-stat-card h3{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin:\r\n        5px 0\r\n        10px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:18px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.4;\r\n\r\n}\r\n\r\n\r\n.oe-stat-card p{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(255,255,255,.58);\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.85;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u062a\u0627\u0628\u0644\u062a\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .oe-stats{\r\n\r\n        padding:\r\n            90px 18px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stats-grid{\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-card{\r\n\r\n        min-height:300px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-stats{\r\n\r\n        padding:\r\n            70px 14px\r\n            75px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stats-head{\r\n\r\n        margin-bottom:35px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stats-label{\r\n\r\n        margin-bottom:14px;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stats-head h2{\r\n\r\n        font-size:33px;\r\n\r\n        line-height:1.35;\r\n\r\n    }\r\n\r\n\r\n    .oe-stats-head p{\r\n\r\n        margin-top:16px;\r\n\r\n        font-size:13px;\r\n\r\n        line-height:1.9;\r\n\r\n    }\r\n\r\n\r\n    .oe-stats-grid{\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:10px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-card{\r\n\r\n        min-height:245px;\r\n\r\n        padding:\r\n            23px 12px;\r\n\r\n        border-radius:19px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-icon{\r\n\r\n        width:46px;\r\n        height:46px;\r\n\r\n        margin-bottom:18px;\r\n\r\n        border-radius:14px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-icon svg{\r\n\r\n        width:23px;\r\n        height:23px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-number span{\r\n\r\n        font-size:36px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-card h3{\r\n\r\n        font-size:14px;\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-card p{\r\n\r\n        font-size:10px;\r\n\r\n        line-height:1.75;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u064b\u0627\r\n========================================================= *\/\r\n\r\n@media(max-width:370px){\r\n\r\n    .oe-stats-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .oe-stat-card{\r\n\r\n        min-height:240px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"oe-stats\">\r\n\r\n    <div class=\"oe-stats-glow oe-stats-glow-one\"><\/div>\r\n    <div class=\"oe-stats-glow oe-stats-glow-two\"><\/div>\r\n\r\n    <div class=\"oe-stats-wrap\">\r\n\r\n        <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 -->\r\n        <div class=\"oe-stats-head\">\r\n\r\n            <div class=\"oe-stats-label\">\r\n                <span><\/span>\r\n                \u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u062e\u0628\u0631\u0629 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649\r\n                <strong>\u0646\u062a\u0627\u0626\u062c \u062d\u0642\u064a\u0642\u064a\u0629<\/strong>\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644\r\n                \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0627\u0644\u0623\u0631\u0642\u0627\u0645 -->\r\n        <div class=\"oe-stats-grid\">\r\n\r\n\r\n            <!-- \u0631\u0642\u0645 1 -->\r\n            <div class=\"oe-stat-card\">\r\n\r\n                <div class=\"oe-stat-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 3v18\"><\/path>\r\n                        <path d=\"M8 7h8\"><\/path>\r\n                        <path d=\"M8 17h8\"><\/path>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"oe-stat-number\">\r\n                    <span>+\u0661\u0660<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0639\u0645\u0644\u064a\u0627\u062a\r\n                    \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0631\u0642\u0645 2 -->\r\n            <div class=\"oe-stat-card\">\r\n\r\n                <div class=\"oe-stat-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 6h11v9H3z\"><\/path>\r\n                        <path d=\"M14 9h4l3 3v3h-7z\"><\/path>\r\n                        <circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle>\r\n                        <circle cx=\"18\" cy=\"17\" r=\"2\"><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"oe-stat-number\">\r\n                    <span>+\u0661\u0662\u0660\u0660<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0634\u062d\u0646\u0629 \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647\u0627\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0634\u062d\u0646\r\n                    \u062d\u062a\u0649 \u0648\u0635\u0648\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0625\u0644\u0649 \u0648\u062c\u0647\u062a\u0647\u0627.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0631\u0642\u0645 3 -->\r\n            <div class=\"oe-stat-card\">\r\n\r\n                <div class=\"oe-stat-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                        <circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>\r\n                        <path d=\"M3 20c0-4 2-7 6-7s6 3 6 7\"><\/path>\r\n                        <path d=\"M15 14c3 0 5 2 5 6\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"oe-stat-number\">\r\n                    <span>+\u0663\u0660\u0660<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0639\u0645\u064a\u0644 \u0648\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0646\u0636\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u064a \u0645\u0642\u062f\u0645\u0629\r\n                    \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0646\u0627 \u0644\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u0631\u0642\u0645 4 -->\r\n            <div class=\"oe-stat-card\">\r\n\r\n                <div class=\"oe-stat-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <path d=\"M3 12h18\"><\/path>\r\n                        <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"><\/path>\r\n                        <path d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"oe-stat-number\">\r\n                    <span>+\u0662\u0665<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0648\u062c\u0647\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u062d\u0644\u0648\u0644 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0631\u0628\u0637 \u0623\u0639\u0645\u0627\u0644\u0643\r\n                    \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0648\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0641\u064a \u062f\u0648\u0644 \u0645\u062e\u062a\u0644\u0641\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a96424 e-con-full e-flex e-con e-parent\" data-id=\"8a96424\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28571a8 elementor-widget elementor-widget-html\" data-id=\"28571a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632\u061f\r\n========================================================= -->\r\n\r\n<section class=\"oe-why\">\r\n\r\n    <div class=\"oe-why-wrap\">\r\n\r\n        <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a -->\r\n        <div class=\"oe-why-intro\">\r\n\r\n            <div class=\"oe-why-label\">\r\n                <span><\/span>\r\n                \u0644\u0645\u0627\u0630\u0627 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633\u061f\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0644\u0623\u0646 \u0646\u062c\u0627\u062d \u062a\u062c\u0627\u0631\u062a\u0643 \u064a\u0628\u062f\u0623 \u0645\u0646\r\n                <strong>\u0634\u0631\u064a\u0643 \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0647<\/strong>\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0646\u0638\u0645\u0629\u060c \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0641\u0647\u0645\r\n                \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u060c \u0648\u062d\u062a\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0634\u062d\u0646\u0629\r\n                \u0648\u0625\u0646\u0647\u0627\u0621 \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629.\r\n            <\/p>\r\n\r\n\r\n            <!-- \u0635\u0646\u062f\u0648\u0642 \u0645\u0645\u064a\u0632 -->\r\n            <div class=\"oe-why-highlight\">\r\n\r\n                <div class=\"oe-why-highlight-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"><\/path>\r\n                        <path d=\"M9 12l2 2 4-5\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div>\r\n                    <strong>\r\n                        \u0634\u0631\u064a\u0643 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        \u0646\u062a\u0627\u0628\u0639 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0645\u0639\u0643 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629\r\n                        \u0648\u062d\u062a\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"https:\/\/oceaneagles.com\/contact-us\/\" class=\"oe-why-btn\">\r\n\r\n                <span>\r\n                    \u0627\u0628\u062f\u0623 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646\r\n                <\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a -->\r\n        <div class=\"oe-why-grid\">\r\n\r\n\r\n            <!-- 1 -->\r\n            <div class=\"oe-why-card\">\r\n\r\n                <div class=\"oe-why-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <path d=\"M12 7v5l3 2\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u062a\u0646\u0638\u064a\u0645 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632\r\n                    \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 2 -->\r\n            <div class=\"oe-why-card\">\r\n\r\n                <div class=\"oe-why-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 19V9\"><\/path>\r\n                        <path d=\"M10 19V5\"><\/path>\r\n                        <path d=\"M16 19v-7\"><\/path>\r\n                        <path d=\"M22 19H2\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062d\u0644\u0648\u0644 \u0645\u0631\u0646\u0629\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0646\u062e\u062a\u0627\u0631 \u062d\u0644\u0648\u0644\u064b\u0627 \u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639\r\n                    \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0643\u0644 \u0639\u0645\u0644\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 3 -->\r\n            <div class=\"oe-why-card\">\r\n\r\n                <div class=\"oe-why-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 12h18\"><\/path>\r\n                        <path d=\"M15 6l6 6-6 6\"><\/path>\r\n                        <circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0634\u062d\u0646\u0629 \u0648\u0625\u0637\u0644\u0627\u0639 \u0627\u0644\u0639\u0645\u064a\u0644\r\n                    \u0639\u0644\u0649 \u0623\u0647\u0645 \u0627\u0644\u0645\u0633\u062a\u062c\u062f\u0627\u062a \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 4 -->\r\n            <div class=\"oe-why-card\">\r\n\r\n                <div class=\"oe-why-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <path d=\"M3 12h18\"><\/path>\r\n                        <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"><\/path>\r\n                        <path d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0646\u0637\u0627\u0642 \u0639\u0645\u0644 \u0648\u0627\u0633\u0639\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u062d\u0644\u0648\u0644 \u062a\u062e\u062f\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                    \u0648\u0631\u0628\u0637 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 5 -->\r\n            <div class=\"oe-why-card\">\r\n\r\n                <div class=\"oe-why-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"><\/path>\r\n                        <path d=\"M9 12l2 2 4-5\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0646\u0647\u062a\u0645 \u0628\u062a\u0646\u0638\u064a\u0645 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621\r\n                    \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0623\u0643\u062b\u0631 \u0633\u0644\u0627\u0633\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 6 -->\r\n            <div class=\"oe-why-card\">\r\n\r\n                <div class=\"oe-why-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                        <circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>\r\n                        <path d=\"M3 20c0-4 2-7 6-7s6 3 6 7\"><\/path>\r\n                        <path d=\"M15 14c3 0 5 2 5 6\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062e\u062f\u0645\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0646\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u0648\u0644\u064b\u0627 \u062b\u0645 \u0646\u062d\u062f\u062f\r\n                    \u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0637\u0628\u064a\u0639\u0629 \u0623\u0639\u0645\u0627\u0644\u0647.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0633\u0643\u0634\u0646\r\n========================================================= *\/\r\n\r\n.oe-why{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        110px 20px;\r\n\r\n    direction:rtl;\r\n\r\n    background:#F6F9FB;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\/* \u062f\u0627\u0626\u0631\u0629 \u0632\u062e\u0631\u0641\u064a\u0629 *\/\r\n\r\n.oe-why::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:540px;\r\n    height:540px;\r\n\r\n    left:-270px;\r\n    top:-260px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.10),\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.oe-why-wrap{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:1180px;\r\n\r\n    margin:auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .82fr 1.18fr;\r\n\r\n    gap:75px;\r\n\r\n    align-items:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\r\n========================================================= *\/\r\n\r\n.oe-why-intro{\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n\r\n.oe-why-label{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    padding:\r\n        8px 15px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#EAF3F8;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n.oe-why-label span{\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#0C6A9E;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n\r\n.oe-why-intro h2{\r\n\r\n    margin:0;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:\r\n        clamp(38px,4vw,57px);\r\n\r\n    line-height:1.28;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.oe-why-intro h2 strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:4px;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0648\u0635\u0641 *\/\r\n\r\n.oe-why-intro > p{\r\n\r\n    margin:\r\n        23px 0\r\n        0;\r\n\r\n    color:#66727D;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0645\u0645\u064a\u0632\r\n========================================================= *\/\r\n\r\n.oe-why-highlight{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        57px 1fr;\r\n\r\n    gap:16px;\r\n\r\n    align-items:center;\r\n\r\n    margin-top:30px;\r\n\r\n    padding:\r\n        19px 20px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#fff;\r\n\r\n    border:\r\n        1px solid #E4ECF2;\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(6,41,79,.07);\r\n\r\n}\r\n\r\n\r\n.oe-why-highlight-icon{\r\n\r\n    width:54px;\r\n    height:54px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:16px;\r\n\r\n    background:#06294F;\r\n\r\n}\r\n\r\n\r\n.oe-why-highlight-icon svg{\r\n\r\n    width:27px;\r\n    height:27px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:1.7;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n}\r\n\r\n\r\n.oe-why-highlight strong{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:4px;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:16px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.oe-why-highlight span{\r\n\r\n    display:block;\r\n\r\n    color:#78838E;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0632\u0631\r\n========================================================= *\/\r\n\r\n.oe-why-btn{\r\n\r\n    min-height:52px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:27px;\r\n\r\n    padding:\r\n        0 24px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#06294F;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(6,41,79,.14);\r\n\r\n    transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n.oe-why-btn svg{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:rotate(180deg);\r\n\r\n    transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n.oe-why-btn:hover{\r\n\r\n    background:#0C6A9E;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 16px 35px\r\n        rgba(12,106,158,.22);\r\n\r\n}\r\n\r\n\r\n.oe-why-btn:hover svg{\r\n\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a\r\n========================================================= *\/\r\n\r\n.oe-why-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap:15px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0643\u0627\u0631\u062a \u0627\u0644\u0645\u064a\u0632\u0629\r\n========================================================= *\/\r\n\r\n.oe-why-card{\r\n\r\n    position:relative;\r\n\r\n    min-height:225px;\r\n\r\n    padding:\r\n        27px 24px;\r\n\r\n    background:#fff;\r\n\r\n    border:\r\n        1px solid #E4ECF2;\r\n\r\n    border-radius:22px;\r\n\r\n    overflow:hidden;\r\n\r\n    box-shadow:\r\n        0 10px 35px\r\n        rgba(6,41,79,.055);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n\r\n.oe-why-card::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    right:0;\r\n\r\n    width:0;\r\n    height:3px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #0C6A9E,\r\n            #36A6D9\r\n        );\r\n\r\n    transition:\r\n        width .35s ease;\r\n\r\n}\r\n\r\n\r\n.oe-why-card:hover{\r\n\r\n    transform:\r\n        translateY(-7px);\r\n\r\n    border-color:\r\n        rgba(12,106,158,.24);\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(6,41,79,.10);\r\n\r\n}\r\n\r\n\r\n.oe-why-card:hover::before{\r\n\r\n    width:100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629\r\n========================================================= *\/\r\n\r\n.oe-why-icon{\r\n\r\n    width:52px;\r\n    height:52px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:21px;\r\n\r\n    border-radius:16px;\r\n\r\n    background:#EDF6FA;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.oe-why-icon svg{\r\n\r\n    width:26px;\r\n    height:26px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#0C6A9E;\r\n\r\n    stroke-width:1.7;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transition:\r\n        stroke .3s ease;\r\n\r\n}\r\n\r\n\r\n.oe-why-card:hover\r\n.oe-why-icon{\r\n\r\n    background:#06294F;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n.oe-why-card:hover\r\n.oe-why-icon svg{\r\n\r\n    stroke:#fff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0646\u0635\u0648\u0635 \u0627\u0644\u0643\u0627\u0631\u062a\r\n========================================================= *\/\r\n\r\n.oe-why-card h3{\r\n\r\n    margin:\r\n        0 0\r\n        9px;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:19px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.4;\r\n\r\n}\r\n\r\n\r\n.oe-why-card p{\r\n\r\n    margin:0;\r\n\r\n    color:#74808B;\r\n\r\n    font-size:12.5px;\r\n\r\n    line-height:1.9;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .oe-why{\r\n\r\n        padding:\r\n            90px 18px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-wrap{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:50px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-intro{\r\n\r\n        max-width:720px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-why{\r\n\r\n        padding:\r\n            70px 14px\r\n            75px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-wrap{\r\n\r\n        gap:36px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-label{\r\n\r\n        margin-bottom:14px;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-intro h2{\r\n\r\n        font-size:32px;\r\n\r\n        line-height:1.38;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-intro > p{\r\n\r\n        margin-top:17px;\r\n\r\n        font-size:14px;\r\n\r\n        line-height:1.9;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-highlight{\r\n\r\n        grid-template-columns:\r\n            49px 1fr;\r\n\r\n        gap:13px;\r\n\r\n        margin-top:23px;\r\n\r\n        padding:\r\n            16px;\r\n\r\n        border-radius:17px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-highlight-icon{\r\n\r\n        width:47px;\r\n        height:47px;\r\n\r\n        border-radius:14px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-highlight-icon svg{\r\n\r\n        width:23px;\r\n        height:23px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-btn{\r\n\r\n        min-height:49px;\r\n\r\n        margin-top:22px;\r\n\r\n        padding:\r\n            0 21px;\r\n\r\n        font-size:13px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-card{\r\n\r\n        min-height:auto;\r\n\r\n        padding:\r\n            23px 20px;\r\n\r\n        border-radius:19px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-icon{\r\n\r\n        width:48px;\r\n        height:48px;\r\n\r\n        margin-bottom:17px;\r\n\r\n        border-radius:14px;\r\n\r\n    }\r\n\r\n\r\n    .oe-why-card h3{\r\n\r\n        font-size:18px;\r\n\r\n    }\r\n\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-69e33da e-con-full e-flex e-con e-parent\" data-id=\"69e33da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5916c9 elementor-widget elementor-widget-html\" data-id=\"c5916c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     OCEAN EAGLES\r\n     HOME SERVICES CAROUSEL\r\n     CORRECT SERVICE LINKS\r\n     TRANSLATEPRESS READY\r\n========================================================= -->\r\n\r\n<section class=\"oe-home-services\" id=\"oe-home-services\">\r\n\r\n    <div class=\"oe-home-services-wrap\">\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"oe-home-services-head\">\r\n\r\n            <div class=\"oe-home-services-title\">\r\n\r\n                <div class=\"oe-home-services-label\">\r\n                    <span><\/span>\r\n                    \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n                <\/div>\r\n\r\n                <h2>\r\n                    \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                    <strong>\u062a\u062f\u0639\u0645 \u062a\u062c\u0627\u0631\u062a\u0643 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0647\u0627\u064a\u0629<\/strong>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"oe-home-services-side\">\r\n\r\n                <p>\r\n                    \u0645\u0646 \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a \u0648\u062d\u062a\u0649\r\n                    \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\u060c\r\n                    \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644\u064b\u0627 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0639\u0645\u0644\u064a\u0627\u062a\u0643\r\n                    \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u062a\u0646\u0638\u064a\u0645\u064b\u0627.\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"https:\/\/oceaneagles.com\/services\/\"\r\n                    class=\"oe-home-services-all oe-home-services-internal\"\r\n                >\r\n                    \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CAROUSEL\r\n        ================================================== -->\r\n\r\n        <div class=\"oe-home-services-slider\">\r\n\r\n            <div class=\"oe-home-services-viewport\">\r\n\r\n                <div\r\n                    class=\"oe-home-services-track\"\r\n                    id=\"oeHomeServicesTrack\"\r\n                >\r\n\r\n\r\n                    <!-- =================================================\r\n                         01 - \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M3 15h13V7H3z\"><\/path>\r\n                                <path d=\"M16 10h3l2 3v2h-5z\"><\/path>\r\n                                <circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle>\r\n                                <circle cx=\"18\" cy=\"17\" r=\"2\"><\/circle>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0628\u0631\u064a \u0644\u0644\u0628\u0636\u0627\u0626\u0639 \u0648\u0631\u0628\u0637 \u0627\u0644\u0645\u0648\u0627\u0646\u0626\r\n                            \u0648\u0627\u0644\u0645\u062f\u0646 \u0648\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u062e\u0632\u064a\u0646.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/road-freight\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         02 - \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M2 16l20-8\"><\/path>\r\n                                <path d=\"M8 13l-3-5 2-.8 5 4\"><\/path>\r\n                                <path d=\"M14 10l1-6 2-.8 1 5\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062d\u0644\u0648\u0644 \u0644\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0633\u0631\u0639\u0629\r\n                            \u0641\u064a \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/air-freight\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         03 - \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M3 15h18\"><\/path>\r\n                                <path d=\"M5 15l2 4h10l2-4\"><\/path>\r\n                                <path d=\"M8 15V7h8v8\"><\/path>\r\n                                <path d=\"M10 7V4h4v3\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0634\u062d\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0627\u0646\u0626\r\n                            \u0648\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u0644\u0627\u062d\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/sea-freight\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         04 - \u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M4 5h16v14H4z\"><\/path>\r\n                                <path d=\"M8 9h8\"><\/path>\r\n                                <path d=\"M8 13h5\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062e\u062f\u0645\u0627\u062a \u062c\u0645\u0631\u0643\u064a\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\r\n                            \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/customs-clearance\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         05 - \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M4 9l8-5 8 5-8 5z\"><\/path>\r\n                                <path d=\"M4 9v7l8 4 8-4V9\"><\/path>\r\n                                <path d=\"M12 14v6\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062a\u062c\u0647\u064a\u0632 \u0648\u062a\u062e\u0632\u064a\u0646 \u0648\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0628\u0645\u0627\r\n                            \u064a\u0646\u0627\u0633\u0628 \u0637\u0628\u064a\u0639\u062a\u0647\u0627 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0634\u062d\u0646.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/storage-packaging\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         06 - \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M3 17h18\"><\/path>\r\n                                <path d=\"M5 17V9h14v8\"><\/path>\r\n                                <path d=\"M8 9V6h8v3\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062a\u0646\u0638\u064a\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0648\u0631\u0628\u0637 \u0646\u0642\u0627\u0637\r\n                            \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/domestic-international-transport\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         07 - \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M6 3h9l3 3v15H6z\"><\/path>\r\n                                <path d=\"M14 3v4h4\"><\/path>\r\n                                <path d=\"M9 13l2 2 4-5\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u0634\u0647\u0627\u062f\u0627\u062a \u0648\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u062c\u0647\u064a\u0632 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a\r\n                            \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0644\u062a\u0635\u062f\u064a\u0631.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/export-certificates\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         08 - \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0648\u0627\u0644\u062f\u0648\u0627\u0621\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 4h14v16H5z\"><\/path>\r\n                                <path d=\"M9 8h6\"><\/path>\r\n                                <path d=\"M9 12h6\"><\/path>\r\n                                <path d=\"M9 16h3\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u062a\u0633\u062c\u064a\u0644 \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0621 \u0648\u0627\u0644\u062f\u0648\u0627\u0621\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0645\u062a\u0627\u0628\u0639\u0629\r\n                            \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/food-drug-registration-saudi\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         09 - \u0633\u0627\u0628\u0631\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 3l7 4v5c0 5-3 8-7 9-4-1-7-4-7-9V7z\"><\/path>\r\n                                <path d=\"M9 12l2 2 4-5\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0633\u0627\u0628\u0631\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629\r\n                            \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0646\u0635\u0629 \u0633\u0627\u0628\u0631.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/saber-certificates\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         10 - \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M4 19V9\"><\/path>\r\n                                <path d=\"M10 19V5\"><\/path>\r\n                                <path d=\"M16 19v-7\"><\/path>\r\n                                <path d=\"M22 19H2\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062f\u0631\u0627\u0633\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\r\n                            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/commercial-consulting\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         11 - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M3 7h18\"><\/path>\r\n                                <path d=\"M5 7v12h14V7\"><\/path>\r\n                                <path d=\"M12 3v8\"><\/path>\r\n                                <path d=\"M9 6l3-3 3 3\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u062d\u0646\r\n                            \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0648\u0627\u0644\u0646\u0642\u0644 \u0636\u0645\u0646 \u0645\u0633\u0627\u0631 \u0645\u062a\u0643\u0627\u0645\u0644.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/import-services\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         12 - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 5h14v14H5z\"><\/path>\r\n                                <path d=\"M12 13V3\"><\/path>\r\n                                <path d=\"M9 6l3-3 3 3\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062a\u062c\u0647\u064a\u0632 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                            \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/export-services\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         13 - \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0634\u0623\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card oe-home-service-featured\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                                <path d=\"M3 12h18\"><\/path>\r\n                                <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"><\/path>\r\n                                <path d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0634\u0623 \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0648\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0634\u0623\r\n                            \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u0644\u062f\u0648\u0644\u0629 \u0648\u0627\u0644\u0648\u062c\u0647\u0629.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/rules-of-origin\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         14 - \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u062c\u0645\u062f\u0629\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 21V10\"><\/path>\r\n                                <path d=\"M12 13C7 13 5 10 5 6c4 0 7 2 7 7z\"><\/path>\r\n                                <path d=\"M12 10c0-4 3-6 7-6 0 4-2 7-7 7\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u062c\u0645\u062f\u0629\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062a\u0646\u0638\u064a\u0645 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629\r\n                            \u0648\u0627\u0644\u0645\u062c\u0645\u062f\u0629 \u0648\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u0631\u062a\u0628\u0637 \u0628\u0647\u0627.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/agricultural-frozen-products-export\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         15 - \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f\u0627\u062a\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M4 8l8-4 8 4-8 4z\"><\/path>\r\n                                <path d=\"M4 8v8l8 4 8-4V8\"><\/path>\r\n                                <path d=\"M12 12v8\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062a\u0648\u0631\u064a\u062f\u0627\u062a\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f\u0627\u062a\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u062f\u0639\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0634\u0631\u0627\u0621 \u0645\u0646 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646\r\n                            \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/foreign-purchasing\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- =================================================\r\n                         16 - \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                    ================================================== -->\r\n\r\n                    <article class=\"oe-home-service-card\">\r\n\r\n                        <div class=\"oe-home-service-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M3 17h18\"><\/path>\r\n                                <path d=\"M5 17V9h7v8\"><\/path>\r\n                                <path d=\"M12 11h5l4 3v3h-9\"><\/path>\r\n                                <circle cx=\"7\" cy=\"19\" r=\"2\"><\/circle>\r\n                                <circle cx=\"18\" cy=\"19\" r=\"2\"><\/circle>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"oe-home-service-category\">\r\n                            \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0631\u0628\u0637 \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635\r\n                            \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0636\u0645\u0646 \u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u062d\u062f\u0629.\r\n                        <\/p>\r\n\r\n                        <a\r\n                            href=\"https:\/\/oceaneagles.com\/services\/integrated-logistics\/\"\r\n                            class=\"oe-home-services-internal\"\r\n                        >\r\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 CONTROLS\r\n            ================================================== -->\r\n\r\n            <div class=\"oe-home-services-controls\">\r\n\r\n                <div class=\"oe-home-services-arrows\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"oe-home-services-arrow\"\r\n                        id=\"oeServicesPrev\"\r\n                        aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"oe-home-services-arrow\"\r\n                        id=\"oeServicesNext\"\r\n                        aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M9 5l7 7-7 7\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    class=\"oe-home-services-dots\"\r\n                    id=\"oeServicesDots\"\r\n                ><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.oe-home-services{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        105px 20px\r\n        110px;\r\n\r\n    direction:rtl;\r\n\r\n    background:#F5F8FB;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.oe-home-services::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:620px;\r\n    height:620px;\r\n\r\n    top:-330px;\r\n    right:-300px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.10),\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.oe-home-services-wrap{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:1180px;\r\n\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.oe-home-services-head{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1.15fr .65fr;\r\n\r\n    gap:70px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:45px;\r\n}\r\n\r\n\r\n.oe-home-services-label{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:16px;\r\n\r\n    padding:\r\n        8px 15px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#E6F1F7;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.oe-home-services-label span{\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#0C6A9E;\r\n}\r\n\r\n\r\n.oe-home-services-title h2{\r\n    margin:0;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:\r\n        clamp(38px,4.5vw,58px);\r\n\r\n    line-height:1.25;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.oe-home-services-title h2 strong{\r\n    display:block;\r\n\r\n    color:#0C6A9E;\r\n}\r\n\r\n\r\n.oe-home-services-side p{\r\n    margin:\r\n        0 0\r\n        17px;\r\n\r\n    color:#6D7983;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.9;\r\n}\r\n\r\n\r\n.oe-home-services-all{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    color:#06294F !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.oe-home-services-all svg{\r\n    width:16px;\r\n    height:16px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#0C6A9E;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:rotate(180deg);\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.oe-home-services-all:hover svg{\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.oe-home-services-slider{\r\n    width:100%;\r\n}\r\n\r\n\r\n.oe-home-services-viewport{\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:\r\n        8px 3px\r\n        22px;\r\n}\r\n\r\n\r\n.oe-home-services-track{\r\n    display:flex;\r\n\r\n    direction:ltr;\r\n\r\n    align-items:stretch;\r\n\r\n    transition:\r\n        transform .6s\r\n        cubic-bezier(.22,.61,.36,1);\r\n\r\n    will-change:transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.oe-home-service-card{\r\n    flex:\r\n        0 0\r\n        calc(33.333333% - 12px);\r\n\r\n    margin-right:18px;\r\n\r\n    min-height:350px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    direction:rtl;\r\n\r\n    padding:\r\n        26px 24px;\r\n\r\n    border:\r\n        1px solid #E1E9EF;\r\n\r\n    border-radius:24px;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 12px 36px\r\n        rgba(6,41,79,.055);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n.oe-home-service-card:hover{\r\n    transform:translateY(-7px);\r\n\r\n    border-color:\r\n        rgba(12,106,158,.25);\r\n\r\n    box-shadow:\r\n        0 22px 50px\r\n        rgba(6,41,79,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.oe-home-service-icon{\r\n    width:58px;\r\n    height:58px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:22px;\r\n\r\n    border-radius:18px;\r\n\r\n    background:#EAF3F8;\r\n}\r\n\r\n\r\n.oe-home-service-icon svg{\r\n    width:28px;\r\n    height:28px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#0C6A9E;\r\n\r\n    stroke-width:1.7;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY\r\n========================================================= *\/\r\n\r\n.oe-home-service-category{\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.oe-home-service-card h3{\r\n    margin:\r\n        0 0\r\n        11px;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n.oe-home-service-card p{\r\n    margin:0;\r\n\r\n    color:#74808A;\r\n\r\n    font-size:12.5px;\r\n\r\n    line-height:1.95;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LINK\r\n========================================================= *\/\r\n\r\n.oe-home-service-card > a{\r\n    width:max-content;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:auto;\r\n\r\n    padding-top:22px;\r\n\r\n    color:#0C6A9E !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.oe-home-service-card > a svg{\r\n    width:16px;\r\n    height:16px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:rotate(180deg);\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.oe-home-service-card > a:hover svg{\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED CARD\r\n========================================================= *\/\r\n\r\n.oe-home-service-featured{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #06294F,\r\n            #08436F\r\n        );\r\n\r\n    border-color:transparent;\r\n}\r\n\r\n\r\n.oe-home-service-featured\r\n.oe-home-service-icon{\r\n    background:\r\n        rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n.oe-home-service-featured\r\n.oe-home-service-icon svg{\r\n    stroke:#69C5EE;\r\n}\r\n\r\n\r\n.oe-home-service-featured\r\n.oe-home-service-category{\r\n    color:#69C5EE;\r\n}\r\n\r\n\r\n.oe-home-service-featured h3{\r\n    color:#fff;\r\n}\r\n\r\n\r\n.oe-home-service-featured p{\r\n    color:\r\n        rgba(255,255,255,.70);\r\n}\r\n\r\n\r\n.oe-home-service-featured > a{\r\n    color:#69C5EE !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.oe-home-services-controls{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    margin-top:10px;\r\n}\r\n\r\n\r\n.oe-home-services-arrows{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    direction:ltr;\r\n\r\n    gap:8px;\r\n}\r\n\r\n\r\n.oe-home-services-arrow{\r\n    width:45px;\r\n    height:45px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid #DCE6ED;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.25s ease;\r\n}\r\n\r\n\r\n.oe-home-services-arrow:hover{\r\n    background:#06294F;\r\n\r\n    border-color:#06294F;\r\n}\r\n\r\n\r\n.oe-home-services-arrow svg{\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#06294F;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transition:.25s ease;\r\n}\r\n\r\n\r\n.oe-home-services-arrow:hover svg{\r\n    stroke:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.oe-home-services-dots{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    direction:ltr;\r\n\r\n    gap:6px;\r\n}\r\n\r\n\r\n.oe-home-services-dot{\r\n    width:7px;\r\n    height:7px;\r\n\r\n    padding:0;\r\n\r\n    border:0;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#C8D6DE;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.oe-home-services-dot.active{\r\n    width:27px;\r\n\r\n    background:#0C6A9E;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENGLISH\r\n========================================================= *\/\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-home-services{\r\n    direction:ltr !important;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-home-service-card{\r\n    direction:ltr;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-home-services-all svg,\r\nhtml[lang^=\"en\"]\r\n.oe-home-service-card > a svg{\r\n    transform:none;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-home-services-all:hover svg,\r\nhtml[lang^=\"en\"]\r\n.oe-home-service-card > a:hover svg{\r\n    transform:translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .oe-home-services{\r\n        padding:\r\n            90px 18px;\r\n    }\r\n\r\n\r\n    .oe-home-services-head{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n    }\r\n\r\n\r\n    .oe-home-services-side{\r\n        max-width:620px;\r\n    }\r\n\r\n\r\n    .oe-home-service-card{\r\n        flex-basis:\r\n            calc(50% - 9px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-home-services{\r\n        padding:\r\n            70px 14px\r\n            75px;\r\n    }\r\n\r\n\r\n    .oe-home-services-head{\r\n        margin-bottom:30px;\r\n    }\r\n\r\n\r\n    .oe-home-services-label{\r\n        margin-bottom:13px;\r\n\r\n        font-size:12px;\r\n    }\r\n\r\n\r\n    .oe-home-services-title h2{\r\n        font-size:32px;\r\n\r\n        line-height:1.38;\r\n    }\r\n\r\n\r\n    .oe-home-services-side p{\r\n        font-size:12.5px;\r\n    }\r\n\r\n\r\n    .oe-home-services-viewport{\r\n        padding-bottom:17px;\r\n    }\r\n\r\n\r\n    .oe-home-service-card{\r\n        flex-basis:100%;\r\n\r\n        min-height:315px;\r\n\r\n        margin-right:12px;\r\n\r\n        padding:\r\n            23px 20px;\r\n\r\n        border-radius:20px;\r\n    }\r\n\r\n\r\n    .oe-home-service-icon{\r\n        width:52px;\r\n        height:52px;\r\n\r\n        margin-bottom:18px;\r\n\r\n        border-radius:15px;\r\n    }\r\n\r\n\r\n    .oe-home-service-icon svg{\r\n        width:25px;\r\n        height:25px;\r\n    }\r\n\r\n\r\n    .oe-home-service-card h3{\r\n        font-size:18px;\r\n    }\r\n\r\n\r\n    .oe-home-service-card p{\r\n        font-size:12px;\r\n    }\r\n\r\n\r\n    .oe-home-services-controls{\r\n        margin-top:4px;\r\n    }\r\n\r\n\r\n    .oe-home-services-arrow{\r\n        width:41px;\r\n        height:41px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    function initOceanServicesCarousel(){\r\n\r\n        const section =\r\n            document.querySelector(\r\n                '.oe-home-services'\r\n            );\r\n\r\n\r\n        if(!section){\r\n            return;\r\n        }\r\n\r\n\r\n        if(\r\n            section.dataset.carouselReady === '1'\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        section.dataset.carouselReady = '1';\r\n\r\n\r\n        \/* =================================================\r\n           TRANSLATEPRESS INTERNAL LINKS\r\n        ================================================= *\/\r\n\r\n        const lang =\r\n            (\r\n                document.documentElement\r\n                .getAttribute('lang') || ''\r\n            )\r\n            .toLowerCase();\r\n\r\n\r\n        if(\r\n            lang.startsWith('en')\r\n        ){\r\n\r\n            const basePath =\r\n                '\/wordpress_a';\r\n\r\n\r\n            section\r\n            .querySelectorAll(\r\n                '.oe-home-services-internal'\r\n            )\r\n            .forEach(function(link){\r\n\r\n                try{\r\n\r\n                    const url =\r\n                        new URL(\r\n                            link.href,\r\n                            window.location.origin\r\n                        );\r\n\r\n\r\n                    if(\r\n                        url.origin !==\r\n                        window.location.origin\r\n                    ){\r\n                        return;\r\n                    }\r\n\r\n\r\n                    if(\r\n                        url.pathname.indexOf(\r\n                            basePath\r\n                        ) !== 0\r\n                    ){\r\n                        return;\r\n                    }\r\n\r\n\r\n                    let relative =\r\n                        url.pathname.substring(\r\n                            basePath.length\r\n                        );\r\n\r\n\r\n                    relative =\r\n                        relative.replace(\r\n                            \/^\\\/en(?=\\\/|$)\/i,\r\n                            ''\r\n                        );\r\n\r\n\r\n                    if(\r\n                        !relative ||\r\n                        relative === '\/'\r\n                    ){\r\n\r\n                        url.pathname =\r\n                            basePath +\r\n                            '\/en\/';\r\n\r\n                    }else{\r\n\r\n                        url.pathname =\r\n                            basePath +\r\n                            '\/en' +\r\n                            (\r\n                                relative.startsWith('\/')\r\n                                    ? relative\r\n                                    : '\/' + relative\r\n                            );\r\n\r\n                    }\r\n\r\n\r\n                    link.href =\r\n                        url.href;\r\n\r\n\r\n                }catch(error){}\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        const viewport =\r\n            section.querySelector(\r\n                '.oe-home-services-viewport'\r\n            );\r\n\r\n\r\n        const track =\r\n            section.querySelector(\r\n                '#oeHomeServicesTrack'\r\n            );\r\n\r\n\r\n        const cards =\r\n            Array.from(\r\n                section.querySelectorAll(\r\n                    '.oe-home-service-card'\r\n                )\r\n            );\r\n\r\n\r\n        const prev =\r\n            section.querySelector(\r\n                '#oeServicesPrev'\r\n            );\r\n\r\n\r\n        const next =\r\n            section.querySelector(\r\n                '#oeServicesNext'\r\n            );\r\n\r\n\r\n        const dotsWrap =\r\n            section.querySelector(\r\n                '#oeServicesDots'\r\n            );\r\n\r\n\r\n        if(\r\n            !viewport ||\r\n            !track ||\r\n            !cards.length\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        let index = 0;\r\n        let visible = 3;\r\n        let maxIndex = 0;\r\n\r\n        let autoplay = null;\r\n\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n\r\n\r\n        \/* =================================================\r\n           VISIBLE ITEMS\r\n        ================================================= *\/\r\n\r\n        function getVisible(){\r\n\r\n            if(\r\n                window.innerWidth <= 600\r\n            ){\r\n                return 1;\r\n            }\r\n\r\n\r\n            if(\r\n                window.innerWidth <= 950\r\n            ){\r\n                return 2;\r\n            }\r\n\r\n\r\n            return 3;\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           STEP WIDTH\r\n        ================================================= *\/\r\n\r\n        function getStep(){\r\n\r\n            if(cards.length < 2){\r\n\r\n                return cards[0]\r\n                    .getBoundingClientRect()\r\n                    .width;\r\n\r\n            }\r\n\r\n\r\n            const first =\r\n                cards[0]\r\n                .getBoundingClientRect();\r\n\r\n\r\n            const second =\r\n                cards[1]\r\n                .getBoundingClientRect();\r\n\r\n\r\n            return (\r\n                second.left -\r\n                first.left\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           DOTS\r\n        ================================================= *\/\r\n\r\n        function buildDots(){\r\n\r\n            if(!dotsWrap){\r\n                return;\r\n            }\r\n\r\n\r\n            dotsWrap.innerHTML = '';\r\n\r\n\r\n            const total =\r\n                maxIndex + 1;\r\n\r\n\r\n            for(\r\n                let i = 0;\r\n                i < total;\r\n                i++\r\n            ){\r\n\r\n                const dot =\r\n                    document.createElement(\r\n                        'button'\r\n                    );\r\n\r\n\r\n                dot.type = 'button';\r\n\r\n                dot.className =\r\n                    'oe-home-services-dot';\r\n\r\n\r\n                dot.setAttribute(\r\n                    'aria-label',\r\n                    '\u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0629 ' +\r\n                    (i + 1)\r\n                );\r\n\r\n\r\n                dot.addEventListener(\r\n                    'click',\r\n                    function(){\r\n\r\n                        index = i;\r\n\r\n                        update();\r\n\r\n                        restartAutoplay();\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                dotsWrap.appendChild(dot);\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           UPDATE\r\n        ================================================= *\/\r\n\r\n        function update(){\r\n\r\n            const step =\r\n                getStep();\r\n\r\n\r\n            track.style.transform =\r\n                'translateX(' +\r\n                (-index * step) +\r\n                'px)';\r\n\r\n\r\n            if(dotsWrap){\r\n\r\n                const dots =\r\n                    dotsWrap.querySelectorAll(\r\n                        '.oe-home-services-dot'\r\n                    );\r\n\r\n\r\n                dots.forEach(\r\n                    function(dot, i){\r\n\r\n                        dot.classList.toggle(\r\n                            'active',\r\n                            i === index\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           RECALCULATE\r\n        ================================================= *\/\r\n\r\n        function recalculate(){\r\n\r\n            visible =\r\n                getVisible();\r\n\r\n\r\n            maxIndex =\r\n                Math.max(\r\n                    0,\r\n                    cards.length - visible\r\n                );\r\n\r\n\r\n            if(index > maxIndex){\r\n                index = maxIndex;\r\n            }\r\n\r\n\r\n            buildDots();\r\n\r\n            update();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           NEXT\r\n        ================================================= *\/\r\n\r\n        function goNext(){\r\n\r\n            if(index >= maxIndex){\r\n\r\n                index = 0;\r\n\r\n            }else{\r\n\r\n                index++;\r\n\r\n            }\r\n\r\n\r\n            update();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           PREVIOUS\r\n        ================================================= *\/\r\n\r\n        function goPrev(){\r\n\r\n            if(index <= 0){\r\n\r\n                index = maxIndex;\r\n\r\n            }else{\r\n\r\n                index--;\r\n\r\n            }\r\n\r\n\r\n            update();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           BUTTONS\r\n        ================================================= *\/\r\n\r\n        if(next){\r\n\r\n            next.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    goNext();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if(prev){\r\n\r\n            prev.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    goPrev();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           AUTOPLAY\r\n        ================================================= *\/\r\n\r\n        function startAutoplay(){\r\n\r\n            stopAutoplay();\r\n\r\n\r\n            autoplay =\r\n                setInterval(\r\n                    goNext,\r\n                    4500\r\n                );\r\n\r\n        }\r\n\r\n\r\n        function stopAutoplay(){\r\n\r\n            if(autoplay){\r\n\r\n                clearInterval(\r\n                    autoplay\r\n                );\r\n\r\n                autoplay = null;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        function restartAutoplay(){\r\n\r\n            startAutoplay();\r\n\r\n        }\r\n\r\n\r\n        section.addEventListener(\r\n            'mouseenter',\r\n            stopAutoplay\r\n        );\r\n\r\n\r\n        section.addEventListener(\r\n            'mouseleave',\r\n            startAutoplay\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           TOUCH \/ SWIPE\r\n        ================================================= *\/\r\n\r\n        viewport.addEventListener(\r\n            'touchstart',\r\n            function(e){\r\n\r\n                touchStartX =\r\n                    e.touches[0]\r\n                    .clientX;\r\n\r\n\r\n                stopAutoplay();\r\n\r\n            },\r\n            {\r\n                passive:true\r\n            }\r\n        );\r\n\r\n\r\n        viewport.addEventListener(\r\n            'touchend',\r\n            function(e){\r\n\r\n                touchEndX =\r\n                    e.changedTouches[0]\r\n                    .clientX;\r\n\r\n\r\n                const diff =\r\n                    touchStartX -\r\n                    touchEndX;\r\n\r\n\r\n                if(\r\n                    Math.abs(diff) > 45\r\n                ){\r\n\r\n                    if(diff > 0){\r\n\r\n                        goNext();\r\n\r\n                    }else{\r\n\r\n                        goPrev();\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                startAutoplay();\r\n\r\n            },\r\n            {\r\n                passive:true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           RESIZE\r\n        ================================================= *\/\r\n\r\n        let resizeTimer = null;\r\n\r\n\r\n        window.addEventListener(\r\n            'resize',\r\n            function(){\r\n\r\n                clearTimeout(\r\n                    resizeTimer\r\n                );\r\n\r\n\r\n                resizeTimer =\r\n                    setTimeout(\r\n                        recalculate,\r\n                        150\r\n                    );\r\n\r\n            },\r\n            {\r\n                passive:true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           INIT\r\n        ================================================= *\/\r\n\r\n        recalculate();\r\n\r\n        startAutoplay();\r\n\r\n    }\r\n\r\n\r\n    if(\r\n        document.readyState ===\r\n        'loading'\r\n    ){\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            initOceanServicesCarousel\r\n        );\r\n\r\n    }else{\r\n\r\n        initOceanServicesCarousel();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2ab71a e-con-full e-flex e-con e-parent\" data-id=\"f2ab71a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c491d4c elementor-widget elementor-widget-html\" data-id=\"c491d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     OCEAN EAGLES\r\n     TESTIMONIALS CAROUSEL V3\r\n     ELEMENTOR SAFE + AR \/ EN\r\n========================================================= -->\r\n\r\n<section class=\"oe-reviews-safe\">\r\n\r\n    <div class=\"oe-reviews-safe-wrap\">\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"oe-reviews-safe-head\">\r\n\r\n            <div class=\"oe-reviews-safe-title\">\r\n\r\n                <div class=\"oe-reviews-safe-label\">\r\n                    <span><\/span>\r\n                    \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n                <\/div>\r\n\r\n                <h2>\r\n                    \u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627\r\n                    <strong>\r\n                        \u0647\u064a \u0623\u0633\u0627\u0633 \u0646\u062c\u0627\u062d\u0646\u0627\r\n                    <\/strong>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"oe-reviews-safe-side\">\r\n\r\n                <p>\r\n                    \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0646\u0638\u0645\u0629\u060c\r\n                    \u0648\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\r\n                    \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0629.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"oe-reviews-safe-arrows\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"oe-reviews-safe-arrow oe-reviews-safe-prev\"\r\n                        aria-label=\"\u0627\u0644\u0631\u0623\u064a \u0627\u0644\u0633\u0627\u0628\u0642\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"oe-reviews-safe-arrow oe-reviews-safe-next\"\r\n                        aria-label=\"\u0627\u0644\u0631\u0623\u064a \u0627\u0644\u062a\u0627\u0644\u064a\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M9 5l7 7-7 7\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CAROUSEL\r\n        ================================================== -->\r\n\r\n        <div class=\"oe-reviews-safe-viewport\">\r\n\r\n\r\n            <!-- 01 -->\r\n            <article class=\"oe-review-safe-card\">\r\n\r\n                <div class=\"oe-review-safe-quote\">\r\n                    \u201c\r\n                <\/div>\r\n\r\n                <div class=\"oe-review-safe-stars\">\r\n                    \u2605 \u2605 \u2605 \u2605 \u2605\r\n                <\/div>\r\n\r\n                <p class=\"oe-review-safe-text\">\r\n                    \u062a\u0639\u0627\u0645\u0644\u0646\u0627 \u0645\u0639 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \u0641\u064a \u0623\u0643\u062b\u0631 \u0645\u0646 \u0634\u062d\u0646\u0629\u060c\r\n                    \u0648\u0643\u0627\u0646 \u0623\u0647\u0645 \u0634\u064a\u0621 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0646\u0627 \u0647\u0648 \u0633\u0631\u0639\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\r\n                    \u0648\u0648\u0636\u0648\u062d \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0646 \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0634\u062d\u0646 \u0648\u062d\u062a\u0649 \u0648\u0635\u0648\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"oe-review-safe-person\">\r\n\r\n                    <div class=\"oe-review-safe-avatar\">\r\n                        \u0623\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            \u0623\u062d\u0645\u062f \u0645\u062d\u0645\u0648\u062f\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0642\u0637\u0627\u0639 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 -->\r\n            <article class=\"oe-review-safe-card\">\r\n\r\n                <div class=\"oe-review-safe-quote\">\r\n                    \u201c\r\n                <\/div>\r\n\r\n                <div class=\"oe-review-safe-stars\">\r\n                    \u2605 \u2605 \u2605 \u2605 \u2605\r\n                <\/div>\r\n\r\n                <p class=\"oe-review-safe-text\">\r\n                    \u0627\u0644\u0641\u0631\u064a\u0642 \u0643\u0627\u0646 \u0645\u062a\u0639\u0627\u0648\u0646\u064b\u0627 \u062c\u062f\u064b\u0627 \u0641\u064a \u062a\u062c\u0647\u064a\u0632 \u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n                    \u0627\u0644\u0634\u062d\u0646\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0639\u0646\u0627 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629\u060c\r\n                    \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0643\u0627\u0646 \u0633\u0631\u064a\u0639\u064b\u0627 \u0648\u0648\u0627\u0636\u062d\u064b\u0627 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"oe-review-safe-person\">\r\n\r\n                    <div class=\"oe-review-safe-avatar\">\r\n                        \u0645\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            \u0645\u062d\u0645\u062f \u062e\u0627\u0644\u062f\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u062a\u062c\u0627\u0631\u0629 \u0648\u062a\u0648\u0632\u064a\u0639\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 -->\r\n            <article class=\"oe-review-safe-card oe-review-safe-featured\">\r\n\r\n                <div class=\"oe-review-safe-quote\">\r\n                    \u201c\r\n                <\/div>\r\n\r\n                <div class=\"oe-review-safe-stars\">\r\n                    \u2605 \u2605 \u2605 \u2605 \u2605\r\n                <\/div>\r\n\r\n                <p class=\"oe-review-safe-text\">\r\n                    \u0643\u0646\u0627 \u0646\u0628\u062d\u062b \u0639\u0646 \u0634\u0631\u0643\u0629 \u062a\u0633\u0627\u0639\u062f\u0646\u0627 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0639\u0645\u0644\u064a\u0629\r\n                    \u0627\u0644\u0634\u062d\u0646 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u060c \u0648\u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \u0642\u062f\u0645\u062a \u0644\u0646\u0627\r\n                    \u062d\u0644\u064b\u0627 \u0645\u0646\u0627\u0633\u0628\u064b\u0627 \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u062d\u062a\u0649 \u0648\u0635\u0648\u0644 \u0627\u0644\u0634\u062d\u0646\u0629.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"oe-review-safe-person\">\r\n\r\n                    <div class=\"oe-review-safe-avatar\">\r\n                        \u0639\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            \u0639\u0645\u0631 \u062d\u0633\u0646\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0634\u0631\u0643\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u062a\u0635\u062f\u064a\u0631\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 04 -->\r\n            <article class=\"oe-review-safe-card\">\r\n\r\n                <div class=\"oe-review-safe-quote\">\r\n                    \u201c\r\n                <\/div>\r\n\r\n                <div class=\"oe-review-safe-stars\">\r\n                    \u2605 \u2605 \u2605 \u2605 \u2605\r\n                <\/div>\r\n\r\n                <p class=\"oe-review-safe-text\">\r\n                    \u0623\u0643\u062b\u0631 \u0645\u0627 \u0623\u0639\u062c\u0628\u0646\u0627 \u0647\u0648 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\r\n                    \u0648\u0627\u0644\u0631\u062f \u0627\u0644\u0633\u0631\u064a\u0639 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629\r\n                    \u0625\u0644\u0649 \u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u062e\u0644\u0627\u0644 \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0634\u062d\u0646\u0629.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"oe-review-safe-person\">\r\n\r\n                    <div class=\"oe-review-safe-avatar\">\r\n                        \u0633\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            \u0633\u0627\u0645\u062d \u0625\u0628\u0631\u0627\u0647\u064a\u0645\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 05 -->\r\n            <article class=\"oe-review-safe-card\">\r\n\r\n                <div class=\"oe-review-safe-quote\">\r\n                    \u201c\r\n                <\/div>\r\n\r\n                <div class=\"oe-review-safe-stars\">\r\n                    \u2605 \u2605 \u2605 \u2605 \u2605\r\n                <\/div>\r\n\r\n                <p class=\"oe-review-safe-text\">\r\n                    \u062a\u062c\u0631\u0628\u0629 \u062c\u064a\u062f\u0629 \u062c\u062f\u064b\u0627 \u0645\u0646 \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062d\u062a\u0649\r\n                    \u0625\u0646\u0647\u0627\u0621 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0634\u062d\u0646\u0629\u060c \u0648\u0627\u0644\u0641\u0631\u064a\u0642 \u0633\u0627\u0639\u062f\u0646\u0627\r\n                    \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0646\u0627.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"oe-review-safe-person\">\r\n\r\n                    <div class=\"oe-review-safe-avatar\">\r\n                        \u0643\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            \u0643\u0631\u064a\u0645 \u0639\u0644\u064a\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0648\u0631\u064a\u062f\u0627\u062a\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             DOTS\r\n        ================================================== -->\r\n\r\n        <div class=\"oe-reviews-safe-dots\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.oe-reviews-safe,\r\n.oe-reviews-safe *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.oe-reviews-safe{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    padding:105px 20px 110px;\r\n\r\n    direction:rtl;\r\n\r\n    background:#F5F8FB;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.oe-reviews-safe::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:520px;\r\n    height:520px;\r\n\r\n    top:-280px;\r\n    right:-250px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.10),\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.oe-reviews-safe-wrap{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n\r\n    max-width:1180px;\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.oe-reviews-safe-head{\r\n    width:100%;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(320px,.72fr);\r\n\r\n    gap:65px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:38px;\r\n}\r\n\r\n\r\n.oe-reviews-safe-label{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:15px;\r\n\r\n    padding:8px 15px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#E7F1F7;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.oe-reviews-safe-label span{\r\n    width:7px;\r\n    height:7px;\r\n\r\n    flex-shrink:0;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#0C6A9E;\r\n}\r\n\r\n\r\n.oe-reviews-safe-title h2{\r\n    margin:0;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:\r\n        clamp(38px,4.3vw,58px);\r\n\r\n    line-height:1.22;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.oe-reviews-safe-title h2 strong{\r\n    display:block;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.oe-reviews-safe-side > p{\r\n    margin:0;\r\n\r\n    color:#687580;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n.oe-reviews-safe-arrows{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:18px;\r\n}\r\n\r\n\r\n.oe-reviews-safe-arrow{\r\n    width:46px;\r\n    height:46px;\r\n\r\n    flex:0 0 46px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid #DCE6ED;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n\r\n    cursor:pointer;\r\n\r\n    box-shadow:\r\n        0 8px 22px\r\n        rgba(6,41,79,.06);\r\n\r\n    transition:.25s ease;\r\n}\r\n\r\n\r\n.oe-reviews-safe-arrow:hover{\r\n    background:#06294F;\r\n\r\n    border-color:#06294F;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n.oe-reviews-safe-arrow svg{\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#06294F;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transition:.25s ease;\r\n}\r\n\r\n\r\n.oe-reviews-safe-arrow:hover svg{\r\n    stroke:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT \/ CAROUSEL\r\n\r\n   \u0645\u0641\u064a\u0634 Track\r\n   \u0645\u0641\u064a\u0634 Transform\r\n   \u0645\u0641\u064a\u0634 \u062d\u0633\u0627\u0628\u0627\u062a Width \u0628\u0627\u0644\u0640JS\r\n========================================================= *\/\r\n\r\n.oe-reviews-safe-viewport{\r\n    width:100%;\r\n\r\n    display:grid;\r\n\r\n    grid-auto-flow:column;\r\n\r\n    grid-auto-columns:\r\n        calc((100% - 36px) \/ 3);\r\n\r\n    gap:18px;\r\n\r\n    overflow-x:auto;\r\n\r\n    overflow-y:hidden;\r\n\r\n    padding:\r\n        10px 2px\r\n        24px;\r\n\r\n    scroll-behavior:smooth;\r\n\r\n    scroll-snap-type:\r\n        x mandatory;\r\n\r\n    overscroll-behavior-inline:\r\n        contain;\r\n\r\n    scrollbar-width:none;\r\n\r\n    -ms-overflow-style:none;\r\n}\r\n\r\n\r\n.oe-reviews-safe-viewport::-webkit-scrollbar{\r\n    display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.oe-review-safe-card{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    min-width:0;\r\n\r\n    min-height:370px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    padding:30px 27px;\r\n\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n\r\n    scroll-snap-align:start;\r\n\r\n    scroll-snap-stop:always;\r\n\r\n    background:#fff;\r\n\r\n    border:\r\n        1px solid #E2EAF0;\r\n\r\n    border-radius:25px;\r\n\r\n    box-shadow:\r\n        0 14px 40px\r\n        rgba(6,41,79,.06);\r\n\r\n    overflow:hidden;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.oe-review-safe-card::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    right:0;\r\n    left:0;\r\n\r\n    height:4px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #06294F,\r\n            #0C6A9E\r\n        );\r\n\r\n    transform:scaleX(0);\r\n\r\n    transform-origin:right center;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.oe-review-safe-card:hover{\r\n    transform:translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(12,106,158,.25);\r\n\r\n    box-shadow:\r\n        0 22px 50px\r\n        rgba(6,41,79,.11);\r\n}\r\n\r\n\r\n.oe-review-safe-card:hover::before{\r\n    transform:scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED\r\n========================================================= *\/\r\n\r\n.oe-review-safe-featured{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #06294F,\r\n            #083C68\r\n        );\r\n\r\n    border-color:transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE\r\n========================================================= *\/\r\n\r\n.oe-review-safe-quote{\r\n    position:absolute;\r\n\r\n    top:13px;\r\n    left:21px;\r\n\r\n    color:\r\n        rgba(12,106,158,.10);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:100px;\r\n\r\n    line-height:1;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.oe-review-safe-featured\r\n.oe-review-safe-quote{\r\n    color:\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STARS\r\n========================================================= *\/\r\n\r\n.oe-review-safe-stars{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin-bottom:25px;\r\n\r\n    direction:ltr;\r\n\r\n    text-align:right;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:14px;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n.oe-review-safe-featured\r\n.oe-review-safe-stars{\r\n    color:#67C4EE;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.oe-review-safe-text{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin:0;\r\n\r\n    color:#5F6B77;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:2;\r\n}\r\n\r\n\r\n.oe-review-safe-featured\r\n.oe-review-safe-text{\r\n    color:\r\n        rgba(255,255,255,.80);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSON\r\n========================================================= *\/\r\n\r\n.oe-review-safe-person{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n\r\n    margin-top:auto;\r\n\r\n    padding-top:28px;\r\n}\r\n\r\n\r\n.oe-review-safe-avatar{\r\n    width:50px;\r\n    height:50px;\r\n\r\n    flex:0 0 50px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#EAF3F8;\r\n\r\n    color:#0C6A9E;\r\n\r\n    font-size:16px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.oe-review-safe-person strong{\r\n    display:block;\r\n\r\n    margin-bottom:4px;\r\n\r\n    color:#06294F;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.oe-review-safe-person span{\r\n    display:block;\r\n\r\n    color:#89939D;\r\n\r\n    font-size:11px;\r\n}\r\n\r\n\r\n.oe-review-safe-featured\r\n.oe-review-safe-avatar{\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    color:#fff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n}\r\n\r\n\r\n.oe-review-safe-featured\r\n.oe-review-safe-person strong{\r\n    color:#fff;\r\n}\r\n\r\n\r\n.oe-review-safe-featured\r\n.oe-review-safe-person span{\r\n    color:\r\n        rgba(255,255,255,.55);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.oe-reviews-safe-dots{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    direction:ltr;\r\n\r\n    gap:7px;\r\n\r\n    margin-top:1px;\r\n}\r\n\r\n\r\n.oe-reviews-safe-dot{\r\n    width:8px;\r\n    height:8px;\r\n\r\n    padding:0;\r\n\r\n    border:0;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#C8D4DC;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        width .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.oe-reviews-safe-dot.is-active{\r\n    width:28px;\r\n\r\n    background:#0C6A9E;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARABIC\r\n========================================================= *\/\r\n\r\nhtml[lang^=\"ar\"]\r\n.oe-reviews-safe{\r\n    direction:rtl !important;\r\n}\r\n\r\n\r\nhtml[lang^=\"ar\"]\r\n.oe-reviews-safe-head,\r\nhtml[lang^=\"ar\"]\r\n.oe-reviews-safe-title,\r\nhtml[lang^=\"ar\"]\r\n.oe-reviews-safe-side{\r\n    direction:rtl !important;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\nhtml[lang^=\"ar\"]\r\n.oe-reviews-safe-viewport{\r\n    direction:rtl;\r\n}\r\n\r\n\r\nhtml[lang^=\"ar\"]\r\n.oe-review-safe-card{\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\nhtml[lang^=\"ar\"]\r\n.oe-review-safe-person{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENGLISH\r\n========================================================= *\/\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-reviews-safe{\r\n    direction:ltr !important;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-reviews-safe-head,\r\nhtml[lang^=\"en\"]\r\n.oe-reviews-safe-title,\r\nhtml[lang^=\"en\"]\r\n.oe-reviews-safe-side{\r\n    direction:ltr !important;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-reviews-safe-viewport{\r\n    direction:ltr;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-review-safe-card{\r\n    direction:ltr;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-review-safe-person{\r\n    direction:ltr;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-review-safe-stars{\r\n    text-align:left;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-review-safe-quote{\r\n    left:auto;\r\n    right:21px;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-review-safe-card::before{\r\n    transform-origin:left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .oe-reviews-safe{\r\n        padding:\r\n            90px 18px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-head{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n\r\n        margin-bottom:30px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-side{\r\n        display:flex;\r\n\r\n        align-items:flex-end;\r\n        justify-content:space-between;\r\n\r\n        gap:25px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-side > p{\r\n        max-width:620px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-arrows{\r\n        flex-shrink:0;\r\n\r\n        margin-top:0;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-viewport{\r\n        grid-auto-columns:\r\n            calc((100% - 18px) \/ 2);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-reviews-safe{\r\n        padding:\r\n            70px 14px\r\n            75px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-head{\r\n        margin-bottom:20px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-label{\r\n        margin-bottom:12px;\r\n\r\n        font-size:12px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-title h2{\r\n        font-size:32px;\r\n\r\n        line-height:1.38;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-side{\r\n        display:block;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-side > p{\r\n        font-size:13px;\r\n\r\n        line-height:1.9;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-arrows{\r\n        margin-top:16px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-arrow{\r\n        width:42px;\r\n        height:42px;\r\n\r\n        flex-basis:42px;\r\n    }\r\n\r\n\r\n    .oe-reviews-safe-viewport{\r\n        grid-auto-columns:100%;\r\n\r\n        gap:12px;\r\n\r\n        padding:\r\n            9px 1px\r\n            20px;\r\n    }\r\n\r\n\r\n    .oe-review-safe-card{\r\n        min-height:335px;\r\n\r\n        padding:\r\n            25px 21px;\r\n\r\n        border-radius:21px;\r\n    }\r\n\r\n\r\n    .oe-review-safe-text{\r\n        font-size:13.5px;\r\n\r\n        line-height:1.95;\r\n    }\r\n\r\n\r\n    .oe-review-safe-quote{\r\n        top:10px;\r\n        left:16px;\r\n\r\n        font-size:82px;\r\n    }\r\n\r\n\r\n    html[lang^=\"en\"]\r\n    .oe-review-safe-quote{\r\n        left:auto;\r\n        right:16px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    function initOEReviewsSafe(){\r\n\r\n        document\r\n        .querySelectorAll('.oe-reviews-safe')\r\n        .forEach(function(section){\r\n\r\n            if(section.dataset.oeReady === '1'){\r\n                return;\r\n            }\r\n\r\n            section.dataset.oeReady = '1';\r\n\r\n\r\n            const viewport =\r\n                section.querySelector(\r\n                    '.oe-reviews-safe-viewport'\r\n                );\r\n\r\n            const cards =\r\n                Array.from(\r\n                    section.querySelectorAll(\r\n                        '.oe-review-safe-card'\r\n                    )\r\n                );\r\n\r\n            const prev =\r\n                section.querySelector(\r\n                    '.oe-reviews-safe-prev'\r\n                );\r\n\r\n            const next =\r\n                section.querySelector(\r\n                    '.oe-reviews-safe-next'\r\n                );\r\n\r\n            const dotsWrap =\r\n                section.querySelector(\r\n                    '.oe-reviews-safe-dots'\r\n                );\r\n\r\n\r\n            if(\r\n                !viewport ||\r\n                !cards.length ||\r\n                !prev ||\r\n                !next ||\r\n                !dotsWrap\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               LANGUAGE\r\n            ================================================= *\/\r\n\r\n            const lang =\r\n                (\r\n                    document.documentElement\r\n                    .getAttribute('lang') || ''\r\n                )\r\n                .toLowerCase();\r\n\r\n\r\n            const isEnglish =\r\n                lang.indexOf('en') === 0;\r\n\r\n\r\n            \/* =================================================\r\n               STATE\r\n            ================================================= *\/\r\n\r\n            let current = 0;\r\n\r\n            let timer = null;\r\n\r\n            let resizeTimer = null;\r\n\r\n            let dots = [];\r\n\r\n\r\n            \/* =================================================\r\n               ITEMS PER VIEW\r\n            ================================================= *\/\r\n\r\n            function perView(){\r\n\r\n                if(window.innerWidth <= 600){\r\n                    return 1;\r\n                }\r\n\r\n                if(window.innerWidth <= 950){\r\n                    return 2;\r\n                }\r\n\r\n                return 3;\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               MAX INDEX\r\n            ================================================= *\/\r\n\r\n            function maxIndex(){\r\n\r\n                return Math.max(\r\n                    0,\r\n                    cards.length - perView()\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               DOTS\r\n            ================================================= *\/\r\n\r\n            function buildDots(){\r\n\r\n                dotsWrap.innerHTML = '';\r\n\r\n                dots = [];\r\n\r\n\r\n                const count =\r\n                    maxIndex() + 1;\r\n\r\n\r\n                for(\r\n                    let i = 0;\r\n                    i < count;\r\n                    i++\r\n                ){\r\n\r\n                    const dot =\r\n                        document.createElement(\r\n                            'button'\r\n                        );\r\n\r\n\r\n                    dot.type = 'button';\r\n\r\n                    dot.className =\r\n                        'oe-reviews-safe-dot';\r\n\r\n\r\n                    dot.setAttribute(\r\n                        'aria-label',\r\n                        isEnglish\r\n                            ? 'Show testimonial ' + (i + 1)\r\n                            : '\u0639\u0631\u0636 \u0627\u0644\u0631\u0623\u064a ' + (i + 1)\r\n                    );\r\n\r\n\r\n                    dot.addEventListener(\r\n                        'click',\r\n                        function(){\r\n\r\n                            goTo(i);\r\n\r\n                            restartAutoplay();\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    dotsWrap.appendChild(dot);\r\n\r\n                    dots.push(dot);\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               ACTIVE DOT\r\n            ================================================= *\/\r\n\r\n            function updateDots(){\r\n\r\n                dots.forEach(\r\n                    function(dot,index){\r\n\r\n                        dot.classList.toggle(\r\n                            'is-active',\r\n                            index === current\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               MOVE CAROUSEL ONLY\r\n\r\n               \u0645\u0647\u0645:\r\n               \u0645\u0641\u064a\u0634 scrollIntoView \u0646\u0647\u0627\u0626\u064a\u064b\u0627\r\n               \u0648\u0628\u0627\u0644\u062a\u0627\u0644\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0646\u0641\u0633\u0647\u0627 \u0645\u0634 \u0647\u062a\u062a\u062d\u0631\u0643.\r\n            ================================================= *\/\r\n\r\n            function moveViewportToCard(index){\r\n\r\n                const card =\r\n                    cards[index];\r\n\r\n\r\n                if(!card){\r\n                    return;\r\n                }\r\n\r\n\r\n                const viewportRect =\r\n                    viewport.getBoundingClientRect();\r\n\r\n\r\n                const cardRect =\r\n                    card.getBoundingClientRect();\r\n\r\n\r\n                let horizontalMove = 0;\r\n\r\n\r\n                \/*\r\n                 * English \/ LTR\r\n                 * \u0646\u062e\u0644\u064a \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0643\u0627\u0631\u062a \u0639\u0644\u0649 \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0640viewport\r\n                 *\/\r\n                if(isEnglish){\r\n\r\n                    horizontalMove =\r\n                        cardRect.left -\r\n                        viewportRect.left;\r\n\r\n                }\r\n\r\n                \/*\r\n                 * Arabic \/ RTL\r\n                 * \u0646\u062e\u0644\u064a \u064a\u0645\u064a\u0646 \u0627\u0644\u0643\u0627\u0631\u062a \u0639\u0644\u0649 \u064a\u0645\u064a\u0646 \u0627\u0644\u0640viewport\r\n                 *\/\r\n                else{\r\n\r\n                    horizontalMove =\r\n                        cardRect.right -\r\n                        viewportRect.right;\r\n\r\n                }\r\n\r\n\r\n                viewport.scrollBy({\r\n                    left: horizontalMove,\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               GO TO\r\n            ================================================= *\/\r\n\r\n            function goTo(index){\r\n\r\n                const max =\r\n                    maxIndex();\r\n\r\n\r\n                if(index > max){\r\n                    index = 0;\r\n                }\r\n\r\n\r\n                if(index < 0){\r\n                    index = max;\r\n                }\r\n\r\n\r\n                current = index;\r\n\r\n\r\n                moveViewportToCard(\r\n                    current\r\n                );\r\n\r\n\r\n                updateDots();\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               NEXT\r\n            ================================================= *\/\r\n\r\n            function goNext(){\r\n\r\n                if(\r\n                    current >=\r\n                    maxIndex()\r\n                ){\r\n\r\n                    goTo(0);\r\n\r\n                }else{\r\n\r\n                    goTo(\r\n                        current + 1\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               PREVIOUS\r\n            ================================================= *\/\r\n\r\n            function goPrev(){\r\n\r\n                if(current <= 0){\r\n\r\n                    goTo(\r\n                        maxIndex()\r\n                    );\r\n\r\n                }else{\r\n\r\n                    goTo(\r\n                        current - 1\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               BUTTONS\r\n            ================================================= *\/\r\n\r\n            next.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    goNext();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            prev.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    goPrev();\r\n\r\n                    restartAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               AUTOPLAY\r\n            ================================================= *\/\r\n\r\n            function stopAutoplay(){\r\n\r\n                if(timer){\r\n\r\n                    clearInterval(\r\n                        timer\r\n                    );\r\n\r\n                    timer = null;\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            function startAutoplay(){\r\n\r\n                stopAutoplay();\r\n\r\n\r\n                if(\r\n                    cards.length <=\r\n                    perView()\r\n                ){\r\n                    return;\r\n                }\r\n\r\n\r\n                timer =\r\n                    setInterval(\r\n                        goNext,\r\n                        4500\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            function restartAutoplay(){\r\n\r\n                stopAutoplay();\r\n\r\n                startAutoplay();\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               PAUSE ON HOVER\r\n            ================================================= *\/\r\n\r\n            section.addEventListener(\r\n                'mouseenter',\r\n                stopAutoplay\r\n            );\r\n\r\n\r\n            section.addEventListener(\r\n                'mouseleave',\r\n                startAutoplay\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               TOUCH\r\n            ================================================= *\/\r\n\r\n            viewport.addEventListener(\r\n                'touchstart',\r\n                stopAutoplay,\r\n                {\r\n                    passive:true\r\n                }\r\n            );\r\n\r\n\r\n            viewport.addEventListener(\r\n                'touchend',\r\n                function(){\r\n\r\n                    setTimeout(\r\n                        startAutoplay,\r\n                        900\r\n                    );\r\n\r\n                },\r\n                {\r\n                    passive:true\r\n                }\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               RESIZE\r\n            ================================================= *\/\r\n\r\n            window.addEventListener(\r\n                'resize',\r\n                function(){\r\n\r\n                    clearTimeout(\r\n                        resizeTimer\r\n                    );\r\n\r\n\r\n                    resizeTimer =\r\n                        setTimeout(\r\n                            function(){\r\n\r\n                                const max =\r\n                                    maxIndex();\r\n\r\n\r\n                                if(current > max){\r\n                                    current = max;\r\n                                }\r\n\r\n\r\n                                buildDots();\r\n\r\n                                updateDots();\r\n\r\n                            },\r\n                            180\r\n                        );\r\n\r\n                },\r\n                {\r\n                    passive:true\r\n                }\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               ACCESSIBILITY\r\n            ================================================= *\/\r\n\r\n            prev.setAttribute(\r\n                'aria-label',\r\n                isEnglish\r\n                    ? 'Previous testimonial'\r\n                    : '\u0627\u0644\u0631\u0623\u064a \u0627\u0644\u0633\u0627\u0628\u0642'\r\n            );\r\n\r\n\r\n            next.setAttribute(\r\n                'aria-label',\r\n                isEnglish\r\n                    ? 'Next testimonial'\r\n                    : '\u0627\u0644\u0631\u0623\u064a \u0627\u0644\u062a\u0627\u0644\u064a'\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               INIT\r\n\r\n               \u0645\u0641\u064a\u0634 \u0623\u064a scroll \u0647\u0646\u0627 \u0646\u0647\u0627\u0626\u064a\u064b\u0627.\r\n            ================================================= *\/\r\n\r\n            buildDots();\r\n\r\n            updateDots();\r\n\r\n            startAutoplay();\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if(\r\n        document.readyState ===\r\n        'loading'\r\n    ){\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            initOEReviewsSafe\r\n        );\r\n\r\n    }else{\r\n\r\n        initOEReviewsSafe();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75809ca e-con-full e-flex e-con e-parent\" data-id=\"75809ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7caf688 elementor-widget elementor-widget-html\" data-id=\"7caf688\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 - \u062f\u0639\u0648\u0629 \u0644\u0644\u062a\u0648\u0627\u0635\u0644\r\n     UPDATED PHONE NUMBERS\r\n========================================================= -->\r\n\r\n<section class=\"oe-contact-call\">\r\n\r\n    <div class=\"oe-contact-call-bg\"><\/div>\r\n    <div class=\"oe-contact-call-overlay\"><\/div>\r\n\r\n    <div class=\"oe-contact-call-wrap\">\r\n\r\n        <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 -->\r\n        <div class=\"oe-contact-call-content\">\r\n\r\n            <div class=\"oe-contact-call-label\">\r\n                <span><\/span>\r\n                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u062c\u0627\u0647\u0632 \u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643\r\n                <strong>\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0639\u0646\u0627\u061f<\/strong>\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \u0648\u062f\u0639\u0646\u0627 \u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631\r\n                \u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u0634\u062d\u0646\r\n                \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629.\r\n            <\/p>\r\n\r\n\r\n            <!-- \u0627\u0644\u0623\u0632\u0631\u0627\u0631 -->\r\n            <div class=\"oe-contact-call-actions\">\r\n\r\n                <!-- \u0648\u0627\u062a\u0633\u0627\u0628 -->\r\n                <a\r\n                    href=\"https:\/\/wa.me\/201500072233\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                    class=\"oe-contact-btn oe-contact-whatsapp\"\r\n                >\r\n\r\n                    <span class=\"oe-contact-btn-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20 11.5A8.3 8.3 0 0 1 7.7 18.8L4 20l1.2-3.6A8.3 8.3 0 1 1 20 11.5z\"><\/path>\r\n                            <path d=\"M8.5 8.5c.3-.7.7-.7 1-.7h.4c.2 0 .4.1.5.5l.8 1.8c.1.3.1.5-.1.7l-.6.8c-.2.2-.2.4 0 .7.6 1 1.4 1.8 2.4 2.4.3.2.5.2.7 0l.8-1c.2-.2.4-.3.7-.2l1.9.9c.3.1.4.3.4.5 0 .3-.1 1.5-1 2-.7.5-1.6.7-2.4.5-1.4-.3-3.2-1-5-2.7-1.5-1.4-2.5-3.2-2.8-4.5-.3-1.3 0-2 .3-2.5z\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- \u0627\u062a\u0635\u0627\u0644 -->\r\n                <a\r\n                    href=\"tel:01500072233\"\r\n                    class=\"oe-contact-btn oe-contact-phone\"\r\n                >\r\n\r\n                    <span class=\"oe-contact-btn-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M6.5 3h3l1.5 4-2 1.5c1.2 2.5 3 4.3 5.5 5.5l1.5-2 4 1.5v3c0 1.7-1.3 3-3 3C9.3 19.5 4.5 14.7 4.5 7c0-2.2.8-4 2-4z\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\r\n                <a\r\n                    href=\"https:\/\/oceaneagles.com\/contact-us\/\"\r\n                    class=\"oe-contact-btn oe-contact-page\"\r\n                >\r\n\r\n                    <span>\r\n                        \u0623\u0631\u0633\u0644 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643\r\n                    <\/span>\r\n\r\n                    <svg class=\"oe-contact-arrow\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\r\n        <div class=\"oe-contact-call-info\">\r\n\r\n\r\n            <!-- =================================================\r\n                 \u0627\u0644\u0647\u0627\u062a\u0641\r\n            ================================================== -->\r\n\r\n            <div class=\"oe-contact-info-row\">\r\n\r\n                <div class=\"oe-contact-info-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M6.5 3h3l1.5 4-2 1.5c1.2 2.5 3 4.3 5.5 5.5l1.5-2 4 1.5v3c0 1.7-1.3 3-3 3C9.3 19.5 4.5 14.7 4.5 7c0-2.2.8-4 2-4z\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <span>\r\n                        \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\r\n                    <\/span>\r\n\r\n                    <div class=\"oe-contact-phone-list\">\r\n\r\n                        <a href=\"tel:01500072233\">\r\n                            01500072233\r\n                        <\/a>\r\n\r\n                        <a href=\"tel:01272979767\">\r\n                            01272979767\r\n                        <\/a>\r\n\r\n                        <a href=\"tel:01037601053\">\r\n                            01037601053\r\n                        <\/a>\r\n\r\n                        <a href=\"tel:01287550880\">\r\n                            01287550880\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n         <!-- =================================================\r\n     \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n================================================== -->\r\n\r\n<div class=\"oe-contact-info-row\">\r\n\r\n    <div class=\"oe-contact-info-icon\">\r\n\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n            <path d=\"M3 7l9 6 9-6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n    <div>\r\n\r\n        <span>\r\n            \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n        <\/span>\r\n\r\n        <div class=\"oe-contact-email-list\">\r\n\r\n            <a href=\"mailto:info@oceaneagles.com\">\r\n                info@oceaneagles.com\r\n            <\/a>\r\n\r\n            <a href=\"mailto:export@oceaneagles.com\">\r\n                export@oceaneagles.com\r\n            <\/a>\r\n\r\n            <a href=\"mailto:import@oceaneagles.com\">\r\n                import@oceaneagles.com\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n            ================================================== -->\r\n\r\n            <div class=\"oe-contact-info-row\">\r\n\r\n                <div class=\"oe-contact-info-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 21s7-6 7-12a7 7 0 1 0-14 0c0 6 7 12 7 12z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"9\" r=\"2.5\"><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <span>\r\n                        \u0645\u0642\u0631 \u0627\u0644\u0634\u0631\u0643\u0629\r\n                    <\/span>\r\n\r\n                    <strong>\r\n                        \u0627\u0644\u062a\u062c\u0645\u0639 \u0627\u0644\u062e\u0627\u0645\u0633\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u062a\u0633\u0639\u064a\u0646 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u060c\r\n                        \u0623\u0645\u0627\u0645 \u0628\u0646\u0643 \u0646\u0643\u0633\u062a\u060c \u0641\u064a\u0644\u0627 107\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.oe-contact-call,\r\n.oe-contact-call *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0633\u0643\u0634\u0646\r\n========================================================= *\/\r\n\r\n.oe-contact-call{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    min-height:610px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    padding:\r\n        100px 20px;\r\n\r\n    direction:rtl;\r\n\r\n    overflow:hidden;\r\n\r\n    isolation:isolate;\r\n\r\n    background:#031B33;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062e\u0644\u0641\u064a\u0629\r\n========================================================= *\/\r\n\r\n.oe-contact-call-bg{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-4;\r\n\r\n    background-image:\r\n        url('https:\/\/oceaneagles.com\/wp-content\/uploads\/2026\/09\/Ocean-Eagles-Hero.webp');\r\n\r\n    background-size:cover;\r\n\r\n    background-position:center 55%;\r\n\r\n    transform:scale(1.02);\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062a\u062f\u0631\u062c\r\n========================================================= *\/\r\n\r\n.oe-contact-call-overlay{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-3;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(2,18,35,.82) 0%,\r\n            rgba(2,22,42,.94) 55%,\r\n            rgba(2,20,38,.98) 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* \u062a\u0648\u0647\u062c *\/\r\n\r\n.oe-contact-call::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:-2;\r\n\r\n    width:600px;\r\n    height:600px;\r\n\r\n    right:-250px;\r\n    bottom:-300px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(12,106,158,.35),\r\n            rgba(12,106,158,0) 70%\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062d\u0627\u0648\u064a\u0629\r\n========================================================= *\/\r\n\r\n.oe-contact-call-wrap{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n    max-width:1180px;\r\n\r\n    margin:auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1.1fr .72fr;\r\n\r\n    gap:80px;\r\n\r\n    align-items:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u062d\u062a\u0648\u0649\r\n========================================================= *\/\r\n\r\n.oe-contact-call-content{\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u063a\u064a\u0631 *\/\r\n\r\n.oe-contact-call-label{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    margin-bottom:20px;\r\n\r\n    padding:\r\n        8px 15px;\r\n\r\n    border-radius:30px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.13);\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    color:\r\n        rgba(255,255,255,.82);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n.oe-contact-call-label span{\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#37ACE2;\r\n\r\n    box-shadow:\r\n        0 0 12px\r\n        rgba(55,172,226,.7);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\r\n========================================================= *\/\r\n\r\n.oe-contact-call-content h2{\r\n\r\n    margin:0;\r\n\r\n    max-width:700px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(42px,5vw,68px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.17;\r\n\r\n}\r\n\r\n\r\n.oe-contact-call-content h2 strong{\r\n\r\n    display:block;\r\n\r\n    color:#5BBCE8;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0648\u0635\u0641\r\n========================================================= *\/\r\n\r\n.oe-contact-call-content > p{\r\n\r\n    max-width:650px;\r\n\r\n    margin:\r\n        23px 0\r\n        0;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n========================================================= *\/\r\n\r\n.oe-contact-call-actions{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:11px;\r\n\r\n    margin-top:31px;\r\n\r\n}\r\n\r\n\r\n.oe-contact-btn{\r\n\r\n    position:relative;\r\n\r\n    z-index:5;\r\n\r\n    min-height:54px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:\r\n        0 21px;\r\n\r\n    border-radius:29px;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n\r\n    pointer-events:auto;\r\n\r\n    touch-action:manipulation;\r\n\r\n}\r\n\r\n\r\n.oe-contact-btn:hover{\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\/* \u0648\u0627\u062a\u0633\u0627\u0628 *\/\r\n\r\n.oe-contact-whatsapp{\r\n\r\n    background:#16884B;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(22,136,75,.23);\r\n\r\n}\r\n\r\n\r\n.oe-contact-whatsapp:hover{\r\n\r\n    background:#1A9A56;\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(22,136,75,.32);\r\n\r\n}\r\n\r\n\r\n\/* \u0627\u062a\u0635\u0627\u0644 *\/\r\n\r\n.oe-contact-phone{\r\n\r\n    background:#0C6A9E;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(12,106,158,.25);\r\n\r\n}\r\n\r\n\r\n.oe-contact-phone:hover{\r\n\r\n    background:#1280B9;\r\n\r\n}\r\n\r\n\r\n\/* \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 *\/\r\n\r\n.oe-contact-page{\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.27);\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n}\r\n\r\n\r\n.oe-contact-page:hover{\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.50);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n========================================================= *\/\r\n\r\n.oe-contact-btn-icon{\r\n\r\n    width:25px;\r\n    height:25px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n}\r\n\r\n\r\n.oe-contact-btn-icon svg{\r\n\r\n    width:22px;\r\n    height:22px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:1.7;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.oe-contact-arrow{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#fff;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:rotate(180deg);\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.oe-contact-page:hover\r\n.oe-contact-arrow{\r\n\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n========================================================= *\/\r\n\r\n.oe-contact-call-info{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:10px;\r\n\r\n    padding:\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.11);\r\n\r\n    border-radius:27px;\r\n\r\n    background:\r\n        rgba(2,20,38,.62);\r\n\r\n    backdrop-filter:\r\n        blur(18px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n    box-shadow:\r\n        0 25px 60px\r\n        rgba(0,0,0,.18);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0635\u0641\r\n========================================================= *\/\r\n\r\n.oe-contact-info-row{\r\n\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        52px 1fr;\r\n\r\n    gap:14px;\r\n\r\n    align-items:center;\r\n\r\n    padding:\r\n        17px 16px;\r\n\r\n    border-radius:18px;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\na.oe-contact-info-row:hover{\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    transform:\r\n        translateX(-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629\r\n========================================================= *\/\r\n\r\n.oe-contact-info-icon{\r\n\r\n    width:50px;\r\n    height:50px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:15px;\r\n\r\n    background:\r\n        rgba(12,106,158,.25);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(91,188,232,.16);\r\n\r\n}\r\n\r\n\r\n.oe-contact-info-icon svg{\r\n\r\n    width:24px;\r\n    height:24px;\r\n\r\n    fill:none;\r\n\r\n    stroke:#69C3EC;\r\n\r\n    stroke-width:1.6;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0646\u0635\r\n========================================================= *\/\r\n\r\n.oe-contact-info-row span{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:4px;\r\n\r\n    color:\r\n        rgba(255,255,255,.50);\r\n\r\n    font-size:11px;\r\n\r\n}\r\n\r\n\r\n.oe-contact-info-row strong{\r\n\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n\r\n    line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\r\n========================================================= *\/\r\n\r\n.oe-contact-phone-list{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:3px;\r\n\r\n}\r\n\r\n\r\n.oe-contact-phone-list a{\r\n\r\n    position:relative;\r\n\r\n    z-index:10;\r\n\r\n    display:block;\r\n\r\n    width:max-content;\r\n\r\n    max-width:100%;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n\r\n    line-height:1.7;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        transform .25s ease;\r\n\r\n    pointer-events:auto;\r\n\r\n    touch-action:manipulation;\r\n\r\n}\r\n\r\n\r\n.oe-contact-phone-list a:hover{\r\n\r\n    color:#69C3EC !important;\r\n\r\n    transform:\r\n        translateX(-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENGLISH\r\n========================================================= *\/\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-call{\r\n\r\n    direction:ltr;\r\n\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-phone-list{\r\n\r\n    align-items:flex-start;\r\n\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-arrow{\r\n\r\n    transform:none;\r\n\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-page:hover\r\n.oe-contact-arrow{\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-phone-list a:hover{\r\n\r\n    transform:\r\n        translateX(3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .oe-contact-call{\r\n\r\n        min-height:auto;\r\n\r\n        padding:\r\n            90px 18px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-wrap{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:45px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-content{\r\n\r\n        max-width:750px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-info{\r\n\r\n        max-width:650px;\r\n\r\n        width:100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-contact-call{\r\n\r\n        padding:\r\n            70px 14px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-bg{\r\n\r\n        background-position:\r\n            48% center;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-overlay{\r\n\r\n        background:\r\n            rgba(2,20,38,.92);\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-wrap{\r\n\r\n        gap:35px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-label{\r\n\r\n        margin-bottom:15px;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-content h2{\r\n\r\n        font-size:35px;\r\n\r\n        line-height:1.3;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-content > p{\r\n\r\n        margin-top:17px;\r\n\r\n        font-size:13px;\r\n\r\n        line-height:1.9;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-actions{\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:9px;\r\n\r\n        margin-top:24px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-btn{\r\n\r\n        min-height:50px;\r\n\r\n        width:100%;\r\n\r\n        padding:\r\n            0 13px;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-page{\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-info{\r\n\r\n        padding:8px;\r\n\r\n        border-radius:21px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-info-row{\r\n\r\n        grid-template-columns:\r\n            46px 1fr;\r\n\r\n        gap:12px;\r\n\r\n        padding:\r\n            14px 12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-info-icon{\r\n\r\n        width:44px;\r\n        height:44px;\r\n\r\n        border-radius:13px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-info-icon svg{\r\n\r\n        width:21px;\r\n        height:21px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-info-row strong,\r\n    .oe-contact-phone-list a{\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-phone-list a{\r\n\r\n        min-height:26px;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u064b\u0627\r\n========================================================= *\/\r\n\r\n@media(max-width:370px){\r\n\r\n    .oe-contact-call-actions{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-page{\r\n\r\n        grid-column:auto;\r\n\r\n    }\r\n\r\n\r\n    .oe-contact-call-content h2{\r\n\r\n        font-size:31px;\r\n\r\n    }\r\n\r\n}\r\n\/* =========================================================\r\n   EMAIL LIST\r\n========================================================= *\/\r\n\r\n.oe-contact-email-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:3px;\r\n}\r\n\r\n\r\n.oe-contact-email-list a{\r\n    position:relative;\r\n    z-index:10;\r\n\r\n    display:block;\r\n\r\n    width:max-content;\r\n    max-width:100%;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n    line-height:1.7;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        transform .25s ease;\r\n\r\n    pointer-events:auto;\r\n\r\n    touch-action:manipulation;\r\n}\r\n\r\n\r\n.oe-contact-email-list a:hover{\r\n    color:#69C3EC !important;\r\n\r\n    transform:translateX(-3px);\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-email-list{\r\n    align-items:flex-start;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-email-list a:hover{\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-contact-email-list a{\r\n        min-height:26px;\r\n\r\n        display:flex;\r\n        align-items:center;\r\n\r\n        font-size:12px;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   EMAIL LIST\r\n========================================================= *\/\r\n\r\n.oe-contact-email-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:3px;\r\n}\r\n\r\n\r\n.oe-contact-email-list a{\r\n    position:relative;\r\n    z-index:10;\r\n\r\n    display:block;\r\n\r\n    width:max-content;\r\n    max-width:100%;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n\r\n    line-height:1.7;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        transform .25s ease;\r\n\r\n    pointer-events:auto;\r\n\r\n    touch-action:manipulation;\r\n}\r\n\r\n\r\n.oe-contact-email-list a:hover{\r\n    color:#69C3EC !important;\r\n\r\n    transform:translateX(-3px);\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-email-list{\r\n    align-items:flex-start;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-contact-email-list a:hover{\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n@media(max-width:600px){\r\n\r\n    .oe-contact-email-list a{\r\n        min-height:26px;\r\n\r\n        display:flex;\r\n        align-items:center;\r\n\r\n        font-size:12px;\r\n    }\r\n\r\n}\r\n<\/style>\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\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \u0646\u0631\u0628\u0637 \u062a\u062c\u0627\u0631\u062a\u0643 \u0628\u0627\u0644\u0639\u0627\u0644\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c \u0646\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632 \u0639\u0645\u0644\u064a\u0627\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0633\u0631\u0639\u0629 \u0648\u0623\u0645\u0627\u0646. \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u062a\u0635\u062f\u064a\u0631 \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629 \u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u062a\u0635\u062f\u064a\u0631 \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u062a\u062c\u0627\u0631\u0629 \u062f\u0648\u0644\u064a\u0629 \u0639\u0646 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u062a\u0642\u062f\u0645 \u0623\u0648\u0634\u0646 \u0625\u064a\u062c\u0644\u0632 \u0644\u0648\u062c\u0633\u062a\u0643\u0633 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":52,"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/387"}],"wp:attachment":[{"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}