{"id":56,"date":"2026-04-30T12:16:46","date_gmt":"2026-04-30T08:46:46","guid":{"rendered":"http:\/\/tabajoule.ir\/?page_id=56"},"modified":"2026-06-30T16:47:21","modified_gmt":"2026-06-30T13:17:21","slug":"%d8%aa%d9%85%d8%a7%d8%b3-%d8%a8%d8%a7-%d9%85%d8%a7","status":"publish","type":"page","link":"https:\/\/tabajoule.ir\/?page_id=56","title":{"rendered":"\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627"},"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 \u062a\u0645\u0627\u0633 \u0628\u0627 \u062a\u0627\u0628\u0627\u0698\u0648\u0644 | \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646<\/title>\n <meta name=\"description\" content=\"\u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc\u060c \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u0648 \u0637\u0631\u0627\u062d\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u062a\u0627\u0628\u0627\u0698\u0648\u0644 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f. \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639.\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\/\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\/\" crossorigin=\"\">\n <link href=\".\/\u062a\u0645\u0627\u0633 \u0628\u0627 \u062a\u0627\u0628\u0627\u0698\u0648\u0644 _ \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646_files\/css2\" rel=\"stylesheet\">\n <script src=\".\/\u062a\u0645\u0627\u0633 \u0628\u0627 \u062a\u0627\u0628\u0627\u0698\u0648\u0644 _ \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646_files\/saved_resource\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Vazirmatn', 'system-ui', 'sans-serif'],\n },\n colors: {\n brand: {\n blue: '#1565D8',\n 'blue-dark': '#0D47A1',\n 'blue-light': '#4285F4',\n 'blue-50': '#EBF2FF',\n yellow: '#F5C400',\n 'yellow-dark': '#D4A900',\n 'yellow-light': '#FFD740',\n 'yellow-50': '#FFFBEB',\n dark: '#0D1B2A',\n 'dark-800': '#1A2E42',\n 'dark-700': '#243B55',\n gray: '#6B7280',\n 'gray-light': '#F8FAFC',\n green: '#059669',\n 'green-dark': '#047857',\n 'green-light': '#10B981',\n 'green-50': '#ECFDF5',\n orange: '#EA580C',\n 'orange-dark': '#C2410C',\n 'orange-light': '#F97316',\n 'orange-50': '#FFF7ED',\n },\n },\n animation: {\n 'fade-in': 'fadeIn 0.5s ease-out',\n 'slide-up': 'slideUp 0.6s ease-out',\n 'pulse-slow': 'pulse 3s ease-in-out infinite',\n },\n },\n },\n }\n <\/script>\n <style>\n * {\n direction: rtl;\n font-family: 'Vazirmatn', system-ui, sans-serif;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n ::-webkit-scrollbar {\n width: 6px;\n }\n\n ::-webkit-scrollbar-track {\n background: #F8FAFC;\n }\n\n ::-webkit-scrollbar-thumb {\n background: #059669;\n border-radius: 9999px;\n }\n\n .line-clamp-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .bg-gradient-brand {\n background: linear-gradient(135deg, #0D47A1 0%, #1565D8 50%, #1976D2 100%);\n }\n\n .bg-gradient-hero {\n background: linear-gradient(160deg, #0D1B2A 0%, #1A2E42 40%, #243B55 100%);\n }\n\n .bg-gradient-green {\n background: linear-gradient(135deg, #047857 0%, #059669 50%, #10B981 100%);\n }\n\n .glass {\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n }\n\n .hover-lift {\n transition: all 0.3s ease;\n }\n\n .hover-lift:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n }\n\n .glow-green {\n box-shadow: 0 0 40px rgba(5, 150, 105, 0.15);\n }\n\n \/* Form Focus States *\/\n .form-input:focus {\n border-color: #059669;\n box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);\n }\n\n \/* Radio\/Checkbox Custom *\/\n .radio-card {\n transition: all 0.2s ease;\n }\n\n .radio-card:has(input:checked) {\n border-color: #059669;\n background: #ECFDF5;\n }\n\n .radio-card:has(input:checked) .radio-dot {\n background: #059669;\n }\n\n \/* Accordion *\/\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n }\n\n .accordion-item.active .accordion-content {\n max-height: 500px;\n }\n\n .accordion-item.active .accordion-icon {\n transform: rotate(180deg);\n }\n\n \/* Timeline *\/\n .timeline-dot {\n position: relative;\n z-index: 1;\n }\n\n .timeline-dot::after {\n content: '';\n position: absolute;\n top: 50%;\n right: 100%;\n width: 100%;\n height: 2px;\n background: #059669;\n z-index: -1;\n }\n\n .timeline-dot:first-child::after {\n display: none;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Navbar *\/\n .navbar-scrolled {\n background: white;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n \/* Map placeholder *\/\n .map-placeholder {\n background: linear-gradient(135deg, #1A2E42 0%, #243B55 100%);\n }\n\n \/* Form validation *\/\n input:invalid:not(:placeholder-shown) {\n border-color: #EF4444;\n }\n <\/style>\n\n <!-- Schema.org LocalBusiness -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"\u062a\u0627\u0628\u0627\u0698\u0648\u0644\",\n \"description\": \"\u0634\u0631\u06a9\u062a \u0645\u0647\u0646\u062f\u0633\u06cc \u0627\u0646\u0631\u0698\u06cc\u200c\u0647\u0627\u06cc \u062a\u062c\u062f\u06cc\u062f\u067e\u0630\u06cc\u0631 - \u0637\u0631\u0627\u062d\u06cc \u0648 \u0627\u062c\u0631\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc\",\n \"url\": \"https:\/\/tabajolue.ir\",\n \"telephone\": \"+98-913-5234726\",\n \"email\": \"info@tabajolue.ir\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"\u06cc\u0632\u062f\",\n \"addressCountry\": \"IR\"\n },\n \"openingHours\": \"Sa-Th 08:00-18:00\",\n \"priceRange\": \"$$\",\n \"image\": \"https:\/\/tabajolue.ir\/images\/logo.png\"\n }\n <\/script>\n\n <!-- Organization Schema -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"\u062a\u0627\u0628\u0627\u0698\u0648\u0644\",\n \"alternateName\": \"Tabajol\",\n \"url\": \"https:\/\/tabajolue.ir\",\n \"logo\": \"https:\/\/tabajolue.ir\/images\/logo.png\",\n \"sameAs\": [\n \"https:\/\/instagram.com\/tabajolue\",\n \"https:\/\/linkedin.com\/company\/tabajolue\",\n \"https:\/\/t.me\/tabajolue\"\n ],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+98-21-00000000\",\n \"contactType\": \"customer service\",\n \"availableLanguage\": \"Persian\"\n }\n }\n <\/script>\n<style>*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 \/ 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\/* ! tailwindcss v3.4.17 | MIT License | https:\/\/tailwindcss.com *\/*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Vazirmatn, system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-right-4{right:-1rem}.-top-4{top:-1rem}.bottom-6{bottom:1.5rem}.left-0{left:0px}.left-1\\\/2{left:50%}.left-2{left:0.5rem}.left-4{left:1rem}.left-6{left:1.5rem}.right-0{right:0px}.right-1\\\/2{right:50%}.right-6{right:1.5rem}.top-0{top:0px}.top-1\\\/2{top:50%}.top-2{top:0.5rem}.top-32{top:8rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2 \/ span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:0.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:0.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:0.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-9{height:2.25rem}.h-\\[400px\\]{height:400px}.h-full{height:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:0.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:0.75rem}.w-3\\\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-12{gap:3rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-2\\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-xl{border-radius:0.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-brand-dark{--tw-border-opacity:1;border-color:rgb(13 27 42 \/ var(--tw-border-opacity, 1))}.border-brand-green\\\/20{border-color:rgb(5 150 105 \/ 0.2)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 \/ var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 \/ var(--tw-border-opacity, 1))}.border-white\\\/10{border-color:rgb(255 255 255 \/ 0.1)}.border-white\\\/20{border-color:rgb(255 255 255 \/ 0.2)}.border-white\\\/30{border-color:rgb(255 255 255 \/ 0.3)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 \/ var(--tw-bg-opacity, 1))}.bg-brand-blue-50{--tw-bg-opacity:1;background-color:rgb(235 242 255 \/ var(--tw-bg-opacity, 1))}.bg-brand-dark{--tw-bg-opacity:1;background-color:rgb(13 27 42 \/ var(--tw-bg-opacity, 1))}.bg-brand-dark\\\/90{background-color:rgb(13 27 42 \/ 0.9)}.bg-brand-gray-light{--tw-bg-opacity:1;background-color:rgb(248 250 252 \/ var(--tw-bg-opacity, 1))}.bg-brand-green{--tw-bg-opacity:1;background-color:rgb(5 150 105 \/ var(--tw-bg-opacity, 1))}.bg-brand-green-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 \/ var(--tw-bg-opacity, 1))}.bg-brand-green\\\/10{background-color:rgb(5 150 105 \/ 0.1)}.bg-brand-green\\\/20{background-color:rgb(5 150 105 \/ 0.2)}.bg-brand-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 \/ var(--tw-bg-opacity, 1))}.bg-brand-yellow{--tw-bg-opacity:1;background-color:rgb(245 196 0 \/ var(--tw-bg-opacity, 1))}.bg-brand-yellow-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 \/ var(--tw-bg-opacity, 1))}.bg-brand-yellow\\\/20{background-color:rgb(245 196 0 \/ 0.2)}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 \/ var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 \/ var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 \/ var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 \/ var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242 \/ var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity:1;background-color:rgb(240 253 250 \/ var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.bg-white\\\/10{background-color:rgb(255 255 255 \/ 0.1)}.bg-white\\\/20{background-color:rgb(255 255 255 \/ 0.2)}.bg-white\\\/95{background-color:rgb(255 255 255 \/ 0.95)}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgb(96 165 250 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-brand-dark\\\/40{--tw-gradient-from:rgb(13 27 42 \/ 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 27 42 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-brand-green-50{--tw-gradient-from:#ECFDF5 var(--tw-gradient-from-position);--tw-gradient-to:rgb(236 253 245 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-700{--tw-gradient-from:#374151 var(--tw-gradient-from-position);--tw-gradient-to:rgb(55 65 81 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-2{padding:0.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-20{padding-bottom:5rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-16{padding-top:4rem}.pt-2{padding-top:0.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:0.025em}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 \/ var(--tw-text-opacity, 1))}.text-brand-blue{--tw-text-opacity:1;color:rgb(21 101 216 \/ var(--tw-text-opacity, 1))}.text-brand-dark{--tw-text-opacity:1;color:rgb(13 27 42 \/ var(--tw-text-opacity, 1))}.text-brand-gray{--tw-text-opacity:1;color:rgb(107 114 128 \/ var(--tw-text-opacity, 1))}.text-brand-green{--tw-text-opacity:1;color:rgb(5 150 105 \/ var(--tw-text-opacity, 1))}.text-brand-orange{--tw-text-opacity:1;color:rgb(234 88 12 \/ var(--tw-text-opacity, 1))}.text-brand-yellow-dark{--tw-text-opacity:1;color:rgb(212 169 0 \/ var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 \/ var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 \/ var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 \/ var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 \/ var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 \/ var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72 \/ var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 \/ var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.text-white\\\/40{color:rgb(255 255 255 \/ 0.4)}.text-white\\\/50{color:rgb(255 255 255 \/ 0.5)}.text-white\\\/60{color:rgb(255 255 255 \/ 0.6)}.text-white\\\/80{color:rgb(255 255 255 \/ 0.8)}.text-white\\\/90{color:rgb(255 255 255 \/ 0.9)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 \/ var(--tw-placeholder-opacity, 1))}.opacity-10{opacity:0.1}.opacity-30{opacity:0.3}.opacity-50{opacity:0.5}.opacity-70{opacity:0.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 \/ 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 \/ 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246 \/ var(--tw-border-opacity, 1))}.hover\\:border-brand-green:hover{--tw-border-opacity:1;border-color:rgb(5 150 105 \/ var(--tw-border-opacity, 1))}.hover\\:border-green-500:hover{--tw-border-opacity:1;border-color:rgb(34 197 94 \/ var(--tw-border-opacity, 1))}.hover\\:border-orange-500:hover{--tw-border-opacity:1;border-color:rgb(249 115 22 \/ var(--tw-border-opacity, 1))}.hover\\:border-purple-500:hover{--tw-border-opacity:1;border-color:rgb(168 85 247 \/ var(--tw-border-opacity, 1))}.hover\\:border-teal-500:hover{--tw-border-opacity:1;border-color:rgb(20 184 166 \/ var(--tw-border-opacity, 1))}.hover\\:bg-brand-dark:hover{--tw-bg-opacity:1;background-color:rgb(13 27 42 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-brand-gray-light:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-brand-green:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-brand-green-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-brand-green-dark:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-brand-yellow-dark:hover{--tw-bg-opacity:1;background-color:rgb(212 169 0 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-white\\\/20:hover{background-color:rgb(255 255 255 \/ 0.2)}.hover\\:bg-white\\\/90:hover{background-color:rgb(255 255 255 \/ 0.9)}.hover\\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 \/ var(--tw-text-opacity, 1))}.hover\\:text-brand-green:hover{--tw-text-opacity:1;color:rgb(5 150 105 \/ var(--tw-text-opacity, 1))}.hover\\:text-brand-green-dark:hover{--tw-text-opacity:1;color:rgb(4 120 87 \/ var(--tw-text-opacity, 1))}.hover\\:text-brand-yellow:hover{--tw-text-opacity:1;color:rgb(245 196 0 \/ var(--tw-text-opacity, 1))}.hover\\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61 \/ var(--tw-text-opacity, 1))}.hover\\:text-purple-700:hover{--tw-text-opacity:1;color:rgb(126 34 206 \/ var(--tw-text-opacity, 1))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.hover\\:text-white\\\/70:hover{color:rgb(255 255 255 \/ 0.7)}.hover\\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\\:shadow-brand-green\\\/30:hover{--tw-shadow-color:rgb(5 150 105 \/ 0.3);--tw-shadow:var(--tw-shadow-colored)}.hover\\:shadow-brand-yellow\\\/30:hover{--tw-shadow-color:rgb(245 196 0 \/ 0.3);--tw-shadow:var(--tw-shadow-colored)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\\:ring-brand-green:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105 \/ var(--tw-ring-opacity, 1))}.group:hover .group-hover\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 \/ var(--tw-bg-opacity, 1))}.group:hover .group-hover\\:bg-brand-green{--tw-bg-opacity:1;background-color:rgb(5 150 105 \/ var(--tw-bg-opacity, 1))}.group:hover .group-hover\\:bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 \/ var(--tw-bg-opacity, 1))}.group:hover .group-hover\\:bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22 \/ var(--tw-bg-opacity, 1))}.group:hover .group-hover\\:bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247 \/ var(--tw-bg-opacity, 1))}.group:hover .group-hover\\:bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166 \/ var(--tw-bg-opacity, 1))}.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\\:col-span-1{grid-column:span 1 \/ span 1}.md\\:block{display:block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-12{height:3rem}.md\\:h-20{height:5rem}.md\\:h-\\[500px\\]{height:500px}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:py-20{padding-top:5rem;padding-bottom:5rem}.md\\:py-24{padding-top:6rem;padding-bottom:6rem}.md\\:pb-28{padding-bottom:7rem}.md\\:pt-40{padding-top:10rem}.md\\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\\:text-5xl{font-size:3rem;line-height:1}.md\\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\\:col-span-2{grid-column:span 2 \/ span 2}.lg\\:block{display:block}.lg\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:text-6xl{font-size:3.75rem;line-height:1}}<\/style><\/head>\n<body class=\"bg-white text-brand-dark antialiased\">\n\n <!-- Navbar -->\n <nav id=\"navbar\" class=\"fixed top-0 right-0 left-0 z-50 transition-all duration-300 bg-white shadow-sm\">\n \n <\/nav>\n\n <!-- Mobile Menu -->\n <div id=\"mobile-menu\" class=\"fixed inset-0 z-40 bg-brand-dark\/90 hidden\">\n <div class=\"max-w-7xl mx-auto px-4 pt-24\">\n <div class=\"bg-white rounded-2xl shadow-xl p-4 space-y-1\">\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"block px-4 py-3 text-brand-gray font-semibold hover:bg-brand-green-50 hover:text-brand-green rounded-xl transition-all\">\u0645\u0631\u06a9\u0632 \u062f\u0627\u0646\u0634<\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"block px-4 py-3 text-brand-gray font-semibold hover:bg-brand-green-50 hover:text-brand-green rounded-xl transition-all\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627<\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"block px-4 py-3 text-brand-gray font-semibold hover:bg-brand-green-50 hover:text-brand-green rounded-xl transition-all\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"block px-4 py-3 text-brand-gray font-semibold hover:bg-brand-green-50 hover:text-brand-green rounded-xl transition-all\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"block px-4 py-3 text-brand-green font-semibold bg-brand-green-50 rounded-xl\">\u062a\u0645\u0627\u0633<\/a>\n <div class=\"pt-2\">\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#form\" class=\"block w-full text-center bg-brand-yellow text-brand-dark font-semibold px-6 py-3 rounded-xl\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Hero Section -->\n <section class=\"relative pt-32 pb-20 md:pt-40 md:pb-28 overflow-hidden bg-gradient-to-b from-brand-green-50 to-white\">\n <!-- Background Pattern -->\n <div class=\"absolute inset-0 opacity-30\" style=\"background-image: radial-gradient(circle at 20% 80%, rgba(5, 150, 105, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(245, 196, 0, 0.1) 0%, transparent 50%);\"><\/div>\n\n <!-- Breadcrumb -->\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 mb-8\">\n <nav class=\"flex items-center gap-2 text-brand-gray text-sm\">\n <a href=\"file:\/\/\/D:\/\" class=\"hover:text-brand-green transition-colors\">\u062e\u0627\u0646\u0647<\/a>\n <span>\/<\/span>\n <span class=\"text-brand-dark font-semibold\">\u062a\u0645\u0627\u0633 \u0648 \u0645\u0634\u0627\u0648\u0631\u0647<\/span>\n <\/nav>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <!-- Content -->\n <div>\n <div class=\"inline-flex items-center gap-2 bg-brand-green\/10 border border-brand-green\/20 text-brand-green px-4 py-2 rounded-full text-sm font-semibold mb-6\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc\n <\/div>\n\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-brand-dark mb-6 leading-tight\">\n \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646\n <span class=\"text-brand-green\">\u062a\u0627\u0628\u0627\u0698\u0648\u0644<\/span>\n <br>\u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f\n <\/h1>\n\n <p class=\"text-brand-gray text-lg md:text-xl leading-relaxed mb-8 max-w-xl\">\n \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\u060c \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a\u060c \u0637\u0631\u0627\u062d\u06cc \u0633\u06cc\u0633\u062a\u0645 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06cc\u0627 \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u067e\u0631\u0648\u0698\u0647\u060c \u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.\n <\/p>\n\n <!-- CTA Buttons -->\n <div class=\"flex flex-wrap gap-4 mb-8\">\n <a href=\"tel:02100000000\" class=\"bg-brand-green text-white font-semibold px-8 py-4 rounded-xl hover:bg-brand-green-dark transition-all duration-200 shadow-lg hover:shadow-brand-green\/30 hover:-translate-y-0.5 flex items-center gap-2 text-lg\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n \u062a\u0645\u0627\u0633 \u0641\u0648\u0631\u06cc\n <\/a>\n <a href=\"https:\/\/wa.me\/989000000000\" class=\"bg-green-500 text-white font-semibold px-8 py-4 rounded-xl hover:bg-green-600 transition-all duration-200 hover:-translate-y-0.5 flex items-center gap-2 text-lg\" target=\"_blank\" rel=\"noopener\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n \u0648\u0627\u062a\u0633\u0627\u067e\n <\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#form\" class=\"border-2 border-brand-dark text-brand-dark font-semibold px-8 py-4 rounded-xl hover:bg-brand-dark hover:text-white transition-all duration-200 flex items-center gap-2 text-lg\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"><\/line><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a\n <\/a>\n <\/div>\n\n <!-- Trust Indicators -->\n <div class=\"flex flex-wrap items-center gap-6 text-sm text-brand-gray\">\n <div class=\"flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n <\/div>\n <div class=\"flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n \u067e\u0627\u0633\u062e \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f2 \u0633\u0627\u0639\u062a\n <\/div>\n <div class=\"flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0633\u0631\u0627\u0633\u0631\u06cc\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Hero Image -->\n <div class=\"relative\">\n <div class=\"relative rounded-3xl overflow-hidden shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3184291\/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1000\" alt=\"\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u062a\u0627\u0628\u0627\u0698\u0648\u0644\" class=\"w-full h-[400px] md:h-[500px] object-cover\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-brand-dark\/40 to-transparent\"><\/div>\n\n <!-- Floating Card -->\n <div class=\"absolute bottom-6 right-6 left-6 bg-white\/95 backdrop-blur-sm rounded-2xl p-5 shadow-lg\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-14 h-14 rounded-full bg-brand-green flex items-center justify-center flex-shrink-0\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-white\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"font-bold text-brand-dark\">\u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639<\/div>\n <div class=\"text-sm text-brand-gray\">\u062a\u06cc\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u0627\u0633\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Decorative Elements -->\n <div class=\"absolute -top-4 -right-4 w-24 h-24 bg-brand-yellow\/20 rounded-full blur-2xl\"><\/div>\n <div class=\"absolute -bottom-4 -left-4 w-32 h-32 bg-brand-green\/20 rounded-full blur-2xl\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Cards -->\n <section class=\"py-16 md:py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <p class=\"text-brand-green font-semibold text-sm mb-2 tracking-wide uppercase\">\u0631\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u06cc<\/p>\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-4\">\u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/h2>\n <p class=\"text-brand-gray text-lg\">\u0627\u0632 \u0647\u0631 \u0637\u0631\u06cc\u0642\u06cc \u06a9\u0647 \u0631\u0627\u062d\u062a\u200c\u062a\u0631\u06cc\u062f \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f<\/p>\n <\/div>\n\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n <!-- Phone Card -->\n <div class=\"bg-white rounded-2xl border-2 border-gray-100 p-6 hover-lift group cursor-pointer hover:border-brand-green transition-all\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-green-50 flex items-center justify-center mb-4 group-hover:bg-brand-green transition-all\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green group-hover:text-white transition-colors\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-1\">\u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc<\/h3>\n <p class=\"text-sm text-brand-gray mb-3\">\u0634\u0646\u0628\u0647 \u062a\u0627 \u067e\u0646\u062c\u0634\u0646\u0628\u0647 \u06f8 \u062a\u0627 \u06f1\u06f8<\/p>\n <a href=\"tel:02100000000\" class=\"text-brand-green font-semibold text-lg hover:text-brand-green-dark transition-colors\" dir=\"ltr\">021-00000000<\/a>\n <\/div>\n\n <!-- WhatsApp Card -->\n <div class=\"bg-white rounded-2xl border-2 border-gray-100 p-6 hover-lift group cursor-pointer hover:border-green-500 transition-all\">\n <div class=\"w-14 h-14 rounded-2xl bg-green-50 flex items-center justify-center mb-4 group-hover:bg-green-500 transition-all\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-green-600 group-hover:text-white transition-colors\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-1\">\u0648\u0627\u062a\u0633\u0627\u067e<\/h3>\n <p class=\"text-sm text-brand-gray mb-3\">\u067e\u0627\u0633\u062e \u0633\u0631\u06cc\u0639 \u06f2\u06f4 \u0633\u0627\u0639\u062a\u0647<\/p>\n <a href=\"https:\/\/wa.me\/989000000000\" class=\"text-green-600 font-semibold text-lg hover:text-green-700 transition-colors\" target=\"_blank\" rel=\"noopener\">\u067e\u06cc\u0627\u0645 \u062f\u0631 \u0648\u0627\u062a\u0633\u0627\u067e<\/a>\n <\/div>\n\n <!-- Email Card -->\n <div class=\"bg-white rounded-2xl border-2 border-gray-100 p-6 hover-lift group cursor-pointer hover:border-blue-500 transition-all\">\n <div class=\"w-14 h-14 rounded-2xl bg-blue-50 flex items-center justify-center mb-4 group-hover:bg-blue-500 transition-all\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-600 group-hover:text-white transition-colors\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-1\">\u0627\u06cc\u0645\u06cc\u0644<\/h3>\n <p class=\"text-sm text-brand-gray mb-3\">\u067e\u0627\u0633\u062e \u062f\u0631 \u06f2\u06f4 \u0633\u0627\u0639\u062a<\/p>\n <a href=\"mailto:info@tabajolue.ir\" class=\"text-blue-600 font-semibold text-lg hover:text-blue-700 transition-colors\">info@tabajolue.ir<\/a>\n <\/div>\n\n <!-- Website Card -->\n <div class=\"bg-white rounded-2xl border-2 border-gray-100 p-6 hover-lift group cursor-pointer hover:border-purple-500 transition-all\">\n <div class=\"w-14 h-14 rounded-2xl bg-purple-50 flex items-center justify-center mb-4 group-hover:bg-purple-500 transition-all\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-purple-600 group-hover:text-white transition-colors\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path><path d=\"M2 12h20\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-1\">\u0648\u0628\u0633\u0627\u06cc\u062a<\/h3>\n <p class=\"text-sm text-brand-gray mb-3\">\u0645\u0631\u06a9\u0632 \u062f\u0627\u0646\u0634 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/p>\n <a href=\"https:\/\/tabajolue.ir\/\" class=\"text-purple-600 font-semibold text-lg hover:text-purple-700 transition-colors\" target=\"_blank\" rel=\"noopener\">tabajolue.ir<\/a>\n <\/div>\n\n <!-- Address Card -->\n <div class=\"bg-white rounded-2xl border-2 border-gray-100 p-6 hover-lift group cursor-pointer hover:border-orange-500 transition-all lg:col-span-2\">\n <div class=\"flex gap-4\">\n <div class=\"w-14 h-14 rounded-2xl bg-orange-50 flex items-center justify-center mb-4 group-hover:bg-orange-500 transition-all flex-shrink-0\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-orange-600 group-hover:text-white transition-colors\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-dark mb-1\">\u0622\u062f\u0631\u0633 \u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc<\/h3>\n <p class=\"text-sm text-brand-gray mb-2\">\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0648\u0644\u06cc\u0639\u0635\u0631\u060c \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u0645\u06cc\u062f\u0627\u0646 \u0648\u0646\u06a9\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3\u060c \u0637\u0628\u0642\u0647 \u06f4<\/p>\n <p class=\"text-xs text-orange-600 font-semibold\">\u0627\u0645\u06a9\u0627\u0646 \u067e\u0627\u0631\u06a9 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Working Hours Card -->\n <div class=\"bg-white rounded-2xl border-2 border-gray-100 p-6 hover-lift group cursor-pointer hover:border-teal-500 transition-all lg:col-span-2\">\n <div class=\"flex gap-4\">\n <div class=\"w-14 h-14 rounded-2xl bg-teal-50 flex items-center justify-center mb-4 group-hover:bg-teal-500 transition-all flex-shrink-0\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-teal-600 group-hover:text-white transition-colors\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc<\/h3>\n <div class=\"space-y-1 text-sm text-brand-gray\">\n <div class=\"flex justify-between\"><span>\u0634\u0646\u0628\u0647 \u062a\u0627 \u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647<\/span><span class=\"font-semibold text-brand-dark\">\u06f8:\u06f0\u06f0 - \u06f1\u06f8:\u06f0\u06f0<\/span><\/div>\n <div class=\"flex justify-between\"><span>\u067e\u0646\u062c\u0634\u0646\u0628\u0647<\/span><span class=\"font-semibold text-brand-dark\">\u06f8:\u06f0\u06f0 - \u06f1\u06f3:\u06f0\u06f0<\/span><\/div>\n <div class=\"flex justify-between\"><span>\u062c\u0645\u0639\u0647<\/span><span class=\"font-semibold text-red-500\">\u062a\u0639\u0637\u06cc\u0644<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Emergency Support Banner -->\n <div class=\"mt-8 bg-gradient-to-r from-red-600 to-orange-600 rounded-2xl p-6 text-white flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-full bg-white\/20 flex items-center justify-center animate-pulse\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\n <\/div>\n <div>\n <h3 class=\"font-bold text-lg\">\u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u0645\u06a9 \u0641\u0648\u0631\u06cc \u062f\u0627\u0631\u06cc\u062f\u061f<\/h3>\n <p class=\"text-white\/80 text-sm\">\u0642\u0637\u0639\u06cc \u0628\u0631\u0642\u060c \u062e\u0631\u0627\u0628\u06cc \u0633\u06cc\u0633\u062a\u0645 \u06cc\u0627 \u0645\u0634\u06a9\u0644 \u0627\u0636\u0637\u0631\u0627\u0631\u06cc<\/p>\n <\/div>\n <\/div>\n <a href=\"tel:+989000000000\" class=\"bg-white text-red-600 font-bold px-6 py-3 rounded-xl hover:bg-white\/90 transition-all flex items-center gap-2 whitespace-nowrap\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n \u062a\u0645\u0627\u0633 \u0627\u0636\u0637\u0631\u0627\u0631\u06cc\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Form Section -->\n <section id=\"form\" class=\"py-16 md:py-24 bg-brand-gray-light\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <p class=\"text-brand-green font-semibold text-sm mb-2 tracking-wide uppercase\">\u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/p>\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-4\">\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646<\/h2>\n <p class=\"text-brand-gray text-lg max-w-xl mx-auto\">\u0641\u0631\u0645 \u0632\u06cc\u0631 \u0631\u0627 \u062a\u06a9\u0645\u06cc\u0644 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062f\u0631 \u0627\u0633\u0631\u0639 \u0648\u0642\u062a \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u0646\u062f.<\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden\">\n <!-- Form Header -->\n <div class=\"bg-gradient-green p-6 text-white\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-14 h-14 bg-white\/20 rounded-2xl flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"><\/line><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n <\/div>\n <div>\n <h3 class=\"font-bold text-xl\">\u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/h3>\n <p class=\"text-white\/80 text-sm\">\u062a\u0645\u0627\u0645\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u062d\u0631\u0645\u0627\u0646\u0647 \u062e\u0648\u0627\u0647\u062f \u0645\u0627\u0646\u062f<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Form Body -->\n <form id=\"consultation-form\" class=\"p-8 space-y-6\">\n <!-- Personal Info -->\n <div class=\"grid md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\n \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc <span class=\"text-red-500\">*<\/span>\n <\/label>\n <input type=\"text\" name=\"fullname\" required=\"\" placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f\u06cc\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark placeholder-gray-400 focus:outline-none transition-all\">\n <\/div>\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\n \u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 <span class=\"text-red-500\">*<\/span>\n <\/label>\n <input type=\"tel\" name=\"mobile\" required=\"\" placeholder=\"\u06f0\u06f9\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9\" dir=\"ltr\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark placeholder-gray-400 focus:outline-none transition-all text-right\">\n <\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\n \u0627\u06cc\u0645\u06cc\u0644 <span class=\"text-brand-gray\">(\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)<\/span>\n <\/label>\n <input type=\"email\" name=\"email\" placeholder=\"example@email.com\" dir=\"ltr\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark placeholder-gray-400 focus:outline-none transition-all text-right\">\n <\/div>\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\n \u0627\u0633\u062a\u0627\u0646 <span class=\"text-red-500\">*<\/span>\n <\/label>\n <select name=\"province\" required=\"\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark focus:outline-none transition-all bg-white cursor-pointer\">\n <option value=\"\">\u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/option>\n <option value=\"tehran\">\u062a\u0647\u0631\u0627\u0646<\/option>\n <option value=\"kerman\">\u06a9\u0631\u0645\u0627\u0646<\/option>\n <option value=\"isfahan\">\u0627\u0635\u0641\u0647\u0627\u0646<\/option>\n <option value=\"yazd\">\u06cc\u0632\u062f<\/option>\n <option value=\"fars\">\u0641\u0627\u0631\u0633<\/option>\n <option value=\"khorasan\">\u062e\u0631\u0627\u0633\u0627\u0646 \u0631\u0636\u0648\u06cc<\/option>\n <option value=\"khuzestan\">\u062e\u0648\u0632\u0633\u062a\u0627\u0646<\/option>\n <option value=\"mazandaran\">\u0645\u0627\u0632\u0646\u062f\u0631\u0627\u0646<\/option>\n <option value=\"other\">\u0633\u0627\u06cc\u0631 \u0627\u0633\u062a\u0627\u0646\u200c\u0647\u0627<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\u0634\u0647\u0631<\/label>\n <input type=\"text\" name=\"city\" placeholder=\"\u0646\u0627\u0645 \u0634\u0647\u0631 \u0645\u062d\u0644 \u067e\u0631\u0648\u0698\u0647\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark placeholder-gray-400 focus:outline-none transition-all\">\n <\/div>\n\n <!-- Project Type -->\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-3\">\n \u0646\u0648\u0639 \u067e\u0631\u0648\u0698\u0647 <span class=\"text-red-500\">*<\/span>\n <\/label>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n <label class=\"radio-card relative block cursor-pointer\">\n <input type=\"radio\" name=\"project_type\" value=\"agricultural\" class=\"sr-only\" required=\"\">\n <div class=\"border-2 border-gray-200 rounded-xl p-4 text-center transition-all hover:border-brand-green\">\n <div class=\"text-2xl mb-2\">\ud83d\ude9c<\/div>\n <div class=\"font-semibold text-sm text-brand-dark\">\u06a9\u0634\u0627\u0648\u0631\u0632\u06cc<\/div>\n <div class=\"text-xs text-brand-gray\">\u0622\u0628\u06cc\u0627\u0631\u06cc \u0648 \u067e\u0645\u067e<\/div>\n <div class=\"radio-dot absolute top-2 left-2 w-3 h-3 rounded-full\"><\/div>\n <\/div>\n <\/label>\n <label class=\"radio-card relative block cursor-pointer\">\n <input type=\"radio\" name=\"project_type\" value=\"residential\" class=\"sr-only\">\n <div class=\"border-2 border-gray-200 rounded-xl p-4 text-center transition-all hover:border-brand-green\">\n <div class=\"text-2xl mb-2\">\ud83c\udfe0<\/div>\n <div class=\"font-semibold text-sm text-brand-dark\">\u0645\u0633\u06a9\u0648\u0646\u06cc<\/div>\n <div class=\"text-xs text-brand-gray\">\u0648\u06cc\u0644\u0627 \u0648 \u062e\u0627\u0646\u0647<\/div>\n <div class=\"radio-dot absolute top-2 left-2 w-3 h-3 rounded-full\"><\/div>\n <\/div>\n <\/label>\n <label class=\"radio-card relative block cursor-pointer\">\n <input type=\"radio\" name=\"project_type\" value=\"industrial\" class=\"sr-only\">\n <div class=\"border-2 border-gray-200 rounded-xl p-4 text-center transition-all hover:border-brand-green\">\n <div class=\"text-2xl mb-2\">\ud83c\udfed<\/div>\n <div class=\"font-semibold text-sm text-brand-dark\">\u0635\u0646\u0639\u062a\u06cc<\/div>\n <div class=\"text-xs text-brand-gray\">\u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0648 \u06a9\u0627\u0631\u06af\u0627\u0647<\/div>\n <div class=\"radio-dot absolute top-2 left-2 w-3 h-3 rounded-full\"><\/div>\n <\/div>\n <\/label>\n <label class=\"radio-card relative block cursor-pointer\">\n <input type=\"radio\" name=\"project_type\" value=\"commercial\" class=\"sr-only\">\n <div class=\"border-2 border-gray-200 rounded-xl p-4 text-center transition-all hover:border-brand-green\">\n <div class=\"text-2xl mb-2\">\ud83c\udfec<\/div>\n <div class=\"font-semibold text-sm text-brand-dark\">\u062a\u062c\u0627\u0631\u06cc<\/div>\n <div class=\"text-xs text-brand-gray\">\u0645\u062c\u062a\u0645\u0639 \u0648 \u0634\u0631\u06a9\u062a<\/div>\n <div class=\"radio-dot absolute top-2 left-2 w-3 h-3 rounded-full\"><\/div>\n <\/div>\n <\/label>\n <\/div>\n <\/div>\n\n <!-- Additional Info -->\n <div class=\"grid md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\n \u0639\u0645\u0642 \u0686\u0627\u0647 <span class=\"text-brand-gray\">(\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)<\/span>\n <\/label>\n <div class=\"relative\">\n <input type=\"number\" name=\"well_depth\" placeholder=\"\u0645\u062b\u0627\u0644: \u06f8\u06f0\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark placeholder-gray-400 focus:outline-none transition-all\">\n <span class=\"absolute left-4 top-1\/2 -translate-y-1\/2 text-brand-gray text-sm\">\u0645\u062a\u0631<\/span>\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\n \u0645\u0635\u0631\u0641 \u0645\u0627\u0647\u0627\u0646\u0647 \u0628\u0631\u0642 <span class=\"text-brand-gray\">(\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)<\/span>\n <\/label>\n <div class=\"relative\">\n <input type=\"number\" name=\"electricity_consumption\" placeholder=\"\u0645\u062b\u0627\u0644: \u06f5\u06f0\u06f0\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark placeholder-gray-400 focus:outline-none transition-all\">\n <span class=\"absolute left-4 top-1\/2 -translate-y-1\/2 text-brand-gray text-sm\">\u06a9\u06cc\u0644\u0648\u0648\u0627\u062a\u200c\u0633\u0627\u0639\u062a<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Message -->\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-2\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u067e\u0631\u0648\u0698\u0647<\/label>\n <textarea name=\"message\" rows=\"4\" placeholder=\"\u062a\u0648\u0636\u06cc\u062d \u0645\u062e\u062a\u0635\u0631\u06cc \u0627\u0632 \u0646\u06cc\u0627\u0632 \u062e\u0648\u062f \u0648 \u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u0631\u0648\u0698\u0647 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\" class=\"form-input w-full border-2 border-gray-200 rounded-xl px-4 py-3 text-brand-dark placeholder-gray-400 focus:outline-none transition-all resize-none\"><\/textarea>\n <\/div>\n\n <!-- Preferred Contact Method -->\n <div>\n <label class=\"block text-sm font-semibold text-brand-dark mb-3\">\u0631\u0648\u0634 \u062a\u0631\u062c\u06cc\u062d\u06cc \u062a\u0645\u0627\u0633<\/label>\n <div class=\"flex flex-wrap gap-3\">\n <label class=\"flex items-center gap-2 cursor-pointer\">\n <input type=\"radio\" name=\"contact_method\" value=\"call\" checked=\"\" class=\"w-4 h-4 text-brand-green focus:ring-brand-green focus:ring-2\">\n <span class=\"text-sm text-brand-dark\">\u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc<\/span>\n <\/label>\n <label class=\"flex items-center gap-2 cursor-pointer\">\n <input type=\"radio\" name=\"contact_method\" value=\"whatsapp\" class=\"w-4 h-4 text-brand-green focus:ring-brand-green focus:ring-2\">\n <span class=\"text-sm text-brand-dark\">\u0648\u0627\u062a\u0633\u0627\u067e<\/span>\n <\/label>\n <label class=\"flex items-center gap-2 cursor-pointer\">\n <input type=\"radio\" name=\"contact_method\" value=\"email\" class=\"w-4 h-4 text-brand-green focus:ring-brand-green focus:ring-2\">\n <span class=\"text-sm text-brand-dark\">\u0627\u06cc\u0645\u06cc\u0644<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n <!-- Submit -->\n <div class=\"pt-4\">\n <button type=\"submit\" class=\"w-full bg-brand-green text-white font-bold py-4 rounded-xl hover:bg-brand-green-dark transition-all duration-200 shadow-lg hover:shadow-brand-green\/30 flex items-center justify-center gap-2 text-lg\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\n <\/button>\n <p class=\"text-center text-xs text-brand-gray mt-4\">\n \u0628\u0627 \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0646 \u0641\u0631\u0645\u060c \u0628\u0627 <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"text-brand-green hover:underline\">\u0634\u0631\u0627\u06cc\u0637 \u0648 \u0642\u0648\u0627\u0646\u06cc\u0646<\/a> \u062a\u0627\u0628\u0627\u0698\u0648\u0644 \u0645\u0648\u0627\u0641\u0642\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f.\n <\/p>\n <\/div>\n <\/form>\n <\/div>\n\n <!-- Trust Note -->\n <div class=\"mt-8 flex flex-wrap justify-center gap-8 text-sm text-brand-gray\">\n <div class=\"flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg>\n \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0634\u0645\u0627 \u0645\u062d\u0631\u0645\u0627\u0646\u0647 \u0627\u0633\u062a\n <\/div>\n <div class=\"flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n \u067e\u0627\u0633\u062e \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f2 \u0633\u0627\u0639\u062a\n <\/div>\n <div class=\"flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n \u0645\u0634\u0627\u0648\u0631\u0647 \u06a9\u0627\u0645\u0644\u0627\u064b \u0631\u0627\u06cc\u06af\u0627\u0646\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Office & Map Section -->\n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <p class=\"text-brand-green font-semibold text-sm mb-2 tracking-wide uppercase\">\u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u0627<\/p>\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-4\">\u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc \u062a\u0627\u0628\u0627\u0698\u0648\u0644<\/h2>\n <p class=\"text-brand-gray text-lg\">\u0628\u0647 \u062f\u06cc\u062f\u0627\u0631 \u0645\u0627 \u0628\u06cc\u0627\u06cc\u06cc\u062f<\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-2 gap-8\">\n <!-- Map -->\n <div class=\"map-placeholder rounded-3xl overflow-hidden h-[400px] relative\">\n <!-- Placeholder Map Image -->\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <div class=\"text-center text-white\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" class=\"mx-auto mb-4 opacity-50\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n <p class=\"text-sm opacity-70\">Google Map placeholder<\/p>\n <p class=\"text-xs opacity-50 mt-2\">\u0627\u06cc\u0646\u062c\u0627 \u0646\u0642\u0634\u0647 \u06af\u0648\u06af\u0644 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f<\/p>\n <\/div>\n <\/div>\n\n <!-- Click to Open Map -->\n <a href=\"https:\/\/maps.google.com\/\" target=\"_blank\" class=\"absolute inset-0 flex items-end justify-center pb-6\" rel=\"noopener\">\n <span class=\"bg-white text-brand-dark font-semibold px-6 py-3 rounded-xl shadow-lg hover:bg-brand-gray-light transition-all flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n \u0645\u0634\u0627\u0647\u062f\u0647 \u0631\u0648\u06cc \u0646\u0642\u0634\u0647\n <\/span>\n <\/a>\n <\/div>\n\n <!-- Office Info -->\n <div class=\"space-y-6\">\n <!-- Office Image -->\n <div class=\"rounded-2xl overflow-hidden h-48\">\n <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/14955389\/pexels-photo-14955389.jpeg?auto=compress&cs=tinysrgb&w=800\" alt=\"\u062f\u0641\u062a\u0631 \u062a\u0627\u0628\u0627\u0698\u0648\u0644\" class=\"w-full h-full object-cover\">\n <\/div>\n\n <!-- Info Cards -->\n <div class=\"grid sm:grid-cols-2 gap-4\">\n <div class=\"bg-brand-gray-light rounded-xl p-4\">\n <div class=\"flex items-center gap-3 mb-2\">\n <div class=\"w-10 h-10 rounded-lg bg-brand-green-50 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n <\/div>\n <span class=\"font-semibold text-brand-dark\">\u0622\u062f\u0631\u0633<\/span>\n <\/div>\n <p class=\"text-sm text-brand-gray\">\u062a\u0647\u0631\u0627\u0646\u060c \u0648\u0644\u06cc\u0639\u0635\u0631\u060c \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u0648\u0646\u06a9\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3<\/p>\n <\/div>\n\n <div class=\"bg-brand-gray-light rounded-xl p-4\">\n <div class=\"flex items-center gap-3 mb-2\">\n <div class=\"w-10 h-10 rounded-lg bg-brand-yellow-50 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-yellow-dark\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n <\/div>\n <span class=\"font-semibold text-brand-dark\">\u0633\u0627\u0639\u0627\u062a \u0628\u0627\u0632\u062f\u06cc\u062f<\/span>\n <\/div>\n <p class=\"text-sm text-brand-gray\">\u0634\u0646\u0628\u0647-\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647: \u06f9-\u06f1\u06f7<br>\u067e\u0646\u062c\u0634\u0646\u0628\u0647: \u06f9-\u06f1\u06f3<\/p>\n <\/div>\n\n <div class=\"bg-brand-gray-light rounded-xl p-4\">\n <div class=\"flex items-center gap-3 mb-2\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-600\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"><\/path><circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle><path d=\"M9 17h6\"><\/path><circle cx=\"17\" cy=\"17\" r=\"2\"><\/circle><\/svg>\n <\/div>\n <span class=\"font-semibold text-brand-dark\">\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/span>\n <\/div>\n <p class=\"text-sm text-brand-gray\">\u067e\u0627\u0631\u06a9 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062f\u0631 \u0645\u062d\u0644<\/p>\n <\/div>\n\n <div class=\"bg-brand-gray-light rounded-xl p-4\">\n <div class=\"flex items-center gap-3 mb-2\">\n <div class=\"w-10 h-10 rounded-lg bg-purple-50 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-purple-600\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n <\/div>\n <span class=\"font-semibold text-brand-dark\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a<\/span>\n <\/div>\n <p class=\"text-sm text-brand-gray\">\u0622\u0632\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 \u0648 \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Consultation Process -->\n <section class=\"py-16 md:py-24 bg-brand-gray-light\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <p class=\"text-brand-green font-semibold text-sm mb-2 tracking-wide uppercase\">\u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u0634\u0627\u0648\u0631\u0647<\/p>\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-4\">\u0645\u0631\u0627\u062d\u0644 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u062a\u0627\u0628\u0627\u0698\u0648\u0644<\/h2>\n <p class=\"text-brand-gray text-lg max-w-xl mx-auto\">\u0627\u0632 \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/p>\n <\/div>\n\n <div class=\"relative\">\n <!-- Timeline -->\n <div class=\"hidden lg:block absolute top-32 right-1\/2 translate-x-1\/2 w-3\/4 h-1 bg-brand-green\/20 rounded-full\"><\/div>\n\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <!-- Step 1 -->\n <div class=\"relative\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-16 h-16 rounded-full bg-brand-green text-white flex items-center justify-center text-xl font-bold shadow-lg z-10\">\n \u06f1\n <\/div>\n <div class=\"pt-20\">\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 text-center hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-green-50 flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a<\/h3>\n <p class=\"text-sm text-brand-gray\">\u0641\u0631\u0645 \u0631\u0627 \u062a\u06a9\u0645\u06cc\u0644 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/p>\n <div class=\"mt-3 text-xs text-brand-green font-semibold\">\u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f5 \u062f\u0642\u06cc\u0642\u0647<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 2 -->\n <div class=\"relative\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-16 h-16 rounded-full bg-brand-green text-white flex items-center justify-center text-xl font-bold shadow-lg z-10\">\n \u06f2\n <\/div>\n <div class=\"pt-20\">\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 text-center hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-blue-50 flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-600\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u0628\u0631\u0631\u0633\u06cc \u06a9\u0627\u0631\u0634\u0646\u0627\u0633<\/h3>\n <p class=\"text-sm text-brand-gray\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633 \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f<\/p>\n <div class=\"mt-3 text-xs text-blue-600 font-semibold\">\u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f2 \u0633\u0627\u0639\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 3 -->\n <div class=\"relative\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-16 h-16 rounded-full bg-brand-yellow text-brand-dark flex items-center justify-center text-xl font-bold shadow-lg z-10\">\n \u06f3\n <\/div>\n <div class=\"pt-20\">\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 text-center hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-yellow-50 flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-yellow-dark\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646<\/h3>\n <p class=\"text-sm text-brand-gray\">\u0637\u0631\u062d \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc<\/p>\n <div class=\"mt-3 text-xs text-brand-yellow-dark font-semibold\">\u062a\u0644\u0641\u0646\u06cc \u06cc\u0627 \u062d\u0636\u0648\u0631\u06cc<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 4 -->\n <div class=\"relative\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-16 h-16 rounded-full bg-brand-green text-white flex items-center justify-center text-xl font-bold shadow-lg z-10\">\n \u06f4\n <\/div>\n <div class=\"pt-20\">\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 text-center hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-purple-50 flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-purple-600\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\"><\/path><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-purple-600\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><path d=\"M14 2v6h6\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u0627\u0631\u0627\u0626\u0647 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f<\/h3>\n <p class=\"text-sm text-brand-gray\">\u0637\u0631\u062d \u0646\u0647\u0627\u06cc\u06cc \u0648 \u0642\u06cc\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc<\/p>\n <div class=\"mt-3 text-xs text-purple-600 font-semibold\">\u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f3 \u0631\u0648\u0632<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Additional Steps -->\n <div class=\"grid sm:grid-cols-3 gap-4 mt-8\">\n <div class=\"bg-white rounded-xl shadow-sm border border-gray-100 p-4 flex items-center gap-4 hover-lift\">\n <div class=\"w-12 h-12 rounded-xl bg-brand-green-50 flex items-center justify-center flex-shrink-0\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n <\/div>\n <div>\n <div class=\"font-semibold text-brand-dark text-sm\">\u0628\u0627\u0632\u062f\u06cc\u062f \u0633\u0627\u06cc\u062a<\/div>\n <div class=\"text-xs text-brand-gray\">\u0627\u0645\u06a9\u0627\u0646 \u0628\u0627\u0632\u062f\u06cc\u062f \u0631\u0627\u06cc\u06af\u0627\u0646<\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-xl shadow-sm border border-gray-100 p-4 flex items-center gap-4 hover-lift\">\n <div class=\"w-12 h-12 rounded-xl bg-brand-orange-50 flex items-center justify-center flex-shrink-0\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-orange\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><path d=\"M12 18v-6\"><\/path><path d=\"m15 15-3 3-3-3\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"font-semibold text-brand-dark text-sm\">\u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647<\/div>\n <div class=\"text-xs text-brand-gray\">\u0646\u0635\u0628 \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc<\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-xl shadow-sm border border-gray-100 p-4 flex items-center gap-4 hover-lift\">\n <div class=\"w-12 h-12 rounded-xl bg-brand-blue-50 flex items-center justify-center flex-shrink-0\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-blue\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"font-semibold text-brand-dark text-sm\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/div>\n <div class=\"text-xs text-brand-gray\">\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ Section -->\n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <p class=\"text-brand-green font-semibold text-sm mb-2 tracking-wide uppercase\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/p>\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-4\">\u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u067e\u0631\u062a\u06a9\u0631\u0627\u0631<\/h2>\n <p class=\"text-brand-gray text-lg\">\u067e\u0627\u0633\u062e \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u062e\u062f\u0645\u0627\u062a \u062a\u0627\u0628\u0627\u0698\u0648\u0644<\/p>\n <\/div>\n\n <div class=\"space-y-4\">\n <!-- FAQ 1 -->\n <div class=\"accordion-item bg-white rounded-2xl border border-gray-200 overflow-hidden\">\n <button class=\"w-full px-6 py-5 flex items-center justify-between text-right\" onclick=\"toggleAccordion(this)\">\n <span class=\"font-semibold text-brand-dark\">\u0686\u0642\u062f\u0631 \u0637\u0648\u0644 \u0645\u06cc\u200c\u06a9\u0634\u062f \u062a\u0627 \u0628\u0627 \u0645\u0646 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f\u061f<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"accordion-icon text-brand-green transition-transform\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content px-6 pb-5\">\n <p class=\"text-brand-gray leading-relaxed\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f2 \u0633\u0627\u0639\u062a \u06a9\u0627\u0631\u06cc \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f. \u062f\u0631 \u0633\u0627\u0639\u0627\u062a \u063a\u06cc\u0631 \u06a9\u0627\u0631\u06cc \u0648 \u0631\u0648\u0632\u0647\u0627\u06cc \u062a\u0639\u0637\u06cc\u0644\u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u062b\u0628\u062a \u0634\u062f\u0647 \u0648 \u0627\u0648\u0644\u06cc\u0646 \u0631\u0648\u0632 \u06a9\u0627\u0631\u06cc \u067e\u0627\u0633\u062e \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n <\/div>\n <\/div>\n\n <!-- FAQ 2 -->\n <div class=\"accordion-item bg-white rounded-2xl border border-gray-200 overflow-hidden\">\n <button class=\"w-full px-6 py-5 flex items-center justify-between text-right\" onclick=\"toggleAccordion(this)\">\n <span class=\"font-semibold text-brand-dark\">\u0622\u06cc\u0627 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0633\u062a\u061f<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"accordion-icon text-brand-green transition-transform\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content px-6 pb-5\">\n <p class=\"text-brand-gray leading-relaxed\">\u0628\u0644\u0647\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0648\u0644\u06cc\u0647 \u062a\u0644\u0641\u0646\u06cc \u06a9\u0627\u0645\u0644\u0627\u064b \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0633\u062a. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0627\u0632\u062f\u06cc\u062f \u0627\u0648\u0644\u06cc\u0647 \u0627\u0632 \u0633\u0627\u06cc\u062a \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u0647\u0627\u06cc\u06cc \u0634\u062f\u0646 \u067e\u0631\u0648\u0698\u0647\u060c \u0628\u062f\u0648\u0646 \u0647\u0632\u06cc\u0646\u0647 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n <\/div>\n <\/div>\n\n <!-- FAQ 3 -->\n <div class=\"accordion-item bg-white rounded-2xl border border-gray-200 overflow-hidden\">\n <button class=\"w-full px-6 py-5 flex items-center justify-between text-right\" onclick=\"toggleAccordion(this)\">\n <span class=\"font-semibold text-brand-dark\">\u0622\u06cc\u0627 \u0646\u0635\u0628 \u062f\u0631 \u062a\u0645\u0627\u0645 \u0627\u0633\u062a\u0627\u0646\u200c\u0647\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"accordion-icon text-brand-green transition-transform\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content px-6 pb-5\">\n <p class=\"text-brand-gray leading-relaxed\">\u0628\u0644\u0647\u060c \u062a\u0627\u0628\u0627\u0698\u0648\u0644 \u062f\u0631 \u06f2\u06f8 \u0627\u0633\u062a\u0627\u0646 \u0627\u06cc\u0631\u0627\u0646 \u0641\u0639\u0627\u0644\u06cc\u062a \u062f\u0627\u0631\u062f \u0648 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0646\u0635\u0628 \u0645\u062d\u0644\u06cc \u062f\u0631 \u0645\u0646\u0627\u0637\u0642 \u0645\u062e\u062a\u0644\u0641 \u0645\u0633\u062a\u0642\u0631 \u0647\u0633\u062a\u0646\u062f. \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062f\u0648\u0631\u0627\u0641\u062a\u0627\u062f\u0647 \u0646\u06cc\u0632 \u0627\u0645\u06a9\u0627\u0646 \u0633\u0641\u0631 \u062a\u06cc\u0645 \u0641\u0646\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/p>\n <\/div>\n <\/div>\n\n <!-- FAQ 4 -->\n <div class=\"accordion-item bg-white rounded-2xl border border-gray-200 overflow-hidden\">\n <button class=\"w-full px-6 py-5 flex items-center justify-between text-right\" onclick=\"toggleAccordion(this)\">\n <span class=\"font-semibold text-brand-dark\">\u0622\u06cc\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u0641\u0642\u0637 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0631\u0627 \u062e\u0631\u06cc\u062f\u0627\u0631\u06cc \u06a9\u0646\u0645\u061f<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"accordion-icon text-brand-green transition-transform\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content px-6 pb-5\">\n <p class=\"text-brand-gray leading-relaxed\">\u0628\u0644\u0647\u060c \u0641\u0631\u0648\u0634 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc (\u067e\u0646\u0644\u060c \u0627\u06cc\u0646\u0648\u0631\u062a\u0631\u060c \u0628\u0627\u062a\u0631\u06cc \u0648 \u067e\u0645\u067e) \u0628\u0647 \u0635\u0648\u0631\u062a \u062a\u06a9\u06cc \u06cc\u0627 \u0628\u0633\u062a\u0647\u200c\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u062e\u0631\u06cc\u062f \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0646\u06cc\u0632 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u0634\u0648\u06cc\u062f.<\/p>\n <\/div>\n <\/div>\n\n <!-- FAQ 5 -->\n <div class=\"accordion-item bg-white rounded-2xl border border-gray-200 overflow-hidden\">\n <button class=\"w-full px-6 py-5 flex items-center justify-between text-right\" onclick=\"toggleAccordion(this)\">\n <span class=\"font-semibold text-brand-dark\">\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u067e\u0633 \u0627\u0632 \u0641\u0631\u0648\u0634 \u0686\u06af\u0648\u0646\u0647 \u0627\u0633\u062a\u061f<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"accordion-icon text-brand-green transition-transform\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content px-6 pb-5\">\n <p class=\"text-brand-gray leading-relaxed\">\u067e\u0646\u0644\u200c\u0647\u0627\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06f2\u06f5 \u0633\u0627\u0644 \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0628\u0627\u0632\u062f\u0647\u06cc\u060c \u0627\u06cc\u0646\u0648\u0631\u062a\u0631\u0647\u0627 \u06f5 \u062a\u0627 \u06f1\u06f0 \u0633\u0627\u0644 \u0648 \u062e\u062f\u0645\u0627\u062a \u0646\u0635\u0628 \u06f1\u06f0 \u0633\u0627\u0644 \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u062f\u0627\u0631\u0646\u062f. \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0646\u06cc \u06f2\u06f4\/\u06f7 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062a\u0644\u0641\u0646 \u0648 \u0648\u0627\u062a\u0633\u0627\u067e \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a.<\/p>\n <\/div>\n <\/div>\n\n <!-- FAQ 6 -->\n <div class=\"accordion-item bg-white rounded-2xl border border-gray-200 overflow-hidden\">\n <button class=\"w-full px-6 py-5 flex items-center justify-between text-right\" onclick=\"toggleAccordion(this)\">\n <span class=\"font-semibold text-brand-dark\">\u0634\u0631\u0627\u06cc\u0637 \u067e\u0631\u062f\u0627\u062e\u062a \u0648 financing \u0686\u06af\u0648\u0646\u0647 \u0627\u0633\u062a\u061f<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"accordion-icon text-brand-green transition-transform\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n <\/button>\n <div class=\"accordion-content px-6 pb-5\">\n <p class=\"text-brand-gray leading-relaxed\">\u067e\u0631\u062f\u0627\u062e\u062a \u062f\u0631 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 (\u067e\u06cc\u0634\u200c\u067e\u0631\u062f\u0627\u062e\u062a\u060c \u062d\u06cc\u0646 \u0646\u0635\u0628 \u0648 \u062a\u062d\u0648\u06cc\u0644) \u0627\u0645\u06a9\u0627\u0646\u200c\u067e\u0630\u06cc\u0631 \u0627\u0633\u062a. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0627\u0642\u0633\u0627\u0637 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0634\u0631\u06a9\u0627\u06cc \u0645\u0627\u0644\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u062c\u0632\u0626\u06cc\u0627\u062a \u062f\u0631 \u062c\u0644\u0633\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Trust Section -->\n <section class=\"py-16 md:py-24 bg-brand-gray-light\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <p class=\"text-brand-green font-semibold text-sm mb-2 tracking-wide uppercase\">\u0686\u0631\u0627 \u062a\u0627\u0628\u0627\u0698\u0648\u0644\u061f<\/p>\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-4\">\u062f\u0644\u0627\u06cc\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0627<\/h2>\n <\/div>\n\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-green-50 flex items-center justify-center mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-green\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u062a\u06cc\u0645 \u0645\u0647\u0646\u062f\u0633\u06cc \u0645\u062a\u062e\u0635\u0635<\/h3>\n <p class=\"text-sm text-brand-gray\">\u0628\u06cc\u0634 \u0627\u0632 \u06f2\u06f0 \u0645\u0647\u0646\u062f\u0633 \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u062d\u0648\u0632\u0647 \u0627\u0646\u0631\u0698\u06cc\u200c\u0647\u0627\u06cc \u062a\u062c\u062f\u06cc\u062f\u067e\u0630\u06cc\u0631<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-yellow-50 flex items-center justify-center mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-brand-yellow-dark\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a<\/h3>\n <p class=\"text-sm text-brand-gray\">\u0641\u0642\u0637 \u0627\u0632 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0645\u0639\u062a\u0628\u0631 \u062c\u0647\u0627\u0646\u06cc \u0628\u0627 \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0627\u0635\u0627\u0644\u062a<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-blue-50 flex items-center justify-center mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-600\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"><\/path><path d=\"M14 2v6h6\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u0637\u0631\u0627\u062d\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc<\/h3>\n <p class=\"text-sm text-brand-gray\">\u0637\u0631\u0627\u062d\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u06cc\u0627\u0632 \u0648 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u062f\u0642\u06cc\u0642 \u0641\u0646\u06cc<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-purple-50 flex items-center justify-center mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-purple-600\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u067e\u0627\u0633\u062e \u0633\u0631\u06cc\u0639<\/h3>\n <p class=\"text-sm text-brand-gray\">\u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f2 \u0633\u0627\u0639\u062a \u06a9\u0627\u0631\u06cc<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-teal-50 flex items-center justify-center mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-teal-600\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/h3>\n <p class=\"text-sm text-brand-gray\">\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u062a\u0627 \u06f2\u06f5 \u0633\u0627\u0644 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0646\u06cc \u06f2\u06f4\/\u06f7<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 hover-lift\">\n <div class=\"w-14 h-14 rounded-2xl bg-rose-50 flex items-center justify-center mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-rose-600\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"><\/path><circle cx=\"7\" cy=\"17\" r=\"2\"><\/circle><path d=\"M9 17h6\"><\/path><circle cx=\"17\" cy=\"17\" r=\"2\"><\/circle><\/svg>\n <\/div>\n <h3 class=\"font-bold text-brand-dark mb-2\">\u0646\u0635\u0628 \u0633\u0631\u0627\u0633\u0631\u06cc<\/h3>\n <p class=\"text-sm text-brand-gray\">\u067e\u0648\u0634\u0634 \u062a\u0645\u0627\u0645 \u0627\u0633\u062a\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u06cc\u0631\u0627\u0646<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Social Media -->\n <section class=\"py-16 md:py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-10\">\n <p class=\"text-brand-green font-semibold text-sm mb-2 tracking-wide uppercase\">\u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/p>\n <h2 class=\"text-3xl font-bold text-brand-dark mb-2\">\u062a\u0627\u0628\u0627\u0698\u0648\u0644 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/h2>\n <p class=\"text-brand-gray\">\u0622\u062e\u0631\u06cc\u0646 \u0627\u062e\u0628\u0627\u0631\u060c \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0648 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/p>\n <\/div>\n\n <div class=\"flex flex-wrap justify-center gap-4\">\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-purple-600 to-pink-500 flex flex-col items-center justify-center text-white hover-lift\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" stroke-width=\"2\"><\/rect><circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"currentColor\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><\/svg>\n <span class=\"text-xs mt-1 font-semibold\">\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645<\/span>\n <\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-blue-600 to-blue-700 flex flex-col items-center justify-center text-white hover-lift\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\n <span class=\"text-xs mt-1 font-semibold\">\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646<\/span>\n <\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-blue-400 to-blue-500 flex flex-col items-center justify-center text-white hover-lift\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n <span class=\"text-xs mt-1 font-semibold\">\u062a\u0644\u06af\u0631\u0627\u0645<\/span>\n <\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-red-500 to-orange-500 flex flex-col items-center justify-center text-white hover-lift\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon><rect width=\"15\" height=\"14\" x=\"1\" y=\"5\" rx=\"2\" ry=\"2\"><\/rect><\/svg>\n <span class=\"text-xs mt-1 font-semibold\">\u0622\u067e\u0627\u0631\u0627\u062a<\/span>\n <\/a>\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#\" class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-gray-700 to-gray-900 flex flex-col items-center justify-center text-white hover-lift\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path><path d=\"M2 12h20\"><\/path><\/svg>\n <span class=\"text-xs mt-1 font-semibold\">\u0648\u0628\u0633\u0627\u06cc\u062a<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Final CTA -->\n <section class=\"py-16 md:py-24 bg-gradient-green relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(circle at 80% 20%, rgba(245, 196, 0, 0.5) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.2) 0%, transparent 50%);\"><\/div>\n\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 text-center relative z-10\">\n <div class=\"inline-flex items-center gap-2 bg-white\/10 border border-white\/20 text-white px-4 py-2 rounded-full text-sm font-semibold mb-6\">\n <span class=\"w-2 h-2 bg-white rounded-full animate-pulse\"><\/span>\n \u0622\u0645\u0627\u062f\u0647 \u0634\u0631\u0648\u0639 \u0647\u0633\u062a\u06cc\u062f\u061f\n <\/div>\n\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-6\">\n \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u062e\u0648\u062f \u0631\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f\n <\/h2>\n\n <p class=\"text-white\/80 text-lg mb-10 max-w-2xl mx-auto\">\n \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u062a\u0627\u0628\u0627\u0698\u0648\u0644 \u0622\u0645\u0627\u062f\u0647\u200c\u0627\u0646\u062f \u062a\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0627\u0646\u0631\u0698\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u0646\u062f. \u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f \u06cc\u0627 \u0641\u0631\u0645 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627 \u067e\u0631 \u06a9\u0646\u06cc\u062f.\n <\/p>\n\n <div class=\"flex flex-wrap justify-center gap-4\">\n <a href=\"file:\/\/\/D:\/This%20PC\/Desktop\/New%20Text%20Document.html#form\" class=\"bg-brand-yellow text-brand-dark font-bold px-8 py-4 rounded-xl hover:bg-brand-yellow-dark transition-all duration-200 shadow-lg hover:shadow-brand-yellow\/30 hover:-translate-y-0.5 flex items-center gap-2 text-lg\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"><\/line><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\n <\/a>\n <a href=\"tel:02100000000\" class=\"bg-white\/10 border border-white\/30 text-white font-bold px-8 py-4 rounded-xl hover:bg-white\/20 transition-all duration-200 hover:-translate-y-0.5 flex items-center gap-2 text-lg\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n \u062a\u0645\u0627\u0633 \u0641\u0648\u0631\u06cc\n <\/a>\n <a href=\"https:\/\/wa.me\/989000000000\" class=\"bg-green-500 text-white font-bold px-8 py-4 rounded-xl hover:bg-green-600 transition-all duration-200 hover:-translate-y-0.5 flex items-center gap-2 text-lg\" target=\"_blank\" rel=\"noopener\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n \u0648\u0627\u062a\u0633\u0627\u067e\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"bg-brand-dark text-white\">\n \n <\/footer>\n\n <script>\n \/\/ Mobile menu\n function toggleMobileMenu() {\n document.getElementById('mobile-menu').classList.toggle('hidden');\n }\n\n \/\/ Accordion\n function toggleAccordion(button) {\n const item = button.closest('.accordion-item');\n const isActive = item.classList.contains('active');\n\n \/\/ Close all accordions\n document.querySelectorAll('.accordion-item').forEach(i => i.classList.remove('active'));\n\n \/\/ Open clicked if it was closed\n if (!isActive) {\n item.classList.add('active');\n }\n }\n\n \/\/ Form submission\n document.getElementById('consultation-form').addEventListener('submit', function(e) {\n e.preventDefault();\n\n \/\/ Show success message\n const form = this;\n const submitBtn = form.querySelector('button[type=\"submit\"]');\n const originalText = submitBtn.innerHTML;\n\n submitBtn.innerHTML = `\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"animate-spin\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg>\n \u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644...\n `;\n submitBtn.disabled = true;\n\n \/\/ Simulate submission\n setTimeout(() => {\n submitBtn.innerHTML = `\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u062b\u0628\u062a \u0634\u062f\n `;\n submitBtn.classList.remove('bg-brand-green', 'hover:bg-brand-green-dark');\n submitBtn.classList.add('bg-green-500');\n\n setTimeout(() => {\n alert('\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f.\\n\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0628\u0647 \u0632\u0648\u062f\u06cc \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u0646\u062f \u06af\u0631\u0641\u062a.');\n form.reset();\n submitBtn.innerHTML = originalText;\n submitBtn.classList.add('bg-brand-green', 'hover:bg-brand-green-dark');\n submitBtn.classList.remove('bg-green-500');\n submitBtn.disabled = false;\n }, 1000);\n }, 1500);\n });\n\n \/\/ Radio card styling\n document.querySelectorAll('.radio-card input').forEach(input => {\n input.addEventListener('change', function() {\n document.querySelectorAll('.radio-card').forEach(card => {\n card.classList.remove('border-brand-green');\n card.querySelector('div').classList.remove('bg-brand-green-50');\n });\n this.closest('.radio-card').querySelector('div').classList.add('bg-brand-green-50');\n });\n });\n <\/script>\n\n\n<\/body><\/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>\u062a\u0645\u0627\u0633 \u0628\u0627 \u062a\u0627\u0628\u0627\u0698\u0648\u0644 | \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646 \u0645\u0631\u06a9\u0632 \u062f\u0627\u0646\u0634 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u062a\u0645\u0627\u0633 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0627\u0646\u0647 \/ \u062a\u0645\u0627\u0633<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tabajoule.ir\/index.php?rest_route=\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tabajoule.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tabajoule.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tabajoule.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tabajoule.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=56"}],"version-history":[{"count":4,"href":"https:\/\/tabajoule.ir\/index.php?rest_route=\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/tabajoule.ir\/index.php?rest_route=\/wp\/v2\/pages\/56\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/tabajoule.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}