{"id":187,"date":"2026-09-23T12:10:18","date_gmt":"2026-09-23T12:10:18","guid":{"rendered":"https:\/\/oceaneagles.com\/?page_id=187"},"modified":"2026-09-23T12:17:00","modified_gmt":"2026-09-23T12:17:00","slug":"testimonials","status":"publish","type":"page","link":"https:\/\/oceaneagles.com\/en\/testimonials\/","title":{"rendered":"\u0627\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"187\" class=\"elementor elementor-187\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f8557b e-con-full e-flex e-con e-parent\" data-id=\"3f8557b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4820f16 elementor-widget elementor-widget-html\" data-id=\"4820f16\" 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 HERO\r\n     AR + EN \/ TRANSLATEPRESS READY\r\n========================================================= -->\r\n\r\n<section class=\"oe-testimonials-hero\">\r\n\r\n    <div class=\"oe-testimonials-hero-bg\"><\/div>\r\n\r\n    <div class=\"oe-testimonials-hero-overlay\"><\/div>\r\n\r\n    <div class=\"oe-testimonials-hero-glow\"><\/div>\r\n\r\n\r\n    <div class=\"oe-testimonials-hero-wrap\">\r\n\r\n        <div class=\"oe-testimonials-hero-content\">\r\n\r\n            <div class=\"oe-testimonials-hero-label\">\r\n                <span><\/span>\r\n                \u062a\u062c\u0627\u0631\u0628 \u0639\u0645\u0644\u0627\u0626\u0646\u0627\r\n            <\/div>\r\n\r\n\r\n            <h1>\r\n                \u0622\u0631\u0627\u0621\r\n                <strong>\u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/strong>\r\n            <\/h1>\r\n\r\n\r\n            <p>\r\n                \u0646\u0639\u062a\u0632 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u064b\u0627 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645\r\n                \u062a\u062c\u0631\u0628\u0629 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0646\u0638\u0645\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"oe-testimonials-hero-breadcrumb\">\r\n\r\n                <a href=\"https:\/\/oceaneagles.com\/\">\r\n                    \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n                <\/a>\r\n\r\n                <span class=\"oe-testimonials-hero-separator\">\r\n                    \/\r\n                <\/span>\r\n\r\n                <span>\r\n                    \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n                <\/span>\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-testimonials-hero,\r\n.oe-testimonials-hero *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    min-height:560px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    overflow:hidden;\r\n\r\n    direction:rtl;\r\n\r\n    background:#06294F;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero-bg{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background-image:\r\n        url('https:\/\/oceaneagles.com\/wp-content\/uploads\/2026\/09\/Ocean-Eagles-Testimonials-Hero.webp');\r\n\r\n    background-size:cover;\r\n\r\n    background-position:center center;\r\n\r\n    background-repeat:no-repeat;\r\n\r\n    transform:scale(1.015);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero-overlay{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(2,18,35,.18) 0%,\r\n            rgba(3,30,58,.30) 38%,\r\n            rgba(3,30,58,.78) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA DEPTH\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero::after{\r\n    content:\"\";\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,.04) 0%,\r\n            rgba(2,17,31,.12) 65%,\r\n            rgba(2,17,31,.32) 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOW\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero-glow{\r\n    position:absolute;\r\n\r\n    width:500px;\r\n    height:500px;\r\n\r\n    right:-170px;\r\n    top:-210px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(71,184,231,.18),\r\n            rgba(71,184,231,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-testimonials-hero-wrap{\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    width:100%;\r\n\r\n    max-width:1180px;\r\n\r\n    margin:auto;\r\n\r\n    padding:\r\n        110px 20px\r\n        90px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero-content{\r\n    width:100%;\r\n\r\n    max-width:650px;\r\n\r\n    margin-right:0;\r\n\r\n    margin-left:auto;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero-label{\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-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,.17);\r\n\r\n    border-radius:30px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    backdrop-filter:blur(9px);\r\n    -webkit-backdrop-filter:blur(9px);\r\n\r\n    color:\r\n        rgba(255,255,255,.90);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.oe-testimonials-hero-label span{\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#65C5ED;\r\n\r\n    box-shadow:\r\n        0 0 12px\r\n        rgba(101,197,237,.7);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero h1{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(50px,6vw,78px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.08;\r\n\r\n    text-shadow:\r\n        0 5px 25px\r\n        rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n.oe-testimonials-hero h1 strong{\r\n    color:#65C5ED;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero-content > p{\r\n    max-width:540px;\r\n\r\n    margin:\r\n        20px 0\r\n        0 auto;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BREADCRUMB\r\n========================================================= *\/\r\n\r\n.oe-testimonials-hero-breadcrumb{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:9px;\r\n\r\n    margin-top:26px;\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n\r\n    font-size:11px;\r\n}\r\n\r\n\r\n.oe-testimonials-hero-breadcrumb a{\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-weight:700;\r\n\r\n    transition:.25s ease;\r\n}\r\n\r\n\r\n.oe-testimonials-hero-breadcrumb a:hover{\r\n    color:#65C5ED !important;\r\n}\r\n\r\n\r\n.oe-testimonials-hero-separator{\r\n    color:\r\n        rgba(255,255,255,.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENGLISH\r\n========================================================= *\/\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-testimonials-hero{\r\n    direction:ltr !important;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-testimonials-hero-content{\r\n    margin-left:0;\r\n\r\n    margin-right:auto;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-testimonials-hero-content > p{\r\n    margin-left:0;\r\n\r\n    margin-right:auto;\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-testimonials-hero-overlay{\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(3,30,58,.78) 0%,\r\n            rgba(3,30,58,.30) 62%,\r\n            rgba(2,18,35,.18) 100%\r\n        );\r\n}\r\n\r\n\r\nhtml[lang^=\"en\"]\r\n.oe-testimonials-hero-glow{\r\n    right:auto;\r\n    left:-170px;\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-testimonials-hero{\r\n        min-height:520px;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-wrap{\r\n        padding:\r\n            100px 18px\r\n            80px;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-content{\r\n        max-width:570px;\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-testimonials-hero{\r\n        min-height:500px;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-bg{\r\n        background-position:\r\n            58% center;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-overlay{\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(3,30,58,.28) 0%,\r\n                rgba(3,30,58,.73) 60%,\r\n                rgba(2,18,35,.88) 100%\r\n            );\r\n    }\r\n\r\n\r\n    html[lang^=\"en\"]\r\n    .oe-testimonials-hero-overlay{\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(3,30,58,.28) 0%,\r\n                rgba(3,30,58,.73) 60%,\r\n                rgba(2,18,35,.88) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-wrap{\r\n        display:flex;\r\n\r\n        align-items:flex-end;\r\n\r\n        min-height:500px;\r\n\r\n        padding:\r\n            100px 16px\r\n            55px;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-content{\r\n        max-width:100%;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-label{\r\n        margin-bottom:14px;\r\n\r\n        font-size:11px;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero h1{\r\n        font-size:43px;\r\n\r\n        line-height:1.15;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-content > p{\r\n        margin-top:16px;\r\n\r\n        font-size:12.5px;\r\n\r\n        line-height:1.9;\r\n    }\r\n\r\n\r\n    .oe-testimonials-hero-breadcrumb{\r\n        margin-top:20px;\r\n\r\n        font-size:10px;\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-f7a4b75 e-con-full e-flex e-con e-parent\" data-id=\"f7a4b75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a58afc elementor-widget elementor-widget-html\" data-id=\"4a58afc\" 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\" id=\"testimonials\">\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<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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062a\u062c\u0627\u0631\u0628 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0646\u0639\u062a\u0632 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u064b\u0627 \u0625\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 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629. \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \/ \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0647\u064a \u0623\u0633\u0627\u0633 \u0646\u062c\u0627\u062d\u0646\u0627 \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 \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 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0629. \u201c \u2605 \u2605 \u2605 \u2605 \u2605 \u062a\u0639\u0627\u0645\u0644\u0646\u0627 \u0645\u0639 \u0623\u0648\u0634\u0646 [&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-187","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/pages\/187","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=187"}],"version-history":[{"count":7,"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/pages\/187\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/oceaneagles.com\/en\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}