{"id":55,"date":"2026-07-05T10:52:54","date_gmt":"2026-07-05T07:22:54","guid":{"rendered":"https:\/\/saeedshahshahani.ir\/?page_id=55"},"modified":"2026-07-16T18:28:06","modified_gmt":"2026-07-16T14:58:06","slug":"%d9%86%db%8c%da%a9-%d8%a8%d8%a7%d9%81","status":"publish","type":"page","link":"https:\/\/saeedshahshahani.ir\/","title":{"rendered":"\u0646\u06cc\u06a9 \u0628\u0627\u0641"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55\" class=\"elementor elementor-55\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-007bb2e e-con-full hero-section e-flex e-con e-parent\" data-id=\"007bb2e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/saeedshahshahani.ir\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/MainVideo1.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t\t<h2 data-interaction-id=\"b599e61\" class=\"e-b599e61-9d1729d e-heading-base\" data-e-type=\"widget\" data-id=\"b599e61\">\u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u0635\u0646\u0639\u062a \u0646\u0633\u0627\u062c\u06cc \u06a9\u0634\u0648\u0631<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-41c1012 elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline\" data-id=\"41c1012\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;rotating_text&quot;:&quot;\\u0635\\u0646\\u0627\\u06cc\\u0639\\n\\u0627\\u0631\\u06af\\u0627\\u0646 \\u0647\\u0627\\n\\u0628\\u06cc\\u0645\\u0627\\u0631\\u0633\\u062a\\u0627\\u0646 \\u0647\\u0627\\n\\u0645\\u062f\\u0627\\u0631\\u0633&quot;,&quot;rotate_iteration_delay&quot;:1500,&quot;animation_type&quot;:&quot;typing&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t\t\t\t<h1 class=\"elementor-headline elementor-headline-animation-type-typing elementor-headline-letters\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">\u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0627\u0646\u0648\u0627\u0639 \u067e\u0627\u0631\u0686\u0647 \u0628\u0631\u0627\u06cc<\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\n\t\t\t\t\u0635\u0646\u0627\u06cc\u0639\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\t\u0627\u0631\u06af\u0627\u0646&nbsp;\u0647\u0627\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\t\u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646&nbsp;\u0647\u0627\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\t\u0645\u062f\u0627\u0631\u0633\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<a href=\"#\" target=\"_self\" class=\"e-d6daf4a-20d64f8 e-button-base\" data-interaction-id=\"d6daf4a\" data-e-type=\"widget\" data-id=\"d6daf4a\">\n\t\t\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0646\u06cc\u06a9 \u0628\u0627\u0641\n\t<\/a>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59abbfc e-con e-atomic-element e-flexbox-base e-600568a \" data-id=\"59abbfc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"59abbfc\" data-e-type=\"e-flexbox\" data-id=\"59abbfc\">\n    <div class=\"elementor-element elementor-element-5343a11 e-con e-atomic-element e-flexbox-base e-5343a11-4e2dd7c \" data-id=\"5343a11\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5343a11\" data-e-type=\"e-flexbox\" data-id=\"5343a11\">\n    \t\t\t\t  \t<video\n    data-id=\"2b5ca7b\" data-interaction-id=\"2b5ca7b\"\n    data-e-type=\"e-self-hosted-video\" data-interactions=\"null\"\n    \n    class=\"e-self-hosted-video-base\"\n    data-e-type=\"widget\" data-id=\"2b5ca7b\"\n\t\tclass=\"e-self-hosted-video-base\"\n\t\t\t\tautoplay\t\tmuted\t\tloop\t\t\t\t\t\tcontrolslist=\"nodownload\"\t\tpreload=\"metadata\"\n\t>\n\t\t<source src=\"https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/video_2026-07-16_18-25-40.mp4#t=0\">\n\t<\/video>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b5e1c78 e-con e-atomic-element e-flexbox-base e-2cc53b6 \" data-id=\"b5e1c78\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b5e1c78\" data-e-type=\"e-flexbox\" data-id=\"b5e1c78\">\n    \t\t<div class=\"elementor-element elementor-element-15b99c3 elementor-widget elementor-widget-text-editor\" data-id=\"15b99c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u062f\u06cc\u0631\u0648\u0632 \u0628\u0631\u0627\u06cc \u062a\u062c\u0631\u0628\u0647 \u0648 \u0627\u0645\u0631\u0648\u0632 \u062a\u062f\u0628\u06cc\u0631\u06cc \u0628\u0631\u0627\u06cc \u0641\u0631\u062f\u0627\u0633\u062a \u06af\u0630\u0634\u062a\u06af\u0627\u0646 \u0631\u0627\u0647 \u0628\u0633\u06cc\u0627\u0631 \u067e\u06cc\u0645\u0648\u062f\u0647\u200c\u0627\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06af\u0630\u0634\u062a\u06af\u0627\u0646 \u06cc\u0627\u062f\u06af\u0627\u0631 \u0639\u0638\u06cc\u0645 \u0635\u0646\u0639\u062a \u0627\u0645\u0631\u0648\u0632 \u0645\u0627\u0633\u062a \u0648 \u0627\u0645\u0631\u0648\u0632 \u0628\u0627 \u0644\u0637\u0641 \u0627\u06cc\u0632\u062f \u0645\u0646\u0627\u0646 \u0628\u0627 \u0647\u0645\u062a \u0648 \u062a\u0644\u0627\u0634 \u0648 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u062a\u0648\u0627\u0646 \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u0631\u0648\u0632\u0627\u0641\u0632\u0648\u0646 \u062a\u0648\u0627\u0646\u0633\u062a\u0647\u200c\u0627\u06cc\u0645 \u06a9\u06cc\u0641\u06cc\u062a \u0635\u0646\u0639\u062a \u0646\u0633\u0627\u062c\u06cc \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u06cc\u0645.<\/p><p>\u0647\u0645\u0633\u0648 \u0634\u062f\u0646 \u0628\u0627 \u0627\u06cc\u0646 \u0645\u0647\u0645 \u0627\u0632 \u0648\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0627\u0647\u062f\u0627\u0641 \u0646\u0633\u0627\u062c\u06cc \u0646\u06cc\u06a9 \u0628\u0627\u0641\u062a \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0639\u0636\u0648 \u0627\u0632 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0635\u0646\u0639\u062a \u0646\u0633\u0627\u062c\u06cc \u0627\u0632 \u0647\u0645\u0627\u0646 \u0627\u0628\u062a\u062f\u0627\u06cc \u0645\u0633\u06cc\u0631 \u0628\u0648\u062f\u0647\u200c\u0627\u0633\u062a \u0628\u0647\u200c\u0645\u0648\u062c\u0628 \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u0628\u0631\u062a\u0631 \u0647\u0645\u0648\u0627\u0631\u0647 \u067e\u06cc\u0634\u06af\u0627\u0645 \u0628\u0648\u062f\u0647\u200c\u0627\u06cc\u0645.<\/p><p>\u0627\u062d\u062a\u0631\u0627\u0645 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u0648 \u0633\u0644\u06cc\u0642\u0647\u200c\u0647\u0627 \u062c\u0632\u0621 \u0627\u0647\u062f\u0627\u0641 \u062c\u062f\u0627 \u0646\u0634\u062f\u0646\u06cc \u0627\u06cc\u0646 \u0645\u062c\u0645\u0648\u0639\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0648 \u0628\u0631 \u0627\u06cc\u0646 \u0628\u0627\u0648\u0631 \u0647\u0633\u062a\u06cc\u0645 \u06a9\u0647 \u0641\u0631\u0648\u0634 \u067e\u0627\u06cc\u0627\u0646 \u06a9\u0627\u0631 \u0646\u06cc\u0633\u062a \u0628\u0644\u06a9\u0647 \u0634\u0631\u0648\u0639 \u062a\u0639\u0647\u062f\u06cc \u0628\u0631 \u0622\u0633\u0648\u062f\u06af\u06cc \u062e\u0627\u0637\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\u0645\u0627\u0646 \u0627\u0633\u062a.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-e93880f e-con e-atomic-element e-flexbox-base e-ac8be70 \" data-id=\"e93880f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e93880f\" data-e-type=\"e-flexbox\" data-id=\"e93880f\">\n    \t\t<div class=\"elementor-element elementor-element-a0b3f6a elementor-widget elementor-widget-html\" data-id=\"a0b3f6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ================================================================\n  Timed Cards Opening \u2014 \u0646\u0633\u062e\u0647 \u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u0644\u0645\u0646\u062a\u0648\u0631 (Elementor)\n  \u0628\u0631 \u0627\u0633\u0627\u0633: https:\/\/codepen.io\/dilums\/pen\/NWodZMd\n  ================================================================\n-->\n\n<div id=\"timed-cards-app\">\n  <div class=\"indicator\"><\/div>\n\n  <div id=\"demo\"><\/div>\n\n  <div class=\"brand-panel\">\n    <div class=\"brand-title\">\u0645\u0639\u062a\u0628\u0631\u062a\u0631\u06cc\u0646 \u0628\u0631\u0646\u062f \u0627\u0632 \u06f1\u06f3\u06f7\u06f5<\/div>\n    <div class=\"brand-desc\">\u0627\u0631\u062f\u06cc\u0628\u0647\u0634\u062a\u200c\u0645\u0627\u0647 \u0633\u0627\u0644 \u06f1\u06f3\u06f7\u06f5\u060c \u0627\u0648\u0644\u06cc\u0646 \u0637\u0627\u0642\u0647 \u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0628\u0627\u0646\u062f \u0646\u06cc\u06a9 \u0628\u0627\u0641 \u0628\u0647 \u0628\u0627\u0632\u0627\u0631 \u0639\u0631\u0636\u0647 \u0634\u062f. \u062f\u0631 \u0647\u0645\u0627\u0646 \u0632\u0645\u0627\u0646 \u0627\u0648\u0644\u0648\u06cc\u062a \u0645\u062c\u0645\u0648\u0639\u0647 \u0646\u06cc\u06a9 \u0628\u0627\u0641 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u06a9\u06cc\u0641\u06cc\u062a \u0645\u062d\u0635\u0648\u0644 \u0628\u0648\u062f\u0647\u200c\u0627\u0633\u062a.<\/div>\n  <\/div>\n\n  <div class=\"pagination\" id=\"pagination\">\n    <div class=\"arrow arrow-left\" id=\"arrow-prev\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" \/>\n      <\/svg>\n    <\/div>\n    <div class=\"arrow arrow-right\" id=\"arrow-next\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n      <\/svg>\n    <\/div>\n    <div class=\"progress-sub-container\">\n      <div class=\"progress-sub-background\">\n        <div class=\"progress-sub-foreground\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"slide-numbers\" id=\"slide-numbers\"><\/div>\n  <\/div>\n\n  <div class=\"cover\"><\/div>\n<\/div>\n\n<style>\n  #timed-cards-app {\n    position: relative;\n    width: 100%;\n    height: 70vh;\n    min-height: 420px;\n    margin: 0;\n    background-color: #1a1a1a;\n    color: #FFFFFFDD;\n    overflow: hidden;\n    font-family: \"Inter\", sans-serif;\n  }\n  #timed-cards-app * { box-sizing: border-box; }\n\n  \/* \u0647\u0631 \u06a9\u0627\u0631\u062a \u0628\u0632\u0631\u06af\/\u06a9\u0648\u0686\u06a9 \u0627\u0632 \u062f\u0648 \u0644\u0627\u06cc\u0647 \u062a\u0634\u06a9\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u062a\u0635\u0648\u06cc\u0631 \u0645\u0631\u0628\u0639\u06cc\n     \u0628\u062f\u0648\u0646 \u0627\u0641\u062a\u0627\u062f\u0646 \u062f\u0631 \u06a9\u0627\u062f\u0631 \u0628\u0631\u0634 (crop) \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f:\n     1) \u0644\u0627\u06cc\u0647 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0645\u062d\u0648\u200c\u0634\u062f\u0647 (\u067e\u0631 \u06a9\u0631\u062f\u0646 \u06a9\u0644 \u06a9\u0627\u062f\u0631\u060c \u0628\u062f\u0648\u0646 \u0627\u0641\u062a \u06a9\u06cc\u0641\u06cc\u062a \u062f\u06cc\u062f\u0627\u0631\u06cc)\n     2) \u0644\u0627\u06cc\u0647 \u0627\u0635\u0644\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627 contain (\u06a9\u0644 \u062a\u0635\u0648\u06cc\u0631 \u0628\u062f\u0648\u0646 \u0628\u0631\u06cc\u062f\u06af\u06cc \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f) *\/\n  #timed-cards-app .card {\n    position: absolute;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n    background-color: #f2f2f2;\n    box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.6);\n  }\n  #timed-cards-app .card .card-bg-blur {\n    position: absolute;\n    inset: -20px;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    filter: blur(34px) brightness(0.8) saturate(1.15);\n    transform: scale(1.25);\n  }\n  \/* \u062d\u0627\u0644\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 (\u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9 \u06a9\u0646\u0627\u0631\u06cc): \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627 cover \u06a9\u0644 \u06a9\u0627\u062f\u0631 \u0631\u0627 \u067e\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f *\/\n  #timed-cards-app .card .card-img {\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n  }\n  \/* \u062d\u0627\u0644\u062a \u06a9\u0627\u0631\u062a \u0641\u0639\u0627\u0644\/\u062a\u0645\u0627\u0645\u200c\u0635\u0641\u062d\u0647: \u0686\u0648\u0646 \u0639\u06a9\u0633\u200c\u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644 \u0645\u0631\u0628\u0639\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0628\u0647\u200c\u062c\u0627\u06cc\n     \u067e\u0631 \u06a9\u0631\u062f\u0646 \u06a9\u0644 \u0642\u0627\u0628 \u0639\u0631\u06cc\u0636 (\u06a9\u0647 \u0628\u0627\u0639\u062b \u0628\u0631\u06cc\u062f\u06af\u06cc \u0648 \u0632\u0648\u0645 \u0628\u06cc\u0634\u200c\u0627\u0632\u062d\u062f \u0645\u06cc\u200c\u0634\u062f)\u060c \u062a\u0635\u0648\u06cc\u0631\n     \u062f\u0631 \u06cc\u06a9 \u0642\u0627\u0628 \u0645\u0631\u0628\u0639\u06cc\u0650 \u0647\u0645\u200c\u0645\u0631\u06a9\u0632 \u0628\u0627 \u0627\u0631\u062a\u0641\u0627\u0639\u0650 \u06a9\u0627\u062f\u0631 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u06a9\u0644\n     \u062a\u0635\u0648\u06cc\u0631 \u0628\u062f\u0648\u0646 \u0647\u06cc\u0686 \u0628\u0631\u0634 \u0627\u0636\u0627\u0641\u0647\u200c\u0627\u06cc \u062f\u06cc\u062f\u0647 \u0634\u0648\u062f. *\/\n  #timed-cards-app .card.is-active .card-img {\n    top: 6%;\n    bottom: 6%;\n    left: 50%;\n    right: auto;\n    width: auto;\n    aspect-ratio: 1 \/ 1;\n    transform: translateX(-50%);\n    border-radius: 16px;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);\n  }\n\n  #timed-cards-app .brand-panel {\n    z-index: 22;\n    position: absolute;\n    left: 48px;\n    bottom: 40px;\n    width: 420px;\n    max-width: 62vw;\n    opacity: 0;\n  }\n  #timed-cards-app .brand-panel .brand-title {\n    color: #FF0000;\n    font-weight: 700;\n    font-size: 26px;\n    font-family: \"Oswald\", sans-serif;\n    margin-bottom: 12px;\n    line-height: 1.5;\n  }\n  #timed-cards-app .brand-panel .brand-desc {\n    color: #FF0000;\n    font-size: 15px;\n    line-height: 2;\n    font-family: \"Inter\", sans-serif;\n  }\n\n  #timed-cards-app .indicator {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 5px;\n    z-index: 60;\n    background-color: #FF0000;\n  }\n\n  \/* \u067e\u0646\u0644 \u0646\u0627\u0648\u0628\u0631\u06cc (\u0641\u0644\u0634\u200c\u0647\u0627 + \u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a) \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062b\u0627\u0628\u062a \u062f\u0631 \u06af\u0648\u0634\u0647\u200c\u06cc\n     \u067e\u0627\u06cc\u06cc\u0646\u200c\u0633\u0645\u062a\u200c\u0631\u0627\u0633\u062a \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0648 \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0686\u06cc\u062f\u0645\u0627\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\n     \u0648\u0627\u0628\u0633\u062a\u0647 \u0646\u06cc\u0633\u062a \u062a\u0627 \u0627\u0632 \u0628\u06cc\u0631\u0648\u0646\u200c\u0632\u062f\u06af\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0634\u0648\u062f. *\/\n  #timed-cards-app .pagination {\n    position: absolute;\n    right: 48px;\n    bottom: 64px;\n    display: inline-flex;\n    align-items: center;\n    opacity: 0;\n  }\n  #timed-cards-app .pagination > .arrow {\n    z-index: 60;\n    width: 46px;\n    height: 46px;\n    border-radius: 999px;\n    border: 2px solid #ffffff55;\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    user-select: none;\n    background-color: #1a1a1a99;\n    transition: background-color 0.2s ease, border-color 0.2s ease;\n    flex-shrink: 0;\n  }\n  #timed-cards-app .pagination > .arrow:hover {\n    background-color: #ffffff22;\n    border-color: #ffffffaa;\n  }\n  #timed-cards-app .pagination > .arrow:nth-child(2) {\n    margin-left: 14px;\n  }\n  #timed-cards-app .pagination > .arrow svg {\n    width: 22px;\n    height: 22px;\n    stroke-width: 2;\n    color: #ffffff99;\n  }\n  #timed-cards-app .pagination .progress-sub-container {\n    margin-left: 18px;\n    z-index: 60;\n    width: 220px;\n    max-width: 26vw;\n    height: 46px;\n    display: flex;\n    align-items: center;\n  }\n  #timed-cards-app .pagination .progress-sub-container .progress-sub-background {\n    width: 100%;\n    height: 3px;\n    background-color: #ffffff33;\n  }\n  #timed-cards-app .pagination .progress-sub-container .progress-sub-background .progress-sub-foreground {\n    height: 3px;\n    background-color: #ff0000;\n  }\n  #timed-cards-app .pagination .slide-numbers {\n    width: 40px;\n    height: 46px;\n    overflow: hidden;\n    z-index: 60;\n    position: relative;\n    flex-shrink: 0;\n  }\n  #timed-cards-app .pagination .slide-numbers .item {\n    width: 40px;\n    height: 46px;\n    position: absolute;\n    color: white;\n    top: 0;\n    left: 0;\n    display: grid;\n    place-items: center;\n    font-size: 26px;\n    font-weight: bold;\n  }\n\n  #timed-cards-app .cover {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #fff;\n    z-index: 100;\n  }\n\n  \/* \u062d\u0627\u0644\u062a \u0645\u0648\u0628\u0627\u06cc\u0644\/\u0635\u0641\u062d\u0627\u062a \u0628\u0627\u0631\u06cc\u06a9: \u067e\u0646\u0644 \u0645\u062a\u0646 \u0642\u0631\u0645\u0632 \u0648 \u067e\u0646\u0644 \u0646\u0627\u0648\u0628\u0631\u06cc \u0637\u0648\u0631\u06cc\n     \u0686\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u06a9\u0647 \u0631\u0648\u06cc \u0647\u0645 \u0646\u06cc\u0641\u062a\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06cc \u0639\u0646\u0627\u0635\u0631 \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0634\u0648\u062f. *\/\n  @media (max-width: 700px) {\n    #timed-cards-app {\n      min-height: 560px;\n    }\n    #timed-cards-app .brand-panel {\n      left: 16px;\n      right: 16px;\n      bottom: 112px;\n      width: auto;\n      max-width: none;\n    }\n    #timed-cards-app .brand-panel .brand-title {\n      font-size: 17px;\n      margin-bottom: 8px;\n    }\n    #timed-cards-app .brand-panel .brand-desc {\n      font-size: 12px;\n      line-height: 1.85;\n    }\n    #timed-cards-app .pagination {\n      right: 16px;\n      bottom: 20px;\n    }\n    #timed-cards-app .pagination > .arrow {\n      width: 36px;\n      height: 36px;\n    }\n    #timed-cards-app .pagination > .arrow svg {\n      width: 18px;\n      height: 18px;\n    }\n    #timed-cards-app .pagination .progress-sub-container {\n      width: 110px;\n      max-width: 28vw;\n      height: 36px;\n      margin-left: 10px;\n    }\n    #timed-cards-app .pagination .slide-numbers {\n      width: 30px;\n      height: 36px;\n    }\n    #timed-cards-app .pagination .slide-numbers .item {\n      width: 30px;\n      height: 36px;\n      font-size: 18px;\n    }\n  }\n<\/style>\n\n<!-- \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06af\u0644 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@500&display=swap\" rel=\"stylesheet\">\n\n<!-- \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 GSAP \u06a9\u0647 \u0645\u0648\u0634\u0646\u200c\u0647\u0627 \u0628\u0627 \u0622\u0646 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647\u200c\u0627\u0646\u062f -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n\n<script>\n(function () {\n  const root = document.getElementById(\"timed-cards-app\");\n  if (!root || root.dataset.tcInit) return;\n  root.dataset.tcInit = \"1\";\n\n  const images = [\n    'https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/035_3d_studio.jpg',\n    'https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/034_3d_studio.jpg',\n    'https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/033_3d_studio.jpg',\n    'https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/032_3d_studio-1.jpg',\n    'https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/026_3d_studio.jpg',\n    'https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/019_3d_studio.jpg',\n    'https:\/\/saeedshahshahani.ir\/wp-content\/uploads\/2026\/07\/016_3d_studio.jpg'\n  ];\n\n  const _ = (id) => root.querySelector('#' + id);\n\n  const cards = images.map((src, index) => `<div class=\"card\" id=\"card${index}\">\n      <div class=\"card-bg-blur\" style=\"background-image:url(${src})\"><\/div>\n      <div class=\"card-img\" style=\"background-image:url(${src})\"><\/div>\n    <\/div>`).join('');\n\n  const slideNumbers = images.map((_src, index) => `<div class=\"item\" id=\"slide-item-${index}\">${index + 1}<\/div>`).join('');\n\n  _('demo').innerHTML = cards;\n  _('slide-numbers').innerHTML = slideNumbers;\n\n  function getCard(index) { return `#timed-cards-app #card${index}`; }\n  function getCardEl(index) { return root.querySelector(`#card${index}`); }\n  function getSliderItem(index) { return `#timed-cards-app #slide-item-${index}`; }\n  function setActiveCard(index) {\n    root.querySelectorAll('.card.is-active').forEach((el) => el.classList.remove('is-active'));\n    const el = getCardEl(index);\n    if (el) el.classList.add('is-active');\n  }\n\n  function animate(target, duration, properties) {\n    return new Promise((resolve) => {\n      gsap.to(target, { ...properties, duration: duration, onComplete: resolve });\n    });\n  }\n\n  let order = images.map((_i, idx) => idx);\n\n  let offsetTop = 200;\n  let offsetLeft = 700;\n  let cardWidth = 150;\n  let cardHeight = 210;\n  let gap = 22;\n  let numberSize = 46;\n  const ease = \"sine.inOut\";\n  const indicatorSel = \"#timed-cards-app .indicator\";\n\n  function init() {\n    const [active, ...rest] = order;\n    const height = root.clientHeight;\n    const width = root.clientWidth;\n    offsetTop = Math.max(40, height * 0.10);\n    offsetLeft = Math.max(width - (rest.length * (cardWidth + gap)) - 340, width * 0.42);\n\n    gsap.set(getCard(active), { x: 0, y: 0, width: width, height: height });\n    setActiveCard(active);\n\n    gsap.set(\"#timed-cards-app .progress-sub-foreground\", {\n      width: '100%',\n      scaleX: (1 \/ order.length) * (active + 1),\n      transformOrigin: 'left center',\n    });\n\n    rest.forEach((i, index) => {\n      gsap.set(getCard(i), {\n        x: offsetLeft + 400 + index * (cardWidth + gap),\n        y: offsetTop,\n        width: cardWidth,\n        height: cardHeight,\n        zIndex: 30,\n        borderRadius: 10,\n      });\n      gsap.set(getSliderItem(i), { x: (index + 1) * numberSize });\n    });\n\n    gsap.set(indicatorSel, { x: -width });\n\n    const startDelay = 0.5;\n\n    gsap.to(\"#timed-cards-app .cover\", {\n      x: width + 400,\n      delay: 0.4,\n      ease,\n      onComplete: () => {\n        setTimeout(() => { restartAutoplay(); }, 400);\n      },\n    });\n    rest.forEach((i, index) => {\n      gsap.to(getCard(i), {\n        x: offsetLeft + index * (cardWidth + gap),\n        zIndex: 30,\n        ease,\n        delay: startDelay,\n      });\n    });\n    gsap.to(\"#timed-cards-app .pagination\", { opacity: 1, ease, delay: startDelay });\n    gsap.to(\"#timed-cards-app .brand-panel\", { opacity: 1, ease, delay: startDelay });\n  }\n\n  function updateProgress(active) {\n    gsap.to(\"#timed-cards-app .progress-sub-foreground\", {\n      scaleX: (1 \/ order.length) * (active + 1),\n      transformOrigin: 'left center',\n      ease,\n    });\n  }\n\n  function stepNext() {\n    return new Promise((resolve) => {\n      order.push(order.shift());\n\n      const [active, ...rest] = order;\n      const prv = rest[rest.length - 1];\n      const width = root.clientWidth;\n      const height = root.clientHeight;\n\n      gsap.set(getCard(prv), { zIndex: 10 });\n      gsap.set(getCard(active), { zIndex: 20 });\n      gsap.to(getCard(prv), { scale: 1.5, ease });\n      setActiveCard(active);\n\n      gsap.to(getSliderItem(active), { x: 0, ease });\n      gsap.to(getSliderItem(prv), { x: -numberSize, ease });\n      updateProgress(active);\n\n      gsap.to(getCard(active), {\n        x: 0,\n        y: 0,\n        ease,\n        width: width,\n        height: height,\n        borderRadius: 0,\n        onComplete: () => {\n          const xNew = offsetLeft + (rest.length - 1) * (cardWidth + gap);\n          gsap.set(getCard(prv), {\n            x: xNew,\n            y: offsetTop,\n            width: cardWidth,\n            height: cardHeight,\n            zIndex: 30,\n            borderRadius: 10,\n            scale: 1,\n          });\n          gsap.set(getSliderItem(prv), { x: rest.length * numberSize });\n          resolve();\n        },\n      });\n\n      rest.forEach((i, index) => {\n        if (i !== prv) {\n          const xNew = offsetLeft + index * (cardWidth + gap);\n          gsap.set(getCard(i), { zIndex: 30 });\n          gsap.to(getCard(i), {\n            x: xNew,\n            y: offsetTop,\n            width: cardWidth,\n            height: cardHeight,\n            ease,\n            delay: 0.1 * (index + 1),\n          });\n          gsap.to(getSliderItem(i), { x: (index + 1) * numberSize, ease });\n        }\n      });\n    });\n  }\n\n  function stepPrev() {\n    return new Promise((resolve) => {\n      order.unshift(order.pop());\n\n      const [active, ...rest] = order;\n      const first = rest[0];\n      const width = root.clientWidth;\n      const height = root.clientHeight;\n\n      gsap.set(getCard(first), { zIndex: 10 });\n      gsap.set(getCard(active), { zIndex: 20 });\n      setActiveCard(active);\n\n      gsap.to(getCard(active), {\n        x: 0,\n        y: 0,\n        width: width,\n        height: height,\n        borderRadius: 0,\n        ease,\n        onComplete: resolve,\n      });\n      gsap.to(getSliderItem(active), { x: 0, ease });\n\n      updateProgress(active);\n\n      rest.forEach((i, index) => {\n        const xNew = offsetLeft + index * (cardWidth + gap);\n        gsap.set(getCard(i), { zIndex: i === first ? 10 : 30 });\n        gsap.to(getCard(i), {\n          x: xNew,\n          y: offsetTop,\n          width: cardWidth,\n          height: cardHeight,\n          borderRadius: 10,\n          scale: 1,\n          ease,\n        });\n        gsap.to(getSliderItem(i), { x: (index + 1) * numberSize, ease });\n      });\n    });\n  }\n\n  let isBusy = false;\n  let autoplayToken = 0;\n\n  async function playIndicatorBar(myToken) {\n    gsap.set(indicatorSel, { x: -root.clientWidth });\n    await animate(indicatorSel, 2, { x: 0 });\n    if (myToken !== autoplayToken) return false;\n    await animate(indicatorSel, 0.8, { x: root.clientWidth, delay: 0.3 });\n    if (myToken !== autoplayToken) return false;\n    return true;\n  }\n\n  async function autoplayLoop() {\n    const myToken = autoplayToken;\n    while (myToken === autoplayToken) {\n      const completed = await playIndicatorBar(myToken);\n      if (!completed || myToken !== autoplayToken) return;\n      if (isBusy) return;\n      isBusy = true;\n      await stepNext();\n      isBusy = false;\n    }\n  }\n\n  function restartAutoplay() {\n    autoplayToken += 1;\n    gsap.killTweensOf(indicatorSel);\n    autoplayLoop();\n  }\n\n  async function goNext() {\n    if (isBusy) return;\n    isBusy = true;\n    autoplayToken += 1;\n    gsap.killTweensOf(indicatorSel);\n    await stepNext();\n    isBusy = false;\n    restartAutoplay();\n  }\n\n  async function goPrev() {\n    if (isBusy) return;\n    isBusy = true;\n    autoplayToken += 1;\n    gsap.killTweensOf(indicatorSel);\n    await stepPrev();\n    isBusy = false;\n    restartAutoplay();\n  }\n\n  function loadImage(src) {\n    return new Promise((resolve, reject) => {\n      let img = new Image();\n      img.onload = () => resolve(img);\n      img.onerror = reject;\n      img.src = src;\n    });\n  }\n\n  function loadImages() {\n    return Promise.all(images.map((src) => loadImage(src)));\n  }\n\n  async function start() {\n    try {\n      await loadImages();\n      init();\n    } catch (error) {\n      console.error(\"One or more images failed to load\", error);\n    }\n  }\n\n  const nextBtn = root.querySelector('#arrow-next');\n  const prevBtn = root.querySelector('#arrow-prev');\n  if (nextBtn) nextBtn.addEventListener('click', goNext);\n  if (prevBtn) prevBtn.addEventListener('click', goPrev);\n\n  start();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u0635\u0646\u0639\u062a \u0646\u0633\u0627\u062c\u06cc \u06a9\u0634\u0648\u0631 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0627\u0646\u0648\u0627\u0639 \u067e\u0627\u0631\u0686\u0647 \u0628\u0631\u0627\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0627\u0631\u06af\u0627\u0646&nbsp;\u0647\u0627 \u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646&nbsp;\u0647\u0627 \u0645\u062f\u0627\u0631\u0633 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0646\u06cc\u06a9 \u0628\u0627\u0641 \u062f\u06cc\u0631\u0648\u0632 \u0628\u0631\u0627\u06cc \u062a\u062c\u0631\u0628\u0647 \u0648 \u0627\u0645\u0631\u0648\u0632 \u062a\u062f\u0628\u06cc\u0631\u06cc \u0628\u0631\u0627\u06cc \u0641\u0631\u062f\u0627\u0633\u062a \u06af\u0630\u0634\u062a\u06af\u0627\u0646 \u0631\u0627\u0647 \u0628\u0633\u06cc\u0627\u0631 \u067e\u06cc\u0645\u0648\u062f\u0647\u200c\u0627\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06af\u0630\u0634\u062a\u06af\u0627\u0646 \u06cc\u0627\u062f\u06af\u0627\u0631 \u0639\u0638\u06cc\u0645 \u0635\u0646\u0639\u062a \u0627\u0645\u0631\u0648\u0632 \u0645\u0627\u0633\u062a \u0648 \u0627\u0645\u0631\u0648\u0632 \u0628\u0627 \u0644\u0637\u0641 \u0627\u06cc\u0632\u062f \u0645\u0646\u0627\u0646 \u0628\u0627 \u0647\u0645\u062a \u0648 \u062a\u0644\u0627\u0634 \u0648 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u062a\u0648\u0627\u0646 \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u0631\u0648\u0632\u0627\u0641\u0632\u0648\u0646 \u062a\u0648\u0627\u0646\u0633\u062a\u0647\u200c\u0627\u06cc\u0645 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=55"}],"version-history":[{"count":204,"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":503,"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions\/503"}],"wp:attachment":[{"href":"https:\/\/saeedshahshahani.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}