{"id":141,"date":"2026-09-05T17:40:39","date_gmt":"2026-09-05T14:40:39","guid":{"rendered":"https:\/\/abd-alghfar.dollani.cloud\/?page_id=141"},"modified":"2026-09-16T14:51:30","modified_gmt":"2026-09-16T11:51:30","slug":"elementor-141","status":"publish","type":"page","link":"https:\/\/abd-alghfar.dollani.cloud\/","title":{"rendered":"final"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"141\" class=\"elementor elementor-141\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7387a6 e-con-full e-flex e-con e-parent\" data-id=\"c7387a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c9bea2 elementor-fixed elementor-widget elementor-widget-html\" data-id=\"4c9bea2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3D.PLANET HEADER - FIXED Z-INDEX & ADMIN BAR -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<header class=\"p3d-header-wrapper\" dir=\"rtl\">\n  <div class=\"p3d-header-box\">\n    \n    <!-- \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u0627\u0633\u0645 -->\n    <a href=\"#\" class=\"p3d-logo-group\">\n      <div class=\"p3d-logo-icon\">\n        <svg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <defs>\n            <linearGradient id=\"p3dMetalGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n              <stop offset=\"0%\" stop-color=\"#ffffff\" \/>\n              <stop offset=\"50%\" stop-color=\"#a1a1aa\" \/>\n              <stop offset=\"100%\" stop-color=\"#52525b\" \/>\n            <\/linearGradient>\n          <\/defs>\n          <polygon points=\"100,10 125,35 160,35 160,70 185,95 160,120 160,155 125,155 100,180 75,155 40,155 40,120 15,95 40,70 40,35 75,35\" fill=\"none\" stroke=\"url(#p3dMetalGrad)\" stroke-width=\"6\" stroke-linejoin=\"round\"\/>\n          <polygon points=\"100,28 119,47 146,47 146,74 165,93 146,112 146,139 119,139 100,158 81,139 54,139 54,112 35,93 54,74 54,47 81,47\" fill=\"none\" stroke=\"url(#p3dMetalGrad)\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\n          <text x=\"100\" y=\"92\" font-family=\"'Cairo', sans-serif\" font-weight=\"900\" font-size=\"34\" fill=\"url(#p3dMetalGrad)\" text-anchor=\"middle\">3D<\/text>\n          <text x=\"100\" y=\"118\" font-family=\"'Cairo', sans-serif\" font-weight=\"800\" font-size=\"16\" fill=\"url(#p3dMetalGrad)\" text-anchor=\"middle\" letter-spacing=\"2\">-SY-<\/text>\n          <ellipse cx=\"100\" cy=\"98\" rx=\"90\" ry=\"28\" fill=\"none\" stroke=\"url(#p3dMetalGrad)\" stroke-width=\"4\" transform=\"rotate(-15 100 98)\" \/>\n          <circle cx=\"182\" cy=\"74\" r=\"7\" fill=\"url(#p3dMetalGrad)\" \/>\n        <\/svg>\n      <\/div>\n      <span class=\"p3d-brand-name\">3D.PLANET<\/span>\n    <\/a>\n\n    <!-- \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 -->\n    <nav class=\"p3d-nav-menu\">\n      <a href=\"#\" class=\"p3d-nav-link active\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n      <a href=\"#services\" class=\"p3d-nav-link\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\n      <a href=\"#projects\" class=\"p3d-nav-link\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/a>\n      <a href=\"#materials\" class=\"p3d-nav-link\">\u0627\u0644\u0645\u0648\u0627\u062f<\/a>\n      <a href=\"#about\" class=\"p3d-nav-link\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n      <a href=\"#contact\" class=\"p3d-nav-link\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n    <\/nav>\n\n    <!-- \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0644\u0644\u063a\u0629 -->\n    <div class=\"p3d-actions-group\">\n      <a href=\"#\" class=\"p3d-icon-btn\" aria-label=\"WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\n      <a href=\"#\" class=\"p3d-icon-btn\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n      <button class=\"p3d-icon-btn p3d-search\" aria-label=\"Search\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/button>\n      <span class=\"p3d-divider\">|<\/span>\n      <span class=\"p3d-lang\">EN<\/span>\n    <\/div>\n\n  <\/div>\n<\/header>\n\n<style>\n.p3d-header-wrapper {\n  font-family: 'Cairo', sans-serif !important;\n  width: 100% !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9999 !important;\n  background: #03080e !important;\n}\n\n\/* \u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u062a\u062f\u0627\u062e\u0644 \u0634\u0631\u064a\u0637 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 *\/\nbody.admin-bar .p3d-header-wrapper {\n  margin-top: 32px !important;\n}\n\n@media screen and (max-width: 782px) {\n  body.admin-bar .p3d-header-wrapper {\n    margin-top: 46px !important;\n  }\n}\n\n.p3d-header-box {\n  position: relative !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  width: 100% !important;\n  background: #03080e !important;\n  border-bottom: 1px solid #0d2136 !important;\n  border-top: 1px solid #0d2136 !important;\n  padding: 12px 30px !important;\n  box-sizing: border-box !important;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.9) !important;\n}\n\n.p3d-header-box::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: -1px !important;\n  right: 10% !important;\n  left: 45% !important;\n  height: 2px !important;\n  background: #00d8f6 !important;\n  box-shadow: 0 0 10px #00d8f6, 0 0 20px #00d8f6 !important;\n}\n\n.p3d-logo-group {\n  display: flex !important;\n  align-items: center !important;\n  gap: 12px !important;\n  text-decoration: none !important;\n}\n\n.p3d-logo-icon {\n  width: 44px !important;\n  height: 44px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.p3d-logo-icon svg {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.p3d-brand-name {\n  color: #ffffff !important;\n  font-size: 20px !important;\n  font-weight: 800 !important;\n  letter-spacing: 1px !important;\n}\n\n.p3d-nav-menu {\n  display: flex !important;\n  align-items: center !important;\n  gap: 25px !important;\n}\n\n.p3d-nav-link {\n  color: #e2e8f0 !important;\n  text-decoration: none !important;\n  font-size: 15px !important;\n  font-weight: 700 !important;\n  transition: all 0.2s ease !important;\n}\n\n.p3d-nav-link:hover,\n.p3d-nav-link.active {\n  color: #00d8f6 !important;\n  text-shadow: 0 0 8px rgba(0, 216, 246, 0.6) !important;\n}\n\n.p3d-actions-group {\n  display: flex !important;\n  align-items: center !important;\n  gap: 14px !important;\n}\n\n.p3d-icon-btn {\n  color: #00d8f6 !important;\n  font-size: 16px !important;\n  text-decoration: none !important;\n  background: transparent !important;\n  border: none !important;\n  cursor: pointer !important;\n}\n\n.p3d-divider {\n  color: #1e293b !important;\n  font-size: 14px !important;\n}\n\n.p3d-lang {\n  color: #00d8f6 !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n}\n\n@media (max-width: 992px) {\n  .p3d-nav-menu {\n    display: none !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94ecde6 e-con-full e-flex e-con e-parent\" data-id=\"94ecde6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0de946c elementor-widget elementor-widget-html\" data-id=\"0de946c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"planet-hero-pro\">\n\n    <!-- BACKGROUND -->\n    <div class=\"php-bg\">\n        <div class=\"php-grid\"><\/div>\n        <div class=\"php-glow php-glow-1\"><\/div>\n        <div class=\"php-glow php-glow-2\"><\/div>\n        <div class=\"php-noise\"><\/div>\n    <\/div>\n\n\n    <!-- RIGHT CONTENT -->\n    <section class=\"php-content\">\n\n        <div class=\"php-eyebrow\">\n            <span class=\"php-eyebrow-line\"><\/span>\n            <span>3D DESIGN & PRINTING STUDIO<\/span>\n        <\/div>\n\n\n        <h1 class=\"php-title\">\n            \u0646\u062d\u0648\u0651\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649\n            <span>\u0648\u0627\u0642\u0639 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/span>\n        <\/h1>\n\n\n        <p class=\"php-description\">\n            \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0625\u0644\u0649 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629\n            \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0628\u062f\u0642\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u062e\u0635\u0635 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f.\n        <\/p>\n\n\n        <!-- BUTTONS -->\n        <div class=\"php-actions\">\n\n            <a href=\"#contact\"\n               class=\"php-btn php-btn-primary php-magnetic\">\n\n                <span class=\"php-btn-text\">\n                    \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643\n                <\/span>\n\n                <span class=\"php-btn-icon\">\n                    \u2197\n                <\/span>\n\n                <span class=\"php-ripple\"><\/span>\n\n            <\/a>\n\n\n            <a href=\"#portfolio\"\n               class=\"php-btn php-btn-secondary php-magnetic\">\n\n                <span class=\"php-btn-text\">\n                    \u0627\u0633\u062a\u0643\u0634\u0641 \u0623\u0639\u0645\u0627\u0644\u0646\u0627\n                <\/span>\n\n                <span class=\"php-btn-icon php-arrow\">\n                    \u2190\n                <\/span>\n\n                <span class=\"php-ripple\"><\/span>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- STATS -->\n        <div class=\"php-stats\">\n\n            <div class=\"php-stat\">\n\n                <div class=\"php-stat-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M3 7L12 2L21 7V17L12 22L3 17Z\"\/>\n                        <path d=\"M3 7L12 12L21 7\"\/>\n                        <path d=\"M12 12V22\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <span class=\"php-stat-label\">\n                        CUSTOM\n                    <\/span>\n\n                    <span class=\"php-stat-value\">\n                        MADE FOR YOU\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"php-stat-divider\"><\/div>\n\n\n            <div class=\"php-stat\">\n\n                <div class=\"php-stat-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\n                        <path d=\"M12 1V5\"\/>\n                        <path d=\"M12 19V23\"\/>\n                        <path d=\"M1 12H5\"\/>\n                        <path d=\"M19 12H23\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <span class=\"php-stat-label\">\n                        PRECISION\n                    <\/span>\n\n                    <span class=\"php-stat-value\">\n                        HIGH ACCURACY\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"php-stat-divider\"><\/div>\n\n\n            <div class=\"php-stat\">\n\n                <div class=\"php-stat-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 5L12 1L20 5L12 9Z\"\/>\n                        <path d=\"M4 10L12 14L20 10\"\/>\n                        <path d=\"M4 15L12 19L20 15\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <span class=\"php-stat-label\">\n                        TECHNOLOGY\n                    <\/span>\n\n                    <span class=\"php-stat-value\">\n                        FDM \/ RESIN\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"php-contact\">\n\n            <div class=\"php-contact-item\">\n                <span class=\"php-contact-icon\">\u2709<\/span>\n                <span>3d.planet.syria@gmail.com<\/span>\n            <\/div>\n\n            <span class=\"php-contact-dot\"><\/span>\n\n            <span>\n                Resin & FDM \u2014 \u062f\u0642\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633\n            <\/span>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CENTER PRINTER -->\n    <section class=\"php-machine-zone\">\n\n        <div class=\"php-machine-light\"><\/div>\n\n\n        <div class=\"php-printer\">\n\n\n            <!-- TOP CABLE -->\n            <div class=\"php-cable\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/div>\n\n\n            <!-- RAIL -->\n            <div class=\"php-rail\">\n\n                <div class=\"php-rail-light\"><\/div>\n\n                <div class=\"php-rail-side\"><\/div>\n\n            <\/div>\n\n\n            <!-- PRINT HEAD -->\n            <div class=\"php-print-head\" id=\"php-print-head\">\n\n\n                <div class=\"php-head-top\">\n\n                    <div class=\"php-head-top-line\"><\/div>\n\n                <\/div>\n\n\n                <div class=\"php-head-body\">\n\n                    <div class=\"php-head-logo\">\n                        <div class=\"php-logo-shape\"><\/div>\n                    <\/div>\n\n\n                    <div class=\"php-head-led\"><\/div>\n\n\n                    <div class=\"php-head-lines\">\n\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n\n                    <\/div>\n\n\n                    <div class=\"php-head-side php-head-side-left\"><\/div>\n\n                    <div class=\"php-head-side php-head-side-right\"><\/div>\n\n                <\/div>\n\n\n                <div class=\"php-nozzle\">\n\n                    <div class=\"php-nozzle-metal\"><\/div>\n\n                    <div class=\"php-nozzle-tip\"><\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- PRINT BEAM -->\n            <div class=\"php-print-beam\"><\/div>\n\n\n            <!-- PRINT OBJECT -->\n            <div class=\"php-object\">\n\n                <div class=\"php-object-face face-1\"><\/div>\n                <div class=\"php-object-face face-2\"><\/div>\n                <div class=\"php-object-face face-3\"><\/div>\n                <div class=\"php-object-face face-4\"><\/div>\n\n            <\/div>\n\n\n            <!-- PLATFORM -->\n            <div class=\"php-platform\">\n\n                <div class=\"php-platform-top\"><\/div>\n\n                <div class=\"php-platform-grid\"><\/div>\n\n                <div class=\"php-platform-front\"><\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- LEFT WORKFLOW -->\n    <aside class=\"php-workflow\">\n\n        <div class=\"php-workflow-header\">\n\n            <div>\n\n                <span class=\"php-workflow-label\">\n                    WORKFLOW\n                <\/span>\n\n                <h2>\n                    \u062f\u0644\u064a\u0644 \u0627\u0644\u0637\u0628\u0627\u0639\u0629\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"php-workflow-number\">\n                03\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 01 -->\n        <div class=\"php-step\">\n\n            <div class=\"php-step-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M3 7L12 2L21 7V17L12 22L3 17Z\"\/>\n\n                    <path d=\"M3 7L12 12L21 7\"\/>\n\n                    <path d=\"M12 12V22\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"php-step-content\">\n\n                <div class=\"php-step-top\">\n\n                    <span class=\"php-step-number\">\n                        01\n                    <\/span>\n\n                    <h3>\n                        \u0646\u0645\u0630\u062c\u0629 3D\n                    <\/h3>\n\n                <\/div>\n\n\n                <p>\n                    \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0623\u0648 \u0627\u0644\u0633\u0643\u062a\u0634 \u0625\u0644\u0649 \u0645\u0644\u0641 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0635\u0646\u064a\u0639.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 02 -->\n        <div class=\"php-step php-step-active\">\n\n            <div class=\"php-step-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M5 4H19V16H5Z\"\/>\n\n                    <path d=\"M8 16V20H16V16\"\/>\n\n                    <path d=\"M9 8H15\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"php-step-content\">\n\n                <div class=\"php-step-top\">\n\n                    <span class=\"php-step-number\">\n                        02\n                    <\/span>\n\n                    <h3>\n                        \u0637\u0628\u0627\u0639\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\n                    <\/h3>\n\n                <\/div>\n\n\n                <p>\n                    \u0637\u0628\u0627\u0639\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 FDM \u0623\u0648 Resin \u0648\u0641\u0642 \u0627\u0644\u0645\u0627\u062f\u0629 \u0648\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\n                <\/p>\n\n            <\/div>\n\n\n            <span class=\"php-step-arrow\">\n                \u2190\n            <\/span>\n\n        <\/div>\n\n\n        <!-- STEP 03 -->\n        <div class=\"php-step\">\n\n            <div class=\"php-step-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M12 2L15 5L19 5L19 9L22 12L19 15L19 19L15 19L12 22L9 19L5 19L5 15L2 12L5 9L5 5L9 5Z\"\/>\n\n                    <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"php-step-content\">\n\n                <div class=\"php-step-top\">\n\n                    <span class=\"php-step-number\">\n                        03\n                    <\/span>\n\n                    <h3>\n                        \u062a\u0634\u0637\u064a\u0628 \u0648\u062a\u062c\u0645\u064a\u0639\n                    <\/h3>\n\n                <\/div>\n\n\n                <p>\n                    \u0635\u0646\u0641\u0631\u0629 \u0648\u062a\u0644\u0648\u064a\u0646 \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0644\u0639\u0631\u0636 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/aside>\n\n\n    <!-- BRAND -->\n    <div class=\"php-brand\">\n\n        <div class=\"php-brand-logo\">\n            <span><\/span>\n        <\/div>\n\n        <span>\n            3D.PLANET\n        <\/span>\n\n    <\/div>\n\n\n<\/div>\n\n\n<style>\n\n\/* =====================================================\n   3D.PLANET \u2014 PREMIUM INTERACTIVE HERO\n===================================================== *\/\n\n#planet-hero-pro,\n#planet-hero-pro * {\n\n    box-sizing: border-box;\n\n}\n\n\n#planet-hero-pro {\n\n    --cyan: #00d9ff;\n\n    --cyan-light: #65e9ff;\n\n    --cyan-glow:\n        rgba(0,217,255,.35);\n\n    --bg:\n        #02070c;\n\n    --panel:\n        rgba(7,16,25,.82);\n\n    --border:\n        rgba(121,215,255,.14);\n\n    --text:\n        #f4f8fb;\n\n    --muted:\n        #91a1af;\n\n    position: relative;\n\n    width: 100%;\n\n    min-height: 820px;\n\n    padding:\n        75px 6%\n        95px;\n\n    overflow: hidden;\n\n    direction: rtl;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(280px,.8fr)\n        minmax(340px,1fr)\n        minmax(300px,.95fr);\n\n    align-items: center;\n\n    gap: 55px;\n\n    isolation: isolate;\n\n    border-radius: 28px;\n\n    background:\n\n        radial-gradient(\n            circle at 50% 40%,\n            rgba(0,150,210,.12),\n            transparent 28%\n        ),\n\n        linear-gradient(\n            120deg,\n            #02070c,\n            #06101a 48%,\n            #02060a\n        );\n\n    font-family:\n        \"Cairo\",\n        \"Segoe UI\",\n        sans-serif;\n\n}\n\n\n\/* =====================================================\n   BACKGROUND\n===================================================== *\/\n\n.php-bg {\n\n    position: absolute;\n\n    inset: 0;\n\n    pointer-events: none;\n\n    z-index: -1;\n\n}\n\n\n.php-grid {\n\n    position: absolute;\n\n    inset: 0;\n\n    opacity: .14;\n\n    background-image:\n\n        linear-gradient(\n            rgba(255,255,255,.035) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.035) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        55px 55px;\n\n    mask-image:\n\n        radial-gradient(\n            ellipse at center,\n            black,\n            transparent 78%\n        );\n\n}\n\n\n.php-glow {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    filter: blur(100px);\n\n}\n\n\n.php-glow-1 {\n\n    width: 400px;\n\n    height: 400px;\n\n    right: 20%;\n\n    top: 5%;\n\n    background:\n        rgba(0,217,255,.1);\n\n}\n\n\n.php-glow-2 {\n\n    width: 280px;\n\n    height: 280px;\n\n    left: 10%;\n\n    bottom: -100px;\n\n    background:\n        rgba(0,217,255,.08);\n\n}\n\n\n.php-noise {\n\n    position: absolute;\n\n    inset: 0;\n\n    opacity: .04;\n\n    background-image:\n\n        radial-gradient(\n            rgba(255,255,255,.6) .6px,\n            transparent .6px\n        );\n\n    background-size:\n        5px 5px;\n\n}\n\n\n\/* =====================================================\n   RIGHT CONTENT\n===================================================== *\/\n\n.php-content {\n\n    position: relative;\n\n    z-index: 10;\n\n}\n\n\n.php-eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    color: var(--cyan);\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 3px;\n\n    margin-bottom: 25px;\n\n    direction: ltr;\n\n}\n\n\n.php-eyebrow-line {\n\n    display: block;\n\n    width: 46px;\n\n    height: 2px;\n\n    background: var(--cyan);\n\n    box-shadow:\n\n        0 0 15px\n        var(--cyan);\n\n}\n\n\n.php-title {\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-size:\n        clamp(42px,4vw,72px);\n\n    font-weight: 800;\n\n    line-height: 1.25;\n\n    letter-spacing: -1px;\n\n}\n\n\n.php-title span {\n\n    display: block;\n\n    margin-top: 8px;\n\n    color: var(--cyan);\n\n    text-shadow:\n\n        0 0 35px\n        rgba(0,217,255,.18);\n\n}\n\n\n.php-description {\n\n    max-width: 570px;\n\n    margin:\n\n        28px 0\n        35px;\n\n    color: var(--muted);\n\n    font-size: 16px;\n\n    line-height: 2;\n\n}\n\n\n\/* =====================================================\n   BUTTONS\n===================================================== *\/\n\n.php-actions {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 16px;\n\n}\n\n\n.php-btn {\n\n    position: relative;\n\n    min-width: 185px;\n\n    min-height: 58px;\n\n    padding:\n        0 25px;\n\n    overflow: hidden;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 18px;\n\n    border-radius: 14px;\n\n    text-decoration: none;\n\n    font-size: 15px;\n\n    font-weight: 700;\n\n    transition:\n\n        transform .25s ease,\n        box-shadow .3s ease,\n        border .3s ease;\n\n    will-change:\n        transform;\n\n}\n\n\n.php-btn-primary {\n\n    color: #031018;\n\n    background:\n\n        linear-gradient(\n            135deg,\n            var(--cyan),\n            var(--cyan-light)\n        );\n\n    box-shadow:\n\n        0 15px 35px\n        rgba(0,217,255,.22);\n\n}\n\n\n.php-btn-primary:hover {\n\n    box-shadow:\n\n        0 20px 50px\n        rgba(0,217,255,.4);\n\n}\n\n\n.php-btn-secondary {\n\n    color: var(--text);\n\n    border:\n\n        1px solid\n        rgba(0,217,255,.4);\n\n    background:\n\n        rgba(3,15,24,.65);\n\n}\n\n\n.php-btn-secondary:hover {\n\n    background:\n\n        rgba(0,217,255,.07);\n\n    border-color:\n        var(--cyan);\n\n    box-shadow:\n\n        0 0 30px\n        rgba(0,217,255,.12);\n\n}\n\n\n.php-btn-icon {\n\n    position: relative;\n\n    z-index: 2;\n\n    font-size: 22px;\n\n    transition:\n\n        transform .3s ease;\n\n}\n\n\n.php-btn:hover .php-btn-icon {\n\n    transform:\n\n        translateX(-7px)\n        translateY(-4px);\n\n}\n\n\n.php-btn-secondary:hover\n.php-arrow {\n\n    transform:\n\n        translateX(-8px);\n\n}\n\n\n.php-btn-text {\n\n    position: relative;\n\n    z-index: 2;\n\n}\n\n\n.php-ripple {\n\n    position: absolute;\n\n    width: 10px;\n\n    height: 10px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.5);\n\n    transform:\n\n        scale(0);\n\n    pointer-events: none;\n\n}\n\n\n.php-ripple.active {\n\n    animation:\n        phpRipple .65s ease-out;\n\n}\n\n\n@keyframes phpRipple {\n\n    to {\n\n        transform:\n            scale(35);\n\n        opacity: 0;\n\n    }\n\n}\n\n\n\/* =====================================================\n   STATS\n===================================================== *\/\n\n.php-stats {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 18px;\n\n    margin-top: 50px;\n\n}\n\n\n.php-stat {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.php-stat:hover {\n\n    transform:\n        translateY(-4px);\n\n}\n\n\n.php-stat-icon {\n\n    width: 38px;\n\n    height: 38px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 10px;\n\n    color: var(--cyan);\n\n    background:\n\n        rgba(0,217,255,.05);\n\n    border:\n\n        1px solid\n        rgba(0,217,255,.15);\n\n    transition:\n        .3s ease;\n\n}\n\n\n.php-stat:hover\n.php-stat-icon {\n\n    background:\n\n        rgba(0,217,255,.13);\n\n    box-shadow:\n\n        0 0 20px\n        rgba(0,217,255,.16);\n\n}\n\n\n.php-stat-icon svg {\n\n    width: 21px;\n\n    height: 21px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.5;\n\n}\n\n\n.php-stat-label {\n\n    display: block;\n\n    color: var(--cyan);\n\n    font-size: 9px;\n\n    letter-spacing: 2px;\n\n}\n\n\n.php-stat-value {\n\n    display: block;\n\n    margin-top: 3px;\n\n    color: #b5c1ca;\n\n    font-size: 10px;\n\n}\n\n\n.php-stat-divider {\n\n    width: 1px;\n\n    height: 48px;\n\n    background:\n\n        rgba(255,255,255,.12);\n\n}\n\n\n\/* =====================================================\n   CONTACT\n===================================================== *\/\n\n.php-contact {\n\n    position: absolute;\n\n    top: calc(100% + 55px);\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 18px;\n\n    color: #72808c;\n\n    font-size: 11px;\n\n    direction: ltr;\n\n}\n\n\n.php-contact-item {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n}\n\n\n.php-contact-icon {\n\n    color: var(--cyan);\n\n    font-size: 16px;\n\n}\n\n\n.php-contact-dot {\n\n    width: 5px;\n\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--cyan);\n\n}\n\n\n\/* =====================================================\n   MACHINE AREA\n===================================================== *\/\n\n.php-machine-zone {\n\n    position: relative;\n\n    height: 620px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    z-index: 5;\n\n}\n\n\n.php-machine-light {\n\n    position: absolute;\n\n    width: 360px;\n\n    height: 360px;\n\n    border-radius: 50%;\n\n    background:\n\n        radial-gradient(\n            circle,\n            rgba(0,217,255,.15),\n            transparent 65%\n        );\n\n    filter:\n        blur(30px);\n\n}\n\n\n\/* =====================================================\n   PRINTER\n===================================================== *\/\n\n.php-printer {\n\n    position: relative;\n\n    width: 340px;\n\n    height: 580px;\n\n}\n\n\n\/* CABLE *\/\n\n.php-cable {\n\n    position: absolute;\n\n    width: 55px;\n\n    height: 130px;\n\n    top: 0;\n\n    left: 50%;\n\n    transform:\n        translateX(-50%);\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 4px;\n\n}\n\n\n.php-cable span {\n\n    width: 100%;\n\n    height: 13px;\n\n    border-radius: 7px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            #05090e,\n            #29333d,\n            #060a0e\n        );\n\n    box-shadow:\n\n        inset 0 1px 2px\n        rgba(255,255,255,.08);\n\n}\n\n\n\/* RAIL *\/\n\n.php-rail {\n\n    position: absolute;\n\n    top: 125px;\n\n    left: 50%;\n\n    transform:\n        translateX(-50%);\n\n    width: 300px;\n\n    height: 42px;\n\n    border-radius: 8px;\n\n    background:\n\n        linear-gradient(\n            180deg,\n            #27323d,\n            #080e14\n        );\n\n    border:\n\n        1px solid\n        rgba(255,255,255,.12);\n\n    box-shadow:\n\n        0 15px 30px\n        rgba(0,0,0,.6);\n\n}\n\n\n.php-rail-light {\n\n    position: absolute;\n\n    left: 20px;\n\n    right: 20px;\n\n    top: 50%;\n\n    height: 2px;\n\n    transform:\n        translateY(-50%);\n\n    background:\n\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--cyan),\n            transparent\n        );\n\n    box-shadow:\n\n        0 0 15px\n        var(--cyan);\n\n}\n\n\n.php-rail-side {\n\n    position: absolute;\n\n    top: 0;\n\n    right: 20px;\n\n    width: 2px;\n\n    height: 100%;\n\n    background:\n        rgba(255,255,255,.15);\n\n}\n\n\n\/* PRINT HEAD *\/\n\n.php-print-head {\n\n    position: absolute;\n\n    top: 150px;\n\n    left: 50%;\n\n    width: 145px;\n\n    transform:\n\n        translateX(-50%);\n\n    transform-origin:\n        center top;\n\n    animation:\n\n        phpScan\n        5s ease-in-out\n        infinite alternate;\n\n    transition:\n        transform .12s linear;\n\n    will-change:\n        transform;\n\n}\n\n\n@keyframes phpScan {\n\n    0% {\n\n        margin-left:\n            -62px;\n\n    }\n\n    100% {\n\n        margin-left:\n            62px;\n\n    }\n\n}\n\n\n.php-head-top {\n\n    width: 145px;\n\n    height: 28px;\n\n    border-radius:\n\n        7px 7px\n        3px 3px;\n\n    background:\n\n        linear-gradient(\n            180deg,\n            #65727e,\n            #18212a\n        );\n\n    box-shadow:\n\n        0 8px 15px\n        rgba(0,0,0,.45);\n\n}\n\n\n.php-head-top-line {\n\n    position: absolute;\n\n    top: 7px;\n\n    left: 20px;\n\n    right: 20px;\n\n    height: 2px;\n\n    background:\n\n        rgba(255,255,255,.18);\n\n}\n\n\n.php-head-body {\n\n    position: relative;\n\n    width: 105px;\n\n    height: 160px;\n\n    margin: auto;\n\n    padding-top: 25px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    gap: 18px;\n\n    border:\n\n        1px solid\n        rgba(255,255,255,.1);\n\n    background:\n\n        linear-gradient(\n            135deg,\n            #2a3742,\n            #070d13\n        );\n\n    box-shadow:\n\n        inset 0 0 25px\n        rgba(0,0,0,.6);\n\n}\n\n\n\/* HEAD LOGO *\/\n\n.php-head-logo {\n\n    width: 36px;\n\n    height: 36px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n}\n\n\n.php-logo-shape {\n\n    width: 25px;\n\n    height: 25px;\n\n    border:\n\n        2px solid\n        rgba(0,217,255,.75);\n\n    transform:\n        rotate(45deg);\n\n    box-shadow:\n\n        0 0 15px\n        rgba(0,217,255,.3);\n\n}\n\n\n.php-head-led {\n\n    width: 10px;\n\n    height: 10px;\n\n    border-radius: 50%;\n\n    background:\n        var(--cyan);\n\n    box-shadow:\n\n        0 0 15px\n        var(--cyan),\n\n        0 0 35px\n        var(--cyan);\n\n    animation:\n        phpLed 1.5s infinite alternate;\n\n}\n\n\n@keyframes phpLed {\n\n    from {\n\n        opacity: .4;\n\n    }\n\n    to {\n\n        opacity: 1;\n\n    }\n\n}\n\n\n.php-head-lines {\n\n    display: flex;\n\n    gap: 5px;\n\n}\n\n\n.php-head-lines span {\n\n    width: 6px;\n\n    height: 6px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.2);\n\n}\n\n\n.php-head-side {\n\n    position: absolute;\n\n    width: 18px;\n\n    height: 45px;\n\n    top: 55px;\n\n    background:\n\n        linear-gradient(\n            180deg,\n            #35424d,\n            #111820\n        );\n\n}\n\n\n.php-head-side-left {\n\n    left: -18px;\n\n}\n\n\n.php-head-side-right {\n\n    right: -18px;\n\n}\n\n\n\/* NOZZLE *\/\n\n.php-nozzle {\n\n    width: 28px;\n\n    margin: auto;\n\n}\n\n\n.php-nozzle-metal {\n\n    width: 100%;\n\n    height: 35px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            #111820,\n            #9ba8b2,\n            #10161c\n        );\n\n}\n\n\n.php-nozzle-tip {\n\n    width: 12px;\n\n    height: 28px;\n\n    margin: auto;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            #131a20,\n            #b3bec6,\n            #131a20\n        );\n\n    clip-path:\n\n        polygon(\n            0 0,\n            100% 0,\n            70% 100%,\n            30% 100%\n        );\n\n}\n\n\n\/* PRINT BEAM *\/\n\n.php-print-beam {\n\n    position: absolute;\n\n    top: 345px;\n\n    left: 50%;\n\n    width: 2px;\n\n    height: 100px;\n\n    transform:\n        translateX(-50%);\n\n    background:\n\n        linear-gradient(\n            var(--cyan),\n            rgba(0,217,255,.2),\n            transparent\n        );\n\n    box-shadow:\n\n        0 0 15px\n        var(--cyan),\n\n        0 0 30px\n        rgba(0,217,255,.4);\n\n    animation:\n\n        phpBeam\n        1.5s infinite alternate;\n\n}\n\n\n@keyframes phpBeam {\n\n    from {\n\n        opacity: .4;\n\n    }\n\n    to {\n\n        opacity: 1;\n\n    }\n\n}\n\n\n\/* OBJECT *\/\n\n.php-object {\n\n    position: absolute;\n\n    left: 50%;\n\n    bottom: 100px;\n\n    width: 150px;\n\n    height: 175px;\n\n    transform:\n\n        translateX(-50%);\n\n    filter:\n\n        drop-shadow(\n            0 0 20px\n            rgba(0,217,255,.22)\n        );\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.php-machine-zone:hover\n.php-object {\n\n    transform:\n\n        translateX(-50%)\n        translateY(-6px)\n        scale(1.04);\n\n}\n\n\n.php-object-face {\n\n    position: absolute;\n\n    inset: 0;\n\n    clip-path:\n\n        polygon(\n            50% 0%,\n            95% 25%,\n            100% 80%,\n            70% 100%,\n            20% 95%,\n            0 65%,\n            15% 25%\n        );\n\n}\n\n\n.face-1 {\n\n    background:\n\n        linear-gradient(\n            135deg,\n            #28485c,\n            #050a10 70%\n        );\n\n}\n\n\n.face-2 {\n\n    transform:\n        scale(.75);\n\n    background:\n\n        linear-gradient(\n            45deg,\n            transparent,\n            rgba(75,205,255,.25)\n        );\n\n}\n\n\n.face-3 {\n\n    clip-path:\n\n        polygon(\n            50% 0,\n            70% 40%,\n            50% 80%,\n            25% 55%\n        );\n\n    background:\n\n        linear-gradient(\n            135deg,\n            #6f8797,\n            #0b1620\n        );\n\n}\n\n\n.face-4 {\n\n    clip-path:\n\n        polygon(\n            15% 25%,\n            50% 0,\n            45% 75%,\n            20% 95%\n        );\n\n    background:\n\n        rgba(0,217,255,.12);\n\n}\n\n\n\/* PLATFORM *\/\n\n.php-platform {\n\n    position: absolute;\n\n    bottom: 0;\n\n    left: 50%;\n\n    width: 320px;\n\n    height: 100px;\n\n    transform:\n\n        translateX(-50%);\n\n    border-radius:\n        12px 12px\n        5px 5px;\n\n    background:\n\n        linear-gradient(\n            180deg,\n            #1b2833,\n            #060b10\n        );\n\n    border:\n\n        1px solid\n        rgba(255,255,255,.1);\n\n    box-shadow:\n\n        0 30px 50px\n        rgba(0,0,0,.6);\n\n}\n\n\n.php-platform-top {\n\n    height: 12px;\n\n    margin: 10px;\n\n    border-radius: 3px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(0,217,255,.45),\n            transparent\n        );\n\n    box-shadow:\n\n        0 0 15px\n        rgba(0,217,255,.25);\n\n}\n\n\n.php-platform-grid {\n\n    margin:\n\n        0 15px;\n\n    height: 35px;\n\n    opacity: .3;\n\n    background-image:\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.2) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            rgba(255,255,255,.2) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        10px 10px;\n\n}\n\n\n.php-platform-front {\n\n    position: absolute;\n\n    left: 0;\n\n    right: 0;\n\n    bottom: 0;\n\n    height: 20px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            #05080c,\n            #24323d,\n            #05080c\n        );\n\n}\n\n\n\/* =====================================================\n   WORKFLOW\n===================================================== *\/\n\n.php-workflow {\n\n    position: relative;\n\n    z-index: 10;\n\n    padding: 28px;\n\n    border-radius: 20px;\n\n    background:\n\n        linear-gradient(\n            145deg,\n            rgba(7,18,28,.88),\n            rgba(3,9,15,.8)\n        );\n\n    border:\n\n        1px solid\n        rgba(0,217,255,.32);\n\n    box-shadow:\n\n        0 30px 60px\n        rgba(0,0,0,.25);\n\n    backdrop-filter:\n        blur(15px);\n\n}\n\n\n.php-workflow-header {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content: space-between;\n\n    padding-bottom: 22px;\n\n    margin-bottom: 16px;\n\n    border-bottom:\n\n        1px solid\n        rgba(255,255,255,.1);\n\n}\n\n\n.php-workflow-label {\n\n    color: var(--cyan);\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: 3px;\n\n}\n\n\n.php-workflow h2 {\n\n    margin:\n\n        8px 0 0;\n\n    color: white;\n\n    font-size: 27px;\n\n}\n\n\n.php-workflow-number {\n\n    color:\n\n        rgba(180,210,230,.45);\n\n    font-size: 38px;\n\n    font-weight: 800;\n\n}\n\n\n.php-step {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 18px;\n\n    padding: 18px 12px;\n\n    margin-bottom: 12px;\n\n    border-radius: 15px;\n\n    border:\n\n        1px solid\n        transparent;\n\n    background:\n\n        rgba(255,255,255,.015);\n\n    transition:\n\n        transform .35s ease,\n        background .35s ease,\n        border .35s ease,\n        box-shadow .35s ease;\n\n}\n\n\n.php-step:hover {\n\n    transform:\n\n        translateX(-6px);\n\n    background:\n\n        rgba(0,217,255,.04);\n\n    border-color:\n\n        rgba(0,217,255,.18);\n\n}\n\n\n.php-step-active {\n\n    background:\n\n        linear-gradient(\n            135deg,\n            rgba(0,217,255,.12),\n            rgba(0,217,255,.025)\n        );\n\n    border-color:\n\n        rgba(0,217,255,.65);\n\n    box-shadow:\n\n        0 0 35px\n        rgba(0,217,255,.1);\n\n}\n\n\n.php-step-icon {\n\n    flex-shrink: 0;\n\n    width: 55px;\n\n    height: 55px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 50%;\n\n    color: #91a4b2;\n\n    border:\n\n        1px solid\n        rgba(255,255,255,.1);\n\n    background:\n\n        rgba(255,255,255,.03);\n\n    transition:\n        .3s ease;\n\n}\n\n\n.php-step:hover\n.php-step-icon {\n\n    color: var(--cyan);\n\n    border-color:\n\n        rgba(0,217,255,.45);\n\n    transform:\n\n        rotate(6deg)\n        scale(1.08);\n\n}\n\n\n.php-step-active\n.php-step-icon {\n\n    color: var(--cyan);\n\n    border-color:\n\n        rgba(0,217,255,.55);\n\n    box-shadow:\n\n        0 0 20px\n        rgba(0,217,255,.15);\n\n}\n\n\n.php-step-icon svg {\n\n    width: 26px;\n\n    height: 26px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.4;\n\n}\n\n\n.php-step-content {\n\n    flex: 1;\n\n}\n\n\n.php-step-top {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n}\n\n\n.php-step-number {\n\n    color: #6e8290;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n}\n\n\n.php-step-active\n.php-step-number {\n\n    color: var(--cyan);\n\n}\n\n\n.php-step h3 {\n\n    margin: 0;\n\n    color: white;\n\n    font-size: 15px;\n\n}\n\n\n.php-step p {\n\n    margin:\n\n        8px 0 0;\n\n    color: #81909c;\n\n    font-size: 12px;\n\n    line-height: 1.8;\n\n}\n\n\n.php-step-arrow {\n\n    color: var(--cyan);\n\n    font-size: 25px;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.php-step-active:hover\n.php-step-arrow {\n\n    transform:\n\n        translateX(-7px);\n\n}\n\n\n\/* =====================================================\n   BRAND\n===================================================== *\/\n\n.php-brand {\n\n    position: absolute;\n\n    bottom: 28px;\n\n    right: 6%;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    color:\n\n        rgba(190,210,225,.5);\n\n    font-size: 11px;\n\n    letter-spacing: 4px;\n\n}\n\n\n.php-brand-logo {\n\n    width: 28px;\n\n    height: 28px;\n\n    position: relative;\n\n    border:\n\n        1px solid\n        rgba(0,217,255,.5);\n\n    transform:\n        rotate(45deg);\n\n}\n\n\n.php-brand-logo span {\n\n    position: absolute;\n\n    inset: 6px;\n\n    border:\n\n        1px solid\n        rgba(0,217,255,.5);\n\n}\n\n\n\/* =====================================================\n   RESPONSIVE\n===================================================== *\/\n\n@media (max-width: 1150px) {\n\n    #planet-hero-pro {\n\n        grid-template-columns:\n            1fr 1fr;\n\n    }\n\n    .php-workflow {\n\n        grid-column:\n            1 \/ -1;\n\n        max-width: 650px;\n\n        width: 100%;\n\n        margin: auto;\n\n    }\n\n}\n\n\n@media (max-width: 850px) {\n\n    #planet-hero-pro {\n\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        padding:\n\n            55px 25px\n            80px;\n\n        gap: 30px;\n\n    }\n\n    .php-machine-zone {\n\n        width: 100%;\n\n        height: 560px;\n\n    }\n\n    .php-content {\n\n        text-align: center;\n\n    }\n\n    .php-eyebrow,\n    .php-actions,\n    .php-stats {\n\n        justify-content: center;\n\n    }\n\n    .php-contact {\n\n        position: relative;\n\n        top: auto;\n\n        margin-top: 35px;\n\n        justify-content: center;\n\n        flex-wrap: wrap;\n\n    }\n\n}\n\n\n@media (max-width: 560px) {\n\n    .php-title {\n\n        font-size: 39px;\n\n    }\n\n    .php-description {\n\n        font-size: 14px;\n\n    }\n\n    .php-actions {\n\n        flex-direction: column;\n\n    }\n\n    .php-btn {\n\n        width: 100%;\n\n    }\n\n    .php-stats {\n\n        display: grid;\n\n        grid-template-columns:\n            1fr 1fr;\n\n    }\n\n    .php-stat-divider {\n\n        display: none;\n\n    }\n\n    .php-stat {\n\n        justify-content: center;\n\n    }\n\n    .php-machine-zone {\n\n        transform:\n            scale(.85);\n\n        margin:\n\n            -50px 0;\n\n    }\n\n    .php-workflow {\n\n        padding: 18px;\n\n    }\n\n    .php-brand {\n\n        display: none;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const hero =\n        document.querySelector(\"#planet-hero-pro\");\n\n\n    if (!hero) return;\n\n\n    \/* =========================================\n       MAGNETIC BUTTONS\n    ========================================= *\/\n\n    const magneticButtons =\n        hero.querySelectorAll(\".php-magnetic\");\n\n\n    magneticButtons.forEach(button => {\n\n\n        button.addEventListener(\n            \"mousemove\",\n            function (e) {\n\n                const rect =\n                    button.getBoundingClientRect();\n\n\n                const x =\n                    e.clientX -\n                    rect.left -\n                    rect.width \/ 2;\n\n\n                const y =\n                    e.clientY -\n                    rect.top -\n                    rect.height \/ 2;\n\n\n                button.style.transform =\n                    `translate(${x * .12}px, ${y * .12}px)`;\n\n\n            }\n        );\n\n\n        button.addEventListener(\n            \"mouseleave\",\n            function () {\n\n                button.style.transform =\n                    \"translate(0,0)\";\n\n            }\n        );\n\n\n        button.addEventListener(\n            \"click\",\n            function (e) {\n\n                const ripple =\n                    button.querySelector(\".php-ripple\");\n\n\n                const rect =\n                    button.getBoundingClientRect();\n\n\n                ripple.style.left =\n                    (e.clientX - rect.left) + \"px\";\n\n\n                ripple.style.top =\n                    (e.clientY - rect.top) + \"px\";\n\n\n                ripple.classList.remove(\"active\");\n\n\n                void ripple.offsetWidth;\n\n\n                ripple.classList.add(\"active\");\n\n            }\n        );\n\n    });\n\n\n\n    \/* =========================================\n       INTERACTIVE PRINTER\n    ========================================= *\/\n\n    const machineZone =\n        hero.querySelector(\".php-machine-zone\");\n\n\n    const printer =\n        hero.querySelector(\".php-printer\");\n\n\n    const printHead =\n        hero.querySelector(\"#php-print-head\");\n\n\n    if (machineZone && printer && printHead) {\n\n\n        machineZone.addEventListener(\n            \"mousemove\",\n            function (e) {\n\n\n                const rect =\n                    machineZone.getBoundingClientRect();\n\n\n                const x =\n                    (e.clientX - rect.left)\n                    \/ rect.width;\n\n\n                const y =\n                    (e.clientY - rect.top)\n                    \/ rect.height;\n\n\n                const moveX =\n                    (x - .5) * 18;\n\n\n                const moveY =\n                    (y - .5) * 8;\n\n\n                printer.style.transform =\n                    `rotateY(${moveX * .35}deg)\n                     rotateX(${moveY * -.25}deg)`;\n\n\n                printHead.style.filter =\n                    `drop-shadow(\n                        ${moveX}px\n                        8px\n                        18px\n                        rgba(0,217,255,.12)\n                    )`;\n\n\n            }\n        );\n\n\n        machineZone.addEventListener(\n            \"mouseleave\",\n            function () {\n\n                printer.style.transform =\n                    \"rotateY(0deg) rotateX(0deg)\";\n\n\n                printHead.style.filter =\n                    \"none\";\n\n            }\n        );\n\n    }\n\n\n\n    \/* =========================================\n       WORKFLOW ACTIVE INTERACTION\n    ========================================= *\/\n\n    const steps =\n        hero.querySelectorAll(\".php-step\");\n\n\n    steps.forEach(step => {\n\n\n        step.addEventListener(\n            \"mouseenter\",\n            function () {\n\n\n                steps.forEach(item => {\n\n                    item.classList.remove(\n                        \"php-step-active\"\n                    );\n\n                });\n\n\n                step.classList.add(\n                    \"php-step-active\"\n                );\n\n\n            }\n        );\n\n\n    });\n\n\n\n    \/* =========================================\n       BACKGROUND PARALLAX\n    ========================================= *\/\n\n    const grid =\n        hero.querySelector(\".php-grid\");\n\n\n    const glow1 =\n        hero.querySelector(\".php-glow-1\");\n\n\n    hero.addEventListener(\n        \"mousemove\",\n        function (e) {\n\n\n            const rect =\n                hero.getBoundingClientRect();\n\n\n            const x =\n                (e.clientX - rect.left)\n                \/ rect.width - .5;\n\n\n            const y =\n                (e.clientY - rect.top)\n                \/ rect.height - .5;\n\n\n            if (grid) {\n\n                grid.style.transform =\n                    `translate(\n                        ${x * 12}px,\n                        ${y * 12}px\n                    )`;\n\n            }\n\n\n            if (glow1) {\n\n                glow1.style.transform =\n                    `translate(\n                        ${x * 35}px,\n                        ${y * 35}px\n                    )`;\n\n            }\n\n\n        }\n    );\n\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b0867f e-con-full e-flex e-con e-parent\" data-id=\"4b0867f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47c8f91 elementor-widget elementor-widget-html\" data-id=\"47c8f91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3D.PLANET SERVICES SECTION | Elementor HTML Widget -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<section class=\"dp-services-block\" id=\"services\" dir=\"rtl\" aria-labelledby=\"dp-services-title\">\n  <div class=\"dp-services-block__inner\">\n    <div class=\"dp-services-block__heading\">\n      <span class=\"dp-services-block__eyebrow\">01 \/ \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\n      <h2 id=\"dp-services-title\">\u0645\u0627\u0630\u0627 \u0646\u0633\u062a\u0637\u064a\u0639 \u0623\u0646 \u0646\u0635\u0646\u0639\u061f<\/h2>\n      <p>\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u0646\u0636\u0639 \u0623\u0641\u0643\u0627\u0631\u0643 \u0641\u064a \u0639\u0627\u0644\u0645 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f.<\/p>\n    <\/div>\n\n    <div class=\"dp-services-block__grid\">\n      <!-- \u062e\u062f\u0645\u0629 1 -->\n      <a class=\"dp-service-card\" href=\"#contact\">\n        <i class=\"fa-solid fa-arrow-up-left dp-service-card__arrow\"><\/i>\n        <div class=\"dp-service-card__icon\"><i class=\"fa-solid fa-cube\"><\/i><\/div>\n        <h3>\u0646\u0645\u0630\u062c\u0629 \u0647\u0646\u062f\u0633\u064a\u0629<\/h3>\n        <p>\u0646\u0645\u0627\u0630\u062c \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u062f\u0639\u0648\u0645\u0629 \u062a\u0642\u0646\u064a\u0627\u064b<\/p>\n      <\/a>\n\n      <!-- \u062e\u062f\u0645\u0629 2 -->\n      <a class=\"dp-service-card\" href=\"#contact\">\n        <i class=\"fa-solid fa-arrow-up-left dp-service-card__arrow\"><\/i>\n        <div class=\"dp-service-card__icon\"><i class=\"fa-solid fa-print\"><\/i><\/div>\n        <h3>\u0637\u0628\u0627\u0639\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/h3>\n        <p>\u0628\u062c\u0648\u062f\u0629 \u0641\u0627\u0626\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u062f\u0642\u0629<\/p>\n      <\/a>\n\n      <!-- \u062e\u062f\u0645\u0629 3 -->\n      <a class=\"dp-service-card\" href=\"#contact\">\n        <i class=\"fa-solid fa-arrow-up-left dp-service-card__arrow\"><\/i>\n        <div class=\"dp-service-card__icon\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\n        <h3>\u062a\u0635\u0645\u064a\u0645 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/h3>\n        <p>\u0646\u062d\u0648\u0651\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0646\u0645\u0648\u0630\u062c \u0648\u0627\u0642\u0639\u064a<\/p>\n      <\/a>\n\n      <!-- \u062e\u062f\u0645\u0629 4 -->\n      <a class=\"dp-service-card\" href=\"#contact\">\n        <i class=\"fa-solid fa-arrow-up-left dp-service-card__arrow\"><\/i>\n        <div class=\"dp-service-card__icon\"><i class=\"fa-solid fa-file-code\"><\/i><\/div>\n        <h3>\u062a\u062d\u0648\u064a\u0644 \u0645\u0644\u0641\u0627\u062a STL<\/h3>\n        <p>\u062a\u062d\u0633\u064a\u0646 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0644\u0644\u0637\u0628\u0627\u0639\u0629<\/p>\n      <\/a>\n\n      <!-- \u062e\u062f\u0645\u0629 5 -->\n      <a class=\"dp-service-card\" href=\"#contact\">\n        <i class=\"fa-solid fa-arrow-up-left dp-service-card__arrow\"><\/i>\n        <div class=\"dp-service-card__icon\"><i class=\"fa-solid fa-spray-can-sparkles\"><\/i><\/div>\n        <h3>\u062a\u0634\u0637\u064a\u0628 \u0648\u062f\u0647\u0627\u0646<\/h3>\n        <p>\u0644\u0645\u0633\u0629 \u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0645\u0646\u062a\u062c<\/p>\n      <\/a>\n\n      <!-- \u062e\u062f\u0645\u0629 6 -->\n      <a class=\"dp-service-card\" href=\"#contact\">\n        <i class=\"fa-solid fa-arrow-up-left dp-service-card__arrow\"><\/i>\n        <div class=\"dp-service-card__icon\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n        <h3>\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062e\u0635\u0635\u0629<\/h3>\n        <p>\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0643<\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --dp-bg-dark: #060b13;\n  --dp-cyan: #00d8f6;\n  --dp-text: #ffffff;\n  --dp-muted: #7f93a7;\n  --dp-line: #162a45;\n}\n\n\/* \u0625\u0644\u063a\u0627\u0621 \u062d\u0648\u0627\u0634\u064a \u0625\u0644\u0645\u0646\u062a\u0648\u0631 \u0627\u0644\u0645\u062d\u064a\u0637\u0629 \u0648\u062a\u0645\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0635\u0631 *\/\n.dp-services-block {\n  font-family: 'Cairo', sans-serif;\n  color: var(--dp-text);\n  background: radial-gradient(circle at 50% 0, rgba(0, 216, 246, 0.08), transparent 50%), var(--dp-bg-dark);\n  padding: clamp(60px, 8vw, 100px) 0;\n  width: 100% !important;\n  max-width: 100% !important;\n  box-sizing: border-box;\n}\n\n\/* \u062a\u0645\u062f\u064a\u062f \u0627\u0644\u0642\u0627\u0644\u0628 \u0641\u064a \u062d\u0627\u0644 \u0643\u0627\u0646 \u062f\u0627\u062e\u0644 Container \u0636\u064a\u0642 *\/\n.elementor-widget-html,\n.elementor-widget-container {\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.dp-services-block * {\n  box-sizing: border-box;\n}\n\n.dp-services-block__inner {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 0 clamp(20px, 4vw, 60px);\n  margin: auto;\n}\n\n\/* Heading *\/\n.dp-services-block__heading {\n  text-align: center;\n  max-width: 800px;\n  margin: 0 auto 50px;\n}\n\n.dp-services-block__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--dp-cyan);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .04em;\n}\n\n.dp-services-block__eyebrow:before {\n  content: \"\";\n  width: 20px;\n  height: 2px;\n  background: var(--dp-cyan);\n  box-shadow: 0 0 8px var(--dp-cyan);\n}\n\n.dp-services-block__heading h2 {\n  font-size: clamp(28px, 4vw, 42px);\n  line-height: 1.3;\n  font-weight: 800;\n  margin: 12px 0;\n  color: var(--dp-text);\n}\n\n.dp-services-block__heading p {\n  font-size: 15px;\n  line-height: 1.8;\n  color: var(--dp-muted);\n  margin: 0;\n}\n\n\/* Grid & Cards *\/\n.dp-services-block__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  width: 100%;\n}\n\n.dp-service-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  min-height: 200px;\n  padding: 28px 24px;\n  border: 1px solid var(--dp-line);\n  border-radius: 16px;\n  background: rgba(10, 20, 35, 0.65);\n  backdrop-filter: blur(8px);\n  text-decoration: none;\n  color: var(--dp-text);\n  overflow: hidden;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.dp-service-card:before {\n  content: \"\";\n  position: absolute;\n  width: 100px;\n  height: 100px;\n  left: -40px;\n  bottom: -40px;\n  border-radius: 50%;\n  background: rgba(0, 216, 246, 0.12);\n  filter: blur(15px);\n  transition: transform 0.4s ease;\n}\n\n.dp-service-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(0, 216, 246, 0.4);\n  background: rgba(10, 20, 35, 0.85);\n  box-shadow: 0 12px 30px rgba(0, 216, 246, 0.12);\n}\n\n.dp-service-card:hover:before {\n  transform: scale(2.2);\n}\n\n\/* Icon *\/\n.dp-service-card__icon {\n  width: 52px;\n  height: 52px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(0, 216, 246, 0.25);\n  border-radius: 12px;\n  color: var(--dp-cyan);\n  font-size: 20px;\n  background: rgba(0, 216, 246, 0.06);\n  margin-bottom: 20px;\n  transition: transform 0.3s ease, background 0.3s ease;\n}\n\n.dp-service-card:hover .dp-service-card__icon {\n  transform: scale(1.1);\n  background: rgba(0, 216, 246, 0.15);\n  box-shadow: 0 0 15px rgba(0, 216, 246, 0.2);\n}\n\n\/* Arrow Icon *\/\n.dp-service-card__arrow {\n  position: absolute;\n  left: 22px;\n  top: 24px;\n  color: var(--dp-muted);\n  font-size: 14px;\n  transition: all 0.3s ease;\n}\n\n.dp-service-card:hover .dp-service-card__arrow {\n  color: var(--dp-cyan);\n  transform: translate(-3px, -3px);\n}\n\n\/* Text Elements *\/\n.dp-service-card h3 {\n  position: relative;\n  margin: 0 0 8px;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--dp-text);\n}\n\n.dp-service-card p {\n  position: relative;\n  margin: 0;\n  color: var(--dp-muted);\n  font-size: 13px;\n  line-height: 1.6;\n  transition: color 0.3s ease;\n}\n\n.dp-service-card:hover p {\n  color: #a3b8cc;\n}\n\n\/* Responsiveness *\/\n@media(max-width: 992px) {\n  .dp-services-block__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media(max-width: 600px) {\n  .dp-services-block__inner {\n    padding: 0 16px;\n  }\n  .dp-services-block__grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n  .dp-service-card {\n    min-height: auto;\n    padding: 22px 20px;\n  }\n  .dp-services-block__heading {\n    margin-bottom: 35px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c7d653 e-con-full e-flex e-con e-parent\" data-id=\"7c7d653\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ebdc18 elementor-widget elementor-widget-html\" data-id=\"2ebdc18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3D.PLANET - PROJECTS SECTION -->\n<section class=\"p3d-projects-section\" id=\"projects\" dir=\"rtl\">\n  <div class=\"p3d-container\">\n    \n    <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 -->\n    <div class=\"p3d-section-header\">\n      <span class=\"p3d-badge\"><i class=\"fa-solid fa-cube\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/span>\n      <h2 class=\"p3d-section-title\">\u0623\u062d\u062f\u062b \u0645\u0634\u0627\u0631\u064a\u0639 <span>\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/span><\/h2>\n      <p class=\"p3d-section-subtitle\">\u0646\u0645\u0627\u0630\u062c \u062d\u0642\u064a\u0642\u064a\u0629 \u062a\u0645 \u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u0628\u0623\u0639\u0644\u0649 \u062f\u0642\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629.<\/p>\n    <\/div>\n\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 -->\n    <div class=\"p3d-projects-grid\">\n      \n      <!-- \u0645\u0634\u0631\u0648\u0639 1 -->\n      <div class=\"p3d-project-card\">\n        <div class=\"p3d-card-image\">\n          <div class=\"p3d-img-placeholder\">\n            <i class=\"fa-solid fa-microchip\"><\/i>\n          <\/div>\n          <span class=\"p3d-tag\">PETG \/ \u0627\u0644\u0647\u0646\u062f\u0633\u0629<\/span>\n        <\/div>\n        <div class=\"p3d-card-body\">\n          <h3 class=\"p3d-project-title\">\u0646\u0645\u0648\u0630\u062c \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u062f\u0642\u0629<\/h3>\n          <p class=\"p3d-project-desc\">\u062a\u0635\u0645\u064a\u0645 \u0648\u0637\u0628\u0627\u0639\u0629 \u0642\u0637\u0639\u0629 \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0645\u0639\u0642\u062f\u0629 \u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0628\u062a\u0633\u0627\u0645\u062d \u062f\u0642\u064a\u0642 \u062c\u062f\u0627\u064b.<\/p>\n          <a href=\"#\" class=\"p3d-project-link\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <i class=\"fa-solid fa-arrow-left\"><\/i><\/a>\n        <\/div>\n      <\/div>\n\n      <!-- \u0645\u0634\u0631\u0648\u0639 2 -->\n      <div class=\"p3d-project-card\">\n        <div class=\"p3d-card-image\">\n          <div class=\"p3d-img-placeholder\">\n            <i class=\"fa-solid fa-chess-knight\"><\/i>\n          <\/div>\n          <span class=\"p3d-tag\">PLA \/ \u0645\u062c\u0633\u0645\u0627\u062a<\/span>\n        <\/div>\n        <div class=\"p3d-card-body\">\n          <h3 class=\"p3d-project-title\">\u0645\u062c\u0633\u0645\u0627\u062a \u0648\u0634\u062e\u0635\u064a\u0627\u062a \u062f\u0642\u064a\u0642\u0629<\/h3>\n          <p class=\"p3d-project-desc\">\u0637\u0628\u0627\u0639\u0629 \u0645\u062c\u0633\u0645\u0627\u062a \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0646\u0645\u0630\u062c\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0645\u0639 \u0625\u0646\u0647\u0627\u0621 \u0633\u0637\u062d\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u0646\u0639\u0648\u0645\u0629.<\/p>\n          <a href=\"#\" class=\"p3d-project-link\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <i class=\"fa-solid fa-arrow-left\"><\/i><\/a>\n        <\/div>\n      <\/div>\n\n      <!-- \u0645\u0634\u0631\u0648\u0639 3 -->\n      <div class=\"p3d-project-card\">\n        <div class=\"p3d-card-image\">\n          <div class=\"p3d-img-placeholder\">\n            <i class=\"fa-solid fa-building-columns\"><\/i>\n          <\/div>\n          <span class=\"p3d-tag\">Fusion 360 \/ \u0645\u0639\u0645\u0627\u0631\u064a<\/span>\n        <\/div>\n        <div class=\"p3d-card-body\">\n          <h3 class=\"p3d-project-title\">\u0645\u0627\u0643\u064a\u062a \u0645\u0639\u0645\u0627\u0631\u064a \u0645\u062a\u0643\u0627\u0645\u0644<\/h3>\n          <p class=\"p3d-project-desc\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0625\u0644\u0649 \u0646\u0645\u0648\u0630\u062c \u0645\u0627\u062f\u064a \u0645\u0644\u0645\u0648\u0633 \u064a\u0648\u0636\u062d \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.<\/p>\n          <a href=\"#\" class=\"p3d-project-link\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <i class=\"fa-solid fa-arrow-left\"><\/i><\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 *\/\n.p3d-projects-section {\n  background-color: #03080e !important;\n  padding: 80px 20px !important;\n  font-family: 'Cairo', sans-serif !important;\n  color: #ffffff !important;\n  box-sizing: border-box !important;\n}\n\n.p3d-container {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n\n\/* \u0627\u0644\u0631\u0623\u0633 \u0648\u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n.p3d-section-header {\n  text-align: center !important;\n  margin-bottom: 50px !important;\n}\n\n.p3d-badge {\n  display: inline-block !important;\n  background: rgba(0, 216, 246, 0.1) !important;\n  color: #00d8f6 !important;\n  border: 1px solid rgba(0, 216, 246, 0.3) !important;\n  padding: 6px 16px !important;\n  border-radius: 20px !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  margin-bottom: 15px !important;\n}\n\n.p3d-section-title {\n  font-size: 32px !important;\n  font-weight: 800 !important;\n  margin: 0 0 15px 0 !important;\n  color: #ffffff !important;\n}\n\n.p3d-section-title span {\n  color: #00d8f6 !important;\n  text-shadow: 0 0 12px rgba(0, 216, 246, 0.4) !important;\n}\n\n.p3d-section-subtitle {\n  color: #94a3b8 !important;\n  font-size: 16px !important;\n  max-width: 600px !important;\n  margin: 0 auto !important;\n  line-height: 1.6 !important;\n}\n\n\/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 *\/\n.p3d-projects-grid {\n  display: grid !important;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\n  gap: 30px !important;\n}\n\n\/* \u0643\u0631\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 *\/\n.p3d-project-card {\n  background: #08121e !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  transition: all 0.3s ease !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;\n}\n\n.p3d-project-card:hover {\n  transform: translateY(-8px) !important;\n  border-color: #00d8f6 !important;\n  box-shadow: 0 12px 30px rgba(0, 216, 246, 0.2) !important;\n}\n\n\/* \u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0631\u062a \/ \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0631\u0636 *\/\n.p3d-card-image {\n  height: 200px !important;\n  background: #0d1b2a !important;\n  position: relative !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  border-bottom: 1px solid #1e293b !important;\n}\n\n.p3d-img-placeholder i {\n  font-size: 60px !important;\n  color: #1e293b !important;\n  transition: all 0.3s ease !important;\n}\n\n.p3d-project-card:hover .p3d-img-placeholder i {\n  color: #00d8f6 !important;\n  text-shadow: 0 0 15px #00d8f6 !important;\n}\n\n.p3d-tag {\n  position: absolute !important;\n  top: 15px !important;\n  right: 15px !important;\n  background: rgba(3, 8, 14, 0.85) !important;\n  color: #e2e8f0 !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  padding: 4px 12px !important;\n  border-radius: 6px !important;\n  border: 1px solid #1e293b !important;\n}\n\n\/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0631\u062a *\/\n.p3d-card-body {\n  padding: 22px !important;\n}\n\n.p3d-project-title {\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  color: #ffffff !important;\n  margin: 0 0 10px 0 !important;\n}\n\n.p3d-project-desc {\n  color: #94a3b8 !important;\n  font-size: 14px !important;\n  line-height: 1.6 !important;\n  margin: 0 0 20px 0 !important;\n}\n\n.p3d-project-link {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  color: #00d8f6 !important;\n  text-decoration: none !important;\n  font-weight: 700 !important;\n  font-size: 14px !important;\n  transition: all 0.2s ease !important;\n}\n\n.p3d-project-link:hover {\n  gap: 12px !important;\n  text-shadow: 0 0 8px rgba(0, 216, 246, 0.6) !important;\n}\n\n@media (max-width: 768px) {\n  .p3d-projects-section {\n    padding: 50px 15px !important;\n  }\n  .p3d-section-title {\n    font-size: 26px !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32eefc0 e-con-full e-flex e-con e-parent\" data-id=\"32eefc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85790ef elementor-widget elementor-widget-html\" data-id=\"85790ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3D.PLANET - MATERIALS SECTION -->\n<section class=\"p3d-materials-section\" id=\"materials\" dir=\"rtl\">\n  <div class=\"p3d-container\">\n    \n    <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 -->\n    <div class=\"p3d-section-header\">\n      <span class=\"p3d-badge\"><i class=\"fa-solid fa-layer-group\"><\/i> \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0648\u0627\u062f<\/span>\n      <h2 class=\"p3d-section-title\">\u062e\u0627\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 <span>\u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u062f\u064a\u0643\u0645<\/span><\/h2>\n      <p class=\"p3d-section-subtitle\">\u0646\u062e\u062a\u0627\u0631 \u0623\u0641\u0636\u0644 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0641\u064a\u0644\u0627\u0645\u0646\u062a (Filament) \u0639\u0627\u0644\u0645\u064a\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u062a\u0627\u0646\u0629 \u0648\u062f\u0642\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.<\/p>\n    <\/div>\n\n    <!-- \u0634\u0628\u0643\u0629 \u062e\u0627\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 -->\n    <div class=\"p3d-materials-grid\">\n      \n      <!-- \u062e\u0627\u0645\u0629 PLA -->\n      <div class=\"p3d-material-card\">\n        <div class=\"p3d-mat-header\">\n          <div class=\"p3d-mat-icon\">\n            <i class=\"fa-solid fa-cubes\"><\/i>\n          <\/div>\n          <div class=\"p3d-mat-title-wrap\">\n            <h3 class=\"p3d-mat-name\">\u062e\u0627\u0645\u0629 PLA<\/h3>\n            <span class=\"p3d-mat-tag\">\u0627\u0644\u0623\u0639\u0644\u0649 \u062f\u0642\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <\/div>\n        <\/div>\n\n        <p class=\"p3d-mat-desc\">\u0645\u0627\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629\u060c \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u062c\u0633\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u062a\u0641\u0627\u0635\u064a\u0644 \u0633\u0637\u062d\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u062c\u062f\u0627\u064b \u0648\u0623\u0644\u0648\u0627\u0646\u0627\u064b \u0632\u0627\u0647\u064a\u0629.<\/p>\n\n        <ul class=\"p3d-mat-specs\">\n          <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>\u062f\u0642\u0629 \u0627\u0644\u0633\u0637\u062d \u0648\u0627\u0644\u0625\u0646\u0647\u0627\u0621:<\/span> \u0639\u0627\u0644\u064a\u0629 \u062c\u062f\u0627\u064b<\/li>\n          <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629:<\/span> \u062d\u062a\u0649 55\u00b0C<\/li>\n          <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0645\u062b\u0644:<\/span> \u0627\u0644\u0645\u062c\u0633\u0645\u0627\u062a\u060c \u0627\u0644\u0645\u0627\u0643\u064a\u062a\u0627\u062a\u060c \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- \u062e\u0627\u0645\u0629 PETG -->\n      <div class=\"p3d-material-card highlight\">\n        <div class=\"p3d-mat-header\">\n          <div class=\"p3d-mat-icon\">\n            <i class=\"fa-solid fa-shield-halved\"><\/i>\n          <\/div>\n          <div class=\"p3d-mat-title-wrap\">\n            <h3 class=\"p3d-mat-name\">\u062e\u0627\u0645\u0629 PETG<\/h3>\n            <span class=\"p3d-mat-tag glow\">\u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/span>\n          <\/div>\n        <\/div>\n\n        <p class=\"p3d-mat-desc\">\u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0645\u062a\u0627\u0646\u0629 \u0627\u0644\u0628\u0644\u0627\u0633\u062a\u064a\u0643 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u060c \u062a\u0645\u062a\u0627\u0632 \u0628\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0635\u062f\u0645\u0627\u062a\u060c \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629\u060c \u0648\u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u062c\u0648\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.<\/p>\n\n        <ul class=\"p3d-mat-specs\">\n          <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0635\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u0625\u062c\u0647\u0627\u062f:<\/span> \u0645\u0645\u062a\u0627\u0632\u0629<\/li>\n          <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629:<\/span> \u062d\u062a\u0649 80\u00b0C<\/li>\n          <li><i class=\"fa-solid fa-circle-check\"><\/i> <span>\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0645\u062b\u0644:<\/span> \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631\u060c \u0627\u0644\u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\u060c \u0627\u0644\u0639\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064a\u0629<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u062e\u0627\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u062f *\/\n.p3d-materials-section {\n  background-color: #03080e !important;\n  padding: 80px 20px !important;\n  font-family: 'Cairo', sans-serif !important;\n  color: #ffffff !important;\n  box-sizing: border-box !important;\n  border-top: 1px solid #0d2136 !important;\n}\n\n.p3d-materials-grid {\n  display: grid !important;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;\n  gap: 30px !important;\n}\n\n\/* \u0643\u0631\u062a \u0627\u0644\u0645\u0627\u062f\u0629 *\/\n.p3d-material-card {\n  background: #08121e !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 14px !important;\n  padding: 30px !important;\n  transition: all 0.3s ease !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;\n  position: relative !important;\n}\n\n.p3d-material-card.highlight {\n  border-color: rgba(0, 216, 246, 0.4) !important;\n  background: linear-gradient(180deg, #091727 0%, #08121e 100%) !important;\n}\n\n.p3d-material-card:hover {\n  transform: translateY(-6px) !important;\n  border-color: #00d8f6 !important;\n  box-shadow: 0 12px 30px rgba(0, 216, 246, 0.2) !important;\n}\n\n\/* \u0631\u0623\u0633 \u0643\u0631\u062a \u0627\u0644\u0645\u0627\u062f\u0629 *\/\n.p3d-mat-header {\n  display: flex !important;\n  align-items: center !important;\n  gap: 16px !important;\n  margin-bottom: 20px !important;\n}\n\n.p3d-mat-icon {\n  width: 52px !important;\n  height: 52px !important;\n  background: rgba(0, 216, 246, 0.1) !important;\n  border: 1px solid rgba(0, 216, 246, 0.3) !important;\n  border-radius: 12px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: #00d8f6 !important;\n  font-size: 22px !important;\n  flex-shrink: 0 !important;\n}\n\n.p3d-mat-name {\n  font-size: 20px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n  margin: 0 0 4px 0 !important;\n}\n\n.p3d-mat-tag {\n  display: inline-block !important;\n  font-size: 12px !important;\n  color: #94a3b8 !important;\n  font-weight: 600 !important;\n}\n\n.p3d-mat-tag.glow {\n  color: #00d8f6 !important;\n}\n\n\/* \u0627\u0644\u0648\u0635\u0641 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a *\/\n.p3d-mat-desc {\n  color: #94a3b8 !important;\n  font-size: 14px !important;\n  line-height: 1.7 !important;\n  margin: 0 0 25px 0 !important;\n}\n\n.p3d-mat-specs {\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 12px !important;\n  border-top: 1px solid #1e293b !important;\n  padding-top: 20px !important;\n}\n\n.p3d-mat-specs li {\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  font-size: 14px !important;\n  color: #cbd5e1 !important;\n}\n\n.p3d-mat-specs li i {\n  color: #00d8f6 !important;\n  font-size: 15px !important;\n}\n\n.p3d-mat-specs li span {\n  font-weight: 700 !important;\n  color: #ffffff !important;\n}\n\n@media (max-width: 768px) {\n  .p3d-materials-section {\n    padding: 50px 15px !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db413e0 e-con-full e-flex e-con e-parent\" data-id=\"db413e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5ed999 elementor-widget elementor-widget-html\" data-id=\"c5ed999\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3D.PLANET - ABOUT US SECTION -->\n<section class=\"p3d-about-section\" id=\"about\" dir=\"rtl\">\n  <div class=\"p3d-container\">\n    \n    <div class=\"p3d-about-wrapper\">\n      \n      <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a -->\n      <div class=\"p3d-about-content\">\n        <span class=\"p3d-badge\"><i class=\"fa-solid fa-cube p3d-3d-icon\"><\/i> \u0645\u0646 \u0646\u062d\u0646<\/span>\n        <h2 class=\"p3d-section-title\">\u0646\u062d\u0651\u0648\u0644 \u0623\u0641\u0640\u0643\u0627\u0631\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0625\u0644\u0649 <span>\u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633 \u0628\u062f\u0642\u0629 \u0641\u0627\u0626\u0642\u0629<\/span><\/h2>\n        \n        <p class=\"p3d-about-text\">\n          \u0646\u062d\u0646 \u0641\u064a <strong>3D.PLANET<\/strong> \u0645\u0631\u0643\u0632 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0641\u064a \u0645\u062f\u064a\u0646\u0629 \u062d\u0644\u0628. \u0646\u062f\u0645\u062c \u0628\u064a\u0646 \u0627\u0644\u0646\u0645\u0630\u062c\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646\u060c \u0627\u0644\u0637\u0644\u0627\u0628\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.\n        <\/p>\n\n        <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 -->\n        <div class=\"p3d-features-grid\">\n          \n          <div class=\"p3d-feature-card\">\n            <div class=\"p3d-feature-icon\">\n              <i class=\"fa-solid fa-microchip p3d-3d-icon\"><\/i>\n            <\/div>\n            <div class=\"p3d-feature-info\">\n              <h4>\u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0637\u0648\u0631\u0629<\/h4>\n              <p>\u0627\u0639\u062a\u0645\u0627\u062f \u0623\u062d\u062f\u062b \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0644\u0623\u0639\u0644\u0649 \u062f\u0642\u0629 \u0637\u0628\u0627\u0639\u064a\u0629 \u0648\u0633\u0631\u0639\u0629 \u062a\u0646\u0641\u064a\u0630.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"p3d-feature-card\">\n            <div class=\"p3d-feature-icon\">\n              <i class=\"fa-solid fa-drafting-compass p3d-3d-icon\"><\/i>\n            <\/div>\n            <div class=\"p3d-feature-info\">\n              <h4>\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0639\u062f\u064a\u0644 \u0647\u0646\u062f\u0633\u064a<\/h4>\n              <p>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0645\u0644\u0641\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0639.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"p3d-feature-card\">\n            <div class=\"p3d-feature-icon\">\n              <i class=\"fa-solid fa-layer-group p3d-3d-icon\"><\/i>\n            <\/div>\n            <div class=\"p3d-feature-info\">\n              <h4>\u062e\u0627\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\n              <p>\u062a\u0648\u0641\u064a\u0631 \u062e\u0627\u0645\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0643\u0627\u0644\u0640 PLA \u0648\u0627\u0644\u0640 PETG \u0627\u0644\u0645\u062a\u064a\u0646\u0629 \u0644\u062a\u0631\u0628\u064a\u0629 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"p3d-feature-card\">\n            <div class=\"p3d-feature-icon\">\n              <i class=\"fa-solid fa-gears p3d-3d-icon\"><\/i>\n            <\/div>\n            <div class=\"p3d-feature-info\">\n              <h4>\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u062c\u0645\u064a\u0639<\/h4>\n              <p>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0627\u0633\u062a\u0642\u0631\u0627\u0631\u064a\u0629.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0628\u0635\u0631\u064a \/ \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f -->\n      <div class=\"p3d-about-visual\">\n        <div class=\"p3d-visual-card\">\n          <div class=\"p3d-glow-effect\"><\/div>\n          <div class=\"p3d-stats-grid\">\n            \n            <div class=\"p3d-stat-box\">\n              <i class=\"fa-solid fa-print p3d-3d-icon\"><\/i>\n              <span class=\"p3d-stat-number\">+100<\/span>\n              <span class=\"p3d-stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0637\u0628\u0648\u0639<\/span>\n            <\/div>\n\n            <div class=\"p3d-stat-box\">\n              <i class=\"fa-solid fa-sliders p3d-3d-icon\"><\/i>\n              <span class=\"p3d-stat-number\">0.08mm<\/span>\n              <span class=\"p3d-stat-label\">\u062f\u0642\u0629 \u0627\u0644\u0637\u0628\u0642\u0627\u062a<\/span>\n            <\/div>\n\n            <div class=\"p3d-stat-box\">\n              <i class=\"fa-solid fa-shield-halved p3d-3d-icon\"><\/i>\n              <span class=\"p3d-stat-number\">100%<\/span>\n              <span class=\"p3d-stat-label\">\u062c\u0648\u062f\u0629 \u0648\u062e\u0627\u0645\u0627\u062a \u0623\u0635\u0644\u064a\u0629<\/span>\n            <\/div>\n\n            <div class=\"p3d-stat-box\">\n              <i class=\"fa-solid fa-bolt p3d-3d-icon\"><\/i>\n              <span class=\"p3d-stat-number\">24h<\/span>\n              <span class=\"p3d-stat-label\">\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0641\u0642\u0631\u0629 \u0645\u0646 \u0646\u062d\u0646\n---------------------------------------------------- *\/\n.p3d-about-section {\n  background-color: #03080e !important;\n  padding: 90px 20px !important;\n  font-family: 'Cairo', sans-serif !important;\n  color: #ffffff !important;\n  box-sizing: border-box !important;\n  border-top: 1px solid #0d2136 !important;\n}\n\n.p3d-about-wrapper {\n  display: grid !important;\n  grid-template-columns: 1.2fr 0.8fr !important;\n  gap: 50px !important;\n  align-items: center !important;\n  perspective: 1000px !important;\n}\n\n.p3d-about-content {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 20px !important;\n}\n\n.p3d-about-text {\n  font-size: 16px !important;\n  line-height: 1.8 !important;\n  color: #94a3b8 !important;\n  margin: 0 !important;\n}\n\n.p3d-about-text strong {\n  color: #00d8f6 !important;\n}\n\n\/* ----------------------------------------------------\n   2. \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u062a (Features Grid)\n---------------------------------------------------- *\/\n.p3d-features-grid {\n  display: grid !important;\n  grid-template-columns: repeat(2, 1fr) !important;\n  gap: 20px !important;\n  margin-top: 15px !important;\n}\n\n.p3d-feature-card {\n  background: #08121e !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 12px !important;\n  padding: 18px !important;\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 15px !important;\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n  transform-style: preserve-3d !important;\n}\n\n.p3d-feature-card:hover {\n  border-color: #00d8f6 !important;\n  transform: perspective(800px) translateY(-5px) translateZ(10px) rotateX(2deg) !important;\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 216, 246, 0.2) !important;\n}\n\n.p3d-feature-icon {\n  width: 45px !important;\n  height: 45px !important;\n  background: rgba(0, 216, 246, 0.1) !important;\n  border: 1px solid rgba(0, 216, 246, 0.3) !important;\n  border-radius: 10px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: #00d8f6 !important;\n  font-size: 20px !important;\n  flex-shrink: 0 !important;\n  transition: all 0.4s ease !important;\n}\n\n.p3d-feature-card:hover .p3d-feature-icon {\n  background: rgba(0, 216, 246, 0.25) !important;\n  box-shadow: 0 0 15px rgba(0, 216, 246, 0.4) !important;\n}\n\n.p3d-feature-info h4 {\n  margin: 0 0 5px 0 !important;\n  font-size: 15px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n}\n\n.p3d-feature-info p {\n  margin: 0 !important;\n  font-size: 12px !important;\n  color: #94a3b8 !important;\n  line-height: 1.5 !important;\n}\n\n\/* ----------------------------------------------------\n   3. \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a\n---------------------------------------------------- *\/\n.p3d-about-visual {\n  position: relative !important;\n}\n\n.p3d-visual-card {\n  background: linear-gradient(145deg, #08121e, #0d1b2a) !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 20px !important;\n  padding: 30px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;\n}\n\n.p3d-glow-effect {\n  position: absolute !important;\n  top: -50% !important;\n  left: -50% !important;\n  width: 200% !important;\n  height: 200% !important;\n  background: radial-gradient(circle, rgba(0,216,246,0.08) 0%, rgba(0,0,0,0) 70%) !important;\n  pointer-events: none !important;\n}\n\n.p3d-stats-grid {\n  display: grid !important;\n  grid-template-columns: repeat(2, 1fr) !important;\n  gap: 20px !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n.p3d-stat-box {\n  background: rgba(13, 27, 42, 0.8) !important;\n  border: 1px solid rgba(255, 255, 255, 0.05) !important;\n  border-radius: 14px !important;\n  padding: 20px 15px !important;\n  text-align: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 8px !important;\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n}\n\n.p3d-stat-box:hover {\n  border-color: #00d8f6 !important;\n  transform: scale(1.05) translateZ(15px) !important;\n  box-shadow: 0 10px 25px rgba(0, 216, 246, 0.3) !important;\n}\n\n.p3d-stat-box i {\n  font-size: 26px !important;\n  color: #00d8f6 !important;\n}\n\n.p3d-stat-number {\n  font-size: 22px !important;\n  font-weight: 900 !important;\n  color: #ffffff !important;\n}\n\n.p3d-stat-label {\n  font-size: 12px !important;\n  color: #94a3b8 !important;\n}\n\n\/* ----------------------------------------------------\n   4. \u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f (3D HOVER)\n---------------------------------------------------- *\/\n.p3d-3d-icon {\n  display: inline-block !important;\n  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.4s ease !important;\n  transform-style: preserve-3d !important;\n}\n\n.p3d-feature-card:hover .p3d-3d-icon,\n.p3d-stat-box:hover .p3d-3d-icon {\n  transform: scale(1.3) rotateY(20deg) rotateX(-10deg) translateZ(10px) !important;\n  filter: drop-shadow(0 0 12px #00d8f6) !important;\n}\n\n\/* ----------------------------------------------------\n   5. \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629\n---------------------------------------------------- *\/\n@media (max-width: 992px) {\n  .p3d-about-wrapper {\n    grid-template-columns: 1fr !important;\n    gap: 40px !important;\n  }\n}\n\n@media (max-width: 576px) {\n  .p3d-features-grid, .p3d-stats-grid {\n    grid-template-columns: 1fr !important;\n  }\n  .p3d-about-section {\n    padding: 60px 15px !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b400ba2 e-con-full e-flex e-con e-parent\" data-id=\"b400ba2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6039354 elementor-widget elementor-widget-html\" data-id=\"6039354\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"realistic-printer-wrapper\">\n    <div class=\"printer-scene\">\n        <!-- \u0647\u064a\u0643\u0644 \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062e\u0627\u0631\u062c\u064a \u0644\u0644\u0637\u0627\u0628\u0639\u0629 -->\n        <div class=\"printer-frame\">\n            <div class=\"rod top-rod\"><\/div>\n            <div class=\"rod z-rod-left\"><\/div>\n            <div class=\"rod z-rod-right\"><\/div>\n            \n            <!-- \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a \u0648\u0631\u0623\u0633 \u0627\u0644\u0637\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631 -->\n            <div class=\"extruder-carriage\">\n                <div class=\"cooling-fan\"><\/div>\n                <div class=\"nozzle-tip\"><\/div>\n                <!-- \u062e\u064a\u0637 \u0627\u0644\u0641\u0644\u0645\u0646\u062a \u0627\u0644\u0645\u0646\u0635\u0647\u0631 -->\n                <div class=\"filament-line\"><\/div>\n            <\/div>\n\n            <!-- \u0644\u0648\u062d\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 (Heatbed) -->\n            <div class=\"print-bed\">\n                <div class=\"bed-clips left\"><\/div>\n                <div class=\"bed-clips right\"><\/div>\n                \n                <!-- \u0627\u0644\u0644\u0639\u0628\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0628\u0646\u0627\u0624\u0647\u0627 \u0637\u0628\u0642\u0627\u064b \u0637\u0628\u0642\u0629 (Loop) -->\n                <div class=\"model-being-printed\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0637\u0627\u0628\u0639\u0629 \u0648\u0634\u0627\u0634\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 LCD \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 -->\n        <div class=\"printer-base-unit\">\n            <div class=\"lcd-screen\">\n                <div class=\"lcd-text\">\n                    <span class=\"lcd-line\">Prt: Toy_Bot.gcode<\/span>\n                    <span class=\"lcd-line progress-bar-text\">[\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2591\u2591] 78%<\/span>\n                    <span class=\"lcd-line temp-info\">Nozzle: 210\u00b0C  Bed: 60\u00b0C<\/span>\n                <\/div>\n                <div class=\"lcd-led-indicator\"><\/div>\n            <\/div>\n            <div class=\"control-knob\"><\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"printer-caption\">\n        <span class=\"live-badge\">LIVE LOOP<\/span> \u0637\u0627\u0628\u0639\u0629 3D \u062a\u0639\u0645\u0644 \u0627\u0644\u0622\u0646 \u0639\u0644\u0649 \u0625\u0646\u062a\u0627\u062c \u0623\u0644\u0639\u0627\u0628 \u062a\u0641\u0627\u0639\u0644\u064a\u0629\n    <\/div>\n<\/div>\n\n<style>\n\/* \u062a\u0645\u062f\u064a\u062f \u0627\u0644\u0643\u0648\u0646\u062a\u064a\u0646\u0631 \u0644\u064a\u0623\u062e\u0630 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0628\u0627\u0642\u064a \u0627\u0644\u0623\u0642\u0633\u0627\u0645 *\/\n.realistic-printer-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: radial-gradient(circle at center, #161b22 0%, #0d1117 70%, #010409 100%);\n    border: 1px solid #30363d;\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);\n    padding: 40px 20px;\n    font-family: inherit;\n    margin: 30px 0;\n    width: 100%; \/* \u062a\u0645\u062f\u062f \u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u0639\u0631\u0636 *\/\n    max-width: 100%; \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0627\u0644\u0633\u0627\u0628\u0642 *\/\n    overflow: hidden;\n    position: relative;\n    box-sizing: border-box;\n}\n\n\/* \u062a\u0623\u062b\u064a\u0631 \u0634\u0628\u0643\u0629 \u0631\u0642\u0645\u064a\u0629 (Grid) \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n.realistic-printer-wrapper::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: \n        linear-gradient(rgba(48, 54, 61, 0.15) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(48, 54, 61, 0.15) 1px, transparent 1px);\n    background-size: 20px 20px;\n    z-index: 0;\n    pointer-events: none;\n}\n\n\/* \u0625\u0636\u0627\u0621\u0629 \u0646\u064a\u0648\u0646 \u062e\u0644\u0641\u064a\u0629 \u062e\u0627\u0641\u062a\u0629 *\/\n.realistic-printer-wrapper::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(31, 111, 235, 0.15) 0%, transparent 70%);\n    z-index: 0;\n    pointer-events: none;\n}\n\n.printer-scene, .printer-caption {\n    z-index: 1;\n}\n\n.printer-scene {\n    position: relative;\n    width: 280px;\n    height: 240px;\n    transform-style: preserve-3d;\n    transition: transform 0.2s ease-out;\n}\n\n\/* \u0625\u0637\u0627\u0631 \u0627\u0644\u0637\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0639\u062f\u0646\u064a *\/\n.printer-frame {\n    position: absolute;\n    top: 0;\n    left: 20px;\n    width: 240px;\n    height: 160px;\n    border: 4px solid #484f58;\n    border-top: 6px solid #21262d;\n    border-radius: 4px;\n    background: rgba(30, 34, 47, 0.7);\n    box-shadow: inset 0 0 20px rgba(0,0,0,0.5);\n}\n\n.rod {\n    position: absolute;\n    background: linear-gradient(90deg, #8b949e, #f0f6fc, #8b949e);\n}\n\n.top-rod {\n    top: 15px;\n    left: 10px;\n    right: 10px;\n    height: 4px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.5);\n}\n\n.z-rod-left { top: 15px; left: 30px; width: 3px; height: 140px; }\n.z-rod-right { top: 15px; right: 30px; width: 3px; height: 140px; }\n\n\/* \u0639\u0631\u0628\u0629 \u0627\u0644\u0631\u0623\u0633 \u0627\u0644\u0637\u0627\u0631\u062f\u0629 (Extruder) *\/\n.extruder-carriage {\n    position: absolute;\n    top: 10px;\n    left: 80px;\n    width: 50px;\n    height: 45px;\n    background: linear-gradient(135deg, #f85149, #da3633);\n    border-radius: 6px;\n    box-shadow: 0 5px 15px rgba(248, 81, 73, 0.4);\n    z-index: 5;\n    animation: carriageMove 3s ease-in-out infinite alternate;\n}\n\n\/* \u0645\u0631\u0648\u062d\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u0628\u0631\u0623\u0633 \u0627\u0644\u0637\u0627\u0628\u0639\u0629 *\/\n.cooling-fan {\n    position: absolute;\n    bottom: 5px;\n    left: 8px;\n    width: 16px;\n    height: 16px;\n    background: #1f242c;\n    border-radius: 50%;\n    border: 2px dashed #8b949e;\n    animation: spinFan 0.4s linear infinite;\n}\n\n.nozzle-tip {\n    position: absolute;\n    bottom: -6px;\n    left: 21px;\n    width: 8px;\n    height: 6px;\n    background: #d29922;\n    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);\n}\n\n\/* \u062e\u064a\u0637 \u0627\u0644\u0628\u0644\u0627\u0633\u062a\u064a\u0643 \u0627\u0644\u0645\u0646\u0635\u0647\u0631 (\u0627\u0644\u0641\u0644\u0645\u0646\u062a) *\/\n.filament-line {\n    position: absolute;\n    bottom: -35px;\n    left: 24px;\n    width: 2px;\n    height: 35px;\n    background: #58a6ff;\n    box-shadow: 0 0 8px #58a6ff;\n    animation: filamentGlow 1.5s ease-in-out infinite alternate;\n}\n\n\/* \u0644\u0648\u062d \u0627\u0644\u062a\u0633\u062e\u064a\u0646 \u0627\u0644\u0645\u062a\u062d\u0631\u0643 (Print Bed) *\/\n.print-bed {\n    position: absolute;\n    bottom: 10px;\n    left: 35px;\n    width: 170px;\n    height: 12px;\n    background: #161b22;\n    border: 2px solid #30363d;\n    border-radius: 3px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.6);\n    animation: bedWobble 3s ease-in-out infinite alternate;\n}\n\n.bed-clips {\n    position: absolute;\n    top: -4px;\n    width: 10px;\n    height: 6px;\n    background: #8b949e;\n    border-radius: 2px;\n}\n.bed-clips.left { left: 15px; }\n.bed-clips.right { right: 15px; }\n\n\/* \u0627\u0644\u0644\u0639\u0628\u0629 \u0642\u064a\u062f \u0627\u0644\u0637\u0628\u0627\u0639\u0629 *\/\n.model-being-printed {\n    position: absolute;\n    bottom: 12px;\n    left: 75px;\n    width: 35px;\n    height: 0px;\n    background: linear-gradient(to top, #1f6feb, #58a6ff);\n    border-radius: 4px 4px 0 0;\n    box-shadow: 0 0 10px rgba(88, 166, 255, 0.5);\n    animation: printModel 3s linear infinite;\n}\n\n\/* \u0648\u062d\u062f\u0629 \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0637\u0627\u0628\u0639\u0629 \u0648\u0634\u0627\u0634\u0629 \u0627\u0644\u0640 LCD *\/\n.printer-base-unit {\n    position: absolute;\n    bottom: 0;\n    left: 50px;\n    width: 180px;\n    height: 55px;\n    background: #21262d;\n    border-radius: 8px 8px 0 0;\n    border-top: 3px solid #30363d;\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    padding: 0 10px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n}\n\n.lcd-screen {\n    width: 120px;\n    height: 38px;\n    background: #040d21;\n    border: 2px solid #1f6feb;\n    border-radius: 4px;\n    padding: 3px 5px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    box-shadow: inset 0 0 8px rgba(31, 111, 235, 0.6);\n    font-family: 'Courier New', Courier, monospace;\n}\n\n.lcd-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.lcd-line {\n    font-size: 8px;\n    color: #58a6ff;\n    white-space: nowrap;\n    overflow: hidden;\n}\n\n.temp-info {\n    font-size: 7px;\n    color: #f0883e;\n}\n\n.lcd-led-indicator {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    width: 5px;\n    height: 5px;\n    background: #2ea043;\n    border-radius: 50%;\n    box-shadow: 0 0 6px #2ea043;\n    animation: blinkLed 1s infinite alternate;\n}\n\n.control-knob {\n    width: 18px;\n    height: 18px;\n    background: #161b22;\n    border: 2px solid #8b949e;\n    border-radius: 50%;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.5);\n}\n\n\/* \u0634\u0631\u064a\u0637 \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0628\u0627\u0644\u0623\u0639\u0644\u0649 *\/\n.printer-caption {\n    margin-top: 25px;\n    color: #c9d1d9;\n    font-size: 14px;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    letter-spacing: 0.5px;\n    text-align: center;\n}\n\n.live-badge {\n    background: rgba(248, 81, 73, 0.15);\n    color: #f85149;\n    border: 1px solid rgba(248, 81, 73, 0.4);\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: bold;\n    animation: pulseBadge 1.5s infinite;\n}\n\n\/* \u0627\u0644\u062d\u0631\u0643\u0627\u062a (Animations) *\/\n@keyframes carriageMove {\n    0% { transform: translateX(0px); }\n    33% { transform: translateX(70px); }\n    66% { transform: translateX(20px); }\n    100% { transform: translateX(110px); }\n}\n\n@keyframes spinFan {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes printModel {\n    0% { height: 0px; opacity: 0.1; }\n    85% { height: 48px; opacity: 1; }\n    95% { height: 48px; opacity: 1; }\n    100% { height: 0px; opacity: 0; }\n}\n\n@keyframes bedWobble {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-1px); }\n    100% { transform: translateY(1px); }\n}\n\n@keyframes filamentGlow {\n    0% { opacity: 0.6; filter: brightness(1); }\n    100% { opacity: 1; filter: brightness(1.4); }\n}\n\n@keyframes blinkLed {\n    0% { opacity: 0.3; }\n    100% { opacity: 1; }\n}\n\n@keyframes pulseBadge {\n    0% { opacity: 0.6; }\n    50% { opacity: 1; }\n    100% { opacity: 0.6; }\n}\n<\/style>\n\n<script>\nconst scene = document.querySelector('.printer-scene');\nconst wrapper = document.querySelector('.realistic-printer-wrapper');\n\nwrapper.addEventListener('mousemove', (e) => {\n    const rect = wrapper.getBoundingClientRect();\n    const x = e.clientX - rect.left - rect.width \/ 2;\n    const y = e.clientY - rect.top - rect.height \/ 2;\n    scene.style.transform = `rotateY(${x * 0.03}deg) rotateX(${-y * 0.03}deg)`;\n});\n\nwrapper.addEventListener('mouseleave', () => {\n    scene.style.transform = `rotateY(0deg) rotateX(0deg)`;\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c30cc00 e-con-full e-flex e-con e-parent\" data-id=\"c30cc00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4168592 elementor-widget elementor-widget-html\" data-id=\"4168592\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3D.PLANET - CONTACT & MAP SECTION WITH 3D HOVER -->\n<section class=\"p3d-contact-section\" id=\"contact\" dir=\"rtl\">\n  <div class=\"p3d-container\">\n    \n    <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 -->\n    <div class=\"p3d-section-header\">\n      <span class=\"p3d-badge\"><i class=\"fa-solid fa-headset p3d-3d-icon\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n      <h2 class=\"p3d-section-title\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 <span>\u0648\u0627\u0637\u0644\u0628 \u062a\u0633\u0639\u064a\u0631\u0629 \u0627\u0644\u0622\u0646<\/span><\/h2>\n      <p class=\"p3d-section-subtitle\">\u0623\u0631\u0633\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0644\u0641 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0623\u0648 \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0633\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0643 \u0628\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0627\u0646\u064a\u0629 \u0628\u0623\u0633\u0631\u0639 \u0648\u0642\u062a.<\/p>\n    <\/div>\n\n    <div class=\"p3d-contact-wrapper\">\n      \n      <!-- \u0646\u0645\u0648\u0630\u062c \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u0639\u064a\u0631\u0629 -->\n      <div class=\"p3d-contact-form-box\">\n        <h3 class=\"p3d-form-title\"><i class=\"fa-solid fa-paper-plane p3d-3d-icon\"><\/i> \u0646\u0645\u0648\u0630\u062c \u0637\u0644\u0628 \u0645\u0634\u0631\u0648\u0639<\/h3>\n        <form class=\"p3d-contact-form\" onsubmit=\"event.preventDefault();\">\n          \n          <div class=\"p3d-form-group\">\n            <label for=\"p3d-name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n            <input type=\"text\" id=\"p3d-name\" class=\"p3d-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0631\u064a\u0645\" required>\n          <\/div>\n\n          <div class=\"p3d-form-group\">\n            <label for=\"p3d-phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\n            <input type=\"tel\" id=\"p3d-phone\" class=\"p3d-input\" placeholder=\"09xxxxxxxx\" required>\n          <\/div>\n\n          <div class=\"p3d-form-group\">\n            <label for=\"p3d-service\">\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628<\/label>\n            <select id=\"p3d-service\" class=\"p3d-select\">\n              <option value=\"3d-print\">\u0637\u0628\u0627\u0639\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f (3D Printing)<\/option>\n              <option value=\"3d-design\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0639\u062f\u064a\u0644 \u0647\u0646\u062f\u0633\u064a (3D Design)<\/option>\n              <option value=\"maintenance\">\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u062c\u0645\u064a\u0639 \u0623\u062c\u0647\u0632\u0629<\/option>\n              <option value=\"other\">\u062e\u062f\u0645\u0627\u062a \u0623\u062e\u0631\u0649<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"p3d-form-group\">\n            <label for=\"p3d-message\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \/ \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0642\u0637\u0639\u0629 \/ \u0646\u0648\u0639 \u0627\u0644\u0645\u0627\u062f\u0629<\/label>\n            <textarea id=\"p3d-message\" class=\"p3d-textarea\" rows=\"4\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0623\u0648 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0647\u0646\u0627...\"><\/textarea>\n          <\/div>\n\n          <button type=\"submit\" class=\"p3d-submit-btn\">\n            <span>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/span> \n            <i class=\"fa-solid fa-arrow-left p3d-3d-icon\"><\/i>\n          <\/button>\n        <\/form>\n      <\/div>\n\n      <!-- \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 -->\n      <div class=\"p3d-contact-info-box\">\n        \n        <div class=\"p3d-info-card\">\n          <div class=\"p3d-info-icon\"><i class=\"fa-brands fa-whatsapp p3d-3d-icon\"><\/i><\/div>\n          <div class=\"p3d-info-content\">\n            <h4>\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/h4>\n            <p>\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0645\u0644\u0641\u0627\u062a STL \u0648 Step<\/p>\n            <a href=\"https:\/\/wa.me\/\" target=\"_blank\" class=\"p3d-info-link\" rel=\"noopener\">\u0645\u062d\u0627\u062f\u062b\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 <i class=\"fa-solid fa-chevron-left p3d-3d-icon\"><\/i><\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"p3d-info-card\">\n          <div class=\"p3d-info-icon\"><i class=\"fa-brands fa-instagram p3d-3d-icon\"><\/i><\/div>\n          <div class=\"p3d-info-content\">\n            <h4>\u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/h4>\n            <p>\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062d\u064a\u0629<\/p>\n            <a href=\"https:\/\/instagram.com\/\" target=\"_blank\" class=\"p3d-info-link\" rel=\"noopener\">\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u062d\u0633\u0627\u0628 <i class=\"fa-solid fa-chevron-left p3d-3d-icon\"><\/i><\/a>\n          <\/div>\n        <\/div>\n\n        <!-- \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u0645\u062f\u064a\u0646\u0629 \u062d\u0644\u0628 -->\n        <div class=\"p3d-map-card\">\n          <div class=\"p3d-map-header\">\n            <i class=\"fa-solid fa-location-dot p3d-3d-icon\"><\/i>\n            <span>\u0645\u0648\u0642\u0639\u0646\u0627 \u0641\u064a \u0645\u062f\u064a\u0646\u0629 \u062d\u0644\u0628<\/span>\n          <\/div>\n          <div class=\"p3d-map-container\">\n            <iframe \n              src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d102920.8923304561!2d37.07548912258838!3d36.20210287848485!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x152ff8134706509f%3A0x6d70a32034e34928!2sAleppo%2C%20Syria!5e0!3m2!1sen!2s!4v1700000000000!5m2!1sen!2s\" \n              width=\"100%\" \n              height=\"200\" \n              style=\"border:0;\" \n              allowfullscreen=\"\" \n              loading=\"lazy\" \n              referrerpolicy=\"no-referrer-when-downgrade\">\n            <\/iframe>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\n---------------------------------------------------- *\/\n.p3d-contact-section {\n  background-color: #03080e !important;\n  padding: 80px 20px !important;\n  font-family: 'Cairo', sans-serif !important;\n  color: #ffffff !important;\n  box-sizing: border-box !important;\n  border-top: 1px solid #0d2136 !important;\n}\n\n.p3d-contact-wrapper {\n  display: grid !important;\n  grid-template-columns: 1.2fr 0.8fr !important;\n  gap: 40px !important;\n  align-items: start !important;\n  perspective: 1000px !important; \/* \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0645\u0646\u0638\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0644\u0644\u0633\u0643\u0634\u0646 *\/\n}\n\n\/* ----------------------------------------------------\n   2. \u0627\u0644\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f (3D HOVER EFFECTS)\n---------------------------------------------------- *\/\n.p3d-3d-icon {\n  display: inline-block !important;\n  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.4s ease !important;\n  transform-style: preserve-3d !important;\n}\n\n\/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0641\u0648\u0642\u0647\u0627 \u0623\u0648 \u0641\u0648\u0642 \u0627\u0644\u0643\u0631\u062a \u0627\u0644\u062d\u0627\u0648\u064a \u0644\u0647\u0627 *\/\n.p3d-info-card:hover .p3d-3d-icon,\n.p3d-info-icon:hover .p3d-3d-icon,\n.p3d-map-card:hover .p3d-3d-icon,\n.p3d-badge:hover .p3d-3d-icon {\n  transform: scale(1.25) rotateY(15deg) rotateX(-10deg) translateZ(10px) !important;\n  filter: drop-shadow(0 0 10px #00d8f6) drop-shadow(0 0 20px rgba(0, 216, 246, 0.6)) !important;\n}\n\n\/* \u062d\u0631\u0643\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0646\u0641\u0633\u0647 *\/\n.p3d-info-icon {\n  width: 50px !important;\n  height: 50px !important;\n  background: rgba(0, 216, 246, 0.1) !important;\n  border: 1px solid rgba(0, 216, 246, 0.3) !important;\n  border-radius: 12px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: #00d8f6 !important;\n  font-size: 22px !important;\n  flex-shrink: 0 !important;\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n  transform-style: preserve-3d !important;\n}\n\n.p3d-info-card:hover .p3d-info-icon {\n  background: rgba(0, 216, 246, 0.25) !important;\n  border-color: #00d8f6 !important;\n  transform: perspective(500px) translateZ(15deg) rotateX(10deg) rotateY(-10deg) scale(1.1) !important;\n  box-shadow: 0 10px 25px rgba(0, 216, 246, 0.4), inset 0 0 10px rgba(0, 216, 246, 0.3) !important;\n}\n\n\/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 \u0648\u0627\u0644\u0625\u0645\u0627\u0644\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\n.p3d-info-card, .p3d-map-card, .p3d-contact-form-box {\n  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.4s ease, box-shadow 0.4s ease !important;\n  transform-style: preserve-3d !important;\n}\n\n.p3d-info-card:hover {\n  border-color: #00d8f6 !important;\n  transform: perspective(800px) translateY(-5px) translateZ(10px) rotateX(2deg) !important;\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 216, 246, 0.2) !important;\n}\n\n\/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0632\u0631 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\n.p3d-submit-btn {\n  width: 100% !important;\n  background: #00d8f6 !important;\n  color: #03080e !important;\n  font-family: 'Cairo', sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 16px !important;\n  border: none !important;\n  border-radius: 8px !important;\n  padding: 14px !important;\n  cursor: pointer !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 10px !important;\n  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n  box-shadow: 0 0 15px rgba(0, 216, 246, 0.4) !important;\n}\n\n.p3d-submit-btn:hover {\n  background: #33e1f8 !important;\n  transform: perspective(500px) translateZ(8px) scale(1.02) !important;\n  box-shadow: 0 10px 25px rgba(0, 216, 246, 0.6) !important;\n}\n\n.p3d-submit-btn:hover .p3d-3d-icon {\n  transform: translateX(-6px) rotate(-15deg) scale(1.2) !important;\n}\n\n\/* ----------------------------------------------------\n   3. \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\n---------------------------------------------------- *\/\n.p3d-contact-form-box {\n  background: #08121e !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 14px !important;\n  padding: 35px !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;\n}\n\n.p3d-form-title {\n  font-size: 20px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n  margin: 0 0 25px 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n\n.p3d-form-title i {\n  color: #00d8f6 !important;\n}\n\n.p3d-form-group {\n  margin-bottom: 20px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 8px !important;\n}\n\n.p3d-form-group label {\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  color: #cbd5e1 !important;\n}\n\n.p3d-input, .p3d-select, .p3d-textarea {\n  width: 100% !important;\n  background: #0d1b2a !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 8px !important;\n  padding: 12px 16px !important;\n  color: #ffffff !important;\n  font-family: 'Cairo', sans-serif !important;\n  font-size: 14px !important;\n  outline: none !important;\n  transition: all 0.3s ease !important;\n  box-sizing: border-box !important;\n}\n\n.p3d-input:focus, .p3d-select:focus, .p3d-textarea:focus {\n  border-color: #00d8f6 !important;\n  box-shadow: 0 0 15px rgba(0, 216, 246, 0.3) !important;\n}\n\n.p3d-contact-info-box {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 20px !important;\n}\n\n.p3d-info-card {\n  background: #08121e !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 12px !important;\n  padding: 22px !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 20px !important;\n}\n\n.p3d-info-content h4 {\n  margin: 0 0 4px 0 !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n}\n\n.p3d-info-content p {\n  margin: 0 0 8px 0 !important;\n  font-size: 13px !important;\n  color: #94a3b8 !important;\n}\n\n.p3d-info-link {\n  color: #00d8f6 !important;\n  text-decoration: none !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n}\n\n\/* \u0643\u0631\u062a \u0627\u0644\u062e\u0631\u064a\u0637\u0629 *\/\n.p3d-map-card {\n  background: #08121e !important;\n  border: 1px solid #1e293b !important;\n  border-radius: 12px !important;\n  padding: 16px !important;\n  overflow: hidden !important;\n}\n\n.p3d-map-card:hover {\n  border-color: #00d8f6 !important;\n  transform: perspective(800px) translateY(-5px) rotateX(2deg) !important;\n}\n\n.p3d-map-header {\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  margin-bottom: 12px !important;\n  color: #00d8f6 !important;\n  font-weight: 700 !important;\n  font-size: 14px !important;\n}\n\n.p3d-map-container {\n  border-radius: 8px !important;\n  overflow: hidden !important;\n  border: 1px solid #1e293b !important;\n  filter: invert(90%) hue-rotate(180deg) contrast(120%);\n}\n\n@media (max-width: 992px) {\n  .p3d-contact-wrapper {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .p3d-contact-section {\n    padding: 50px 15px !important;\n  }\n  .p3d-contact-form-box {\n    padding: 20px !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d2398d e-flex e-con-boxed e-con e-child\" data-id=\"1d2398d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dcfd39 elementor-widget elementor-widget-html\" data-id=\"7dcfd39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"planet-footer-wrapper\">\n  <div class=\"planet-footer-content\">\n    \n    <!-- 1. \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0633\u0645 \u0627\u0644\u0628\u0631\u0627\u0646\u062f -->\n    <div class=\"p-footer-col brand-col\">\n      <div class=\"logo-box\">\n        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/00d9ff\/05080c?text=3D+Logo\" alt=\"3D.PLANET Logo\" class=\"brand-logo\">\n      <\/div>\n      <h2 class=\"brand-title\">3D.PLANET<\/h2>\n    <\/div>\n\n    <!-- 2. \u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629 -->\n    <div class=\"p-footer-col\">\n      <h3 class=\"col-head\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h3>\n      <ul class=\"footer-links\">\n        <li><a href=\"#\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n        <li><a href=\"#\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a><\/li>\n        <li><a href=\"#\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/a><\/li>\n        <li><a href=\"#\">\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a<\/a><\/li>\n        <li><a href=\"#\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n        <li><a href=\"#\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- 3. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 -->\n    <div class=\"p-footer-col\">\n      <h3 class=\"col-head\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h3>\n      <ul class=\"contact-links\">\n        <li><a href=\"mailto:3d.planet.syria@gmail.com\" class=\"email-text\">3d.planet.syria@gmail.com<\/a><\/li>\n        <li><a href=\"#\">Facebook <i class=\"fab fa-facebook-f\"><\/i><\/a><\/li>\n        <li><a href=\"#\">Instagram <i class=\"fab fa-instagram\"><\/i><\/a><\/li>\n        <li><a href=\"#\">WhatsApp <i class=\"fab fa-whatsapp\"><\/i><\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- 4. \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u062d\u0642\u0648\u0642 -->\n    <div class=\"p-footer-col info-col\">\n      <h3 class=\"col-head\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629<\/h3>\n      <p>\u0627\u0644\u0644\u063a\u0629 : \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \/ English<\/p>\n      <p class=\"copy-text\">3D PLANET 2025 \u00a9 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\n      <p class=\"dev-text\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631: <span>3D.PLANET<\/span><\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0631\u0629 \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631\/\u0627\u0644\u064a\u0645\u064a\u0646 \u062d\u0633\u0628 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 -->\n  <div class=\"globe-bg-overlay\"><\/div>\n<\/div>\n\n<style>\n\/* \u0625\u0644\u063a\u0627\u0621 \u0642\u064a\u0648\u062f \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0648\u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\n.planet-footer-wrapper {\n  position: relative;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  left: 50% !important;\n  right: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  background-color: #03060a;\n  color: #f4f7fa;\n  padding: 40px 5% 30px;\n  direction: rtl;\n  font-family: \"Cairo\", sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n  border-top: 1px solid rgba(0, 217, 255, 0.15);\n}\n\n.planet-footer-wrapper * {\n  box-sizing: border-box;\n}\n\n\/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0623\u0641\u0642\u064a\u0627\u064b \u0639\u0628\u0631 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\n.planet-footer-content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1400px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 20px;\n}\n\n.p-footer-col {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 *\/\n.col-head {\n  color: #00d9ff;\n  font-size: 14px;\n  font-weight: 700;\n  margin: 0 0 16px 0;\n  white-space: nowrap;\n}\n\n\/* \u0627\u0644\u0634\u0639\u0627\u0631 *\/\n.brand-col {\n  align-items: center;\n  text-align: center;\n}\n\n.logo-box {\n  width: 60px;\n  height: 60px;\n  margin-bottom: 8px;\n}\n\n.brand-logo {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.brand-title {\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n  margin: 0;\n  letter-spacing: 1px;\n}\n\n\/* \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 *\/\n.footer-links, .contact-links {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.footer-links a, .contact-links a {\n  color: #8fa0b0;\n  text-decoration: none;\n  font-size: 12px;\n  transition: color 0.3s;\n  white-space: nowrap;\n}\n\n.footer-links a:hover, .contact-links a:hover {\n  color: #00d9ff;\n}\n\n.email-text {\n  direction: ltr;\n  font-family: monospace;\n  font-size: 11px !important;\n}\n\n.info-col p {\n  color: #8fa0b0;\n  font-size: 12px;\n  margin: 0 0 8px 0;\n  line-height: 1.6;\n}\n\n.info-col .dev-text span {\n  color: #00d9ff;\n  font-weight: 700;\n}\n\n\/* \u0627\u0644\u0643\u0631\u0629 \u0627\u0644\u0623\u0631\u0636\u064a\u0629 *\/\n.globe-bg-overlay {\n  position: absolute;\n  top: 50%;\n  left: -60px;\n  transform: translateY(-50%);\n  width: 380px;\n  height: 380px;\n  background: radial-gradient(circle, rgba(0, 217, 255, 0.12) 0%, transparent 70%),\n              url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?q=80&w=600&auto=format&fit=crop');\n  background-size: cover;\n  border-radius: 50%;\n  opacity: 0.3;\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\n@media (max-width: 768px) {\n  .planet-footer-content {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 30px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7578eab e-con-full e-flex e-con e-child\" data-id=\"7578eab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>3D -SY- 3D.PLANET \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0648\u0627\u062f \u0645\u0646 \u0646\u062d\u0646 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 | EN 3D DESIGN &#038; PRINTING STUDIO \u0646\u062d\u0648\u0651\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0625\u0644\u0649 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0628\u062f\u0642\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u062e\u0635\u0635 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f. \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u2197 \u0627\u0633\u062a\u0643\u0634\u0641 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u2190 CUSTOM MADE FOR YOU PRECISION HIGH [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-141","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"_links":{"self":[{"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=\/wp\/v2\/pages\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=141"}],"version-history":[{"count":58,"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=\/wp\/v2\/pages\/141\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=\/wp\/v2\/pages\/141\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/abd-alghfar.dollani.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}