{"id":41,"date":"2026-09-23T22:15:02","date_gmt":"2026-09-23T18:45:02","guid":{"rendered":"https:\/\/radvin.co.com\/?page_id=41"},"modified":"2026-09-23T22:35:47","modified_gmt":"2026-09-23T19:05:47","slug":"%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c-2","status":"publish","type":"page","link":"https:\/\/radvin.co.com\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a44edce e-con-full e-flex e-con e-parent\" data-id=\"a44edce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b377efc elementor-widget elementor-widget-html\" data-id=\"b377efc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633 | \u062a\u0627\u0645\u06cc\u0646 \u062a\u062e\u0635\u0635\u06cc \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0646\u0641\u062a\u060c \u06af\u0627\u0632 \u0648 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc<\/title>\n    \n    <!-- \u06af\u0648\u06af\u0644 \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@200;300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <!-- \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627\u06cc \u0641\u0648\u0646\u062a \u0622\u0633\u0627\u0645 \u06f6 -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    \n    <!-- \u062a\u0627\u06cc\u0644\u0648\u06cc\u0648\u0646\u062f CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        industrial: {\n                            900: '#0B132B',\n                            800: '#1C2541',\n                            700: '#2A3A5E',\n                            card: '#162238',\n                            light: '#3A506B'\n                        },\n                        amberGold: {\n                            DEFAULT: '#F59E0B',\n                            hover: '#D97706',\n                            light: '#FBBF24',\n                            glow: 'rgba(245, 158, 11, 0.25)'\n                        },\n                        cyanSteel: {\n                            DEFAULT: '#0EA5E9',\n                            dark: '#0284C7'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Vazirmatn', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <style>\n        body {\n            font-family: 'Vazirmatn', sans-serif;\n            background-color: #0B132B;\n            color: #E2E8F0;\n            overflow-x: hidden;\n        }\n\n        \/* \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u0635\u0646\u0639\u062a\u06cc \u0637\u0644\u0627\u06cc\u06cc \u0648 \u0645\u0633\u06cc *\/\n        .industrial-amber-gradient {\n            background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 50%, #B45309 100%);\n        }\n\n        .text-amber-gradient {\n            background: linear-gradient(135deg, #FFE29F 0%, #F59E0B 50%, #D97706 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        \/* \u0627\u0641\u06a9\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062a\u06cc\u0631\u0647 \u0644\u0648\u06a9\u0633 *\/\n        .glass-nav {\n            background: rgba(11, 19, 43, 0.88);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n        }\n\n        .glass-card {\n            background: rgba(28, 37, 65, 0.65);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(245, 158, 11, 0.18);\n        }\n\n        .glass-card:hover {\n            border-color: rgba(245, 158, 11, 0.5);\n            box-shadow: 0 10px 30px -10px rgba(245, 158, 11, 0.25);\n            transform: translateY(-4px);\n        }\n\n        \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0638\u0647\u0648\u0631 \u062f\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(28px);\n            transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* \u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0627\u0631 *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #0B132B;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #F59E0B;\n            border-radius: 4px;\n        }\n        ::-webkit-scrollbar-thumb:hover {\n            background: #D97706;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-amberGold selection:text-industrial-900\">\n\n    <!-- ==================== \u0647\u062f\u0631 \u0648 \u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc ==================== -->\n    <header class=\"fixed top-0 right-0 left-0 z-50 transition-all duration-300 glass-nav border-b border-amberGold\/10\" id=\"navbar\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-20\">\n                \n                <!-- \u0644\u0648\u06af\u0648 \u0648 \u0646\u0627\u0645 \u0634\u0631\u06a9\u062a -->\n                <a href=\"#hero\" class=\"flex items-center gap-3.5 group\">\n                    <div class=\"w-12 h-12 rounded-xl industrial-amber-gradient flex items-center justify-center text-industrial-900 font-black text-2xl shadow-lg shadow-amberGold\/20 transition-transform group-hover:scale-105\">\n                        <i class=\"fa-solid fa-industry\"><\/i>\n                    <\/div>\n                    <div class=\"flex flex-col\">\n                        <span class=\"text-lg sm:text-xl font-extrabold tracking-tight text-white group-hover:text-amberGold transition-colors\">\n                            \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633\n                        <\/span>\n                        <span class=\"text-[10px] text-amberGold tracking-widest uppercase font-semibold\">\n                            RADWIN TEJARAT KHALIJ FARS\n                        <\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- \u0645\u0646\u0648\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e -->\n                <nav class=\"hidden lg:flex items-center space-x-1 space-x-reverse text-sm font-medium\">\n                    <a href=\"#hero\" class=\"px-4 py-2 rounded-lg text-slate-200 hover:text-amberGold hover:bg-white\/5 transition-all\">\u062e\u0627\u0646\u0647<\/a>\n                    <a href=\"#about\" class=\"px-4 py-2 rounded-lg text-slate-200 hover:text-amberGold hover:bg-white\/5 transition-all\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n                    <a href=\"#products\" class=\"px-4 py-2 rounded-lg text-slate-200 hover:text-amberGold hover:bg-white\/5 transition-all\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0648 \u062a\u0627\u0645\u06cc\u0646<\/a>\n                    <a href=\"#standards\" class=\"px-4 py-2 rounded-lg text-slate-200 hover:text-amberGold hover:bg-white\/5 transition-all\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627<\/a>\n                    <a href=\"#why-us\" class=\"px-4 py-2 rounded-lg text-slate-200 hover:text-amberGold hover:bg-white\/5 transition-all\">\u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a>\n                    <a href=\"#contact\" class=\"px-4 py-2 rounded-lg text-slate-200 hover:text-amberGold hover:bg-white\/5 transition-all\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\n                <\/nav>\n\n                <!-- \u062f\u06a9\u0645\u0647 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u062f\u0633\u06a9\u062a\u0627\u067e -->\n                <div class=\"hidden md:flex items-center gap-3\">\n                    <button onclick=\"openRfqModal()\" class=\"industrial-amber-gradient text-industrial-900 font-bold px-5 py-2.5 rounded-xl transition-all shadow-lg hover:shadow-amberGold\/30 flex items-center gap-2 text-sm hover:scale-105\">\n                        <i class=\"fa-solid fa-file-signature\"><\/i>\n                        <span>\u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 (RFQ)<\/span>\n                    <\/button>\n                    <a href=\"tel:09379479673\" class=\"bg-industrial-card border border-amberGold\/30 text-amberGold hover:bg-amberGold hover:text-industrial-900 font-semibold px-4 py-2.5 rounded-xl transition-all text-sm flex items-center gap-2\">\n                        <i class=\"fa-solid fa-phone\"><\/i>\n                        <span dir=\"ltr\">0937 947 9673<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- \u062f\u06a9\u0645\u0647 \u0645\u0646\u0648\u06cc \u0647\u0645\u0628\u0631\u06af\u0631\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 -->\n                <div class=\"flex lg:hidden\">\n                    <button id=\"mobile-menu-btn\" type=\"button\" class=\"text-white hover:text-amberGold p-2 rounded-lg focus:outline-none\" aria-label=\"\u0645\u0646\u0648\">\n                        <i class=\"fa-solid fa-bars text-2xl\" id=\"menu-icon\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0645\u0646\u0648\u06cc \u06a9\u0634\u0648\u06cc\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 -->\n        <div id=\"mobile-menu\" class=\"hidden lg:hidden bg-industrial-900\/95 backdrop-blur-xl border-b border-amberGold\/20 px-4 pt-2 pb-6 transition-all duration-300\">\n            <div class=\"flex flex-col space-y-2 font-medium\">\n                <a href=\"#hero\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-amberGold\/10 hover:text-amberGold transition\">\u062e\u0627\u0646\u0647<\/a>\n                <a href=\"#about\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-amberGold\/10 hover:text-amberGold transition\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n                <a href=\"#products\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-amberGold\/10 hover:text-amberGold transition\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0648 \u062a\u0627\u0645\u06cc\u0646<\/a>\n                <a href=\"#standards\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-amberGold\/10 hover:text-amberGold transition\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627<\/a>\n                <a href=\"#why-us\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-amberGold\/10 hover:text-amberGold transition\">\u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646<\/a>\n                <a href=\"#contact\" class=\"mobile-nav-link px-4 py-3 rounded-lg text-white hover:bg-amberGold\/10 hover:text-amberGold transition\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\n                <div class=\"pt-3 space-y-2\">\n                    <button onclick=\"openRfqModal(); toggleMobileMenu();\" class=\"w-full industrial-amber-gradient text-industrial-900 font-bold py-3 rounded-xl text-center shadow-lg block\">\n                        <i class=\"fa-solid fa-file-signature ml-2\"><\/i> \u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a (RFQ)\n                    <\/button>\n                    <a href=\"tel:09379479673\" class=\"w-full bg-industrial-card border border-amberGold\/30 text-amberGold text-center font-bold py-3 rounded-xl block\">\n                        <i class=\"fa-solid fa-phone ml-2\"><\/i> \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645: \u06f0\u06f9\u06f3\u06f7\u06f9\u06f4\u06f7\u06f9\u06f6\u06f7\u06f3\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- ==================== \u0628\u062e\u0634 \u0647\u06cc\u0631\u0648 (Hero) ==================== -->\n    <section id=\"hero\" class=\"relative min-h-screen pt-32 pb-24 flex items-center justify-center overflow-hidden\">\n        \n        <!-- \u062a\u0635\u0648\u06cc\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0635\u0646\u0639\u062a\u06cc \u0648 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646 \u062a\u0627\u0631\u06cc\u06a9 -->\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=1920&q=80\" \n                 alt=\"\u0645\u062c\u062a\u0645\u0639 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc \u0648 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0639\u062a\u06cc\" \n                 class=\"w-full h-full object-cover object-center opacity-25 filter brightness-90\">\n            <div class=\"absolute inset-0 bg-gradient-to-t from-industrial-900 via-industrial-900\/85 to-industrial-900\/60\"><\/div>\n            <div class=\"absolute inset-0 bg-radial-gradient from-transparent via-industrial-900\/70 to-industrial-900\"><\/div>\n        <\/div>\n\n        <!-- \u0646\u0648\u0631\u0647\u0627\u06cc \u062f\u06a9\u0648\u0631\u0627\u062a\u06cc\u0648 \u0635\u0646\u0639\u062a\u06cc -->\n        <div class=\"absolute top-1\/3 right-10 w-96 h-96 bg-amberGold\/10 rounded-full filter blur-3xl pointer-events-none animate-pulse\"><\/div>\n        <div class=\"absolute bottom-10 left-10 w-96 h-96 bg-cyanSteel\/10 rounded-full filter blur-3xl pointer-events-none\"><\/div>\n\n        <div class=\"relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center reveal active\">\n            \n            <!-- \u0646\u0634\u0627\u0646 \u0628\u0627\u0644\u0627\u06cc\u06cc -->\n            <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full glass-card border border-amberGold\/40 text-amberGold text-xs sm:text-sm font-semibold mb-8\">\n                <span class=\"w-2.5 h-2.5 rounded-full bg-amberGold animate-ping\"><\/span>\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\n                <span>\u0634\u0631\u06a9\u062a \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633 \u2014 \u0632\u0646\u062c\u06cc\u0631\u0647 \u0645\u0637\u0645\u0626\u0646 \u062a\u0627\u0645\u06cc\u0646 \u0635\u0646\u0639\u062a\u06cc<\/span>\n            <\/div>\n\n            <!-- \u062a\u06cc\u062a\u0631 \u0627\u0635\u0644\u06cc -->\n            <h1 class=\"text-3xl sm:text-5xl lg:text-6xl font-black text-white leading-tight mb-8\">\n                \u062a\u0623\u0645\u06cc\u0646 \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u062e\u0635\u0635\u06cc <br class=\"hidden sm:inline\" \/>\n                <span class=\"text-amber-gradient\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0646\u0641\u062a\u060c \u06af\u0627\u0632 \u0648 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc<\/span>\n            <\/h1>\n\n            <!-- \u0632\u06cc\u0631\u062a\u06cc\u062a\u0631 \u0648 \u0634\u0639\u0627\u0631 -->\n            <p class=\"text-base sm:text-xl text-slate-300 font-light max-w-3xl mx-auto mb-10 leading-relaxed\">\n                \u062a\u0623\u0645\u06cc\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0634\u06cc\u0631\u0622\u0644\u0627\u062a \u0635\u0646\u0639\u062a\u06cc\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642\u060c \u0644\u0648\u0644\u0647\u200c\u06a9\u0634\u06cc \u0648 \u0641\u06cc\u062a\u06cc\u0646\u06af\u060c \u0627\u0628\u0632\u0627\u0631\u0622\u0644\u0627\u062a \u062f\u0648\u0627\u0631 \u0648 \u0642\u0637\u0639\u0627\u062a \u0645\u06a9\u0627\u0646\u06cc\u06a9\u0627\u0644 \u0635\u0646\u0627\u06cc\u0639 \u0633\u0646\u06af\u06cc\u0646 \u0628\u0627 \u06af\u0648\u0627\u0647\u06cc\u200c\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u0639\u062a\u0628\u0631 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc\n            <\/p>\n\n            <!-- \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0642\u062f\u0627\u0645 CTA -->\n            <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 mb-16\">\n                <button onclick=\"openRfqModal()\" class=\"w-full sm:w-auto industrial-amber-gradient text-industrial-900 font-extrabold text-lg px-8 py-4 rounded-xl shadow-xl hover:shadow-amberGold\/30 transition-all transform hover:-translate-y-1 flex items-center justify-center gap-3\">\n                    <i class=\"fa-solid fa-calculator text-xl\"><\/i>\n                    <span>\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 (RFQ)<\/span>\n                <\/button>\n                <a href=\"#products\" class=\"w-full sm:w-auto glass-card text-white hover:bg-white\/10 font-bold text-lg px-8 py-4 rounded-xl transition-all border border-amberGold\/40 hover:border-amberGold flex items-center justify-center gap-3\">\n                    <i class=\"fa-solid fa-boxes-stacked text-amberGold\"><\/i>\n                    <span>\u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u062a\u062c\u0647\u06cc\u0632\u0627\u062a<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0646\u0645\u0627\u062f\u06cc\u0646 \u0627\u0639\u062a\u0645\u0627\u062f -->\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 pt-10 border-t border-white\/10 text-right sm:text-center\">\n                <div class=\"p-4 glass-card rounded-xl\">\n                    <div class=\"text-2xl sm:text-3xl font-extrabold text-amberGold mb-1\">+\u06f1\u06f5 \u0633\u0627\u0644<\/div>\n                    <div class=\"text-xs sm:text-sm text-slate-300\">\u0633\u0627\u0628\u0642\u0647 \u062a\u0627\u0645\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0627\u06cc\u0639<\/div>\n                <\/div>\n                <div class=\"p-4 glass-card rounded-xl\">\n                    <div class=\"text-2xl sm:text-3xl font-extrabold text-amberGold mb-1\">\u066a\u06f1\u06f0\u06f0<\/div>\n                    <div class=\"text-xs sm:text-sm text-slate-300\">\u0627\u0635\u0627\u0644\u062a \u06a9\u0627\u0644\u0627 \u0648 \u062a\u0633\u062a \u0641\u0646\u06cc (MTC)<\/div>\n                <\/div>\n                <div class=\"p-4 glass-card rounded-xl\">\n                    <div class=\"text-2xl sm:text-3xl font-extrabold text-amberGold mb-1\">+\u06f5\u06f0\u06f0<\/div>\n                    <div class=\"text-xs sm:text-sm text-slate-300\">\u067e\u0631\u0648\u0698\u0647 \u0645\u0648\u0641\u0642 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc \u0648 \u067e\u0627\u0644\u0627\u06cc\u0634\u06af\u0627\u0647\u06cc<\/div>\n                <\/div>\n                <div class=\"p-4 glass-card rounded-xl\">\n                    <div class=\"text-2xl sm:text-3xl font-extrabold text-amberGold mb-1\">ASME \/ API<\/div>\n                    <div class=\"text-xs sm:text-sm text-slate-300\">\u062a\u0637\u0627\u0628\u0642 \u06a9\u0627\u0645\u0644 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc<\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- ==================== \u0628\u062e\u0634 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 ==================== -->\n    <section id=\"about\" class=\"py-24 bg-industrial-800 relative border-t border-amberGold\/10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                \n                <!-- \u062a\u0635\u0648\u06cc\u0631 \u0628\u062e\u0634 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 -->\n                <div class=\"relative reveal\">\n                    <div class=\"relative z-10 rounded-2xl overflow-hidden shadow-2xl border border-amberGold\/30\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1000&q=80\" \n                             alt=\"\u062a\u0627\u0645\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0639\u062a\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633\" \n                             class=\"w-full h-[400px] sm:h-[480px] object-cover hover:scale-105 transition-transform duration-700\">\n                    <\/div>\n                    <!-- \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u067e\u0634\u062a \u062a\u0635\u0648\u06cc\u0631 -->\n                    <div class=\"absolute -bottom-6 -right-6 w-full h-full bg-amberGold\/10 rounded-2xl -z-0 border border-amberGold\/20\"><\/div>\n                    <div class=\"absolute top-10 left-10 w-24 h-24 bg-cyanSteel\/20 rounded-full filter blur-xl\"><\/div>\n                <\/div>\n\n                <!-- \u0645\u062a\u0646 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 -->\n                <div class=\"reveal\">\n                    <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-lg bg-amberGold\/10 border border-amberGold\/20 text-amberGold font-bold text-xs sm:text-sm mb-4\">\n                        <i class=\"fa-solid fa-building-flag\"><\/i>\n                        <span>\u0645\u0639\u0631\u0641\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633<\/span>\n                    <\/div>\n\n                    <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-6 leading-snug\">\n                        \u0634\u0631\u06cc\u06a9 \u0645\u0637\u0645\u0626\u0646 \u0634\u0645\u0627 \u062f\u0631 <span class=\"text-amber-gradient\">\u0632\u0646\u062c\u06cc\u0631\u0647 \u062a\u0623\u0645\u06cc\u0646 \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc<\/span>\n                    <\/h2>\n\n                    <p class=\"text-base text-slate-300 leading-relaxed mb-6 text-justify\">\n                        <strong>\u0634\u0631\u06a9\u062a \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633<\/strong> \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0645\u062a\u062e\u0635\u0635\u06cc\u0646 \u0632\u0628\u062f\u0647 \u0645\u0647\u0646\u062f\u0633\u06cc \u062e\u0631\u06cc\u062f \u0648 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9\u06cc \u0627\u0632 \u067e\u06cc\u0634\u06af\u0627\u0645\u0627\u0646 \u062a\u0627\u0645\u06cc\u0646 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062a\u062e\u0635\u0635\u06cc\u060c \u0642\u0637\u0639\u0627\u062a \u06cc\u062f\u06a9\u06cc \u0648 \u0645\u062a\u0631\u06cc\u0627\u0644 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0635\u0646\u0627\u06cc\u0639 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc\u060c \u067e\u0627\u0644\u0627\u06cc\u0634\u06af\u0627\u0647\u06cc\u060c \u0646\u0641\u062a\u060c \u06af\u0627\u0632\u060c \u0646\u06cc\u0631\u0648\u06af\u0627\u0647\u06cc \u0648 \u0641\u0648\u0644\u0627\u062f \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u06cc\u200c\u0646\u0645\u0627\u06cc\u062f.\n                    <\/p>\n                    <p class=\"text-base text-slate-300 leading-relaxed mb-8 text-justify\">\n                        \u0647\u062f\u0641 \u0627\u0635\u0644\u06cc \u0645\u062c\u0645\u0648\u0639\u0647 \u0645\u0627\u060c \u0631\u0641\u0639 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u062a\u0627\u0645\u06cc\u0646 \u06a9\u0627\u0644\u0627\u0647\u0627\u06cc \u062a\u062d\u0631\u06cc\u0645\u06cc \u0648 \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u062d\u0630\u0641 \u0648\u0627\u0633\u0637\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0636\u0631\u0648\u0631\u06cc\u060c \u062a\u0636\u0645\u06cc\u0646 \u06f1\u06f0\u06f0 \u062f\u0631\u0635\u062f\u06cc \u0627\u0635\u0627\u0644\u062a \u06a9\u0627\u0644\u0627 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u0648 \u06af\u0648\u0627\u0647\u06cc\u200c\u0646\u0627\u0645\u0647 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0633\u0627\u0632\u0646\u062f\u0647 (MTC) \u0648 \u062a\u062d\u0648\u06cc\u0644 \u0628\u0647\u200c\u0645\u0648\u0642\u0639 \u062f\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.\n                    <\/p>\n\n                    <!-- \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0631\u062a\u0631 -->\n                    <div class=\"space-y-4\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-11 h-11 rounded-xl bg-amberGold\/20 text-amberGold border border-amberGold\/30 flex items-center justify-center shrink-0 mt-1\">\n                                <i class=\"fa-solid fa-check-double text-lg\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"font-bold text-white text-base\">\u0628\u0627\u0632\u0631\u0633\u06cc \u0641\u0646\u06cc \u0648 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u06cc\u0641\u06cc\u062a (QC)<\/h3>\n                                <p class=\"text-sm text-slate-400\">\u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0641\u0646\u06cc \u0642\u0637\u0639\u0627\u062a \u0642\u0628\u0644 \u0627\u0632 \u062d\u0645\u0644 \u0648 \u0627\u0631\u0627\u0626\u0647 \u06af\u0632\u0627\u0631\u0634 \u0628\u0627\u0632\u0631\u0633\u06cc \u0645\u0639\u062a\u0628\u0631<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-11 h-11 rounded-xl bg-amberGold\/20 text-amberGold border border-amberGold\/30 flex items-center justify-center shrink-0 mt-1\">\n                                <i class=\"fa-solid fa-globe text-lg\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"font-bold text-white text-base\">\u0634\u0628\u06a9\u0647 \u06af\u0633\u062a\u0631\u062f\u0647 \u062a\u0627\u0645\u06cc\u0646 \u0627\u0632 \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u062a\u0631<\/h3>\n                                <p class=\"text-sm text-slate-400\">\u062a\u0627\u0645\u06cc\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0627\u0632 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0645\u0639\u062a\u0628\u0631 \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc\u060c \u0622\u0633\u06cc\u0627\u06cc\u06cc \u0648 \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u062a\u0627\u06cc\u06cc\u062f\u0634\u062f\u0647 \u062f\u0627\u062e\u0644\u06cc<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== \u0628\u062e\u0634 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0648 \u062e\u062f\u0645\u0627\u062a (\u06f5 \u062f\u0633\u062a\u0647 \u0627\u0635\u0644\u06cc) ==================== -->\n    <section id=\"products\" class=\"py-24 bg-industrial-900 relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- \u0639\u0646\u0648\u0627\u0646 \u0628\u062e\u0634 -->\n            <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n                <span class=\"text-amberGold font-bold text-xs sm:text-sm tracking-wider uppercase mb-2 block\">\u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a<\/span>\n                <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-4\">\n                    \u0633\u0628\u062f \u06a9\u0627\u0645\u0644 <span class=\"text-amber-gradient\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0639\u062a\u06cc \u0648 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc<\/span>\n                <\/h2>\n                <p class=\"text-slate-400 text-sm sm:text-base\">\n                    \u0627\u0631\u0627\u0626\u0647 \u0645\u062a\u0631\u06cc\u0627\u0644\u060c \u0642\u0637\u0639\u0627\u062a \u0648 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0645\u0631\u062c\u0639 \u0646\u0641\u062a \u0648 \u06af\u0627\u0632\n                <\/p>\n            <\/div>\n\n            <!-- \u0634\u0628\u06a9\u0647\u200c\u0627\u06cc \u0627\u0632 \u06f5 \u06a9\u0627\u0631\u062a \u062a\u062c\u0647\u06cc\u0632\u0627\u062a -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <!-- \u06a9\u0627\u0631\u062a \u06f1: \u0634\u06cc\u0631\u0622\u0644\u0627\u062a \u0635\u0646\u0639\u062a\u06cc -->\n                <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 group flex flex-col justify-between reveal\">\n                    <div>\n                        <div class=\"w-16 h-16 rounded-2xl industrial-amber-gradient flex items-center justify-center text-industrial-900 text-3xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n                            <i class=\"fa-solid fa-faucet-drip\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-amberGold font-semibold mb-2 block\">Industrial Valves<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-amberGold transition-colors\">\u0634\u06cc\u0631\u0622\u0644\u0627\u062a \u0648 \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0635\u0646\u0639\u062a\u06cc<\/h3>\n                        <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n                            \u062a\u0627\u0645\u06cc\u0646 \u0627\u0646\u0648\u0627\u0639 Ball Valve, Gate Valve, Globe Valve, Butterfly Valve, Check Valve \u0648 \u0634\u06cc\u0631\u0622\u0644\u0627\u062a \u06a9\u0646\u062a\u0631\u0644 \u0641\u0634\u0627\u0631 \u0648 \u0627\u06cc\u0645\u0646\u06cc (Safety Valves) \u062f\u0631 \u0645\u062a\u0631\u06cc\u0627\u0644\u200c\u0647\u0627\u06cc Cast Steel, Stainless Steel, Duplex \u0648 Alloy Steel.\n                        <\/p>\n                    <\/div>\n                    <button onclick=\"openRfqModal('\u0634\u06cc\u0631\u0622\u0644\u0627\u062a \u0635\u0646\u0639\u062a\u06cc')\" class=\"w-full py-3 px-4 rounded-xl bg-industrial-800 border border-amberGold\/30 text-amberGold hover:bg-amberGold hover:text-industrial-900 font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n                        <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/span>\n                        <i class=\"fa-solid fa-arrow-left text-xs\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- \u06a9\u0627\u0631\u062a \u06f2: \u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642 -->\n                <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 group flex flex-col justify-between reveal\">\n                    <div>\n                        <div class=\"w-16 h-16 rounded-2xl industrial-amber-gradient flex items-center justify-center text-industrial-900 text-3xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n                            <i class=\"fa-solid fa-gauge-high\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-amberGold font-semibold mb-2 block\">Instrumentation & Control<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-amberGold transition-colors\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642 \u0648 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646<\/h3>\n                        <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n                            \u062a\u0627\u0645\u06cc\u0646 \u062a\u0631\u0627\u0646\u0633\u0645\u06cc\u062a\u0631\u0647\u0627\u06cc \u0641\u0634\u0627\u0631\u060c \u062f\u0645\u0627\u060c \u0633\u0637\u062d \u0648 \u062c\u0631\u06cc\u0627\u0646 (Flow, Pressure, Level, Temp Transmitter)\u060c \u06af\u06cc\u062c\u200c\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0633\u0646\u0633\u0648\u0631\u0647\u0627\u060c \u0622\u0646\u0627\u0644\u0627\u06cc\u0632\u0631\u0647\u0627\u06cc \u06af\u0627\u0632 \u0648 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 PLC\/DCS \u0627\u0632 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0645\u0637\u0631\u062d \u062c\u0647\u0627\u0646\u06cc.\n                        <\/p>\n                    <\/div>\n                    <button onclick=\"openRfqModal('\u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642')\" class=\"w-full py-3 px-4 rounded-xl bg-industrial-800 border border-amberGold\/30 text-amberGold hover:bg-amberGold hover:text-industrial-900 font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n                        <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/span>\n                        <i class=\"fa-solid fa-arrow-left text-xs\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- \u06a9\u0627\u0631\u062a \u06f3: \u0644\u0648\u0644\u0647 \u0648 \u0627\u062a\u0635\u0627\u0644\u0627\u062a -->\n                <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 group flex flex-col justify-between reveal\">\n                    <div>\n                        <div class=\"w-16 h-16 rounded-2xl industrial-amber-gradient flex items-center justify-center text-industrial-900 text-3xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n                            <i class=\"fa-solid fa-diagram-project\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-amberGold font-semibold mb-2 block\">Piping, Tubes & Fittings<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-amberGold transition-colors\">\u0644\u0648\u0644\u0647\u060c \u062a\u06cc\u0648\u0628 \u0648 \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0641\u0634\u0627\u0631 \u0642\u0648\u06cc<\/h3>\n                        <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n                            \u0627\u0646\u0648\u0627\u0639 \u0644\u0648\u0644\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0646\u06cc\u0633\u0645\u0627\u0646 (Seamless)\u060c \u0627\u0633\u062a\u0646\u0644\u0633 \u0627\u0633\u062a\u06cc\u0644\u060c \u06a9\u0631\u0628\u0646 \u0627\u0633\u062a\u06cc\u0644 (A106, A53)\u060c \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u062c\u0648\u0634\u06cc \u0648 \u062f\u0646\u062f\u0647\u200c\u0627\u06cc (Flanges, Elbows, Tees, Reducers) \u0637\u0628\u0642 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc ANSI \/ ASME.\n                        <\/p>\n                    <\/div>\n                    <button onclick=\"openRfqModal('\u0644\u0648\u0644\u0647 \u0648 \u0627\u062a\u0635\u0627\u0644\u0627\u062a')\" class=\"w-full py-3 px-4 rounded-xl bg-industrial-800 border border-amberGold\/30 text-amberGold hover:bg-amberGold hover:text-industrial-900 font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n                        <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/span>\n                        <i class=\"fa-solid fa-arrow-left text-xs\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- \u06a9\u0627\u0631\u062a \u06f4: \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062f\u0648\u0627\u0631 \u0648 \u0645\u06a9\u0627\u0646\u06cc\u06a9\u0627\u0644 -->\n                <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 group flex flex-col justify-between reveal\">\n                    <div>\n                        <div class=\"w-16 h-16 rounded-2xl industrial-amber-gradient flex items-center justify-center text-industrial-900 text-3xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n                            <i class=\"fa-solid fa-fan\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-amberGold font-semibold mb-2 block\">Rotary & Mechanical<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-amberGold transition-colors\">\u067e\u0645\u067e\u060c \u06a9\u0645\u067e\u0631\u0633\u0648\u0631 \u0648 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062f\u0648\u0627\u0631<\/h3>\n                        <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n                            \u062a\u0627\u0645\u06cc\u0646 \u0627\u0646\u0648\u0627\u0639 \u067e\u0645\u067e\u200c\u0647\u0627\u06cc \u0633\u0627\u0646\u062a\u0631\u0641\u06cc\u0648\u0698\u060c \u062f\u0648\u0632\u06cc\u0646\u06af \u067e\u0645\u067e\u060c \u06a9\u0645\u067e\u0631\u0633\u0648\u0631\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c \u0645\u06a9\u0627\u0646\u06cc\u06a9\u0627\u0644 \u0633\u06cc\u0644 (Mechanical Seal)\u060c \u06af\u0633\u06a9\u062a\u200c\u0647\u0627 \u0648 \u0642\u0637\u0639\u0627\u062a \u06cc\u062f\u06a9\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062a\u0648\u0631\u0628\u06cc\u0646\u200c\u0647\u0627 \u0648 \u06a9\u0645\u067e\u0631\u0633\u0648\u0631\u0647\u0627\u06cc \u06af\u0627\u0632.\n                        <\/p>\n                    <\/div>\n                    <button onclick=\"openRfqModal('\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062f\u0648\u0627\u0631')\" class=\"w-full py-3 px-4 rounded-xl bg-industrial-800 border border-amberGold\/30 text-amberGold hover:bg-amberGold hover:text-industrial-900 font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n                        <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/span>\n                        <i class=\"fa-solid fa-arrow-left text-xs\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- \u06a9\u0627\u0631\u062a \u06f5: \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0628\u0631\u0642 \u0648 \u0636\u062f \u0627\u0646\u0641\u062c\u0627\u0631 -->\n                <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 group flex flex-col justify-between reveal\">\n                    <div>\n                        <div class=\"w-16 h-16 rounded-2xl industrial-amber-gradient flex items-center justify-center text-industrial-900 text-3xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n                            <i class=\"fa-solid fa-bolt-lightning\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-amberGold font-semibold mb-2 block\">Explosion-Proof & Electrical<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-amberGold transition-colors\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0628\u0631\u0642 \u0648 \u0636\u062f \u0627\u0646\u0641\u062c\u0627\u0631 (ATEX)<\/h3>\n                        <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n                            \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0627\u0644\u06a9\u062a\u0631\u06cc\u06a9\u06cc \u0636\u062f \u0627\u0646\u0641\u062c\u0627\u0631 \u0645\u062e\u0635\u0648\u0635 \u0632\u0648\u0646\u200c\u0647\u0627\u06cc \u062e\u0637\u0631\u0646\u0627\u06a9 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc (Zone 1, Zone 2)\u060c \u06af\u0644\u0646\u062f \u06a9\u0627\u0628\u0644\u060c \u0628\u0627\u06a9\u0633\u200c\u0647\u0627\u06cc \u0636\u062f \u0627\u0646\u0641\u062c\u0627\u0631 (Junction Box)\u060c \u0627\u0644\u06a9\u062a\u0631\u0648\u0645\u0648\u062a\u0648\u0631\u0647\u0627 \u0648 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0631\u0648\u0634\u0646\u0627\u06cc\u06cc \u0635\u0646\u0639\u062a\u06cc.\n                        <\/p>\n                    <\/div>\n                    <button onclick=\"openRfqModal('\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0636\u062f \u0627\u0646\u0641\u062c\u0627\u0631')\" class=\"w-full py-3 px-4 rounded-xl bg-industrial-800 border border-amberGold\/30 text-amberGold hover:bg-amberGold hover:text-industrial-900 font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n                        <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/span>\n                        <i class=\"fa-solid fa-arrow-left text-xs\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- \u06a9\u0627\u0631\u062a \u06f6: \u062e\u062f\u0645\u0627\u062a \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0648 \u062e\u0631\u06cc\u062f \u0645\u0647\u0646\u062f\u0633\u06cc -->\n                <div class=\"glass-card rounded-2xl p-8 transition-all duration-300 group flex flex-col justify-between reveal\">\n                    <div>\n                        <div class=\"w-16 h-16 rounded-2xl industrial-amber-gradient flex items-center justify-center text-industrial-900 text-3xl font-bold mb-6 shadow-lg group-hover:scale-110 transition-transform\">\n                            <i class=\"fa-solid fa-truck-ramp-box\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-amberGold font-semibold mb-2 block\">Engineering Procurement<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-amberGold transition-colors\">\u062a\u0627\u0645\u06cc\u0646 \u0633\u0641\u0627\u0631\u0634\u06cc \u0648 \u0645\u0646\u0628\u0639\u200c\u06cc\u0627\u0628\u06cc \u062e\u0627\u0631\u062c\u06cc<\/h3>\n                        <p class=\"text-slate-300 text-sm leading-relaxed mb-6\">\n                            \u062e\u0631\u06cc\u062f \u0633\u0641\u0627\u0631\u0634\u06cc \u0642\u0637\u0639\u0627\u062a \u06a9\u0645\u06cc\u0627\u0628\u060c \u0645\u0646\u0628\u0639\u200c\u06cc\u0627\u0628\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc (Global Sourcing)\u060c \u0628\u0627\u0632\u0631\u0633\u06cc \u0642\u0628\u0644 \u0627\u0632 \u062d\u0645\u0644\u060c \u0627\u0646\u062c\u0627\u0645 \u062a\u0634\u0631\u06cc\u0641\u0627\u062a \u06af\u0645\u0631\u06a9\u06cc \u0648 \u062a\u062d\u0648\u06cc\u0644 \u0645\u0633\u062a\u0642\u06cc\u0645 DDP \u062f\u0631 \u0645\u062d\u0644 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u06cc\u0627 \u067e\u0627\u0644\u0627\u06cc\u0634\u06af\u0627\u0647.\n                        <\/p>\n                    <\/div>\n                    <button onclick=\"openRfqModal('\u062e\u062f\u0645\u0627\u062a \u062a\u0627\u0645\u06cc\u0646 \u0633\u0641\u0627\u0631\u0634\u06cc')\" class=\"w-full py-3 px-4 rounded-xl bg-industrial-800 border border-amberGold\/30 text-amberGold hover:bg-amberGold hover:text-industrial-900 font-bold text-sm transition-all duration-300 flex items-center justify-center gap-2\">\n                        <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/span>\n                        <i class=\"fa-solid fa-arrow-left text-xs\"><\/i>\n                    <\/button>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== \u0628\u062e\u0634 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627 \u0648 \u06af\u0648\u0627\u0647\u06cc\u200c\u0647\u0627 ==================== -->\n    <section id=\"standards\" class=\"py-16 bg-industrial-800 border-y border-amberGold\/10 relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-10 reveal\">\n                <span class=\"text-amberGold text-xs font-bold uppercase tracking-widest\">\u062a\u0637\u0627\u0628\u0642 \u06a9\u0627\u0645\u0644 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0645\u0631\u062c\u0639<\/span>\n                <h3 class=\"text-2xl sm:text-3xl font-extrabold text-white mt-2\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u062a\u062d\u062a \u067e\u0648\u0634\u0634<\/h3>\n            <\/div>\n            <div class=\"grid grid-cols-2 md:grid-cols-5 gap-6 text-center reveal\">\n                <div class=\"p-4 glass-card rounded-xl border border-amberGold\/20\">\n                    <div class=\"text-xl font-black text-amberGold mb-1\">API<\/div>\n                    <div class=\"text-xs text-slate-300\">American Petroleum Institute<\/div>\n                <\/div>\n                <div class=\"p-4 glass-card rounded-xl border border-amberGold\/20\">\n                    <div class=\"text-xl font-black text-amberGold mb-1\">ASME \/ ANSI<\/div>\n                    <div class=\"text-xs text-slate-300\">Boiler & Pressure Vessel Code<\/div>\n                <\/div>\n                <div class=\"p-4 glass-card rounded-xl border border-amberGold\/20\">\n                    <div class=\"text-xl font-black text-amberGold mb-1\">DIN \/ EN<\/div>\n                    <div class=\"text-xs text-slate-300\">European Standards<\/div>\n                <\/div>\n                <div class=\"p-4 glass-card rounded-xl border border-amberGold\/20\">\n                    <div class=\"text-xl font-black text-amberGold mb-1\">ATEX \/ IECEx<\/div>\n                    <div class=\"text-xs text-slate-300\">Explosion Proof Standards<\/div>\n                <\/div>\n                <div class=\"p-4 glass-card rounded-xl border border-amberGold\/20\">\n                    <div class=\"text-xl font-black text-amberGold mb-1\">ISO 9001<\/div>\n                    <div class=\"text-xs text-slate-300\">Quality Management System<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== \u0628\u062e\u0634 \u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633 ==================== -->\n    <section id=\"why-us\" class=\"py-24 bg-industrial-900 relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n                <span class=\"text-amberGold font-bold text-xs sm:text-sm tracking-wider uppercase mb-2 block\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u0627<\/span>\n                <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-4\">\n                    \u0686\u0631\u0627 <span class=\"text-amber-gradient\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633<\/span>\u061f\n                <\/h2>\n                <p class=\"text-slate-400\">\n                    \u0645\u0632\u0627\u06cc\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u06a9\u0647 \u0645\u0627 \u0631\u0627 \u0628\u0647 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0645\u0637\u0645\u0626\u0646 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u0627\u0646 \u062a\u062f\u0627\u0631\u06a9\u0627\u062a \u0648 \u062e\u0631\u06cc\u062f \u0635\u0646\u0627\u06cc\u0639 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n                \n                <!-- \u0645\u0632\u06cc\u062a \u06f1 -->\n                <div class=\"glass-card p-8 rounded-2xl text-center reveal\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-amberGold\/20 text-amberGold border border-amberGold\/30 flex items-center justify-center text-3xl mx-auto mb-6 shadow-lg\">\n                        <i class=\"fa-solid fa-certificate\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-white mb-3\">\u062a\u0636\u0645\u06cc\u0646 \u06f1\u06f0\u06f0\u066a \u0627\u0635\u0627\u0644\u062a \u06a9\u0627\u0644\u0627<\/h3>\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">\n                        \u0627\u0631\u0627\u0626\u0647 \u0633\u0631\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u062a \u0627\u0635\u0644\u06cc MTC (Mill Test Certificate) \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0627\u0632 \u0633\u0627\u0632\u0646\u062f\u0647.\n                    <\/p>\n                <\/div>\n\n                <!-- \u0645\u0632\u06cc\u062a \u06f2 -->\n                <div class=\"glass-card p-8 rounded-2xl text-center reveal\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-amberGold\/20 text-amberGold border border-amberGold\/30 flex items-center justify-center text-3xl mx-auto mb-6 shadow-lg\">\n                        <i class=\"fa-solid fa-clock-rotate-left\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-white mb-3\">\u062a\u062d\u0648\u06cc\u0644 \u0628\u0647\u200c\u0645\u0648\u0642\u0639 \u0648 \u0633\u0631\u06cc\u0639<\/h3>\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">\n                        \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc \u062f\u0642\u06cc\u0642 \u0644\u062c\u0633\u062a\u06cc\u06a9 \u062c\u0647\u062a \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u0648\u0642\u0641 \u062e\u0637\u0648\u0637 \u062a\u0648\u0644\u06cc\u062f \u0648 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc.\n                    <\/p>\n                <\/div>\n\n                <!-- \u0645\u0632\u06cc\u062a \u06f3 -->\n                <div class=\"glass-card p-8 rounded-2xl text-center reveal\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-amberGold\/20 text-amberGold border border-amberGold\/30 flex items-center justify-center text-3xl mx-auto mb-6 shadow-lg\">\n                        <i class=\"fa-solid fa-scale-balanced\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-white mb-3\">\u0642\u06cc\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0631\u0642\u0627\u0628\u062a\u06cc B2B<\/h3>\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">\n                        \u062d\u0630\u0641 \u0648\u0627\u0633\u0637\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0639\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u0634\u0631\u0627\u06cc\u0637 \u067e\u0631\u062f\u0627\u062e\u062a \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u062e\u0631\u06cc\u062f\u0647\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u06cc.\n                    <\/p>\n                <\/div>\n\n                <!-- \u0645\u0632\u06cc\u062a \u06f4 -->\n                <div class=\"glass-card p-8 rounded-2xl text-center reveal\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-amberGold\/20 text-amberGold border border-amberGold\/30 flex items-center justify-center text-3xl mx-auto mb-6 shadow-lg\">\n                        <i class=\"fa-solid fa-user-gear\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-white mb-3\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0647\u0646\u062f\u0633\u06cc \u062e\u0631\u06cc\u062f<\/h3>\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">\n                        \u0647\u0645\u0631\u0627\u0647\u06cc \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u062a\u062e\u0635\u0635 \u062c\u0647\u062a \u0628\u0631\u0633\u06cc Data Sheet\u0647\u0627 \u0648 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646\u06cc \u0645\u062a\u0631\u06cc\u0627\u0644\u200c\u0647\u0627\u06cc \u0645\u0639\u0627\u062f\u0644.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- ==================== \u0628\u062e\u0634 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0648 \u0622\u062f\u0631\u0633 ==================== -->\n    <section id=\"contact\" class=\"py-24 bg-industrial-800 relative border-t border-amberGold\/10 overflow-hidden\">\n        \n        <div class=\"absolute -right-20 -bottom-20 w-96 h-96 bg-amberGold\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"glass-card rounded-3xl p-8 sm:p-12 border border-amberGold\/30\">\n                \n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                    \n                    <!-- \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 \u0648 \u0622\u062f\u0631\u0633 -->\n                    <div class=\"reveal\">\n                        <span class=\"text-amberGold font-bold text-xs sm:text-sm tracking-wider uppercase mb-2 block\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc<\/span>\n                        <h2 class=\"text-3xl sm:text-4xl font-black text-white mb-6\">\n                            \u0634\u0631\u06a9\u062a <span class=\"text-amber-gradient\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633<\/span>\n                        <\/h2>\n                        <p class=\"text-slate-300 text-sm sm:text-base mb-8 leading-relaxed\">\n                            \u062c\u0647\u062a \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0641\u0646\u06cc\u060c \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc \u06cc\u0627 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u062c\u0644\u0633\u0627\u062a \u062d\u0636\u0648\u0631\u06cc \u0628\u0627 \u0648\u0627\u062d\u062f \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0648 \u0641\u0631\u0648\u0634 \u062f\u0631 \u062a\u0645\u0627\u0633 \u0628\u0627\u0634\u06cc\u062f.\n                        <\/p>\n\n                        <div class=\"space-y-6\">\n                            \n                            <!-- \u0622\u062f\u0631\u0633 -->\n                            <div class=\"flex items-start gap-4 text-white\">\n                                <div class=\"w-12 h-12 rounded-xl industrial-amber-gradient text-industrial-900 flex items-center justify-center text-xl shrink-0 mt-1 shadow-md\">\n                                    <i class=\"fa-solid fa-location-dot\"><\/i>\n                                <\/div>\n                                <div>\n                                    <div class=\"text-xs text-amberGold font-semibold mb-1\">\u0646\u0634\u0627\u0646\u06cc \u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc:<\/div>\n                                    <div class=\"text-sm sm:text-base text-slate-200 font-medium leading-relaxed\">\n                                        \u062a\u0647\u0631\u0627\u0646 - \u062f\u0631\u06cc\u0627 - \u062e\u06cc\u0627\u0628\u0627\u0646 \u0633\u0639\u0627\u062f\u062a \u0622\u0628\u0627\u062f - \u062e\u06cc\u0627\u0628\u0627\u0646 \u06f2\u06f7 \u0634\u0631\u0642\u06cc - \u067e\u0644\u0627\u06a9 \u06f1 - \u0637\u0628\u0642\u0647 \u0633\u0648\u0645 - \u0648\u0627\u062d\u062f \u06f1\u06f1\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 -->\n                            <a href=\"tel:09379479673\" class=\"flex items-center gap-4 text-white hover:text-amberGold transition group\">\n                                <div class=\"w-12 h-12 rounded-xl industrial-amber-gradient text-industrial-900 flex items-center justify-center text-xl shrink-0 group-hover:scale-105 transition-transform shadow-md\">\n                                    <i class=\"fa-solid fa-phone-volume\"><\/i>\n                                <\/div>\n                                <div>\n                                    <div class=\"text-xs text-amberGold font-semibold mb-1\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc:<\/div>\n                                    <div class=\"text-lg sm:text-xl font-bold tracking-wider\" dir=\"ltr\">\n                                        0937 947 9673\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n\n                            <!-- \u0633\u0627\u0639\u062a \u06a9\u0627\u0631\u06cc -->\n                            <div class=\"flex items-center gap-4 text-white\">\n                                <div class=\"w-12 h-12 rounded-xl industrial-amber-gradient text-industrial-900 flex items-center justify-center text-xl shrink-0 shadow-md\">\n                                    <i class=\"fa-solid fa-business-time\"><\/i>\n                                <\/div>\n                                <div>\n                                    <div class=\"text-xs text-amberGold font-semibold mb-1\">\u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc \u0628\u062e\u0634 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc:<\/div>\n                                    <div class=\"text-sm text-slate-200\">\n                                        \u0634\u0646\u0628\u0647 \u062a\u0627 \u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647: \u06f8:\u06f3\u06f0 \u0627\u0644\u06cc \u06f1\u06f7:\u06f0\u06f0 | \u067e\u0646\u062c\u0634\u0646\u0628\u0647: \u06f8:\u06f3\u06f0 \u0627\u0644\u06cc \u06f1\u06f3:\u06f0\u06f0\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u067e\u0633\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9 (\u0627\u06cc\u0645\u06cc\u0644) -->\n                            <a href=\"mailto:commercial@radvin.co.com\" class=\"flex items-center gap-4 text-white hover:text-amberGold transition group\">\n                                <div class=\"w-12 h-12 rounded-xl industrial-amber-gradient text-industrial-900 flex items-center justify-center text-xl shrink-0 group-hover:scale-105 transition-transform shadow-md\">\n                                    <i class=\"fa-solid fa-envelope\"><\/i>\n                                <\/div>\n                                <div>\n                                    <div class=\"text-xs text-amberGold font-semibold mb-1\">\u067e\u0633\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9 (\u0627\u06cc\u0645\u06cc\u0644) \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc:<\/div>\n                                    <div class=\"text-sm sm:text-base font-bold text-slate-200 tracking-wide\" dir=\"ltr\">\n                                        commercial@radvin.co.com\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n\n                        <\/div>\n\n                        <!-- \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u06cc -->\n                        <div class=\"mt-10 pt-8 border-t border-white\/10\">\n                            <span class=\"text-xs text-slate-400 block mb-4\">\u0631\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u06cc \u0647\u0648\u0634\u0645\u0646\u062f:<\/span>\n                            <div class=\"flex items-center gap-4\">\n                                <a href=\"https:\/\/wa.me\/989379479673\" target=\"_blank\" class=\"w-12 h-12 rounded-xl glass-card border border-amberGold\/30 hover:border-amberGold text-amberGold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\n                                    <i class=\"fa-brands fa-whatsapp\"><\/i>\n                                <\/a>\n                                <a href=\"tel:09379479673\" class=\"w-12 h-12 rounded-xl glass-card border border-amberGold\/30 hover:border-amberGold text-amberGold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u062a\u0645\u0627\u0633\">\n                                    <i class=\"fa-solid fa-headset\"><\/i>\n                                <\/a>\n                                <a href=\"mailto:commercial@radvin.co.com\" class=\"w-12 h-12 rounded-xl glass-card border border-amberGold\/30 hover:border-amberGold text-amberGold flex items-center justify-center text-xl hover:scale-110 transition-all\" aria-label=\"\u0627\u06cc\u0645\u06cc\u0644\">\n                                    <i class=\"fa-solid fa-envelope\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- \u06a9\u0627\u0631\u062a \u0648\u06cc\u0698\u0647 \u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u0641\u0648\u0631\u06cc -->\n                    <div class=\"bg-industrial-card p-8 sm:p-10 rounded-2xl border border-amberGold\/30 text-center reveal\">\n                        <div class=\"w-20 h-20 rounded-2xl industrial-amber-gradient flex items-center justify-center text-industrial-900 text-4xl font-black mx-auto mb-6 shadow-xl\">\n                            <i class=\"fa-solid fa-paper-plane\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-white mb-3\">\u0627\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\u0639 \u0644\u06cc\u0633\u062a \u062a\u062c\u0647\u06cc\u0632\u0627\u062a (RFQ)<\/h3>\n                        <p class=\"text-slate-300 text-sm mb-8 leading-relaxed\">\n                            \u0641\u0627\u06cc\u0644 \u067e\u0627\u0631\u062a \u0646\u0627\u0645\u0628\u0631 \u06cc\u0627 \u0648\u0646\u062f\u0648\u0631\u0644\u06cc\u0633\u062a \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0631\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0633\u0631\u06cc\u0639\u0627\u064b \u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631 \u0631\u0642\u0627\u0628\u062a\u06cc \u0635\u0627\u062f\u0631 \u0646\u0645\u0627\u06cc\u0646\u062f.\n                        <\/p>\n                        <button onclick=\"openRfqModal()\" class=\"w-full industrial-amber-gradient text-industrial-900 hover:opacity-95 font-extrabold text-lg py-4 rounded-xl shadow-lg block transition-all hover:shadow-amberGold\/30 transform hover:-translate-y-0.5\">\n                            <i class=\"fa-solid fa-file-invoice ml-2\"><\/i> \u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0622\u0646\u0644\u0627\u06cc\u0646 (RFQ)\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== \u0641\u0648\u062a\u0631 (Footer) ==================== -->\n    <footer class=\"bg-industrial-900 text-slate-400 py-12 border-t border-white\/10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-10 pb-8 border-b border-white\/10\">\n                \n                <!-- \u0628\u062e\u0634 \u0627\u0648\u0644: \u0644\u0648\u06af\u0648 \u0648 \u0645\u0639\u0631\u0641\u06cc -->\n                <div>\n                    <div class=\"flex items-center gap-3 mb-4\">\n                        <div class=\"w-10 h-10 rounded-xl industrial-amber-gradient flex items-center justify-center text-industrial-900 font-black text-xl\">\n                            <i class=\"fa-solid fa-industry\"><\/i>\n                        <\/div>\n                        <span class=\"text-lg font-bold text-white\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633<\/span>\n                    <\/div>\n                    <p class=\"text-xs sm:text-sm text-slate-400 leading-relaxed\">\n                        \u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u062a\u062e\u0635\u0635\u06cc \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0639\u062a\u06cc\u060c \u0634\u06cc\u0631\u0622\u0644\u0627\u062a\u060c \u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642 \u0648 \u0644\u0648\u0644\u0647\u200c\u06a9\u0634\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u0641\u062a\u060c \u06af\u0627\u0632\u060c \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc \u0648 \u0635\u0646\u0627\u06cc\u0639 \u0633\u0646\u06af\u06cc\u0646.\n                    <\/p>\n                <\/div>\n\n                <!-- \u0628\u062e\u0634 \u062f\u0648\u0645: \u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639 -->\n                <div class=\"md:text-center\">\n                    <h4 class=\"text-white font-bold text-sm mb-4 border-r-2 border-amberGold pr-2 inline-block\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h4>\n                    <ul class=\"space-y-2 text-xs sm:text-sm\">\n                        <li><a href=\"#hero\" class=\"hover:text-amberGold transition\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n                        <li><a href=\"#about\" class=\"hover:text-amberGold transition\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0634\u0631\u06a9\u062a<\/a><\/li>\n                        <li><a href=\"#products\" class=\"hover:text-amberGold transition\">\u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062a\u062c\u0647\u06cc\u0632\u0627\u062a<\/a><\/li>\n                        <li><a href=\"#why-us\" class=\"hover:text-amberGold transition\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0647\u0645\u06a9\u0627\u0631\u06cc<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- \u0628\u062e\u0634 \u0633\u0648\u0645: \u0646\u0634\u0627\u0646\u06cc \u06a9\u0648\u062a\u0627\u0647 -->\n                <div>\n                    <h4 class=\"text-white font-bold text-sm mb-4 border-r-2 border-amberGold pr-2 inline-block\">\u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc \u062a\u0647\u0631\u0627\u0646<\/h4>\n                    <p class=\"text-xs sm:text-sm leading-relaxed mb-3\">\n                        \u0633\u0639\u0627\u062f\u062a \u0622\u0628\u0627\u062f\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u06f2\u06f7 \u0634\u0631\u0642\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u060c \u0637\u0628\u0642\u0647 \u06f3\u060c \u0648\u0627\u062d\u062f \u06f1\u06f1\n                    <\/p>\n                    <p class=\"text-xs text-amberGold font-semibold mb-1\">\n                        <i class=\"fa-solid fa-phone ml-1\"><\/i> \u062a\u0644\u0641\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645: \u06f0\u06f9\u06f3\u06f7\u06f9\u06f4\u06f7\u06f9\u06f6\u06f7\u06f3\n                    <\/p>\n                    <p class=\"text-xs text-amberGold font-semibold\" dir=\"ltr\">\n                        <i class=\"fa-solid fa-envelope mr-1\"><\/i> commercial@radvin.co.com\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n            <!-- \u06a9\u067e\u06cc \u0631\u0627\u06cc\u062a -->\n            <div class=\"flex flex-col sm:flex-row items-center justify-between text-xs text-slate-400 gap-4\">\n                <p>\u00a9 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u062a\u0639\u0644\u0642 \u0628\u0647 \u0634\u0631\u06a9\u062a <span class=\"text-amberGold font-semibold\">\u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633<\/span> \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/p>\n                <p>\u0637\u0631\u0627\u062d\u06cc \u0645\u062f\u0631\u0646 \u0644\u0646\u062f\u06cc\u0646\u06af\u200c\u067e\u06cc\u062c B2B \u0635\u0646\u0639\u062a\u06cc<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- ==================== \u0645\u062f\u0627\u0644 \u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a (RFQ Modal) ==================== -->\n    <div id=\"rfq-modal\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-black\/80 backdrop-blur-md p-4\">\n        <div class=\"bg-industrial-card border border-amberGold\/40 rounded-2xl max-w-xl w-full p-6 sm:p-8 relative shadow-2xl animate-fade-in max-h-[90vh] overflow-y-auto\">\n            \n            <button onclick=\"closeRfqModal()\" class=\"absolute top-4 left-4 text-slate-400 hover:text-white text-2xl p-2 transition-colors\" aria-label=\"\u0628\u0633\u062a\u0646\">\n                <i class=\"fa-solid fa-xmark\"><\/i>\n            <\/button>\n\n            <div class=\"flex items-center gap-3 mb-6\">\n                <div class=\"w-12 h-12 rounded-xl industrial-amber-gradient text-industrial-900 flex items-center justify-center text-2xl font-bold\">\n                    <i class=\"fa-solid fa-file-signature\"><\/i>\n                <\/div>\n                <div>\n                    <h3 class=\"text-xl font-bold text-white\">\u0641\u0631\u0645 \u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a (RFQ)<\/h3>\n                    <p class=\"text-xs text-slate-300\">\u0634\u0631\u06a9\u062a \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633<\/p>\n                <\/div>\n            <\/div>\n\n            <form id=\"rfq-form\" onsubmit=\"handleRfqSubmit(event)\" class=\"space-y-4\">\n                <div>\n                    <label class=\"block text-xs text-slate-300 font-semibold mb-1\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \/ \u0646\u0645\u0627\u06cc\u0646\u062f\u0647 \u062e\u0631\u06cc\u062f *<\/label>\n                    <input type=\"text\" required placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u0647\u0646\u062f\u0633 \u0627\u062d\u0645\u062f\u06cc\" class=\"w-full bg-industrial-900\/90 border border-amberGold\/20 rounded-xl px-4 py-2.5 text-white text-sm focus:outline-none focus:border-amberGold transition\">\n                <\/div>\n\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                    <div>\n                        <label class=\"block text-xs text-slate-300 font-semibold mb-1\">\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \/ \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc *<\/label>\n                        <input type=\"text\" required placeholder=\"\u0646\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646 \u06cc\u0627 \u067e\u0631\u0648\u0698\u0647\" class=\"w-full bg-industrial-900\/90 border border-amberGold\/20 rounded-xl px-4 py-2.5 text-white text-sm focus:outline-none focus:border-amberGold transition\">\n                    <\/div>\n                    <div>\n                        <label class=\"block text-xs text-slate-300 font-semibold mb-1\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0647\u0645\u0631\u0627\u0647 *<\/label>\n                        <input type=\"tel\" required placeholder=\"0912...\" class=\"w-full bg-industrial-900\/90 border border-amberGold\/20 rounded-xl px-4 py-2.5 text-white text-sm focus:outline-none focus:border-amberGold transition\" dir=\"ltr\">\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <label class=\"block text-xs text-slate-300 font-semibold mb-1\">\u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 *<\/label>\n                    <select id=\"rfq-category-select\" class=\"w-full bg-industrial-900\/90 border border-amberGold\/20 rounded-xl px-4 py-2.5 text-white text-sm focus:outline-none focus:border-amberGold transition\">\n                        <option value=\"\u0639\u0645\u0648\u0645\u06cc\">\u06a9\u0644\u06cc\u0647 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0635\u0646\u0639\u062a\u06cc<\/option>\n                        <option value=\"\u0634\u06cc\u0631\u0622\u0644\u0627\u062a \u0635\u0646\u0639\u062a\u06cc\">\u0634\u06cc\u0631\u0622\u0644\u0627\u062a \u0635\u0646\u0639\u062a\u06cc (Valves)<\/option>\n                        <option value=\"\u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642 (Instrumentation)<\/option>\n                        <option value=\"\u0644\u0648\u0644\u0647 \u0648 \u0627\u062a\u0635\u0627\u0644\u0627\u062a\">\u0644\u0648\u0644\u0647\u060c \u062a\u06cc\u0648\u0628 \u0648 \u0641\u06cc\u062a\u06cc\u0646\u06af (Piping)<\/option>\n                        <option value=\"\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u062f\u0648\u0627\u0631\">\u067e\u0645\u067e\u060c \u06a9\u0645\u067e\u0631\u0633\u0648\u0631 \u0648 \u0642\u0637\u0639\u0627\u062a \u062f\u0648\u0627\u0631<\/option>\n                        <option value=\"\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0636\u062f \u0627\u0646\u0641\u062c\u0627\u0631\">\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0628\u0631\u0642 \u0648 \u0636\u062f \u0627\u0646\u0641\u062c\u0627\u0631 (ATEX)<\/option>\n                    <\/select>\n                <\/div>\n\n                <div>\n                    <label class=\"block text-xs text-slate-300 font-semibold mb-1\">\u0634\u0631\u062d \u0627\u0642\u0644\u0627\u0645 \u0648 \u067e\u0627\u0631\u062a \u0646\u0627\u0645\u0628\u0631\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 *<\/label>\n                    <textarea rows=\"4\" required placeholder=\"\u0644\u0637\u0641\u0627\u064b \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc\u060c \u0633\u0627\u06cc\u0632\u060c \u06a9\u0644\u0627\u0633 \u06a9\u0627\u0631\u06cc\u060c \u0645\u062a\u0631\u06cc\u0627\u0644 \u06cc\u0627 \u067e\u0627\u0631\u062a \u0646\u0627\u0645\u0628\u0631 \u0642\u0637\u0639\u0627\u062a \u0631\u0627 \u062f\u0631\u062c \u0646\u0645\u0627\u06cc\u06cc\u062f...\" class=\"w-full bg-industrial-900\/90 border border-amberGold\/20 rounded-xl px-4 py-2.5 text-white text-sm focus:outline-none focus:border-amberGold transition\"><\/textarea>\n                <\/div>\n\n                <div class=\"pt-2 flex justify-end gap-3\">\n                    <button type=\"button\" onclick=\"closeRfqModal()\" class=\"px-5 py-2.5 rounded-xl bg-white\/10 text-slate-300 text-sm font-semibold hover:bg-white\/20 transition\">\n                        \u0627\u0646\u0635\u0631\u0627\u0641\n                    <\/button>\n                    <button type=\"submit\" class=\"industrial-amber-gradient text-industrial-900 font-bold text-sm px-6 py-2.5 rounded-xl hover:opacity-90 transition shadow-lg\">\n                        \u0627\u0631\u0633\u0627\u0644 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a\n                    <\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- \u067e\u06cc\u0627\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc (\u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 alert) -->\n    <div id=\"toast-message\" class=\"fixed bottom-6 left-6 z-50 hidden bg-emerald-600 text-white px-6 py-4 rounded-xl shadow-2xl border border-emerald-400 items-center gap-3 transition-all duration-300\">\n        <i class=\"fa-solid fa-circle-check text-2xl\"><\/i>\n        <div>\n            <div class=\"font-bold text-sm\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f<\/div>\n            <div class=\"text-xs text-emerald-100\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633 \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.<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ==================== \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0639\u0627\u0645\u0644\u06cc ==================== -->\n    <script>\n        \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0646\u0648\u06cc \u0647\u0645\u0628\u0631\u06af\u0631\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\n        const menuBtn = document.getElementById('mobile-menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        const menuIcon = document.getElementById('menu-icon');\n\n        function toggleMobileMenu() {\n            mobileMenu.classList.toggle('hidden');\n            if (mobileMenu.classList.contains('hidden')) {\n                menuIcon.classList.remove('fa-xmark');\n                menuIcon.classList.add('fa-bars');\n            } else {\n                menuIcon.classList.remove('fa-bars');\n                menuIcon.classList.add('fa-xmark');\n            }\n        }\n\n        menuBtn.addEventListener('click', toggleMobileMenu);\n\n        \/\/ \u0628\u0633\u062a\u0646 \u0645\u0646\u0648 \u067e\u0633 \u0627\u0632 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\n        document.querySelectorAll('.mobile-nav-link').forEach(link => {\n            link.addEventListener('click', () => {\n                if (!mobileMenu.classList.contains('hidden')) {\n                    toggleMobileMenu();\n                }\n            });\n        });\n\n        \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0638\u0647\u0648\u0631 \u0639\u0646\u0627\u0635\u0631 (Reveal)\n        function revealOnScroll() {\n            const reveals = document.querySelectorAll('.reveal');\n            const windowHeight = window.innerHeight;\n            \n            reveals.forEach(element => {\n                const elementTop = element.getBoundingClientRect().top;\n                const elementVisible = 80;\n                \n                if (elementTop < windowHeight - elementVisible) {\n                    element.classList.add('active');\n                }\n            });\n        }\n\n        window.addEventListener('scroll', revealOnScroll);\n        revealOnScroll();\n\n        \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062f\u0627\u0644 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a (RFQ Modal)\n        function openRfqModal(categoryName = '') {\n            const modal = document.getElementById('rfq-modal');\n            const categorySelect = document.getElementById('rfq-category-select');\n            \n            if (categoryName && categorySelect) {\n                for (let i = 0; i < categorySelect.options.length; i++) {\n                    if (categorySelect.options[i].value.includes(categoryName) || categoryName.includes(categorySelect.options[i].value)) {\n                        categorySelect.selectedIndex = i;\n                        break;\n                    }\n                }\n            }\n            \n            modal.classList.remove('hidden');\n            modal.classList.add('flex');\n        }\n\n        function closeRfqModal() {\n            const modal = document.getElementById('rfq-modal');\n            modal.classList.add('hidden');\n            modal.classList.remove('flex');\n        }\n\n        \/\/ \u0628\u0633\u062a\u0646 \u0645\u062f\u0627\u0644 \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u062e\u0627\u0631\u062c \u0627\u0632 \u0622\u0646\n        window.addEventListener('click', (e) => {\n            const modal = document.getElementById('rfq-modal');\n            if (e.target === modal) {\n                closeRfqModal();\n            }\n        });\n\n        \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0631\u0633\u0627\u0644 \u0641\u0631\u0645 RFQ\n        function handleRfqSubmit(event) {\n            event.preventDefault();\n            closeRfqModal();\n            \n            \/\/ \u0646\u0645\u0627\u06cc\u0634 \u067e\u06cc\u0627\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a toast\n            const toast = document.getElementById('toast-message');\n            toast.classList.remove('hidden');\n            toast.classList.add('flex');\n            \n            setTimeout(() => {\n                toast.classList.add('hidden');\n                toast.classList.remove('flex');\n            }, 5000);\n\n            \/\/ \u0631\u06cc\u0633\u062a \u0641\u0631\u0645\n            document.getElementById('rfq-form').reset();\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633 | \u062a\u0627\u0645\u06cc\u0646 \u062a\u062e\u0635\u0635\u06cc \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0646\u0641\u062a\u060c \u06af\u0627\u0632 \u0648 \u067e\u062a\u0631\u0648\u0634\u06cc\u0645\u06cc \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u062c\u0627\u0631\u062a \u062e\u0644\u06cc\u062c \u0641\u0627\u0631\u0633 RADWIN TEJARAT KHALIJ FARS \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0648 \u062a\u0627\u0645\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627 \u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 (RFQ) 0937 947 9673 \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0648 \u062a\u0627\u0645\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627 \u0686\u0631\u0627 \u0631\u0627\u062f\u0648\u06cc\u0646 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u062b\u0628\u062a \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a (RFQ) \u062a\u0645\u0627\u0633 &#8230; <a title=\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc 2\" class=\"read-more\" href=\"https:\/\/radvin.co.com\/\" aria-label=\"\u062f\u0631\u0628\u0627\u0631\u06c0 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc 2 \u0628\u06cc\u0634\u062a\u0631 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f\">\u0627\u062f\u0627\u0645\u0647<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radvin.co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":7,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/radvin.co.com\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/radvin.co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}