{"id":8,"date":"2026-10-06T13:02:23","date_gmt":"2026-10-06T09:32:23","guid":{"rendered":"https:\/\/pedramalirezaei.ir\/?page_id=8"},"modified":"2026-10-06T13:03:03","modified_gmt":"2026-10-06T09:33:03","slug":"%d8%b3%d8%a7%d8%ae%d8%aa-%d8%b3%d8%a7%db%8c%d8%aa","status":"publish","type":"page","link":"https:\/\/pedramalirezaei.ir\/","title":{"rendered":"\u0633\u0627\u062e\u062a \u0633\u0627\u06cc\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3fd188 e-con e-atomic-element e-flexbox-base e-default-div e-d78663c \" data-id=\"f3fd188\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f3fd188\" data-e-type=\"e-flexbox\" data-id=\"f3fd188\">\n    \t\t<div class=\"elementor-element elementor-element-a32c421 elementor-widget elementor-widget-html\" data-id=\"a32c421\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pt-maintenance\" dir=\"rtl\">\r\n\r\n    <div class=\"pt-bg-grid\"><\/div>\r\n    <div class=\"pt-glow pt-glow-one\"><\/div>\r\n    <div class=\"pt-glow pt-glow-two\"><\/div>\r\n\r\n    <div class=\"pt-container\">\r\n\r\n        <!-- Header -->\r\n        <header class=\"pt-header\">\r\n\r\n            <div class=\"pt-logo\">\r\n                <span class=\"pt-logo-icon\">\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                <\/span>\r\n\r\n                <span class=\"pt-logo-text\">\u0646\u0627\u0645 \u0628\u0631\u0646\u062f<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"pt-status\">\r\n                <span class=\"pt-status-dot\"><\/span>\r\n                \u0633\u0627\u06cc\u062a \u062f\u0631 \u062d\u0627\u0644 \u062a\u0648\u0633\u0639\u0647 \u0627\u0633\u062a\r\n            <\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- Main Content -->\r\n        <main class=\"pt-main\">\r\n\r\n            <!-- Text -->\r\n            <section class=\"pt-content\">\r\n\r\n                <div class=\"pt-small-title\">\r\n                    <span><\/span>\r\n                    \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0628\u0647\u062a\u0631\r\n                <\/div>\r\n\r\n\r\n                <h1>\r\n                    \u0646\u0633\u062e\u0647 \u062c\u062f\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\r\n                    <br>\r\n                    \u062f\u0631 \u062d\u0627\u0644 <strong>\u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0646<\/strong> \u0627\u0633\u062a.\r\n                <\/h1>\r\n\r\n\r\n                <p class=\"pt-description\">\r\n                    \u062f\u0631 \u062d\u0627\u0644 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u060c \u0647\u0648\u0634\u0645\u0646\u062f\u062a\u0631 \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u0647\u0633\u062a\u06cc\u0645.\r\n                    \u062e\u06cc\u0644\u06cc \u0632\u0648\u062f \u0628\u0627 \u0646\u0633\u062e\u0647 \u062c\u062f\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0628\u0648\u062f.\r\n                <\/p>\r\n\r\n\r\n                <!-- Animated text -->\r\n                <div class=\"pt-typing-row\">\r\n\r\n                    <span class=\"pt-typing-prefix\">\r\n                        \u062f\u0631 \u062d\u0627\u0644 \u062a\u0648\u0633\u0639\u0647:\r\n                    <\/span>\r\n\r\n                    <span class=\"pt-typing-text\" id=\"ptTypingText\">\r\n                        \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\r\n                    <\/span>\r\n\r\n                    <span class=\"pt-cursor\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Services -->\r\n                <div class=\"pt-services\">\r\n\r\n                    <div class=\"pt-service\">\r\n                        <span class=\"pt-number\">01<\/span>\r\n\r\n                        <div>\r\n                            <h3>\u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/h3>\r\n                            <p>\u0634\u0628\u06a9\u0647\u060c \u0633\u0631\u0648\u0631 \u0648 \u0627\u0631\u062a\u0628\u0627\u0637\u0627\u062a<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"pt-service\">\r\n                        <span class=\"pt-number\">02<\/span>\r\n\r\n                        <div>\r\n                            <h3>\u062a\u0648\u0633\u0639\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/h3>\r\n                            <p>\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a\u060c \u0633\u0626\u0648 \u0648 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"pt-service\">\r\n                        <span class=\"pt-number\">03<\/span>\r\n\r\n                        <div>\r\n                            <h3>\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/h3>\r\n                            <p>\u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0647\u0627 \u0648 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- Animated Visual -->\r\n            <section class=\"pt-visual\">\r\n\r\n                <div class=\"pt-circle pt-circle-one\">\r\n                    <span class=\"pt-dot pt-dot-one\"><\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pt-circle pt-circle-two\">\r\n                    <span class=\"pt-dot pt-dot-two\"><\/span>\r\n                <\/div>\r\n\r\n                <div class=\"pt-circle pt-circle-three\">\r\n                    <span class=\"pt-dot pt-dot-three\"><\/span>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pt-core\">\r\n\r\n                    <div class=\"pt-core-content\">\r\n\r\n                        <small>\r\n                            DIGITAL\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            BUILD\r\n                        <\/strong>\r\n\r\n                        <span><\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pt-tag pt-tag-one\">\r\n                    <span><\/span>\r\n                    WEB\r\n                <\/div>\r\n\r\n                <div class=\"pt-tag pt-tag-two\">\r\n                    <span><\/span>\r\n                    AI\r\n                <\/div>\r\n\r\n                <div class=\"pt-tag pt-tag-three\">\r\n                    <span><\/span>\r\n                    NETWORK\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n        <\/main>\r\n\r\n\r\n        <!-- Bottom -->\r\n        <footer class=\"pt-footer\">\r\n\r\n            <div class=\"pt-loading-info\">\r\n\r\n                <span>\r\n                    \u062f\u0631 \u062d\u0627\u0644 \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0646\u0633\u062e\u0647 \u062c\u062f\u06cc\u062f\r\n                <\/span>\r\n\r\n                <div class=\"pt-dots\">\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pt-progress\">\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n        <\/footer>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   BASE\r\n===================================================== *\/\r\n\r\n.pt-maintenance,\r\n.pt-maintenance *,\r\n.pt-maintenance *::before,\r\n.pt-maintenance *::after {\r\n    box-sizing: border-box;\r\n    font-family: \"IRANSans\", \"IRANSansWeb\", \"IranSans\", Tahoma, Arial, sans-serif !important;\r\n}\r\n\r\n\r\n.pt-maintenance {\r\n\r\n    --navy: #191D88;\r\n    --blue: #1450A3;\r\n    --light-blue: #337CCF;\r\n    --yellow: #FFC436;\r\n\r\n    width: 100vw;\r\n    min-height: 100svh;\r\n\r\n    position: relative;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    overflow: hidden;\r\n\r\n    color: #ffffff;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 90% 15%,\r\n            rgba(51, 124, 207, .30),\r\n            transparent 35%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 10% 90%,\r\n            rgba(20, 80, 163, .35),\r\n            transparent 40%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #11145b 0%,\r\n            #191D88 52%,\r\n            #11145b 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BACKGROUND GRID\r\n===================================================== *\/\r\n\r\n.pt-bg-grid {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.035) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.035) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    opacity: .7;\r\n\r\n    animation: ptGridMove 18s linear infinite;\r\n}\r\n\r\n\r\n@keyframes ptGridMove {\r\n\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(70px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BACKGROUND LIGHTS\r\n===================================================== *\/\r\n\r\n.pt-glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    filter: blur(90px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.pt-glow-one {\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    right: -150px;\r\n    top: 10%;\r\n\r\n    background: #337CCF;\r\n\r\n    opacity: .30;\r\n\r\n    animation: ptGlowOne 9s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n.pt-glow-two {\r\n\r\n    width: 300px;\r\n    height: 300px;\r\n\r\n    left: -120px;\r\n    bottom: -100px;\r\n\r\n    background: #FFC436;\r\n\r\n    opacity: .10;\r\n\r\n    animation: ptGlowTwo 12s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n@keyframes ptGlowOne {\r\n\r\n    to {\r\n        transform: translate(-50px, 60px) scale(1.15);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ptGlowTwo {\r\n\r\n    to {\r\n        transform: translate(70px, -60px) scale(1.2);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN CONTAINER\r\n===================================================== *\/\r\n\r\n.pt-container {\r\n\r\n    width: min(1450px, 92%);\r\n\r\n    min-height: 100svh;\r\n\r\n    margin: 0 auto;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 30px 0 24px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADER\r\n===================================================== *\/\r\n\r\n.pt-header {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n}\r\n\r\n\r\n.pt-logo {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n}\r\n\r\n\r\n.pt-logo-icon {\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n    gap: 3px;\r\n}\r\n\r\n\r\n.pt-logo-icon i {\r\n\r\n    display: block;\r\n\r\n    border-radius: 4px;\r\n\r\n    background: #337CCF;\r\n}\r\n\r\n\r\n.pt-logo-icon i:first-child {\r\n    background: #FFC436;\r\n}\r\n\r\n\r\n.pt-logo-icon i:nth-child(4) {\r\n    background: rgba(255,255,255,.85);\r\n}\r\n\r\n\r\n.pt-logo-text {\r\n\r\n    color: #fff;\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.pt-status {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding: 9px 15px;\r\n\r\n    border-radius: 50px;\r\n\r\n    border: 1px solid rgba(255,255,255,.12);\r\n\r\n    background: rgba(255,255,255,.055);\r\n\r\n    backdrop-filter: blur(12px);\r\n\r\n    color: rgba(255,255,255,.72);\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n.pt-status-dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFC436;\r\n\r\n    box-shadow: 0 0 0 rgba(255,196,54,.50);\r\n\r\n    animation: ptPulse 2s infinite;\r\n}\r\n\r\n\r\n@keyframes ptPulse {\r\n\r\n    0% {\r\n        box-shadow: 0 0 0 0 rgba(255,196,54,.50);\r\n    }\r\n\r\n    70% {\r\n        box-shadow: 0 0 0 9px rgba(255,196,54,0);\r\n    }\r\n\r\n    100% {\r\n        box-shadow: 0 0 0 0 rgba(255,196,54,0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN\r\n===================================================== *\/\r\n\r\n.pt-main {\r\n\r\n    flex: 1;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.05fr)\r\n        minmax(400px, .95fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 80px;\r\n\r\n    padding: 55px 0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CONTENT\r\n===================================================== *\/\r\n\r\n.pt-content {\r\n\r\n    max-width: 720px;\r\n\r\n    animation: ptContentIn .9s ease both;\r\n}\r\n\r\n\r\n@keyframes ptContentIn {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n.pt-small-title {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: rgba(255,255,255,.62);\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n.pt-small-title > span {\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: #FFC436;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TITLE\r\n===================================================== *\/\r\n\r\n.pt-content h1 {\r\n\r\n    margin: 0 0 24px;\r\n    padding: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(42px, 5vw, 76px);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1.38;\r\n\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n\r\n.pt-content h1 strong {\r\n\r\n    color: #FFC436;\r\n\r\n    font-weight: 900;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n.pt-content h1 strong::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    left: 0;\r\n    bottom: 3px;\r\n\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,196,54,.12);\r\n\r\n    z-index: -1;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DESCRIPTION\r\n===================================================== *\/\r\n\r\n.pt-description {\r\n\r\n    max-width: 620px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.68);\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 2.15;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TYPING\r\n===================================================== *\/\r\n\r\n.pt-typing-row {\r\n\r\n    min-height: 40px;\r\n\r\n    margin-top: 27px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n.pt-typing-prefix {\r\n    color: rgba(255,255,255,.45);\r\n}\r\n\r\n\r\n.pt-typing-text {\r\n\r\n    color: #ffffff;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.pt-typing-text.pt-hide {\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(5px);\r\n}\r\n\r\n\r\n.pt-cursor {\r\n\r\n    width: 2px;\r\n    height: 17px;\r\n\r\n    background: #FFC436;\r\n\r\n    animation: ptCursor .8s steps(2) infinite;\r\n}\r\n\r\n\r\n@keyframes ptCursor {\r\n\r\n    50% {\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SERVICES\r\n===================================================== *\/\r\n\r\n.pt-services {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 35px;\r\n}\r\n\r\n\r\n.pt-service {\r\n\r\n    min-height: 100px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 12px;\r\n\r\n    padding: 16px;\r\n\r\n    border-radius: 14px;\r\n\r\n    border: 1px solid rgba(255,255,255,.09);\r\n\r\n    background: rgba(255,255,255,.045);\r\n\r\n    backdrop-filter: blur(10px);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        border-color .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n\r\n.pt-service:hover {\r\n\r\n    transform: translateY(-5px);\r\n\r\n    border-color: rgba(255,196,54,.30);\r\n\r\n    background: rgba(255,255,255,.075);\r\n}\r\n\r\n\r\n.pt-number {\r\n\r\n    color: #FFC436;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n.pt-service h3 {\r\n\r\n    margin: 0 0 7px;\r\n    padding: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.pt-service p {\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    color: rgba(255,255,255,.43);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   VISUAL\r\n===================================================== *\/\r\n\r\n.pt-visual {\r\n\r\n    width: min(480px, 100%);\r\n\r\n    aspect-ratio: 1;\r\n\r\n    margin: 0 auto;\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    animation: ptVisualIn 1s .1s ease both;\r\n}\r\n\r\n\r\n@keyframes ptVisualIn {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(.88);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ORBITS\r\n===================================================== *\/\r\n\r\n.pt-circle {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n.pt-circle-one {\r\n\r\n    width: 94%;\r\n    height: 94%;\r\n\r\n    animation: ptRotate 26s linear infinite;\r\n}\r\n\r\n\r\n.pt-circle-two {\r\n\r\n    width: 72%;\r\n    height: 72%;\r\n\r\n    border-style: dashed;\r\n\r\n    border-color: rgba(51,124,207,.50);\r\n\r\n    animation: ptRotateReverse 18s linear infinite;\r\n}\r\n\r\n\r\n.pt-circle-three {\r\n\r\n    width: 50%;\r\n    height: 50%;\r\n\r\n    border-color: rgba(255,196,54,.25);\r\n\r\n    animation: ptRotate 12s linear infinite;\r\n}\r\n\r\n\r\n@keyframes ptRotate {\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ptRotateReverse {\r\n\r\n    to {\r\n        transform: rotate(-360deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ORBIT DOTS\r\n===================================================== *\/\r\n\r\n.pt-dot {\r\n\r\n    position: absolute;\r\n\r\n    display: block;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.pt-dot-one {\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    top: 15%;\r\n    right: 10%;\r\n\r\n    background: #FFC436;\r\n\r\n    box-shadow:\r\n        0 0 20px rgba(255,196,54,.70);\r\n}\r\n\r\n\r\n.pt-dot-two {\r\n\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    left: 28%;\r\n    bottom: 7%;\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 0 20px rgba(255,255,255,.45);\r\n}\r\n\r\n\r\n.pt-dot-three {\r\n\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    left: 23%;\r\n    top: 9%;\r\n\r\n    background: #337CCF;\r\n\r\n    box-shadow:\r\n        0 0 20px #337CCF;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CORE\r\n===================================================== *\/\r\n\r\n.pt-core {\r\n\r\n    width: 41%;\r\n    aspect-ratio: 1;\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(255,255,255,.18);\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(51,124,207,.58),\r\n            rgba(25,29,136,.68)\r\n        );\r\n\r\n    box-shadow:\r\n\r\n        0 0 60px rgba(51,124,207,.27),\r\n\r\n        inset 0 0 35px rgba(255,255,255,.055);\r\n\r\n    backdrop-filter: blur(12px);\r\n\r\n    animation: ptCoreFloat 5s ease-in-out infinite;\r\n}\r\n\r\n\r\n.pt-core::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -11px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(255,255,255,.07);\r\n}\r\n\r\n\r\n.pt-core::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    right: 10%;\r\n    top: 20%;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFC436;\r\n\r\n    box-shadow:\r\n        0 0 18px #FFC436;\r\n}\r\n\r\n\r\n@keyframes ptCoreFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-9px);\r\n    }\r\n\r\n}\r\n\r\n\r\n.pt-core-content {\r\n    text-align: center;\r\n}\r\n\r\n\r\n.pt-core-content small {\r\n\r\n    display: block;\r\n\r\n    color: rgba(255,255,255,.45);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.pt-core-content strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 25px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.pt-core-content > span {\r\n\r\n    display: block;\r\n\r\n    width: 34px;\r\n    height: 3px;\r\n\r\n    margin: 9px auto 0;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: #FFC436;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FLOATING TAGS\r\n===================================================== *\/\r\n\r\n.pt-tag {\r\n\r\n    position: absolute;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding: 8px 12px;\r\n\r\n    border-radius: 40px;\r\n\r\n    border: 1px solid rgba(255,255,255,.11);\r\n\r\n    background: rgba(12,18,90,.70);\r\n\r\n    backdrop-filter: blur(12px);\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(0,0,0,.12);\r\n\r\n    color: rgba(255,255,255,.75);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.pt-tag span {\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFC436;\r\n}\r\n\r\n\r\n.pt-tag-one {\r\n\r\n    top: 21%;\r\n    left: 3%;\r\n\r\n    animation: ptTagMove 4s ease-in-out infinite;\r\n}\r\n\r\n\r\n.pt-tag-two {\r\n\r\n    right: 1%;\r\n    top: 48%;\r\n\r\n    animation: ptTagMove 4.8s .3s ease-in-out infinite;\r\n}\r\n\r\n\r\n.pt-tag-three {\r\n\r\n    left: 16%;\r\n    bottom: 13%;\r\n\r\n    animation: ptTagMove 5.3s .6s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes ptTagMove {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-10px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FOOTER\r\n===================================================== *\/\r\n\r\n.pt-footer {\r\n    width: 100%;\r\n}\r\n\r\n\r\n.pt-loading-info {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: rgba(255,255,255,.42);\r\n\r\n    font-size: 9px;\r\n}\r\n\r\n\r\n.pt-dots {\r\n\r\n    display: flex;\r\n\r\n    gap: 4px;\r\n}\r\n\r\n\r\n.pt-dots i {\r\n\r\n    width: 4px;\r\n    height: 4px;\r\n\r\n    display: block;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFC436;\r\n\r\n    animation: ptDots 1.4s infinite ease-in-out;\r\n}\r\n\r\n\r\n.pt-dots i:nth-child(2) {\r\n    animation-delay: .15s;\r\n}\r\n\r\n\r\n.pt-dots i:nth-child(3) {\r\n    animation-delay: .30s;\r\n}\r\n\r\n\r\n@keyframes ptDots {\r\n\r\n    0%,\r\n    70%,\r\n    100% {\r\n\r\n        opacity: .25;\r\n\r\n        transform: translateY(0);\r\n    }\r\n\r\n    35% {\r\n\r\n        opacity: 1;\r\n\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PROGRESS\r\n===================================================== *\/\r\n\r\n.pt-progress {\r\n\r\n    width: 100%;\r\n    height: 2px;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    background: rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.pt-progress span {\r\n\r\n    width: 30%;\r\n    height: 100%;\r\n\r\n    position: absolute;\r\n\r\n    right: -30%;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #337CCF,\r\n            #FFC436\r\n        );\r\n\r\n    animation: ptProgress 3.5s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes ptProgress {\r\n\r\n    from {\r\n        right: -30%;\r\n    }\r\n\r\n    to {\r\n        right: 105%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .pt-main {\r\n\r\n        grid-template-columns: 1fr 390px;\r\n\r\n        gap: 30px;\r\n    }\r\n\r\n\r\n    .pt-content h1 {\r\n\r\n        font-size: 50px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .pt-maintenance {\r\n\r\n        min-height: 100svh;\r\n    }\r\n\r\n\r\n    .pt-container {\r\n\r\n        width: calc(100% - 32px);\r\n\r\n        padding: 20px 0 18px;\r\n    }\r\n\r\n\r\n    .pt-header {\r\n\r\n        gap: 15px;\r\n    }\r\n\r\n\r\n    .pt-logo {\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .pt-logo-icon {\r\n\r\n        width: 27px;\r\n        height: 27px;\r\n\r\n        gap: 2px;\r\n    }\r\n\r\n\r\n    .pt-logo-text {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .pt-status {\r\n\r\n        padding: 7px 10px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .pt-main {\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap: 22px;\r\n\r\n        padding: 50px 0 35px;\r\n    }\r\n\r\n\r\n    .pt-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: none;\r\n    }\r\n\r\n\r\n    .pt-small-title {\r\n\r\n        margin-bottom: 16px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .pt-content h1 {\r\n\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 38px;\r\n\r\n        line-height: 1.45;\r\n\r\n        letter-spacing: -.5px;\r\n    }\r\n\r\n\r\n    .pt-description {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 2.1;\r\n    }\r\n\r\n\r\n    .pt-typing-row {\r\n\r\n        margin-top: 19px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    .pt-services {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 7px;\r\n\r\n        margin-top: 24px;\r\n    }\r\n\r\n\r\n    .pt-service {\r\n\r\n        min-height: auto;\r\n\r\n        align-items: center;\r\n\r\n        padding: 12px 13px;\r\n    }\r\n\r\n\r\n    .pt-service h3 {\r\n\r\n        margin-bottom: 3px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    .pt-service p {\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .pt-visual {\r\n\r\n        width: min(310px, 87vw);\r\n\r\n        margin-top: 12px;\r\n    }\r\n\r\n\r\n    .pt-tag {\r\n\r\n        padding: 6px 8px;\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n\r\n    .pt-core-content strong {\r\n\r\n        font-size: 18px;\r\n    }\r\n\r\n\r\n    .pt-core-content small {\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .pt-content h1 {\r\n\r\n        font-size: 33px;\r\n    }\r\n\r\n\r\n    .pt-status {\r\n\r\n        max-width: 125px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   REDUCE MOTION\r\n===================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .pt-maintenance *,\r\n    .pt-maintenance *::before,\r\n    .pt-maintenance *::after {\r\n\r\n        animation: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const textElement = document.getElementById(\"ptTypingText\");\r\n\r\n    if (!textElement) return;\r\n\r\n\r\n    const texts = [\r\n\r\n        \"\u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\",\r\n\r\n        \"\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\",\r\n\r\n        \"\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f\",\r\n\r\n        \"\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\",\r\n\r\n        \"\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\"\r\n\r\n    ];\r\n\r\n\r\n    let currentIndex = 0;\r\n\r\n\r\n    setInterval(function () {\r\n\r\n        textElement.classList.add(\"pt-hide\");\r\n\r\n\r\n        setTimeout(function () {\r\n\r\n            currentIndex =\r\n                (currentIndex + 1) % texts.length;\r\n\r\n\r\n            textElement.textContent =\r\n                texts[currentIndex];\r\n\r\n\r\n            textElement.classList.remove(\"pt-hide\");\r\n\r\n        }, 250);\r\n\r\n\r\n    }, 2400);\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u0627\u0645 \u0628\u0631\u0646\u062f \u0633\u0627\u06cc\u062a \u062f\u0631 \u062d\u0627\u0644 \u062a\u0648\u0633\u0639\u0647 \u0627\u0633\u062a \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0628\u0647\u062a\u0631 \u0646\u0633\u062e\u0647 \u062c\u062f\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0646 \u0627\u0633\u062a. \u062f\u0631 \u062d\u0627\u0644 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u060c \u0647\u0648\u0634\u0645\u0646\u062f\u062a\u0631 \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u0647\u0633\u062a\u06cc\u0645. \u062e\u06cc\u0644\u06cc \u0632\u0648\u062f \u0628\u0627 \u0646\u0633\u062e\u0647 \u062c\u062f\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0628\u0648\u062f. \u062f\u0631 \u062d\u0627\u0644 \u062a\u0648\u0633\u0639\u0647: \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 01 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0634\u0628\u06a9\u0647\u060c \u0633\u0631\u0648\u0631 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/pedramalirezaei.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}