{"id":5529,"date":"2026-05-02T17:07:09","date_gmt":"2026-05-02T17:07:09","guid":{"rendered":"https:\/\/websavant.ir\/skill\/theme-skill\/?page_id=5529"},"modified":"2026-05-17T09:16:25","modified_gmt":"2026-05-17T09:16:25","slug":"demo-ui-ux","status":"publish","type":"page","link":"https:\/\/websavant.ir\/skill\/theme-skill\/demo-ui-ux\/","title":{"rendered":"\u062f\u0645\u0648\u06cc ui\/ux"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5529\" class=\"elementor elementor-5529\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26f3d74 e-flex e-con-boxed e-con e-parent\" data-id=\"26f3d74\" data-element_type=\"container\" data-e-type=\"container\" id=\"home\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d251e32 e-con-full e-flex e-con e-child\" data-id=\"d251e32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-133d5aa elementor-widget elementor-widget-heading\" data-id=\"133d5aa\" 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 , \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\t\t<div class=\"elementor-element elementor-element-0d14fa7 elementor-widget elementor-widget-skill_text_gradient\" data-id=\"0d14fa7\" 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-0d14fa7\">\u0637\u0631\u0627\u062d \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/h2><style>\r\n            #skill-gradient-0d14fa7 {\r\n                background: -webkit-linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\r\n                background: linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\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-da42643 elementor-widget elementor-widget-text-editor\" data-id=\"da42643\" 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>\u0631\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u06a9\u0627\u0631\u0628\u0631\u06cc \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u0645 \u062a\u0627 \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0647\u0645 \u0632\u06cc\u0628\u0627\u060c \u0647\u0645 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f \u0648 \u0647\u0645 \u06a9\u0627\u0645\u0644\u0627\u064b \u0628\u0647\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0631\u0634\u062f \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0628\u0627\u0634\u0647. <br \/>\u0628\u0627 \u0628\u0647\u0628\u0648\u062f \u0641\u0644\u0648\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u062a\u0635\u0645\u06cc\u0645\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u062f\u0627\u062f\u0647\u200c\u0645\u062d\u0648\u0631\u060c \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644\u060c \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0648 KPI\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0645\u062d\u0635\u0648\u0644 \u0631\u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0645.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a251b91 e-con-full e-flex e-con e-child\" data-id=\"a251b91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4c525e e-transform elementor-widget elementor-widget-button\" data-id=\"d4c525e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-3,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-3,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\" id=\"contant\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062a\u0645\u0627\u0633 \u0628\u0627\u0645\u0646<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5f2450 elementor-position-inline-end e-transform elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"c5f2450\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"\u062f\u0627\u0646\u0644\u0648\u062f \u0633\u0648\u0627\u0628\u0642 \u06a9\u0627\u0631\u06cc\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\" >\n\t\t\t\t\t\t\t\u062f\u0627\u0646\u0644\u0648\u062f \u0633\u0648\u0627\u0628\u0642 \u06a9\u0627\u0631\u06cc\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\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>\n\t\t<div class=\"elementor-element elementor-element-233b36a e-con-full e-flex e-con e-child\" data-id=\"233b36a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b8059e e-con-full e-flex e-con e-child\" data-id=\"2b8059e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a894cdc elementor-widget elementor-widget-skill_my_skills_items_widget\" data-id=\"a894cdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_my_skills_items_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"skill_my-skills-items\"><div class=\"skill_my-item-skills\" style=\"transform: rotate(-4deg);margin-inline-start: 0px;\"><span class=\"skill-icon-box\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\"><path d=\"M19.3583 7.63611L15.7176 4.2411C12.4496 1.20331 10.8311 2.42053 8.90178 4.47912L3.44276 10.3332C2.33359 11.5226 1.7298 12.2842 1.52856 13.1117C1.52891 13.1217 1.51892 13.122 1.51892 13.122C1.51927 13.132 1.51927 13.132 1.51927 13.132C1.51961 13.142 1.51961 13.142 1.51961 13.142L1.52066 13.172C1.16186 14.6454 2.28448 15.847 3.68077 17.149L7.33112 20.5337C8.63467 21.759 9.68162 22.5129 10.8109 22.4735C11.9402 22.434 12.8831 21.6406 14.137 20.296L19.5963 14.452C20.0686 13.9352 20.4141 13.5128 20.6803 13.1133C20.6799 13.1033 20.6799 13.1033 20.6799 13.1033C20.6799 13.1033 20.6799 13.1033 20.6899 13.103C21.9067 11.2694 21.5093 9.63226 19.3583 7.63611ZM18.4651 11.5697L18.4551 11.57C18.1528 11.5105 17.8409 11.4614 17.529 11.4123C17.509 11.413 17.4887 11.4037 17.4587 11.4047C16.7546 11.2992 16.0412 11.2141 15.3185 11.1492L15.2785 11.1506C14.5558 11.0858 13.8238 11.0413 13.0928 11.0268L13.0129 11.0296C12.3719 11.012 11.7216 11.0147 11.082 11.037C10.3025 11.0642 9.52432 11.1314 8.75654 11.2083C8.62696 11.2228 8.50739 11.237 8.38781 11.2512C7.80956 11.3114 7.232 11.3916 6.66479 11.4815C6.50559 11.507 6.35638 11.5322 6.20717 11.5575C5.63066 11.6677 5.06415 11.7775 4.49834 11.9073C4.36946 11.9418 4.25024 11.966 4.12101 11.9905C4.07139 12.0023 4.01178 12.0144 3.96216 12.0261C4.13507 11.8199 4.33761 11.6027 4.55944 11.3649L10.0088 5.52112C11.7649 3.6587 12.3695 3.20732 14.686 5.35779L18.3167 8.75315C18.8748 9.26398 19.2503 9.70114 19.4838 10.0832C19.4838 10.0832 19.4842 10.0932 19.4941 10.0929C19.9394 10.8078 19.2901 11.701 18.4651 11.5697Z\" fill=\"url(#paint0_linear_1283_431)\"><\/path><path d=\"M21.5267 16.9662C21.1305 16.5097 20.7867 16.1215 20.0472 16.1473C19.3076 16.1731 18.9918 16.5844 18.6384 17.067C17.8735 18.0844 17.5514 19.1763 17.7176 20.2111C17.909 21.3951 18.9574 22.189 20.2566 22.1437C21.5558 22.0983 22.5462 21.2332 22.6542 20.0287C22.7479 18.9848 22.3607 17.9277 21.5267 16.9662Z\" fill=\"url(#paint1_linear_1283_431)\"><\/path><defs><linearGradient id=\"paint0_linear_1283_431\" x1=\"0.166047\" y1=\"-8.42614\" x2=\"24.9699\" y2=\"-8.90081\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FA6E00\"><\/stop><stop offset=\"1\" stop-color=\"#E60026\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_1283_431\" x1=\"17.3072\" y1=\"12.8659\" x2=\"23.4989\" y2=\"12.7311\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FA6E00\"><\/stop><stop offset=\"1\" stop-color=\"#E60026\"><\/stop><\/linearGradient><\/defs><\/svg><\/span><h6 class=\"skill_my-skill-title\">\u0637\u0631\u0627\u062d \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc ( UI )<\/h6><\/div><div class=\"skill_my-item-skills\" style=\"transform: rotate(4deg);margin-inline-start: 50px;\"><span class=\"skill-icon-box\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M13.0065 2.79733C7.77925 2.43181 3.23246 6.38427 2.86694 11.6115C2.50141 16.8387 6.45387 21.3855 11.6811 21.751C16.9083 22.1166 21.4551 18.1641 21.8207 12.9369C22.1862 7.70964 18.2337 3.16285 13.0065 2.79733ZM12.1868 14.5187L9.19415 14.3094C8.78515 14.2808 8.4697 13.9179 8.4983 13.5089C8.5269 13.0999 8.88979 12.7845 9.29879 12.8131L12.2915 13.0224C12.7005 13.051 13.0159 13.4139 12.9873 13.8229C12.9587 14.2319 12.5958 14.5473 12.1868 14.5187ZM15.3888 11.7353L9.40342 11.3167C8.99442 11.2881 8.67897 10.9253 8.70757 10.5163C8.73617 10.1073 9.09906 9.7918 9.50806 9.8204L15.4934 10.2389C15.9024 10.2675 16.2179 10.6304 16.1893 11.0394C16.1607 11.4484 15.7978 11.7639 15.3888 11.7353Z\" fill=\"url(#paint0_linear_1283_443)\"><\/path><path d=\"M21.3881 23.4309C21.2085 23.4183 21.0338 23.3359 20.9132 23.1972L19.1875 21.212C18.937 20.9238 18.9677 20.4849 19.2566 20.2244C19.5447 19.9739 19.9837 20.0046 20.2442 20.2934L21.9699 22.2786C22.2204 22.5668 22.1897 23.0058 21.9008 23.2662C21.7521 23.3862 21.5676 23.4434 21.3881 23.4309Z\" fill=\"url(#paint1_linear_1283_443)\"><\/path><defs><linearGradient id=\"paint0_linear_1283_443\" x1=\"3.78998\" y1=\"-8.56075\" x2=\"27.2724\" y2=\"-6.54605\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FA6E00\"><\/stop><stop offset=\"1\" stop-color=\"#E60026\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_1283_443\" x1=\"19.1132\" y1=\"18.1774\" x2=\"23.1361\" y2=\"18.5226\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FA6E00\"><\/stop><stop offset=\"1\" stop-color=\"#E60026\"><\/stop><\/linearGradient><\/defs><\/svg><\/span><h6 class=\"skill_my-skill-title\">\u0645\u062d\u0642\u0642 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc ( UX )<\/h6><\/div><div class=\"skill_my-item-skills\" style=\"transform: rotate(0deg);margin-inline-start: 0px;\"><span class=\"skill-icon-box\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"17\" viewBox=\"0 0 28 17\" fill=\"none\"><path d=\"M25.9073 5.24034C27.6044 6.89958 27.6045 9.63019 25.9074 11.2895L21.1825 15.9094C20.3367 16.7364 18.9853 16.7364 18.1394 15.9094C17.2664 15.0557 17.2663 13.6509 18.1393 12.7972L22.3812 8.64891C22.5967 8.43821 22.5966 8.09151 22.3812 7.88082L18.1385 3.73247C17.2653 2.87876 17.2653 1.47392 18.1385 0.62022C18.9842 -0.206724 20.3356 -0.206763 21.1814 0.62013L25.9073 5.24034ZM1.27335 11.2894C-0.423831 9.63011 -0.423914 6.8995 1.27317 5.24016L5.99808 0.620331C6.84388 -0.206661 8.19536 -0.20666 9.04116 0.620332C9.91424 1.474 9.91431 2.87875 9.0413 3.7325L4.79941 7.88078C4.58395 8.09149 4.58396 8.43819 4.79944 8.64888L9.04215 12.7972C9.91527 13.6509 9.91527 15.0558 9.04215 15.9095C8.1964 16.7364 6.84501 16.7365 5.99921 15.9096L1.27335 11.2894Z\" fill=\"url(#paint0_linear_1283_437)\"><\/path><defs><linearGradient id=\"paint0_linear_1283_437\" x1=\"-2.60925\" y1=\"-11.1411\" x2=\"35.6009\" y2=\"-10.124\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FA6E00\"><\/stop><stop offset=\"1\" stop-color=\"#E60026\"><\/stop><\/linearGradient><\/defs><\/svg><\/span><h6 class=\"skill_my-skill-title\">\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0628<\/h6><\/div><\/div>\t\t<style>\r\n\t\t.skill_my-skills-items {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tgap: 40px;\r\n\t\t}\r\n\r\n\t\t.skill_my-item-skills {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 12px;\r\n\t\t\tbackground: linear-gradient(47deg,rgba(107, 107, 107, 0.11) 0%, rgba(55, 55, 55, 0.66) 50%);\r\n\t\t\tpadding: 21px;\r\n\t\t\tborder: 1px solid #4A4A4A;\r\n\t\t\tborder-radius: 16px;\r\n\t\t\twidth: 307px;\r\n\t\t\theight: 70px;\r\n\t\t}\r\n\r\n\t\t\/* Icon Box: background circle *\/\r\n\t\t.skill-icon-box {\r\n\t\t\tbackground: #ffffff14;\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tborder: 1px solid #505050;\r\n\t\t\tborder-radius: 50px;\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\r\n\t\t\/* Icon: simple color - works for both i and svg *\/\r\n\t\t.skill-icon-box i {\r\n\t\t\tcolor: #fa6e00;\r\n\t\t\tfont-size: 22px;\r\n\t\t\tline-height: 1;\r\n\t\t}\r\n\r\n\t\t.skill-icon-box svg {\r\n\t\t\tfill: #fa6e00;\r\n\t\t\twidth: 22px;\r\n\t\t\theight: 22px;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t.skill_my-item-skills h6 {\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: #D9D9D9;\r\n\t\t\tfont-size: 20px;\r\n\t\t}\r\n\t\t<\/style>\r\n\t\t\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-c89c140 e-flex e-con-boxed e-con e-parent\" data-id=\"c89c140\" data-element_type=\"container\" data-e-type=\"container\" id=\"resume\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-532f677 e-con-full e-flex e-con e-child\" data-id=\"532f677\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ad749 elementor-widget elementor-widget-skill_linear_progress\" data-id=\"22ad749\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_linear_progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div class=\"skill_progress-bar-line-new skill-progress-22ad749 direction-rtl\" data-direction=\"rtl\">\r\n                            <div class=\"skill_item-progress-bar-line-new skill-item-0\" \r\n                     data-percentage=\"100\"\r\n                     data-gradient=\"linear-gradient(270deg, #9d9d9d 0%, #474747 8%)\"\r\n                     style=\"--progress-percentage: 100%;\">\r\n                    \r\n                    <!-- Skill Title and Mastery Level -->\r\n                    <div class=\"skill_title-skill-mastery\">\r\n                        <h5>\u0641\u06cc\u06af\u0645\u0627<\/h5>\r\n                        <h6>\u062d\u0631\u0641\u0647 \u0627\u06cc<\/h6>\r\n                    <\/div>\r\n                    \r\n                    <!-- Progress Bar Container -->\r\n                    <div class=\"skill_progress-bar-line-mastery\">\r\n                        <span class=\"skill_progress-mastery\" style=\"background: linear-gradient(270deg, #9d9d9d 0%, #474747 8%);\"><\/span>\r\n                        <span class=\"skill_progress-thumb\" style=\"background: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\"><\/span>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n                            <div class=\"skill_item-progress-bar-line-new skill-item-1\" \r\n                     data-percentage=\"50\"\r\n                     data-gradient=\"linear-gradient(270deg, #474747 0%, #9d9d9d 50%, #474747 100%)\"\r\n                     style=\"--progress-percentage: 50%;\">\r\n                    \r\n                    <!-- Skill Title and Mastery Level -->\r\n                    <div class=\"skill_title-skill-mastery\">\r\n                        <h5>\u0641\u062a\u0648\u0634\u0627\u067e<\/h5>\r\n                        <h6>\u0645\u062a\u0648\u0633\u0637<\/h6>\r\n                    <\/div>\r\n                    \r\n                    <!-- Progress Bar Container -->\r\n                    <div class=\"skill_progress-bar-line-mastery\">\r\n                        <span class=\"skill_progress-mastery\" style=\"background: linear-gradient(270deg, #474747 0%, #9d9d9d 50%, #474747 100%);\"><\/span>\r\n                        <span class=\"skill_progress-thumb\" style=\"background: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\"><\/span>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n                            <div class=\"skill_item-progress-bar-line-new skill-item-2\" \r\n                     data-percentage=\"90\"\r\n                     data-gradient=\"linear-gradient(270deg, #9d9d9d 0%, #474747 18%)\"\r\n                     style=\"--progress-percentage: 90%;\">\r\n                    \r\n                    <!-- Skill Title and Mastery Level -->\r\n                    <div class=\"skill_title-skill-mastery\">\r\n                        <h5>\u0627\u0644\u0645\u0646\u062a\u0648\u0631<\/h5>\r\n                        <h6>\u0646\u06cc\u0645\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc<\/h6>\r\n                    <\/div>\r\n                    \r\n                    <!-- Progress Bar Container -->\r\n                    <div class=\"skill_progress-bar-line-mastery\">\r\n                        <span class=\"skill_progress-mastery\" style=\"background: linear-gradient(270deg, #9d9d9d 0%, #474747 18%);\"><\/span>\r\n                        <span class=\"skill_progress-thumb\" style=\"background: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\"><\/span>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n                            <div class=\"skill_item-progress-bar-line-new skill-item-3\" \r\n                     data-percentage=\"100\"\r\n                     data-gradient=\"linear-gradient(270deg, #9d9d9d 0%, #474747 8%)\"\r\n                     style=\"--progress-percentage: 100%;\">\r\n                    \r\n                    <!-- Skill Title and Mastery Level -->\r\n                    <div class=\"skill_title-skill-mastery\">\r\n                        <h5>\u0627\u0633\u06a9\u0686<\/h5>\r\n                        <h6>\u062d\u0631\u0641\u0647 \u0627\u06cc<\/h6>\r\n                    <\/div>\r\n                    \r\n                    <!-- Progress Bar Container -->\r\n                    <div class=\"skill_progress-bar-line-mastery\">\r\n                        <span class=\"skill_progress-mastery\" style=\"background: linear-gradient(270deg, #9d9d9d 0%, #474747 8%);\"><\/span>\r\n                        <span class=\"skill_progress-thumb\" style=\"background: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\"><\/span>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n                            <div class=\"skill_item-progress-bar-line-new skill-item-4\" \r\n                     data-percentage=\"50\"\r\n                     data-gradient=\"linear-gradient(270deg, #474747 0%, #9d9d9d 50%, #474747 100%)\"\r\n                     style=\"--progress-percentage: 50%;\">\r\n                    \r\n                    <!-- Skill Title and Mastery Level -->\r\n                    <div class=\"skill_title-skill-mastery\">\r\n                        <h5>\u0648\u0631\u062f\u067e\u0631\u0633<\/h5>\r\n                        <h6>\u0645\u062a\u0648\u0633\u0637<\/h6>\r\n                    <\/div>\r\n                    \r\n                    <!-- Progress Bar Container -->\r\n                    <div class=\"skill_progress-bar-line-mastery\">\r\n                        <span class=\"skill_progress-mastery\" style=\"background: linear-gradient(270deg, #474747 0%, #9d9d9d 50%, #474747 100%);\"><\/span>\r\n                        <span class=\"skill_progress-thumb\" style=\"background: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\"><\/span>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n                            <div class=\"skill_item-progress-bar-line-new skill-item-5\" \r\n                     data-percentage=\"90\"\r\n                     data-gradient=\"linear-gradient(270deg, #9d9d9d 0%, #474747 18%)\"\r\n                     style=\"--progress-percentage: 90%;\">\r\n                    \r\n                    <!-- Skill Title and Mastery Level -->\r\n                    <div class=\"skill_title-skill-mastery\">\r\n                        <h5>\u0632\u0628\u0627\u0646 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc<\/h5>\r\n                        <h6>\u0646\u06cc\u0645\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc<\/h6>\r\n                    <\/div>\r\n                    \r\n                    <!-- Progress Bar Container -->\r\n                    <div class=\"skill_progress-bar-line-mastery\">\r\n                        <span class=\"skill_progress-mastery\" style=\"background: linear-gradient(270deg, #9d9d9d 0%, #474747 18%);\"><\/span>\r\n                        <span class=\"skill_progress-thumb\" style=\"background: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\"><\/span>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n                    <\/div>\r\n\r\n        <style>\r\n            \/* ============================================\r\n               BASE WIDGET STYLES\r\n               ============================================ *\/\r\n            \r\n            .skill-progress-22ad749 {\r\n                display: flex;\r\n                flex-direction: column;\r\n                width: 100%;\r\n            }\r\n\r\n            .skill-progress-22ad749 .skill_item-progress-bar-line-new {\r\n                display: flex;\r\n                flex-direction: column;\r\n                width: 100%;\r\n            }\r\n\r\n            .skill-progress-22ad749 .skill_title-skill-mastery {\r\n                display: flex;\r\n                flex-direction: row-reverse;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n            }\r\n\r\n            .skill-progress-22ad749 .skill_title-skill-mastery h5,\r\n            .skill-progress-22ad749 .skill_title-skill-mastery h6 {\r\n                margin: 0;\r\n            }\r\n\r\n            .skill-progress-22ad749 .skill_progress-bar-line-mastery {\r\n                display: flex;\r\n                position: relative;\r\n                width: 100%;\r\n            }\r\n\r\n            .skill-progress-22ad749 span.skill_progress-mastery {\r\n                width: 100%;\r\n                position: relative;\r\n                overflow: hidden;\r\n                display: block;\r\n            }\r\n\r\n            \/* Thumb indicator base styles *\/\r\n            .skill-progress-22ad749 span.skill_progress-thumb {\r\n                position: absolute;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                border-radius: 50%;\r\n                z-index: 3;\r\n                padding: 4px;\r\n                background-clip: content-box;\r\n                margin-top: 0;\r\n                transition: all 1500ms cubic-bezier(0.4, 0, 0.2, 1);\r\n            }\r\n\r\n            \/* Thumb outer ring *\/\r\n            .skill-progress-22ad749 span.skill_progress-thumb::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: -3px;\r\n                left: -3px;\r\n                right: -3px;\r\n                bottom: -3px;\r\n                border-radius: 50%;\r\n                background: linear-gradient(173deg, #ff6b35 14%, #e63946 73%);\r\n                z-index: -1;\r\n            }\r\n\r\n            \/* Thumb inner circle *\/\r\n            .skill-progress-22ad749 span.skill_progress-thumb::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 2px;\r\n                left: 2px;\r\n                right: 2px;\r\n                bottom: 2px;\r\n                border-radius: 50%;\r\n                background: #000;\r\n                z-index: -1;\r\n            }\r\n\r\n            \/* ============================================\r\n               RTL DIRECTION STYLES (Default)\r\n               ============================================ *\/\r\n            \r\n            .skill-progress-22ad749.direction-rtl span.skill_progress-thumb {\r\n                right: calc(100% - 16px);\r\n            }\r\n\r\n            .skill-progress-22ad749.direction-rtl .skill_item-progress-bar-line-new.animated span.skill_progress-thumb {\r\n                right: calc(100% - var(--progress-percentage) - 8px);\r\n            }\r\n\r\n            \/* ============================================\r\n               LTR DIRECTION STYLES\r\n               ============================================ *\/\r\n            \r\n            .skill-progress-22ad749.direction-ltr span.skill_progress-thumb {\r\n                left: calc(100% - 16px);\r\n            }\r\n\r\n            .skill-progress-22ad749.direction-ltr .skill_item-progress-bar-line-new.animated span.skill_progress-thumb {\r\n                left: calc(100% - var(--progress-percentage) - 8px);\r\n            }\r\n\r\n            \/* Title alignment for LTR *\/\r\n            .skill-progress-22ad749.direction-ltr .skill_title-skill-mastery {\r\n                flex-direction: row;\r\n            }\r\n        <\/style>\r\n\r\n                <script>\r\n            (function() {\r\n                'use strict';\r\n                \r\n                \/**\r\n                 * Initialize skill progress bars with intersection observer\r\n                 * Triggers animation when element enters viewport\r\n                 *\/\r\n                function initSkillProgressBars() {\r\n                    const widget = document.querySelector('.skill-progress-22ad749');\r\n                    \r\n                    if (!widget) return;\r\n                    \r\n                    const items = widget.querySelectorAll('.skill_item-progress-bar-line-new');\r\n                    const animationDelay = 200;\r\n                    const direction = widget.getAttribute('data-direction') || 'rtl';\r\n                    \r\n                    \/**\r\n                     * Intersection Observer configuration\r\n                     * Triggers when 20% of element is visible\r\n                     *\/\r\n                    const observerOptions = {\r\n                        root: null,\r\n                        rootMargin: '0px',\r\n                        threshold: 0.2\r\n                    };\r\n                    \r\n                    const observer = new IntersectionObserver((entries) => {\r\n                        entries.forEach((entry, index) => {\r\n                            if (entry.isIntersecting) {\r\n                                const item = entry.target;\r\n                                \r\n                                \/\/ Add animated class with staggered delay\r\n                                setTimeout(() => {\r\n                                    item.classList.add('animated');\r\n                                }, index * animationDelay);\r\n                                \r\n                                \/\/ Unobserve after animation\r\n                                observer.unobserve(item);\r\n                            }\r\n                        });\r\n                    }, observerOptions);\r\n                    \r\n                    \/\/ Observe each skill item\r\n                    items.forEach(item => {\r\n                        observer.observe(item);\r\n                    });\r\n                }\r\n                \r\n                \/\/ Initialize on DOM ready\r\n                if (document.readyState === 'loading') {\r\n                    document.addEventListener('DOMContentLoaded', initSkillProgressBars);\r\n                } else {\r\n                    initSkillProgressBars();\r\n                }\r\n                \r\n                \/\/ Re-initialize on Elementor frontend init (for AJAX loaded content)\r\n                if (window.elementorFrontend) {\r\n                    window.elementorFrontend.hooks.addAction('frontend\/element_ready\/skill_linear_progress.default', initSkillProgressBars);\r\n                }\r\n            })();\r\n        <\/script>\r\n        \r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f52d8d e-con-full e-flex e-con e-child\" data-id=\"5f52d8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1b59c9c e-con-full e-flex e-con e-child\" data-id=\"1b59c9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c02a3b elementor-widget elementor-widget-skill_text_gradient\" data-id=\"1c02a3b\" 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-1c02a3b\">\u0645\u0647\u0627\u0631\u062a<\/h2><style>\r\n            #skill-gradient-1c02a3b {\r\n                background: -webkit-linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\r\n                background: linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\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-d8c320c elementor-widget elementor-widget-text-editor\" data-id=\"d8c320c\" 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>\u0647\u0627\u06cc \u0645\u0646<\/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-256ea73 elementor-widget elementor-widget-text-editor\" data-id=\"256ea73\" 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>\u0628\u0631\u0627\u06cc \u0631\u0634\u062f \u0645\u062f\u0627\u0648\u0645 \u062f\u0631 \u06a9\u0627\u0631\u0645\u060c \u0647\u0645\u06cc\u0634\u0647 \u0631\u0648\u06cc \u062a\u0642\u0648\u06cc\u062a \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0641\u0631\u062f\u06cc \u062a\u0645\u0631\u06a9\u0632 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u062a\u0627 \u0628\u062a\u0648\u0646\u0645 \u062f\u0631 \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u062e\u0631\u0648\u062c\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0648 \u0627\u0631\u0632\u0634\u200c\u0645\u0646\u062f\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u0628\u062f\u0645. <br \/>\u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u0628\u0627 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644<span style=\"color: #ffffff;\"><strong> Figma\u060c Photoshop\u060c Elementor\u060c Sketch \u0648 WordPress<\/strong><\/span> \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u062a\u0627 \u0647\u0645 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0647\u0645 \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0648 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0645. <br \/>\u0647\u0645\u200c\u0632\u0645\u0627\u0646 \u0631\u0648\u06cc \u062a\u0642\u0648\u06cc\u062a \u0632\u0628\u0627\u0646 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0647\u0645 \u062c\u062f\u06cc \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u062a\u0627 \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u0627\u0635\u0644\u06cc\u060c \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0645\u0639\u062a\u0628\u0631 \u0648 \u062a\u0631\u0646\u062f\u0647\u0627\u06cc \u0631\u0648\u0632 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0645<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0681002 e-con-full e-flex e-con e-child\" data-id=\"0681002\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f386101 elementor-widget elementor-widget-skill_platform_icons\" data-id=\"f386101\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_platform_icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            \/* Base styles for skill platform icons widget *\/\r\n            #skill-icons-f386101.skill-platform-icons {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                align-items: center;\r\n                gap: 32px;\r\n            }\r\n\r\n            \/* RTL support for Persian language *\/\r\n            [dir=\"rtl\"] #skill-icons-f386101.skill-platform-icons {\r\n                direction: rtl;\r\n            }\r\n\r\n            \/* Icon wrapper *\/\r\n            #skill-icons-f386101 .skill-icon-wrapper {\r\n                position: relative;\r\n                display: inline-block;\r\n            }\r\n\r\n            \/* Individual icon styling *\/\r\n            #skill-icons-f386101 .skill-platform-icon {\r\n                position: relative;\r\n                display: block;\r\n                width: 52px;\r\n                height: 53px;\r\n                border: 1px solid #959595;\r\n                border-radius: 15px;\r\n                overflow: hidden;\r\n                cursor: pointer;\r\n                transition: all 0.3s ease;\r\n                text-decoration: none;\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            \/* Image inside icon *\/\r\n            #skill-icons-f386101 .skill-platform-icon img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n                display: block;\r\n                border-radius: 15px;\r\n            }\r\n\r\n            \/* Hover effects *\/\r\n            #skill-icons-f386101 .skill-platform-icon:hover {\r\n                transform: scale(1.1);\r\n                border-width: 2px;\r\n            }\r\n\r\n            \/* Tooltip styling *\/\r\n            #skill-icons-f386101 .skill-tooltip {\r\n                position: absolute;\r\n                bottom: 100%;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                background-color: #333333;\r\n                color: #ffffff;\r\n                padding: 8px 12px;\r\n                border-radius: 4px;\r\n                font-size: 14px;\r\n                white-space: nowrap;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                margin-bottom: 8px;\r\n                z-index: 100;\r\n                pointer-events: none;\r\n            }\r\n\r\n            \/* Tooltip arrow *\/\r\n            #skill-icons-f386101 .skill-tooltip::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 100%;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                border-width: 5px;\r\n                border-style: solid;\r\n                border-color: #333333 transparent transparent transparent;\r\n            }\r\n\r\n            \/* Show tooltip on hover *\/\r\n            #skill-icons-f386101 .skill-platform-icon:hover .skill-tooltip {\r\n                opacity: 1;\r\n                visibility: visible;\r\n                bottom: calc(100% + 5px);\r\n            }\r\n\r\n            \/* Responsive adjustments *\/\r\n            @media (max-width: 768px) {\r\n                #skill-icons-f386101.skill-platform-icons {\r\n                    gap: 20px;\r\n                }\r\n                \r\n                #skill-icons-f386101 .skill-platform-icon {\r\n                    width: 44px;\r\n                    height: 44px;\r\n                }\r\n            }\r\n\r\n            \/* Accessibility - reduced motion *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #skill-icons-f386101 .skill-platform-icon,\r\n                #skill-icons-f386101 .skill-tooltip {\r\n                    transition: none;\r\n                }\r\n            }\r\n        <\/style>\r\n                <div class=\"skill-platform-icons\" id=\"skill-icons-f386101\">\r\n                            \r\n                <div class=\"skill-icon-wrapper\">\r\n                                            <div class=\"skill-platform-icon\">\r\n                                        \r\n                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/image-1.png\" \r\n                             alt=\"\u0645\u0647\u0627\u0631\u062a 1\"\r\n                             loading=\"lazy\">\r\n                        \r\n                                            \r\n                                            <\/div>\r\n                                    <\/div>\r\n                \r\n                            \r\n                <div class=\"skill-icon-wrapper\">\r\n                                            <div class=\"skill-platform-icon\">\r\n                                        \r\n                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/image-3.png\" \r\n                             alt=\"\u0645\u0647\u0627\u0631\u062a 2\"\r\n                             loading=\"lazy\">\r\n                        \r\n                                            \r\n                                            <\/div>\r\n                                    <\/div>\r\n                \r\n                            \r\n                <div class=\"skill-icon-wrapper\">\r\n                                            <div class=\"skill-platform-icon\">\r\n                                        \r\n                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/image-4.png\" \r\n                             alt=\"\u0645\u0647\u0627\u0631\u062a 3\"\r\n                             loading=\"lazy\">\r\n                        \r\n                                            \r\n                                            <\/div>\r\n                                    <\/div>\r\n                \r\n                            \r\n                <div class=\"skill-icon-wrapper\">\r\n                                            <div class=\"skill-platform-icon\">\r\n                                        \r\n                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/image-2.png\" \r\n                             alt=\"\u0645\u0647\u0627\u0631\u062a 4\"\r\n                             loading=\"lazy\">\r\n                        \r\n                                            \r\n                                            <\/div>\r\n                                    <\/div>\r\n                \r\n                            \r\n                <div class=\"skill-icon-wrapper\">\r\n                                            <div class=\"skill-platform-icon\">\r\n                                        \r\n                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Default.png\" \r\n                             alt=\"\u0645\u0647\u0627\u0631\u062a 5\"\r\n                             loading=\"lazy\">\r\n                        \r\n                                            \r\n                                            <\/div>\r\n                                    <\/div>\r\n                \r\n                            \r\n                <div class=\"skill-icon-wrapper\">\r\n                                            <div class=\"skill-platform-icon\">\r\n                                        \r\n                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Default-1.png\" \r\n                             alt=\"\u0645\u0647\u0627\u0631\u062a 6\"\r\n                             loading=\"lazy\">\r\n                        \r\n                                            \r\n                                            <\/div>\r\n                                    <\/div>\r\n                \r\n                    <\/div>\r\n        \t\t\t\t<\/div>\n\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-2401383 e-flex e-con-boxed e-con e-parent\" data-id=\"2401383\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-80794e7 e-con-full e-flex e-con e-child\" data-id=\"80794e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3cede03 e-con-full e-flex e-con e-child\" data-id=\"3cede03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-424cf8f elementor-widget elementor-widget-heading\" data-id=\"424cf8f\" 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\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a0dafa elementor-widget elementor-widget-text-editor\" data-id=\"9a0dafa\" 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>\u0645\u0646 \u0645\u062d\u0645\u062f \u0647\u0633\u062a\u0645\u060c \u0637\u0631\u0627\u062d \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06a9\u0647 \u0647\u062f\u0641\u0634 \u062e\u0644\u0642 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u06cc \u062c\u0630\u0627\u0628 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\u0647. <br \/>\u062a\u0645\u0631\u06a9\u0632\u0645 \u0631\u0648\u06cc \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc\u060c \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u0648\u0627\u0642\u0639\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f\u0647. <br \/>\u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u062e\u0644\u0627\u0642\u06cc\u062a\u060c \u062a\u0641\u06a9\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u062d\u0644\u06cc\u0644 \u062f\u0627\u062f\u0647\u060c \u062a\u0644\u0627\u0634 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u062e\u0631\u0648\u062c\u06cc \u062a\u0623\u062b\u06cc\u0631\u06af\u0630\u0627\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646. <br \/>\u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u0646 \u0628\u0627 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0645\u062f\u0627\u0648\u0645 \u0648 \u0631\u0634\u062f \u0634\u062e\u0635\u06cc \u0647\u0645\u0631\u0627\u0647\u0647 \u062a\u0627 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u062a\u06cc\u062c\u0647 \u0631\u0648 \u0627\u0631\u0627\u0626\u0647 \u0628\u062f\u0645<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d50c24f e-con-full e-flex e-con e-child\" data-id=\"d50c24f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3fd0b3 elementor-widget elementor-widget-button\" data-id=\"b3fd0b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/localhost\/sskill\/wp-content\/uploads\/2025\/08\/my-resume.pdf\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-download\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062f\u0627\u0646\u0644\u0648\u062f \u0631\u0632\u0648\u0645\u0647<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c29cd26 elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"c29cd26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-behance elementor-animation-skew-forward elementor-repeater-item-71066b4\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Behance<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-behance\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-dribbble elementor-animation-skew-forward elementor-repeater-item-edbf4f2\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Dribbble<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-dribbble\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248 248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955-6.984-1.477-77.018-15.682-147.502-6.818-5.752-14.041-11.181-26.393-18.617-41.614 78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519-34.712-63.776-73.185-116.168-79.04-124.008 67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473 9.268.19 111.92 1.513 217.706-30.146 6.064 11.868 11.857 23.915 17.174 35.949-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756 29.74 77.283 42.039 142.053 45.189 160.638-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033 66.38-10.626 124.7 6.768 131.947 9.055-9.442 58.941-43.273 109.844-90.795 141.978z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-animation-skew-forward elementor-repeater-item-5246fe2\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-skew-forward elementor-repeater-item-0e5e77f\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\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>\n\t\t<div class=\"elementor-element elementor-element-af488db e-con-full e-flex e-con e-child\" data-id=\"af488db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94791f2 elementor-widget elementor-widget-image\" data-id=\"94791f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"418\" height=\"453\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Man-in-black-suit-looking-confident.png\" class=\"attachment-large size-large wp-image-5559\" alt=\"\" srcset=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Man-in-black-suit-looking-confident.png 418w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Man-in-black-suit-looking-confident-277x300.png 277w\" sizes=\"(max-width: 418px) 100vw, 418px\" \/>\t\t\t\t\t\t\t\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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e503fa9 e-con-full e-flex e-con e-parent\" data-id=\"e503fa9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ceaf558 e-con-full e-flex e-con e-child\" data-id=\"ceaf558\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1912b85 e-con-full e-flex e-con e-child\" data-id=\"1912b85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75c59f6 elementor-widget elementor-widget-skill_text_gradient\" data-id=\"75c59f6\" 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-75c59f6\">\u0645\u0631\u0627\u062d\u0644<\/h2><style>\r\n            #skill-gradient-75c59f6 {\r\n                background: -webkit-linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\r\n                background: linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\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-5f1fee0 elementor-widget elementor-widget-text-editor\" data-id=\"5f1fee0\" 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>\u06a9\u0627\u0631\u0645\u0646<\/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-ec4a59e elementor-widget elementor-widget-text-editor\" data-id=\"ec4a59e\" 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>\u0645\u0631\u0627\u062d\u0644 \u06a9\u0627\u0631 \u0648 \u0631\u0648\u0634 \u0645\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \u0645\u0631\u0627\u062d\u0644 \u0632\u06cc\u0631 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0648 \u0628\u0627 \u0631\u0648\u0646\u062f \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u0645 \u0622\u0634\u0646\u0627 \u0634\u0648\u06cc\u062f<\/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<div class=\"elementor-element elementor-element-80e83fc e-con-full e-flex e-con e-child\" data-id=\"80e83fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b403f1b elementor-widget elementor-widget-skill_my_work_steps\" data-id=\"b403f1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_my_work_steps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \r\n        <!-- Inline Styles for this Widget Instance -->\r\n        <style>\r\n            \/* Base Styles *\/\r\n            \r\n            \/* Base Widget Styles - Self Contained *\/\r\n            .skill-my-work-steps {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 30px;\r\n                width: 1400px;\r\n                oveflow-x: auto;\r\n            }\r\n\r\n            .skill-steps-my-work {\r\n                display: flex;\r\n                flex-direction: row-reverse;\r\n                height: 69px;\r\n                position: relative;\r\n                width: 100%;\r\n            }\r\n\r\n            .skill-steps-my-work img {\r\n                position: absolute;\r\n                transform: translateX(-50%);\r\n                max-width: none;\r\n                height: auto;\r\n                object-fit: contain;\r\n                top: 0;\r\n            }\r\n\r\n            .skill-hero-bg-steps-my-work {\r\n                display: flex;\r\n                position: relative;\r\n                justify-content: center;\r\n                width: 100%;\r\n            }\r\n\r\n            .skill-bg-steps-my-work {\r\n                width: 974px;\r\n                height: 6px;\r\n                border-radius: 50px;\r\n                display: block;\r\n            }\r\n\r\n            .skill-steps-thumb-works {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                pointer-events: none;\r\n            }\r\n\r\n            .skill-thumb-steps-my-work {\r\n                position: absolute;\r\n                top: 50%;\r\n                transform: translate(-50%, -50%);\r\n                width: 16px;\r\n                height: 16px;\r\n                border-radius: 50%;\r\n                z-index: 3;\r\n                padding: 4px;\r\n                background-clip: content-box;\r\n                box-sizing: content-box;\r\n            }\r\n\r\n            .skill-thumb-steps-my-work::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: -3px;\r\n                left: -3px;\r\n                right: -3px;\r\n                bottom: -3px;\r\n                border-radius: 50%;\r\n                z-index: -1;\r\n            }\r\n\r\n            .skill-thumb-steps-my-work::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 2px;\r\n                left: 2px;\r\n                right: 2px;\r\n                bottom: 2px;\r\n                border-radius: 50%;\r\n                z-index: -1;\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n\r\n            .skill-steps-works-my-text-title {\r\n                display: flex;\r\n                flex-direction: row-reverse;\r\n                justify-content: space-around;\r\n                width: 100%;\r\n            }\r\n\r\n            .skill-steps-works {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                width: 249px;\r\n                text-align: center;\r\n            }\r\n\r\n            .skill-steps-works h3 {\r\n                font-size: 30px;\r\n                font-weight: bold;\r\n                color: #FFFFFF;\r\n                margin: 0 0 10px 0;\r\n            }\r\n\r\n            .skill-steps-works p {\r\n                font-size: 16px;\r\n                color: #B5B5B5;\r\n                margin: 0;\r\n                line-height: 1.6;\r\n            }\r\n\r\n            \/* RTL Specific Adjustments *\/\r\n            [dir=\"rtl\"] .skill-steps-my-work {\r\n                flex-direction: row-reverse;\r\n            }\r\n\r\n            [dir=\"rtl\"] .skill-steps-works-my-text-title {\r\n                flex-direction: row-reverse;\r\n            }\r\n\r\n            \/* Responsive Styles *\/\r\n            @media (max-width: 768px) {\r\n                .skill-steps-my-work {\r\n                    height: 50px;\r\n                }\r\n                \r\n                .skill-steps-works h3 {\r\n                    font-size: 20px;\r\n                }\r\n                \r\n                .skill-steps-works p {\r\n                    font-size: 14px;\r\n                }\r\n                \r\n                .skill-steps-works {\r\n                    width: auto;\r\n                    flex: 1;\r\n                    padding: 0 10px;\r\n                }\r\n            }\r\n\r\n            @media (max-width: 480px) {\r\n                .skill-steps-works-my-text-title {\r\n                    flex-direction: column;\r\n                    gap: 20px;\r\n                }\r\n                \r\n                .skill-steps-works {\r\n                    width: 100%;\r\n                }\r\n                \r\n                .skill-steps-my-work img {\r\n                    width: 30px;\r\n                }\r\n            }\r\n                    \r\n            \/* Dynamic Gradients for Widget b403f1b *\/\r\n            .elementor-element-b403f1b .skill-bg-steps-my-work {\r\n                background: linear-gradient(270deg, \r\n                    rgba(157, 157, 157, 1) 0%, \r\n                    rgba(84, 84, 84, 1) 11%, \r\n                    rgba(84, 84, 84, 1) 21%, \r\n                    rgba(157, 157, 157, 1) 32%, \r\n                    rgba(84, 84, 84, 1) 43%, \r\n                    rgba(84, 84, 84, 1) 54%, \r\n                    rgba(157, 157, 157, 1) 66%, \r\n                    rgba(84, 84, 84, 1) 77%, \r\n                    rgba(84, 84, 84, 1) 90%, \r\n                    rgba(157, 157, 157, 1) 100%);\r\n            }\r\n            \r\n            .elementor-element-b403f1b .skill-thumb-steps-my-work {\r\n                background: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\r\n            }\r\n            \r\n            .elementor-element-b403f1b .skill-thumb-steps-my-work::before {\r\n                background: linear-gradient(173deg, rgba(250, 110, 0, 1) 14%, rgba(230, 0, 38, 1) 73%);\r\n            }\r\n            \r\n            .elementor-element-b403f1b .skill-thumb-steps-my-work::after {\r\n                background: #000000;\r\n            }\r\n\r\n            .skill-my-steps-container {\r\n                overflow: auto;\r\n                display: flex;\r\n                justify-content: center;\r\n            }\r\n\r\n            @media screen and (max-width: 1024px) {\r\n                .skill-my-steps-container {\r\n                    justify-content: flex-start;\r\n                }\r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"skill-my-steps-container\">\r\n        <div class=\"skill-my-work-steps\">\r\n            \r\n            <!-- Step Numbers -->\r\n            <div class=\"skill-steps-my-work\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/01.svg\" \r\n                         alt=\"\u0627\u0631\u062a\u0628\u0627\u0637 \u0627\u0648\u0644\u06cc\u0647\"\r\n                         style=\"left: 12.5%;\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/02.svg\" \r\n                         alt=\"\u0631\u06cc\u0633\u0631\u0686 \u0648 \u0628\u0646\u0686\u0645\u0627\u0631\u06a9\"\r\n                         style=\"left: 37.5%;\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/03.svg\" \r\n                         alt=\"\u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u0648\u0698\u0647\"\r\n                         style=\"left: 62.5%;\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/04.svg\" \r\n                         alt=\"\u062a\u0633\u062a \u0648 \u0627\u062c\u0631\u0627\"\r\n                         style=\"left: 87.5%;\">\r\n                            <\/div>\r\n\r\n            <!-- Progress Bar with Thumbs -->\r\n            <div class=\"skill-hero-bg-steps-my-work\">\r\n                <span class=\"skill-bg-steps-my-work\"><\/span>\r\n                <div class=\"skill-steps-thumb-works\">\r\n                                            <span class=\"skill-thumb-steps-my-work\" \r\n                              style=\"left: 12.5%; right: unset;\">\r\n                        <\/span>\r\n                                            <span class=\"skill-thumb-steps-my-work\" \r\n                              style=\"left: 37.5%; right: unset;\">\r\n                        <\/span>\r\n                                            <span class=\"skill-thumb-steps-my-work\" \r\n                              style=\"left: 62.5%; right: unset;\">\r\n                        <\/span>\r\n                                            <span class=\"skill-thumb-steps-my-work\" \r\n                              style=\"left: 87.5%; right: unset;\">\r\n                        <\/span>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step Content -->\r\n            <div class=\"skill-steps-works-my-text-title\">\r\n                                    <div class=\"skill-steps-works\">\r\n                        <h3>\u0627\u0631\u062a\u0628\u0627\u0637 \u0627\u0648\u0644\u06cc\u0647<\/h3>\r\n                        <p>\u0628\u0627 \u0645\u0634\u062a\u0631\u06cc \u0635\u062d\u0628\u062a \u0645\u06cc\u200c\u06a9\u0646\u0645 \u062a\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u060c \u0627\u0647\u062f\u0627\u0641 \u0648 \u062e\u0648\u0627\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0645\u0634\u062e\u0635 \u0628\u0634\u0647<\/p>\r\n                    <\/div>\r\n                                    <div class=\"skill-steps-works\">\r\n                        <h3>\u0631\u06cc\u0633\u0631\u0686 \u0648 \u0628\u0646\u0686\u0645\u0627\u0631\u06a9<\/h3>\r\n                        <p>\u0628\u0627\u0632\u0627\u0631\u060c \u0631\u0642\u0628\u0627 \u0648 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0645 \u062a\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627 \u0631\u0648 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u0645<\/p>\r\n                    <\/div>\r\n                                    <div class=\"skill-steps-works\">\r\n                        <h3>\u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u0648\u0698\u0647<\/h3>\r\n                        <p>\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0631\u0648\u06cc \u06a9\u06cc\u0641\u06cc\u062a\u060c \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0645<\/p>\r\n                    <\/div>\r\n                                    <div class=\"skill-steps-works\">\r\n                        <h3>\u062a\u0633\u062a \u0648 \u0627\u062c\u0631\u0627<\/h3>\r\n                        <p>\u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0631\u0648 \u062a\u0633\u062a \u0645\u06cc\u200c\u06a9\u0646\u0645\u060c \u0627\u0635\u0644\u0627\u062d\u0627\u062a \u0644\u0627\u0632\u0645 \u0631\u0648 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u0648 \u0622\u0645\u0627\u062f\u0647 \u062a\u062d\u0648\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0645<\/p>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n        <\/div>\r\n        <\/div>\r\n\r\n        \r\n        \r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a0bdb5 e-flex e-con-boxed e-con e-parent\" data-id=\"8a0bdb5\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3ae7e88 e-con-full e-flex e-con e-child\" data-id=\"3ae7e88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9faf6c2 e-con-full e-flex e-con e-child\" data-id=\"9faf6c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3f8aec elementor-widget elementor-widget-skill_text_gradient\" data-id=\"c3f8aec\" 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-c3f8aec\">\u062e\u062f\u0645\u0627\u062a<\/h2><style>\r\n            #skill-gradient-c3f8aec {\r\n                background: -webkit-linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\r\n                background: linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\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-68e6346 elementor-widget elementor-widget-text-editor\" data-id=\"68e6346\" 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>\u0645\u0646<\/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-a70423f elementor-widget elementor-widget-text-editor\" data-id=\"a70423f\" 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>\u062e\u062f\u0645\u0627\u062a \u0645\u0646 \u0631\u0627 \u062f\u0631 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f \u06a9\u0647 \u0634\u0627\u0645\u0644 \u0637\u0631\u0627\u062d\u06cc UI\u060c \u062a\u062d\u0642\u06cc\u0642\u0627\u062a UX \u0648 \u062a\u0648\u0633\u0639\u0647 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f<\/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<div class=\"elementor-element elementor-element-0eec82d e-con-full e-flex e-con e-child\" data-id=\"0eec82d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-595be2d elementor-widget elementor-widget-skill_services_modern\" data-id=\"595be2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_services_modern.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t<style>\r\n\t\t\t\/* EXACT COPY FROM HTML FILE - Only dynamic values changed *\/\r\n\t\t\t#skill-services-595be2d.skill_my-services-new-modern {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tpadding: 50px 20px;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\ttransition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n\t\t\t\ttransform: translateY(0) rotate(0deg);\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .card-bg {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tinset: 0;\r\n\t\t\t\tbackground: #2a2a2a;\r\n\t\t\t\tborder-radius: 24px;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\ttransition: all 0.4s ease;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .card-border {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tinset: 0;\r\n\t\t\t\tborder-radius: 24px;\r\n\t\t\t\tpadding: 2px;\r\n\t\t\t\tbackground: linear-gradient(194deg, rgba(74, 74, 74, 1) 0%, rgba(18, 18, 18, 1) 50%);\r\n\t\t\t\t-webkit-mask: \r\n\t\t\t\t\tlinear-gradient(#fff 0 0) content-box, \r\n\t\t\t\t\tlinear-gradient(#fff 0 0);\r\n\t\t\t\tmask: \r\n\t\t\t\t\tlinear-gradient(#fff 0 0) content-box, \r\n\t\t\t\t\tlinear-gradient(#fff 0 0);\r\n\t\t\t\t-webkit-mask-composite: xor;\r\n\t\t\t\tmask-composite: exclude;\r\n\t\t\t\tz-index: 2;\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .card-content {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tz-index: 3;\r\n\t\t\t\tpadding: 40px 16px;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tbackground: #252525;\r\n\t\t\t\tborder-radius: 24px;\r\n\t\t\t\ttransition: all 0.4s ease;\r\n\t\t\t}\r\n\r\n\t\t\t\/* FIXED: Icon container styles moved from i to container *\/\r\n\t\t\t#skill-services-595be2d .skill_icon-cart-service {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\twidth: 72px;\r\n\t\t\t\theight: 72px;\r\n\t\t\t\tbackground: #ffffff14;\r\n\t\t\t\tborder-radius: 50px;\r\n\t\t\t\tborder: 1px solid #4B4B4B;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\ttransition: all 0.3s ease;\r\n\t\t\t}\r\n\r\n\t\t\t\/* FIXED: Icon element styles *\/\r\n\t\t\t#skill-services-595be2d .skill_icon-cart-service i {\r\n\t\t\t\tfont-size: 30px;\r\n\t\t\t\tcolor: #ee2d16;\r\n\t\t\t\tline-height: 1;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\r\n\t\t\t\/* FIXED: SVG icon support *\/\r\n\t\t\t#skill-services-595be2d .skill_icon-cart-service svg {\r\n\t\t\t\twidth: 30px;\r\n\t\t\t\theight: 30px;\r\n\t\t\t\tfill: #ee2d16;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item h2 {\r\n\t\t\t\tmargin-top: 24px;\r\n\t\t\t\tmargin-bottom: 24px;\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tcolor: #D9D9D9;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\ttransition: color 0.3s ease;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item ul {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tgap: 24px;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item ul li {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tcolor: #B5B5B5;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 15px;\r\n\t\t\t\ttransition: color 0.3s ease;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d span.skill_thumb-item-card-services {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tz-index: 3;\r\n\t\t\t\tpadding: 4px;\r\n\t\t\t\tbackground: linear-gradient(135deg, #ff6b35 0%, #e63946 100%);\r\n\t\t\t\tbackground-clip: content-box;\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d span.skill_thumb-item-card-services::before {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: -3px;\r\n\t\t\t\tleft: -3px;\r\n\t\t\t\tright: -3px;\r\n\t\t\t\tbottom: -3px;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tbackground: linear-gradient(173deg, rgba(250, 110, 0, 1) 14%, rgba(230, 0, 38, 1) 73%);\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d span.skill_thumb-item-card-services::after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 2px;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 2px;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tbackground: #252525;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\twidth: 10px;\r\n\t\t\t\theight: 10px;\r\n\t\t\t\ttransition: background 0.3s ease;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover {\r\n\t\t\t\ttransform: translateY(-40px) rotate(3deg);\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover .card-content {\r\n\t\t\t\tbackground: linear-gradient(97deg, rgba(250, 110, 0, 1) 0%, rgba(230, 0, 38, 1) 69%);\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover .card-bg {\r\n\t\t\t\ttransform: translateY(30px) rotate(-3deg);\r\n\t\t\t\tbackground: #3A3A3A;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover .card-border {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover h2 {\r\n\t\t\t\tcolor: #ffffff;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover ul li {\r\n\t\t\t\tcolor: #ffffff;\r\n\t\t\t}\r\n\r\n\t\t\t\/* FIXED: Hover styles for icon container *\/\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover .skill_icon-cart-service {\r\n\t\t\t\tbackground: rgba(255, 255, 255, 0.2);\r\n\t\t\t\tborder-color: rgba(255, 255, 255, 0.5);\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover .skill_icon-cart-service i {\r\n\t\t\t\tcolor: #ffffff;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover .skill_icon-cart-service svg {\r\n\t\t\t\tfill: #ffffff;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover span.skill_thumb-item-card-services::after {\r\n\t\t\t\tbackground: linear-gradient(97deg, rgba(250, 110, 0, 1) 0%, rgba(230, 0, 38, 1) 69%);\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover span.skill_thumb-item-card-services::before {\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t}\r\n\r\n\t\t\t#skill-services-595be2d .skill_my-servic-card-item:hover span.skill_thumb-item-card-services::after {\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t}\r\n\t\t<\/style>\r\n\r\n\t\t<div class=\"skill_my-services-new-modern\" id=\"skill-services-595be2d\">\r\n\t\t\t\t\t\t\t\t<div class=\"skill_my-servic-card-item\">\r\n\t\t\t\t\t\t<div class=\"card-bg\"><\/div>\r\n\t\t\t\t\t\t<div class=\"card-border\"><\/div>\r\n\t\t\t\t\t\t<div class=\"card-content\">\r\n\t\t\t\t\t\t\t<div class=\"skill_icon-cart-service\">\r\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-fill-drip\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M512 320s-64 92.65-64 128c0 35.35 28.66 64 64 64s64-28.65 64-64-64-128-64-128zm-9.37-102.94L294.94 9.37C288.69 3.12 280.5 0 272.31 0s-16.38 3.12-22.62 9.37l-81.58 81.58L81.93 4.76c-6.25-6.25-16.38-6.25-22.62 0L36.69 27.38c-6.24 6.25-6.24 16.38 0 22.62l86.19 86.18-94.76 94.76c-37.49 37.48-37.49 98.26 0 135.75l117.19 117.19c18.74 18.74 43.31 28.12 67.87 28.12 24.57 0 49.13-9.37 67.87-28.12l221.57-221.57c12.5-12.5 12.5-32.75.01-45.25zm-116.22 70.97H65.93c1.36-3.84 3.57-7.98 7.43-11.83l13.15-13.15 81.61-81.61 58.6 58.6c12.49 12.49 32.75 12.49 45.24 0s12.49-32.75 0-45.24l-58.6-58.6 58.95-58.95 162.44 162.44-48.34 48.34z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2>\u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/h2>\r\n\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t<li><span class=\"skill_thumb-item-card-services\"><\/span>\u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0648 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06cc\u0631\u0641\u0631\u06cc\u0645\u060c \u0641\u0644\u0648 \u0648 \u067e\u0631\u0648\u062a\u0648\u062a\u0627\u06cc\u067e \u0628\u0627 Figma \u0648 Sketch<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0633\u0627\u062e\u062a \u0633\u06cc\u0633\u062a\u0645 \u0637\u0631\u0627\u062d\u06cc (Design System)<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0627\u0631\u0628\u0631\u0645\u062d\u0648\u0631<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u062a\u0633\u062a \u06a9\u0627\u0631\u0628\u0631\u062f\u067e\u0630\u06cc\u0631\u06cc \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0646\u062a\u0627\u06cc\u062c<\/li>\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"skill_my-servic-card-item\">\r\n\t\t\t\t\t\t<div class=\"card-bg\"><\/div>\r\n\t\t\t\t\t\t<div class=\"card-border\"><\/div>\r\n\t\t\t\t\t\t<div class=\"card-content\">\r\n\t\t\t\t\t\t\t<div class=\"skill_icon-cart-service\">\r\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-code\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2>\u062a\u0648\u0633\u0639\u0647 \u0648 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628<\/h2>\r\n\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t<li><span class=\"skill_thumb-item-card-services\"><\/span>\u0637\u0631\u0627\u062d\u06cc \u0648 \u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0627\u062a \u0628\u0627 Elementor<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0627\u06cc\u062a \u0628\u0627 WordPress<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u0642\u0627\u0644\u0628\u200c\u0647\u0627 \u0648 \u0627\u06cc\u062c\u0627\u062f \u0644\u0646\u062f\u06cc\u0646\u06af\u200c\u067e\u06cc\u062c<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0637\u0631\u0627\u062d\u06cc \u062f\u0631 \u0648\u0628<\/li>\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"skill_my-servic-card-item\">\r\n\t\t\t\t\t\t<div class=\"card-bg\"><\/div>\r\n\t\t\t\t\t\t<div class=\"card-border\"><\/div>\r\n\t\t\t\t\t\t<div class=\"card-content\">\r\n\t\t\t\t\t\t\t<div class=\"skill_icon-cart-service\">\r\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-search\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2>\u062a\u062d\u0642\u06cc\u0642 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0627\u0631\u0628\u0631<\/h2>\r\n\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t<li><span class=\"skill_thumb-item-card-services\"><\/span>\u0627\u0646\u062c\u0627\u0645 \u062a\u062d\u0642\u06cc\u0642\u0627\u062a \u06a9\u0627\u0631\u0628\u0631\u06cc (\u0645\u0635\u0627\u062d\u0628\u0647\u060c \u067e\u0631\u0633\u0634\u200c\u0646\u0627\u0645\u0647\u060c \u062a\u062d\u0644\u06cc\u0644 \u0631\u0641\u062a\u0627\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646)<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0633\u0627\u062e\u062a \u067e\u0631\u0633\u0648\u0646\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0648 \u0646\u0642\u0634\u0647 \u0633\u0641\u0631 \u06a9\u0627\u0631\u0628\u0631<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u062a\u062d\u0644\u06cc\u0644 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0648 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u06cc\u0646\u0634\u200c\u0647\u0627<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u0641\u0631\u0627\u06cc\u0646\u062f UX<\/li><li><span class=\"skill_thumb-item-card-services\"><\/span>\u0627\u0631\u062a\u0628\u0627\u0637\u200c\u06af\u06cc\u0631\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0646\u062a\u0627\u06cc\u062c<\/li>\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\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-0fe44c7 e-flex e-con-boxed e-con e-parent\" data-id=\"0fe44c7\" 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-6a7c427 e-con-full e-flex e-con e-child\" data-id=\"6a7c427\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e1b564c e-con-full e-flex e-con e-child\" data-id=\"e1b564c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72a1a60 elementor-widget elementor-widget-skill_text_gradient\" data-id=\"72a1a60\" 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-72a1a60\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631<\/h2><style>\r\n            #skill-gradient-72a1a60 {\r\n                background: -webkit-linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\r\n                background: linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\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-b80cc1c elementor-widget elementor-widget-text-editor\" data-id=\"b80cc1c\" 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>\u0647\u0627\u06cc \u0645\u0646<\/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>\n\t\t<div class=\"elementor-element elementor-element-31fe942 e-con-full e-flex e-con e-child\" data-id=\"31fe942\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16a5614 elementor-widget elementor-widget-skill_portfolio_tabs_modern\" data-id=\"16a5614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_portfolio_tabs_modern.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div class=\"skill_tabs-portfolio-modern\" id=\"skill_portfolio_16a5614\" \r\n             data-tab-duration=\"300\"\r\n             data-item-duration=\"600\"\r\n             data-item-stagger=\"100\">\r\n            \r\n                        <div class=\"skill_menu-tabs-portfolio\">\r\n                <ul>\r\n                                        <li class=\"active\" data-filter=\"all\" data-index=\"0\">\r\n                        <a href=\"#\">\u0647\u0645\u0647<\/a>\r\n                    <\/li>\r\n                                        <li class=\"\" data-filter=\"desktop-app\" data-index=\"1\">\r\n                        <a href=\"#\">\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u062f\u0633\u06a9\u062a\u0627\u067e<\/a>\r\n                    <\/li>\r\n                                        <li class=\"\" data-filter=\"mobile-app\" data-index=\"2\">\r\n                        <a href=\"#\">\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644<\/a>\r\n                    <\/li>\r\n                                        <li class=\"\" data-filter=\"web-design\" data-index=\"3\">\r\n                        <a href=\"#\">\u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u0633\u0627\u06cc\u062a<\/a>\r\n                    <\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"skill_items-portfolio-modern-new\">\r\n                                    <div class=\"skill_item-portfolio-modern-new portfolio-filter-desktop-app is-visible\" \r\n                         data-filter=\"desktop-app\" \r\n                         data-index=\"0\"\r\n                         style=\"--item-index: 0;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/portfolio.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 1\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 1<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 1<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-mobile-app is-visible\" \r\n                         data-filter=\"mobile-app\" \r\n                         data-index=\"1\"\r\n                         style=\"--item-index: 1;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Rectangle-26.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 2\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 2<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 2<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-web-design is-visible\" \r\n                         data-filter=\"web-design\" \r\n                         data-index=\"2\"\r\n                         style=\"--item-index: 2;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Rectangle-21.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 3\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 3<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 3<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-desktop-app is-visible\" \r\n                         data-filter=\"desktop-app\" \r\n                         data-index=\"3\"\r\n                         style=\"--item-index: 3;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Rectangle-26.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 4\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 4<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 4<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-mobile-app is-visible\" \r\n                         data-filter=\"mobile-app\" \r\n                         data-index=\"4\"\r\n                         style=\"--item-index: 4;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Rectangle-21.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 5\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 5<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 5<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-web-design is-visible\" \r\n                         data-filter=\"web-design\" \r\n                         data-index=\"5\"\r\n                         style=\"--item-index: 5;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/portfolio.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 6\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 6<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 6<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-desktop-app is-visible\" \r\n                         data-filter=\"desktop-app\" \r\n                         data-index=\"6\"\r\n                         style=\"--item-index: 6;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/portfolio.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 7\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 7<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 7<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-mobile-app is-visible\" \r\n                         data-filter=\"mobile-app\" \r\n                         data-index=\"7\"\r\n                         style=\"--item-index: 7;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Rectangle-26.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 8\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 8<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 8<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"skill_item-portfolio-modern-new portfolio-filter-web-design is-visible\" \r\n                         data-filter=\"web-design\" \r\n                         data-index=\"8\"\r\n                         style=\"--item-index: 8;\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/Rectangle-21.png\" alt=\"\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 9\">\r\n                                                \r\n                        <div class=\"skill_info-porfolio-project\">\r\n                            <div class=\"skill_name-catgory-project\">\r\n                                <h3>\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 9<\/h3>\r\n                                <h6>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc 9<\/h6>\r\n                            <\/div>\r\n                            \r\n                                                        <div class=\"skill_tag-project-new\">\r\n                                <ul>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UI<\/a><\/li>\r\n                                                                        <li><a href=\"#\">\u0637\u0631\u0627\u062d\u06cc UX<\/a><\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                                                        \r\n                            <span class=\"skill_info-portfolio-line\"><\/span>\r\n                            \r\n                            <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a<\/p>\r\n                            \r\n                            <div class=\"skill_view-more-project\">\r\n                                <h5>1403-1404<\/h5>\r\n                                <a href=\"#\"  >\r\n                                    \u0628\u06cc\u0634\u062a\u0631<i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n        \/* ============================================\r\n           SKILL PORTFOLIO TABS MODERN - DYNAMIC STYLES\r\n           ============================================ *\/\r\n        \r\n        #skill_portfolio_16a5614 {\r\n            --tab-duration: 300ms;\r\n            --item-duration: 600ms;\r\n            --item-stagger: 100ms;\r\n        }\r\n\r\n        #skill_portfolio_16a5614.skill_tabs-portfolio-modern {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n            align-items: center;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Tabs Menu *\/\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio {\r\n            border: 1px solid #4B4B4B;\r\n            border-radius: 50px 50px 50px 50px;\r\n            width: 100%;\r\n            height: 52px;\r\n            overflow: hidden;\r\n            overflow-x: auto;\r\n            display: flex;\r\n            align-items: center;\r\n            scrollbar-width: none;\r\n            -ms-overflow-style: none;\r\n            position: relative;\r\n            box-sizing: border-box;\r\n            background-color: transparent;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 32px;\r\n            padding: 0;\r\n            margin: 0;\r\n            list-style: none;\r\n            height: 100%;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li {\r\n            flex-shrink: 0;\r\n            position: relative;\r\n            list-style: none;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            transition: \r\n                background-color var(--tab-duration) cubic-bezier(0.4, 0, 0.2, 1),\r\n                background-image var(--tab-duration) cubic-bezier(0.4, 0, 0.2, 1),\r\n                transform var(--tab-duration) cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow var(--tab-duration) cubic-bezier(0.4, 0, 0.2, 1),\r\n                border-radius var(--tab-duration) cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li a {\r\n            font-size: 20px;\r\n            padding: 10px 42px 10px 42px;\r\n            display: block;\r\n            text-decoration: none;\r\n            color: #B5B5B5;\r\n            transition: color var(--tab-duration) cubic-bezier(0.4, 0, 0.2, 1);\r\n            position: relative;\r\n            z-index: 1;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li.active {\r\n            background: linear-gradient(155deg, #FA6E00 0%, #E60026 83%);\r\n            border-radius: 50px 50px 50px 50px;\r\n            transform: scale(1.05);\r\n                    }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li.active a {\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li:not(.active):hover {\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li:not(.active):hover a {\r\n            color: #ffffff;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 5px;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 2px;\r\n            background: linear-gradient(127deg, #FA6E00 0%, #E60026 83%);\r\n            transition: all 0.3s ease;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li:hover::after {\r\n            width: 30px;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li.active::after {\r\n            display: none;\r\n        }\r\n\r\n        \/* Projects Grid *\/\r\n        #skill_portfolio_16a5614 .skill_items-portfolio-modern-new {\r\n            display: grid;\r\n                        grid-template-columns: repeat(, minmax(0, 1fr));\r\n                        gap: 24px;\r\n            width: 100%;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Project Items *\/\r\n        #skill_portfolio_16a5614 .skill_item-portfolio-modern-new {\r\n            position: relative;\r\n            width: 383px;\r\n            max-width: 100%;\r\n            height: 425px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            border-radius: 16px 16px 16px 16px;\r\n            opacity: 0;\r\n            transform: translateY(30px) scale(0.95);\r\n            will-change: opacity, transform;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_item-portfolio-modern-new.is-visible {\r\n            opacity: 1;\r\n            transform: translateY(0) scale(1);\r\n            animation: skillItemEnter16a5614 var(--item-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n            animation-delay: calc(var(--item-index) * var(--item-stagger));\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_item-portfolio-modern-new.is-hidden {\r\n            opacity: 0;\r\n            transform: translateY(20px) scale(0.95);\r\n            pointer-events: none;\r\n            position: absolute;\r\n            animation: skillItemLeave16a5614 0.3s ease forwards;\r\n        }\r\n\r\n        @keyframes skillItemEnter16a5614 {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(40px) scale(0.9);\r\n            }\r\n            60% {\r\n                opacity: 1;\r\n                transform: translateY(-5px) scale(1.02);\r\n            }\r\n            100% {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n            }\r\n        }\r\n\r\n        @keyframes skillItemLeave16a5614 {\r\n            0% {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translateY(-20px) scale(0.95);\r\n            }\r\n        }\r\n\r\n        \/* Project Card Styles *\/\r\n        #skill_portfolio_16a5614 .skill_item-portfolio-modern-new img {\r\n            width: 385px;\r\n            height: 389px;\r\n            object-fit: cover;\r\n            display: block;\r\n            border-radius: 16px 16px 16px 16px;\r\n            transition: filter 300ms ease;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_item-portfolio-modern-new:hover img {\r\n            filter: blur(5px);\r\n            -webkit-filter: blur(5px);\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_info-porfolio-project {\r\n            position: relative;\r\n            top: -8px;\r\n            width: 362px;\r\n            height: 297px;\r\n            padding: 16px 16px 16px 16px;\r\n            transition: top 300ms ease, border-radius 300ms ease;\r\n            box-sizing: border-box;\r\n            background-color: #252525;\r\n            border-radius: 0 0 16px 16px;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_item-portfolio-modern-new:hover .skill_info-porfolio-project {\r\n            top: -261px;\r\n            border-radius: 15px 15px 16px 16px;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_name-catgory-project {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_name-catgory-project h6 {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #C6C6C6;\r\n            margin: 0;\r\n            width: 34%;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_name-catgory-project h3 {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #959595;\r\n            margin: 0;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 1;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            height: 22px;\r\n            width: 60%;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_tag-project-new {\r\n            margin-top: 12px;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_tag-project-new ul {\r\n            padding: 0;\r\n            margin: 0;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            list-style: none;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_tag-project-new ul li {\r\n            position: relative;\r\n            list-style: none;\r\n            padding: 4px 24px 4px 24px;\r\n            border-radius: 25px 25px 25px 25px;\r\n            background: linear-gradient(155deg, #FA6E00 0%, #E60026 83%);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_tag-project-new ul li::after {\r\n            content: '';\r\n            position: absolute;\r\n            right: 1px;\r\n            bottom: 1px;\r\n            border-radius: 25px 25px 25px 25px;\r\n            background-color: #252525;\r\n            width: 98%;\r\n            height: 95%;\r\n            transition: background 0.3s ease;\r\n            pointer-events: none;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_tag-project-new ul li a {\r\n            position: relative;\r\n            z-index: 1;\r\n            text-decoration: none;\r\n            color: #ef3116;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 span.skill_info-portfolio-line {\r\n            display: flex;\r\n            border-bottom: 1px solid #373737;\r\n            padding-top: 16px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_info-porfolio-project p {\r\n            font-size: 16px;\r\n            color: #B5B5B5;\r\n            margin: 0;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 4;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_view-more-project {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 23px;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_view-more-project h5 {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #FFFFFF;\r\n            margin: 0;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_view-more-project a {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            padding: 10px 24px 10px 24px;\r\n            border-radius: 25px 25px 25px 25px;\r\n            background: linear-gradient(155deg, #FA6E00 0%, #E60026 83%);\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_view-more-project a i {\r\n            font-size: 19px;\r\n            transform: rotate(45deg);\r\n            transition: transform 300ms ease;\r\n        }\r\n\r\n        #skill_portfolio_16a5614 .skill_view-more-project a:hover i {\r\n            transform: rotate(-1deg);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media screen and (max-width: 1024px) {\r\n            #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li a {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .skill_info-porfolio-project {\r\n                width: 384px !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 768px) {\r\n            .skill_info-porfolio-project {\r\n                width: 362px !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 767px) {\r\n            #skill_portfolio_16a5614 .skill_menu-tabs-portfolio {\r\n                width: 100%;\r\n                max-width: 100%;\r\n            }\r\n            #skill_portfolio_16a5614 .skill_menu-tabs-portfolio ul li a {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 425px) {\r\n            .skill_info-porfolio-project {\r\n                width: 383px !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 375px) {\r\n            .skill_info-porfolio-project {\r\n                width: 356px !important;\r\n            }\r\n        }\r\n\r\n        \/* Elementor Editor Fix *\/\r\n        .elementor-editor-active #skill_portfolio_16a5614 .skill_item-portfolio-modern-new {\r\n            opacity: 1 !important;\r\n            transform: none !important;\r\n            position: relative !important;\r\n        }\r\n        <\/style>\r\n\r\n        <script>\r\n        (function() {\r\n            'use strict';\r\n            \r\n            function initPortfolioTabs() {\r\n                var widget = document.getElementById('skill_portfolio_16a5614');\r\n                if (!widget) return;\r\n                \r\n                var menuTabs = widget.querySelector('.skill_menu-tabs-portfolio');\r\n                var filterItems = widget.querySelectorAll('.skill_menu-tabs-portfolio ul li');\r\n                var projectItems = widget.querySelectorAll('.skill_item-portfolio-modern-new');\r\n                \r\n                var tabDuration = parseInt(widget.dataset.tabDuration) || 300;\r\n                var itemDuration = parseInt(widget.dataset.itemDuration) || 600;\r\n                var itemStagger = parseInt(widget.dataset.itemStagger) || 100;\r\n                \r\n                var isAnimating = false;\r\n                \r\n                \/\/ Horizontal scroll with wheel\r\n                if (menuTabs) {\r\n                    menuTabs.addEventListener('wheel', function(e) {\r\n                        if (e.deltaY !== 0) {\r\n                            e.preventDefault();\r\n                            menuTabs.scrollLeft += e.deltaY;\r\n                        }\r\n                    }, { passive: false });\r\n                }\r\n                \r\n                \/\/ Filter functionality\r\n                filterItems.forEach(function(item) {\r\n                    item.addEventListener('click', function(e) {\r\n                        e.preventDefault();\r\n                        \r\n                        if (isAnimating) return;\r\n                        isAnimating = true;\r\n                        \r\n                        var filterValue = this.getAttribute('data-filter');\r\n                        \r\n                        \/\/ Update active tab\r\n                        filterItems.forEach(function(filter) {\r\n                            filter.classList.remove('active');\r\n                        });\r\n                        this.classList.add('active');\r\n                        \r\n                        \/\/ Filter items with staggered animation\r\n                        var visibleIndex = 0;\r\n                        \r\n                        projectItems.forEach(function(project) {\r\n                            var projectFilter = project.getAttribute('data-filter');\r\n                            var shouldShow = (filterValue === 'all' || filterValue === projectFilter);\r\n                            \r\n                            if (shouldShow) {\r\n                                if (project.classList.contains('is-hidden')) {\r\n                                    project.classList.remove('is-hidden');\r\n                                    project.classList.add('is-visible');\r\n                                    project.style.setProperty('--item-index', visibleIndex);\r\n                                    visibleIndex++;\r\n                                }\r\n                            } else {\r\n                                project.classList.remove('is-visible');\r\n                                project.classList.add('is-hidden');\r\n                            }\r\n                        });\r\n                        \r\n                        setTimeout(function() {\r\n                            isAnimating = false;\r\n                        }, itemDuration + (visibleIndex * itemStagger));\r\n                    });\r\n                });\r\n                \r\n                \/\/ Initialize\r\n                var activeTab = widget.querySelector('.skill_menu-tabs-portfolio ul li.active');\r\n                if (activeTab) {\r\n                    activeTab.click();\r\n                }\r\n            }\r\n            \r\n            if (document.readyState === 'loading') {\r\n                document.addEventListener('DOMContentLoaded', initPortfolioTabs);\r\n            } else {\r\n                initPortfolioTabs();\r\n            }\r\n            \r\n            if (typeof window.elementorFrontend !== 'undefined') {\r\n                window.addEventListener('elementor\/frontend\/init', function() {\r\n                    if (window.elementorFrontend.hooks) {\r\n                        window.elementorFrontend.hooks.addAction('frontend\/element_ready\/skill_portfolio_tabs_modern.default', initPortfolioTabs);\r\n                    }\r\n                });\r\n            }\r\n        })();\r\n        <\/script>\r\n\r\n        \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-308a31d e-flex e-con-boxed e-con e-parent\" data-id=\"308a31d\" 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-465f444 e-con-full e-flex e-con e-child\" data-id=\"465f444\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d2ffd57 e-con-full e-flex e-con e-child\" data-id=\"d2ffd57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-39cb6b2 e-con-full e-flex e-con e-child\" data-id=\"39cb6b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea02490 elementor-widget elementor-widget-text-editor\" data-id=\"ea02490\" 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>\u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc \u062a\u0627 \u06cc\u06a9<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5983e94 elementor-widget elementor-widget-skill_text_gradient\" data-id=\"5983e94\" 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-5983e94\">\u062f\u06cc\u0632\u0627\u06cc\u0646\u0631 \u062d\u0631\u0641\u0647 \u0627\u06cc<\/h2><style>\r\n            #skill-gradient-5983e94 {\r\n                background: -webkit-linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\r\n                background: linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\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-c91c0ea elementor-widget elementor-widget-text-editor\" data-id=\"c91c0ea\" 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>\u0631\u0648\u06cc \u067e\u0631\u0648\u0698\u0647 \u0627\u062a<\/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<div class=\"elementor-element elementor-element-b8066e0 e-con-full e-flex e-con e-child\" data-id=\"b8066e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5510e13 elementor-widget elementor-widget-text-editor\" data-id=\"5510e13\" 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>\u06a9\u0627\u0631 \u06a9\u0646\u0647\u061f \u0645\u06cc\u062a\u0648\u0646\u06cc\u0645 \u0628\u0627 \u0647\u0645 \u06a9\u0627\u0631 \u06a9\u0646\u06cc\u0645<\/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-9956cdf elementor-widget elementor-widget-text-editor\" data-id=\"9956cdf\" 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>\u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u0648 \u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0645\u0646 \u062f\u0631\u0628\u0627\u0631\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u062e\u062f\u0645\u0627\u062a \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/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<div class=\"elementor-element elementor-element-0d4b1d9 e-con-full e-flex e-con e-child\" data-id=\"0d4b1d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01ab9af elementor-widget elementor-widget-skill_testimonials_slider\" data-id=\"01ab9af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_testimonials_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \r\n        <div class=\"skill_testimonail-demo-new\">\r\n                        <div class=\"skill-title-box-testimonail\">\r\n                <h3>\u0627\u0632 \u0632\u0628\u0627\u0646 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646:<\/h3>\r\n            <\/div>\r\n                        \r\n            <div class=\"swiper-container skill-testimonials-slider\" id=\"skill_testimonial_slider_01ab9af\">\r\n                <div class=\"swiper-wrapper\">\r\n                                        <div class=\"swiper-slide\">\r\n                        <div class=\"skill_slider-box-testimonail\">\r\n                            <p>\u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u062d\u0645\u062f \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u0628\u0648\u062f! \u067e\u0631\u0648\u0698\u0647 \u0645\u0627 \u062f\u0642\u06cc\u0642\u0627 \u0633\u0631 \u0648\u0642\u062a \u062a\u062d\u0648\u06cc\u0644 \u0634\u062f \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u0637\u0631\u0627\u062d\u06cc\u200c\u0647\u0627 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0627\u0646\u062a\u0638\u0627\u0631 \u0628\u0648\u062f. \u062a\u0639\u0647\u062f \u0648 \u062f\u0642\u062a \u0627\u0648 \u062f\u0631 \u062c\u0632\u0626\u06cc\u0627\u062a \u0628\u0627\u0639\u062b \u0634\u062f \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631 \u0628\u0627 \u0627\u0648 \u0628\u0633\u06cc\u0627\u0631 \u0631\u0627\u062d\u062a \u0648 \u0645\u0637\u0645\u0626\u0646 \u0628\u0627\u0634\u0647. \u062d\u062a\u0645\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0628\u0627\u0647\u0627\u0634 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0645<\/p>\r\n                            \r\n                            <div class=\"skill_avatar-user-testimonail\">\r\n                                <div class=\"skill_name-avatar\">\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2026\/05\/user-1.png\" alt=\"\u0633\u0627\u0645 \u0641\u0631\u0632\u0627\u0646\u0647\">\r\n                                                                        <div class=\"skill_name-job-user-testimonial\">\r\n                                        <h3>\u0633\u0627\u0645 \u0641\u0631\u0632\u0627\u0646\u0647<\/h3>\r\n                                        <p>\u0645\u062f\u06cc\u0631 \u0639\u0627\u0645\u0644 \u0647\u0648\u0644\u062f\u06cc\u0646\u06af \u0641\u0631\u0632\u0627\u0646\u06af\u0627\u0646<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"swiper-slide\">\r\n                        <div class=\"skill_slider-box-testimonail\">\r\n                            <p>\u06a9\u06cc\u0641\u06cc\u062a \u06a9\u0627\u0631 \u0648 \u0633\u0631\u0639\u062a \u062a\u062d\u0648\u06cc\u0644 \u0628\u0633\u06cc\u0627\u0631 \u0639\u0627\u0644\u06cc \u0628\u0648\u062f. \u0642\u0637\u0639\u0627\u064b \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc \u0646\u06cc\u0632 \u0627\u0632 \u0627\u06cc\u0634\u0627\u0646 \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u0645 \u06af\u0631\u0641\u062a.<\/p>\r\n                            \r\n                            <div class=\"skill_avatar-user-testimonail\">\r\n                                <div class=\"skill_name-avatar\">\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/04\/user2.png\" alt=\"\u0645\u0631\u06cc\u0645 \u06a9\u0631\u06cc\u0645\u06cc\">\r\n                                                                        <div class=\"skill_name-job-user-testimonial\">\r\n                                        <h3>\u0645\u0631\u06cc\u0645 \u06a9\u0631\u06cc\u0645\u06cc<\/h3>\r\n                                        <p>\u0645\u062f\u06cc\u0631 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"swiper-slide\">\r\n                        <div class=\"skill_slider-box-testimonail\">\r\n                            <p>\u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u062f\u0642\u06cc\u0642 \u0648 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a. \u0627\u0632 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0627\u06cc\u0634\u0627\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0631\u0627\u0636\u06cc \u0647\u0633\u062a\u0645 \u0648 \u0628\u0647 \u062f\u06cc\u06af\u0631\u0627\u0646 \u0646\u06cc\u0632 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0645.<\/p>\r\n                            \r\n                            <div class=\"skill_avatar-user-testimonail\">\r\n                                <div class=\"skill_name-avatar\">\r\n                                                                        <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/04\/user3.jpg\" alt=\"\u0639\u0644\u06cc \u0631\u0636\u0627\u06cc\u06cc\">\r\n                                                                        <div class=\"skill_name-job-user-testimonial\">\r\n                                        <h3>\u0639\u0644\u06cc \u0631\u0636\u0627\u06cc\u06cc<\/h3>\r\n                                        <p>\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n                \r\n                                \r\n                            <\/div>\r\n        <\/div>\r\n        \r\n        <script>\r\n        (function($) {\r\n            $(document).ready(function() {\r\n                new Swiper('#skill_testimonial_slider_01ab9af', {\r\n                    direction: 'horizontal',\r\n                    loop: true,\r\n                    autoplay: { delay: 5000, disableOnInteraction: false },\r\n                    navigation: {\r\n                        nextEl: '.swiper-button-next',\r\n                        prevEl: '.swiper-button-prev',\r\n                    },\r\n                    pagination: {\r\n                        el: '.swiper-pagination',\r\n                        clickable: true,\r\n                    },\r\n                    slidesPerView: 1,\r\n                    spaceBetween: 30,\r\n                    breakpoints: {\r\n                        768: {\r\n                            slidesPerView: 1,\r\n                            spaceBetween: 20,\r\n                        },\r\n                        1024: {\r\n                            slidesPerView: 1,\r\n                            spaceBetween: 30,\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        })(jQuery);\r\n        <\/script>\r\n        \r\n        <style>\r\n        .skill_testimonail-demo-new {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .skill-testimonials-slider {\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        \r\n        .skill-testimonials-slider .swiper-wrapper {\r\n            display: flex;\r\n        }\r\n        \r\n        .skill-testimonials-slider .swiper-slide {\r\n            height: auto;\r\n        }\r\n        \r\n        .skill_slider-box-testimonail {\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .skill_avatar-user-testimonail {\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .skill_name-avatar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .skill_name-avatar img {\r\n            width: 40px;\r\n            height: 40px;\r\n            object-fit: cover;\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .skill_name-job-user-testimonial h3 {\r\n            margin: 0;\r\n            margin-bottom: 10px;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #FFFFFF;\r\n        }\r\n        \r\n        .skill_name-job-user-testimonial p {\r\n            margin: 0;\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            color: #FFFFFF;\r\n        }\r\n        \r\n        \/* Navigation buttons style *\/\r\n        .skill-testimonials-slider .swiper-button-next,\r\n        .skill-testimonials-slider .swiper-button-prev {\r\n            background-color: rgba(0,0,0,0.3);\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .skill-testimonials-slider .swiper-button-next:after,\r\n        .skill-testimonials-slider .swiper-button-prev:after {\r\n            font-size: 18px;\r\n            color: #FFFFFF;\r\n        }\r\n        \r\n        .skill-testimonials-slider .swiper-button-next:hover,\r\n        .skill-testimonials-slider .swiper-button-prev:hover {\r\n            background-color: rgba(0,0,0,0.5);\r\n        }\r\n        \r\n        \/* Pagination bullets style *\/\r\n        .skill-testimonials-slider .swiper-pagination-bullet {\r\n            background-color: rgba(255,255,255,0.5);\r\n        }\r\n        \r\n        .skill-testimonials-slider .swiper-pagination-bullet-active {\r\n            background-color: #FFFFFF;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media screen and (max-width: 768px) {\r\n            .skill-testimonials-slider .swiper-button-next,\r\n            .skill-testimonials-slider .swiper-button-prev {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n            \r\n            .skill-testimonials-slider .swiper-button-next:after,\r\n            .skill-testimonials-slider .swiper-button-prev:after {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n        <\/style>\r\n        \r\n        \t\t\t\t<\/div>\n\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-b082dea e-flex e-con-boxed e-con e-parent\" data-id=\"b082dea\" 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-475366c e-con-full e-flex e-con e-child\" data-id=\"475366c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7522544 e-con-full e-flex e-con e-child\" data-id=\"7522544\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfb010e elementor-widget elementor-widget-text-editor\" data-id=\"dfb010e\" 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>\u0628\u0627 \u0645\u0646 \u062f\u0631<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc00051 elementor-widget elementor-widget-skill_text_gradient\" data-id=\"dc00051\" 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-dc00051\">\u0627\u0631\u062a\u0628\u0627\u0637 <\/h2><style>\r\n            #skill-gradient-dc00051 {\r\n                background: -webkit-linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\r\n                background: linear-gradient(to left, #E60026, #FA6E00, #FA6E00);\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-4e7c5ad elementor-widget elementor-widget-text-editor\" data-id=\"4e7c5ad\" 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>\u0628\u0627\u0634\u06cc\u062f<\/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>\n\t\t<div class=\"elementor-element elementor-element-51fcadb e-con-full e-flex e-con e-child\" data-id=\"51fcadb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c242e48 elementor-widget elementor-widget-shortcode\" data-id=\"c242e48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f5652-o1\" lang=\"fa-IR\" dir=\"rtl\" data-wpcf7-id=\"5652\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/skill\/theme-skill\/wp-json\/wp\/v2\/pages\/5529#wpcf7-f5652-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u0641\u0631\u0645 \u062a\u0645\u0627\u0633\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"5652\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fa_IR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f5652-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"uiux-demo-form\">\n\t<div class=\"form-row\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0622\u062f\u0631\u0633 \u0627\u06cc\u0645\u06cc\u0644\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"\u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-service\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"your-service\"><option value=\"\u0633\u0631\u0648\u06cc\u0633 \u0645\u062f \u0646\u0638\u0631\">\u0633\u0631\u0648\u06cc\u0633 \u0645\u062f \u0646\u0638\u0631<\/option><option value=\"\u0637\u0631\u0627\u062d\u06cc UI\/UX\">\u0637\u0631\u0627\u062d\u06cc UI\/UX<\/option><option value=\"\u0637\u0631\u0627\u062d\u06cc \u0648\u0628\">\u0637\u0631\u0627\u062d\u06cc \u0648\u0628<\/option><option value=\"\u0645\u0634\u0627\u0648\u0631\u0647\">\u0645\u0634\u0627\u0648\u0631\u0647<\/option><option value=\"\u0633\u0627\u06cc\u0631\">\u0633\u0627\u06cc\u0631<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u0631\u0648\u0698\u0647\" name=\"your-message\"><\/textarea><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-time\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"\u0628\u0627\u0632\u0647 \u0632\u0645\u0627\u0646\u06cc\" value=\"\" type=\"text\" name=\"your-time\" \/><\/span>\n\t\t<\/p>\n\t\t<div class=\"form-submit\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"\u0627\u0631\u0633\u0627\u0644\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0633\u0644\u0627\u0645 , \u0645\u0646 \u0645\u062d\u0645\u062f \u062d\u06cc\u062f\u0631\u06cc \u0647\u0633\u062a\u0645 \u0637\u0631\u0627\u062d \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u06a9\u0627\u0631\u0628\u0631\u06cc \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u0645 \u062a\u0627 \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0647\u0645 \u0632\u06cc\u0628\u0627\u060c \u0647\u0645 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f \u0648 \u0647\u0645 \u06a9\u0627\u0645\u0644\u0627\u064b \u0628\u0647\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0631\u0634\u062f \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0628\u0627\u0634\u0647. \u0628\u0627 \u0628\u0647\u0628\u0648\u062f \u0641\u0644\u0648\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u062a\u0635\u0645\u06cc\u0645\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u062f\u0627\u062f\u0647\u200c\u0645\u062d\u0648\u0631\u060c \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644\u060c \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0648 KPI\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0645\u062d\u0635\u0648\u0644 \u0631\u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0645. \u062a\u0645\u0627\u0633 \u0628\u0627\u0645\u0646 \u062f\u0627\u0646\u0644\u0648\u062f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"home-landing.php","meta":{"footnotes":""},"class_list":["post-5529","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/pages\/5529","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=5529"}],"version-history":[{"count":49,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/pages\/5529\/revisions"}],"predecessor-version":[{"id":5666,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/pages\/5529\/revisions\/5666"}],"wp:attachment":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/wp-json\/wp\/v2\/media?parent=5529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}