{"id":499,"date":"2025-04-04T21:59:08","date_gmt":"2025-04-04T18:29:08","guid":{"rendered":"https:\/\/websavant.ir\/skill\/theme-skill\/?page_id=499"},"modified":"2025-11-30T04:51:26","modified_gmt":"2025-11-30T04:51:26","slug":"about","status":"publish","type":"page","link":"https:\/\/websavant.ir\/skill\/theme-skill\/","title":{"rendered":"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"499\" class=\"elementor elementor-499\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d02c18 e-flex e-con-boxed e-con e-parent\" data-id=\"0d02c18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eefd64c elementor-widget elementor-widget-heading\" data-id=\"eefd64c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0633\u0644\u0627\u0645\u060c \u0645\u0646 \u0645\u062d\u0645\u062f \u062d\u06cc\u062f\u0631\u06cc \u0647\u0633\u062a\u0645<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a89a43f e-con-full e-flex e-con e-child\" data-id=\"a89a43f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b06c06b elementor-widget elementor-widget-skill_text_gradient\" data-id=\"b06c06b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_text_gradient.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"skill-gradient-text\" id=\"skill-gradient-b06c06b\">\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u0648 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633<\/h2><style>\r\n            #skill-gradient-b06c06b {\r\n                background: -webkit-linear-gradient(to top left, #0E59F2, #7952A8, #0E59F2);\r\n                background: linear-gradient(to top left, #0E59F2, #7952A8, #0E59F2);\r\n                -webkit-background-clip: text;\r\n                background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n                color: transparent;\r\n                display: inline-block;\r\n            }\r\n        <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4474b45 elementor-widget elementor-widget-text-editor\" data-id=\"4474b45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"mt-3\"><span style=\"color: #383838;\">\u062e\u0648\u0634\u062d\u0627\u0644 \u0645\u06cc\u0634\u0645 \u062f\u0631\u062e\u062f\u0645\u062a \u0634\u0645\u0627 \u0628\u0627\u0634\u0645.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08df1d5 elementor-widget elementor-widget-personal_info_widget\" data-id=\"08df1d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"personal_info_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n        .skill-personal-info-box {\r\n            background: #fff;\r\n            border-radius: 18px;\r\n            box-shadow: 0 4px 24px 0 rgba(60,72,88,.08);\r\n            padding: 2.5rem 2rem;\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n            border: 1px solid #f0f0f0;\r\n            animation: fadeInUp 0.8s cubic-bezier(.39,.575,.565,1) both;\r\n            --skill-title-color: #222;\r\n            --skill-value-color: #555;\r\n        }\r\n        @keyframes fadeInUp {\r\n            0% { opacity: 0; transform: translateY(40px); }\r\n            100% { opacity: 1; transform: none; }\r\n        }\r\n        .skill-personal-info-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 9px;\r\n        }\r\n        .skill-personal-info-row {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 1.2rem;\r\n        }\r\n        .skill-personal-info-item {\r\n            flex: 1 1 0;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.7rem;\r\n            background: #f7f9fa;\r\n            border-radius: 10px;\r\n            padding: 0.7rem 1rem;\r\n            transition: box-shadow 0.2s;\r\n            box-shadow: 0 1px 4px 0 rgba(60,72,88,.04);\r\n            position: relative;\r\n            min-width: 0;\r\n            flex-wrap: nowrap; \/* \u0645\u0647\u0645: wrap \u0631\u0627 \u0628\u0631\u062f\u0627\u0631 *\/\r\n        }\r\n        .skill-personal-info-item:hover {\r\n            box-shadow: 0 4px 16px 0 rgba(60,72,88,.10);\r\n        }\r\n        .skill-personal-info-icon {\r\n            width: 22px;\r\n            height: 22px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #3b82f6;\r\n        }\r\n        .skill-personal-info-label {\r\n            font-weight: 700;\r\n            color: var(--skill-title-color, #222);\r\n            font-size: 1rem;\r\n            margin-left: 0.3rem;\r\n            white-space: nowrap;\r\n            flex-shrink: 0;\r\n        }\r\n        .skill-personal-info-value-wrap {\r\n            display: flex;\r\n            align-items: center;\r\n            min-width: 0;\r\n            flex: 1 1 0;\r\n            gap: 0.5rem;\r\n        }\r\n        .skill-personal-info-value {\r\n            color: var(--skill-value-color, #555);\r\n            font-size: 1rem;\r\n            font-weight: 400;\r\n            word-break: break-all;\r\n            overflow-wrap: anywhere;\r\n            min-width: 0;\r\n            flex: 1 1 0;\r\n            display: block;\r\n        }\r\n        .skill-personal-info-copy {\r\n            background: #e0e7ef;\r\n            border: none;\r\n            border-radius: 6px;\r\n            padding: 0.2rem 0.5rem;\r\n            cursor: pointer;\r\n            font-size: 0.95rem;\r\n            color: #3b82f6;\r\n            transition: background 0.2s;\r\n            white-space: nowrap;\r\n            flex-shrink: 0;\r\n            margin-left: 0.5rem;\r\n        }\r\n        .skill-personal-info-copy:hover {\r\n            background: #c7d7ef;\r\n        }\r\n        .skill-personal-info-copied {\r\n            position: absolute;\r\n            left: 10px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: #d1fae5;\r\n            color: #059669;\r\n            font-size: 0.85rem;\r\n            padding: 0.1rem 0.6rem;\r\n            border-radius: 5px;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s;\r\n        }\r\n        .skill-personal-info-item.copied .skill-personal-info-copied {\r\n            opacity: 1;\r\n        }\r\n        @media (max-width: 768px) {\r\n            .skill-personal-info-row {\r\n                flex-direction: column;\r\n                gap: 1.2rem;\r\n            }\r\n            .skill-personal-info-item {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 0.4rem;\r\n                padding: 1rem 0.7rem;\r\n            }\r\n            .skill-personal-info-label,\r\n            .skill-personal-info-value,\r\n            .skill-personal-info-copy {\r\n                margin: 0;\r\n            }\r\n            .skill-personal-info-value {\r\n                word-break: break-all;\r\n                overflow-wrap: anywhere;\r\n                font-size: 0.98rem;\r\n            }\r\n            .skill-personal-info-copy {\r\n                align-self: flex-end;\r\n                margin-top: 0.3rem;\r\n            }\r\n        }\r\n        <\/style><script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            document.querySelectorAll(\".skill-personal-info-copy\").forEach(function(btn) {\r\n                btn.addEventListener(\"click\", function(e) {\r\n                    var value = btn.getAttribute(\"data-copy\");\r\n                    navigator.clipboard.writeText(value).then(function() {\r\n                        var parent = btn.closest(\".skill-personal-info-item\");\r\n                        parent.classList.add(\"copied\");\r\n                        setTimeout(function() { parent.classList.remove(\"copied\"); }, 1200);\r\n                    });\r\n                });\r\n            });\r\n        });\r\n        <\/script><div class=\"skill-personal-info-box\"><div class=\"skill-personal-info-list\"><div class=\"skill-personal-info-row\"><div class=\"skill-personal-info-item\"><svg class=\"skill-personal-info-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M16 3v4M8 3v4M3 11h18\"\/><\/svg><span class=\"skill-personal-info-label\">\u062a\u0627\u0631\u06cc\u062e \u062a\u0648\u0644\u062f:<\/span><div class=\"skill-personal-info-value-wrap\"><span class=\"skill-personal-info-value\">1380\/10\/06<\/span><\/div><\/div><div class=\"skill-personal-info-item\"><svg class=\"skill-personal-info-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M12 21s-6-5.686-6-10A6 6 0 1 1 18 11c0 4.314-6 10-6 10z\"\/><circle cx=\"12\" cy=\"11\" r=\"2.5\"\/><\/svg><span class=\"skill-personal-info-label\">\u0645\u062d\u0644 \u0633\u06a9\u0648\u0646\u062a:<\/span><div class=\"skill-personal-info-value-wrap\"><span class=\"skill-personal-info-value\">\u0634\u0647\u0631\u06a9\u0631\u062f<\/span><\/div><\/div><\/div><div class=\"skill-personal-info-row\"><div class=\"skill-personal-info-item\"><svg class=\"skill-personal-info-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M16 3v4M8 3v4\"\/><\/svg><span class=\"skill-personal-info-label\">\u0646\u062d\u0648\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc:<\/span><div class=\"skill-personal-info-value-wrap\"><span class=\"skill-personal-info-value\">\u062a\u0645\u0627\u0645 \u0648\u0642\u062a \/ \u062f\u0648\u0631\u06a9\u0627\u0631\u06cc<\/span><\/div><\/div><div class=\"skill-personal-info-item\"><svg class=\"skill-personal-info-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M12 17v-6m0 0V7m0 4h4m-4 0H8\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg><span class=\"skill-personal-info-label\">\u062a\u062e\u0635\u0635:<\/span><div class=\"skill-personal-info-value-wrap\"><span class=\"skill-personal-info-value\">\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647<\/span><\/div><\/div><\/div><div class=\"skill-personal-info-row\"><div class=\"skill-personal-info-item\"><svg class=\"skill-personal-info-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M2 5.5A2.5 2.5 0 0 1 4.5 3h2A2.5 2.5 0 0 1 9 5.5v2A2.5 2.5 0 0 1 6.5 10h-2A2.5 2.5 0 0 1 2 7.5v-2zM15 19.5A2.5 2.5 0 0 1 17.5 17h2a2.5 2.5 0 0 1 2.5 2.5v2A2.5 2.5 0 0 1 19.5 24h-2A2.5 2.5 0 0 1 15 21.5v-2z\"\/><path d=\"M6.5 10a9 9 0 0 0 9 9\"\/><\/svg><span class=\"skill-personal-info-label\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633:<\/span><div class=\"skill-personal-info-value-wrap\"><span class=\"skill-personal-info-value\">09380000000<\/span><button class=\"skill-personal-info-copy\" data-copy=\"09380000000\">\u06a9\u067e\u06cc<\/button><\/div><span class=\"skill-personal-info-copied\">\u06a9\u067e\u06cc \u0634\u062f!<\/span><\/div><div class=\"skill-personal-info-item\"><svg class=\"skill-personal-info-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg><span class=\"skill-personal-info-label\">\u0627\u06cc\u0645\u06cc\u0644:<\/span><div class=\"skill-personal-info-value-wrap\"><span class=\"skill-personal-info-value\">skill@gmail.com<\/span><button class=\"skill-personal-info-copy\" data-copy=\"skill@gmail.com\">\u06a9\u067e\u06cc<\/button><\/div><span class=\"skill-personal-info-copied\">\u06a9\u067e\u06cc \u0634\u062f!<\/span><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7062cf2 e-flex e-con-boxed e-con e-parent\" data-id=\"7062cf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51006ff elementor-widget elementor-widget-skill_counter_animation\" data-id=\"51006ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_counter_animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \r\n        <div class=\"skill-counter-container \" id=\"skill-counter-51006ff\">\r\n            <div class=\"tdw-wrap\" dir=\"rtl\">\r\n                <div class=\"tdw-title-row\" style=\"display:inline-flex; align-items:center; gap:8px; flex-direction: row-reverse;\">\r\n                                            <h2 class=\"tdw-title\">\u0622\u0645\u0627\u0631 \u0648 \u062f\u0633\u062a\u0627\u0648\u0631\u062f\u0647\u0627<\/h2>\r\n                                                                <span class=\"tdw-dot\" aria-hidden=\"true\" style=\"display:inline-block; border-radius:3px;\"><\/span>\r\n                                    <\/div>\r\n                            <\/div>\r\n            \r\n            <div class=\"skill-counter-items\">\r\n                                                        <div class=\"skill-counter-item\" \r\n                         data-number=\"80\"\r\n                         data-delay=\"0.2\"\r\n                         data-duration=\"2\"\r\n                         data-animation=\"fadeInUp\"\r\n                         data-animation-duration=\"1\">\r\n                        \r\n                                                    <div class=\"skill-counter-icon\">\r\n                                <svg aria-hidden=\"true\" class=\"skill-counter-icon-element e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>                            <\/div>\r\n                                                \r\n                        <div class=\"skill-counter-content\">\r\n                            <div class=\"skill-counter-number\" data-target=\"80\">\r\n                                80                            <\/div>\r\n                            <div class=\"skill-counter-text\">\r\n                                \u067e\u0631\u0648\u0698\u0647 \u0645\u0648\u0641\u0642                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill-counter-item\" \r\n                         data-number=\"150\"\r\n                         data-delay=\"0.4\"\r\n                         data-duration=\"2\"\r\n                         data-animation=\"fadeInUp\"\r\n                         data-animation-duration=\"1\">\r\n                        \r\n                                                    <div class=\"skill-counter-icon\">\r\n                                <svg aria-hidden=\"true\" class=\"skill-counter-icon-element e-font-icon-svg e-fas-smile\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z\"><\/path><\/svg>                            <\/div>\r\n                                                \r\n                        <div class=\"skill-counter-content\">\r\n                            <div class=\"skill-counter-number\" data-target=\"150\">\r\n                                150                            <\/div>\r\n                            <div class=\"skill-counter-text\">\r\n                                \u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill-counter-item\" \r\n                         data-number=\"10\"\r\n                         data-delay=\"0.6\"\r\n                         data-duration=\"2\"\r\n                         data-animation=\"fadeInUp\"\r\n                         data-animation-duration=\"1\">\r\n                        \r\n                                                    <div class=\"skill-counter-icon\">\r\n                                <svg aria-hidden=\"true\" class=\"skill-counter-icon-element e-font-icon-svg e-fas-clock\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256,8C119,8,8,119,8,256S119,504,256,504,504,393,504,256,393,8,256,8Zm92.49,313h0l-20,25a16,16,0,0,1-22.49,2.5h0l-67-49.72a40,40,0,0,1-15-31.23V112a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V256l58,42.5A16,16,0,0,1,348.49,321Z\"><\/path><\/svg>                            <\/div>\r\n                                                \r\n                        <div class=\"skill-counter-content\">\r\n                            <div class=\"skill-counter-number\" data-target=\"10\">\r\n                                10                            <\/div>\r\n                            <div class=\"skill-counter-text\">\r\n                                \u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                                <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n            .skill-counter-container {\r\n                width: 100%;\r\n                max-width: 1200px;\r\n                margin: 0 auto;\r\n                padding: 30px 20px;\r\n                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n                border-radius: 20px;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .skill-counter-container::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);\r\n                animation: shimmer 3s infinite;\r\n                pointer-events: none;\r\n            }\r\n            \r\n            @keyframes shimmer {\r\n                0% { transform: translateX(-100%); }\r\n                100% { transform: translateX(100%); }\r\n            }\r\n            \r\n            .skill-counter-header {\r\n                text-align: center;\r\n                margin-bottom: 20px;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n            .skill-counter-main-title {\r\n                font-size: 2.5rem;\r\n                font-weight: bold;\r\n                margin-bottom: 15px;\r\n                color: #fff;\r\n                text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n            }\r\n            \r\n            .skill-counter-description {\r\n                font-size: 1.1rem;\r\n                color: rgba(255,255,255,0.9);\r\n                line-height: 1.6;\r\n            }\r\n            \r\n            .skill-counter-items {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 24px;\r\n                justify-content: center;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n                        .skill-counter-item {\r\n                flex: 1;\r\n                min-width: 220px;\r\n                text-align: center;\r\n                padding: 25px 20px;\r\n                background: linear-gradient(145deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.02) 100%);\r\n                backdrop-filter: blur(25px);\r\n                -webkit-backdrop-filter: blur(25px);\r\n                border: 1px solid rgba(255, 255, 255, 0.15);\r\n                border-radius: 20px;\r\n                transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .skill-counter-item::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: -100%;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n                transition: left 0.5s ease;\r\n            }\r\n            \r\n            .skill-counter-item:hover::before {\r\n                left: 100%;\r\n            }\r\n            \r\n            .skill-counter-item:hover {\r\n                transform: translateY(-12px) scale(1.05);\r\n                box-shadow: \r\n                    0 30px 60px rgba(0, 0, 0, 0.3),\r\n                    0 8px 20px rgba(0, 0, 0, 0.2),\r\n                    inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n                background: linear-gradient(145deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 100%);\r\n                border-color: rgba(255, 255, 255, 0.4);\r\n                backdrop-filter: blur(30px);\r\n                -webkit-backdrop-filter: blur(30px);\r\n            }\r\n            \r\n            .skill-counter-item::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);\r\n                opacity: 0;\r\n                transition: opacity 0.3s ease;\r\n            }\r\n            \r\n            .skill-counter-item:hover::after {\r\n                opacity: 1;\r\n                animation: lightning 0.6s ease;\r\n            }\r\n            \r\n            @keyframes lightning {\r\n                0% { opacity: 0; }\r\n                50% { opacity: 1; }\r\n                100% { opacity: 0; }\r\n            }\r\n            \r\n            .skill-counter-icon {\r\n                margin-bottom: 20px;\r\n                position: relative;\r\n                z-index: 2;\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                padding: 12px;\r\n                background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);\r\n                border-radius: 50%;\r\n                border: 1px solid rgba(255, 255, 255, 0.2);\r\n                box-shadow: \r\n                    0 4px 12px rgba(0, 0, 0, 0.1),\r\n                    inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n                transition: all 0.4s ease;\r\n                width: 60px;\r\n                height: 60px;\r\n                min-width: 60px;\r\n                min-height: 60px;\r\n            }\r\n            \r\n            .skill-counter-icon i,\r\n            .skill-counter-icon svg {\r\n                text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n                transition: all 0.3s ease;\r\n                display: block;\r\n                width: 100%;\r\n                height: 100%;\r\n                color: #ffffff;\r\n            }\r\n            \r\n            .skill-counter-icon svg {\r\n                fill: #ffffff;\r\n            }\r\n            \r\n            .skill-counter-icon-element {\r\n                display: block !important;\r\n                width: 100% !important;\r\n                height: 100% !important;\r\n            }\r\n            \r\n            .skill-counter-item:hover .skill-counter-icon {\r\n                transform: scale(1.1) rotate(5deg);\r\n                background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 100%);\r\n                border-color: rgba(255, 255, 255, 0.4);\r\n                box-shadow: \r\n                    0 8px 20px rgba(0, 0, 0, 0.2),\r\n                    inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n            }\r\n            \r\n            .skill-counter-item:hover .skill-counter-icon i,\r\n            .skill-counter-item:hover .skill-counter-icon svg {\r\n                transform: scale(1.15);\r\n                text-shadow: 0 4px 8px rgba(0,0,0,0.4);\r\n            }\r\n            \r\n            .skill-counter-number {\r\n                font-size: 2.8rem;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin-bottom: 12px;\r\n                line-height: 1;\r\n                text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n                transition: all 0.4s ease;\r\n            }\r\n\r\n            \/* Apply gradient to numbers only when enabled *\/\r\n            .skill-counter-container.use-gradient-number .skill-counter-number {\r\n                background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);\r\n                -webkit-background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n                background-clip: text;\r\n            }\r\n            \r\n            .skill-counter-item:hover .skill-counter-number {\r\n                transform: scale(1.08);\r\n                text-shadow: 0 4px 8px rgba(0,0,0,0.4);\r\n            }\r\n\r\n            .skill-counter-container.use-gradient-number .skill-counter-item:hover .skill-counter-number {\r\n                background: linear-gradient(135deg, #ffffff 0%, #e8f4fd 50%, #ffffff 100%);\r\n                -webkit-background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n                background-clip: text;\r\n            }\r\n            \r\n            .skill-counter-text {\r\n                font-size: 1.1rem;\r\n                color: rgba(255,255,255,0.95);\r\n                font-weight: 600;\r\n                transition: all 0.4s ease;\r\n                text-shadow: 0 1px 2px rgba(0,0,0,0.2);\r\n            }\r\n            \r\n            .skill-counter-item:hover .skill-counter-text {\r\n                color: #fff;\r\n                transform: scale(1.05);\r\n                text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n            }\r\n            \r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                .skill-counter-items {\r\n                    flex-direction: column;\r\n                }\r\n                \r\n                .skill-counter-item {\r\n                    min-width: auto;\r\n                }\r\n                \r\n                .skill-counter-main-title {\r\n                    font-size: 2rem;\r\n                }\r\n                \r\n                .skill-counter-number {\r\n                    font-size: 2.5rem;\r\n                }\r\n            }\r\n            \r\n            \/* Animation Classes *\/\r\n            .skill-counter-item.animate {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n            \r\n            .skill-counter-item.fadeInUp {\r\n                animation: fadeInUp 0.6s ease forwards;\r\n            }\r\n            \r\n            .skill-counter-item.fadeInDown {\r\n                animation: fadeInDown 0.6s ease forwards;\r\n            }\r\n            \r\n            .skill-counter-item.fadeInLeft {\r\n                animation: fadeInLeft 0.6s ease forwards;\r\n            }\r\n            \r\n            .skill-counter-item.fadeInRight {\r\n                animation: fadeInRight 0.6s ease forwards;\r\n            }\r\n            \r\n            .skill-counter-item.zoomIn {\r\n                animation: zoomIn 0.6s ease forwards;\r\n            }\r\n            \r\n            .skill-counter-item.slideInUp {\r\n                animation: slideInUp 0.6s ease forwards;\r\n            }\r\n            \r\n            .skill-counter-item.bounceIn {\r\n                animation: bounceIn 0.6s ease forwards;\r\n            }\r\n            \r\n            .skill-counter-item.flipInX {\r\n                animation: flipInX 0.6s ease forwards;\r\n            }\r\n            \r\n            \/* Keyframe Animations *\/\r\n            @keyframes fadeInUp {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(30px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n            \r\n            @keyframes fadeInDown {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(-30px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n            \r\n            @keyframes fadeInLeft {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateX(-30px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateX(0);\r\n                }\r\n            }\r\n            \r\n            @keyframes fadeInRight {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateX(30px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateX(0);\r\n                }\r\n            }\r\n            \r\n            @keyframes zoomIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: scale(0.3);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: scale(1);\r\n                }\r\n            }\r\n            \r\n            @keyframes slideInUp {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(100px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n            \r\n            @keyframes bounceIn {\r\n                0% {\r\n                    opacity: 0;\r\n                    transform: scale(0.3);\r\n                }\r\n                50% {\r\n                    opacity: 1;\r\n                    transform: scale(1.05);\r\n                }\r\n                70% {\r\n                    transform: scale(0.9);\r\n                }\r\n                100% {\r\n                    opacity: 1;\r\n                    transform: scale(1);\r\n                }\r\n            }\r\n            \r\n            @keyframes flipInX {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: perspective(400px) rotateX(90deg);\r\n                }\r\n                40% {\r\n                    transform: perspective(400px) rotateX(-20deg);\r\n                }\r\n                60% {\r\n                    transform: perspective(400px) rotateX(10deg);\r\n                }\r\n                80% {\r\n                    transform: perspective(400px) rotateX(-5deg);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: perspective(400px) rotateX(0deg);\r\n                }\r\n            }\r\n            \r\n            \/* Glass morphism effects *\/\r\n            .skill-counter-item {\r\n                backdrop-filter: blur(20px);\r\n                -webkit-backdrop-filter: blur(20px);\r\n            }\r\n            \r\n            \/* Floating particles effect *\/\r\n            .skill-counter-container::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background-image: \r\n                    radial-gradient(circle at 20% 80%, rgba(255,255,255,0.15) 0%, transparent 50%),\r\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,0.15) 0%, transparent 50%),\r\n                    radial-gradient(circle at 40% 40%, rgba(255,255,255,0.08) 0%, transparent 50%),\r\n                    radial-gradient(circle at 60% 60%, rgba(255,255,255,0.1) 0%, transparent 50%);\r\n                animation: float 8s ease-in-out infinite;\r\n                pointer-events: none;\r\n            }\r\n            \r\n            @keyframes float {\r\n                0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); }\r\n                25% { transform: translateY(-8px) rotate(0.5deg) scale(1.02); }\r\n                50% { transform: translateY(8px) rotate(-0.5deg) scale(0.98); }\r\n                75% { transform: translateY(-4px) rotate(0.3deg) scale(1.01); }\r\n            }\r\n            \r\n            \/* Electric effect *\/\r\n            .skill-counter-item:hover {\r\n                animation: electricPulse 0.8s ease;\r\n            }\r\n            \r\n            @keyframes electricPulse {\r\n                0% {\r\n                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n                }\r\n                25% {\r\n                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 255, 255, 0.6);\r\n                }\r\n                50% {\r\n                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 0 0 30px rgba(255, 255, 255, 0.8);\r\n                }\r\n                75% {\r\n                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 255, 255, 0.6);\r\n                }\r\n                100% {\r\n                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n                }\r\n            }\r\n            \r\n            \/* Sparkle effect *\/\r\n            .skill-counter-item::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: -100%;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n                transition: left 0.5s ease;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .skill-counter-item:hover::before {\r\n                left: 100%;\r\n                animation: sparkle 0.6s ease;\r\n            }\r\n            \r\n            @keyframes sparkle {\r\n                0% { opacity: 0; }\r\n                50% { opacity: 1; }\r\n                100% { opacity: 0; }\r\n            }\r\n            \r\n            \/* Modern glow and shine effects *\/\r\n            .skill-counter-item::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: -100%;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n                transition: left 0.6s ease;\r\n                z-index: 1;\r\n            }\r\n            \r\n            .skill-counter-item:hover::before {\r\n                left: 100%;\r\n            }\r\n            \r\n            .skill-counter-item::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                width: 0;\r\n                height: 0;\r\n                background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);\r\n                border-radius: 50%;\r\n                transform: translate(-50%, -50%);\r\n                transition: all 0.4s ease;\r\n                z-index: 0;\r\n            }\r\n            \r\n            .skill-counter-item:hover::after {\r\n                width: 200px;\r\n                height: 200px;\r\n            }\r\n            \r\n            \/* Neon glow for numbers on hover *\/\r\n                        .skill-counter-item:hover .skill-counter-number {\r\n                text-shadow:\r\n                    0 0 10px rgba(255,255,255,0.9),\r\n                    0 0 20px rgba(255,255,255,0.7),\r\n                    0 0 30px rgba(255,255,255,0.5),\r\n                    0 0 40px rgba(255,255,255,0.3);\r\n                color: #ffffff;\r\n            }\r\n            \r\n            \/* Icon glow effect *\/\r\n            .skill-counter-item:hover .skill-counter-icon i,\r\n            .skill-counter-item:hover .skill-counter-icon svg {\r\n                text-shadow:\r\n                    0 0 15px rgba(255,255,255,0.9),\r\n                    0 0 30px rgba(255,255,255,0.7),\r\n                    0 0 45px rgba(255,255,255,0.5),\r\n                    0 0 60px rgba(255,255,255,0.3);\r\n                transform: scale(1.15) rotate(8deg);\r\n            }\r\n            \r\n            \/* Modern pulse effect *\/\r\n            .skill-counter-item:hover::after {\r\n                animation: modernPulse 1.2s ease-in-out;\r\n            }\r\n            \r\n            @keyframes modernPulse {\r\n                0% { opacity: 0; transform: scale(0.8); }\r\n                50% { opacity: 1; transform: scale(1.1); }\r\n                100% { opacity: 0; transform: scale(1.2); }\r\n            }\r\n            \r\n            \/* Floating animation for cards *\/\r\n            .skill-counter-item {\r\n                animation: float 6s ease-in-out infinite;\r\n            }\r\n            \r\n            .skill-counter-item:nth-child(2) {\r\n                animation-delay: 0.5s;\r\n            }\r\n            \r\n            .skill-counter-item:nth-child(3) {\r\n                animation-delay: 1s;\r\n            }\r\n            \r\n            .skill-counter-item:nth-child(4) {\r\n                animation-delay: 1.5s;\r\n            }\r\n            \r\n            @keyframes float {\r\n                0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n                25% { transform: translateY(-5px) rotate(0.5deg); }\r\n                50% { transform: translateY(5px) rotate(-0.5deg); }\r\n                75% { transform: translateY(-3px) rotate(0.3deg); }\r\n            }\r\n        <\/style>\r\n\r\n        <script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ Counter animation function\r\n    function animateCounter(element, target, duration) {\r\n        const start = 0;\r\n        const increment = target \/ (duration * 60); \/\/ 60 FPS\r\n        let current = start;\r\n        \r\n        const timer = setInterval(() => {\r\n            current += increment;\r\n            if (current >= target) {\r\n                current = target;\r\n                clearInterval(timer);\r\n            }\r\n            element.textContent = Math.floor(current);\r\n        }, 1000 \/ 60);\r\n    }\r\n    \r\n    \/\/ Track which items have been animated to prevent re-animation\r\n    const animatedItems = new Set();\r\n    \r\n    \/\/ Intersection Observer for triggering animations\r\n    function initCounterAnimations() {\r\n        const counterItems = document.querySelectorAll('#skill-counter-51006ff .skill-counter-item');\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry, index) => {\r\n                if (entry.isIntersecting && !animatedItems.has(entry.target)) {\r\n                    const item = entry.target;\r\n                    animatedItems.add(item);\r\n                    \r\n                    const delay = parseFloat(item.dataset.delay) || 0;\r\n                    const animationType = item.dataset.animation || 'fadeInUp';\r\n                    const animationDuration = parseFloat(item.dataset.animationDuration) || 1;\r\n                    \r\n                    \/\/ Apply animation after delay\r\n                    setTimeout(() => {\r\n                        item.style.animationDuration = animationDuration + 's';\r\n                        item.classList.add('animate', animationType);\r\n                        \r\n                        \/\/ After animation completes, remove animation properties to prevent repetition\r\n                        setTimeout(() => {\r\n                            item.style.animation = 'none';\r\n                            item.classList.remove(animationType);\r\n                        }, animationDuration * 1000);\r\n                        \r\n                        \/\/ Start counter animation if enabled\r\n                                                const counterElement = item.querySelector('.skill-counter-number');\r\n                        const target = parseInt(item.dataset.number);\r\n                        const counterDuration = parseFloat(item.dataset.duration) || 2;\r\n                        \r\n                        setTimeout(() => {\r\n                            animateCounter(counterElement, target, counterDuration);\r\n                        }, animationDuration * 1000);\r\n                                                \r\n                    }, delay * 1000);\r\n                    \r\n                    observer.unobserve(item);\r\n                }\r\n            });\r\n        }, {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        });\r\n        \r\n        counterItems.forEach(item => {\r\n            observer.observe(item);\r\n        });\r\n    }\r\n    \r\n    \/\/ Initialize when DOM is ready\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initCounterAnimations);\r\n    } else {\r\n        initCounterAnimations();\r\n    }\r\n    \r\n    \/\/ Re-initialize for Elementor editor\r\n    if (typeof elementorFrontend !== 'undefined') {\r\n        elementorFrontend.hooks.addAction('frontend\/element_ready\/skill_counter_animation.default', function() {\r\n            setTimeout(initCounterAnimations, 100);\r\n        });\r\n    }\r\n})();\r\n<\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbde443 e-flex e-con-boxed e-con e-parent\" data-id=\"fbde443\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89b9209 elementor-widget elementor-widget-my_custom_icon_title\" data-id=\"89b9209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"my_custom_icon_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"my-custom-icon-title-container\">\r\n            <span class=\"my-custom-icon-title\">\r\n                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-cogs\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z\"><\/path><\/svg>                \u062e\u062f\u0645\u0627\u062a            <\/span>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec54940 elementor-widget elementor-widget-skill_title_desc\" data-id=\"ec54940\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_title_desc.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"tdw-wrap\" dir=\"rtl\">\r\n\t\t\t<div class=\"tdw-title-row\" style=\"display:inline-flex; align-items:center; gap:8px; flex-direction: row-reverse;\">\r\n\t\t\t\t\t\t\t\t\t<h2 class=\"tdw-title\">\u0686\u0647 \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u062f\u0645<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tdw-dot\" aria-hidden=\"true\" style=\"display:inline-block; border-radius:3px;\"><\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce8ffa0 e-flex e-con-boxed e-con e-parent\" data-id=\"ce8ffa0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-39c1ce7 e-con-full e-flex e-con e-child\" data-id=\"39c1ce7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8605ab9 elementor-widget elementor-widget-skill_box_Widget\" data-id=\"8605ab9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_box_Widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n        #elementor-element-8605ab9 .skill_box {background:#ffffff;border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(16,24,40,.06);transition:transform .35s ease, box-shadow .35s ease, background .35s ease;position:relative;overflow:hidden;}\r\n        #elementor-element-8605ab9 .skill_box:hover {transform:translateY(-6px);box-shadow:0 16px 50px rgba(16,24,40,.14);background-image:linear-gradient(135deg,#7c3aed 0%,#6a11cb 38%,#3b82f6 100%);}\r\n        #elementor-element-8605ab9 .skill_box .skill_icon-wrap {display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ffffff;box-shadow:0 6px 20px rgba(16,24,40,.12);}        \r\n        #elementor-element-8605ab9 .skill_box .elementor-icon {font-size:36px;line-height:1;color:#6a11cb;}\r\n        #elementor-element-8605ab9 .skill_box .skill_head{display:flex;align-items:center;gap:12px;}\r\n        #elementor-element-8605ab9 .skill_box .skill_head h5{margin:0;}\r\n        #elementor-element-8605ab9 .skill_box h5 {margin:16px 0 6px;color:#0f172a;transition:color .35s ease}\r\n        #elementor-element-8605ab9 .skill_box p {margin:0;color:#475569;transition:color .35s ease}\r\n        #elementor-element-8605ab9 .skill_box:hover h5,\r\n        #elementor-element-8605ab9 .skill_box:hover p {color:#ffffff}\r\n        <\/style><div class=\"row\"><div class=\"col-md-6 col-12 skill_boxs\"><div class=\"skill_box\"><div class=\"skill_head\"><span class=\"skill_icon-wrap\"><img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/08\/web-design.png\" alt=\"\u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628\" style=\"max-width:36px;max-height:36px;\" \/><\/span><h5>\u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628<\/h5><\/div><p class=\"mt-4\">\u0645\u0646 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628\u0647\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633\u06cc \u062a\u062e\u0635\u0635 \u062f\u0627\u0631\u0645 \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Elementor, Divi \u0648 Advanced Custom Fields (ACF)\u060c \u0642\u0627\u0644\u0628\u0647\u0627\u06cc \u0648\u0627\u06a9\u0646\u0634\u06af\u0631\u0627 \u0648 \u062c\u0630\u0627\u0628 \u0645\u06cc\u0633\u0627\u0632\u0645. \u0647\u0631 \u0642\u0627\u0644\u0628 \u0631\u0627 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u06cc\u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648 \u0633\u0626\u0648 \u0628\u0647\u06cc\u0646\u0647 \u0645\u06cc\u06a9\u0646\u0645 \u062a\u0627 \u0647\u0645 \u0638\u0627\u0647\u0631 \u0632\u06cc\u0628\u0627 <\/p><\/div><\/div><div class=\"col-md-6 col-12 skill_boxs\"><div class=\"skill_box\"><div class=\"skill_head\"><span class=\"skill_icon-wrap\"><img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/08\/php.png\" alt=\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\" style=\"max-width:36px;max-height:36px;\" \/><\/span><h5>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc<\/h5><\/div><p class=\"mt-4\">\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647\u0646\u0648\u06cc\u0633 PHP\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u062a\u0648\u0633\u0639\u0647 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u0647\u0627 \u0648 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u0647\u0627\u06cc \u062a\u062d\u062a \u0648\u0628 \u0631\u0627 \u062f\u0627\u0631\u0645. \u0628\u0627 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 Laravel \u0648 Symfony \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0647\u0627\u0645 \u0648 \u062f\u0631\u06a9 \u0639\u0645\u06cc\u0642\u06cc \u0627\u0632 \u0634\u06cc\u06af\u0631\u0627\u06cc\u06cc (OOP)\u060c \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 (MySQL) \u062f\u0627\u0631\u0645.<\/p><\/div><\/div><div class=\"col-md-6 col-12 skill_boxs\"><div class=\"skill_box\"><div class=\"skill_head\"><span class=\"skill_icon-wrap\"><img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/08\/wordpress.png\" alt=\"\u062a\u0648\u0633\u0639\u0647 \u0648\u0631\u062f\u067e\u0631\u0633\" style=\"max-width:36px;max-height:36px;\" \/><\/span><h5>\u062a\u0648\u0633\u0639\u0647 \u0648\u0631\u062f\u067e\u0631\u0633<\/h5><\/div><p class=\"mt-4\">\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062a\u0648\u0633\u0639\u0647\u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633\u060c \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628\u060c \u062f\u0631 \u0633\u0627\u062e\u062a \u067e\u0644\u0627\u06af\u06cc\u0646\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u0633\u0627\u0632\u06cc \u0633\u06cc\u0633\u062a\u0645\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0628\u0627 \u0648\u0631\u062f\u067e\u0631\u0633 \u0645\u0647\u0627\u0631\u062a \u062f\u0627\u0631\u0645. \u0627\u0632 REST API \u0648 WooCommerce \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u06a9\u0646\u0645 \u0648 \u0628\u0627 \u0647\u06a9\u0647\u0627 \u0648 \u0628\u0647\u06cc\u0646\u0647\u0633\u0627\u0632\u06cc \u0633\u0631\u0639\u062a \u0648\u0631\u062f\u067e\u0631\u0633 \u0622\u0634\u0646\u0627 \u0647\u0633\u062a\u0645<\/p><\/div><\/div><div class=\"col-md-6 col-12 skill_boxs\"><div class=\"skill_box\"><div class=\"skill_head\"><span class=\"skill_icon-wrap\"><img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/08\/cyber-security.png\" alt=\"\u062d\u0648\u0632\u0647 \u0627\u0645\u0646\u06cc\u062a\" style=\"max-width:36px;max-height:36px;\" \/><\/span><h5>\u062d\u0648\u0632\u0647 \u0627\u0645\u0646\u06cc\u062a<\/h5><\/div><p class=\"mt-4\">\u062f\u0631 \u062d\u0648\u0632\u0647 \u0627\u0645\u0646\u06cc\u062a \u0633\u0627\u06cc\u0628\u0631\u06cc\u060c \u0631\u0648\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648\u0628\u0633\u0627\u06cc\u062a\u0647\u0627 \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u0647\u0627\u06cc \u062a\u062d\u062a \u0648\u0628 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u0645. \u0628\u0627 \u0631\u0648\u0634\u0647\u0627\u06cc \u0645\u0642\u0627\u0628\u0644\u0647 \u0628\u0627 \u062d\u0645\u0644\u0627\u062a SQL Injection, XSS, CSRF \u0648 Brute Force \u0622\u0634\u0646\u0627 \u0647\u0633\u062a\u0645 \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 Firewall, SSL \u0648 \u0631\u0645\u0632\u0646\u06af\u0627\u0631\u06cc \u062f\u0627\u062f\u0647\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0627\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u06a9\u0646\u0645.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38d939f e-flex e-con-boxed e-con e-parent\" data-id=\"38d939f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-157c457 elementor-widget elementor-widget-skill_collaboration\" data-id=\"157c457\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_collaboration.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-collaboration-widget\" id=\"skill-collab-157c457\">\n            <div class=\"tdw-wrap\" dir=\"rtl\">\n                <div class=\"tdw-title-row\" style=\"display:inline-flex; align-items:center; gap:8px; flex-direction: row-reverse;\">\n                                            <h2 class=\"tdw-title\">\u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627\u06cc \u0645\u0646<\/h2>\n                                                                <span class=\"tdw-dot\" aria-hidden=\"true\" style=\"display:inline-block; border-radius:3px;\"><\/span>\n                                    <\/div>\n                            <\/div>\n            <div class=\"collaboration-grid\">\n                                <article class=\"collaboration-item js-open-collab-modal\" aria-label=\"\u0634\u0631\u06a9\u062a \u0698\u0627\u06a9\u062a\" data-modal-id=\"collab-modal-157c457-0\">\n                                                            <div class=\"collaboration-content\">\n                        <div class=\"collaboration-logo-wrap\">\n                                                            <img loading=\"lazy\" class=\"collaboration-logo\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/05\/zhk-dark-logo.ab40b3b1-removebg-preview.png\" alt=\"\u0698\u0627\u06a9\u062a\" loading=\"lazy\" decoding=\"async\" width=\"112\" height=\"112\" \/>\n                                                    <\/div>\n                        <div class=\"collaboration-info\">\n                            <h3 class=\"collaboration-name\" title=\"\u0634\u0631\u06a9\u062a \u0698\u0627\u06a9\u062a\">\u0634\u0631\u06a9\u062a \u0698\u0627\u06a9\u062a<\/h3>\n                            <div class=\"collaboration-role\"><i class=\"fa fa-user\" aria-hidden=\"true\"><\/i>\u0645\u062a\u062e\u0635\u0635 \u0648\u0631\u062f\u067e\u0631\u0633<\/div>                            <div class=\"collaboration-period\"><i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>1399 \u2014 1404<\/div>                        <\/div>\n                    <\/div>\n                    <div class=\"collaboration-desc\">\u0628\u0627 \u0633\u0627\u0628\u0642\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc \u062f\u0631 \u062a\u06cc\u0645 \u0641\u0646\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0645\u0639\u062a\u0628\u0631\u060c \u062a\u062c\u0631\u0628\u0647 \u0639\u0645\u0644\u06cc \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0633\u0628 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645. \u0627\u06cc\u0646 \u0641\u0631\u0635\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u0646 \u062f\u0631 \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0641\u0646\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0627\u0631\u062a\u0642\u0627 \u062f\u0627\u062f.\n\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u06cc \u0645\u0646 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u067e\u0648\u06cc\u0627\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0627\u0645 \u062f\u0631 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u06a9\u06cc\u0641\u06cc \u0631\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.<\/div>                                                        <\/article>\n\n                                    <div id=\"collab-modal-157c457-0\" class=\"collab-modal\" aria-hidden=\"true\">\n                        <div class=\"collab-modal__overlay\" data-close=\"1\"><\/div>\n                        <div class=\"collab-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"collab-modal-157c457-0-title\">\n                                                            <!-- Background Vectors -->\n                                <svg class=\"collab-modal__vector collab-modal__vector-1\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <circle cx=\"20\" cy=\"20\" r=\"8\" fill=\"currentColor\"\/>\n                                <\/svg>\n                                <svg class=\"collab-modal__vector collab-modal__vector-2\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <path d=\"M80 15 L90 25 L80 35 L70 25 Z\" fill=\"currentColor\"\/>\n                                <\/svg>\n                                <svg class=\"collab-modal__vector collab-modal__vector-3\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <rect x=\"15\" y=\"70\" width=\"12\" height=\"12\" rx=\"2\" fill=\"currentColor\"\/>\n                                <\/svg>\n                                <svg class=\"collab-modal__vector collab-modal__vector-4\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <polygon points=\"85,75 90,85 80,85\" fill=\"currentColor\"\/>\n                                <\/svg>\n\n                                                                    <!-- Animated Background Vectors -->\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-2\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 85%; left: 16%; width: 28px; height: 28px; animation-delay: 0.5s;\">\n                                                                                            <path d=\"M25 25 L75 25 L75 75 L25 75 Z\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-3\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 84%; left: 62%; width: 36px; height: 36px; animation-delay: 1s;\">\n                                                                                            <polygon points=\"50,20 80,80 20,80\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-4\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 13%; left: 44%; width: 20px; height: 20px; animation-delay: 1.5s;\">\n                                                                                            <ellipse cx=\"50\" cy=\"50\" rx=\"30\" ry=\"20\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-1\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 14%; left: 80%; width: 28px; height: 28px; animation-delay: 2s;\">\n                                                                                            <circle cx=\"50\" cy=\"50\" r=\"25\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-2\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 77%; left: 43%; width: 36px; height: 36px; animation-delay: 2.5s;\">\n                                                                                            <path d=\"M25 25 L75 25 L75 75 L25 75 Z\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-3\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 8%; left: 15%; width: 20px; height: 20px; animation-delay: 3s;\">\n                                                                                            <polygon points=\"50,20 80,80 20,80\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-4\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 13%; left: 51%; width: 28px; height: 28px; animation-delay: 3.5s;\">\n                                                                                            <ellipse cx=\"50\" cy=\"50\" rx=\"30\" ry=\"20\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-1\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 48%; left: 25%; width: 36px; height: 36px; animation-delay: 4s;\">\n                                                                                            <circle cx=\"50\" cy=\"50\" r=\"25\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                                                                            <button class=\"collab-modal__close\" aria-label=\"\u0628\u0633\u062a\u0646\" data-close=\"1\">&times;<\/button>\n                            <div class=\"collab-modal__header\">\n                                <div class=\"collab-modal__logo-wrap\">\n                                                                            <img decoding=\"async\" class=\"collab-modal__logo\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/05\/zhk-dark-logo.ab40b3b1-removebg-preview.png\" alt=\"\u0698\u0627\u06a9\u062a\" width=\"112\" height=\"112\" \/>\n                                                                    <\/div>\n                                <div class=\"collab-modal__titles\">\n                                    <h2 id=\"collab-modal-157c457-0-title\" class=\"collab-modal__company\">\u0634\u0631\u06a9\u062a \u0698\u0627\u06a9\u062a<\/h2>\n                                    <div class=\"collab-modal__role\">\u0645\u062a\u062e\u0635\u0635 \u0648\u0631\u062f\u067e\u0631\u0633<\/div>                                <\/div>\n                            <\/div>\n                            <div class=\"collab-modal__body\">\n                                <div class=\"collab-modal__desc\">\u0628\u0627 \u0633\u0627\u0628\u0642\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc \u062f\u0631 \u062a\u06cc\u0645 \u0641\u0646\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0645\u0639\u062a\u0628\u0631\u060c \u062a\u062c\u0631\u0628\u0647 \u0639\u0645\u0644\u06cc \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0633\u0628 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645. \u0627\u06cc\u0646 \u0641\u0631\u0635\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u0646 \u062f\u0631 \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0641\u0646\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0627\u0631\u062a\u0642\u0627 \u062f\u0627\u062f.\n\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u06cc \u0645\u0646 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u067e\u0648\u06cc\u0627\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0627\u0645 \u062f\u0631 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u06a9\u06cc\u0641\u06cc \u0631\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.<\/div>\n                                <ul class=\"collab-modal__facts\">\n                                    <li><i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i><span>1399 \u2014 1404<\/span><\/li>                                    <li><i class=\"fa fa-user-tie\" aria-hidden=\"true\"><\/i><span>\u0645\u062a\u062e\u0635\u0635 \u0648\u0631\u062f\u067e\u0631\u0633<\/span><\/li>                                    <li><i class=\"fa fa-map-marker-alt\" aria-hidden=\"true\"><\/i><span>\u062f\u0648\u0631\u06a9\u0627\u0631\u06cc \/ \u0646\u06cc\u0645\u0647 \u062d\u0636\u0648\u0631\u06cc<\/span><\/li>                                    <li><i class=\"fa fa-clock\" aria-hidden=\"true\"><\/i><span>8 \u0635\u0628\u062d \u0627\u0644\u06cc 16 \u0628\u0639\u062f\u0627\u0632 \u0638\u0647\u0631<\/span><\/li>                                <\/ul>\n                                                                    <div class=\"collab-modal__actions\">\n                                        <a class=\"collaboration-cta\" href=\"https:\/\/www.zhaket.com\/\" target=\"_blank\" rel=\"noopener\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/a>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                                <article class=\"collaboration-item js-open-collab-modal\" aria-label=\"\u0634\u0631\u06a9\u062a \u0645\u0647\u0627\u0631\u062a\" data-modal-id=\"collab-modal-157c457-1\">\n                                                            <div class=\"collaboration-content\">\n                        <div class=\"collaboration-logo-wrap\">\n                                                            <img loading=\"lazy\" class=\"collaboration-logo\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/logo.png\" alt=\"\u0645\u0647\u0627\u0631\u062a\" loading=\"lazy\" decoding=\"async\" width=\"112\" height=\"112\" \/>\n                                                    <\/div>\n                        <div class=\"collaboration-info\">\n                            <h3 class=\"collaboration-name\" title=\"\u0634\u0631\u06a9\u062a \u0645\u0647\u0627\u0631\u062a\">\u0634\u0631\u06a9\u062a \u0645\u0647\u0627\u0631\u062a<\/h3>\n                            <div class=\"collaboration-role\"><i class=\"fa fa-user\" aria-hidden=\"true\"><\/i>\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633<\/div>                            <div class=\"collaboration-period\"><i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i>1404 \u2014 \u0647\u0645\u200c\u0627\u06a9\u0646\u0648\u0646<\/div>                        <\/div>\n                    <\/div>\n                    <div class=\"collaboration-desc\">\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u06cc \u0645\u0646 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u067e\u0648\u06cc\u0627\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0627\u0645 \u062f\u0631 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u06a9\u06cc\u0641\u06cc \u0631\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.\n\u0628\u0627 \u0633\u0627\u0628\u0642\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc \u062f\u0631 \u062a\u06cc\u0645 \u0641\u0646\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0645\u0639\u062a\u0628\u0631\u060c \u062a\u062c\u0631\u0628\u0647 \u0639\u0645\u0644\u06cc \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0633\u0628 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645. \u0627\u06cc\u0646 \u0641\u0631\u0635\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u0646 \u062f\u0631 \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0641\u0646\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0627\u0631\u062a\u0642\u0627 \u062f\u0627\u062f.<\/div>                                                        <\/article>\n\n                                    <div id=\"collab-modal-157c457-1\" class=\"collab-modal\" aria-hidden=\"true\">\n                        <div class=\"collab-modal__overlay\" data-close=\"1\"><\/div>\n                        <div class=\"collab-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"collab-modal-157c457-1-title\">\n                                                            <!-- Background Vectors -->\n                                <svg class=\"collab-modal__vector collab-modal__vector-1\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <circle cx=\"20\" cy=\"20\" r=\"8\" fill=\"currentColor\"\/>\n                                <\/svg>\n                                <svg class=\"collab-modal__vector collab-modal__vector-2\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <path d=\"M80 15 L90 25 L80 35 L70 25 Z\" fill=\"currentColor\"\/>\n                                <\/svg>\n                                <svg class=\"collab-modal__vector collab-modal__vector-3\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <rect x=\"15\" y=\"70\" width=\"12\" height=\"12\" rx=\"2\" fill=\"currentColor\"\/>\n                                <\/svg>\n                                <svg class=\"collab-modal__vector collab-modal__vector-4\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n                                    <polygon points=\"85,75 90,85 80,85\" fill=\"currentColor\"\/>\n                                <\/svg>\n\n                                                                    <!-- Animated Background Vectors -->\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-2\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 62%; left: 9%; width: 28px; height: 28px; animation-delay: 0.5s;\">\n                                                                                            <path d=\"M25 25 L75 25 L75 75 L25 75 Z\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-3\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 57%; left: 73%; width: 36px; height: 36px; animation-delay: 1s;\">\n                                                                                            <polygon points=\"50,20 80,80 20,80\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-4\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 28%; left: 82%; width: 20px; height: 20px; animation-delay: 1.5s;\">\n                                                                                            <ellipse cx=\"50\" cy=\"50\" rx=\"30\" ry=\"20\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-1\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 63%; left: 52%; width: 28px; height: 28px; animation-delay: 2s;\">\n                                                                                            <circle cx=\"50\" cy=\"50\" r=\"25\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-2\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 55%; left: 30%; width: 36px; height: 36px; animation-delay: 2.5s;\">\n                                                                                            <path d=\"M25 25 L75 25 L75 75 L25 75 Z\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-3\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 72%; left: 16%; width: 20px; height: 20px; animation-delay: 3s;\">\n                                                                                            <polygon points=\"50,20 80,80 20,80\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-4\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 30%; left: 44%; width: 28px; height: 28px; animation-delay: 3.5s;\">\n                                                                                            <ellipse cx=\"50\" cy=\"50\" rx=\"30\" ry=\"20\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                            <svg class=\"collab-modal__animated-vector collab-modal__animated-vector-1\" \n                                             viewBox=\"0 0 100 100\" \n                                             aria-hidden=\"true\"\n                                             style=\"top: 78%; left: 10%; width: 36px; height: 36px; animation-delay: 4s;\">\n                                                                                            <circle cx=\"50\" cy=\"50\" r=\"25\" fill=\"currentColor\"\/>\n                                                                                    <\/svg>\n                                                                                                                            <button class=\"collab-modal__close\" aria-label=\"\u0628\u0633\u062a\u0646\" data-close=\"1\">&times;<\/button>\n                            <div class=\"collab-modal__header\">\n                                <div class=\"collab-modal__logo-wrap\">\n                                                                            <img decoding=\"async\" class=\"collab-modal__logo\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/logo.png\" alt=\"\u0645\u0647\u0627\u0631\u062a\" width=\"112\" height=\"112\" \/>\n                                                                    <\/div>\n                                <div class=\"collab-modal__titles\">\n                                    <h2 id=\"collab-modal-157c457-1-title\" class=\"collab-modal__company\">\u0634\u0631\u06a9\u062a \u0645\u0647\u0627\u0631\u062a<\/h2>\n                                    <div class=\"collab-modal__role\">\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633<\/div>                                <\/div>\n                            <\/div>\n                            <div class=\"collab-modal__body\">\n                                <div class=\"collab-modal__desc\">\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u06cc \u0645\u0646 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u067e\u0648\u06cc\u0627\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0627\u0645 \u062f\u0631 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u06a9\u06cc\u0641\u06cc \u0631\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.\n\u0628\u0627 \u0633\u0627\u0628\u0642\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc \u062f\u0631 \u062a\u06cc\u0645 \u0641\u0646\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0645\u0639\u062a\u0628\u0631\u060c \u062a\u062c\u0631\u0628\u0647 \u0639\u0645\u0644\u06cc \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0633\u0628 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645. \u0627\u06cc\u0646 \u0641\u0631\u0635\u062a\u060c \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u0646 \u062f\u0631 \u06a9\u0627\u0631 \u062a\u06cc\u0645\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0641\u0646\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0627\u0631\u062a\u0642\u0627 \u062f\u0627\u062f.<\/div>\n                                <ul class=\"collab-modal__facts\">\n                                    <li><i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"><\/i><span>1404 \u2014 \u0647\u0645\u200c\u0627\u06a9\u0646\u0648\u0646<\/span><\/li>                                    <li><i class=\"fa fa-user-tie\" aria-hidden=\"true\"><\/i><span>\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633<\/span><\/li>                                    <li><i class=\"fa fa-map-marker-alt\" aria-hidden=\"true\"><\/i><span>\u062a\u0645\u0627\u0645 \u0648\u0642\u062a<\/span><\/li>                                    <li><i class=\"fa fa-clock\" aria-hidden=\"true\"><\/i><span>8 \u0635\u0628\u062d \u0627\u0644\u06cc 22 \u0634\u0628<\/span><\/li>                                <\/ul>\n                                                                    <div class=\"collab-modal__actions\">\n                                        <a class=\"collaboration-cta\" href=\"https:\/\/websavant.ir\/skill\/\" target=\"_blank\" rel=\"noopener\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/a>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                            <\/div>\n        <\/div>\n        <style>\n        .skill-collaboration-widget {\n            padding: 20px 0;\n        }\n        .collaboration-widget-title {\n            text-align: center;\n            font-size: 2em;\n            font-weight: 800;\n            margin-bottom: 32px;\n            letter-spacing: 0.01em;\n        }\n        .collaboration-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n            gap: 32px 24px;\n            align-items: start;\n            margin-top: 20px;\n        }\n        .collaboration-item {\n            transition: transform 0.3s cubic-bezier(.4,2,.6,1), box-shadow 0.3s;\n            background: #fff;\n            border-radius: 18px;\n            box-shadow: 0 2px 16px 0 rgba(0,0,0,0.07);\n            padding: 20px 16px 16px 16px;\n            position: relative;\n            cursor: pointer;\n        }\n        \n        \/* Ended Status Badge *\/\n        .collaboration-ended-status {\n            position: absolute;\n            top: 12px;\n            left: 12px;\n            z-index: 2;\n        }\n        .ended-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);\n            color: #fff;\n            font-size: 11px;\n            font-weight: 700;\n            padding: 6px 12px;\n            border-radius: 12px;\n            box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n        .collaboration-item:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 8px 32px 0 rgba(0,0,0,0.13); }\n        .collaboration-item-link { position:absolute; inset:0; z-index:1; }\n        \n        \/* Horizontal layout container *\/\n        .collaboration-content {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 12px;\n        }\n        \n        .collaboration-logo-wrap { \n            width: 72px; \n            height: 72px; \n            border-radius: 12px; \n            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); \n            display:flex; \n            align-items:center; \n            justify-content:center; \n            box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08); \n            overflow:hidden; \n            transition: box-shadow 0.3s; \n            flex-shrink: 0;\n        }\n        .collaboration-item:hover .collaboration-logo-wrap { box-shadow: 0 4px 16px 0 rgba(0,0,0,0.16); }\n        .collaboration-logo { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; filter: grayscale(0.2) contrast(1.1); transition: filter 0.3s; }\n        .collaboration-item:hover .collaboration-logo { filter: grayscale(0) contrast(1.2); }\n        \n        \/* Text content container *\/\n        .collaboration-info {\n            flex: 1;\n            text-align: right;\n        }\n        \n        .collaboration-name { \n            margin: 0 0 8px 0; \n            font-size: 1.1em; \n            font-weight: 700; \n            letter-spacing: 0.01em; \n            color: #222;\n            line-height: 1.3;\n        }\n        .collaboration-role { \n            margin: 0 0 6px 0; \n            font-size: .9em; \n            opacity: .8; \n            color: #666;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n        .collaboration-role i { \n            font-size: 12px; \n            color: #4f8cff; \n        }\n        .collaboration-period { \n            margin: 0; \n            font-size: .85em; \n            opacity: .7; \n            color: #888;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n        .collaboration-period i { \n            font-size: 12px; \n            color: #4f8cff; \n        }\n        .collaboration-desc { margin-top: 8px; font-size: .95em; opacity: .9; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis; min-height: 2.8em; }\n        .collaboration-cta { margin-top: 12px; display:inline-block; padding: 8px 14px; border-radius: 10px; font-weight: 700; text-decoration: none; box-shadow: 0 2px 8px rgba(0,0,0,.08); position: relative; z-index:2; }\n        @media (max-width: 600px) {\n            .collaboration-grid { gap: 18px 12px; }\n            .collaboration-content { gap: 12px; }\n            .collaboration-logo-wrap { width: 60px; height: 60px; border-radius: 10px; }\n            .collaboration-logo { width: 46px; height: 46px; border-radius: 6px; }\n            .collaboration-name { font-size: 1em; }\n            .collaboration-role { font-size: .85em; }\n            .collaboration-period { font-size: .8em; }\n            .ended-badge { font-size: 10px; padding: 4px 8px; }\n        }\n\n        \/* Modal *\/\n        .collab-modal { \n            position: fixed; \n            inset: 0; \n            z-index: 9999; \n            align-items:center; \n            justify-content:center; \n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n        }\n        .collab-modal.is-open { \n            opacity: 1;\n            visibility: visible;\n        }\n        .collab-modal__overlay { \n            position:absolute; \n            inset:0; \n            background: rgba(0,0,0,.6); \n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .collab-modal.is-open .collab-modal__overlay { \n            opacity: 1;\n        }\n        .collab-modal__dialog { \n            position:relative; \n            margin: 0; \n            background: #121212; \n            color:#fff; \n            width:min(920px, 92vw); \n            border-radius: 20px; \n            box-shadow: 0 20px 80px rgba(0,0,0,.5); \n            overflow:hidden; \n            z-index:1; \n            transform: translateY(100vh);\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .collab-modal.is-open .collab-modal__dialog { \n            transform: translateY(0); \n        }\n        \n        \/* Background Vectors *\/\n        .collab-modal__vector { position: absolute; pointer-events: none; z-index: 0; opacity: 0.15; }\n        .collab-modal__vector-1 { top: 10%; left: 10%; width: 60px; height: 60px; }\n        .collab-modal__vector-2 { top: 15%; right: 15%; width: 50px; height: 50px; }\n        .collab-modal__vector-3 { bottom: 20%; left: 8%; width: 45px; height: 45px; }\n        .collab-modal__vector-4 { bottom: 15%; right: 10%; width: 55px; height: 55px; }\n\n        \/* Animated Background Vectors *\/\n        .collab-modal__animated-vector { \n            position: absolute; \n            pointer-events: none; \n            z-index: 0; \n            opacity: 0.08; \n            animation: float-around 25s infinite linear;\n        }\n        \n        @keyframes float-around {\n            0% { \n                transform: translate(0, 0) rotate(0deg) scale(1); \n                opacity: 0.08;\n            }\n            25% { \n                transform: translate(20px, -15px) rotate(90deg) scale(1.1); \n                opacity: 0.12;\n            }\n            50% { \n                transform: translate(-10px, 25px) rotate(180deg) scale(0.9); \n                opacity: 0.06;\n            }\n            75% { \n                transform: translate(15px, 10px) rotate(270deg) scale(1.05); \n                opacity: 0.1;\n            }\n            100% { \n                transform: translate(0, 0) rotate(360deg) scale(1); \n                opacity: 0.08;\n            }\n        }\n\n        \/* Different animation patterns for different vector types *\/\n        .collab-modal__animated-vector-1 { animation-timing-function: ease-in-out; }\n        .collab-modal__animated-vector-2 { animation-timing-function: ease-in; }\n        .collab-modal__animated-vector-3 { animation-timing-function: ease-out; }\n        .collab-modal__animated-vector-4 { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n        \n        .collab-modal__close { position:absolute; top:10px; inset-inline-end:10px; background:#1e1e1e; border:0; color:#fff; width:36px; height:36px; border-radius:10px; cursor:pointer; z-index:2; }\n        .collab-modal__header { display:flex; align-items:center; gap:16px; padding:28px 24px 0 24px; position: relative; z-index: 1; }\n        .collab-modal__logo-wrap { \n            width:96px; \n            height:96px; \n            border-radius:16px; \n            background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 50%, #0a0a0a 100%); \n            display:flex; \n            align-items:center; \n            justify-content:center; \n            overflow:hidden; \n            box-shadow: \n                0 8px 32px rgba(0,0,0,0.4),\n                inset 0 2px 8px rgba(255,255,255,0.1),\n                inset 0 -2px 8px rgba(0,0,0,0.3);\n            position: relative;\n        }\n        .collab-modal__logo-wrap::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: 16px;\n            background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 50%, rgba(0,0,0,0.2) 100%);\n            pointer-events: none;\n        }\n        .collab-modal__logo { \n            width:86px; \n            height:86px; \n            object-fit:contain; \n            border-radius:12px; \n            filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));\n            transform: perspective(200px) rotateY(-5deg) rotateX(5deg);\n            transition: transform 0.3s ease, filter 0.3s ease;\n        }\n        .collab-modal__logo:hover {\n            transform: perspective(200px) rotateY(0deg) rotateX(0deg) scale(1.05);\n            filter: drop-shadow(0 8px 24px rgba(0,0,0,0.4));\n        }\n        .collab-modal__company { font-size: 40px; font-weight:800; margin:0; }\n        .collab-modal__role { margin-top:6px; opacity:.9; }\n        .collab-modal__body { \n            display:grid; \n            grid-template-columns: 1.2fr .8fr; \n            gap:24px; \n            padding:24px 32px 32px 32px; \n            position: relative; \n            z-index: 1; \n        }\n        \n        \/* Description Box - Glassmorphism Style *\/\n        .collab-modal__desc { \n            line-height:1.7; \n            color:#f8f9fa; \n            font-size: 15px;\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            padding: 20px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: \n                0 8px 32px rgba(0, 0, 0, 0.3),\n                inset 0 1px 0 rgba(255, 255, 255, 0.1);\n            height: 340px;\n            overflow: hidden;\n        }\n        .collab-modal__desc::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: conic-gradient(\n                from 0deg,\n                transparent,\n                rgba(79, 140, 255, 0.1),\n                transparent,\n                rgba(110, 231, 183, 0.1),\n                transparent,\n                rgba(255, 180, 58, 0.1),\n                transparent\n            );\n            animation: rotate-gradient 8s linear infinite;\n            opacity: 0.5;\n        }\n        @keyframes rotate-gradient {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n        \n        \/* Facts Container - Modern Grid *\/\n        .collab-modal__facts { \n            list-style:none; \n            margin:0; \n            padding:0; \n            display:grid; \n            gap:20px; \n        }\n        \n        \/* Individual Fact Items - Neumorphism Style *\/\n        .collab-modal__facts li { \n            display:flex; \n            align-items:center; \n            gap:14px; \n            background: linear-gradient(145deg, #1e1e1e, #2a2a2a);\n            padding:16px 20px; \n            border-radius:18px; \n            border: none;\n            box-shadow: \n                6px 6px 12px rgba(0, 0, 0, 0.4),\n                -6px -6px 12px rgba(255, 255, 255, 0.05),\n                inset 2px 2px 4px rgba(255, 255, 255, 0.05),\n                inset -2px -2px 4px rgba(0, 0, 0, 0.3);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n        .collab-modal__facts li::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(79, 140, 255, 0.1) 25%, \n                rgba(110, 231, 183, 0.1) 50%, \n                rgba(255, 180, 58, 0.1) 75%, \n                transparent 100%);\n            transform: translateX(-100%);\n            transition: transform 0.6s ease;\n        }\n        .collab-modal__facts li:hover::before {\n            transform: translateX(100%);\n        }\n        .collab-modal__facts li:hover {\n            transform: translateY(-4px) scale(1.02);\n            box-shadow: \n                12px 12px 24px rgba(0, 0, 0, 0.5),\n                -12px -12px 24px rgba(255, 255, 255, 0.08),\n                inset 2px 2px 4px rgba(255, 255, 255, 0.08),\n                inset -2px -2px 4px rgba(0, 0, 0, 0.2);\n        }\n        \n        \/* Icon Styling - Floating Orbs *\/\n        .collab-modal__facts i { \n            color:#4f8cff; \n            font-size:16px; \n            background: radial-gradient(circle, rgba(79, 140, 255, 0.2) 0%, rgba(79, 140, 255, 0.1) 70%);\n            padding: 10px;\n            border-radius: 50%;\n            min-width: 38px;\n            height: 38px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: \n                0 3px 12px rgba(79, 140, 255, 0.3),\n                inset 0 1px 3px rgba(255, 255, 255, 0.2);\n            border: 1px solid rgba(79, 140, 255, 0.3);\n            transition: all 0.3s ease;\n        }\n        .collab-modal__facts li:hover i {\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: \n                0 8px 24px rgba(79, 140, 255, 0.4),\n                inset 0 2px 4px rgba(255, 255, 255, 0.3);\n        }\n        \n        \/* Text Styling *\/\n        .collab-modal__facts span {\n            font-weight: 500;\n            color: #f0f0f0;\n            font-size: 15px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n        }\n        \n        \/* Actions Container - Modern Layout *\/\n        .collab-modal__actions { \n            margin-top:24px; \n            display: flex;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n        html.skill-modal-open { overflow: hidden; }\n        .collab-modal__dialog { max-height: 92vh; overflow: auto; }\n        @media (max-width: 900px) {\n            .collab-modal__company { font-size:32px; }\n        }\n        @media (max-width: 700px) {\n            .collab-modal__dialog { width: 96vw; max-height: 92vh; border-radius: 16px; margin: 0; }\n            .collab-modal__header { flex-direction: column; align-items: center; text-align: center; padding: 20px 16px 0 16px; }\n            .collab-modal__logo-wrap { \n                width: 84px; \n                height: 84px; \n                border-radius: 14px;\n                box-shadow: \n                    0 6px 24px rgba(0,0,0,0.4),\n                    inset 0 2px 6px rgba(255,255,255,0.1),\n                    inset 0 -2px 6px rgba(0,0,0,0.3);\n            }\n            .collab-modal__logo { \n                width: 76px; \n                height: 76px; \n                border-radius: 10px;\n                transform: perspective(150px) rotateY(-3deg) rotateX(3deg);\n            }\n            .collab-modal__logo:hover {\n                transform: perspective(150px) rotateY(0deg) rotateX(0deg) scale(1.03);\n            }\n            .collab-modal__body { \n                grid-template-columns: 1fr; \n                padding: 20px 16px 24px 16px; \n                gap: 20px;\n            }\n            .collab-modal__desc {\n                padding: 20px;\n                font-size: 15px;\n            }\n            .collab-modal__facts { \n                grid-template-columns: 1fr; \n                gap: 16px;\n            }\n            .collab-modal__facts li {\n                padding: 16px 20px;\n                gap: 14px;\n            }\n            .collab-modal__facts i {\n                padding: 10px;\n                min-width: 38px;\n                height: 38px;\n                font-size: 16px;\n            }\n            .collab-modal__actions { \n                margin-top: 20px; \n                flex-direction: column;\n            }\n            .collab-modal__actions .collaboration-cta { \n                width: 100%; \n                text-align: center; \n            }\n            .collab-modal__company { font-size:28px; }\n        }\n        @media (max-width: 400px) {\n            .collab-modal__company { font-size:24px; }\n            .collab-modal__close { width: 40px; height: 40px; }\n        }\n        <\/style>\n        <script>\n        (function(){\n            var root = document.getElementById('skill-collab-157c457');\n            if(!root) return;\n            \n            \/\/ Initialize modals with display: flex\n            root.querySelectorAll('.collab-modal').forEach(function(modal){\n                modal.style.display = 'flex';\n            });\n            \n            root.addEventListener('click', function(e){\n                var item = e.target.closest('.js-open-collab-modal');\n                if(!item || !root.contains(item)) return;\n                var id = item.getAttribute('data-modal-id');\n                if(!id) return;\n                var modal = document.getElementById(id);\n                if(!modal) return;\n                modal.classList.add('is-open');\n                document.documentElement.classList.add('skill-modal-open');\n            });\n            root.querySelectorAll('.collab-modal').forEach(function(modal){\n                modal.addEventListener('click', function(ev){\n                    if(ev.target.closest('[data-close]')){ \n                        modal.classList.remove('is-open'); \n                        document.documentElement.classList.remove('skill-modal-open'); \n                    }\n                });\n            });\n            document.addEventListener('keydown', function(ev){\n                if(ev.key === 'Escape'){\n                    root.querySelectorAll('.collab-modal.is-open').forEach(function(m){ \n                        m.classList.remove('is-open'); \n                    });\n                    document.documentElement.classList.remove('skill-modal-open');\n                }\n            });\n        })();\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-583c1a3 e-flex e-con-boxed e-con e-parent\" data-id=\"583c1a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7e8446 elementor-widget elementor-widget-skill_title_desc\" data-id=\"a7e8446\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_title_desc.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"tdw-wrap\" dir=\"rtl\">\r\n\t\t\t<div class=\"tdw-title-row\" style=\"display:inline-flex; align-items:center; gap:8px; flex-direction: row-reverse;\">\r\n\t\t\t\t\t\t\t\t\t<h2 class=\"tdw-title\">\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0645\u0646\u062a\u062e\u0628 \u0645\u0646<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tdw-dot\" aria-hidden=\"true\" style=\"display:inline-block; border-radius:3px;\"><\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6419174 elementor-widget elementor-widget-skill_featured_projects\" data-id=\"6419174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_featured_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.elementor-element-6419174 .skill-featured-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}\r\n@media(max-width:1024px){.elementor-element-6419174 .skill-featured-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}}\r\n@media(max-width:767px){.elementor-element-6419174 .skill-featured-projects{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;}}\r\n.elementor-element-6419174 .skill-project-card{\r\n  position:relative;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  background:#0b1424;\r\n  box-shadow:0 6px 24px rgba(0,0,0,0.12);\r\n}\r\n.elementor-element-6419174 .skill-project-thumb img{\r\n  width:100%;\r\n  height:220px;\r\n  display:block;\r\n  object-fit:cover;\r\n}\r\n.elementor-element-6419174 .skill-project-overlay{\r\n  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;\r\n  padding:16px 16px 14px 16px;color:#fff;\r\n  background:linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.72) 100%);\r\n  opacity:0;transform:translateY(12px);\r\n  transition:opacity .28s ease, transform .28s ease;\r\n}\r\n.elementor-element-6419174 .skill-project-card:hover .skill-project-overlay{opacity:1;transform:translateY(0);background:#031d53b5;} \r\n.elementor-element-6419174 .skill-project-title{margin:0 0 4px 0;font-size:1.05rem;line-height:1.6;color:#fff;}\r\n.elementor-element-6419174 .skill-project-title:before{content:\"\";display:inline-block;width:8px;height:8px;background:#ffffff;border-radius:2px;margin-inline-end:8px;vertical-align:middle;}\r\n.elementor-element-6419174 .skill-project-excerpt{margin:0 0 8px 0;color:#e6efff;opacity:.95;font-size:.95rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}\r\n.elementor-element-6419174 .skill-project-link.btn-more{display:inline-flex !important;width:auto !important;max-width:100%;align-self:flex-start;padding:5px 14px 5px 3px;}\r\n.elementor-element-6419174 .skill-project-link:not(.btn-more){align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#ffffff;color:#0b1424;text-decoration:none;font-size:.92rem;font-weight:600;transition:transform .2s ease, box-shadow .2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.15);} \r\n.elementor-element-6419174 .skill-project-link:not(.btn-more):hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.28);} \r\n<\/style><div class=\"skill-featured-projects\"><div class=\"skill-project-card\"><div class=\"skill-project-thumb\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-scaled.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-scaled.jpg 2560w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-300x200.jpg 300w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-1024x683.jpg 1024w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-768x512.jpg 768w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-1536x1024.jpg 1536w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-2048x1365.jpg 2048w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-1200x800.jpg 1200w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/195-600x400.jpg 600w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/div><div class=\"skill-project-overlay\"><h3 class=\"skill-project-title\">\u067e\u0631\u0648\u0698\u0647 \u0641\u0631\u0627\u0646\u062a<\/h3><div class=\"skill-project-excerpt\">\u062a\u062e\u0635\u0635 \u0645\u0646 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628\u0647\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633\u060c \u062a\u0648\u0633\u0639\u0647 \u0627\u0641\u0632\u0648\u0646\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u0633\u0627\u0632\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0627\u0633\u062a. \u067e\u0631\u0648\u0698\u0647\u0647\u0627\u06cc\u0645 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0631 \u0633\u0647 \u0627\u0635\u0644 \u0633\u0631\u0639\u062a\u060c \u0627\u0645\u0646\u06cc\u062a \u0648 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f\u06cc \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u0646\u062f.<\/div><a class=\"skill-project-link btn-more\" href=\"https:\/\/websavant.ir\/skill\/theme-skill\/project\/eventman\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"btn-more-text\">\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647<\/span><span class=\"btn-more-icon\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/span><\/a><\/div><\/div><div class=\"skill-project-card\"><div class=\"skill-project-thumb\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1228\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/3401426-scaled.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/3401426-scaled.jpg 2560w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/3401426-300x144.jpg 300w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/3401426-1024x491.jpg 1024w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/3401426-768x368.jpg 768w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/3401426-1536x737.jpg 1536w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/07\/3401426-2048x982.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/div><div class=\"skill-project-overlay\"><h3 class=\"skill-project-title\">\u0642\u0627\u0644\u0628 \u0648\u0631\u062f\u067e\u0631\u0633\u06cc<\/h3><div class=\"skill-project-excerpt\">\u062a\u062e\u0635\u0635 \u0645\u0646 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628\u0647\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633\u060c \u062a\u0648\u0633\u0639\u0647 \u0627\u0641\u0632\u0648\u0646\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u0633\u0627\u0632\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0627\u0633\u062a. \u067e\u0631\u0648\u0698\u0647\u0647\u0627\u06cc\u0645 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0631 \u0633\u0647 \u0627\u0635\u0644 \u0633\u0631\u0639\u062a\u060c \u0627\u0645\u0646\u06cc\u062a \u0648 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f\u06cc \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u0646\u062f.<\/div><a class=\"skill-project-link btn-more\" href=\"https:\/\/websavant.ir\/skill\/theme-skill\/project\/shofy\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"btn-more-text\">\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647<\/span><span class=\"btn-more-icon\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/span><\/a><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d64965f e-flex e-con-boxed e-con e-parent\" data-id=\"d64965f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e07dda2 elementor-widget elementor-widget-my_custom_icon_title\" data-id=\"e07dda2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"my_custom_icon_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"my-custom-icon-title-container\">\r\n            <span class=\"my-custom-icon-title\">\r\n                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-money-bill-wave\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M621.16 54.46C582.37 38.19 543.55 32 504.75 32c-123.17-.01-246.33 62.34-369.5 62.34-30.89 0-61.76-3.92-92.65-13.72-3.47-1.1-6.95-1.62-10.35-1.62C15.04 79 0 92.32 0 110.81v317.26c0 12.63 7.23 24.6 18.84 29.46C57.63 473.81 96.45 480 135.25 480c123.17 0 246.34-62.35 369.51-62.35 30.89 0 61.76 3.92 92.65 13.72 3.47 1.1 6.95 1.62 10.35 1.62 17.21 0 32.25-13.32 32.25-31.81V83.93c-.01-12.64-7.24-24.6-18.85-29.47zM48 132.22c20.12 5.04 41.12 7.57 62.72 8.93C104.84 170.54 79 192.69 48 192.69v-60.47zm0 285v-47.78c34.37 0 62.18 27.27 63.71 61.4-22.53-1.81-43.59-6.31-63.71-13.62zM320 352c-44.19 0-80-42.99-80-96 0-53.02 35.82-96 80-96s80 42.98 80 96c0 53.03-35.83 96-80 96zm272 27.78c-17.52-4.39-35.71-6.85-54.32-8.44 5.87-26.08 27.5-45.88 54.32-49.28v57.72zm0-236.11c-30.89-3.91-54.86-29.7-55.81-61.55 19.54 2.17 38.09 6.23 55.81 12.66v48.89z\"><\/path><\/svg>                \u062a\u0639\u0631\u0641\u0647 \u0647\u0627            <\/span>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86144f9 elementor-widget elementor-widget-skill_title_desc\" data-id=\"86144f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_title_desc.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"tdw-wrap\" dir=\"rtl\">\r\n\t\t\t<div class=\"tdw-title-row\" style=\"display:inline-flex; align-items:center; gap:8px; flex-direction: row-reverse;\">\r\n\t\t\t\t\t\t\t\t\t<h2 class=\"tdw-title\">\u0645\u0646\u0627\u0633\u0628 \u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u0647\u0627\u0631\u0648 \u0627\u0632 \u0645\u0646 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tdw-dot\" aria-hidden=\"true\" style=\"display:inline-block; border-radius:3px;\"><\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c12abd e-flex e-con-boxed e-con e-parent\" data-id=\"5c12abd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5ec4ea elementor-widget elementor-widget-skill-panel-pricing\" data-id=\"f5ec4ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill-panel-pricing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"container\">        <div class=\"skill_panel-pricing\">\r\n            <div class=\"skill_box-panel-pricing\">\r\n                <div class=\"skill_panel-images\" style=\"background-color: #FFEEB7;\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/09\/pric3.png\" alt=\"\u067e\u0644\u0646 \u0648\u06cc \u0622\u06cc \u067e\u06cc\">\r\n                                    <\/div>\r\n                <div class=\"skill_panel-pricing-content\">\r\n                    <div class=\"skill_pric-title\">\r\n                        <div>\r\n                                                            <h3>\u067e\u0644\u0646 \u0648\u06cc \u0622\u06cc \u067e\u06cc<\/h3>\r\n                                                                                        <span class=\"skill_pric-del\">15,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                                                                        <span class=\"skill_pric-price\">14,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"skill_pric-list-daata\">\r\n                                                    <ul>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u0637\u0631\u0627\u062d\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/li>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u0637\u0631\u0627\u062d\u06cc \u0628\u062f\u0648\u0646 \u0642\u0627\u0644\u0628 \u0622\u0645\u0627\u062f\u0647<\/li>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u062a\u062e\u0641\u06cc\u0641 \u0647\u0627\u0633\u062a \u0648 \u062f\u0627\u0645\u0646\u0647<\/li>\r\n                                                            <\/ul>\r\n                                            <\/div>\r\n                    <div class=\"skill_pric-button\">\r\n                                                    <a href=\"https:\/\/websavant.ir\/skill\/theme-skill\/contact\/\" class=\"skill_pric-btn\">\r\n                                \u0633\u0641\u0627\u0631\u0634 \u0637\u0631\u062d                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n                <div class=\"bar\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n                <div class=\"skill_panel-pricing\">\r\n            <div class=\"skill_box-panel-pricing\">\r\n                <div class=\"skill_panel-images\" style=\"background-color: #FFF7DD;\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/09\/pric2.png\" alt=\"\u0628\u062f\u0648\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\">\r\n                                    <\/div>\r\n                <div class=\"skill_panel-pricing-content\">\r\n                    <div class=\"skill_pric-title\">\r\n                        <div>\r\n                                                            <h3>\u0628\u062f\u0648\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/h3>\r\n                                                                                        <span class=\"skill_pric-del\">10,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                                                                        <span class=\"skill_pric-price\">8,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"skill_pric-list-daata\">\r\n                                                    <ul>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u0637\u0631\u0627\u062d\u06cc \u0628\u0627 \u0642\u0627\u0644\u0628 \u0622\u0645\u0627\u062f\u0647<\/li>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u0637\u0631\u0627\u062d\u06cc \u0628\u0627 \u0627\u0641\u0632\u0648\u0646\u0647<\/li>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u062a\u062e\u0641\u06cc\u0641 \u0647\u0627\u0633\u062a \u0648 \u062f\u0627\u0645\u0646\u0647<\/li>\r\n                                                            <\/ul>\r\n                                            <\/div>\r\n                    <div class=\"skill_pric-button\">\r\n                                                    <a href=\"https:\/\/websavant.ir\/skill\/theme-skill\/contact\/\" class=\"skill_pric-btn\">\r\n                                \u0633\u0641\u0627\u0631\u0634 \u0637\u0631\u062d                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n                <div class=\"bar\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n                <div class=\"skill_panel-pricing\">\r\n            <div class=\"skill_box-panel-pricing\">\r\n                <div class=\"skill_panel-images\" style=\"background-color: #FFF7DD91;\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/09\/pric1.png\" alt=\"\u0641\u0642\u0637 \u0637\u0631\u0627\u062d\u06cc\">\r\n                                    <\/div>\r\n                <div class=\"skill_panel-pricing-content\">\r\n                    <div class=\"skill_pric-title\">\r\n                        <div>\r\n                                                            <h3>\u0641\u0642\u0637 \u0637\u0631\u0627\u062d\u06cc<\/h3>\r\n                                                                                        <span class=\"skill_pric-del\">8,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                                                                        <span class=\"skill_pric-price\">6,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"skill_pric-list-daata\">\r\n                                                    <ul>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u0637\u0631\u0627\u062d\u06cc \u0628\u0627 \u0642\u0627\u0644\u0628 \u0622\u0645\u0627\u062f\u0647<\/li>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u0637\u0631\u0627\u062d\u06cc \u0628\u0627 \u0627\u0641\u0632\u0648\u0646\u0647<\/li>\r\n                                                                    <li><i class=\"fas fa-link\"><\/i>\u0628\u062f\u0648\u0646 \u062a\u062e\u0641\u06cc\u0641 \u0647\u0627\u0633\u062a<\/li>\r\n                                                            <\/ul>\r\n                                            <\/div>\r\n                    <div class=\"skill_pric-button\">\r\n                                                    <a href=\"https:\/\/websavant.ir\/skill\/theme-skill\/contact\/\" class=\"skill_pric-btn\">\r\n                                \u0633\u0641\u0627\u0631\u0634 \u0637\u0631\u062d                            <\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n                <div class=\"bar\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-644a352 e-flex e-con-boxed e-con e-parent\" data-id=\"644a352\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bca4445 elementor-widget elementor-widget-my_custom_icon_title\" data-id=\"bca4445\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"my_custom_icon_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"my-custom-icon-title-container\">\r\n            <span class=\"my-custom-icon-title\">\r\n                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-comments\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z\"><\/path><\/svg>                \u0646\u0638\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646            <\/span>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cece63b elementor-widget elementor-widget-skill_title_desc\" data-id=\"cece63b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_title_desc.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"tdw-wrap\" dir=\"rtl\">\r\n\t\t\t<div class=\"tdw-title-row\" style=\"display:inline-flex; align-items:center; gap:8px; flex-direction: row-reverse;\">\r\n\t\t\t\t\t\t\t\t\t<h2 class=\"tdw-title\">\u0622\u0646\u0686\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062f\u0631\u0645\u0648\u0631\u062f \u0645\u0646 \u0645\u06cc\u06af\u0646<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tdw-dot\" aria-hidden=\"true\" style=\"display:inline-block; border-radius:3px;\"><\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4691450 e-flex e-con-boxed e-con e-parent\" data-id=\"4691450\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-928bc57 elementor-widget elementor-widget-skill_comments_Widget\" data-id=\"928bc57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_comments_Widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div class=\"skill-testimonial-wrapper\" dir=\"rtl\">\r\n            <div class=\"skill-testimonial-container\">\r\n                <div class=\"skill-testimonial-swiper swiper\" id=\"testimonial-slider-928bc57\">\r\n                    <div class=\"swiper-wrapper\">\r\n                                                    <div class=\"skill-testimonial-slide swiper-slide\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/04\/user1.jpg\" class=\"skill-testimonial-avatar\" alt=\"\u0633\u067e\u06cc\u062f\u0647\">\r\n                                                                <div class=\"skill-testimonial-name\">\u0633\u067e\u06cc\u062f\u0647<\/div>\r\n                                                                    <div class=\"skill-testimonial-position\">\u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc<\/div>\r\n                                                                                                    <div class=\"skill-testimonial-rating\">\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                            <\/div>\r\n                                                                <div class=\"skill-testimonial-comment\">\ud83d\udd25 \u0648\u0627\u0642\u0639\u0627 \u062d\u0631\u0641\u0647\u0627\u06cc \u06a9\u0627\u0631 \u06a9\u0631\u062f\u06cc\u0646! \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0631\u062f\u067e\u0631\u0633 \u0648 \u0633\u0631\u0639\u062a \u0644\u0648\u062f \u0639\u0627\u0644\u06cc \u0628\u0648\u062f. \u0645\u062e\u0635\u0648\u0635\u0627 \u0628\u062e\u0634 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u06a9\u0647 \u062e\u06cc\u0644\u06cc \u0631\u0648\u0627\u0646 \u06a9\u0627\u0631 \u0645\u06cc\u06a9\u0631\u062f. \u062f\u0633\u062a \u0645\u0631\u06cc\u0632\u0627\u062f!<\/div>\r\n                            <\/div>\r\n                                                    <div class=\"skill-testimonial-slide swiper-slide\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/04\/user2.png\" class=\"skill-testimonial-avatar\" alt=\"\u0633\u0627\u0631\u0627\">\r\n                                                                <div class=\"skill-testimonial-name\">\u0633\u0627\u0631\u0627<\/div>\r\n                                                                    <div class=\"skill-testimonial-position\">\u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc<\/div>\r\n                                                                                                    <div class=\"skill-testimonial-rating\">\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                            <\/div>\r\n                                                                <div class=\"skill-testimonial-comment\">\ud83d\udc4c \u067e\u0631\u0648\u0698\u0647 \u062a\u0648\u0633\u0639\u0647 CMS \u0628\u0627 PHP \u0639\u0627\u0644\u06cc \u0628\u0648\u062f! \u0627\u0645\u0646\u06cc\u062a \u0628\u0627\u0644\u0627 \u0648 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u062f\u0647 \u0648\u0627\u0642\u0639\u0627 \u062a\u062d\u0633\u06cc\u0646 \u0628\u0631\u0627\u0646\u06af\u06cc\u0632\u0647. \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0628\u0639\u062f\u06cc\u0645 \u062d\u062a\u0645\u0627 \u0628\u0627\u0647\u0627\u062a\u0648\u0646 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0645\u06cc\u06a9\u0646\u0645.<\/div>\r\n                            <\/div>\r\n                                                    <div class=\"skill-testimonial-slide swiper-slide\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/04\/user3.jpg\" class=\"skill-testimonial-avatar\" alt=\"\u0628\u0627\u0631\u0628\u062f\">\r\n                                                                <div class=\"skill-testimonial-name\">\u0628\u0627\u0631\u0628\u062f<\/div>\r\n                                                                    <div class=\"skill-testimonial-position\">\u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc<\/div>\r\n                                                                                                    <div class=\"skill-testimonial-rating\">\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                                    <span class=\"skill-testimonial-star\">\u2605<\/span>\r\n                                                                            <\/div>\r\n                                                                <div class=\"skill-testimonial-comment\">\ud83d\udcaf \u0647\u0645\u06cc\u0634\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u06a9\u0627\u0631\u0647\u0627\u062a\u0648\u0646 \u0628\u0627\u0644\u0627\u0633! \u0627\u06cc\u0646 \u0628\u0627\u0631 \u0647\u0645 \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u06af\u0631\u0627 \u0648 \u0628\u0647\u06cc\u0646\u0647\u0633\u0627\u0632\u06cc \u0633\u0626\u0648 \u06a9\u0644\u06cc\u062a\u0631\u0627\u0641\u06cc\u06a9 \u0631\u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0627\u062f\u06cc\u0646. \u062e\u0633\u062a\u0647 \u0646\u0628\u0627\u0634\u06cc\u062f!<\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                    <div class=\"skill-testimonial-pagination swiper-pagination\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            jQuery(document).ready(function($) {\r\n                new Swiper('#testimonial-slider-928bc57', {\r\n                    loop: true,\r\n                    autoplay: {\"delay\":3000,\"disableOnInteraction\":false},\r\n                    pagination: {\r\n                        el: '.swiper-pagination',\r\n                        clickable: true,\r\n                    },\r\n                    rtl: true,\r\n                    effect: 'slide',\r\n                    speed: 800,\r\n                    spaceBetween: 30,\r\n                    on: {\r\n                        init: function() {\r\n                            $('.skill-testimonial-wrapper').addClass('loaded');\r\n                        },\r\n                        slideChange: function() {\r\n                            $('.skill-testimonial-slide').removeClass('skill-testimonial-slide-active');\r\n                            $('.swiper-slide-active').addClass('skill-testimonial-slide-active');\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0633\u0644\u0627\u0645\u060c \u0645\u0646 \u0645\u062d\u0645\u062f \u062d\u06cc\u062f\u0631\u06cc \u0647\u0633\u062a\u0645 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u0648 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0631\u062f\u067e\u0631\u0633 \u062e\u0648\u0634\u062d\u0627\u0644 \u0645\u06cc\u0634\u0645 \u062f\u0631\u062e\u062f\u0645\u062a \u0634\u0645\u0627 \u0628\u0627\u0634\u0645. \u062a\u0627\u0631\u06cc\u062e \u062a\u0648\u0644\u062f:1380\/10\/06\u0645\u062d\u0644 \u0633\u06a9\u0648\u0646\u062a:\u0634\u0647\u0631\u06a9\u0631\u062f\u0646\u062d\u0648\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc:\u062a\u0645\u0627\u0645 \u0648\u0642\u062a \/ \u062f\u0648\u0631\u06a9\u0627\u0631\u06cc\u062a\u062e\u0635\u0635:\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633:09380000000\u06a9\u067e\u06cc\u06a9\u067e\u06cc \u0634\u062f!\u0627\u06cc\u0645\u06cc\u0644:skill@gmail.com\u06a9\u067e\u06cc\u06a9\u067e\u06cc \u0634\u062f! \u0622\u0645\u0627\u0631 \u0648 \u062f\u0633\u062a\u0627\u0648\u0631\u062f\u0647\u0627 80 \u067e\u0631\u0648\u0698\u0647 \u0645\u0648\u0641\u0642 150 \u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc 10 \u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u062e\u062f\u0645\u0627\u062a \u0686\u0647 \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u062f\u0645 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0645\u0646 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628\u0647\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633\u06cc \u062a\u062e\u0635\u0635 \u062f\u0627\u0631\u0645 \u0648 \u0628\u0627 [&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-499","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/pages\/499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":6,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/pages\/499\/revisions"}],"predecessor-version":[{"id":5470,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/pages\/499\/revisions\/5470"}],"wp:attachment":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/media?parent=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}