{"id":198,"date":"2026-05-22T13:29:40","date_gmt":"2026-05-22T09:59:40","guid":{"rendered":"https:\/\/www.artxbahar.ir\/?page_id=198"},"modified":"2026-06-27T13:19:07","modified_gmt":"2026-06-27T09:49:07","slug":"%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c","status":"publish","type":"page","link":"https:\/\/www.artxbahar.ir\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u0628\u0647\u0627\u0631 | \u0622\u0645\u0648\u0632\u0634\u06af\u0627\u0647 \u0648 \u06af\u0627\u0644\u0631\u06cc \u0647\u0646\u0631\u0647\u0627\u06cc \u0632\u06cc\u0628\u0627<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Vazirmatn:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n \/* ============================================================\n \u0628\u0647\u0627\u0631 | CSS \u062c\u0627\u0645\u0639 \u0648 \u06a9\u0627\u0645\u0644\n ============================================================ *\/\n\n \/* ---------- \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 ---------- *\/\n :root {\n --rose-gold: #B76E79;\n --rose-gold-light: #D4A0A0;\n --rose-gold-pale: #E8C4C4;\n --rose-gold-bg: #F5E0E0;\n --gold-soft: #C9A96E;\n --gold-dark: #A8873A;\n --velvet-black: #1A1A1A;\n --text-dark: #1A1A1A;\n --text-light: #F5F0EB;\n --glass-bg: rgba(255, 248, 240, 0.12);\n --glass-border: rgba(183, 110, 121, 0.2);\n --shadow-rose: 0 12px 40px rgba(183, 110, 121, 0.25);\n --bg-body: #F5E0E0;\n --card-bg: #FFFFFF;\n --input-bg: #FFFFFF;\n --footer-bg: #1A1A1A;\n --footer-text: #E8DCD0;\n --scrollbar-track: #F5E0E0;\n --scrollbar-thumb: #B76E79;\n --hero-overlay: linear-gradient(135deg, rgba(183, 110, 121, 0.45) 0%, rgba(201, 169, 110, 0.35) 100%);\n --transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n \/* ---------- \u062f\u0627\u0631\u06a9 \u0645\u0648\u062f ---------- *\/\n [data-theme=\"dark\"] {\n --rose-gold: #D4A0A0;\n --rose-gold-light: #B76E79;\n --rose-gold-pale: #8F5A63;\n --rose-gold-bg: #2D1F22;\n --gold-soft: #C9A96E;\n --gold-dark: #D4B87A;\n --velvet-black: #0D0D0D;\n --text-dark: #F0E8E0;\n --text-light: #F5F0EB;\n --glass-bg: rgba(26, 26, 26, 0.6);\n --glass-border: rgba(183, 110, 121, 0.4);\n --shadow-rose: 0 12px 40px rgba(0, 0, 0, 0.6);\n --bg-body: #2D1F22;\n --card-bg: #2A1F1C;\n --input-bg: #3A2E2A;\n --footer-bg: #0D0D0D;\n --footer-text: #D4C8BC;\n --scrollbar-track: #2D1F22;\n --scrollbar-thumb: #B76E79;\n --hero-overlay: linear-gradient(135deg, rgba(26, 26, 26, 0.7) 0%, rgba(183, 110, 121, 0.35) 100%);\n }\n\n \/* ---------- \u0631\u06cc\u0633\u062a ---------- *\/\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Vazirmatn', sans-serif;\n background-color: var(--bg-body);\n color: var(--text-dark);\n transition: background-color 0.3s, color 0.3s;\n line-height: 1.7;\n overflow-x: hidden;\n padding-top: 80px;\n }\n\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-track {\n background: var(--scrollbar-track);\n }\n ::-webkit-scrollbar-thumb {\n background: var(--scrollbar-thumb);\n border-radius: 20px;\n border: 2px solid var(--scrollbar-track);\n }\n\n img {\n max-width: 100%;\n display: block;\n height: auto;\n }\n a {\n text-decoration: none;\n color: inherit;\n }\n ul {\n list-style: none;\n padding: 0;\n }\n\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 24px;\n width: 100%;\n }\n\n \/* ---------- \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc ---------- *\/\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 5vw, 3.2rem);\n font-weight: 700;\n color: var(--rose-gold);\n margin-bottom: 1rem;\n letter-spacing: -0.02em;\n position: relative;\n }\n .section-title::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, var(--rose-gold), var(--gold-soft));\n margin-top: 8px;\n border-radius: 4px;\n }\n .section-header .section-title::after {\n margin: 8px auto 0;\n }\n .section-sub {\n color: var(--text-dark);\n opacity: 0.75;\n font-size: 1.1rem;\n margin-bottom: 2.5rem;\n }\n .section-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n \/* ---------- \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 ---------- *\/\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 36px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1rem;\n border: none;\n cursor: pointer;\n transition: all var(--transition);\n font-family: 'Vazirmatn', sans-serif;\n text-decoration: none;\n white-space: nowrap;\n }\n .btn-primary {\n background: var(--rose-gold);\n color: #fff;\n box-shadow: 0 8px 24px rgba(183, 110, 121, 0.3);\n }\n .btn-primary:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 16px 40px rgba(183, 110, 121, 0.4);\n }\n .btn-shimmer {\n background: linear-gradient(135deg, var(--rose-gold) 0%, var(--gold-soft) 100%);\n background-size: 200% 200%;\n animation: shimmer 3s ease infinite;\n color: #fff;\n box-shadow: 0 8px 24px rgba(183, 110, 121, 0.3);\n }\n .btn-shimmer:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 16px 40px rgba(183, 110, 121, 0.4);\n }\n @keyframes shimmer {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n .btn-outline {\n background: transparent;\n border: 2px solid var(--rose-gold);\n color: var(--rose-gold);\n box-shadow: none;\n }\n .btn-outline:hover {\n background: var(--rose-gold);\n color: #fff;\n transform: translateY(-3px) scale(1.02);\n }\n\n \/* ---------- \u0647\u062f\u0631 ---------- *\/\n .header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 999;\n padding: 12px 0;\n transition: all 0.4s ease;\n background: rgba(245, 224, 224, 0.08);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--glass-border);\n }\n [data-theme=\"dark\"] .header {\n background: rgba(26, 26, 26, 0.5);\n }\n .header.scrolled {\n background: rgba(26, 26, 26, 0.85);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n padding: 8px 0;\n }\n [data-theme=\"dark\"] .header.scrolled {\n background: rgba(13, 13, 13, 0.92);\n }\n .header-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n flex-wrap: wrap;\n }\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--rose-gold);\n letter-spacing: -0.02em;\n flex-shrink: 0;\n text-decoration: none;\n }\n .logo span {\n color: var(--gold-soft);\n }\n .nav-menu {\n display: flex;\n align-items: center;\n gap: 4px;\n flex-wrap: wrap;\n flex: 1;\n justify-content: center;\n }\n .nav-menu a {\n font-size: 0.95rem;\n font-weight: 500;\n padding: 8px 18px;\n border-radius: 40px;\n color: var(--text-dark);\n transition: all 0.3s ease;\n text-decoration: none;\n white-space: nowrap;\n }\n .nav-menu a:hover {\n background: rgba(183, 110, 121, 0.15);\n color: var(--rose-gold);\n }\n [data-theme=\"dark\"] .nav-menu a {\n color: var(--text-light);\n }\n [data-theme=\"dark\"] .nav-menu a:hover {\n background: rgba(183, 110, 121, 0.2);\n color: var(--rose-gold-light);\n }\n .header-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n }\n .header-actions .btn {\n padding: 8px 20px;\n font-size: 0.85rem;\n }\n .dark-toggle {\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n border-radius: 50%;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n cursor: pointer;\n transition: all 0.3s ease;\n color: var(--text-dark);\n flex-shrink: 0;\n }\n .dark-toggle:hover {\n background: rgba(183, 110, 121, 0.2);\n transform: rotate(20deg);\n }\n [data-theme=\"dark\"] .dark-toggle {\n color: var(--gold-soft);\n }\n\n \/* ---------- \u0647\u06cc\u0631\u0648 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 - \u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 ---------- *\/\n .hero {\n position: relative;\n height: 90vh;\n min-height: 600px;\n overflow: hidden;\n border-radius: 0 0 40px 40px;\n }\n\n .hero-slider {\n display: flex;\n width: 300%;\n height: 100%;\n transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);\n will-change: transform;\n }\n\n .hero-slide {\n flex: 1;\n min-width: 0;\n height: 100%;\n background-size: cover;\n background-position: center;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 40px;\n }\n\n .hero-slide::after {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--hero-overlay);\n z-index: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 780px;\n color: #fff;\n animation: fadeUp 1s ease both;\n }\n\n .hero-content h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.8rem, 7vw, 5rem);\n font-weight: 700;\n text-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n margin-bottom: 16px;\n }\n\n .hero-content p {\n font-size: clamp(1rem, 2vw, 1.4rem);\n opacity: 0.9;\n margin-bottom: 28px;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n }\n\n .hero-content .btn {\n font-size: 1.1rem;\n padding: 16px 44px;\n }\n\n @keyframes fadeUp {\n 0% {\n opacity: 0;\n transform: translateY(40px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .slider-controls {\n position: absolute;\n bottom: 40px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 18px;\n z-index: 5;\n }\n\n .slider-controls button {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.6);\n background: transparent;\n cursor: pointer;\n transition: all 0.3s ease;\n padding: 0;\n }\n\n .slider-controls button.active {\n background: var(--rose-gold);\n border-color: var(--rose-gold);\n transform: scale(1.3);\n }\n\n \/* ---------- \u0628\u062e\u0634\u200c\u0647\u0627 ---------- *\/\n section {\n padding: 80px 0;\n }\n .bg-rose {\n background: var(--rose-gold-bg);\n }\n\n \/* ---------- \u062f\u0648\u0631\u0647\u200c\u0647\u0627 ---------- *\/\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 32px;\n }\n .course-card {\n background: var(--card-bg);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);\n transition: all var(--transition);\n border: 1px solid var(--glass-border);\n }\n .course-card:hover {\n transform: translateY(-12px);\n box-shadow: var(--shadow-rose);\n }\n .course-card img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n }\n .course-body {\n padding: 24px;\n }\n .course-body h3 {\n font-size: 1.3rem;\n font-weight: 700;\n color: var(--rose-gold);\n margin-bottom: 6px;\n }\n .course-body p {\n font-size: 0.95rem;\n opacity: 0.7;\n margin-bottom: 12px;\n }\n .course-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n }\n .course-price {\n font-weight: 700;\n color: var(--gold-dark);\n font-size: 1.1rem;\n }\n .course-badge {\n display: inline-block;\n background: var(--rose-gold-pale);\n color: var(--rose-gold);\n font-size: 0.7rem;\n padding: 2px 12px;\n border-radius: 40px;\n font-weight: 600;\n }\n .course-card .btn {\n width: 100%;\n text-align: center;\n margin-top: 16px;\n }\n\n \/* ---------- \u06af\u0627\u0644\u0631\u06cc ---------- *\/\n .gallery-scroll {\n display: flex;\n gap: 24px;\n overflow-x: auto;\n padding: 16px 8px 32px;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n }\n .gallery-scroll::-webkit-scrollbar {\n height: 6px;\n }\n .gallery-scroll::-webkit-scrollbar-thumb {\n background: var(--rose-gold);\n border-radius: 20px;\n }\n .gallery-item {\n flex: 0 0 280px;\n scroll-snap-align: start;\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n border: 3px solid var(--gold-soft);\n transition: all var(--transition);\n background: var(--card-bg);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n }\n .gallery-item:hover {\n transform: scale(1.03);\n border-color: var(--rose-gold);\n box-shadow: var(--shadow-rose);\n }\n .gallery-item img {\n width: 100%;\n height: 320px;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n .gallery-item:hover img {\n transform: scale(1.06);\n }\n .gallery-info {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 20px;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent);\n color: #fff;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n .gallery-item:hover .gallery-info {\n opacity: 1;\n }\n .gallery-info h4 {\n font-size: 1.1rem;\n }\n .gallery-info span {\n font-size: 0.85rem;\n opacity: 0.8;\n }\n .gallery-scroll-wrap .btn {\n margin-top: 24px;\n }\n\n \/* ---------- \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 ---------- *\/\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 48px;\n align-items: center;\n }\n .about-text p {\n margin-bottom: 16px;\n opacity: 0.85;\n }\n .about-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 32px;\n }\n .stat-item {\n text-align: center;\n background: var(--card-bg);\n padding: 20px 12px;\n border-radius: 20px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n border: 1px solid var(--glass-border);\n }\n .stat-item .number {\n font-size: 2rem;\n font-weight: 700;\n color: var(--rose-gold);\n }\n .stat-item .label {\n font-size: 0.85rem;\n opacity: 0.7;\n }\n .about-image img {\n border-radius: 32px;\n box-shadow: var(--shadow-rose);\n width: 100%;\n height: 400px;\n object-fit: cover;\n }\n\n \/* ---------- \u0627\u0633\u0627\u062a\u06cc\u062f ---------- *\/\n .instructors {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 32px;\n margin-top: 40px;\n }\n .instructor-card {\n text-align: center;\n background: var(--card-bg);\n padding: 24px 16px;\n border-radius: 32px;\n border: 1px solid var(--glass-border);\n transition: all 0.3s ease;\n }\n .instructor-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-rose);\n }\n .instructor-card img {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n object-fit: cover;\n margin: 0 auto 16px;\n border: 4px solid var(--rose-gold-pale);\n }\n .instructor-card h4 {\n font-size: 1.1rem;\n color: var(--rose-gold);\n }\n .instructor-card p {\n font-size: 0.85rem;\n opacity: 0.7;\n }\n\n \/* ---------- \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627 ---------- *\/\n .events-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 32px;\n }\n .event-card {\n background: var(--card-bg);\n border-radius: 24px;\n padding: 24px;\n border: 1px solid var(--glass-border);\n transition: all 0.3s ease;\n }\n .event-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-rose);\n }\n .event-card .date {\n font-weight: 700;\n color: var(--rose-gold);\n }\n\n \/* ---------- \u0646\u0638\u0631\u0627\u062a ---------- *\/\n .testimonials-slider {\n display: flex;\n gap: 32px;\n overflow-x: auto;\n padding: 16px 4px;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n }\n .testimonials-slider::-webkit-scrollbar {\n height: 6px;\n }\n .testimonials-slider::-webkit-scrollbar-thumb {\n background: var(--rose-gold);\n border-radius: 20px;\n }\n .testimonial-item {\n flex: 0 0 300px;\n background: var(--card-bg);\n padding: 28px;\n border-radius: 28px;\n border: 1px solid var(--glass-border);\n scroll-snap-align: start;\n text-align: center;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n }\n .testimonial-item img {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n object-fit: cover;\n margin: 0 auto 12px;\n border: 3px solid var(--rose-gold-pale);\n }\n .testimonial-item .stars {\n color: var(--gold-soft);\n font-size: 1.2rem;\n letter-spacing: 2px;\n }\n .testimonial-item blockquote {\n font-style: italic;\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n margin: 12px 0;\n }\n\n \/* ---------- \u062a\u0645\u0627\u0633 ---------- *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 48px;\n }\n .contact-form input,\n .contact-form textarea {\n width: 100%;\n padding: 14px 18px;\n border: 1px solid var(--glass-border);\n border-radius: 16px;\n background: var(--input-bg);\n color: var(--text-dark);\n font-family: 'Vazirmatn', sans-serif;\n transition: all 0.3s ease;\n margin-bottom: 16px;\n font-size: 1rem;\n }\n .contact-form input:focus,\n .contact-form textarea:focus {\n outline: none;\n border-color: var(--rose-gold);\n box-shadow: 0 0 0 4px rgba(183, 110, 121, 0.15);\n }\n .contact-form textarea {\n min-height: 140px;\n resize: vertical;\n }\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n .contact-info .info-item {\n display: flex;\n align-items: center;\n gap: 16px;\n font-size: 1rem;\n }\n .contact-info .info-item .icon {\n font-size: 1.6rem;\n color: var(--rose-gold);\n width: 40px;\n text-align: center;\n flex-shrink: 0;\n }\n .map-container {\n border-radius: 24px;\n overflow: hidden;\n margin-top: 20px;\n border: 2px solid var(--glass-border);\n }\n .map-container iframe {\n width: 100%;\n height: 200px;\n border: 0;\n display: block;\n }\n\n \/* ---------- \u0641\u0648\u062a\u0631 ---------- *\/\n .footer {\n background: var(--footer-bg);\n color: var(--footer-text);\n padding: 60px 0 30px;\n margin-top: 40px;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 40px;\n }\n .footer-col h4 {\n color: var(--rose-gold-light);\n font-size: 1.2rem;\n margin-bottom: 16px;\n font-family: 'Playfair Display', serif;\n }\n .footer-col p,\n .footer-col a {\n opacity: 0.7;\n transition: opacity 0.3s ease;\n display: block;\n margin-bottom: 8px;\n font-size: 0.95rem;\n text-decoration: none;\n }\n .footer-col a:hover {\n opacity: 1;\n color: var(--rose-gold-light);\n }\n .social-icons {\n display: flex;\n gap: 16px;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .social-icons a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: rgba(183, 110, 121, 0.15);\n border: 1px solid rgba(183, 110, 121, 0.2);\n font-size: 1.3rem;\n transition: all 0.3s ease;\n color: var(--footer-text);\n text-decoration: none;\n }\n .social-icons a:hover {\n background: var(--rose-gold);\n color: #fff;\n transform: translateY(-4px);\n }\n .newsletter-form {\n display: flex;\n gap: 8px;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .newsletter-form input {\n flex: 1;\n padding: 12px 16px;\n border-radius: 40px;\n border: none;\n background: rgba(255, 255, 255, 0.08);\n color: #fff;\n min-width: 140px;\n font-family: 'Vazirmatn', sans-serif;\n }\n .newsletter-form input::placeholder {\n color: rgba(255, 255, 255, 0.4);\n }\n .newsletter-form .btn {\n padding: 12px 24px;\n font-size: 0.85rem;\n }\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.06);\n margin-top: 40px;\n padding-top: 24px;\n text-align: center;\n font-size: 0.85rem;\n opacity: 0.6;\n }\n\n \/* ---------- \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc \u06a9\u0645\u06a9\u06cc ---------- *\/\n .text-center {\n text-align: center;\n }\n .mt-16 {\n margin-top: 16px;\n }\n .mt-32 {\n margin-top: 32px;\n }\n .w-full {\n width: 100%;\n }\n\n \/* ---------- \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ---------- *\/\n @media (max-width: 1024px) {\n .about-grid {\n grid-template-columns: 1fr;\n }\n .contact-grid {\n grid-template-columns: 1fr;\n }\n }\n @media (max-width: 992px) {\n .header-inner {\n gap: 10px;\n }\n .nav-menu {\n order: 3;\n flex: 1 1 100%;\n justify-content: center;\n gap: 4px;\n }\n .nav-menu a {\n font-size: 0.85rem;\n padding: 6px 14px;\n }\n .header-actions .btn {\n padding: 6px 16px;\n font-size: 0.8rem;\n }\n }\n @media (max-width: 768px) {\n body {\n padding-top: 70px;\n }\n .hero {\n height: 70vh;\n min-height: 450px;\n }\n .hero-content h1 {\n font-size: 2.4rem;\n }\n .courses-grid {\n grid-template-columns: 1fr 1fr;\n }\n .gallery-item {\n flex: 0 0 200px;\n }\n .about-stats {\n grid-template-columns: 1fr 1fr;\n }\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n }\n section {\n padding: 60px 0;\n }\n }\n @media (max-width: 576px) {\n .header-inner {\n gap: 6px;\n }\n .logo {\n font-size: 1.4rem;\n }\n .nav-menu a {\n font-size: 0.75rem;\n padding: 4px 10px;\n }\n .header-actions .btn {\n padding: 5px 10px;\n font-size: 0.7rem;\n }\n .dark-toggle {\n width: 36px;\n height: 36px;\n font-size: 1rem;\n }\n .courses-grid {\n grid-template-columns: 1fr;\n }\n .gallery-item {\n flex: 0 0 160px;\n }\n .about-stats {\n grid-template-columns: 1fr;\n }\n .footer-grid {\n grid-template-columns: 1fr;\n }\n .section-title {\n font-size: 1.8rem;\n }\n .hero-content h1 {\n font-size: 1.8rem;\n }\n .hero-content .btn {\n padding: 12px 28px;\n font-size: 0.9rem;\n }\n section {\n padding: 40px 0;\n }\n .container {\n padding: 0 16px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- ============================================================\n \u0647\u062f\u0631\n ============================================================ -->\n <header class=\"header\" id=\"header\">\n <div class=\"container\">\n <div class=\"header-inner\">\n <a href=\"#home\" class=\"logo\">\u0628\u0647\u0627\u0631 <span>\u06af\u0627\u0644\u0631\u06cc<\/span><\/a>\n <nav class=\"nav-menu\">\n <a href=\"#home\">\u062e\u0627\u0646\u0647<\/a>\n <a href=\"#about\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"#courses\">\u062f\u0648\u0631\u0647\u200c\u0647\u0627<\/a>\n <a href=\"#gallery\">\u06af\u0627\u0644\u0631\u06cc<\/a>\n <a href=\"#events\">\u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627<\/a>\n <a href=\"#contact\">\u062a\u0645\u0627\u0633<\/a>\n <\/nav>\n <div class=\"header-actions\">\n <a href=\"#courses\" class=\"btn btn-shimmer\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/a>\n <a href=\"#gallery\" class=\"btn btn-outline\">\u062e\u0631\u06cc\u062f \u0622\u062b\u0627\u0631<\/a>\n <button class=\"dark-toggle\" id=\"darkToggle\" aria-label=\"\u062a\u063a\u06cc\u06cc\u0631 \u062d\u0627\u0644\u062a \u062a\u0627\u0631\u06cc\u06a9\/\u0631\u0648\u0634\u0646\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- ============================================================\n \u0647\u06cc\u0631\u0648 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 - \u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 \u0628\u0627 \u06f3 \u0627\u0633\u0644\u0627\u06cc\u062f \u06a9\u0627\u0645\u0644\n ============================================================ -->\n <section class=\"hero\" id=\"home\">\n <div class=\"hero-slider\" id=\"heroSlider\">\n <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f1 -->\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1541701494587-cb58502866ab?w=1920&q=80');\">\n <div class=\"hero-content\">\n <h1>\u0628\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0631\u0646\u06af\u200c\u0647\u0627 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f<\/h1>\n <p>\u0647\u0646\u0631 \u0631\u0627 \u0628\u0627 \u062a\u0645\u0627\u0645 \u0648\u062c\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 \u0627\u0648\u0644\u06cc\u0646 \u062e\u0637 \u062a\u0627 \u0634\u0627\u0647\u06a9\u0627\u0631<\/p>\n <a href=\"#courses\" class=\"btn btn-shimmer\">\u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f<\/a>\n <\/div>\n <\/div>\n <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f2 -->\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1547826036-b41b8b8c5ea8?w=1920&q=80');\">\n <div class=\"hero-content\">\n <h1>\u0647\u0646\u0631 \u0631\u0627 \u0627\u0632 \u0627\u0633\u062a\u0627\u062f\u0627\u0646 \u0628\u0631\u062a\u0631 \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f<\/h1>\n <p>\u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0628\u0627 \u0627\u0633\u0627\u062a\u06cc\u062f \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u062f\u0631 \u0641\u0636\u0627\u06cc\u06cc \u0627\u0644\u0647\u0627\u0645\u200c\u0628\u062e\u0634<\/p>\n <a href=\"#courses\" class=\"btn btn-shimmer\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0648\u0631\u0647\u200c\u0647\u0627<\/a>\n <\/div>\n <\/div>\n <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f3 -->\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1561214115-f2f134cc4912?w=1920&q=80');\">\n <div class=\"hero-content\">\n <h1>\u0632\u06cc\u0628\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0647 \u062e\u0627\u0646\u0647 \u0628\u06cc\u0627\u0648\u0631\u06cc\u062f<\/h1>\n <p>\u062a\u0627\u0628\u0644\u0648\u0647\u0627\u06cc \u0646\u0641\u06cc\u0633 \u0627\u0632 \u0647\u0646\u0631\u0645\u0646\u062f\u0627\u0646 \u0628\u0631\u062a\u0631\u060c \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u0631\u0627\u06cc \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc<\/p>\n <a href=\"#gallery\" class=\"btn btn-shimmer\">\u062e\u0631\u06cc\u062f \u0622\u062b\u0627\u0631<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"slider-controls\" id=\"sliderControls\">\n <button class=\"active\" data-index=\"0\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f1\"><\/button>\n <button data-index=\"1\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f2\"><\/button>\n <button data-index=\"2\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f3\"><\/button>\n <\/div>\n <\/section>\n\n <!-- ============================================================\n \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc - \u0628\u0627 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0645\u0631\u062a\u0628\u0637\n ============================================================ -->\n <section id=\"courses\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/h2>\n <p class=\"section-sub\">\u0627\u0632 \u0645\u0628\u062a\u062f\u06cc \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0647\u0646\u0631 \u0631\u0627 \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0633\u0627\u062a\u06cc\u062f \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f<\/p>\n <\/div>\n <div class=\"courses-grid\">\n <!-- \u06f1. \u0646\u0642\u0627\u0634\u06cc \u0631\u0646\u06af \u0631\u0648\u063a\u0646 -->\n <div class=\"course-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579783902614-a3fb3927b6a5?w=800&q=80\" alt=\"\u0646\u0642\u0627\u0634\u06cc \u0631\u0646\u06af \u0631\u0648\u063a\u0646\" loading=\"lazy\">\n <div class=\"course-body\">\n <h3>\u0646\u0642\u0627\u0634\u06cc \u0631\u0646\u06af \u0631\u0648\u063a\u0646 \u0645\u0642\u062f\u0645\u0627\u062a\u06cc<\/h3>\n <p>\u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u0647 \u0648 \u062a\u0631\u06a9\u06cc\u0628 \u0631\u0646\u06af<\/p>\n <div class=\"course-meta\">\n <span class=\"course-price\">\u06f4,\u06f8\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\n <span class=\"course-badge\">\u0645\u062f\u0631\u06a9 \u0645\u0639\u062a\u0628\u0631<\/span>\n <\/div>\n <a href=\"#\" class=\"btn btn-shimmer\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <!-- \u06f2. \u0622\u0628\u0631\u0646\u06af \u062d\u0631\u0641\u0647\u200c\u0627\u06cc -->\n <div class=\"course-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513364776144-60967b0f800f?w=800&q=80\" alt=\"\u0622\u0628\u0631\u0646\u06af \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\" loading=\"lazy\">\n <div class=\"course-body\">\n <h3>\u0622\u0628\u0631\u0646\u06af \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/h3>\n <p>\u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0622\u0628\u0631\u0646\u06af \u0648 \u0634\u0641\u0627\u0641\u06cc\u062a \u0631\u0646\u06af<\/p>\n <div class=\"course-meta\">\n <span class=\"course-price\">\u06f5,\u06f6\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\n <span class=\"course-badge\">\u0627\u0633\u0627\u062a\u06cc\u062f \u0645\u062c\u0631\u0628<\/span>\n <\/div>\n <a href=\"#\" class=\"btn btn-shimmer\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <!-- \u06f3. \u0637\u0631\u0627\u062d\u06cc \u0686\u0647\u0631\u0647 -->\n <div class=\"course-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544967082-d9d25d867d66?w=800&q=80\" alt=\"\u0637\u0631\u0627\u062d\u06cc \u0686\u0647\u0631\u0647\" loading=\"lazy\">\n <div class=\"course-body\">\n <h3>\u0637\u0631\u0627\u062d\u06cc \u0686\u0647\u0631\u0647<\/h3>\n <p>\u0646\u0633\u0628\u062a\u200c\u0634\u0646\u0627\u0633\u06cc \u0648 \u0633\u0627\u06cc\u0647\u200c\u0632\u0646\u06cc \u0628\u0627 \u0645\u062f\u0627\u062f \u0648 \u0632\u063a\u0627\u0644<\/p>\n <div class=\"course-meta\">\n <span class=\"course-price\">\u06f3,\u06f8\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\n <span class=\"course-badge\">\u0645\u062f\u0631\u06a9 \u0645\u0639\u062a\u0628\u0631<\/span>\n <\/div>\n <a href=\"#\" class=\"btn btn-shimmer\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <!-- \u06f4. \u0646\u0642\u0627\u0634\u06cc \u06a9\u0648\u062f\u06a9 \u0648 \u0646\u0648\u062c\u0648\u0627\u0646 -->\n <div class=\"course-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578926375601-af9f6f9db6d6?w=800&q=80\" alt=\"\u0646\u0642\u0627\u0634\u06cc \u06a9\u0648\u062f\u06a9 \u0648 \u0646\u0648\u062c\u0648\u0627\u0646\" loading=\"lazy\">\n <div class=\"course-body\">\n <h3>\u0646\u0642\u0627\u0634\u06cc \u06a9\u0648\u062f\u06a9 \u0648 \u0646\u0648\u062c\u0648\u0627\u0646<\/h3>\n <p>\u062e\u0644\u0627\u0642\u06cc\u062a \u0648 \u0628\u0627\u0632\u06cc \u0628\u0627 \u0631\u0646\u06af\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0646\u06cc\u0646 \u06f6 \u062a\u0627 \u06f1\u06f6<\/p>\n <div class=\"course-meta\">\n <span class=\"course-price\">\u06f3,\u06f0\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\n <span class=\"course-badge\">\u0627\u0633\u0627\u062a\u06cc\u062f \u0645\u062c\u0631\u0628<\/span>\n <\/div>\n <a href=\"#\" class=\"btn btn-shimmer\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <!-- \u06f5. \u062e\u0648\u0634\u0646\u0648\u06cc\u0633\u06cc \u0645\u062f\u0631\u0646 -->\n <div class=\"course-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551963831-b3b1ca40c98e?w=800&q=80\" alt=\"\u062e\u0648\u0634\u0646\u0648\u06cc\u0633\u06cc \u0645\u062f\u0631\u0646\" loading=\"lazy\">\n <div class=\"course-body\">\n <h3>\u062e\u0648\u0634\u0646\u0648\u06cc\u0633\u06cc \u0645\u062f\u0631\u0646<\/h3>\n <p>\u062a\u0631\u06a9\u06cc\u0628 \u062e\u0637\u0627\u0637\u06cc \u0633\u0646\u062a\u06cc \u0628\u0627 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u0639\u0627\u0635\u0631<\/p>\n <div class=\"course-meta\">\n <span class=\"course-price\">\u06f4,\u06f4\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\n <span class=\"course-badge\">\u0645\u062f\u0631\u06a9 \u0645\u0639\u062a\u0628\u0631<\/span>\n <\/div>\n <a href=\"#\" class=\"btn btn-shimmer\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <!-- \u06f6. \u062a\u0631\u06a9\u06cc\u0628 \u0645\u0648\u0627\u062f -->\n <div class=\"course-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547826036-b41b8b8c5ea8?w=800&q=80\" alt=\"\u062a\u0631\u06a9\u06cc\u0628 \u0645\u0648\u0627\u062f\" loading=\"lazy\">\n <div class=\"course-body\">\n <h3>\u062a\u0631\u06a9\u06cc\u0628 \u0645\u0648\u0627\u062f<\/h3>\n <p>\u062a\u062c\u0631\u0628\u0647 \u0628\u0627 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0627\u06a9\u0631\u06cc\u0644\u06cc\u06a9\u060c \u0631\u0648\u063a\u0646 \u0648 \u0645\u0648\u0627\u062f \u062a\u0631\u06a9\u06cc\u0628\u06cc<\/p>\n <div class=\"course-meta\">\n <span class=\"course-price\">\u06f5,\u06f2\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\n <span class=\"course-badge\">\u0627\u0633\u0627\u062a\u06cc\u062f \u0645\u062c\u0631\u0628<\/span>\n <\/div>\n <a href=\"#\" class=\"btn btn-shimmer\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============================================================\n \u06af\u0627\u0644\u0631\u06cc \u0622\u062b\u0627\u0631 - \u0628\u0627 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0645\u0631\u062a\u0628\u0637\n ============================================================ -->\n <section id=\"gallery\" class=\"bg-rose\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u06af\u0627\u0644\u0631\u06cc \u0622\u062b\u0627\u0631<\/h2>\n <p class=\"section-sub\">\u0622\u062b\u0627\u0631\u06cc \u0646\u0641\u06cc\u0633 \u0627\u0632 \u0647\u0646\u0631\u0645\u0646\u062f\u0627\u0646 \u0628\u0631\u062a\u0631\u060c \u062f\u0631 \u0633\u0628\u06a9\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0647\u0646\u0631\u06cc<\/p>\n <\/div>\n <div class=\"gallery-scroll-wrap\">\n <div class=\"gallery-scroll\">\n <!-- \u0627\u062b\u0631 \u06f1 - \u0627\u0646\u062a\u0632\u0627\u0639\u06cc \u0645\u062f\u0631\u0646 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541701494587-cb58502866ab?w=600&q=80\" alt=\"\u062a\u0627\u0628\u0644\u0648 \u0627\u0646\u062a\u0632\u0627\u0639\u06cc \u0645\u062f\u0631\u0646\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u0631\u0624\u06cc\u0627\u06cc \u0631\u0646\u06af\u200c\u0647\u0627<\/h4><span>\u0627\u0646\u062a\u0632\u0627\u0639\u06cc \u0645\u062f\u0631\u0646 \u00b7 \u06f2\u06f4 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <!-- \u0627\u062b\u0631 \u06f2 - \u0645\u0646\u0638\u0631\u0647 \u06a9\u0644\u0627\u0633\u06cc\u06a9 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500462918059-b1a0cb512f1d?w=600&q=80\" alt=\"\u0645\u0646\u0638\u0631\u0647 \u06a9\u0644\u0627\u0633\u06cc\u06a9\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u063a\u0631\u0648\u0628 \u0637\u0644\u0627\u06cc\u06cc<\/h4><span>\u0645\u0646\u0638\u0631\u0647 \u06a9\u0644\u0627\u0633\u06cc\u06a9 \u00b7 \u06f3\u06f6 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <!-- \u0627\u062b\u0631 \u06f3 - \u067e\u0631\u062a\u0631\u0647 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518834107812-67b0b7c58434?w=600&q=80\" alt=\"\u067e\u0631\u062a\u0631\u0647\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u0686\u0647\u0631\u0647 \u062f\u0631 \u0633\u0627\u06cc\u0647<\/h4><span>\u067e\u0631\u062a\u0631\u0647 \u00b7 \u06f4\u06f4 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <!-- \u0627\u062b\u0631 \u06f4 - \u0637\u0628\u06cc\u0639\u062a \u0628\u06cc\u200c\u062c\u0627\u0646 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578926375601-af9f6f9db6d6?w=600&q=80\" alt=\"\u0637\u0628\u06cc\u0639\u062a \u0628\u06cc\u200c\u062c\u0627\u0646\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u06af\u0644\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u062f\u0627\u0646<\/h4><span>\u0637\u0628\u06cc\u0639\u062a \u0628\u06cc\u200c\u062c\u0627\u0646 \u00b7 \u06f3\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <!-- \u0627\u062b\u0631 \u06f5 - \u0645\u062f\u0631\u0646 \u0627\u0646\u062a\u0632\u0627\u0639\u06cc -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1561214115-f2f134cc4912?w=600&q=80\" alt=\"\u0647\u0646\u0631 \u0645\u062f\u0631\u0646\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u0634\u0647\u0631 \u0631\u0624\u06cc\u0627\u06cc\u06cc<\/h4><span>\u0645\u062f\u0631\u0646 \u00b7 \u06f1\u06f8 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <!-- \u0627\u062b\u0631 \u06f6 - \u0645\u06cc\u0646\u06cc\u0627\u062a\u0648\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579783901586-d88db74b4fe4?w=600&q=80\" alt=\"\u0645\u06cc\u0646\u06cc\u0627\u062a\u0648\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u0628\u0627\u063a \u0628\u0647\u0634\u062a<\/h4><span>\u0645\u06cc\u0646\u06cc\u0627\u062a\u0648\u0631 \u00b7 \u06f4\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <!-- \u0627\u062b\u0631 \u06f7 - \u0622\u0628\u0631\u0646\u06af -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513364776144-60967b0f800f?w=600&q=80\" alt=\"\u0622\u0628\u0631\u0646\u06af\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u0622\u0631\u0627\u0645\u0634 \u062f\u0631\u06cc\u0627<\/h4><span>\u0622\u0628\u0631\u0646\u06af \u00b7 \u06f2\u06f8 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <!-- \u0627\u062b\u0631 \u06f8 - \u062a\u06a9\u0646\u06cc\u06a9 \u062a\u0631\u06a9\u06cc\u0628\u06cc -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579783902614-a3fb3927b6a5?w=600&q=80\" alt=\"\u062a\u06a9\u0646\u06cc\u06a9 \u062a\u0631\u06a9\u06cc\u0628\u06cc\" loading=\"lazy\">\n <div class=\"gallery-info\"><h4>\u0647\u0645\u0627\u0647\u0646\u06af\u06cc<\/h4><span>\u062a\u0631\u06a9\u06cc\u0628\u06cc \u00b7 \u06f3\u06f2 \u0645\u06cc\u0644\u06cc\u0648\u0646<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"text-center mt-32\">\n <a href=\"#\" class=\"btn btn-shimmer\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0622\u062b\u0627\u0631<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============================================================\n \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\n ============================================================ -->\n <section id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-text\">\n <h2 class=\"section-title\">\u062f\u0627\u0633\u062a\u0627\u0646 \u0628\u0647\u0627\u0631<\/h2>\n <p>\u0628\u0647\u0627\u0631 \u062f\u0631 \u0633\u0627\u0644 \u06f1\u06f3\u06f9\u06f5 \u0628\u0627 \u0639\u0634\u0642 \u0628\u0647 \u0647\u0646\u0631 \u0648 \u0622\u0645\u0648\u0632\u0634 \u067e\u0627 \u0628\u0647 \u0639\u0631\u0635\u0647 \u06af\u0630\u0627\u0634\u062a. \u0645\u0627 \u0645\u0639\u062a\u0642\u062f\u06cc\u0645 \u0647\u0631 \u06a9\u0633 \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u06cc\u06a9 \u0647\u0646\u0631\u0645\u0646\u062f \u0631\u0627 \u062f\u0631 \u0648\u062c\u0648\u062f \u062e\u0648\u062f \u062f\u0627\u0631\u062f \u0648 \u0641\u0642\u0637 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u0634\u0641 \u0648 \u067e\u0631\u0648\u0631\u0634 \u062f\u0627\u0631\u062f.<\/p>\n <p>\u0641\u0636\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06af\u0627\u0647 \u0645\u0627 \u0628\u0627 \u0645\u0639\u0645\u0627\u0631\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0646\u0648\u0631\u067e\u0631\u062f\u0627\u0632\u06cc \u0627\u0644\u0647\u0627\u0645\u200c\u0628\u062e\u0634\u060c \u0645\u062d\u06cc\u0637\u06cc \u0622\u0631\u0627\u0645 \u0648 \u062e\u0644\u0627\u0642\u0627\u0646\u0647 \u0628\u0631\u0627\u06cc \u0647\u0646\u0631\u062c\u0648\u06cc\u0627\u0646 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a. \u0627\u0632 \u0645\u0628\u062a\u062f\u06cc\u0627\u0646 \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u0647\u0627\u060c \u0647\u0645\u0647 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062c\u0627\u06cc \u062f\u0627\u0631\u0646\u062f.<\/p>\n <p>\u0641\u0644\u0633\u0641\u0647 \u0645\u0627: \u0647\u0646\u0631 \u0641\u0642\u0637 \u06cc\u06a9 \u0645\u0647\u0627\u0631\u062a \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0634\u06cc\u0648\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0646 \u062c\u0647\u0627\u0646 \u0627\u0633\u062a.<\/p>\n <div class=\"about-stats\">\n <div class=\"stat-item\"><span class=\"number\">\u06f5\u06f0\u06f0+<\/span><div class=\"label\">\u0647\u0646\u0631\u062c\u0648\u06cc \u0645\u0648\u0641\u0642<\/div><\/div>\n <div class=\"stat-item\"><span class=\"number\">\u06f1\u06f5\u06f0+<\/span><div class=\"label\">\u0627\u062b\u0631 \u0641\u0631\u0648\u062e\u062a\u0647 \u0634\u062f\u0647<\/div><\/div>\n <div class=\"stat-item\"><span class=\"number\">\u06f3\u06f0+<\/span><div class=\"label\">\u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"about-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579783901586-d88db74b4fe4?w=1200&q=80\" alt=\"\u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0628\u0647\u0627\u0631\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <!-- \u0627\u0633\u0627\u062a\u06cc\u062f -->\n <div class=\"mt-32\">\n <h3 class=\"section-title\" style=\"font-size:1.8rem;\">\u0627\u0633\u0627\u062a\u06cc\u062f \u0628\u0631\u062a\u0631<\/h3>\n <div class=\"instructors\">\n <div class=\"instructor-card\">\n <img decoding=\"async\" src=\"\">\n <h4>\u0633\u0627\u0631\u0627 \u06a9\u0631\u06cc\u0645\u06cc<\/h4>\n <p>\u0646\u0642\u0627\u0634\u06cc \u0631\u0646\u06af \u0631\u0648\u063a\u0646 \u0648 \u062a\u0631\u06a9\u06cc\u0628 \u0645\u0648\u0627\u062f \u00b7 \u06f1\u06f2 \u0633\u0627\u0644<\/p>\n <\/div>\n <div class=\"instructor-card\">\n <img decoding=\"async\" src=\"\">\n <h4>\u0627\u0645\u06cc\u0631 \u062d\u0633\u06cc\u0646\u06cc<\/h4>\n <p>\u0622\u0628\u0631\u0646\u06af \u0648 \u0637\u0631\u0627\u062d\u06cc \u0686\u0647\u0631\u0647 \u00b7 \u06f9 \u0633\u0627\u0644<\/p>\n <\/div>\n <div class=\"instructor-card\">\n <img decoding=\"async\" src=\"\">\n <h4>\u0645\u0647\u0633\u0627 \u0646\u0648\u0631\u0648\u0632\u06cc<\/h4>\n <p>\u062e\u0648\u0634\u0646\u0648\u06cc\u0633\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0646\u0642\u0627\u0634\u06cc \u06a9\u0648\u062f\u06a9 \u00b7 \u06f8 \u0633\u0627\u0644<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============================================================\n \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\n ============================================================ -->\n <section id=\"events\" class=\"bg-rose\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627 \u0648 \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u200c\u0647\u0627<\/h2>\n <p class=\"section-sub\">\u0627\u0632 \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0646\u0641\u0631\u0627\u062f\u06cc \u062a\u0627 \u0648\u0631\u06a9\u0634\u0627\u067e\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc<\/p>\n <\/div>\n <div class=\"events-grid\">\n <div class=\"event-card\" style=\"border-right: 6px solid var(--rose-gold);\">\n <span class=\"date\">\u06f2\u06f5 \u062e\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5<\/span>\n <h4>\u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 \u00ab\u0622\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc\u00bb<\/h4>\n <p>\u0622\u062b\u0627\u0631 \u0645\u0646\u062a\u062e\u0628 \u0647\u0646\u0631\u0645\u0646\u062f\u0627\u0646 \u0645\u0639\u0627\u0635\u0631 \u0627\u06cc\u0631\u0627\u0646<\/p>\n <\/div>\n <div class=\"event-card\" style=\"border-right: 6px solid var(--gold-soft);\">\n <span class=\"date\">\u06f1\u06f0 \u062a\u06cc\u0631 \u06f1\u06f4\u06f0\u06f5<\/span>\n <h4>\u0648\u0631\u06a9\u0634\u0627\u067e \u062a\u0631\u06a9\u06cc\u0628 \u0645\u0648\u0627\u062f \u0628\u0627 \u0633\u0627\u0631\u0627 \u06a9\u0631\u06cc\u0645\u06cc<\/h4>\n <p>\u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u062a\u0631\u06a9\u06cc\u0628\u06cc<\/p>\n <\/div>\n <div class=\"event-card\" style=\"border-right: 6px solid var(--rose-gold);\">\n <span class=\"date\">\u06f5 \u0645\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5<\/span>\n <h4>\u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 \u06af\u0631\u0648\u0647\u06cc \u00ab\u0628\u0647\u0627\u0631 \u0647\u0646\u0631\u00bb<\/h4>\n <p>\u0622\u062b\u0627\u0631 \u0647\u0646\u0631\u062c\u0648\u06cc\u0627\u0646 \u0628\u0631\u062a\u0631 \u0622\u0645\u0648\u0632\u0634\u06af\u0627\u0647<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============================================================\n \u0646\u0638\u0631\u0627\u062a \u0647\u0646\u0631\u062c\u0648\u06cc\u0627\u0646\n ============================================================ -->\n <section id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0646\u0638\u0631\u0627\u062a \u0647\u0646\u0631\u062c\u0648\u06cc\u0627\u0646<\/h2>\n <p class=\"section-sub\">\u0622\u0646\u0686\u0647 \u0647\u0646\u0631\u062c\u0648\u06cc\u0627\u0646 \u0645\u0627 \u062f\u0631\u0628\u0627\u0631\u0647 \u0628\u0647\u0627\u0631 \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f<\/p>\n <\/div>\n <div class=\"testimonials-slider\">\n <div class=\"testimonial-item\">\n <img decoding=\"async\" src=\"\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <blockquote>\u00ab\u0628\u0647\u0627\u0631 \u0645\u062b\u0644 \u06cc\u06a9 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0645\u0646 \u0634\u062f. \u0627\u0633\u062a\u0627\u062f\u0627\u0646 \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u0648 \u0641\u0636\u0627\u06cc \u0627\u0644\u0647\u0627\u0645\u200c\u0628\u062e\u0634\u00bb<\/blockquote>\n <p style=\"font-weight:600;\">\u0645\u0631\u06cc\u0645 \u0627\u062d\u0645\u062f\u06cc<\/p>\n <\/div>\n <div class=\"testimonial-item\">\n <img decoding=\"async\" src=\"\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <blockquote>\u00ab\u0627\u0632 \u0635\u0641\u0631 \u0634\u0631\u0648\u0639 \u06a9\u0631\u062f\u0645 \u0648 \u062d\u0627\u0644\u0627 \u0627\u0648\u0644\u06cc\u0646 \u062a\u0627\u0628\u0644\u0648\u06cc \u0641\u0631\u0648\u0634\u06cc \u062e\u0648\u062f\u0645 \u0631\u0627 \u062f\u0627\u0631\u0645\u00bb<\/blockquote>\n <p style=\"font-weight:600;\">\u0639\u0644\u06cc\u0631\u0636\u0627 \u0646\u0648\u0631\u0648\u0632\u06cc<\/p>\n <\/div>\n <div class=\"testimonial-item\">\n <img decoding=\"async\" src=\"\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <blockquote>\u00ab\u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc \u0622\u0628\u0631\u0646\u06af \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0633\u0637\u062d \u06a9\u0627\u0631 \u0645\u0646 \u0631\u0627 \u0645\u062a\u062d\u0648\u0644 \u06a9\u0631\u062f\u00bb<\/blockquote>\n <p style=\"font-weight:600;\">\u0633\u067e\u06cc\u062f\u0647 \u0635\u0627\u062f\u0642\u06cc<\/p>\n <\/div>\n <div class=\"testimonial-item\">\n <img decoding=\"async\" src=\"\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <blockquote>\u00ab\u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0628\u0647\u0627\u0631 \u0647\u0645\u06cc\u0634\u0647 \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0627\u0633\u062a\u060c \u0647\u0631 \u0628\u0627\u0631 \u0644\u0630\u062a \u0645\u06cc\u200c\u0628\u0631\u0645\u00bb<\/blockquote>\n <p style=\"font-weight:600;\">\u067e\u06af\u0627\u0647 \u0631\u0636\u0627\u06cc\u06cc<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============================================================\n \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627\n ============================================================ -->\n <section id=\"contact\" class=\"bg-rose\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/h2>\n <p class=\"section-sub\">\u0645\u0627 \u0647\u0645\u06cc\u0634\u0647 \u0622\u0645\u0627\u062f\u0647 \u0634\u0646\u06cc\u062f\u0646 \u0635\u062f\u0627\u06cc \u0634\u0645\u0627 \u0647\u0633\u062a\u06cc\u0645<\/p>\n <\/div>\n <div class=\"contact-grid\">\n <div>\n <form class=\"contact-form\">\n <input type=\"text\" placeholder=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\" required>\n <input type=\"email\" placeholder=\"\u0627\u06cc\u0645\u06cc\u0644\" required>\n <input type=\"tel\" placeholder=\"\u062a\u0644\u0641\u0646 \u062a\u0645\u0627\u0633\">\n <input type=\"text\" placeholder=\"\u0645\u0648\u0636\u0648\u0639\">\n <textarea placeholder=\"\u067e\u06cc\u0627\u0645 \u0634\u0645\u0627...\"><\/textarea>\n <button type=\"submit\" class=\"btn btn-shimmer w-full\">\u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645<\/button>\n <\/form>\n <\/div>\n <div>\n <div class=\"contact-info\">\n <div class=\"info-item\"><span class=\"icon\">\ud83d\udccd<\/span> \u0627\u0633\u062a\u0627\u0646 \u06cc\u0632\u062f\u060c \u0628\u0644\u0648\u0627\u0631 \u062c\u0645\u0647\u0648\u0631\u06cc\u060c \u06a9\u0648\u0686\u0647 \u0645\u0627\u0647\u0628\u0627\u0641<\/div>\n <div class=\"info-item\"><span class=\"icon\">\ud83d\udcde<\/span> \u06f0\u06f9\u06f0\u06f2\u06f5\u06f9\u06f2\u06f6\u06f1\u06f9\u06f8<\/div>\n <div class=\"info-item\"><span class=\"icon\">\u2709\ufe0f<\/span> info@artxbahar.ir<\/div>\n <div class=\"info-item\"><span class=\"icon\">\ud83d\udcf1<\/span> \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645: @artxbahar<\/div>\n <\/div>\n <div class=\"map-container\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3151.8354345094987!2d54.31695931531858!3d31.89728248123497!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f4e8b2c8f9e7f4b%3A0x9a5a1c2b3d4e5f6d!2sYazd%2C%20Iran!5e0!3m2!1sen!2sus!4v1644422799951\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ============================================================\n \u0641\u0648\u062a\u0631\n ============================================================ -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h4 style=\"font-size:1.8rem; font-family:'Playfair Display',serif;\">\u0628\u0647\u0627\u0631<\/h4>\n <p style=\"opacity:0.6; max-width:220px;\">\u0622\u0645\u0648\u0632\u0634\u06af\u0627\u0647 \u0648 \u06af\u0627\u0644\u0631\u06cc \u0647\u0646\u0631\u0647\u0627\u06cc \u0632\u06cc\u0628\u0627\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u0646\u0631 \u062c\u0627\u0646 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0633\u0631\u06cc\u0639<\/h4>\n <a href=\"#courses\">\u062f\u0648\u0631\u0647\u200c\u0647\u0627<\/a>\n <a href=\"#gallery\">\u06af\u0627\u0644\u0631\u06cc<\/a>\n <a href=\"#about\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"#contact\">\u062a\u0645\u0627\u0633<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062a\u0645\u0627\u0633<\/h4>\n <p>\ud83d\udccd \u06cc\u0632\u062f\u060c \u0628\u0644\u0648\u0627\u0631 \u062c\u0645\u0647\u0648\u0631\u06cc\u060c \u06a9\u0648\u0686\u0647 \u0645\u0627\u0647\u0628\u0627\u0641<\/p>\n <p>\ud83d\udcde \u06f0\u06f9\u06f0\u06f2\u06f5\u06f9\u06f2\u06f6\u06f1\u06f9\u06f8<\/p>\n <p>\u2709\ufe0f info@artxbahar.ir<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/h4>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\ud83d\udcf7<\/a>\n <a href=\"#\" aria-label=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\u2708\ufe0f<\/a>\n <a href=\"#\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\ud83d\udcac<\/a>\n <a href=\"#\" aria-label=\"\u0622\u067e\u0627\u0631\u0627\u062a\">\u25b6\ufe0f<\/a>\n <\/div>\n <div class=\"newsletter-form\">\n <input type=\"email\" placeholder=\"\u0627\u06cc\u0645\u06cc\u0644 \u0634\u0645\u0627\">\n <button class=\"btn btn-shimmer\" style=\"padding:10px 18px; font-size:0.8rem;\">\u0627\u0634\u062a\u0631\u0627\u06a9<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n \u062a\u0645\u0627\u0645 \u062d\u0642\u0648\u0642 \u0645\u062a\u0639\u0644\u0642 \u0628\u0647 \u0622\u0645\u0648\u0632\u0634\u06af\u0627\u0647 \u0648 \u06af\u0627\u0644\u0631\u06cc \u0647\u0646\u0631\u0647\u0627\u06cc \u0632\u06cc\u0628\u0627 \u0628\u0647\u0627\u0631 \u0627\u0633\u062a \u00a9 \u06f2\u06f0\u06f2\u06f6\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- ============================================================\n \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u200c\u0647\u0627\n ============================================================ -->\n <script>\n (function() {\n 'use strict';\n\n \/\/ ---- \u0647\u062f\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 ----\n const header = document.getElementById('header');\n window.addEventListener('scroll', function() {\n if (window.scrollY > 40) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n }, { passive: true });\n\n \/\/ ---- \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0647\u06cc\u0631\u0648 - \u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 ----\n const slider = document.getElementById('heroSlider');\n const controls = document.querySelectorAll('#sliderControls button');\n let currentIndex = 0;\n let autoSlideInterval;\n const totalSlides = 3;\n\n function goToSlide(index) {\n if (index < 0) index = 0;\n if (index >= totalSlides) index = totalSlides - 1;\n currentIndex = index;\n \/\/ \u0645\u062d\u0627\u0633\u0628\u0647 \u062f\u0642\u06cc\u0642 \u062a\u0631\u062c\u0645\u0647: \u0647\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f \u06cc\u06a9 \u0633\u0648\u0645 \u0627\u0632 \u06a9\u0644 \u0639\u0631\u0636 \u0631\u0627 \u0627\u0634\u063a\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\n slider.style.transform = 'translateX(-' + (index * (100 \/ totalSlides)) + '%)';\n controls.forEach((btn, i) => {\n btn.classList.toggle('active', i === index);\n });\n resetAutoSlide();\n }\n\n function nextSlide() {\n goToSlide((currentIndex + 1) % totalSlides);\n }\n\n function resetAutoSlide() {\n if (autoSlideInterval) {\n clearInterval(autoSlideInterval);\n }\n autoSlideInterval = setInterval(nextSlide, 6000);\n }\n\n controls.forEach(btn => {\n btn.addEventListener('click', function() {\n const index = parseInt(this.getAttribute('data-index'));\n goToSlide(index);\n });\n });\n\n \/\/ \u0634\u0631\u0648\u0639 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\n goToSlide(0);\n resetAutoSlide();\n\n \/\/ ---- \u062f\u0627\u0631\u06a9 \u0645\u0648\u062f ----\n const toggle = document.getElementById('darkToggle');\n const currentTheme = localStorage.getItem('theme') || 'light';\n\n if (currentTheme === 'dark') {\n document.documentElement.setAttribute('data-theme', 'dark');\n toggle.textContent = '\u2600\ufe0f';\n }\n\n toggle.addEventListener('click', function() {\n const isDark = document.documentElement.getAttribute('data-theme') === 'dark';\n document.documentElement.setAttribute('data-theme', isDark ? 'light' : 'dark');\n localStorage.setItem('theme', isDark ? 'light' : 'dark');\n toggle.textContent = isDark ? '\ud83c\udf19' : '\u2600\ufe0f';\n });\n\n \/\/ ---- \u0627\u0633\u06a9\u0631\u0648\u0644 \u0646\u0631\u0645 ----\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n e.preventDefault();\n const headerHeight = header.offsetHeight;\n const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset -\n headerHeight - 20;\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n }\n });\n });\n\n })();\n <\/script>\n\n<\/body>\n<\/html>\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>\u0628\u0647\u0627\u0631 | \u0622\u0645\u0648\u0632\u0634\u06af\u0627\u0647 \u0648 \u06af\u0627\u0644\u0631\u06cc \u0647\u0646\u0631\u0647\u0627\u06cc \u0632\u06cc\u0628\u0627 \u0628\u0647\u0627\u0631 \u06af\u0627\u0644\u0631\u06cc \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u062f\u0648\u0631\u0647\u200c\u0647\u0627 \u06af\u0627\u0644\u0631\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627 \u062a\u0645\u0627\u0633 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062e\u0631\u06cc\u062f \u0622\u062b\u0627\u0631 \ud83c\udf19 \u0628\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0631\u0646\u06af\u200c\u0647\u0627 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f \u0647\u0646\u0631 \u0631\u0627 \u0628\u0627 \u062a\u0645\u0627\u0645 \u0648\u062c\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 \u0627\u0648\u0644\u06cc\u0646 \u062e\u0637 \u062a\u0627 \u0634\u0627\u0647\u06a9\u0627\u0631 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f \u0647\u0646\u0631 \u0631\u0627 \u0627\u0632 \u0627\u0633\u062a\u0627\u062f\u0627\u0646 \u0628\u0631\u062a\u0631 \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0628\u0627 \u0627\u0633\u0627\u062a\u06cc\u062f \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u062f\u0631 \u0641\u0636\u0627\u06cc\u06cc \u0627\u0644\u0647\u0627\u0645\u200c\u0628\u062e\u0634 \u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0648\u0631\u0647\u200c\u0647\u0627 […]<\/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-198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=\/wp\/v2\/pages\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=198"}],"version-history":[{"count":64,"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=\/wp\/v2\/pages\/198\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=\/wp\/v2\/pages\/198\/revisions\/329"}],"wp:attachment":[{"href":"https:\/\/www.artxbahar.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}