{"id":15077,"date":"2023-10-12T07:12:41","date_gmt":"2023-10-12T07:12:41","guid":{"rendered":"https:\/\/demo.bravisthemes.com\/digicove\/?page_id=15077"},"modified":"2026-05-05T10:00:42","modified_gmt":"2026-05-05T10:00:42","slug":"home-sky-jewel","status":"publish","type":"page","link":"https:\/\/www.sky-jewel.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15077\" class=\"elementor elementor-15077\">\n\t\t\t\t<div class=\"elementor-element elementor-element-836270f e-con-full elementor-hidden-mobile_extra elementor-hidden-mobile e-flex e-con e-parent \" data-id=\"836270f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-18953b8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"18953b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ========================================= *\/\r\n    \/* \u2699\ufe0f \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645: \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u2699\ufe0f *\/\r\n    \/* ========================================= *\/\r\n    :root {\r\n        \/* --- \ud83c\udfa8 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 --- *\/\r\n        --hero-brand: #FE582A; \r\n        --hero-title-color: #ffffff; \r\n        --hero-subtitle-color: #a0a0a0; \r\n        --hero-desc-color: #d1d5db; \r\n        \r\n        \/* --- \ud83d\udcbb \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 (\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631) --- *\/\r\n        --hero-title-pc: 4.5rem; \r\n        --hero-subtitle-pc: 1.8rem; \r\n        --hero-desc-pc: 1.25rem; \r\n\r\n        \/* --- \ud83d\udcf1 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644) --- *\/\r\n        --hero-title-mob: 2.5rem; \r\n        --hero-subtitle-mob: 1.3rem; \r\n        --hero-desc-mob: 1.05rem; \r\n\r\n        --hero-line-height: 1.5;\r\n\r\n        \/* --- \ud83d\uddbc\ufe0f [\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 Desktop] \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0635\u0648\u0631 --- *\/\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u0634\u062e\u0635\u064a\u0629 - \u0627\u0644\u0639\u0645\u0648\u062f 3) *\/\r\n        --img-1-size-pc: 135px;    \r\n        --img-1-top-pc: -180px;   \r\n        --img-1-left-pc: 50%;     \r\n\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 (\u0627\u0644\u062d\u0635\u0627\u0646 - \u0627\u0644\u0639\u0645\u0648\u062f 5) *\/\r\n        --img-2-size-pc: 150px;    \r\n        --img-2-top-pc: -210px;   \r\n        --img-2-left-pc: 50%; \r\n\r\n        \/* --- \ud83d\uddbc\ufe0f [\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 Mobile] \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0635\u0648\u0631 --- *\/\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u0634\u062e\u0635\u064a\u0629 - \u0627\u0644\u0639\u0645\u0648\u062f 3) *\/\r\n        --img-1-size-mob: 100px;    \r\n        --img-1-top-mob: -130px;   \r\n        --img-1-left-mob: 50%;\r\n\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 (\u0627\u0644\u062d\u0635\u0627\u0646 - \u0627\u0644\u0639\u0645\u0648\u062f 5) *\/\r\n        --img-2-size-mob: 105px;   \r\n        --img-2-top-mob: -140px;   \r\n        --img-2-left-mob: 50%; \r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 *\/\r\n    \/* ========================================= *\/\r\n    .sg-hero-apex-section {\r\n        position: relative; width: 100%; min-height: 90vh; display: flex; align-items: center; padding: 100px 0;\r\n        background-color: transparent !important; direction: inherit; font-family: inherit; overflow: hidden;\r\n    }\r\n\r\n    .sg-hero-container { width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 10; }\r\n    .sg-hero-row { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 40px; }\r\n\r\n    \/* --- \u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 --- *\/\r\n    .sg-hero-badge { display: inline-flex; align-items: center; gap: 12px; padding: 8px 24px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50px; margin-bottom: 30px; animation: fadeInDown 1s ease; }\r\n    .sg-hero-badge .ping-wrap { position: relative; width: 8px; height: 8px; display: flex; }\r\n    .sg-hero-badge .ping { position: absolute; width: 100%; height: 100%; background: var(--hero-brand); border-radius: 50%; animation: ping 1.5s infinite; opacity: 0.75; }\r\n    .sg-hero-badge .dot { position: relative; width: 8px; height: 8px; background: var(--hero-brand); border-radius: 50%; }\r\n    .sg-hero-badge span.text { font-size: 12px; font-weight: 900; color: var(--hero-brand); text-transform: uppercase; letter-spacing: 3px; }\r\n    \r\n    .sg-hero-subtitle { font-weight: 700; color: var(--hero-subtitle-color); margin-bottom: 20px; animation: fadeInUp 1s ease 0.2s backwards; }\r\n    .sg-hero-title { color: var(--hero-title-color); font-weight: 900; line-height: 1.1; margin-bottom: 30px; animation: fadeInUp 1s ease 0.4s backwards; }\r\n    .sg-hero-title .brand-txt { color: var(--hero-brand); text-shadow: 0 0 35px rgba(254, 88, 42, 0.4); }\r\n    .sg-hero-desc { color: var(--hero-desc-color); line-height: var(--hero-line-height) !important; font-weight: 300; max-width: 650px; border-inline-start: 4px solid var(--hero-brand); padding-inline-start: 25px; margin-bottom: 40px; animation: fadeInUp 1s ease 0.6s backwards; }\r\n\r\n    \/* --- \u0632\u0631 \u0627\u0644\u0623\u0643\u0634\u0646 --- *\/\r\n    .sg-hero-btn { \r\n        display: inline-flex; align-items: center; gap: 15px; padding: 22px 50px; background: var(--hero-brand); color: #fff !important; text-decoration: none; font-weight: 900; font-size: 1.3rem; border-radius: 18px; box-shadow: 0 10px 25px rgba(254, 88, 42, 0.3); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; z-index: 1;\r\n    }\r\n    .sg-hero-btn::after { content: \"\"; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: 0.5s; z-index: -1; }\r\n    .sg-hero-btn:hover { transform: translateY(-5px) scale(1.03); box-shadow: 0 15px 35px rgba(254, 88, 42, 0.5); }\r\n    .sg-hero-btn:hover::after { left: 100%; }\r\n    .sg-hero-btn img { transition: transform 0.4s ease; }\r\n    html[dir=\"rtl\"] .sg-hero-btn:hover img { transform: translateX(-8px); }\r\n    html[dir=\"ltr\"] .sg-hero-btn:hover img { transform: scaleX(-1) translateX(-8px); }\r\n    html[dir=\"ltr\"] .sg-hero-btn img { transform: scaleX(-1); }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \ud83d\udd25 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0648\u0627\u0644\u0635\u0648\u0631 \ud83d\udd25 *\/\r\n    \/* ========================================= *\/\r\n    .sg-growth-bars-wrapper { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; max-width: 450px; height: 450px; gap: 15px; position: relative; }\r\n    .sg-bar { flex: 1; background: linear-gradient(to right, #0a0a0a 0%, #2a2a2a 35%, #000000 100%); border: 1px solid rgba(254, 88, 42, 0.3); border-bottom: none; border-radius: 12px 12px 0 0; position: relative; box-shadow: inset 0 3px 6px rgba(255, 255, 255, 0.15), inset -3px 0 10px rgba(0,0,0,0.8), 0 0 20px rgba(254, 88, 42, 0.4); transition: all 0.4s ease; animation: growUp 1.2s ease backwards; }\r\n    .sg-bar:hover { transform: translateY(-15px); box-shadow: inset 0 3px 8px rgba(255, 255, 255, 0.3), inset -3px 0 10px rgba(0,0,0,0.9), 0 0 35px rgba(254, 88, 42, 0.7); }\r\n    \r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\r\n    .sg-bar-image { \r\n        position: absolute; \r\n        transform: translateX(-50%); \r\n        height: auto; \r\n        object-fit: contain; \r\n        filter: drop-shadow(0 15px 20px rgba(254,88,42,0.4)); \r\n        animation: floatIcon 4s ease-in-out infinite; \r\n        max-width: none !important; \r\n    }\r\n    \r\n    .sg-bar-1 { height: 15%; animation-delay: 0.2s; } \r\n    .sg-bar-2 { height: 30%; animation-delay: 0.4s; } \r\n    .sg-bar-3 { height: 45%; animation-delay: 0.6s; } \r\n    .sg-bar-4 { height: 60%; animation-delay: 0.8s; } \r\n    .sg-bar-5 { height: 85%; animation-delay: 1s; }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \ud83d\udcbb \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 (Desktop) *\/\r\n    \/* ========================================= *\/\r\n    @media (min-width: 992px) {\r\n        .sg-hero-content { width: 50%; text-align: start; }\r\n        .sg-hero-visual { width: 45%; display: flex; justify-content: flex-end; }\r\n        .sg-hero-subtitle { font-size: var(--hero-subtitle-pc); }\r\n        .sg-hero-title { font-size: var(--hero-title-pc); }\r\n        .sg-hero-desc { font-size: var(--hero-desc-pc); }\r\n        \r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 1 (PC) *\/\r\n        .sg-bar-3 .sg-bar-image { \r\n            width: var(--img-1-size-pc) !important; \r\n            top: var(--img-1-top-pc) !important; \r\n            left: var(--img-1-left-pc) !important; \r\n        }\r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 2 (PC) *\/\r\n        .sg-bar-5 .sg-bar-image { \r\n            width: var(--img-2-size-pc) !important; \r\n            top: var(--img-2-top-pc) !important; \r\n            left: var(--img-2-left-pc) !important; \r\n        }\r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \ud83d\udcf1 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (Mobile) *\/\r\n    \/* ========================================= *\/\r\n    @media (max-width: 991px) {\r\n        .sg-hero-row { flex-direction: column; text-align: center; gap: 60px; }\r\n        .sg-hero-content, .sg-hero-visual { width: 100%; }\r\n        .sg-hero-badge { margin: 0 auto 20px auto; }\r\n        .sg-hero-desc { border-inline-start: none !important; padding-inline-start: 0 !important; margin: 0 auto 40px auto !important; }\r\n        .sg-hero-subtitle { font-size: var(--hero-subtitle-mob) !important; }\r\n        .sg-hero-title { font-size: var(--hero-title-mob) !important; }\r\n        .sg-hero-desc { font-size: var(--hero-desc-mob) !important; }\r\n        .sg-growth-bars-wrapper { height: 350px !important; margin: 0 auto; }\r\n\r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 1 (Mobile) *\/\r\n        .sg-bar-3 .sg-bar-image { \r\n            width: var(--img-1-size-mob) !important; \r\n            top: var(--img-1-top-mob) !important; \r\n            left: var(--img-1-left-mob) !important; \r\n        }\r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 2 (Mobile) *\/\r\n        .sg-bar-5 .sg-bar-image { \r\n            width: var(--img-2-size-mob) !important; \r\n            top: var(--img-2-top-mob) !important; \r\n            left: var(--img-2-left-mob) !important; \r\n        }\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062d\u0631\u0643\u0627\u062a (Animations) --- *\/\r\n    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes ping { 75%, 100% { transform: scale(2.5); opacity: 0; } }\r\n    @keyframes growUp { from { height: 0; opacity: 0; } to { opacity: 1; } }\r\n    @keyframes floatIcon { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -10px); } }\r\n<\/style>\r\n\r\n<section class=\"sg-hero-apex-section\" dir=\"auto\">\r\n    <div class=\"sg-hero-container\">\r\n        <div class=\"sg-hero-row\">\r\n            \r\n            <div class=\"sg-hero-content\">\r\n                <div class=\"sg-hero-badge\">\r\n                    <div class=\"ping-wrap\"><span class=\"ping\"><\/span><span class=\"dot\"><\/span><\/div>\r\n                    <span class=\"text\">Strategic Growth Apex<\/span>\r\n                <\/div>\r\n                <h2 class=\"sg-hero-subtitle\">\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0646\u062d\u0648 \u0627\u0644\u0642\u0645\u0629<\/h2>\r\n                <h1 class=\"sg-hero-title\">\r\n                    \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 <span class=\"brand-txt\">\u0646\u0627\u062c\u062d<\/span> <br>\r\n                    \u064a\u0628\u062f\u0623 \u0628\u0641\u0643\u0631\u0629 \u0648\u064a\u0646\u0645\u0648 <br>\r\n                    <span class=\"brand-txt\">\u0628\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span> \u0635\u062d\u064a\u062d\u0629.\r\n                <\/h1>\r\n                <p class=\"sg-hero-desc\">\r\n                    \u0646\u062d\u0646 \u0641\u064a <strong>\u0633\u0643\u0627\u064a \u062c\u0648\u0644<\/strong> \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0644\u064a\u0633 \u0635\u062f\u0641\u0629\u060c \u0628\u0644 \u0647\u0648 \u0646\u062a\u0627\u062c \u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u0648\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629. \u0646\u0636\u0639 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u062e\u0628\u0631\u0627\u062a\u0646\u0627 \u0644\u0646\u0642\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0645\u0646 \u0645\u062c\u0631\u062f \u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0643\u064a\u0627\u0646 \u0642\u0648\u064a \u064a\u062a\u0635\u062f\u0631 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629.\r\n                <\/p>\r\n                <div class=\"sg-hero-actions\">\r\n                    <a href=\"#start\" class=\"sg-hero-btn\">\r\n                        <span>\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/271\/271218.png\" style=\"width:20px; height:20px; filter:brightness(0) invert(1);\" alt=\"arrow\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sg-hero-visual\">\r\n                <div class=\"sg-growth-bars-wrapper\">\r\n                    <div class=\"sg-bar sg-bar-1\"><\/div>\r\n                    <div class=\"sg-bar sg-bar-2\"><\/div>\r\n                    \r\n                    <div class=\"sg-bar sg-bar-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sky-jewel.com\/wp-content\/uploads\/2026\/04\/character-for-banner.webp\" class=\"sg-bar-image\" alt=\"\u062a\u0623\u0633\u064a\u0633\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"sg-bar sg-bar-4\"><\/div>\r\n                    \r\n                    <div class=\"sg-bar sg-bar-5\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-orange-for-banner.webp\" class=\"sg-bar-image\" alt=\"\u0642\u0645\u0629\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a44f33 elementor-widget elementor-widget-html\" data-id=\"7a44f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root {\r\n    --primary-color: #ff5722;\r\n    --bg-dark: #0a0f0f;\r\n    --card-bg: rgba(18, 38, 38, 0.85);\r\n    --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);\r\n    --anim-speed: 40s; \/* \u0633\u0631\u0639\u0629 \u0627\u0644\u0634\u0631\u064a\u0637 *\/\r\n  }\r\n\r\n  .sky-goal-section {\r\n    font-family: 'Cairo', sans-serif;\r\n    background: transparent;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    padding: 100px 0;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sky-goal-container {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .sky-goal-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  \/* \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0627\u062f\u062c \u0644\u064a\u0643\u0648\u0646 \u0632\u062c\u0627\u062c\u064a (Glassmorphism) *\/\r\n  .sky-goal-badge {\r\n    display: inline-block;\r\n    padding: 8px 24px;\r\n    border-radius: 50px;\r\n    background: rgba(255, 87, 34, 0.1);\r\n    color: var(--primary-color);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    border: 1px solid rgba(255, 87, 34, 0.3);\r\n    backdrop-filter: blur(5px);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .sky-goal-title {\r\n    margin: 0;\r\n    font-size: clamp(32px, 5vw, 48px); \/* \u062d\u062c\u0645 \u062e\u0637 \u0645\u0631\u0646 *\/\r\n    font-weight: 900;\r\n    color: #fff;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0642\u0646\u0627\u0639 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n  .sky-slider-wrap {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding: 20px 0;\r\n    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n  }\r\n\r\n  .sky-track {\r\n    display: flex;\r\n    gap: 40px; \r\n    width: max-content;\r\n    padding: 40px 0;\r\n    animation: marquee-rtl var(--anim-speed) linear infinite;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* \u062a\u0648\u0642\u0641 \u0627\u0644\u0634\u0631\u064a\u0637 \u0639\u0646\u062f \u0627\u0644\u062d\u0648\u0645 \u0645\u0639 \u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0643\u0631\u062a *\/\r\n  .sky-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  \/* \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0631\u062a \u0644\u064a\u0635\u0628\u062d \u0641\u062e\u0645\u0627\u064b *\/\r\n  .sky-card {\r\n    flex: 0 0 400px; \r\n    width: 400px;\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 32px;\r\n    position: relative;\r\n    padding: 50px 35px;\r\n    text-align: center;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    transition: all 0.5s var(--transition-smooth);\r\n    cursor: default;\r\n  }\r\n\r\n  .sky-card:hover {\r\n    transform: translateY(-15px);\r\n    border-color: rgba(255, 87, 34, 0.5);\r\n    background: rgba(22, 45, 45, 0.95);\r\n    box-shadow: 0 30px 60px rgba(255, 87, 34, 0.15);\r\n  }\r\n\r\n  \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n  .sky-icon-wrapper {\r\n    width: 100px;\r\n    height: 100px;\r\n    margin: 0 auto 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border-radius: 24px;\r\n    transition: all 0.5s var(--transition-smooth);\r\n    animation: float 4s ease-in-out infinite;\r\n  }\r\n\r\n  .sky-card:hover .sky-icon-wrapper {\r\n    background: rgba(255, 87, 34, 0.1);\r\n    transform: scale(1.1) rotate(5deg);\r\n  }\r\n\r\n  .sky-icon-wrapper img {\r\n    width: 60px;\r\n    height: 60px;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .sky-card-text {\r\n    margin: 0;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 1.7;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    min-height: 3.4em;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u0628\u0631\u062a\u0642\u0627\u0644\u064a *\/\r\n  .sky-orange-corner {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    background-color: var(--primary-color);\r\n    width: 65px;\r\n    height: 45px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);\r\n    transition: all 0.4s var(--transition-smooth);\r\n  }\r\n\r\n  .sky-card:hover .sky-orange-corner {\r\n    width: 85px;\r\n    background-color: #ff7043;\r\n  }\r\n\r\n  \/* \u0636\u0628\u0637 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0623\u062c\u0646\u0628\u064a\u0629 *\/\r\n  .sky-goal-section.is-ltr .sky-orange-corner {\r\n    right: auto;\r\n    left: 0;\r\n    clip-path: polygon(0 0, 65% 0, 100% 100%, 0 100%);\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes marquee-rtl {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(50%, 0, 0); } \r\n  }\r\n\r\n  @keyframes marquee-ltr {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(-50%, 0, 0); }\r\n  }\r\n\r\n  @keyframes float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n  }\r\n\r\n  @keyframes ping {\r\n    75%, 100% { transform: scale(2.5); opacity: 0; }\r\n  }\r\n\r\n  \/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  @media (max-width: 767px) {\r\n    .sky-goal-section { padding: 60px 0; }\r\n    .sky-card {\r\n      flex: 0 0 280px;\r\n      width: 280px;\r\n      padding: 40px 25px;\r\n      border-radius: 28px;\r\n    }\r\n    .sky-card-text { font-size: 17px; min-height: auto; }\r\n    .sky-track { gap: 20px; animation-duration: 25s; } \/* \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062d\u0631\u0643\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u062c\u0648\u0627\u0644 *\/\r\n    .sky-icon-wrapper { width: 80px; height: 80px; }\r\n    .sky-icon-wrapper img { width: 45px; height: 45px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sky-goal-section\" id=\"skySection\" dir=\"auto\">\r\n  <div class=\"sky-goal-container\">\r\n    <div class=\"sky-goal-header\">\r\n      <span class=\"sky-goal-badge\">\u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 \u063a\u064a\u0631\u0646\u0627\u061f<\/span>\r\n      <h2 class=\"sky-goal-title\">\u0644\u0645\u0627\u0630\u0627 \u0633\u0643\u0627\u064a \u062c\u0648\u0644\u061f<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"sky-slider-wrap\">\r\n      <div id=\"skyTrack\" class=\"sky-track\">\r\n        \r\n        <!-- \u0627\u0644\u0643\u0631\u062a 1 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-icon1.png\" alt=\"icon 1\"><\/div>\r\n          <p class=\"sky-card-text\">\u0646\u0645\u0648\u0630\u062c \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0646\u0645\u0648<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 2 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-2.png\" alt=\"icon 2\"><\/div>\r\n          <p class=\"sky-card-text\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0625\u0644\u0649 \u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 3 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-3.png\" alt=\"icon 3\"><\/div>\r\n          <p class=\"sky-card-text\">\u0645\u0646\u0647\u062c\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0623\u0639\u0645\u0627\u0644 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 4 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-4.png\" alt=\"icon 4\"><\/div>\r\n          <p class=\"sky-card-text\">\u0646\u062d\u0646 \u0646\u062a\u0643\u0627\u0645\u0644 \u0628\u064a\u0646 \u0643\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 5 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-5.png\" alt=\"icon 5\"><\/div>\r\n          <p class=\"sky-card-text\">\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u0627\u062a \u0645\u0624\u0633\u0633\u064a\u0629 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0623\u0633\u0633 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 6 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-6.png\" alt=\"icon 6\"><\/div>\r\n          <p class=\"sky-card-text\">\u062f\u0639\u0645 \u0627\u0644\u062a\u0648\u0633\u0639 \u0639\u0628\u0631 \u0645\u0646\u0638\u0648\u0645\u0629 \u0646\u0645\u0648 \u0648\u062a\u0633\u0648\u064a\u0642 \u0633\u0643\u0627\u064a \u062c\u0648\u0644<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const section = document.getElementById('skySection');\r\n    const track = document.getElementById('skyTrack');\r\n    \r\n    \/\/ \u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0631\u062a\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u062f\u0648\u0646 \u0641\u062c\u0648\u0627\u062a\r\n    const content = track.innerHTML;\r\n    track.innerHTML = content + content;\r\n\r\n    \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0648\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\r\n    const computedDir = window.getComputedStyle(section).direction;\r\n    if (computedDir === 'ltr') {\r\n      section.classList.add('is-ltr');\r\n      track.style.animationName = 'marquee-ltr';\r\n    } else {\r\n      track.style.animationName = 'marquee-rtl';\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e52b222 elementor-widget elementor-widget-html\" data-id=\"e52b222\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ========================================= *\/\r\n    \/* \u2699\ufe0f \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645: \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u2699\ufe0f *\/\r\n    \/* ========================================= *\/\r\n    :root {\r\n        --vis-brand: #FE582A; \r\n        --vis-title-color: #ffffff; \r\n        --vis-desc-color: #ffffff;  \r\n        \r\n        --vis-title-pc: 5.5rem; \/* \u062a\u0645 \u0636\u0628\u0637\u0647 \u0644\u064a\u0643\u0648\u0646 \u0645\u062a\u0648\u0627\u0632\u0646\u0627\u064b \u0623\u0643\u062b\u0631 *\/\r\n        --vis-desc-pc: 1.8rem; \r\n\r\n        --vis-title-mob: 3.1rem; \r\n        --vis-desc-mob: 1.2rem; \r\n\r\n        --vis-img-size: 100px;\r\n    }\r\n\r\n    .sg-vision-section {\r\n        position: relative;\r\n        padding: 120px 0;\r\n        background-color: transparent !important;\r\n        direction: inherit;\r\n        font-family: inherit;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .sg-vis-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u0646\u0635 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 - \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0639\u0628\u0631 \u062a\u0639\u0637\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 *\/\r\n    .sg-vis-bg-text {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        font-size: 20vw;\r\n        font-weight: 900;\r\n        color: white;\r\n        opacity: 0.02;\r\n        white-space: nowrap;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n        letter-spacing: -5px;\r\n        user-select: none;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 will-change *\/\r\n    .sg-vis-visual-wrap {\r\n        position: relative;\r\n        width: 140px;\r\n        height: 140px;\r\n        margin: 0 auto 50px auto;\r\n        border: 2px solid rgba(254, 88, 42, 0.2);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        will-change: transform;\r\n    }\r\n\r\n    .sg-vis-visual-wrap:hover {\r\n        border-color: var(--vis-brand);\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .sg-vis-visual-wrap img {\r\n        width: var(--vis-img-size);\r\n        height: auto;\r\n        object-fit: contain;\r\n        filter: drop-shadow(0 0 12px rgba(254, 88, 42, 0.5));\r\n        transition: transform 0.6s ease;\r\n        will-change: transform;\r\n    }\r\n\r\n    \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062d\u0631\u0643\u0629 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n    .sg-vis-visual-wrap:hover img { transform: translate(10px, -10px); }\r\n    html[dir=\"ltr\"] .sg-vis-visual-wrap:hover img { transform: translate(-10px, -10px); }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0646\u0628\u0636 \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0645\u0639\u0627\u0644\u062c *\/\r\n    .sg-vis-ping {\r\n        position: absolute;\r\n        inset: 0;\r\n        border-radius: 50%;\r\n        border: 2px solid var(--vis-brand);\r\n        animation: visPing 2.5s cubic-bezier(0, 0, 0.2, 1) infinite;\r\n        opacity: 0;\r\n        will-change: transform, opacity;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n    .sg-vis-title {\r\n        color: var(--vis-title-color);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin-bottom: 30px;\r\n        font-size: var(--vis-title-mob);\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .sg-vis-title span {\r\n        color: var(--vis-brand);\r\n        text-shadow: 0 0 20px rgba(254, 88, 42, 0.3);\r\n    }\r\n\r\n    .sg-vis-desc {\r\n        color: var(--vis-desc-color);\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        line-height: 1.8;\r\n        font-weight: 400;\r\n        font-size: var(--vis-desc-mob);\r\n        opacity: 0.9;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .sg-vis-title { font-size: var(--vis-title-pc); }\r\n        .sg-vis-desc { font-size: var(--vis-desc-pc); }\r\n    }\r\n\r\n    @keyframes visPing { \r\n        0% { transform: scale(1); opacity: 0.4; }\r\n        100% { transform: scale(1.6); opacity: 0; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sg-vision-section\" dir=\"auto\">\r\n\r\n\r\n    <div class=\"sg-vis-container\">\r\n        \r\n        <div class=\"sg-vis-visual-wrap\">\r\n            <div class=\"sg-vis-ping\"><\/div>\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sky-jewel.com\/wp-content\/uploads\/2026\/04\/cropped-WEB-ICON-SK-MARKETING-01-1.webp\" \r\n                 alt=\"Vision Icon\" \r\n                 width=\"100\" \r\n                 height=\"100\" \r\n                 loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <h2 class=\"sg-vis-title\" dir=\"auto\">\r\n            \u0637\u0645\u0648\u062d\u0646\u0627 <span>\u0639\u0646\u0627\u0646<\/span> \u0627\u0644\u0633\u0645\u0627\u0621\r\n        <\/h2>\r\n        \r\n        <p class=\"sg-vis-desc\" dir=\"auto\">\r\n            \u0641\u064a \u0633\u0643\u0627\u064a \u062c\u0648\u0644\u060c \u062d\u062f\u0648\u062f\u0646\u0627 \u0647\u064a \u0623\u0641\u0642 \u062e\u064a\u0627\u0644\u0643. \u0646\u062d\u0646 \u0644\u0627 \u0646\u0643\u062a\u0641\u064a \u0628\u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0628\u0644 \u0646\u0624\u0633\u0633 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0648\u0627\u0644\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0639\u0627\u0628\u0631 \u0644\u0644\u0642\u0627\u0631\u0627\u062a.\r\n        <\/p>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83d12a7 elementor-widget elementor-widget-pxl_heading\" data-id=\"83d12a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-heading\">\n    <div class=\"pxl-heading--inner\">\n                <h3 class=\"pxl-item--title divider-none \">\n        \u062a\u0639\u062a\u0645\u062f \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0639\u0644\u0649 \u0645\u0646\u0647\u062c\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629                <\/h3>\n                    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e5db7 elementor-widget elementor-widget-html\" data-id=\"e0e5db7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n    .methodology-wrapper {\r\n        font-family: 'Cairo', sans-serif !important;\r\n        direction: rtl;\r\n        background-color: transparent !important;\r\n        padding: 64px 16px;\r\n    }\r\n\r\n    .method-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a (\u0628\u062f\u064a\u0644 \u0627\u0644\u0640 Grid \u0641\u064a Tailwind) *\/\r\n    .method-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, minmax(0, 1fr));\r\n        gap: 24px;\r\n    }\r\n\r\n    @media (min-width: 640px) { .method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\r\n    @media (min-width: 1024px) { .method-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n    .method-card {\r\n        background-color: #ffffff;\r\n        border-radius: 16px;\r\n        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        padding: 32px;\r\n        border-bottom-width: 8px;\r\n        border-bottom-style: solid;\r\n        transition: transform 0.3s ease;\r\n        will-change: transform; \/* \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n    }\r\n\r\n    .method-card:hover {\r\n        transform: translateY(-8px);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643\u0644 \u0643\u0627\u0631\u062a *\/\r\n    .border-indigo { border-color: #4f46e5; }\r\n    .border-cyan { border-color: #06b6d4; }\r\n    .border-orange { border-color: #f97316; }\r\n    .border-green { border-color: #22c55e; }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0648\u0647\u062c *\/\r\n    .glow-bg {\r\n        position: relative;\r\n        margin-bottom: 24px;\r\n        z-index: 10;\r\n    }\r\n    .glow-bg::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 50%;\r\n        filter: blur(20px);\r\n        opacity: 0.3;\r\n        z-index: 0;\r\n    }\r\n\r\n    .glow-blue::before { background-color: #6366f1; }\r\n    .glow-cyan::before { background-color: #06b6d4; }\r\n    .glow-orange::before { background-color: #f97316; }\r\n    .glow-green::before { background-color: #22c55e; }\r\n\r\n    \/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n    .icon-box {\r\n        width: 64px;\r\n        height: 64px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 10;\r\n        shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .bg-indigo { background-color: #4f46e5; }\r\n    .bg-cyan { background-color: #06b6d4; }\r\n    .bg-orange { background-color: #f97316; }\r\n    .bg-green { background-color: #22c55e; }\r\n\r\n    .icon-box img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        filter: brightness(0) invert(1);\r\n    }\r\n\r\n    .method-card h3 {\r\n        color: #1e293b;\r\n        font-weight: 700;\r\n        font-size: 1.125rem;\r\n        text-align: center;\r\n        margin: 0;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"methodology-wrapper\">\r\n    <div class=\"method-container\">\r\n        <div class=\"method-grid\">\r\n            \r\n            <div class=\"method-card border-indigo\">\r\n                <div class=\"glow-bg glow-blue\">\r\n                    <div class=\"icon-box bg-indigo\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-icon1.webp\" alt=\"Strategy Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"method-card border-cyan\">\r\n                <div class=\"glow-bg glow-cyan\">\r\n                    <div class=\"icon-box bg-cyan\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/elephant-icon1.webp\" alt=\"Identity Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"method-card border-orange\">\r\n                <div class=\"glow-bg glow-orange\">\r\n                    <div class=\"icon-box bg-orange\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/king-icon1.webp\" alt=\"Digital Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"method-card border-green\">\r\n                <div class=\"glow-bg glow-green\">\r\n                    <div class=\"icon-box bg-green\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/castle-icon1.webp\" alt=\"Marketing Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0646\u0645\u0648<\/h3>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d092371 elementor-widget elementor-widget-pxl_heading\" data-id=\"d092371\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-heading\">\n    <div class=\"pxl-heading--inner\">\n                <h3 class=\"pxl-item--title divider-none \">\n        \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d                <\/h3>\n                    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57fc88e elementor-widget elementor-widget-html\" data-id=\"57fc88e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n.sky-logo-slider {\r\n    direction: rtl !important;\r\n    overflow: hidden;\r\n    width: 100%;           \/* \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    max-width: 1300px;     \/* \u0623\u0642\u0635\u0649 \u0639\u0631\u0636 \u0644\u0644\u0642\u0633\u0645 \u0639\u0644\u0649 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\r\n    margin: 0 auto;        \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0642\u0633\u0645 \u0641\u064a \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n    position: relative;\r\n    background: transparent !important;\r\n    padding: 40px 0;\r\n}\r\n\r\n    \/* 2. \u0634\u0631\u064a\u0637 \u0627\u0644\u062d\u0631\u0643\u0629 \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 (GPU Accelerated) *\/\r\n    .sky-logo-track {\r\n        display: flex;\r\n        width: max-content;\r\n        will-change: transform; \r\n        animation: sky-marquee-rtl 30s linear infinite;\r\n    }\r\n\r\n    .sky-logo-slider:hover .sky-logo-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* 3. \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0644\u0648\u062c\u0648 (\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631: 8 \u0644\u0648\u062c\u0648\u0647\u0627\u062a) *\/\r\n    .sky-logo-item {\r\n        \/* \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0631\u0636 \u0644\u0638\u0647\u0648\u0631 8 \u0643\u0631\u0648\u062a \u0628\u0627\u0644\u0636\u0628\u0637 *\/\r\n        width: calc(100vw \/ 8); \r\n        max-width: 160px; \/* \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062a\u0636\u062e\u0645 \u0627\u0644\u0644\u0648\u062c\u0648 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0642\u0629 *\/\r\n        flex-shrink: 0;\r\n        padding: 8px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    @media (min-width: 1280px) {\r\n        .sky-logo-item {\r\n            width: calc(1280px \/ 8);\r\n        }\r\n    }\r\n\r\n    .sky-logo-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 3\/2;\r\n        object-fit: contain;\r\n        border-radius: 10px;\r\n        background: #ffffff;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n        transition: transform 0.3s ease;\r\n        display: block;\r\n    }\r\n\r\n    .sky-logo-item img:hover {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* 4. \u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\r\n    @keyframes sky-marquee-rtl {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(50%); }\r\n    }\r\n\r\n    \/* 5. \u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 1024px) {\r\n        .sky-logo-item { width: 25vw; } \/* 4 \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .sky-logo-item { width: 33.33vw; } \/* 3 \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        .sky-logo-track { animation-duration: 15s; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sky-logo-slider\">\r\n    <div id=\"logoTrack\" class=\"sky-logo-track\">\r\n        \r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-01.webp\" alt=\"1\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-02.webp\" alt=\"2\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-03.webp\" alt=\"3\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-04.webp\" alt=\"4\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-05.webp\" alt=\"5\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-06.webp\" alt=\"6\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-07.webp\" alt=\"7\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-08.webp\" alt=\"8\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-09.webp\" alt=\"9\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-10.webp\" alt=\"10\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-11.webp\" alt=\"11\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-12.webp\" alt=\"12\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-13.webp\" alt=\"13\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-14.webp\" alt=\"14\" loading=\"lazy\"><\/div>\r\n\r\n       <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-01.webp\" alt=\"1\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-02.webp\" alt=\"2\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-03.webp\" alt=\"3\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-04.webp\" alt=\"4\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-05.webp\" alt=\"5\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-06.webp\" alt=\"6\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-07.webp\" alt=\"7\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-08.webp\" alt=\"8\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-09.webp\" alt=\"9\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-10.webp\" alt=\"10\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-11.webp\" alt=\"11\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-12.webp\" alt=\"12\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-13.webp\" alt=\"13\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-14.webp\" alt=\"14\" loading=\"lazy\"><\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b5122f elementor-widget elementor-widget-html\" data-id=\"0b5122f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* 1. \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n    .growth-section-wrapper {\r\n        font-family: 'Cairo', sans-serif !important;\r\n        background: transparent !important;\r\n        direction: inherit; \r\n        padding: 48px 16px;\r\n    }\r\n\r\n    .growth-container {\r\n        max-width: 1600px; \/* \u0643\u0628\u0631\u0646\u0627 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u062a\u0639\u0637\u064a \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n    .growth-header-main {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .growth-header-main h2 {\r\n        display: inline-block;\r\n        font-weight: 900;\r\n        color: white;\r\n        font-size: 1.875rem;\r\n        position: relative;\r\n        padding-bottom: 24px;\r\n        margin: 0;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .growth-header-main h2 { font-size: 3rem; }\r\n    }\r\n\r\n    .growth-header-main h2 span.line {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 96px;\r\n        height: 6px;\r\n        background-color: #ff5722;\r\n        border-radius: 9999px;\r\n    }\r\n\r\n    \/* 2. \u0646\u0638\u0627\u0645 \u0627\u0644\u0634\u0628\u0643\u0629 (Grid) \u0644\u0640 5 \u0643\u0631\u0648\u062a *\/\r\n    .growth-grid-main {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, 1fr); \/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        gap: 25px;\r\n        align-items: stretch; \/* \u0644\u0636\u0645\u0627\u0646 \u062a\u0633\u0627\u0648\u064a \u0627\u0644\u0637\u0648\u0644 *\/\r\n    }\r\n\r\n    \/* \u062a\u0627\u0628\u0644\u062a: \u0643\u0627\u0631\u062a\u064a\u0646 \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 650px) and (max-width: 1199px) {\r\n        .growth-grid-main {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    \/* \u0643\u0645\u0628\u064a\u0648\u062a\u0631: 5 \u0643\u0631\u0648\u062a \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 1200px) {\r\n        .growth-grid-main {\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 15px;\r\n        }\r\n    }\r\n\r\n    \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n    .growth-card {\r\n        background-color: white;\r\n        border-radius: 32px;\r\n        padding: 40px 25px;\r\n        color: #333;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n        height: 100%;\r\n        border: 1px solid rgba(0, 0, 0, 0.05);\r\n        will-change: transform;\r\n    }\r\n\r\n    .growth-card:hover {\r\n        transform: translateY(-15px) scale(1.02);\r\n        box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n    .icon-wrapper {\r\n        width: 100px;\r\n        height: 100px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, #ff8a65, #ff5722);\r\n        display: flex;\r\n        flex-shrink: 0;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 25px;\r\n        z-index: 10;\r\n        border: 4px solid rgba(255, 255, 255, 0.8);\r\n        box-shadow: 0 10px 20px rgba(255, 87, 34, 0.2);\r\n        transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n\r\n    .icon-wrapper.purple {\r\n        background: linear-gradient(135deg, #7e57c2, #512da8);\r\n    }\r\n\r\n    .icon-wrapper img {\r\n        width: 70px;\r\n        height: 70px;\r\n        object-fit: contain;\r\n        filter: brightness(0) invert(1);\r\n    }\r\n\r\n    .growth-card h3 { \r\n        font-weight: 900; \r\n        margin-bottom: 1rem; \r\n        transition: color 0.3s;\r\n        font-size: 1.25rem;\r\n    }\r\n\r\n    .growth-card p {\r\n        color: #6b7280;\r\n        line-height: 1.6;\r\n        font-size: 1rem; \/* \u062d\u062c\u0645 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0642\u0631\u0627\u0621\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u0636\u064a\u0642\u0629 *\/\r\n        margin: 0;\r\n        flex-grow: 1; \/* \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0648\u062a\u0633\u0627\u0648\u064a \u0627\u0644\u0637\u0648\u0644 *\/\r\n    }\r\n\r\n    .card-orange:hover h3 { color: #ff5722; }\r\n    .card-purple:hover h3 { color: #512da8; }\r\n\r\n    \/* \u0632\u062e\u0631\u0641\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n    .card-bg-shape {\r\n        position: absolute;\r\n        bottom: -20px;\r\n        inset-inline-start: -20px; \r\n        width: 100px;\r\n        height: 100px;\r\n        border-radius: 50%;\r\n        background: rgba(0, 0, 0, 0.02);\r\n        z-index: 1;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"growth-section-wrapper\">\r\n    <div class=\"growth-container\">\r\n        \r\n        <div class=\"growth-header-main\">\r\n            <h2>\r\n                \u0646\u0645\u0648\u0630\u062c \u0646\u0645\u0648 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a\r\n                <span class=\"line\"><\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"growth-grid-main\">\r\n            \r\n            <div class=\"growth-card card-orange\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-icon1.webp\" alt=\"Strategy\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h3>\r\n                <p>\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642 \u0646\u062d\u0648 \u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0646\u062d\u0646 \u0644\u0627 \u0646\u0639\u0645\u0644 \u0628\u0639\u0634\u0648\u0627\u0626\u064a\u0629\u061b \u0628\u0644 \u0646\u0636\u0639 \u0644\u0643 \u062e\u0637\u0629 \u0639\u0645\u0644 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0634\u0645\u0644 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646\u060c \u0644\u0646\u0631\u0633\u0645 \u0644\u0643 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0633\u0631\u0639 \u0648\u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0648\u064a\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-purple\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper purple\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/quality-icon1.webp\" alt=\"Branding\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0639\u0644\u0627\u0645\u0629<\/h3>\r\n                <p>\u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0634\u0639\u0627\u0631\u060c \u0646\u0628\u0646\u064a \u0644\u0628\u0631\u0627\u0646\u062f\u0643 \u0634\u062e\u0635\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0648\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062d\u0643\u064a \u0642\u0635\u062a\u0643\u060c \u0644\u062a\u0639\u0632\u0632 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0648\u0644\u0627\u0621 \u0641\u064a \u0646\u0641\u0648\u0633 \u0639\u0645\u0644\u0627\u0626\u0643 \u0648\u062a\u062c\u0639\u0644\u0643 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u0645\u0645\u064a\u0632 \u0641\u064a \u0648\u0633\u0637 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-orange\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/brand-icon1.webp\" alt=\"Digital\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\r\n                <p>\u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u062a\u064a\u0646 \u0644\u0645\u062a\u062c\u0631\u0643\u060c \u0646\u062c\u0647\u0632 \u0644\u0643 \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631\u061b \u0645\u0646 \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0646\u0638\u0645\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0628\u062f\u0648\u0646 \u0623\u0639\u0637\u0627\u0644.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-purple\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper purple\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-4.webp\" alt=\"Growth\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0648\u0633\u0639<\/h3>\r\n                <p>\u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0635\u062d\u064a\u062d\u060c \u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0630\u0643\u064a\u0629 \u0648\u0645\u062d\u062a\u0648\u0649 \u0625\u0628\u062f\u0627\u0639\u064a \u0645\u0648\u062c\u0647 \u0628\u062f\u0642\u0629 \u0644\u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u060c \u0646\u0631\u0643\u0632 \u0641\u064a\u0647\u0627 \u0639\u0644\u0649 \u062c\u0630\u0628 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0628\u0631\u0629 \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0645\u0633\u062a\u0645\u0631\u0629.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-orange\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-2.webp\" alt=\"Analysis\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\r\n                <p>\u062a\u0648\u0633\u064a\u0639 \u0646\u0637\u0627\u0642 \u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0645\u0647\u0645\u062a\u0646\u0627 \u0644\u0627 \u062a\u0646\u062a\u0647\u064a \u0639\u0646\u062f \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0623\u0648\u0644\u061b \u0628\u0644 \u0646\u062d\u0644\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0646\u062d\u0633\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0633\u0639 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u0632\u064a\u0627\u062f\u0629 \u0623\u0631\u0628\u0627\u062d\u0643 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u062f\u0627\u0645 \u0648\u0645\u062a\u0635\u0627\u0639\u062f.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26f6e2e elementor-widget elementor-widget-pxl_heading\" data-id=\"26f6e2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-heading\">\n    <div class=\"pxl-heading--inner\">\n                <h3 class=\"pxl-item--title divider-none \">\n        \u062e\u062f\u0645\u0627\u062a \u0633\u0643\u0627\u064a \u062c\u0648\u0644                <\/h3>\n                    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c273194 elementor-widget elementor-widget-html\" data-id=\"c273194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0635\u0648\u0631 --- *\/\r\n    :root {\r\n        \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n        --title-size-mobile: 1.2rem;\r\n        --title-color-mobile: #ffffff;\r\n        --desc-size-mobile: 0.95rem;\r\n        --desc-color-mobile: #ffffff;\r\n\r\n        --title-size-desktop: 1.35rem; \/* \u062a\u0645 \u0636\u0628\u0637\u0647 \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u0640 4 \u0643\u0631\u0648\u062a *\/\r\n        --title-color-desktop: #ffffff;\r\n        --desc-size-desktop: 1.1rem;\r\n        --desc-color-desktop: #ffffff;\r\n\r\n        \/* --- \u062a\u062d\u0643\u0645 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631 --- *\/\r\n        --img-width-mobile: 130px; \r\n        --img-height-mobile: auto;\r\n        \r\n        --img-width-desktop: 180px;\r\n        --img-height-desktop: auto;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0642\u0633\u0645 *\/\r\n    .sky-services-section {\r\n        font-family: 'Cairo', sans-serif !important;\r\n        direction: inherit;\r\n        background: transparent !important;\r\n        padding: 80px 0;\r\n    }\r\n\r\n    \/* \u062f\u0639\u0645 \u0627\u0644\u0644\u063a\u0627\u062a RTL\/LTR *\/\r\n    html[dir=\"rtl\"] .sky-services-section { direction: rtl !important; }\r\n    html[dir=\"ltr\"] .sky-services-section { direction: ltr !important; }\r\n\r\n    .sky-container {\r\n        max-width: 1600px; \/* \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0629 \u0644\u062a\u0633\u0639 \u0627\u0644\u0640 4 \u0643\u0631\u0648\u062a *\/\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* \u0646\u0638\u0627\u0645 \u0627\u0644\u0634\u0628\u0643\u0629 (Grid) \u0644\u064a\u0643\u0648\u0646 4 \u0623\u0639\u0645\u062f\u0629 \u062c\u0646\u0628 \u0628\u0639\u0636 *\/\r\n    .sky-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, 1fr); \/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        gap: 40px;\r\n    }\r\n\r\n    \/* \u062a\u0627\u0628\u0644\u062a: \u0643\u0627\u0631\u062a\u064a\u0646 \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 640px) {\r\n        .sky-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    \/* \u0643\u0645\u0628\u064a\u0648\u062a\u0631: 4 \u0643\u0631\u0648\u062a \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 1100px) {\r\n        .sky-grid { \r\n            grid-template-columns: repeat(4, 1fr); \r\n            gap: 20px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0628\u064a\u0646\u064a\u0629 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n        }\r\n    }\r\n\r\n    .service-item {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0635\u0648\u0631 *\/\r\n    .icon-ring-wrapper img {\r\n        width: var(--img-width-mobile) !important;\r\n        height: var(--img-height-mobile) !important;\r\n        margin: 0 auto 20px auto; \r\n        object-fit: contain;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .service-item:hover .icon-ring-wrapper img {\r\n        transform: translateY(-10px);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0641\u064a \u062e\u0637 \u0648\u0627\u062d\u062f *\/\r\n    .service-title {\r\n        font-weight: 900 !important;\r\n        margin-bottom: 12px;\r\n        font-size: var(--title-size-mobile) !important;\r\n        color: var(--title-color-mobile) !important;\r\n        line-height: 1.2;\r\n        width: 100%;\r\n    }\r\n\r\n    .service-desc {\r\n        line-height: 1.6;\r\n        margin: 0 auto;\r\n        font-size: var(--desc-size-mobile) !important;\r\n        color: var(--desc-color-mobile) !important;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062e\u0637 \u0627\u0644\u0648\u0627\u062d\u062f *\/\r\n    @media (min-width: 1100px) {\r\n        .icon-ring-wrapper img {\r\n            width: var(--img-width-desktop) !important;\r\n            height: var(--img-height-desktop) !important;\r\n        }\r\n        .service-title {\r\n            font-size: var(--title-size-desktop) !important;\r\n            white-space: nowrap; \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f *\/\r\n        }\r\n        .service-desc {\r\n            font-size: var(--desc-size-desktop) !important;\r\n            max-width: 100%; \/* \u062a\u0645\u062f\u062f \u0627\u0644\u0646\u0635 \u0644\u064a\u0623\u062e\u0630 \u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0631\u062a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sky-services-section\" dir=\"auto\">\r\n    <div class=\"sky-container\">\r\n        <div class=\"sky-grid\">\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/1.webp\" alt=\"Branding\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u062a\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0639\u0644\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0647\u0648\u064a\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u064a \u0627\u0644\u0646\u0645\u0648 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/2.webp\" alt=\"Infrastructure\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u062a\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0639\u0644\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0646\u0645\u0648 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/3.webp\" alt=\"Growth System\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0647\u0646\u062f\u0633\u0629 \u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0645\u0648<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u062a\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0646\u0645\u0648 \u0639\u0644\u064a \u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u064a \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/4.webp\" alt=\"Solutions\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u0646\u0642\u062f\u0651\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062f\u0639\u0645 \u0646\u0645\u0648 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0646\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0641\u0639\u0627\u0644\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-1605ddeb e-grid e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet e-con e-parent \" data-id=\"1605ddeb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-2630c7a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2630c7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ========================================= *\/\r\n    \/* \u2699\ufe0f \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645: \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u2699\ufe0f *\/\r\n    \/* ========================================= *\/\r\n    :root {\r\n        \/* --- \ud83c\udfa8 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 --- *\/\r\n        --hero-brand: #FE582A; \r\n        --hero-title-color: #ffffff; \r\n        --hero-subtitle-color: #a0a0a0; \r\n        --hero-desc-color: #d1d5db; \r\n        \r\n        \/* --- \ud83d\udcbb \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 (\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631) --- *\/\r\n        --hero-title-pc: 4.5rem; \r\n        --hero-subtitle-pc: 1.8rem; \r\n        --hero-desc-pc: 1.25rem; \r\n\r\n        \/* --- \ud83d\udcf1 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644) --- *\/\r\n        --hero-title-mob: 2.5rem; \r\n        --hero-subtitle-mob: 1.3rem; \r\n        --hero-desc-mob: 1.05rem; \r\n\r\n        --hero-line-height: 1.5;\r\n\r\n        \/* --- \ud83d\uddbc\ufe0f [\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 Desktop] \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0635\u0648\u0631 --- *\/\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u0634\u062e\u0635\u064a\u0629 - \u0627\u0644\u0639\u0645\u0648\u062f 3) *\/\r\n        --img-1-size-pc: 135px;    \r\n        --img-1-top-pc: -180px;   \r\n        --img-1-left-pc: 50%;     \r\n\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 (\u0627\u0644\u062d\u0635\u0627\u0646 - \u0627\u0644\u0639\u0645\u0648\u062f 5) *\/\r\n        --img-2-size-pc: 150px;    \r\n        --img-2-top-pc: -210px;   \r\n        --img-2-left-pc: 50%; \r\n\r\n        \/* --- \ud83d\uddbc\ufe0f [\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 Mobile] \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0635\u0648\u0631 --- *\/\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u0634\u062e\u0635\u064a\u0629 - \u0627\u0644\u0639\u0645\u0648\u062f 3) *\/\r\n        --img-1-size-mob: 100px;    \r\n        --img-1-top-mob: -130px;   \r\n        --img-1-left-mob: 50%;\r\n\r\n        \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 (\u0627\u0644\u062d\u0635\u0627\u0646 - \u0627\u0644\u0639\u0645\u0648\u062f 5) *\/\r\n        --img-2-size-mob: 105px;   \r\n        --img-2-top-mob: -140px;   \r\n        --img-2-left-mob: 50%; \r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 *\/\r\n    \/* ========================================= *\/\r\n    .sg-hero-apex-section {\r\n        position: relative; width: 100%; min-height: 90vh; display: flex; align-items: center; padding: 100px 0;\r\n        background-color: transparent !important; direction: inherit; font-family: inherit; overflow: hidden;\r\n    }\r\n\r\n    .sg-hero-container { width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 10; }\r\n    .sg-hero-row { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 40px; }\r\n\r\n    \/* --- \u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 --- *\/\r\n    .sg-hero-badge { display: inline-flex; align-items: center; gap: 12px; padding: 8px 24px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50px; margin-bottom: 30px; animation: fadeInDown 1s ease; }\r\n    .sg-hero-badge .ping-wrap { position: relative; width: 8px; height: 8px; display: flex; }\r\n    .sg-hero-badge .ping { position: absolute; width: 100%; height: 100%; background: var(--hero-brand); border-radius: 50%; animation: ping 1.5s infinite; opacity: 0.75; }\r\n    .sg-hero-badge .dot { position: relative; width: 8px; height: 8px; background: var(--hero-brand); border-radius: 50%; }\r\n    .sg-hero-badge span.text { font-size: 12px; font-weight: 900; color: var(--hero-brand); text-transform: uppercase; letter-spacing: 3px; }\r\n    \r\n    .sg-hero-subtitle { font-weight: 700; color: var(--hero-subtitle-color); margin-bottom: 20px; animation: fadeInUp 1s ease 0.2s backwards; }\r\n    .sg-hero-title { color: var(--hero-title-color); font-weight: 900; line-height: 1.1; margin-bottom: 30px; animation: fadeInUp 1s ease 0.4s backwards; }\r\n    .sg-hero-title .brand-txt { color: var(--hero-brand); text-shadow: 0 0 35px rgba(254, 88, 42, 0.4); }\r\n    .sg-hero-desc { color: var(--hero-desc-color); line-height: var(--hero-line-height) !important; font-weight: 300; max-width: 650px; border-inline-start: 4px solid var(--hero-brand); padding-inline-start: 25px; margin-bottom: 40px; animation: fadeInUp 1s ease 0.6s backwards; }\r\n\r\n    \/* --- \u0632\u0631 \u0627\u0644\u0623\u0643\u0634\u0646 --- *\/\r\n    .sg-hero-btn { \r\n        display: inline-flex; align-items: center; gap: 15px; padding: 22px 50px; background: var(--hero-brand); color: #fff !important; text-decoration: none; font-weight: 900; font-size: 1.3rem; border-radius: 18px; box-shadow: 0 10px 25px rgba(254, 88, 42, 0.3); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; z-index: 1;\r\n    }\r\n    .sg-hero-btn::after { content: \"\"; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: 0.5s; z-index: -1; }\r\n    .sg-hero-btn:hover { transform: translateY(-5px) scale(1.03); box-shadow: 0 15px 35px rgba(254, 88, 42, 0.5); }\r\n    .sg-hero-btn:hover::after { left: 100%; }\r\n    .sg-hero-btn img { transition: transform 0.4s ease; }\r\n    html[dir=\"rtl\"] .sg-hero-btn:hover img { transform: translateX(-8px); }\r\n    html[dir=\"ltr\"] .sg-hero-btn:hover img { transform: scaleX(-1) translateX(-8px); }\r\n    html[dir=\"ltr\"] .sg-hero-btn img { transform: scaleX(-1); }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \ud83d\udd25 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0648\u0627\u0644\u0635\u0648\u0631 \ud83d\udd25 *\/\r\n    \/* ========================================= *\/\r\n    .sg-growth-bars-wrapper { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; max-width: 450px; height: 450px; gap: 15px; position: relative; }\r\n    .sg-bar { flex: 1; background: linear-gradient(to right, #0a0a0a 0%, #2a2a2a 35%, #000000 100%); border: 1px solid rgba(254, 88, 42, 0.3); border-bottom: none; border-radius: 12px 12px 0 0; position: relative; box-shadow: inset 0 3px 6px rgba(255, 255, 255, 0.15), inset -3px 0 10px rgba(0,0,0,0.8), 0 0 20px rgba(254, 88, 42, 0.4); transition: all 0.4s ease; animation: growUp 1.2s ease backwards; }\r\n    .sg-bar:hover { transform: translateY(-15px); box-shadow: inset 0 3px 8px rgba(255, 255, 255, 0.3), inset -3px 0 10px rgba(0,0,0,0.9), 0 0 35px rgba(254, 88, 42, 0.7); }\r\n    \r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\r\n    .sg-bar-image { \r\n        position: absolute; \r\n        transform: translateX(-50%); \r\n        height: auto; \r\n        object-fit: contain; \r\n        filter: drop-shadow(0 15px 20px rgba(254,88,42,0.4)); \r\n        animation: floatIcon 4s ease-in-out infinite; \r\n        max-width: none !important; \r\n    }\r\n    \r\n    .sg-bar-1 { height: 15%; animation-delay: 0.2s; } \r\n    .sg-bar-2 { height: 30%; animation-delay: 0.4s; } \r\n    .sg-bar-3 { height: 45%; animation-delay: 0.6s; } \r\n    .sg-bar-4 { height: 60%; animation-delay: 0.8s; } \r\n    .sg-bar-5 { height: 85%; animation-delay: 1s; }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \ud83d\udcbb \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 (Desktop) *\/\r\n    \/* ========================================= *\/\r\n    @media (min-width: 992px) {\r\n        .sg-hero-content { width: 50%; text-align: start; }\r\n        .sg-hero-visual { width: 45%; display: flex; justify-content: flex-end; }\r\n        .sg-hero-subtitle { font-size: var(--hero-subtitle-pc); }\r\n        .sg-hero-title { font-size: var(--hero-title-pc); }\r\n        .sg-hero-desc { font-size: var(--hero-desc-pc); }\r\n        \r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 1 (PC) *\/\r\n        .sg-bar-3 .sg-bar-image { \r\n            width: var(--img-1-size-pc) !important; \r\n            top: var(--img-1-top-pc) !important; \r\n            left: var(--img-1-left-pc) !important; \r\n        }\r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 2 (PC) *\/\r\n        .sg-bar-5 .sg-bar-image { \r\n            width: var(--img-2-size-pc) !important; \r\n            top: var(--img-2-top-pc) !important; \r\n            left: var(--img-2-left-pc) !important; \r\n        }\r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \ud83d\udcf1 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (Mobile) *\/\r\n    \/* ========================================= *\/\r\n    @media (max-width: 991px) {\r\n        \/* \u062a\u0645 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0647\u0646\u0627 \u0644\u064a\u0635\u0628\u062d \u0627\u0644\u0628\u0635\u0631\u064a \u0641\u064a \u0627\u0644\u0623\u0639\u0644\u0649 \u0648\u0627\u0644\u0646\u0635 \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 *\/\r\n        .sg-hero-row { flex-direction: column-reverse; text-align: center; gap: 60px; }\r\n        .sg-hero-content, .sg-hero-visual { width: 100%; }\r\n        .sg-hero-badge { margin: 0 auto 20px auto; }\r\n        .sg-hero-desc { border-inline-start: none !important; padding-inline-start: 0 !important; margin: 0 auto 40px auto !important; }\r\n        .sg-hero-subtitle { font-size: var(--hero-subtitle-mob) !important; }\r\n        .sg-hero-title { font-size: var(--hero-title-mob) !important; }\r\n        .sg-hero-desc { font-size: var(--hero-desc-mob) !important; }\r\n        .sg-growth-bars-wrapper { height: 350px !important; margin: 0 auto; }\r\n\r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 1 (Mobile) *\/\r\n        .sg-bar-3 .sg-bar-image { \r\n            width: var(--img-1-size-mob) !important; \r\n            top: var(--img-1-top-mob) !important; \r\n            left: var(--img-1-left-mob) !important; \r\n        }\r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0635\u0648\u0631\u0629 2 (Mobile) *\/\r\n        .sg-bar-5 .sg-bar-image { \r\n            width: var(--img-2-size-mob) !important; \r\n            top: var(--img-2-top-mob) !important; \r\n            left: var(--img-2-left-mob) !important; \r\n        }\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062d\u0631\u0643\u0627\u062a (Animations) --- *\/\r\n    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes ping { 75%, 100% { transform: scale(2.5); opacity: 0; } }\r\n    @keyframes growUp { from { height: 0; opacity: 0; } to { opacity: 1; } }\r\n    @keyframes floatIcon { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -10px); } }\r\n<\/style>\r\n\r\n<section class=\"sg-hero-apex-section\" dir=\"auto\">\r\n    <div class=\"sg-hero-container\">\r\n        <div class=\"sg-hero-row\">\r\n            \r\n            <div class=\"sg-hero-content\">\r\n                <div class=\"sg-hero-badge\">\r\n                    <div class=\"ping-wrap\"><span class=\"ping\"><\/span><span class=\"dot\"><\/span><\/div>\r\n                    <span class=\"text\">Strategic Growth Apex<\/span>\r\n                <\/div>\r\n                <h2 class=\"sg-hero-subtitle\">\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0646\u062d\u0648 \u0627\u0644\u0642\u0645\u0629<\/h2>\r\n                <h1 class=\"sg-hero-title\">\r\n                    \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 <span class=\"brand-txt\">\u0646\u0627\u062c\u062d<\/span> <br>\r\n                    \u064a\u0628\u062f\u0623 \u0628\u0641\u0643\u0631\u0629 \u0648\u064a\u0646\u0645\u0648 <br>\r\n                    <span class=\"brand-txt\">\u0628\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span> \u0635\u062d\u064a\u062d\u0629.\r\n                <\/h1>\r\n                <p class=\"sg-hero-desc\">\r\n                    \u0646\u062d\u0646 \u0641\u064a <strong>\u0633\u0643\u0627\u064a \u062c\u0648\u0644<\/strong> \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0644\u064a\u0633 \u0635\u062f\u0641\u0629\u060c \u0628\u0644 \u0647\u0648 \u0646\u062a\u0627\u062c \u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u0648\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629. \u0646\u0636\u0639 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u062e\u0628\u0631\u0627\u062a\u0646\u0627 \u0644\u0646\u0642\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0645\u0646 \u0645\u062c\u0631\u062f \u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0643\u064a\u0627\u0646 \u0642\u0648\u064a \u064a\u062a\u0635\u062f\u0631 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629.\r\n                <\/p>\r\n                <div class=\"sg-hero-actions\">\r\n                    <a href=\"#start\" class=\"sg-hero-btn\">\r\n                        <span>\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/271\/271218.png\" style=\"width:20px; height:20px; filter:brightness(0) invert(1);\" alt=\"arrow\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sg-hero-visual\">\r\n                <div class=\"sg-growth-bars-wrapper\">\r\n                    <div class=\"sg-bar sg-bar-1\"><\/div>\r\n                    <div class=\"sg-bar sg-bar-2\"><\/div>\r\n                    \r\n                    <div class=\"sg-bar sg-bar-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sky-jewel.com\/wp-content\/uploads\/2026\/04\/character-for-banner.webp\" class=\"sg-bar-image\" alt=\"\u062a\u0623\u0633\u064a\u0633\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"sg-bar sg-bar-4\"><\/div>\r\n                    \r\n                    <div class=\"sg-bar sg-bar-5\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-orange-for-banner.webp\" class=\"sg-bar-image\" alt=\"\u0642\u0645\u0629\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c64586 elementor-widget elementor-widget-html\" data-id=\"4c64586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root {\r\n    --primary-color: #ff5722;\r\n    --bg-dark: #0a0f0f;\r\n    --card-bg: rgba(18, 38, 38, 0.85);\r\n    --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);\r\n    --anim-speed: 40s; \/* \u0633\u0631\u0639\u0629 \u0627\u0644\u0634\u0631\u064a\u0637 *\/\r\n  }\r\n\r\n  .sky-goal-section {\r\n    font-family: 'Cairo', sans-serif;\r\n    background: transparent;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    padding: 100px 0;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sky-goal-container {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .sky-goal-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  \/* \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0627\u062f\u062c \u0644\u064a\u0643\u0648\u0646 \u0632\u062c\u0627\u062c\u064a (Glassmorphism) *\/\r\n  .sky-goal-badge {\r\n    display: inline-block;\r\n    padding: 8px 24px;\r\n    border-radius: 50px;\r\n    background: rgba(255, 87, 34, 0.1);\r\n    color: var(--primary-color);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    border: 1px solid rgba(255, 87, 34, 0.3);\r\n    backdrop-filter: blur(5px);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .sky-goal-title {\r\n    margin: 0;\r\n    font-size: clamp(32px, 5vw, 48px); \/* \u062d\u062c\u0645 \u062e\u0637 \u0645\u0631\u0646 *\/\r\n    font-weight: 900;\r\n    color: #fff;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0642\u0646\u0627\u0639 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n  .sky-slider-wrap {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding: 20px 0;\r\n    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n  }\r\n\r\n  .sky-track {\r\n    display: flex;\r\n    gap: 40px; \r\n    width: max-content;\r\n    padding: 40px 0;\r\n    animation: marquee-rtl var(--anim-speed) linear infinite;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* \u062a\u0648\u0642\u0641 \u0627\u0644\u0634\u0631\u064a\u0637 \u0639\u0646\u062f \u0627\u0644\u062d\u0648\u0645 \u0645\u0639 \u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0643\u0631\u062a *\/\r\n  .sky-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  \/* \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0631\u062a \u0644\u064a\u0635\u0628\u062d \u0641\u062e\u0645\u0627\u064b *\/\r\n  .sky-card {\r\n    flex: 0 0 300px; \r\n    width: 300px;\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 32px;\r\n    position: relative;\r\n    padding: 50px 35px;\r\n    text-align: center;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    transition: all 0.5s var(--transition-smooth);\r\n    cursor: default;\r\n  }\r\n\r\n  .sky-card:hover {\r\n    transform: translateY(-15px);\r\n    border-color: rgba(255, 87, 34, 0.5);\r\n    background: rgba(22, 45, 45, 0.95);\r\n    box-shadow: 0 30px 60px rgba(255, 87, 34, 0.15);\r\n  }\r\n\r\n  \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n  .sky-icon-wrapper {\r\n    width: 100px;\r\n    height: 100px;\r\n    margin: 0 auto 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border-radius: 24px;\r\n    transition: all 0.5s var(--transition-smooth);\r\n    animation: float 4s ease-in-out infinite;\r\n  }\r\n\r\n  .sky-card:hover .sky-icon-wrapper {\r\n    background: rgba(255, 87, 34, 0.1);\r\n    transform: scale(1.1) rotate(5deg);\r\n  }\r\n\r\n  .sky-icon-wrapper img {\r\n    width: 60px;\r\n    height: 60px;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .sky-card-text {\r\n    margin: 0;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 1.7;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    min-height: 3.4em;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u0628\u0631\u062a\u0642\u0627\u0644\u064a *\/\r\n  .sky-orange-corner {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    background-color: var(--primary-color);\r\n    width: 65px;\r\n    height: 45px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);\r\n    transition: all 0.4s var(--transition-smooth);\r\n  }\r\n\r\n  .sky-card:hover .sky-orange-corner {\r\n    width: 85px;\r\n    background-color: #ff7043;\r\n  }\r\n\r\n  \/* \u0636\u0628\u0637 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0623\u062c\u0646\u0628\u064a\u0629 *\/\r\n  .sky-goal-section.is-ltr .sky-orange-corner {\r\n    right: auto;\r\n    left: 0;\r\n    clip-path: polygon(0 0, 65% 0, 100% 100%, 0 100%);\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes marquee-rtl {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(50%, 0, 0); } \r\n  }\r\n\r\n  @keyframes marquee-ltr {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(-50%, 0, 0); }\r\n  }\r\n\r\n  @keyframes float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n  }\r\n\r\n  @keyframes ping {\r\n    75%, 100% { transform: scale(2.5); opacity: 0; }\r\n  }\r\n\r\n  \/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  @media (max-width: 767px) {\r\n    .sky-goal-section { padding: 60px 0; }\r\n    .sky-card {\r\n      flex: 0 0 280px;\r\n      width: 280px;\r\n      padding: 40px 25px;\r\n      border-radius: 28px;\r\n    }\r\n    .sky-card-text { font-size: 17px; min-height: auto; }\r\n    .sky-track { gap: 20px; animation-duration: 25s; } \/* \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062d\u0631\u0643\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u062c\u0648\u0627\u0644 *\/\r\n    .sky-icon-wrapper { width: 80px; height: 80px; }\r\n    .sky-icon-wrapper img { width: 45px; height: 45px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sky-goal-section\" id=\"skySection\" dir=\"auto\">\r\n  <div class=\"sky-goal-container\">\r\n    <div class=\"sky-goal-header\">\r\n      <span class=\"sky-goal-badge\">\u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 \u063a\u064a\u0631\u0646\u0627\u061f<\/span>\r\n      <h2 class=\"sky-goal-title\">\u0644\u0645\u0627\u0630\u0627 \u0633\u0643\u0627\u064a \u062c\u0648\u0644\u061f<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"sky-slider-wrap\">\r\n      <div id=\"skyTrack\" class=\"sky-track\">\r\n        \r\n        <!-- \u0627\u0644\u0643\u0631\u062a 1 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-icon1.png\" alt=\"icon 1\"><\/div>\r\n          <p class=\"sky-card-text\">\u0646\u0645\u0648\u0630\u062c \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0646\u0645\u0648<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 2 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-2.png\" alt=\"icon 2\"><\/div>\r\n          <p class=\"sky-card-text\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0625\u0644\u0649 \u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 3 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-3.png\" alt=\"icon 3\"><\/div>\r\n          <p class=\"sky-card-text\">\u0645\u0646\u0647\u062c\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0623\u0639\u0645\u0627\u0644 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 4 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-4.png\" alt=\"icon 4\"><\/div>\r\n          <p class=\"sky-card-text\">\u0646\u062d\u0646 \u0646\u062a\u0643\u0627\u0645\u0644 \u0628\u064a\u0646 \u0643\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 5 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-5.png\" alt=\"icon 5\"><\/div>\r\n          <p class=\"sky-card-text\">\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u0627\u062a \u0645\u0624\u0633\u0633\u064a\u0629 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0623\u0633\u0633 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0643\u0631\u062a 6 -->\r\n        <div class=\"sky-card\">\r\n          <div class=\"sky-icon-wrapper\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-6.png\" alt=\"icon 6\"><\/div>\r\n          <p class=\"sky-card-text\">\u062f\u0639\u0645 \u0627\u0644\u062a\u0648\u0633\u0639 \u0639\u0628\u0631 \u0645\u0646\u0638\u0648\u0645\u0629 \u0646\u0645\u0648 \u0648\u062a\u0633\u0648\u064a\u0642 \u0633\u0643\u0627\u064a \u062c\u0648\u0644<\/p>\r\n          <div class=\"sky-orange-corner\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const section = document.getElementById('skySection');\r\n    const track = document.getElementById('skyTrack');\r\n    \r\n    \/\/ \u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0631\u062a\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u062f\u0648\u0646 \u0641\u062c\u0648\u0627\u062a\r\n    const content = track.innerHTML;\r\n    track.innerHTML = content + content;\r\n\r\n    \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0648\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\r\n    const computedDir = window.getComputedStyle(section).direction;\r\n    if (computedDir === 'ltr') {\r\n      section.classList.add('is-ltr');\r\n      track.style.animationName = 'marquee-ltr';\r\n    } else {\r\n      track.style.animationName = 'marquee-rtl';\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c62e0aa elementor-widget elementor-widget-html\" data-id=\"c62e0aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ========================================= *\/\r\n    \/* \u2699\ufe0f \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645: \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u2699\ufe0f *\/\r\n    \/* ========================================= *\/\r\n    :root {\r\n        --vis-brand: #FE582A; \r\n        --vis-title-color: #ffffff; \r\n        --vis-desc-color: #ffffff;  \r\n        \r\n        --vis-title-pc: 5.5rem; \/* \u062a\u0645 \u0636\u0628\u0637\u0647 \u0644\u064a\u0643\u0648\u0646 \u0645\u062a\u0648\u0627\u0632\u0646\u0627\u064b \u0623\u0643\u062b\u0631 *\/\r\n        --vis-desc-pc: 1.8rem; \r\n\r\n        --vis-title-mob: 3.1rem; \r\n        --vis-desc-mob: 1.2rem; \r\n\r\n        --vis-img-size: 100px;\r\n    }\r\n\r\n    .sg-vision-section {\r\n        position: relative;\r\n        padding: 120px 0;\r\n        background-color: transparent !important;\r\n        direction: inherit;\r\n        font-family: inherit;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .sg-vis-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u0646\u0635 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 - \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0639\u0628\u0631 \u062a\u0639\u0637\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 *\/\r\n    .sg-vis-bg-text {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        font-size: 20vw;\r\n        font-weight: 900;\r\n        color: white;\r\n        opacity: 0.02;\r\n        white-space: nowrap;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n        letter-spacing: -5px;\r\n        user-select: none;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 will-change *\/\r\n    .sg-vis-visual-wrap {\r\n        position: relative;\r\n        width: 140px;\r\n        height: 140px;\r\n        margin: 0 auto 50px auto;\r\n        border: 2px solid rgba(254, 88, 42, 0.2);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        will-change: transform;\r\n    }\r\n\r\n    .sg-vis-visual-wrap:hover {\r\n        border-color: var(--vis-brand);\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .sg-vis-visual-wrap img {\r\n        width: var(--vis-img-size);\r\n        height: auto;\r\n        object-fit: contain;\r\n        filter: drop-shadow(0 0 12px rgba(254, 88, 42, 0.5));\r\n        transition: transform 0.6s ease;\r\n        will-change: transform;\r\n    }\r\n\r\n    \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062d\u0631\u0643\u0629 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n    .sg-vis-visual-wrap:hover img { transform: translate(10px, -10px); }\r\n    html[dir=\"ltr\"] .sg-vis-visual-wrap:hover img { transform: translate(-10px, -10px); }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0646\u0628\u0636 \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0645\u0639\u0627\u0644\u062c *\/\r\n    .sg-vis-ping {\r\n        position: absolute;\r\n        inset: 0;\r\n        border-radius: 50%;\r\n        border: 2px solid var(--vis-brand);\r\n        animation: visPing 2.5s cubic-bezier(0, 0, 0.2, 1) infinite;\r\n        opacity: 0;\r\n        will-change: transform, opacity;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n    .sg-vis-title {\r\n        color: var(--vis-title-color);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin-bottom: 30px;\r\n        font-size: var(--vis-title-mob);\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .sg-vis-title span {\r\n        color: var(--vis-brand);\r\n        text-shadow: 0 0 20px rgba(254, 88, 42, 0.3);\r\n    }\r\n\r\n    .sg-vis-desc {\r\n        color: var(--vis-desc-color);\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        line-height: 1.8;\r\n        font-weight: 400;\r\n        font-size: var(--vis-desc-mob);\r\n        opacity: 0.9;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .sg-vis-title { font-size: var(--vis-title-pc); }\r\n        .sg-vis-desc { font-size: var(--vis-desc-pc); }\r\n    }\r\n\r\n    @keyframes visPing { \r\n        0% { transform: scale(1); opacity: 0.4; }\r\n        100% { transform: scale(1.6); opacity: 0; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sg-vision-section\" dir=\"auto\">\r\n\r\n\r\n    <div class=\"sg-vis-container\">\r\n        \r\n        <div class=\"sg-vis-visual-wrap\">\r\n            <div class=\"sg-vis-ping\"><\/div>\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sky-jewel.com\/wp-content\/uploads\/2026\/04\/cropped-WEB-ICON-SK-MARKETING-01-1.webp\" \r\n                 alt=\"Vision Icon\" \r\n                 width=\"100\" \r\n                 height=\"100\" \r\n                 loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <h2 class=\"sg-vis-title\" dir=\"auto\">\r\n            \u0637\u0645\u0648\u062d\u0646\u0627 <span>\u0639\u0646\u0627\u0646<\/span> \u0627\u0644\u0633\u0645\u0627\u0621\r\n        <\/h2>\r\n        \r\n        <p class=\"sg-vis-desc\" dir=\"auto\">\r\n            \u0641\u064a \u0633\u0643\u0627\u064a \u062c\u0648\u0644\u060c \u062d\u062f\u0648\u062f\u0646\u0627 \u0647\u064a \u0623\u0641\u0642 \u062e\u064a\u0627\u0644\u0643. \u0646\u062d\u0646 \u0644\u0627 \u0646\u0643\u062a\u0641\u064a \u0628\u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0628\u0644 \u0646\u0624\u0633\u0633 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0648\u0627\u0644\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0639\u0627\u0628\u0631 \u0644\u0644\u0642\u0627\u0631\u0627\u062a.\r\n        <\/p>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f67c1 elementor-widget elementor-widget-pxl_heading\" data-id=\"35f67c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-heading\">\n    <div class=\"pxl-heading--inner\">\n                <h3 class=\"pxl-item--title divider-none \">\n        \u062a\u0639\u062a\u0645\u062f \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0639\u0644\u0649 \u0645\u0646\u0647\u062c\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629                <\/h3>\n                    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b9a86c elementor-widget elementor-widget-html\" data-id=\"1b9a86c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n    .methodology-wrapper {\r\n        font-family: 'Cairo', sans-serif !important;\r\n        direction: rtl;\r\n        background-color: transparent !important;\r\n        padding: 64px 16px;\r\n    }\r\n\r\n    .method-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a (\u0628\u062f\u064a\u0644 \u0627\u0644\u0640 Grid \u0641\u064a Tailwind) *\/\r\n    .method-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, minmax(0, 1fr));\r\n        gap: 24px;\r\n    }\r\n\r\n    @media (min-width: 640px) { .method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\r\n    @media (min-width: 1024px) { .method-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n    .method-card {\r\n        background-color: #ffffff;\r\n        border-radius: 16px;\r\n        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        padding: 32px;\r\n        border-bottom-width: 8px;\r\n        border-bottom-style: solid;\r\n        transition: transform 0.3s ease;\r\n        will-change: transform; \/* \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n    }\r\n\r\n    .method-card:hover {\r\n        transform: translateY(-8px);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643\u0644 \u0643\u0627\u0631\u062a *\/\r\n    .border-indigo { border-color: #4f46e5; }\r\n    .border-cyan { border-color: #06b6d4; }\r\n    .border-orange { border-color: #f97316; }\r\n    .border-green { border-color: #22c55e; }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0648\u0647\u062c *\/\r\n    .glow-bg {\r\n        position: relative;\r\n        margin-bottom: 24px;\r\n        z-index: 10;\r\n    }\r\n    .glow-bg::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 50%;\r\n        filter: blur(20px);\r\n        opacity: 0.3;\r\n        z-index: 0;\r\n    }\r\n\r\n    .glow-blue::before { background-color: #6366f1; }\r\n    .glow-cyan::before { background-color: #06b6d4; }\r\n    .glow-orange::before { background-color: #f97316; }\r\n    .glow-green::before { background-color: #22c55e; }\r\n\r\n    \/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n    .icon-box {\r\n        width: 64px;\r\n        height: 64px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 10;\r\n        shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .bg-indigo { background-color: #4f46e5; }\r\n    .bg-cyan { background-color: #06b6d4; }\r\n    .bg-orange { background-color: #f97316; }\r\n    .bg-green { background-color: #22c55e; }\r\n\r\n    .icon-box img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        filter: brightness(0) invert(1);\r\n    }\r\n\r\n    .method-card h3 {\r\n        color: #1e293b;\r\n        font-weight: 700;\r\n        font-size: 1.125rem;\r\n        text-align: center;\r\n        margin: 0;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"methodology-wrapper\">\r\n    <div class=\"method-container\">\r\n        <div class=\"method-grid\">\r\n            \r\n            <div class=\"method-card border-indigo\">\r\n                <div class=\"glow-bg glow-blue\">\r\n                    <div class=\"icon-box bg-indigo\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-icon1.webp\" alt=\"Strategy Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"method-card border-cyan\">\r\n                <div class=\"glow-bg glow-cyan\">\r\n                    <div class=\"icon-box bg-cyan\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/elephant-icon1.webp\" alt=\"Identity Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"method-card border-orange\">\r\n                <div class=\"glow-bg glow-orange\">\r\n                    <div class=\"icon-box bg-orange\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/king-icon1.webp\" alt=\"Digital Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"method-card border-green\">\r\n                <div class=\"glow-bg glow-green\">\r\n                    <div class=\"icon-box bg-green\">\r\n                        <img decoding=\"async\" src=\"http:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/castle-icon1.webp\" alt=\"Marketing Icon\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>\u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0646\u0645\u0648<\/h3>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd0f667 elementor-widget elementor-widget-pxl_heading\" data-id=\"dd0f667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-heading\">\n    <div class=\"pxl-heading--inner\">\n                <h3 class=\"pxl-item--title divider-none \">\n        \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d                <\/h3>\n                    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41792df elementor-widget elementor-widget-html\" data-id=\"41792df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n.sky-logo-slider {\r\n    direction: rtl !important;\r\n    overflow: hidden;\r\n    width: 100%;           \/* \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    max-width: 1300px;     \/* \u0623\u0642\u0635\u0649 \u0639\u0631\u0636 \u0644\u0644\u0642\u0633\u0645 \u0639\u0644\u0649 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\r\n    margin: 0 auto;        \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0642\u0633\u0645 \u0641\u064a \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n    position: relative;\r\n    background: transparent !important;\r\n    padding: 40px 0;\r\n}\r\n\r\n    \/* 2. \u0634\u0631\u064a\u0637 \u0627\u0644\u062d\u0631\u0643\u0629 \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 (GPU Accelerated) *\/\r\n    .sky-logo-track {\r\n        display: flex;\r\n        width: max-content;\r\n        will-change: transform; \r\n        animation: sky-marquee-rtl 30s linear infinite;\r\n    }\r\n\r\n    .sky-logo-slider:hover .sky-logo-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* 3. \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0644\u0648\u062c\u0648 (\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631: 8 \u0644\u0648\u062c\u0648\u0647\u0627\u062a) *\/\r\n    .sky-logo-item {\r\n        \/* \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0631\u0636 \u0644\u0638\u0647\u0648\u0631 8 \u0643\u0631\u0648\u062a \u0628\u0627\u0644\u0636\u0628\u0637 *\/\r\n        width: calc(100vw \/ 8); \r\n        max-width: 160px; \/* \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062a\u0636\u062e\u0645 \u0627\u0644\u0644\u0648\u062c\u0648 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0642\u0629 *\/\r\n        flex-shrink: 0;\r\n        padding: 8px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    @media (min-width: 1280px) {\r\n        .sky-logo-item {\r\n            width: calc(1280px \/ 8);\r\n        }\r\n    }\r\n\r\n    .sky-logo-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 3\/2;\r\n        object-fit: contain;\r\n        border-radius: 10px;\r\n        background: #ffffff;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n        transition: transform 0.3s ease;\r\n        display: block;\r\n    }\r\n\r\n    .sky-logo-item img:hover {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* 4. \u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\r\n    @keyframes sky-marquee-rtl {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(50%); }\r\n    }\r\n\r\n    \/* 5. \u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 1024px) {\r\n        .sky-logo-item { width: 25vw; } \/* 4 \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .sky-logo-item { width: 33.33vw; } \/* 3 \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        .sky-logo-track { animation-duration: 15s; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sky-logo-slider\">\r\n    <div id=\"logoTrack\" class=\"sky-logo-track\">\r\n        \r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-01.webp\" alt=\"1\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-02.webp\" alt=\"2\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-03.webp\" alt=\"3\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-04.webp\" alt=\"4\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-05.webp\" alt=\"5\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-06.webp\" alt=\"6\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-07.webp\" alt=\"7\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-08.webp\" alt=\"8\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-09.webp\" alt=\"9\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-10.webp\" alt=\"10\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-11.webp\" alt=\"11\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-12.webp\" alt=\"12\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-13.webp\" alt=\"13\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-14.webp\" alt=\"14\" loading=\"lazy\"><\/div>\r\n\r\n       <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-01.webp\" alt=\"1\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-02.webp\" alt=\"2\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-03.webp\" alt=\"3\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-04.webp\" alt=\"4\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-05.webp\" alt=\"5\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-06.webp\" alt=\"6\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-07.webp\" alt=\"7\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-08.webp\" alt=\"8\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-09.webp\" alt=\"9\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-10.webp\" alt=\"10\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-11.webp\" alt=\"11\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-12.webp\" alt=\"12\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-13.webp\" alt=\"13\" loading=\"lazy\"><\/div>\r\n        <div class=\"sky-logo-item\"><img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/logos-14.webp\" alt=\"14\" loading=\"lazy\"><\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7eec8f elementor-widget elementor-widget-html\" data-id=\"f7eec8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* 1. \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n    .growth-section-wrapper {\r\n        font-family: 'Cairo', sans-serif !important;\r\n        background: transparent !important;\r\n        direction: inherit; \r\n        padding: 48px 16px;\r\n    }\r\n\r\n    .growth-container {\r\n        max-width: 1600px; \/* \u0643\u0628\u0631\u0646\u0627 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u062a\u0639\u0637\u064a \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n    .growth-header-main {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .growth-header-main h2 {\r\n        display: inline-block;\r\n        font-weight: 900;\r\n        color: white;\r\n        font-size: 1.875rem;\r\n        position: relative;\r\n        padding-bottom: 24px;\r\n        margin: 0;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .growth-header-main h2 { font-size: 3rem; }\r\n    }\r\n\r\n    .growth-header-main h2 span.line {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 96px;\r\n        height: 6px;\r\n        background-color: #ff5722;\r\n        border-radius: 9999px;\r\n    }\r\n\r\n    \/* 2. \u0646\u0638\u0627\u0645 \u0627\u0644\u0634\u0628\u0643\u0629 (Grid) \u0644\u0640 5 \u0643\u0631\u0648\u062a *\/\r\n    .growth-grid-main {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, 1fr); \/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        gap: 25px;\r\n        align-items: stretch; \/* \u0644\u0636\u0645\u0627\u0646 \u062a\u0633\u0627\u0648\u064a \u0627\u0644\u0637\u0648\u0644 *\/\r\n    }\r\n\r\n    \/* \u062a\u0627\u0628\u0644\u062a: \u0643\u0627\u0631\u062a\u064a\u0646 \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 650px) and (max-width: 1199px) {\r\n        .growth-grid-main {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    \/* \u0643\u0645\u0628\u064a\u0648\u062a\u0631: 5 \u0643\u0631\u0648\u062a \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 1200px) {\r\n        .growth-grid-main {\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 15px;\r\n        }\r\n    }\r\n\r\n    \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n    .growth-card {\r\n        background-color: white;\r\n        border-radius: 32px;\r\n        padding: 40px 25px;\r\n        color: #333;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n        height: 100%;\r\n        border: 1px solid rgba(0, 0, 0, 0.05);\r\n        will-change: transform;\r\n    }\r\n\r\n    .growth-card:hover {\r\n        transform: translateY(-15px) scale(1.02);\r\n        box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n    .icon-wrapper {\r\n        width: 100px;\r\n        height: 100px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(135deg, #ff8a65, #ff5722);\r\n        display: flex;\r\n        flex-shrink: 0;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 25px;\r\n        z-index: 10;\r\n        border: 4px solid rgba(255, 255, 255, 0.8);\r\n        box-shadow: 0 10px 20px rgba(255, 87, 34, 0.2);\r\n        transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n\r\n    .icon-wrapper.purple {\r\n        background: linear-gradient(135deg, #7e57c2, #512da8);\r\n    }\r\n\r\n    .icon-wrapper img {\r\n        width: 70px;\r\n        height: 70px;\r\n        object-fit: contain;\r\n        filter: brightness(0) invert(1);\r\n    }\r\n\r\n    .growth-card h3 { \r\n        font-weight: 900; \r\n        margin-bottom: 1rem; \r\n        transition: color 0.3s;\r\n        font-size: 1.25rem;\r\n    }\r\n\r\n    .growth-card p {\r\n        color: #6b7280;\r\n        line-height: 1.6;\r\n        font-size: 1rem; \/* \u062d\u062c\u0645 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0642\u0631\u0627\u0621\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u0636\u064a\u0642\u0629 *\/\r\n        margin: 0;\r\n        flex-grow: 1; \/* \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0648\u062a\u0633\u0627\u0648\u064a \u0627\u0644\u0637\u0648\u0644 *\/\r\n    }\r\n\r\n    .card-orange:hover h3 { color: #ff5722; }\r\n    .card-purple:hover h3 { color: #512da8; }\r\n\r\n    \/* \u0632\u062e\u0631\u0641\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n    .card-bg-shape {\r\n        position: absolute;\r\n        bottom: -20px;\r\n        inset-inline-start: -20px; \r\n        width: 100px;\r\n        height: 100px;\r\n        border-radius: 50%;\r\n        background: rgba(0, 0, 0, 0.02);\r\n        z-index: 1;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"growth-section-wrapper\">\r\n    <div class=\"growth-container\">\r\n        \r\n        <div class=\"growth-header-main\">\r\n            <h2>\r\n                \u0646\u0645\u0648\u0630\u062c \u0646\u0645\u0648 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a\r\n                <span class=\"line\"><\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"growth-grid-main\">\r\n            \r\n            <div class=\"growth-card card-orange\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/horse-icon1.webp\" alt=\"Strategy\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h3>\r\n                <p>\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642 \u0646\u062d\u0648 \u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0646\u062d\u0646 \u0644\u0627 \u0646\u0639\u0645\u0644 \u0628\u0639\u0634\u0648\u0627\u0626\u064a\u0629\u061b \u0628\u0644 \u0646\u0636\u0639 \u0644\u0643 \u062e\u0637\u0629 \u0639\u0645\u0644 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0634\u0645\u0644 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646\u060c \u0644\u0646\u0631\u0633\u0645 \u0644\u0643 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0633\u0631\u0639 \u0648\u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0648\u064a\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-purple\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper purple\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/quality-icon1.webp\" alt=\"Branding\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0639\u0644\u0627\u0645\u0629<\/h3>\r\n                <p>\u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0634\u0639\u0627\u0631\u060c \u0646\u0628\u0646\u064a \u0644\u0628\u0631\u0627\u0646\u062f\u0643 \u0634\u062e\u0635\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0648\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062d\u0643\u064a \u0642\u0635\u062a\u0643\u060c \u0644\u062a\u0639\u0632\u0632 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0648\u0644\u0627\u0621 \u0641\u064a \u0646\u0641\u0648\u0633 \u0639\u0645\u0644\u0627\u0626\u0643 \u0648\u062a\u062c\u0639\u0644\u0643 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u0645\u0645\u064a\u0632 \u0641\u064a \u0648\u0633\u0637 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-orange\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/brand-icon1.webp\" alt=\"Digital\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\r\n                <p>\u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u062a\u064a\u0646 \u0644\u0645\u062a\u062c\u0631\u0643\u060c \u0646\u062c\u0647\u0632 \u0644\u0643 \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631\u061b \u0645\u0646 \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0646\u0638\u0645\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0628\u062f\u0648\u0646 \u0623\u0639\u0637\u0627\u0644.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-purple\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper purple\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-4.webp\" alt=\"Growth\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0648\u0633\u0639<\/h3>\r\n                <p>\u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0635\u062d\u064a\u062d\u060c \u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0630\u0643\u064a\u0629 \u0648\u0645\u062d\u062a\u0648\u0649 \u0625\u0628\u062f\u0627\u0639\u064a \u0645\u0648\u062c\u0647 \u0628\u062f\u0642\u0629 \u0644\u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u060c \u0646\u0631\u0643\u0632 \u0641\u064a\u0647\u0627 \u0639\u0644\u0649 \u062c\u0630\u0628 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0628\u0631\u0629 \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0645\u0633\u062a\u0645\u0631\u0629.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"growth-card card-orange\">\r\n                <div class=\"card-bg-shape\"><\/div>\r\n                <div class=\"icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/icon-2.webp\" alt=\"Analysis\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3>\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\r\n                <p>\u062a\u0648\u0633\u064a\u0639 \u0646\u0637\u0627\u0642 \u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0645\u0647\u0645\u062a\u0646\u0627 \u0644\u0627 \u062a\u0646\u062a\u0647\u064a \u0639\u0646\u062f \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0623\u0648\u0644\u061b \u0628\u0644 \u0646\u062d\u0644\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0646\u062d\u0633\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0633\u0639 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u0632\u064a\u0627\u062f\u0629 \u0623\u0631\u0628\u0627\u062d\u0643 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u062f\u0627\u0645 \u0648\u0645\u062a\u0635\u0627\u0639\u062f.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-689fcb3 elementor-widget elementor-widget-pxl_heading\" data-id=\"689fcb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-heading\">\n    <div class=\"pxl-heading--inner\">\n                <h3 class=\"pxl-item--title divider-none \">\n        \u062e\u062f\u0645\u0627\u062a \u0633\u0643\u0627\u064a \u062c\u0648\u0644                <\/h3>\n                    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2822f36 elementor-widget elementor-widget-html\" data-id=\"2822f36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0635\u0648\u0631 --- *\/\r\n    :root {\r\n        \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n        --title-size-mobile: 1.2rem;\r\n        --title-color-mobile: #ffffff;\r\n        --desc-size-mobile: 0.95rem;\r\n        --desc-color-mobile: #ffffff;\r\n\r\n        --title-size-desktop: 1.35rem; \/* \u062a\u0645 \u0636\u0628\u0637\u0647 \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u0640 4 \u0643\u0631\u0648\u062a *\/\r\n        --title-color-desktop: #ffffff;\r\n        --desc-size-desktop: 1.1rem;\r\n        --desc-color-desktop: #ffffff;\r\n\r\n        \/* --- \u062a\u062d\u0643\u0645 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631 --- *\/\r\n        --img-width-mobile: 130px; \r\n        --img-height-mobile: auto;\r\n        \r\n        --img-width-desktop: 180px;\r\n        --img-height-desktop: auto;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0642\u0633\u0645 *\/\r\n    .sky-services-section {\r\n        font-family: 'Cairo', sans-serif !important;\r\n        direction: inherit;\r\n        background: transparent !important;\r\n        padding: 80px 0;\r\n    }\r\n\r\n    \/* \u062f\u0639\u0645 \u0627\u0644\u0644\u063a\u0627\u062a RTL\/LTR *\/\r\n    html[dir=\"rtl\"] .sky-services-section { direction: rtl !important; }\r\n    html[dir=\"ltr\"] .sky-services-section { direction: ltr !important; }\r\n\r\n    .sky-container {\r\n        max-width: 1600px; \/* \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0629 \u0644\u062a\u0633\u0639 \u0627\u0644\u0640 4 \u0643\u0631\u0648\u062a *\/\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* \u0646\u0638\u0627\u0645 \u0627\u0644\u0634\u0628\u0643\u0629 (Grid) \u0644\u064a\u0643\u0648\u0646 4 \u0623\u0639\u0645\u062f\u0629 \u062c\u0646\u0628 \u0628\u0639\u0636 *\/\r\n    .sky-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, 1fr); \/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        gap: 40px;\r\n    }\r\n\r\n    \/* \u062a\u0627\u0628\u0644\u062a: \u0643\u0627\u0631\u062a\u064a\u0646 \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 640px) {\r\n        .sky-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    \/* \u0643\u0645\u0628\u064a\u0648\u062a\u0631: 4 \u0643\u0631\u0648\u062a \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n    @media (min-width: 1100px) {\r\n        .sky-grid { \r\n            grid-template-columns: repeat(4, 1fr); \r\n            gap: 20px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0628\u064a\u0646\u064a\u0629 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n        }\r\n    }\r\n\r\n    .service-item {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0635\u0648\u0631 *\/\r\n    .icon-ring-wrapper img {\r\n        width: var(--img-width-mobile) !important;\r\n        height: var(--img-height-mobile) !important;\r\n        margin: 0 auto 20px auto; \r\n        object-fit: contain;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .service-item:hover .icon-ring-wrapper img {\r\n        transform: translateY(-10px);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0641\u064a \u062e\u0637 \u0648\u0627\u062d\u062f *\/\r\n    .service-title {\r\n        font-weight: 900 !important;\r\n        margin-bottom: 12px;\r\n        font-size: var(--title-size-mobile) !important;\r\n        color: var(--title-color-mobile) !important;\r\n        line-height: 1.2;\r\n        width: 100%;\r\n    }\r\n\r\n    .service-desc {\r\n        line-height: 1.6;\r\n        margin: 0 auto;\r\n        font-size: var(--desc-size-mobile) !important;\r\n        color: var(--desc-color-mobile) !important;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062e\u0637 \u0627\u0644\u0648\u0627\u062d\u062f *\/\r\n    @media (min-width: 1100px) {\r\n        .icon-ring-wrapper img {\r\n            width: var(--img-width-desktop) !important;\r\n            height: var(--img-height-desktop) !important;\r\n        }\r\n        .service-title {\r\n            font-size: var(--title-size-desktop) !important;\r\n            white-space: nowrap; \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f *\/\r\n        }\r\n        .service-desc {\r\n            font-size: var(--desc-size-desktop) !important;\r\n            max-width: 100%; \/* \u062a\u0645\u062f\u062f \u0627\u0644\u0646\u0635 \u0644\u064a\u0623\u062e\u0630 \u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0631\u062a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sky-services-section\" dir=\"auto\">\r\n    <div class=\"sky-container\">\r\n        <div class=\"sky-grid\">\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/1.webp\" alt=\"Branding\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u062a\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0639\u0644\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0647\u0648\u064a\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u064a \u0627\u0644\u0646\u0645\u0648 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/2.webp\" alt=\"Infrastructure\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u062a\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0639\u0644\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0646\u0645\u0648 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/3.webp\" alt=\"Growth System\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0647\u0646\u062f\u0633\u0629 \u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0645\u0648<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u062a\u0631\u0643\u0632 \u062e\u062f\u0645\u0627\u062a \u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0646\u0645\u0648 \u0639\u0644\u064a \u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u064a \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-item\">\r\n                <div class=\"icon-ring-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sky-jewel.com\/wp-content\/uploads\/2026\/04\/4.webp\" alt=\"Solutions\" loading=\"lazy\">\r\n                <\/div>\r\n                <h3 class=\"service-title\" dir=\"auto\">\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n                <p class=\"service-desc\" dir=\"auto\">\u0646\u0642\u062f\u0651\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062f\u0639\u0645 \u0646\u0645\u0648 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0646\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0641\u0639\u0627\u0644\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Strategic Growth Apex \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0646\u062d\u0648 \u0627\u0644\u0642\u0645\u0629 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d \u064a\u0628\u062f\u0623 \u0628\u0641\u0643\u0631\u0629 \u0648\u064a\u0646\u0645\u0648 \u0628\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0635\u062d\u064a\u062d\u0629. \u0646\u062d\u0646 \u0641\u064a \u0633\u0643\u0627\u064a \u062c\u0648\u0644 \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0644\u064a\u0633 \u0635\u062f\u0641\u0629\u060c \u0628\u0644 \u0647\u0648 \u0646\u062a\u0627\u062c \u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u0648\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629. \u0646\u0636\u0639 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u062e\u0628\u0631\u0627\u062a\u0646\u0627 \u0644\u0646\u0642\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0645\u0646 \u0645\u062c\u0631\u062f \u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0643\u064a\u0627\u0646 \u0642\u0648\u064a \u064a\u062a\u0635\u062f\u0631 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629. \u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 \u063a\u064a\u0631\u0646\u0627\u061f \u0644\u0645\u0627\u0630\u0627 \u0633\u0643\u0627\u064a \u062c\u0648\u0644\u061f \u0646\u0645\u0648\u0630\u062c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15077","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/pages\/15077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/comments?post=15077"}],"version-history":[{"count":701,"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/pages\/15077\/revisions"}],"predecessor-version":[{"id":22442,"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/pages\/15077\/revisions\/22442"}],"wp:attachment":[{"href":"https:\/\/www.sky-jewel.com\/en\/wp-json\/wp\/v2\/media?parent=15077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}