{"id":16,"date":"2026-06-26T11:43:53","date_gmt":"2026-06-26T11:43:53","guid":{"rendered":"https:\/\/azari-co.ir\/?page_id=16"},"modified":"2026-06-26T11:51:18","modified_gmt":"2026-06-26T11:51:18","slug":"elementor-16","status":"publish","type":"page","link":"https:\/\/azari-co.ir\/","title":{"rendered":"Elementor #16"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \u0622\u0630\u0631\u06cc \u06a9\u0648 <\/title>\r\n <link rel=\"icon\" href=\"https:\/\/azari-co.ir\/landing\/assest\/logo.webp\" type=\"image\/png\">\r\n <style>\r\n \/* ---------- \u0641\u0648\u0646\u062a \u062f\u0631\u0646\u0627 ---------- *\/\r\n @font-face {\r\n font-family: 'Dorna';\r\n src: url('https:\/\/azari-co.ir\/landing\/fonts\/Dorna-Regular.ttf') format('truetype');\r\n font-weight: 400;\r\n font-display: swap;\r\n }\r\n\r\n @font-face {\r\n font-family: 'Dorna';\r\n src: url('https:\/\/azari-co.ir\/landing\/fonts\/Dorna-Bold.ttf') format('truetype');\r\n font-weight: 700;\r\n font-display: swap;\r\n }\r\n\r\n \/* ---------- \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 ---------- *\/\r\n :root {\r\n --orange: #ff7a18;\r\n --orange-soft: rgba(255, 122, 24, 0.85);\r\n --charcoal: #2b2d31;\r\n --charcoal-light: #3a3d42;\r\n --glass-bg: rgba(255, 255, 255, 0.08);\r\n --glass-border: rgba(255, 255, 255, 0.25);\r\n --text: #ffffff;\r\n --radius: 32px;\r\n --notch: 46px;\r\n \/* \u0634\u0639\u0627\u0639 \u0628\u0631\u06cc\u062f\u06af\u06cc \u0644\u0648\u06af\u0648 *\/\r\n }\r\n\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html,\r\n body {\r\n height: 100%;\r\n }\r\n\r\n .main-wrapper {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n body {\r\n font-family: 'Dorna', Tahoma, sans-serif;\r\n color: var(--text);\r\n min-height: 100vh;\r\n display: grid;\r\n place-items: center;\r\n padding: 24px;\r\n overflow-x: hidden;\r\n \/* ---------- \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 Mesh Gradient ---------- *\/\r\n background-color: #0c0c0d;\r\n background-image:\r\n radial-gradient(at 18% 20%, rgba(255, 122, 24, 0.55) 0px, transparent 55%),\r\n radial-gradient(at 82% 12%, rgba(58, 61, 66, 0.9) 0px, transparent 50%),\r\n radial-gradient(at 75% 85%, rgba(255, 122, 24, 0.35) 0px, transparent 55%),\r\n radial-gradient(at 25% 88%, rgba(43, 45, 49, 0.95) 0px, transparent 50%),\r\n radial-gradient(at 50% 50%, rgba(0, 0, 0, 0.6) 0px, transparent 70%);\r\n }\r\n\r\n \/* ---------- \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc ---------- *\/\r\n .glass-card {\r\n position: relative;\r\n width: 380px;\r\n height: 750px;\r\n max-width: 100%;\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-radius: var(--radius);\r\n border: 1px solid var(--glass-border);\r\n box-shadow:\r\n 0 20px 60px rgba(0, 0, 0, 0.45),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.15);\r\n padding: 70px 22px 28px;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n\r\n \/* \u0628\u0631\u06cc\u062f\u06af\u06cc \u0646\u06cc\u0645\u200c\u062f\u0627\u06cc\u0631\u0647\u200c\u0627\u06cc \u0628\u0627\u0644\u0627\u06cc \u06a9\u0627\u0631\u062a (\u062d\u0641\u0631\u0647 \u0648\u0627\u0642\u0639\u06cc) *\/\r\n -webkit-mask:\r\n radial-gradient(circle var(--notch) at 50% 0,\r\n transparent 0 var(--notch), #000 calc(var(--notch) + 0.5px)),\r\n linear-gradient(#000 0 0);\r\n -webkit-mask-composite: source-in;\r\n mask:\r\n radial-gradient(circle var(--notch) at 50% 0,\r\n transparent 0 var(--notch), #000 calc(var(--notch) + 0.5px));\r\n }\r\n\r\n \/* \u0644\u0648\u06af\u0648 \u062f\u0627\u062e\u0644 \u0628\u0631\u06cc\u062f\u06af\u06cc *\/\r\n \/* .logo {\r\n position: absolute;\r\n top: calc(var(--notch) * -1 + 8px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: calc(var(--notch) * 1.6);\r\n height: calc(var(--notch) * 1.6);\r\n border-radius: 50%;\r\n background: var(--orange);\r\n display: grid;\r\n place-items: center;\r\n font-weight: 700;\r\n font-size: 18px;\r\n color: #fff;\r\n box-shadow: 0 6px 18px rgba(255, 122, 24, 0.5);\r\n z-index: 5;\r\n } *\/\r\n \/* \u0644\u0648\u06af\u0648 \u062f\u0627\u062e\u0644 \u0628\u0631\u06cc\u062f\u06af\u06cc *\/\r\n .logo {\r\n position: absolute;\r\n \/* \u062d\u0627\u0644\u0627 \u06a9\u0647 \u0628\u06cc\u0631\u0648\u0646 \u0627\u0632 \u06a9\u0627\u0631\u062a \u0627\u0633\u062a\u060c \u0628\u0627\u06cc\u062f \u06a9\u0645\u06cc \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u0644\u0628\u0647 \u06a9\u0627\u0631\u062a \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u062f *\/\r\n top: -40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n \/* \u0627\u0646\u062f\u0627\u0632\u0647 \u0631\u0627 \u062b\u0627\u0628\u062a \u062f\u0627\u062f\u0645 \u062a\u0627 \u06a9\u0646\u062a\u0631\u0644 \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0628\u0627\u0634\u062f *\/\r\n height: 80px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n box-shadow: 0 6px 20px rgba(255, 122, 24, 0.4);\r\n z-index: 10;\r\n \/* \u062d\u062a\u0645\u0627 \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u06a9\u0627\u0631\u062a \u0628\u0627\u0634\u062f *\/\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 5px;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .logo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n \/* \u0627\u0641\u06a9\u062a \u0647\u0627\u0648\u0631 \u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 *\/\r\n .main-wrapper:hover .logo {\r\n transform: translateX(-50%) scale(1.1) rotate(5deg);\r\n }\r\n\r\n\r\n \/* ---------- \u0647\u062f\u0631 \/ \u0645\u0646\u0648\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc ---------- *\/\r\n .nav {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n padding: 6px;\r\n border-radius: 18px;\r\n background: rgba(43, 45, 49, 0.45);\r\n border: 1px solid var(--glass-border);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .nav button,\r\n .nav a {\r\n flex: 1 1 auto;\r\n border: none;\r\n background: transparent;\r\n color: var(--text);\r\n font-family: inherit;\r\n font-size: 12.5px;\r\n font-weight: 400;\r\n padding: 9px 6px;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n text-align: center;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: background 0.25s ease, color 0.25s ease, transform 0.15s ease;\r\n }\r\n\r\n .nav button:hover,\r\n .nav a:hover {\r\n background: var(--orange-soft);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .nav button.active {\r\n background: var(--orange);\r\n color: #fff;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ---------- \u0646\u0627\u062d\u06cc\u0647 \u0645\u062d\u062a\u0648\u0627 ---------- *\/\r\n .content {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 4px 2px;\r\n }\r\n\r\n .panel {\r\n display: none;\r\n }\r\n\r\n .panel.active {\r\n display: block;\r\n animation: fadeSlide 0.45s ease both;\r\n }\r\n\r\n .panel h2 {\r\n font-weight: 700;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n color: var(--orange);\r\n }\r\n\r\n .panel p {\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.9;\r\n color: rgba(255, 255, 255, 0.88);\r\n margin-bottom: 12px;\r\n }\r\n\r\n @keyframes fadeSlide {\r\n from {\r\n opacity: 0;\r\n transform: translateY(18px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* \u0627\u0633\u06a9\u0631\u0648\u0644\u200c\u0628\u0627\u0631 \u0638\u0631\u06cc\u0641 *\/\r\n .content::-webkit-scrollbar {\r\n width: 5px;\r\n }\r\n\r\n .content::-webkit-scrollbar-thumb {\r\n background: var(--orange-soft);\r\n border-radius: 10px;\r\n }\r\n\r\n \/* ---------- \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ---------- *\/\r\n @media (max-width: 420px) {\r\n .glass-card {\r\n width: 100%;\r\n height: 88vh;\r\n padding-top: 50px;\r\n }\r\n\r\n .nav button,\r\n .nav a {\r\n font-size: 11.5px;\r\n }\r\n }\r\n\r\n \/* \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u0645\u0648\u0633 \u0627\u0635\u0644\u06cc *\/\r\n body {\r\n cursor: none;\r\n }\r\n\r\n a,\r\n button {\r\n cursor: none;\r\n }\r\n\r\n \r\n\r\n \/* \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u062e\u0634 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 *\/\r\n .about-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .badge {\r\n background: var(--orange);\r\n font-size: 10px;\r\n padding: 4px 10px;\r\n border-radius: 20px;\r\n font-weight: bold;\r\n }\r\n\r\n .intro-text {\r\n font-size: 13.5px !important;\r\n border-right: 3px solid var(--orange);\r\n padding-right: 10px;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .feature-item {\r\n background: rgba(255, 255, 255, 0.05);\r\n padding: 15px;\r\n border-radius: 15px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-item:hover {\r\n background: rgba(255, 122, 24, 0.1);\r\n border-color: var(--orange);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .feature-item .icon {\r\n font-size: 20px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .feature-item h3 {\r\n font-size: 14px;\r\n color: var(--orange);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .feature-item p {\r\n font-size: 11px !important;\r\n line-height: 1.6 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* \u0628\u0627\u06a9\u0633 \u062f\u0639\u0648\u062a \u0628\u0647 \u0627\u0642\u062f\u0627\u0645 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n .cta-box {\r\n background: linear-gradient(135deg, rgba(255, 122, 24, 0.2), transparent);\r\n padding: 15px;\r\n border-radius: 15px;\r\n text-align: center;\r\n border: 1px dashed var(--orange);\r\n }\r\n\r\n .cta-box p {\r\n font-size: 12px !important;\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .cta-box button {\r\n background: var(--orange);\r\n color: white;\r\n border: none;\r\n padding: 8px 16px;\r\n border-radius: 10px;\r\n font-family: inherit;\r\n font-size: 12px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n }\r\n\r\n .cta-box button:hover {\r\n box-shadow: 0 0 15px var(--orange);\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u06a9\u0631\u062f\u0646 \u0622\u06cc\u062a\u0645 \u0633\u0648\u0645 \u062f\u0631 \u06af\u0631\u06cc\u062f *\/\r\n .feature-item:nth-child(3) {\r\n grid-column: span 2;\r\n }\r\n\r\n \/* \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc \u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631\u0647\u0627 *\/\r\n .business-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u0631 \u06a9\u0627\u0631\u062a *\/\r\n .b-card {\r\n display: flex;\r\n align-items: center;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n padding: 12px;\r\n gap: 15px;\r\n transition: 0.3s;\r\n }\r\n\r\n .b-card:hover {\r\n background: rgba(255, 122, 24, 0.08);\r\n border-color: var(--orange);\r\n transform: translateX(-5px);\r\n }\r\n\r\n \/* \u0628\u0627\u06a9\u0633 \u0644\u0648\u06af\u0648 \u062f\u0627\u062e\u0644 \u06a9\u0627\u0631\u062a *\/\r\n .b-logo {\r\n width: 60px;\r\n height: 60px;\r\n flex-shrink: 0;\r\n background: #fff;\r\n border-radius: 12px;\r\n padding: 5px;\r\n display: grid;\r\n place-items: center;\r\n }\r\n\r\n .b-logo img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n \/* \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u062a\u0646 *\/\r\n .b-info h3 {\r\n font-size: 14px !important;\r\n margin-bottom: 2px !important;\r\n color: #fff !important;\r\n }\r\n\r\n .b-info p {\r\n font-size: 11px !important;\r\n margin-bottom: 8px !important;\r\n opacity: 0.7;\r\n }\r\n\r\n \/* \u062f\u06a9\u0645\u0647 \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u06cc\u062a *\/\r\n .b-link {\r\n display: inline-block;\r\n font-size: 10px;\r\n color: var(--orange);\r\n text-decoration: none;\r\n border: 1px solid var(--orange);\r\n padding: 3px 10px;\r\n border-radius: 8px;\r\n transition: 0.3s;\r\n }\r\n\r\n .b-link:hover {\r\n background: var(--orange);\r\n color: #fff;\r\n }\r\n\r\n \/* \u0628\u062e\u0634 \u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627 *\/\r\n .partnership-section {\r\n background: rgba(0, 0, 0, 0.2);\r\n padding: 15px;\r\n border-radius: 18px;\r\n border-top: 2px solid var(--orange);\r\n }\r\n\r\n .partnership-section h3 {\r\n font-size: 13px;\r\n margin-bottom: 10px;\r\n color: var(--orange);\r\n }\r\n\r\n .p-tags {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .p-tags a {\r\n text-decoration: none;\r\n background: rgba(255, 255, 255, 0.05);\r\n color: #fff;\r\n font-size: 11px;\r\n padding: 6px 12px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .p-tags a:hover {\r\n border-color: var(--orange);\r\n background: rgba(255, 122, 24, 0.1);\r\n }\r\n\r\n \/* \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0628\u062e\u0634 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627 *\/\r\n .contact-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n background: rgba(255, 255, 255, 0.05);\r\n padding: 15px;\r\n border-radius: 18px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: 0.3s ease;\r\n }\r\n\r\n \/* \u0628\u0631\u062c\u0633\u062a\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u062e\u0634 \u067e\u06cc\u0627\u0645\u06a9 *\/\r\n .fast-response {\r\n border-right: 4px solid var(--orange);\r\n background: rgba(255, 122, 24, 0.08);\r\n }\r\n\r\n .contact-icon {\r\n font-size: 24px;\r\n background: rgba(255, 255, 255, 0.1);\r\n width: 45px;\r\n height: 45px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .contact-info .label {\r\n font-size: 11px;\r\n color: var(--orange);\r\n font-weight: bold;\r\n }\r\n\r\n .contact-info .value {\r\n font-size: 14px;\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .link-effect {\r\n position: relative;\r\n transition: 0.3s;\r\n }\r\n\r\n .link-effect:hover {\r\n color: var(--orange);\r\n padding-right: 5px;\r\n }\r\n\r\n .address-text {\r\n font-size: 12px !important;\r\n line-height: 1.8 !important;\r\n font-weight: 400 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .note {\r\n font-size: 10px;\r\n color: #ff4d4d;\r\n margin-top: 5px;\r\n display: block;\r\n }\r\n\r\n .social-minimal {\r\n margin-top: 30px;\r\n text-align: center;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n padding-top: 20px;\r\n }\r\n\r\n .social-minimal p {\r\n font-size: 12px;\r\n font-style: italic;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0631\u0627\u06cc \u0622\u06cc\u06a9\u0648\u0646 \u067e\u06cc\u0627\u0645\u06a9 *\/\r\n .fast-response .contact-icon {\r\n animation: pulse-orange 2s infinite;\r\n }\r\n\r\n @keyframes pulse-orange {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(255, 122, 24, 0.4);\r\n }\r\n\r\n 70% {\r\n box-shadow: 0 0 0 10px rgba(255, 122, 24, 0);\r\n }\r\n\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(255, 122, 24, 0);\r\n }\r\n }\r\n\r\n \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0631\u062f\u06cc\u0641\u200c\u0647\u0627\u06cc \u0631\u062e\u062f\u0627\u062f *\/\r\n.event-row {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.event-brief {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n padding: 15px;\r\n backdrop-filter: blur(5px);\r\n}\r\n\r\n.event-meta h3 {\r\n font-size: 15px !important;\r\n color: var(--orange);\r\n margin-bottom: 5px !important;\r\n}\r\n\r\n.event-date {\r\n font-size: 11px;\r\n opacity: 0.6;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.event-brief p {\r\n font-size: 12px !important;\r\n line-height: 1.6;\r\n margin-bottom: 12px !important;\r\n}\r\n\r\n.more-btn {\r\n background: rgba(255, 122, 24, 0.1);\r\n border: 1px solid var(--orange);\r\n color: var(--orange);\r\n padding: 5px 15px;\r\n border-radius: 10px;\r\n font-size: 11px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n}\r\n\r\n.more-btn:hover {\r\n background: var(--orange);\r\n color: #fff;\r\n}\r\n\r\n\/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u067e\u0627\u067e\u200c\u0622\u067e (Modal) *\/\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.7);\r\n backdrop-filter: blur(8px);\r\n display: none; \/* \u062f\u0631 \u062d\u0627\u0644\u062a \u0639\u0627\u062f\u06cc \u0645\u062e\u0641\u06cc \u0627\u0633\u062a *\/\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n padding: 20px;\r\n}\r\n\r\n.modal-content {\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n padding: 25px;\r\n border-radius: 25px;\r\n width: 100%;\r\n max-width: 340px; \/* \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0639\u0631\u0636 \u0644\u0646\u062f\u06cc\u0646\u06af \u0634\u0645\u0627 *\/\r\n position: relative;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n animation: slideUp 0.3s ease-out;\r\n}\r\n\r\n@keyframes slideUp {\r\n from { transform: translateY(20px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n}\r\n\r\n.close-icon {\r\n position: absolute;\r\n top: 15px;\r\n left: 15px;\r\n font-size: 24px;\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.modal-header h2 {\r\n color: var(--orange);\r\n font-size: 18px !important;\r\n margin-bottom: 5px !important;\r\n}\r\n\r\n.modal-date {\r\n font-size: 11px;\r\n opacity: 0.5;\r\n}\r\n\r\n.modal-body {\r\n margin-top: 20px;\r\n font-size: 13px;\r\n line-height: 1.8;\r\n color: #eee;\r\n}\r\n\r\n.modal-body ul {\r\n margin-top: 10px;\r\n padding-right: 20px;\r\n}\r\n\r\n\/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u062f\u0631 \u0645\u0646\u0648 *\/\r\n.btn-disabled {\r\n opacity: 0.4; \/* \u06a9\u0645\u0631\u0646\u06af \u06a9\u0631\u062f\u0646 \u062f\u06a9\u0645\u0647 *\/\r\n cursor: not-allowed !important; \/* \u062a\u063a\u06cc\u06cc\u0631 \u0634\u06a9\u0644 \u0645\u0627\u0648\u0633 \u0628\u0647 \u0639\u0644\u0627\u0645\u062a \u0645\u0645\u0646\u0648\u0639 *\/\r\n pointer-events: none; \/* \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0645\u0644 \u0642\u0627\u0628\u0644\u06cc\u062a \u06a9\u0644\u06cc\u06a9 *\/\r\n filter: grayscale(1); \/* \u0633\u06cc\u0627\u0647 \u0648 \u0633\u0641\u06cc\u062f \u06a9\u0631\u062f\u0646 \u0628\u0631\u0627\u06cc \u062d\u0633 \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u0628\u0648\u062f\u0646 \u0628\u06cc\u0634\u062a\u0631 *\/\r\n position: relative;\r\n}\r\n\r\n\/* \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc: \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u0633\u062a\u0627\u06cc\u0644 \u062e\u0627\u0635\u06cc \u0631\u0648\u06cc \u0647\u0627\u0648\u0631 (Hover) \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u0627\u0639\u0645\u0627\u0644 \u0646\u0634\u0648\u062f *\/\r\n.btn-disabled:hover {\r\n background: transparent !important;\r\n color: inherit !important;\r\n}\r\n.hidden-panel {\r\n display: none !important; \/* \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0645\u0644 \u067e\u0627\u0646\u0644 \u0627\u0632 \u0635\u0641\u062d\u0647 *\/\r\n}\r\n.founder-link {\r\n text-decoration: none; \/* \u062d\u0630\u0641 \u062e\u0637 \u0632\u06cc\u0631 \u0644\u06cc\u0646\u06a9 *\/\r\n color: inherit; \/* \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0646\u06af \u0645\u062a\u0646 \u0648\u0627\u0644\u062f *\/\r\n transition: all 0.3s ease;\r\n display: inline-block;\r\n}\r\n\r\n.founder-link strong {\r\n color: var(--orange); \/* \u0645\u062a\u0645\u0627\u06cc\u0632 \u06a9\u0631\u062f\u0646 \u0646\u0627\u0645 \u0628\u0627 \u0631\u0646\u06af \u0627\u0635\u0644\u06cc \u0633\u0627\u06cc\u062a *\/\r\n border-bottom: 1px dashed rgba(255, 122, 24, 0.4); \/* \u06cc\u06a9 \u062e\u0637\u200c\u0686\u06cc\u0646 \u0645\u0644\u0627\u06cc\u0645 \u0632\u06cc\u0631 \u0646\u0627\u0645 *\/\r\n padding-bottom: 2px;\r\n}\r\n\r\n.founder-link:hover strong {\r\n color: #fff; \/* \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u0646\u0627\u0645 \u0647\u0646\u06af\u0627\u0645 \u0647\u0627\u0648\u0631 *\/\r\n background: var(--orange); \/* \u0627\u0641\u06a9\u062a \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0646\u0627\u0631\u0646\u062c\u06cc *\/\r\n border-radius: 4px;\r\n padding: 0 5px;\r\n border-bottom-color: transparent;\r\n}\r\n\r\n\/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0646\u0634\u0627\u0646\u06af\u0631 \u0645\u0648\u0633 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e (\u0646\u0645\u0627\u06cc\u0634\u06af\u0631\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u062a\u0631 \u0627\u0632 1024 \u067e\u06cc\u06a9\u0633\u0644) *\/\r\n@media (min-width: 1024px) {\r\n body, a, button {\r\n cursor: none !important; \/* \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u0645\u0648\u0633 \u0627\u0635\u0644\u06cc \u0633\u06cc\u0633\u062a\u0645 *\/\r\n }\r\n\r\n .custom-cursor {\r\n display: block;\r\n width: 40px;\r\n height: 40px;\r\n border: 1px solid var(--orange);\r\n border-radius: 50%;\r\n position: fixed;\r\n pointer-events: none;\r\n z-index: 9999;\r\n transition: transform 0.15s ease-out, background 0.3s ease, width 0.3s, height 0.3s;\r\n transform: translate(-50%, -50%);\r\n backdrop-filter: blur(2px);\r\n }\r\n\r\n .cursor-dot {\r\n display: block;\r\n width: 6px;\r\n height: 6px;\r\n background: var(--orange);\r\n border-radius: 50%;\r\n position: fixed;\r\n pointer-events: none;\r\n z-index: 10000;\r\n transform: translate(-50%, -50%);\r\n transition: transform 0.05s linear;\r\n }\r\n\r\n .cursor-active {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 122, 24, 0.15);\r\n border: 2px solid var(--orange);\r\n }\r\n}\r\n\r\n\/* \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0646\u0634\u0627\u0646\u06af\u0631 \u0633\u0641\u0627\u0631\u0634\u06cc \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0648 \u062a\u0628\u0644\u062a *\/\r\n@media (max-width: 1023px) {\r\n .custom-cursor, .cursor-dot {\r\n display: none !important; \/* \u062d\u0630\u0641 \u06a9\u0627\u0645\u0644 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u062f\u0627\u06cc\u0631\u0647\u200c\u0627\u06cc *\/\r\n }\r\n body, a, button {\r\n cursor: auto !important; \/* \u0628\u0631\u06af\u0634\u062a\u0646 \u0628\u0647 \u062d\u0627\u0644\u062a \u0644\u0645\u0633\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06af\u0648\u0634\u06cc *\/\r\n }\r\n}\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"custom-cursor\"><\/div>\r\n <div class=\"cursor-dot\"><\/div>\r\n\r\n <!-- \u06cc\u06a9 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0628\u0631\u0627\u06cc \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u0644\u0648\u06af\u0648 \u0648 \u06a9\u0627\u0631\u062a \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0645 -->\r\n <div class=\"main-wrapper\">\r\n\r\n <!-- \u0644\u0648\u06af\u0648 \u062d\u0627\u0644\u0627 \u0628\u06cc\u0631\u0648\u0646 \u0627\u0632 \u06a9\u0627\u0631\u062a \u0627\u0633\u062a \u0648 \u062a\u062d\u062a \u062a\u0627\u062b\u06cc\u0631 \u0645\u0627\u0633\u06a9 \u0642\u0631\u0627\u0631 \u0646\u0645\u06cc\u200c\u06af\u06cc\u0631\u062f -->\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/azari-co.ir\/landing\/assest\/logo.png\" alt=\"\u0644\u0648\u06af\u0648 \u0645\u0631\u0628\u06cc\">\r\n <\/div>\r\n\r\n <main class=\"glass-card\">\r\n <nav class=\"nav\" id=\"nav\">\r\n <button class=\"active\" data-target=\"about\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/button>\r\n <button data-target=\"business\">\u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631 \u0647\u0627<\/button>\r\n <button data-target=\"contact\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627<\/button>\r\n <button class=\"nav-link btn-disabled\" data-target=\"news\">\u0627\u0637\u0644\u0627\u0639\u06cc\u0647 \u0648 \u0631\u062e\u062f\u0627\u062f \u0647\u0627<\/button>\r\n <a class=\"nav-link btn-disabled\" href=\"https:\/\/example.com\/articles\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\r\n <\/nav>\r\n\r\n <section class=\"content\" id=\"content\">\r\n <article class=\"panel active\" id=\"about\">\r\n <div class=\"about-header\">\r\n <h2>\u06a9\u0645\u067e\u0627\u0646\u06cc \u0622\u0630\u0631\u06cc<\/h2>\r\n <span class=\"badge\">\u062a\u0623\u0633\u06cc\u0633 \u06f1\u06f4\u06f0\u06f1<\/span>\r\n <\/div>\r\n\r\n<p class=\"intro-text\">\r\n \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \r\n <a href=\"https:\/\/amirhossienazari.ir\" target=\"_blank\" class=\"founder-link\">\r\n <strong>\u0627\u0645\u06cc\u0631\u062d\u0633\u06cc\u0646 \u0622\u0630\u0631\u06cc<\/strong>\r\n <\/a>\u061b \r\n \u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0648 \u0635\u0646\u0639\u062a.\r\n<\/p>\r\n\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-item\">\r\n <div class=\"icon\">\ud83d\ude80<\/div>\r\n <h3>\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc<\/h3>\r\n <p>\u0637\u0631\u0627\u062d\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0622\u0646\u0644\u0627\u06cc\u0646\u200c\u0634\u0627\u067e\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon\">\ud83d\udee0\ufe0f<\/div>\r\n <h3>\u062a\u0648\u0644\u06cc\u062f \u0635\u0646\u0639\u062a\u06cc<\/h3>\r\n <p>\u062a\u0648\u0644\u06cc\u062f \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062d\u0641\u0627\u0638\u062a\u06cc \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9 \u062f\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 <strong>\u062a\u06a9\u0646\u0648 \u0622\u0631\u0627<\/strong>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-item\">\r\n <div class=\"icon\">\ud83e\udd1d<\/div>\r\n <h3>\u0634\u0631\u0627\u06a9\u062a \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647<\/h3>\r\n <p>\u062d\u0645\u0627\u06cc\u062a \u0627\u0632 \u0627\u0633\u062a\u0627\u0631\u062a\u0627\u067e\u200c\u0647\u0627\u06cc \u062e\u0644\u0627\u0642 \u0648 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627\u06cc \u062e\u0641\u0646 \u0634\u0645\u0627.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-box\">\r\n <p>\u0645\u0627 \u0647\u06cc\u0686 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u06cc \u0646\u062f\u0627\u0631\u06cc\u0645! \u0622\u0645\u0627\u062f\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u0647\u0631\u06af\u0648\u0646\u0647 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0647\u0645\u06a9\u0627\u0631\u06cc \u0647\u0633\u062a\u06cc\u0645.<\/p>\r\n <button onclick=\"document.querySelector('[data-target=\\'contact\\']').click()\">\u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0647\u0645\u06a9\u0627\u0631\u06cc<\/button>\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <article class=\"panel\" id=\"business\">\r\n <div class=\"business-intro\">\r\n <h2>\u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0627<\/h2>\r\n <p>\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u062a\u062d\u062a \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u06a9\u0645\u067e\u0627\u0646\u06cc \u0622\u0630\u0631\u06cc:<\/p>\r\n <\/div>\r\n\r\n <div class=\"business-grid\">\r\n <!-- \u06a9\u0627\u0631\u062a 1: \u0622\u0642\u0627\u06cc \u062d\u0633\u0627\u0628 -->\r\n <div class=\"b-card\">\r\n <div class=\"b-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/azari-co.ir\/wp-content\/uploads\/2026\/06\/Fav.png\" alt=\"\u0622\u0642\u0627\u06cc \u062d\u0633\u0627\u0628\">\r\n <\/div>\r\n <div class=\"b-info\">\r\n <h3>\u0622\u0642\u0627\u06cc \u062d\u0633\u0627\u0628<\/h3>\r\n <p>\u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0641\u0631\u0648\u0634 \u0648 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc<\/p>\r\n <a href=\"https:\/\/aghayehesab.ir\/\" class=\"b-link\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u06cc\u062a<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u06a9\u0627\u0631\u062a 2: \u0644\u06cc \u0645\u0648\u0646\u062a -->\r\n <div class=\"b-card\">\r\n <div class=\"b-logo\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/azari-co.ir\/wp-content\/uploads\/2026\/06\/b319d3c6-030c-4c06-a73c-20186f7ab46b-768x573-1.png\"\r\n alt=\"\u0644\u06cc \u0645\u0648\u0646\u062a\">\r\n <\/div>\r\n <div class=\"b-info\">\r\n <h3>\u0644\u06cc \u0645\u0648\u0646\u062a<\/h3>\r\n <p>\u0645\u0631\u062c\u0639 \u062a\u062e\u0635\u0635\u06cc \u067e\u0648\u0634\u0627\u06a9 \u0645\u062f\u0631\u0646<\/p>\r\n <a href=\"https:\/\/lemont.ir\" class=\"b-link\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u06cc\u062a<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u06a9\u0627\u0631\u062a 3: \u0627\u064f\u067e\u0627\u0644\u06cc\u0646\u0648 -->\r\n <div class=\"b-card\">\r\n <div class=\"b-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/azari-co.ir\/wp-content\/uploads\/2026\/06\/fa.png\" alt=\"\u0627\u064f\u067e\u0627\u0644\u06cc\u0646\u0648\">\r\n <\/div>\r\n <div class=\"b-info\">\r\n <h3>\u0627\u064f\u067e\u0627\u0644\u06cc\u0646\u0648<\/h3>\r\n <p>\u062f\u0646\u06cc\u0627\u06cc \u0628\u062f\u0644\u06cc\u062c\u0627\u062a \u0648 \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc \u062e\u0627\u0635<\/p>\r\n <a href=\"https:\/\/opalino.ir\" class=\"b-link\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u06cc\u062a<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u06a9\u0627\u0631\u062a 4: \u062e\u0627\u0646\u06cc\u062a\u0648 -->\r\n <div class=\"b-card\">\r\n <div class=\"b-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/azari-co.ir\/wp-content\/uploads\/2026\/06\/Groupdaad-1-5.png\" alt=\"\u062e\u0627\u0646\u06cc\u062a\u0648\">\r\n <\/div>\r\n <div class=\"b-info\">\r\n <h3>\u062e\u0627\u0646\u06cc\u062a\u0648<\/h3>\r\n <p>\u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u0647 \u0648 \u06a9\u0627\u0644\u0627\u0647\u0627\u06cc \u0645\u0631\u0632\u06cc<\/p>\r\n <a href=\"https:\/\/khanito.ir\" class=\"b-link\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u06cc\u062a<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0628\u062e\u0634 \u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627 (\u0628\u062f\u0648\u0646 \u0644\u0648\u06af\u0648 - \u0645\u06cc\u0646\u06cc\u0645\u0627\u0644) -->\r\n <div class=\"partnership-section\">\r\n <h3>\u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0634\u0631\u06cc\u06a9 (Partnerships)<\/h3>\r\n <div class=\"p-tags\">\r\n <a href=\"https:\/\/luxbrandjolfa.ir\" target=\"_blank\"><span>\ud83e\udd1d<\/span> \u0644\u0648\u06a9\u0633 \u0628\u0631\u0646\u062f \u062c\u0644\u0641\u0627<\/a>\r\n <a href=\"https:\/\/luxmarketjolfa.ir\" target=\"_blank\"><span>\ud83e\udd1d<\/span> \u0644\u0648\u06a9\u0633 \u0645\u0627\u0631\u062a \u062c\u0644\u0641\u0627<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"panel\" id=\"contact\">\r\n <div class=\"contact-header\">\r\n <h2>\u067e\u0644\u200c\u0647\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u06cc<\/h2>\r\n <p>\u0645\u0627 \u0645\u0634\u062a\u0627\u0642\u0627\u0646\u0647 \u0622\u0645\u0627\u062f\u0647 \u0634\u0646\u06cc\u062f\u0646 \u0646\u0638\u0631\u0627\u062a \u0648 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0627\u062a \u0634\u0645\u0627 \u0647\u0633\u062a\u06cc\u0645.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n <!-- \u067e\u06cc\u0627\u0645\u06a9 - \u0627\u0648\u0644\u0648\u06cc\u062a \u0627\u0648\u0644 -->\r\n <div class=\"contact-item fast-response\">\r\n <div class=\"contact-icon\">\ud83d\udcf1<\/div>\r\n <div class=\"contact-info\">\r\n <span class=\"label\">\u0645\u0646\u0634\u06cc \u067e\u06cc\u0627\u0645\u06a9\u06cc (\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0641\u0648\u0631\u06cc)<\/span>\r\n <a href=\"sms:3000460393\" class=\"value link-effect\">\u06f3\u06f0\u06f0\u06f0\u06f4\u06f6\u06f0\u06f3\u06f9\u06f3<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u06cc\u0645\u06cc\u0644 -->\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-info\">\r\n <span class=\"label\">\u067e\u0633\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9 (\u067e\u0627\u0633\u062e\u200c\u062f\u0647\u06cc \u06a9\u0646\u062f)<\/span>\r\n <a href=\"mailto:support@azari-co.ir\" class=\"value link-effect\">support@azari-co.ir<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0622\u062f\u0631\u0633 \u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc -->\r\n <div class=\"contact-item address\">\r\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n <div class=\"contact-info\">\r\n <span class=\"label\">\u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc AzariCo<\/span>\r\n <p class=\"value address-text\">\r\n \u0627\u0631\u062f\u0628\u06cc\u0644\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0634\u0647\u06cc\u062f \u0633\u0631\u0644\u0634\u06a9\u0631 \u0628\u0627\u06a9\u0631\u06cc\u060c \u0631\u0648\u0628\u0631\u0648\u06cc \u0627\u062f\u0627\u0631\u0647 \u06a9\u0644 \u0622\u0645\u0648\u0632\u0634 \u0648 \u067e\u0631\u0648\u0631\u0634 \u0627\u0633\u062a\u0627\u0646\u060c \u0631\u0648\u0628\u0631\u0648\u06cc \u067e\u0644 \u0639\u0627\u0628\u0631 \u067e\u06cc\u0627\u062f\u0647\r\n <\/p>\r\n <span class=\"note\">\u26a0\ufe0f \u0645\u0631\u0627\u062c\u0639\u0647 \u0641\u0642\u0637 \u0628\u0627 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0642\u0628\u0644\u06cc<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"social-minimal\">\r\n <p>AzariCo \u062f\u0631 \u062a\u0645\u0627\u0645 \u0645\u0633\u06cc\u0631 \u0647\u0645\u0631\u0627\u0647 \u0634\u0645\u0627\u0633\u062a.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <article class=\"panel hidden-panel\" id=\"news\">\r\n \r\n<div class=\"event-row\">\r\n <div class=\"event-brief\">\r\n <div class=\"event-meta\">\r\n <h3>\u0639\u0646\u0648\u0627\u0646 \u0631\u062e\u062f\u0627\u062f \u0634\u0645\u0627<\/h3>\r\n <span class=\"event-date\">\u06f1\u06f4\u06f0\u06f2\/\u06f0\u06f8\/\u06f1\u06f0<\/span>\r\n <\/div>\r\n <p>\u062a\u0648\u0636\u06cc\u062d \u06a9\u0648\u062a\u0627\u0647 \u0648 \u0645\u062e\u062a\u0635\u0631\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u06cc\u0646 \u0631\u062e\u062f\u0627\u062f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f...<\/p>\r\n <button class=\"more-btn\" onclick=\"toggleModal('modal1')\">\u0628\u06cc\u0634\u062a\u0631 ...<\/button>\r\n <\/div>\r\n\r\n <!-- \u067e\u0627\u067e\u200c\u0622\u067e \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u0631\u062e\u062f\u0627\u062f -->\r\n <div id=\"modal1\" class=\"modal-overlay\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-icon\" onclick=\"toggleModal('modal1')\">×<\/span>\r\n <div class=\"modal-header\">\r\n <h2>\u0639\u0646\u0648\u0627\u0646 \u06a9\u0627\u0645\u0644 \u0631\u062e\u062f\u0627\u062f<\/h2>\r\n <span class=\"modal-date\">\u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u062a\u0634\u0627\u0631: \u06f1\u06f0 \u0622\u0628\u0627\u0646 \u06f1\u06f4\u06f0\u06f2<\/span>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <p>\u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0627\u0645\u0644\u060c \u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u0631\u0648\u0698\u0647\u060c \u0627\u0647\u062f\u0627\u0641 \u0648 \u0647\u0631 \u0622\u0646\u0686\u0647 \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u062f\u0627\u0646\u062f \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0641\u0635\u0644 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f. \u0627\u06cc\u0646 \u067e\u0646\u062c\u0631\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0648 \u0631\u0648\u06cc \u06a9\u0644 \u0635\u0641\u062d\u0647 \u0628\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\r\n <ul>\r\n <li>\u062f\u0633\u062a\u0627\u0648\u0631\u062f \u0627\u0648\u0644 \u0631\u062e\u062f\u0627\u062f<\/li>\r\n <li>\u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u067e\u0631\u0648\u0698\u0647<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u067e\u0627\u06cc\u0627\u0646 \u06cc\u06a9 \u0631\u062e\u062f\u0627\u062f -->\r\n\r\n<!-- \u0646\u06a9\u062a\u0647: \u0628\u0631\u0627\u06cc \u0631\u062e\u062f\u0627\u062f \u062f\u0648\u0645\u060c modal1 \u0631\u0627 \u0628\u0647 modal2 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f (\u0647\u0645 \u062f\u0631 ID \u0648 \u0647\u0645 \u062f\u0631 onclick \u062f\u06a9\u0645\u0647\u200c\u0647\u0627) -->\r\n\r\n <\/article>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n (function () {\r\n const nav = document.getElementById('nav');\r\n const buttons = nav.querySelectorAll('button[data-target]');\r\n const panels = document.querySelectorAll('.panel');\r\n\r\n nav.addEventListener('click', function (e) {\r\n const btn = e.target.closest('button[data-target]');\r\n if (!btn) return; \/\/ \u0644\u06cc\u0646\u06a9 \u00ab\u0645\u0642\u0627\u0644\u0627\u062a\u00bb \u0631\u0641\u062a\u0627\u0631 \u0639\u0627\u062f\u06cc <a> \u062f\u0627\u0631\u062f\r\n\r\n const targetId = btn.dataset.target;\r\n\r\n \/\/ \u0648\u0636\u0639\u06cc\u062a active \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\r\n buttons.forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n\r\n \/\/ \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0645\u062d\u062a\u0648\u0627 \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\r\n panels.forEach(p => p.classList.remove('active'));\r\n const target = document.getElementById(targetId);\r\n if (target) {\r\n \/\/ \u0631\u06cc\u200c\u0627\u0633\u062a\u0627\u0631\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\r\n void target.offsetWidth;\r\n target.classList.add('active');\r\n }\r\n });\r\n })();\r\n\r\n\r\n const cursor = document.querySelector('.custom-cursor');\r\n const dot = document.querySelector('.cursor-dot');\r\n const links = document.querySelectorAll('button, a, .logo');\r\n\r\n \/\/ \u0641\u0642\u0637 \u0627\u06af\u0631 \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 1024 \u0628\u0648\u062f (\u062f\u0633\u06a9\u062a\u0627\u067e)\u060c \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0645\u0648\u0633 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f\r\n if (window.innerWidth >= 1024) {\r\n document.addEventListener('mousemove', (e) => {\r\n cursor.style.left = e.clientX + 'px';\r\n cursor.style.top = e.clientY + 'px';\r\n dot.style.left = e.clientX + 'px';\r\n dot.style.top = e.clientY + 'px';\r\n });\r\n\r\n links.forEach(link => {\r\n link.addEventListener('mouseenter', () => {\r\n cursor.classList.add('cursor-active');\r\n });\r\n link.addEventListener('mouseleave', () => {\r\n cursor.classList.remove('cursor-active');\r\n });\r\n });\r\n }\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\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>\u0622\u0630\u0631\u06cc \u06a9\u0648 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631 \u0647\u0627 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627 \u0627\u0637\u0644\u0627\u0639\u06cc\u0647 \u0648 \u0631\u062e\u062f\u0627\u062f \u0647\u0627 \u0645\u0642\u0627\u0644\u0627\u062a \u06a9\u0645\u067e\u0627\u0646\u06cc \u0622\u0630\u0631\u06cc \u062a\u0623\u0633\u06cc\u0633 \u06f1\u06f4\u06f0\u06f1 \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0627\u0645\u06cc\u0631\u062d\u0633\u06cc\u0646 \u0622\u0630\u0631\u06cc \u061b \u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0648 \u0635\u0646\u0639\u062a. \ud83d\ude80 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0637\u0631\u0627\u062d\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0622\u0646\u0644\u0627\u06cc\u0646\u200c\u0634\u0627\u067e\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f. \ud83d\udee0\ufe0f \u062a\u0648\u0644\u06cc\u062f \u0635\u0646\u0639\u062a\u06cc \u062a\u0648\u0644\u06cc\u062f \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062d\u0641\u0627\u0638\u062a\u06cc \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9 \u062f\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 \u062a\u06a9\u0646\u0648 \u0622\u0631\u0627. \ud83e\udd1d \u0634\u0631\u0627\u06a9\u062a […]<\/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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azari-co.ir\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azari-co.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azari-co.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azari-co.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azari-co.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":13,"href":"https:\/\/azari-co.ir\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/azari-co.ir\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/azari-co.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}