{"id":49,"date":"2026-04-23T05:03:35","date_gmt":"2026-04-23T05:03:35","guid":{"rendered":"https:\/\/fylmaco.com\/home\/"},"modified":"2026-04-25T17:27:36","modified_gmt":"2026-04-25T17:27:36","slug":"home","status":"publish","type":"page","link":"https:\/\/fylmaco.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"49\" class=\"elementor elementor-49\">\n\t\t\t\t<div class=\"elementor-element elementor-element-146b847 e-flex e-con-boxed e-con e-parent\" data-id=\"146b847\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-412e9a7 elementor-widget elementor-widget-text-editor\" data-id=\"412e9a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"fylma-hero-wrapper\">\n    <div class=\"fylma-hero-content\">\n        <h1 class=\"fylma-hero-title\">\u0641\u064a\u0644\u0645\u0627 <span class=\"gold-span\">\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span><\/h1>\n        <h2 class=\"fylma-hero-subtitle\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/h2>\n        <p class=\"fylma-hero-description\">\n            \u0646\u062d\u0648 \u062a\u062c\u0631\u0628\u0629 \u0628\u064a\u0639 \u062d\u062f\u064a\u062b\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0627\u062a\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\n\u0646\u0642\u0648\u062f \u062a\u062d\u0648\u0644 \u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u064a\u0639 \u0645\u0646 \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0625\u0644\u0649 \u0646\u0645\u0648\u0630\u062c \u0630\u0643\u064a \u064a\u0639\u0645\u0644 24\/7 \u0628\u062f\u0648\u0646 \u062a\u062f\u062e\u0644 \u0628\u0634\u0631\u064a \u0645\u0628\u0627\u0634\u0631.\n        <\/p>\n        <div class=\"fylma-hero-actions\">\n            <a class=\"fylma-hero-btn\" href=\"https:\/\/fylmaco.com\/ar\/#Services\">\u062a\u0635\u0641\u062d \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0637\u0627\u0628\u0642 *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap');\n\n.fylma-hero-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 60px 40px;\n    direction: ltr;\n    text-align: left;\n    font-family: 'Poppins', sans-serif;\n    background: transparent; \n}\n\n.fylma-hero-content {\n    max-width: 700px;\n    position: relative;\n}\n\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a: \u062a\u062f\u0631\u064a\u062c \u0627\u0644\u0639\u0646\u0627\u0628\u064a \u0648\u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0623\u0635\u0644\u064a *\/\n.fylma-hero-title {\n    font-size: clamp(3rem, 8vw, 5rem);\n    font-weight: 800;\n    margin: 0;\n    line-height: 1.1;\n    text-transform: uppercase;\n    \/* \u0627\u0644\u062a\u062f\u0631\u064a\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628: \u0639\u0646\u0627\u0628\u064a -> \u0630\u0647\u0628\u064a *\/\n    background: linear-gradient(90deg, #3e0202, #fdb813); \n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    \n    \/* \u0625\u0636\u0627\u0641\u0629 \u062a\u0648\u0647\u062c \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0627\u0628\u064a \u0639\u0644\u0649 \u0627\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u063a\u0627\u0645\u0642\u0629 *\/\n    filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.2));\n    \n    animation: fylmaSlideDown 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    opacity: 0;\n}\n\n.fylma-hero-title .gold-span {\n    \/* \u0625\u062c\u0628\u0627\u0631 \u0643\u0644\u0645\u0629 Co \u0639\u0644\u0649 \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0635\u0631\u064a\u062d \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646 *\/\n    -webkit-text-fill-color: #fdb813; \n}\n\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0641\u0631\u0639\u064a - \u0623\u0628\u064a\u0636 *\/\n.fylma-hero-subtitle {\n    color: #ffffff !important;\n    font-size: clamp(1.2rem, 3vw, 1.8rem);\n    font-weight: 600;\n    margin: 15px 0;\n    animation: fylmaSlideLeft 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    opacity: 0;\n}\n\n\/* \u0627\u0644\u0648\u0635\u0641 - \u0623\u0628\u064a\u0636 \u0645\u0639 \u062e\u0637 \u0630\u0647\u0628\u064a *\/\n.fylma-hero-description {\n    color: #ffffff !important;\n    font-size: clamp(1rem, 2vw, 1.2rem);\n    line-height: 1.7;\n    max-width: 550px;\n    border-left: 4px solid #fdb813;\n    padding-left: 20px;\n    margin-bottom: 35px;\n    animation: fylmaSlideUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    opacity: 0;\n}\n\n\/* \u0627\u0644\u0632\u0631: \u062e\u0644\u0641\u064a\u0629 \u0630\u0647\u0628\u064a\u0629 \u0648\u0646\u0635 \u0639\u0646\u0627\u0628\u064a *\/\n.fylma-hero-btn {\n    display: inline-block;\n    padding: 15px 35px;\n    background-color: #fdb813;\n    color: #3e0202 !important;\n    font-weight: 800;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    font-size: 1.1rem;\n    box-shadow: 0 10px 20px rgba(253, 184, 19, 0.3);\n    animation: fylmaSlideUp 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    opacity: 0;\n}\n\n.fylma-hero-btn:hover {\n    background-color: #ffffff;\n    color: #3e0202 !important;\n    transform: translateY(-5px) scale(1.05);\n    box-shadow: 0 15px 30px rgba(255, 255, 255, 0.4);\n}\n\n\/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\n@keyframes fylmaSlideDown {\n    from { opacity: 0; transform: translateY(-40px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fylmaSlideLeft {\n    from { opacity: 0; transform: translateX(-40px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes fylmaSlideUp {\n    from { opacity: 0; transform: translateY(40px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0647\u0627\u062a\u0641 *\/\n@media (max-width: 768px) {\n    .fylma-hero-wrapper {\n        text-align: center;\n        justify-content: center;\n        padding: 40px 20px;\n    }\n    .fylma-hero-content {\n        text-align: center;\n    }\n    .fylma-hero-description {\n        border-left: none;\n        border-top: 3px solid #fdb813;\n        padding-left: 0;\n        padding-top: 15px;\n        margin: 0 auto 30px;\n    }\n    .fylma-hero-btn {\n        width: 100%;\n        text-align: center;\n    }\n}\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4ec557 e-flex e-con-boxed e-con e-parent\" data-id=\"e4ec557\" 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-5bb246d elementor-widget elementor-widget-text-editor\" data-id=\"5bb246d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0645\u0646 \u0646\u062d\u0646 \u061f<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-856f948 e-grid e-con-boxed e-con e-parent\" data-id=\"856f948\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\t\t\n\t\t<img class=\"e-image-base e-c769527-55a349f lazyload\" \n\t\t\t\t\tdata-interaction-id=\"c769527\" \n\t\t \n\t\t \n\t\t\t\t\t\t\t\t\tid=\"502\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-src=\"https:\/\/fylmaco.com\/wp-content\/uploads\/2026\/04\/1777131137591-019dc543-5681-7340-8751-36e9d22dda318c.png\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"768\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"968\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-srcset=\"https:\/\/fylmaco.com\/wp-content\/uploads\/2026\/04\/1777131137591-019dc543-5681-7340-8751-36e9d22dda318c.png 768w, https:\/\/fylmaco.com\/wp-content\/uploads\/2026\/04\/1777131137591-019dc543-5681-7340-8751-36e9d22dda318c-238x300.png 238w, https:\/\/fylmaco.com\/wp-content\/uploads\/2026\/04\/1777131137591-019dc543-5681-7340-8751-36e9d22dda318c-10x12.png 10w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/968;\" \/>\n\t\t\t\t\t<div class=\"elementor-element elementor-element-c7826c7 elementor-widget elementor-widget-text-editor\" data-id=\"c7826c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n.fylma-pro {<br \/>    max-width: 650px;<br \/>    margin: auto;<br \/>    padding: 50px 10px;<br \/>    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;<br \/>    color: #111;<br \/>}<\/p>\n<p>.fylma-pro h2 {<br \/>    font-size: 22px;<br \/>    font-weight: 600;<br \/>    margin-bottom: 12px;<br \/>    letter-spacing: -0.3px;<br \/>}<\/p>\n<p>.fylma-pro p {<br \/>    font-size: 13px;<br \/>    line-height: 1.8;<br \/>    color: #555;<br \/>    margin-bottom: 12px;<br \/>}<\/p>\n<p>.fylma-pro .highlight {<br \/>    color: #000;<br \/>    font-weight: 600;<br \/>}<\/p>\n<p>\/* animation *\/<br \/>.reveal {<br \/>    opacity: 0;<br \/>    transform: translateY(20px);<br \/>    transition: all 0.6s ease;<br \/>}<\/p>\n<p>.reveal.active {<br \/>    opacity: 1;<br \/>    transform: translateY(0);<br \/>}<br \/><\/style>\n<div class=\"fylma-pro\">\n<h2 class=\"reveal\">\u0634\u0631\u0643\u0629 \u0641\u064a\u0644\u0645\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h2>\n<p class=\"reveal\">\u0634\u0631\u0643\u0629 \u0641\u064a\u0644\u0645\u0627 \u0647\u064a \u0634\u0631\u0643\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0634\u063a\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0622\u0644\u0627\u062a \u0627\u0644\u0628\u064a\u0639 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0641\u064a \u0645\u0648\u0627\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.<\/p>\n<p class=\"reveal\">\u0646\u0628\u0646\u064a \u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0627\u062a\u0633\u0627\u0642 \u0648\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645. <span class=\"highlight\">.<\/span>, <span class=\"highlight\">.<\/span>. <span class=\"highlight\">\u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0635\u0648\u0644\u064b\u0627 \u0625\u0644\u0649 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0622\u0644\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u064a\u062a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0643\u0644 \u062a\u0641\u0635\u064a\u0644 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0623\u062f\u0627\u0621.<\/span>.<\/p>\n<p class=\"reveal\">\u0646\u062f\u0639\u0645 \u0628\u0646\u0634\u0627\u0637 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629\u060c \u0648\u0646\u0639\u0632\u0632 \u062d\u0636\u0648\u0631\u0647\u0627 \u0641\u064a \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0643\u064a\u0629. <span class=\"highlight\">.<\/span> . <span class=\"highlight\">.<\/span> . <span class=\"highlight\">.<\/span>.<\/p>\n<p class=\"reveal\">\u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0635\u0648\u0644\u064b\u0627 \u0625\u0644\u0649 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0622\u0644\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u064a\u062a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0643\u0644 \u062a\u0641\u0635\u064a\u0644 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0623\u062f\u0627\u0621.<\/p>\n<p class=\"reveal\">\u064a\u0631\u0643\u0632 \u0646\u0647\u062c\u0646\u0627 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\u060c \u0645\u0639 \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0646 \u0627\u0644\u0627\u0632\u062f\u0647\u0627\u0631 \u0641\u064a \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/p>\n\n<\/div>\n<script>\nconst elements = document.querySelectorAll('.reveal');\n\nconst observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n        if(entry.isIntersecting){\n            entry.target.classList.add('active');\n        }\n    });\n}, { threshold: 0.2 });\n\nelements.forEach(el => observer.observe(el));\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e68f0fb e-flex e-con-boxed e-con e-parent\" data-id=\"e68f0fb\" 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-b1b2b08 elementor-widget elementor-widget-html\" data-id=\"b1b2b08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FontAwesome for Premium Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"premium-section\" id=\"trigger-section\">\r\n    <div class=\"premium-container\">\r\n        \r\n        <!-- Desktop Interactive Orbit -->\r\n        <div class=\"orbit-wrapper\">\r\n            <svg class=\"orbit-svg\" viewbox=\"0 0 200 200\">\r\n                <circle class=\"orbit-circle\" cx=\"100\" cy=\"100\" r=\"90\" \/>\r\n            <\/svg>\r\n            \r\n            <!-- Vision Node -->\r\n            <div class=\"node vision-node active\" id=\"visionTrigger\">\r\n                <div class=\"node-circle\">\r\n                    <i class=\"fa-solid fa-eye\"><\/i>\r\n                <\/div>\r\n                <span class=\"node-label\">\u0627\u0644\u0631\u0624\u064a\u0629<\/span>\r\n            <\/div>\r\n\r\n            <!-- Mission Node -->\r\n            <div class=\"node mission-node\" id=\"missionTrigger\">\r\n                <div class=\"node-circle\">\r\n                    <i class=\"fa-solid fa-bullseye\"><\/i>\r\n                <\/div>\r\n                <span class=\"node-label\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n            <\/div>\r\n\r\n            <!-- Central Dynamic Content -->\r\n            <div class=\"center-content\">\r\n                <div class=\"content-box vision-text active\" id=\"visionText\">\r\n                    <p>\u0623\u0646 \u0646\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0634\u063a\u064a\u0644 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0627\u062a\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u0639\u0628\u0631 \u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0648\u0627\u0643\u0628 \u0645\u0633\u062a\u0647\u062f\u0641\u0627\u062a \u0631\u0624\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 2030<\/p>\r\n                <\/div>\r\n                <div class=\"content-box mission-text\" id=\"missionText\">\r\n                    <p>\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0634\u063a\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0627\u062a\u064a \u0648\u0627\u0644\u0645\u0642\u0627\u0635\u0641 \u0627\u0644\u0630\u0643\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u062c\u0631\u0628\u0629\u060c \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mobile layout -->\r\n        <div class=\"mobile-layout\">\r\n            <div class=\"m-card\">\r\n                <div class=\"m-icon-wrap\">\r\n                    <i class=\"fa-solid fa-eye\"><\/i>\r\n                    <span>\u0627\u0644\u0631\u0624\u064a\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"m-body\">\r\n                    <p>\u0623\u0646 \u0646\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0634\u063a\u064a\u0644 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0627\u062a\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u0639\u0628\u0631 \u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0648\u0627\u0643\u0628 \u0645\u0633\u062a\u0647\u062f\u0641\u0627\u062a \u0631\u0624\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 2030<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"m-card\">\r\n                <div class=\"m-icon-wrap\">\r\n                    <i class=\"fa-solid fa-bullseye\"><\/i>\r\n                    <span>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"m-body\">\r\n                    <p>\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0634\u063a\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0627\u062a\u064a \u0648\u0627\u0644\u0645\u0642\u0627\u0635\u0641 \u0627\u0644\u0630\u0643\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u062c\u0631\u0628\u0629\u060c \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --brand-color: #3e0202;\r\n    --text-dark: #000000;\r\n    --transition-main: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); \/* Elastic curve *\/\r\n}\r\n\r\n.premium-section {\r\n    padding: 100px 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: transparent;\r\n    overflow: hidden;\r\n}\r\n\r\n.premium-container {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    position: relative;\r\n}\r\n\r\n\/* --- Desktop Orbit Logic --- *\/\r\n.orbit-wrapper {\r\n    display: none;\r\n    position: relative;\r\n    width: 600px;\r\n    height: 600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.orbit-svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n}\r\n\r\n.orbit-circle {\r\n    fill: none;\r\n    stroke: var(--brand-color);\r\n    stroke-width: 1; \r\n    stroke-dasharray: 600;\r\n    stroke-dashoffset: 600;\r\n    transition: stroke-dashoffset 2s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* Triggered by JS *\/\r\n.is-visible .orbit-circle {\r\n    stroke-dashoffset: 0;\r\n}\r\n\r\n.node {\r\n    position: absolute;\r\n    z-index: 10;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    transition: var(--transition-main);\r\n    user-select: none;\r\n    opacity: 0; \/* Hidden initially *\/\r\n    transform: scale(0); \/* Start from zero *\/\r\n}\r\n\r\n\/* Staggered Entrance *\/\r\n.is-visible .vision-node {\r\n    opacity: 1;\r\n    transform: translateX(-50%) scale(1);\r\n    transition-delay: 0.8s;\r\n}\r\n\r\n.is-visible .mission-node {\r\n    opacity: 1;\r\n    transform: translateX(-50%) scale(1);\r\n    transition-delay: 1.2s;\r\n}\r\n\r\n.node-circle {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: #fff;\r\n    border: 2px solid var(--brand-color);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 22px;\r\n    color: var(--brand-color);\r\n    transition: var(--transition-main);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.node-label {\r\n    display: block;\r\n    margin-top: 12px;\r\n    font-family: var(--font-en);\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    color: var(--brand-color);\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.node.active .node-circle {\r\n    background: var(--brand-color);\r\n    color: #fff;\r\n    transform: scale(1.15);\r\n    box-shadow: 0 0 25px rgba(62, 2, 2, 0.4);\r\n}\r\n\r\n.vision-node { top: -35px; left: 50%; transform: translateX(-50%); }\r\n.mission-node { bottom: -35px; left: 50%; transform: translateX(-50%); }\r\n\r\n\/* Central Dynamic Content *\/\r\n.center-content {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 320px;\r\n    text-align: center;\r\n    opacity: 0;\r\n    transition: opacity 1s ease 1.6s; \/* Appears last *\/\r\n}\r\n\r\n.is-visible .center-content {\r\n    opacity: 1;\r\n}\r\n\r\n.content-box {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -40%);\r\n    width: 100%;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: var(--transition-main);\r\n}\r\n\r\n.content-box.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translate(-50%, -50%) scale(1);\r\n}\r\n\r\n.content-box p {\r\n    color: var(--text-dark);\r\n    font-size: 1.15rem;\r\n    line-height: 1.8;\r\n    font-family: var(--font-en);\r\n}\r\n\r\n\/* --- Mobile Layout --- *\/\r\n.mobile-layout {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 60px;\r\n}\r\n\r\n.m-card {\r\n    position: relative;\r\n    border: 1px solid var(--brand-color);\r\n    padding: 60px 25px 30px;\r\n    text-align: center;\r\n    background: #fff;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.is-visible .m-card {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.is-visible .m-card:nth-child(2) { transition-delay: 0.3s; }\r\n\r\n.m-icon-wrap {\r\n    position: absolute;\r\n    top: -40px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80px;\r\n    height: 80px;\r\n    background: #fff;\r\n    border: 2px solid var(--brand-color);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.m-icon-wrap i { font-size: 20px; color: var(--brand-color); }\r\n.m-icon-wrap span { font-size: 11px; font-weight: 700; color: var(--brand-color); text-transform: uppercase; }\r\n.m-body p { color: var(--text-dark); font-size: 1.05rem; line-height: 1.8; }\r\n\r\n\/* --- Responsiveness --- *\/\r\n@media (min-width: 992px) {\r\n    .orbit-wrapper { display: block; }\r\n    .mobile-layout { display: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ 1. Intersection Observer for Scroll Animation\r\n    const section = document.getElementById('trigger-section');\r\n    \r\n    const observerOptions = {\r\n        threshold: 0.3 \/\/ Trigger when 30% of the section is visible\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-visible');\r\n                \/\/ Once animated, we can stop observing to keep it visible\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    observer.observe(section);\r\n\r\n    \/\/ 2. Interaction Logic\r\n    const vTrigger = document.getElementById('visionTrigger');\r\n    const mTrigger = document.getElementById('missionTrigger');\r\n    const vText = document.getElementById('visionText');\r\n    const mText = document.getElementById('missionText');\r\n\r\n    function setActive(activeNode, activeText, inactiveNode, inactiveText) {\r\n        activeNode.classList.add('active');\r\n        inactiveNode.classList.remove('active');\r\n        activeText.classList.add('active');\r\n        inactiveText.classList.remove('active');\r\n    }\r\n\r\n    vTrigger.addEventListener('click', () => setActive(vTrigger, vText, mTrigger, mText));\r\n    mTrigger.addEventListener('click', () => setActive(mTrigger, mText, vTrigger, vText));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92f019c e-flex e-con-boxed e-con e-parent\" data-id=\"92f019c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;mountains&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a30b7 elementor-widget elementor-widget-html\" data-id=\"b1a30b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FontAwesome for Professional Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"sectors-section\" id=\"sectors-trigger\">\r\n    <div class=\"sectors-container\">\r\n        \r\n        <!-- Header Part -->\r\n        <div class=\"sectors-header\">\r\n            <h2 class=\"main-title\">\u0645\u062c\u0627\u0644\u0627\u062a \u0648\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0639\u0645\u0644<\/h2>\r\n            <div class=\"title-line\"><\/div>\r\n            <p class=\"intro-text\">\u062a\u0639\u0645\u0644 \u0627\u0644\u0634\u0631\u0643\u0629 \u0636\u0645\u0646 \u0623\u0646\u0634\u0637\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0634\u0645\u0644:<\/p>\r\n        <\/div>\r\n\r\n        <!-- Compact Professional List (mobile-optimized) -->\r\n        <div class=\"sectors-list\">\r\n            \r\n            <!-- Sector 1 -->\r\n            <div class=\"sector-item\">\r\n                <div class=\"s-icon\">\r\n                    <i class=\"fa-solid fa-truck-fast\"><\/i>\r\n                <\/div>\r\n                <div class=\"s-content\">\r\n                    <h3>\u2022\t\u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u0641\u0648\u0631\u064a \u0623\u0648 \u0625\u0644\u0649 \u0627\u0644\u0628\u0627\u0628<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Sector 2 -->\r\n            <div class=\"sector-item\">\r\n                <div class=\"s-icon\">\r\n                    <i class=\"fa-solid fa-cart-shopping\"><\/i>\r\n                <\/div>\r\n                <div class=\"s-content\">\r\n                    <h3>\u2022\t\u0627\u0644\u0628\u064a\u0639 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0628\u0627\u0639\u0629 \u0627\u0644\u062c\u0627\u0626\u0644\u064a\u0646<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Sector 3 -->\r\n            <div class=\"sector-item\">\r\n                <div class=\"s-icon\">\r\n                    <i class=\"fa-solid fa-robot\"><\/i>\r\n                <\/div>\r\n                <div class=\"s-content\">\r\n                    <h3>\u2022\t\u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0639\u0628\u0631 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Sector 4 -->\r\n            <div class=\"sector-item\">\r\n                <div class=\"s-icon\">\r\n                    <i class=\"fa-solid fa-store\"><\/i>\r\n                <\/div>\r\n                <div class=\"s-content\">\r\n                    <h3>\u2022\t\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0635\u0641 \u0648\u0627\u0644\u0643\u0641\u062a\u064a\u0631\u064a\u0627\u062a \u0628\u0646\u0638\u0627\u0645 \u0627\u0645\u062a\u064a\u0627\u0632<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Sector 5 -->\r\n            <div class=\"sector-item\">\r\n                <div class=\"s-icon\">\r\n                    <i class=\"fa-solid fa-utensils\"><\/i>\r\n                <\/div>\r\n                <div class=\"s-content\">\r\n                    <h3>\u2022\t\u062a\u0634\u063a\u064a\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0639\u0627\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u063a\u0644\u0642\u0629 \u0648\u0627\u0644\u0645\u0641\u062a\u0648\u062d\u0629<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Closing Statement -->\r\n        <div class=\"sectors-footer\">\r\n            <p>\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u062a\u0634\u063a\u064a\u0644 \u0645\u0631\u0646\u0629 \u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0637\u0628\u064a\u0639\u0629 \u0643\u0644 \u0645\u0648\u0642\u0639 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0647.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --brand-color: #3e0202;\r\n    --text-dark: #000000;\r\n    --text-muted: #444444;\r\n    --transition-smooth: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);\r\n}\r\n\r\n.sectors-section {\r\n    padding: 60px 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    background: transparent;\r\n    overflow: hidden;\r\n}\r\n\r\n.sectors-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    text-align: center;\r\n}\r\n\r\n\/* --- Header Styling (unchanged structure, slightly reduced margins) --- *\/\r\n.sectors-header {\r\n    margin-bottom: 40px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: var(--transition-smooth);\r\n}\r\n\r\n.is-visible .sectors-header {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.main-title {\r\n    color: var(--brand-color);\r\n    font-family: var(--font-en, 'Segoe UI', sans-serif);\r\n    font-size: clamp(1.6rem, 5vw, 2.5rem);\r\n    font-weight: 800;\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.title-line {\r\n    width: 0;\r\n    height: 3px;\r\n    background: var(--brand-color);\r\n    margin: 0 auto 20px;\r\n    transition: width 1s ease-out 0.5s;\r\n}\r\n\r\n.is-visible .title-line {\r\n    width: 80px;\r\n}\r\n\r\n.intro-text {\r\n    font-family: var(--font-en, 'Segoe UI', sans-serif);\r\n    font-size: 1.1rem;\r\n    color: var(--text-muted);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* --- New List Layout (mobile-first) --- *\/\r\n.sectors-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;                 \/* gaps are handled by item padding\/border *\/\r\n    margin-bottom: 40px;\r\n    max-width: 800px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.sector-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 14px 5px;\r\n    border-bottom: 1px solid rgba(62, 2, 2, 0.1);\r\n    transition: var(--transition-smooth);\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    cursor: default;\r\n}\r\n\r\n\/* Staggered appearance *\/\r\n.is-visible .sector-item {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n.is-visible .sector-item:nth-child(1) { transition-delay: 0.15s; }\r\n.is-visible .sector-item:nth-child(2) { transition-delay: 0.3s; }\r\n.is-visible .sector-item:nth-child(3) { transition-delay: 0.45s; }\r\n.is-visible .sector-item:nth-child(4) { transition-delay: 0.6s; }\r\n.is-visible .sector-item:nth-child(5) { transition-delay: 0.75s; }\r\n\r\n\/* Icon container \u2013 small, clean, modern *\/\r\n.s-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    min-width: 46px;        \/* prevent shrinking *\/\r\n    background: #fff;\r\n    border: 2px solid var(--brand-color);\r\n    border-radius: 12px;    \/* slightly rounded square \u2013 more modern *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 20px;\r\n    color: var(--brand-color);\r\n    transition: var(--transition-smooth);\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n}\r\n\r\n\/* Text style *\/\r\n.s-content h3 {\r\n    font-family: var(--font-en, 'Segoe UI', sans-serif);\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n    line-height: 1.4;\r\n    margin: 0;\r\n    text-align: left;\r\n}\r\n\r\n\/* Hover effect \u2013 subtle shift and highlight *\/\r\n.sector-item:hover {\r\n    border-bottom-color: var(--brand-color);\r\n    transform: translateX(8px);   \/* gentle slide, not jump *\/\r\n}\r\n\r\n.sector-item:hover .s-icon {\r\n    background: var(--brand-color);\r\n    color: #fff;\r\n    border-radius: 50%;         \/* morph to circle on hover *\/\r\n    transform: scale(1.1);\r\n    box-shadow: 0 8px 18px rgba(62, 2, 2, 0.15);\r\n}\r\n\r\n\/* --- Footer Statement (mobile-friendly) --- *\/\r\n.sectors-footer {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: var(--transition-smooth);\r\n    transition-delay: 0.9s;\r\n}\r\n\r\n.is-visible .sectors-footer {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.sectors-footer p {\r\n    font-family: var(--font-en, 'Segoe UI', sans-serif);\r\n    font-size: 1rem;\r\n    font-style: italic;\r\n    color: var(--text-dark);\r\n    border-left: 4px solid var(--brand-color);\r\n    padding-left: 16px;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.6;\r\n    text-align: left;\r\n}\r\n\r\n\/* --- Desktop & Tablet Adaptation (keep the same lightweight look) --- *\/\r\n@media (min-width: 768px) {\r\n    .sectors-list {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 0;\r\n        column-gap: 30px;\r\n    }\r\n    .sector-item {\r\n        border-bottom: 1px solid rgba(62, 2, 2, 0.08);\r\n        padding: 16px 5px;\r\n    }\r\n    .sectors-footer p {\r\n        text-align: center;\r\n        border-left: none;\r\n        border-bottom: 3px solid var(--brand-color);\r\n        padding-bottom: 12px;\r\n        padding-left: 0;\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    \/* three columns for wide screens if you like \u2013 perfectly balanced *\/\r\n    .sectors-list {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        column-gap: 40px;\r\n    }\r\n    .sector-item {\r\n        padding: 18px 5px;\r\n    }\r\n    .sectors-footer p {\r\n        max-width: 800px;\r\n    }\r\n}\r\n\r\n\/* --- Extra small phones (really tight) --- *\/\r\n@media (max-width: 400px) {\r\n    .s-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        min-width: 40px;\r\n        font-size: 18px;\r\n    }\r\n    .s-content h3 {\r\n        font-size: 0.95rem;\r\n    }\r\n    .sector-item {\r\n        padding: 12px 2px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const section = document.getElementById('sectors-trigger');\r\n    \r\n    const observerOptions = {\r\n        threshold: 0.15\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-visible');\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    observer.observe(section);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a30b882 e-flex e-con-boxed e-con e-parent\" data-id=\"a30b882\" data-element_type=\"container\" data-e-type=\"container\" id=\"Services\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c7d316 elementor-widget elementor-widget-html\" data-id=\"2c7d316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FontAwesome for Premium Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"services-main-section\" id=\"services-trigger\">\r\n    <div class=\"services-container\">\r\n        \r\n        <!-- Part 1: Our Services -->\r\n        <div class=\"section-block\">\r\n            <div class=\"block-header\">\r\n                <h2 class=\"block-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h2>\r\n                <div class=\"block-line\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"services-grid\">\r\n                <!-- Service 1 -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"s-icon-wrap\">\r\n                        <i class=\"fa-solid fa-robot\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"s-text\">\r\n                        <h3>\u062a\u0634\u063a\u064a\u0644 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0627\u062a\u064a<\/h3>\r\n                        <p>\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0623\u062c\u0647\u0632\u0629 Vending Machines \u0628\u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 (\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u2013 \u0642\u0647\u0648\u0629 \u2013 \u0648\u062c\u0628\u0627\u062a \u062e\u0641\u064a\u0641\u0629).<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Service 2 -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"s-icon-wrap\">\r\n                        <i class=\"fa-solid fa-utensils\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"s-text\">\r\n                        <h3>\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0642\u0627\u0635\u0641 \u0627\u0644\u0630\u0643\u064a\u0629<\/h3>\r\n                        <p>\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0635\u0641 \u0648\u0627\u0644\u0643\u0627\u0641\u062a\u064a\u0631\u064a\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062f\u0627\u0631\u0633\u060c \u0627\u0644\u0645\u0643\u0627\u062a\u0628\u060c \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0639\u0627\u0645\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Service 3 -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"s-icon-wrap\">\r\n                        <i class=\"fa-solid fa-bolt-lightning\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"s-text\">\r\n                        <h3>\u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0641\u0648\u0631\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/h3>\r\n                        <p>\u062d\u0644\u0648\u0644 \u0628\u064a\u0639 \u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0630\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Service 4 -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"s-icon-wrap\">\r\n                        <i class=\"fa-solid fa-chart-pie\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"s-text\">\r\n                        <h3>\u0625\u062f\u0627\u0631\u0629 \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0643\u064a\u0629<\/h3>\r\n                        <p>\u062a\u0634\u063a\u064a\u0644 \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0627\u0626\u062f.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Part 2: Operational Sectors -->\r\n        <div class=\"section-block sectors-block\">\r\n            <div class=\"block-header\">\r\n                <h2 class=\"block-title\">\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644<\/h2>\r\n                <div class=\"block-line\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sectors-pills-container\">\r\n                <div class=\"sector-pill\">\r\n                    <i class=\"fa-solid fa-plane\"><\/i> <span>\u2022\t\u0627\u0644\u0645\u0637\u0627\u0631\u0627\u062a \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0646\u0642\u0644<\/span>\r\n                <\/div>\r\n                <div class=\"sector-pill\">\r\n                    <i class=\"fa-solid fa-building\"><\/i> <span>\u2022\t\u0627\u0644\u0645\u062c\u0645\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"sector-pill\">\r\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i> <span>\u2022\t\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"sector-pill\">\r\n                    <i class=\"fa-solid fa-hospital\"><\/i> <span>\u2022\t\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0635\u062d\u064a\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"sector-pill\">\r\n                    <i class=\"fa-solid fa-landmark\"><\/i> <span>\u2022\t\u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"sector-pill\">\r\n                    <i class=\"fa-solid fa-umbrella-beach\"><\/i> <span>\u2022\t\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u064a\u0629 \u0648\u0627\u0644\u0645\u0645\u0634\u0649 \u0627\u0644\u0639\u0627\u0645<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --serv-bg-dark: #370001;\r\n    --serv-brand-color: #ffffff;\r\n    --serv-text-white: #ffffff;\r\n    --serv-text-muted: #cccccc;\r\n    --serv-card-bg: rgba(255, 255, 255, 0.07);\r\n    --serv-transition: all 0.6s cubic-bezier(0.2, 1, 0.3, 1);\r\n}\r\n\r\n.services-main-section {\r\n    padding: 80px 15px;\r\n    display: flex;\r\n    justify-content: center;\r\n    background: var(--serv-bg-dark);\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.services-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n}\r\n\r\n.section-block {\r\n    margin-bottom: 80px;\r\n    text-align: center;\r\n}\r\n\r\n\/* --- Header Styling --- *\/\r\n.block-header {\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.block-title {\r\n    color: var(--serv-text-white) !important;\r\n    font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n    font-weight: 800;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.block-line {\r\n    width: 0;\r\n    height: 3px;\r\n    background: var(--serv-brand-color);\r\n    margin: 0 auto;\r\n    transition: width 1s ease-out 0.3s;\r\n}\r\n\r\n.is-visible .block-line {\r\n    width: 60px;\r\n}\r\n\r\n\/* --- Services Grid --- *\/\r\n.services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.service-card {\r\n    background: var(--serv-card-bg);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 30px;\r\n    border-radius: 24px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    text-align: left;\r\n    transition: var(--serv-transition);\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n.is-visible .service-card {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Staggered reveal *\/\r\n.is-visible .service-card:nth-child(1) { transition-delay: 0.1s; }\r\n.is-visible .service-card:nth-child(2) { transition-delay: 0.2s; }\r\n.is-visible .service-card:nth-child(3) { transition-delay: 0.3s; }\r\n.is-visible .service-card:nth-child(4) { transition-delay: 0.4s; }\r\n\r\n.s-icon-wrap {\r\n    width: 55px;\r\n    height: 55px;\r\n    min-width: 55px;\r\n    background: transparent;\r\n    border: 2px solid var(--serv-brand-color);\r\n    border-radius: 15px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 22px;\r\n    color: var(--serv-brand-color);\r\n    transition: var(--serv-transition);\r\n}\r\n\r\n.s-text h3 {\r\n    font-size: 1.3rem;\r\n    color: var(--serv-text-white);\r\n    margin-bottom: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n}\r\n\r\n.s-text p {\r\n    font-size: 0.95rem;\r\n    color: var(--serv-text-muted);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n.service-card:hover {\r\n    background: rgba(255, 255, 255, 0.12);\r\n    border-color: var(--serv-brand-color);\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.service-card:hover .s-icon-wrap {\r\n    background: var(--serv-brand-color);\r\n    color: var(--serv-bg-dark);\r\n}\r\n\r\n\/* --- Operational Sectors (Pills) --- *\/\r\n.sectors-pills-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.sector-pill {\r\n    background: var(--serv-card-bg);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    padding: 10px 20px;\r\n    border-radius: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    color: var(--serv-text-white);\r\n    transition: var(--serv-transition);\r\n    opacity: 0;\r\n    transform: scale(0.8);\r\n    cursor: pointer;\r\n}\r\n\r\n.is-visible .sector-pill {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n\/* Staggered reveal for pills *\/\r\n.is-visible .sector-pill:nth-child(n) { transition-delay: calc(0.1s * var(--i)); } \/* Simplified delay logic can be handled in JS or manual classes *\/\r\n\r\n.sector-pill i {\r\n    color: var(--serv-brand-color);\r\n    font-size: 0.9rem;\r\n}\r\n\r\n.sector-pill:hover {\r\n    background: var(--serv-brand-color);\r\n    color: var(--serv-bg-dark);\r\n}\r\n\r\n.sector-pill:hover i {\r\n    color: var(--serv-bg-dark);\r\n}\r\n\r\n\/* --- Responsiveness (The Magic Fix) --- *\/\r\n@media (max-width: 991px) {\r\n    .services-grid {\r\n        grid-template-columns: 1fr; \/* \u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f \u0648\u0644\u0643\u0646 \u0628\u062f\u0648\u0646 \u062a\u0645\u0637\u064a\u0637 *\/\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .services-main-section {\r\n        padding: 60px 15px;\r\n    }\r\n\r\n    .service-card {\r\n        padding: 20px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0634\u0648\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0645\u0637\u0637 *\/\r\n        gap: 15px;\r\n        align-items: center; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u0644\u0646\u0635 *\/\r\n    }\r\n\r\n    .s-icon-wrap {\r\n        width: 45px;\r\n        height: 45px;\r\n        min-width: 45px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .s-text h3 {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .s-text p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0643\u0628\u0633\u0648\u0644\u0627\u062a \u0625\u0644\u0649 \u0634\u0628\u0643\u0629 \u0645\u0646 \u0639\u0645\u0648\u062f\u064a\u0646 \u0644\u0627\u0633\u062a\u063a\u0644\u0627\u0644 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n    .sectors-pills-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr); \r\n        gap: 10px;\r\n    }\r\n\r\n    .sector-pill {\r\n        justify-content: center;\r\n        padding: 12px 10px;\r\n        font-size: 0.8rem;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .sectors-pills-container {\r\n        grid-template-columns: 1fr; \/* \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b \u0641\u0642\u0637 *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const initAnimations = () => {\r\n        const section = document.getElementById('services-trigger');\r\n        if (!section) return;\r\n\r\n        const observerOptions = {\r\n            threshold: 0.15\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        observer.observe(section);\r\n    };\r\n\r\n    if (document.readyState === 'complete') {\r\n        initAnimations();\r\n    } else {\r\n        window.addEventListener('load', initAnimations);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b91edfc e-flex e-con-boxed e-con e-parent\" data-id=\"b91edfc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;triangle-asymmetrical&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M738,99l262-93V0H0v5.6L738,99z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37c9069 elementor-widget elementor-widget-html\" data-id=\"37c9069\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"why-section\" id=\"why-trigger\">\r\n    <div class=\"why-container\">\r\n        \r\n        <div class=\"why-header\">\r\n            <h2 class=\"why-title\">\u0644\u0645\u0627\u0630\u0627 FYLMA Co<\/h2>\r\n            <div class=\"why-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mindset-core\">\r\n            <div class=\"mindset-box\">\r\n                <span class=\"mindset-label\">\u0641\u0644\u0633\u0641\u062a\u0646\u0627<\/span>\r\n                <p class=\"mindset-text\">\r\n                    \u0646\u062d\u0646 \u0646\u0639\u0645\u0644 \u0628\u0639\u0642\u0644\u064a\u0629 <span class=\"brand-highlight\">\u201cSystem Builder\u201d<\/span> \u0648\u0644\u064a\u0633<br> \r\n                    <span class=\"muted-text\">Operator<\/span>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"advantages-grid\">\r\n            \r\n            <div class=\"adv-card\">\r\n                <div class=\"adv-num\">01<\/div>\r\n                <h3>\u2022\t\u0628\u0646\u064a\u0629 \u062a\u0634\u063a\u064a\u0644 \u0630\u0643\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"adv-card\">\r\n                <div class=\"adv-num\">02<\/div>\r\n                <h3>\u2022\t\u062d\u0644\u0648\u0644 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0633\u0644\u0648\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"adv-card\">\r\n                <div class=\"adv-num\">03<\/div>\r\n                <h3>\u2022\t\u0627\u0646\u062a\u0634\u0627\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0642\u064a\u0645\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"adv-card\">\r\n                <div class=\"adv-num\">04<\/div>\r\n                <h3>\u2022\t\u062f\u0639\u0645 \u0645\u0628\u0627\u0634\u0631 \u0644\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"adv-card\">\r\n                <div class=\"adv-num\">05<\/div>\r\n                <h3>\u2022\t\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0628\u064a\u0639 \u0628\u0644\u0627 \u0627\u062d\u062a\u0643\u0627\u0643 \u062a\u0642\u0644\u064a\u062f\u064a<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"adv-card\">\r\n                <div class=\"adv-num\">06<\/div>\r\n                <h3>\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0623\u064a \u0645\u0648\u0642\u0639 \u0625\u0644\u0649 \u0646\u0642\u0637\u0629 \u0628\u064a\u0639 \u0630\u0643\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --brand-dark: #370001; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0639\u0646\u0627\u0628\u064a \u0627\u0644\u0641\u062e\u0645 *\/\r\n    --text-dark: #1a1a1a;\r\n    --text-muted: #666666;\r\n    --bg-soft: #fcfcfc;\r\n    --transition-smooth: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.why-section {\r\n    padding: 50px 15px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0648\u0627\u0644\u0633\u0641\u0644\u064a\u0629 *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    background: transparent;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.why-container {\r\n    width: 100%;\r\n    max-width: 1000px;\r\n}\r\n\r\n\/* --- Header --- *\/\r\n.why-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: var(--transition-smooth);\r\n}\r\n\r\n.is-visible .why-header {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.why-title {\r\n    color: var(--brand-dark);\r\n    font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n    font-weight: 800;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.why-line {\r\n    width: 0;\r\n    height: 3px;\r\n    background: var(--brand-dark);\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n    transition: width 0.8s ease-out 0.3s;\r\n}\r\n\r\n.is-visible .why-line {\r\n    width: 60px;\r\n}\r\n\r\n\/* --- Mindset Core --- *\/\r\n.mindset-core {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 40px;\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n    transition: var(--transition-smooth);\r\n    transition-delay: 0.2s;\r\n}\r\n\r\n.is-visible .mindset-core {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n.mindset-box {\r\n    background: var(--bg-soft);\r\n    border: 1px solid rgba(55, 0, 1, 0.1);\r\n    padding: 25px 20px;\r\n    border-radius: 20px;\r\n    text-align: center;\r\n    width: 100%;\r\n    max-width: 600px;\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.02);\r\n}\r\n\r\n.mindset-label {\r\n    display: block;\r\n    text-transform: uppercase;\r\n    font-size: 0.75rem;\r\n    letter-spacing: 2px;\r\n    color: var(--brand-dark);\r\n    margin-bottom: 10px;\r\n    font-weight: 800;\r\n}\r\n\r\n.mindset-text {\r\n    font-size: clamp(1rem, 3vw, 1.5rem);\r\n    color: var(--text-dark);\r\n    line-height: 1.5;\r\n    font-weight: 600;\r\n    margin: 0;\r\n}\r\n\r\n.brand-highlight {\r\n    color: var(--brand-dark);\r\n    font-weight: 800;\r\n}\r\n\r\n.muted-text {\r\n    color: var(--text-muted);\r\n    font-size: 0.85em;\r\n    font-weight: 500;\r\n    display: block;\r\n    margin-top: 5px;\r\n}\r\n\r\n\/* --- Advantages Grid (Compact Setup) --- *\/\r\n.advantages-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); \/* 3 \u0623\u0639\u0645\u062f\u0629 \u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\r\n    gap: 15px;\r\n}\r\n\r\n.adv-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(55, 0, 1, 0.08);\r\n    padding: 20px 15px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: var(--transition-smooth);\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n    text-align: left;\r\n}\r\n\r\n\/* Staggered Entrance *\/\r\n.is-visible .adv-card { opacity: 1; transform: translateY(0); }\r\n.is-visible .adv-card:nth-child(1) { transition-delay: 0.3s; }\r\n.is-visible .adv-card:nth-child(2) { transition-delay: 0.4s; }\r\n.is-visible .adv-card:nth-child(3) { transition-delay: 0.5s; }\r\n.is-visible .adv-card:nth-child(4) { transition-delay: 0.6s; }\r\n.is-visible .adv-card:nth-child(5) { transition-delay: 0.7s; }\r\n.is-visible .adv-card:nth-child(6) { transition-delay: 0.8s; }\r\n\r\n.adv-num {\r\n    font-size: 1.8rem;\r\n    font-weight: 900;\r\n    color: var(--brand-dark);\r\n    opacity: 0.15;\r\n    line-height: 1;\r\n    transition: var(--transition-smooth);\r\n}\r\n\r\n.adv-card h3 {\r\n    font-size: 0.95rem;\r\n    color: var(--text-dark);\r\n    margin: 0;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    transition: var(--transition-smooth);\r\n}\r\n\r\n\/* Hover Effect *\/\r\n.adv-card:hover {\r\n    background: var(--brand-dark);\r\n    border-color: var(--brand-dark);\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 25px rgba(55, 0, 1, 0.15);\r\n}\r\n\r\n.adv-card:hover .adv-num {\r\n    color: #ffffff;\r\n    opacity: 0.4;\r\n}\r\n\r\n.adv-card:hover h3 {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* --- Mobile Extreme Optimization --- *\/\r\n@media (max-width: 768px) {\r\n    .advantages-grid {\r\n        grid-template-columns: repeat(2, 1fr); \/* \u0639\u0645\u0648\u062f\u064a\u0646 \u0644\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u0647\u0648\u0627\u062a\u0641 *\/\r\n        gap: 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .why-section {\r\n        padding: 40px 10px;\r\n    }\r\n    \r\n    .mindset-box {\r\n        padding: 20px 15px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .advantages-grid {\r\n        grid-template-columns: repeat(2, 1fr); \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0639\u0631\u0636 \u0628\u062c\u0648\u0627\u0631 \u0628\u0639\u0636 (\u0639\u0645\u0648\u062f\u064a\u0646) \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n        gap: 8px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0631\u0627\u063a\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n    }\r\n\r\n    .adv-card {\r\n        padding: 15px 12px;\r\n        border-radius: 12px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .adv-num {\r\n        font-size: 1.4rem; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0631\u0642\u0645 *\/\r\n    }\r\n\r\n    .adv-card h3 {\r\n        font-size: 0.75rem; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0646\u0635 \u0644\u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0639\u0645\u0648\u062f\u064a\u0646 \u0628\u062f\u0648\u0646 \u062a\u0634\u0648\u0647 *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const initWhyAnimations = () => {\r\n        const section = document.getElementById('why-trigger');\r\n        if (!section) return;\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        observer.observe(section);\r\n    };\r\n\r\n    if (document.readyState === 'complete') {\r\n        initWhyAnimations();\r\n    } else {\r\n        window.addEventListener('load', initWhyAnimations);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19ba4d1 e-flex e-con-boxed e-con e-parent\" data-id=\"19ba4d1\" data-element_type=\"container\" data-e-type=\"container\" id=\"Project\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-928ccd1 elementor-widget elementor-widget-html\" data-id=\"928ccd1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Portfolio\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"trust-main-section\" id=\"trust-trigger\">\r\n    <div class=\"trust-container\">\r\n        \r\n        <!-- 1. Project Portfolio Section -->\r\n        <div class=\"trust-block portfolio-block\">\r\n            <div class=\"block-header\">\r\n                <h2 class=\"block-title\">\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h2>\r\n                <div class=\"block-line\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"portfolio-grid\">\r\n                <div class=\"port-col prev-projects\">\r\n                    <div class=\"col-label\"><i class=\"fa-solid fa-clock-rotate-left\"><\/i> \u0645\u0634\u0627\u0631\u064a\u0639 \u0633\u0627\u0628\u0642\u0629<\/div>\r\n                    <ul class=\"project-list\">\r\n                        <li class=\"p-item\">\u2022\t\u0645\u0648\u0644 \u062d\u064a\u0641\u0627<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u0648\u0644 \u0627\u0644\u0639\u0631\u0628<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0639\u064a\u0627\u062f\u0627\u062a \u0639\u064a\u062f \u0643\u0644\u064a\u0646\u0643<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0648\u062d\u062f\u0627\u062a \u0633\u0643\u0646\u064a\u0629 \u2013 \u062d\u064a \u0627\u0644\u0634\u0627\u0637\u0626<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0646\u0627\u062f\u064a \u0627\u062a\u062d\u0627\u062f \u062c\u062f\u0629 (\u0644\u0644\u0628\u0646\u0627\u062a)<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"port-col curr-projects\">\r\n                    <div class=\"col-label\"><i class=\"fa-solid fa-rocket\"><\/i> \u0645\u0634\u0627\u0631\u064a\u0639 \u062d\u0627\u0644\u064a\u0629<\/div>\r\n                    <ul class=\"project-list\">\r\n                        <li class=\"p-item\">\u2022\t\u0645\u0637\u0627\u0631 \u062c\u062f\u0629 \u0627\u0644\u062c\u062f\u064a\u062f<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u062d\u0637\u0629 \u0642\u0637\u0627\u0631 \u062c\u062f\u0629<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u0631\u0643\u0632 \u0627\u0644\u062c\u0641\u0627\u0644\u064a<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u062f\u0631\u0633\u0629 \u0646\u0648\u0646<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u062f\u0631\u0633\u0629 \u062b\u0627\u0645\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u0645\u0634\u0649 \u0627\u0644\u062a\u062d\u0644\u064a\u0629<\/li>\r\n                        <li class=\"p-item\">\u0645\u0645\u0634\u0649 \u0627\u0644\u064a\u0645\u0627\u0645\u0629<\/li>\r\n                        <li class=\"p-item\">\u2022\t\u0645\u0645\u0634\u0649 \u0627\u0644\u0643\u0648\u0631\u0646\u064a\u0634 \u0627\u0644\u062c\u0646\u0648\u0628\u064a \u2013 \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Leadership Section -->\r\n        <div class=\"trust-block leadership-block\">\r\n            <div class=\"leader-card\">\r\n                <div class=\"leader-info\">\r\n                    <div class=\"leader-meta\">\r\n                        <span class=\"meta-label\">\u0627\u0644\u0642\u064a\u0627\u062f\u0629 (Leadership)  \n\u0645\u0624\u0633\u0650\u0633\u0650\u0629 FYLMA Co<\/span>\r\n                        <h3 class=\"leader-name\">\u0641\u0627\u0637\u0645\u0629 \u064a\u0648\u0633\u0641 \u0639\u0642\u064a\u0644<\/h3>\r\n                    <\/div>\r\n                    <div class=\"leader-quote\">\r\n                        <i class=\"fa-solid fa-quote-left\"><\/i>\r\n                        <p>\u062a\u0642\u0648\u062f \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0631\u0624\u064a\u0629 \u062a\u0637\u0648\u064a\u0631 \u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0643\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u0648\u0628\u0646\u0627\u0621 \u0646\u0645\u0648\u0630\u062c \u062a\u0634\u063a\u064a\u0644 \u062d\u062f\u064a\u062b \u064a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u062c\u0632\u0626\u0629.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"leader-accent\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Operational Excellence Section -->\r\n        <div class=\"trust-block excellence-block\">\r\n            <div class=\"block-header\">\r\n                <h2 class=\"block-title\">\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a<\/h2>\r\n                <div class=\"block-line\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"excellence-grid\">\r\n                <div class=\"ex-item\">\r\n                    <div class=\"ex-icon\"><i class=\"fa-solid fa-check-double\"><\/i><\/div>\r\n                    <span>\u2022\t\u062a\u0634\u063a\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0630\u0627\u062a\u064a<\/span>\r\n                <\/div>\r\n                <div class=\"ex-item\">\r\n                    <div class=\"ex-icon\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\r\n                    <span>\u2022\t\u062a\u063a\u0637\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0644\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062d\u064a\u0648\u064a\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"ex-item\">\r\n                    <div class=\"ex-icon\"><i class=\"fa-solid fa-sliders\"><\/i><\/div>\r\n                    <span>\u2022\t\u0645\u0631\u0648\u0646\u0629 \u062a\u0634\u063a\u064a\u0644 \u0639\u0627\u0644\u064a\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"ex-item\">\r\n                    <div class=\"ex-icon\"><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n                    <span>\u2022\t\u062c\u0648\u062f\u0629 \u062e\u062f\u0645\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"ex-item\">\r\n                    <div class=\"ex-icon\"><i class=\"fa-solid fa-face-smile-beam\"><\/i><\/div>\r\n                    <span>\u2022\t\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.trust-main-section {\r\n    --trust-brand-color: #ffffff;\r\n    --trust-bg-dark: #370001; \r\n    --trust-text-white: #ffffff;\r\n    --trust-text-muted: #cccccc;\r\n    --trust-card-bg: rgba(255, 255, 255, 0.07);\r\n    --trust-transition: all 0.6s cubic-bezier(0.2, 1, 0.3, 1);\r\n    \r\n    padding: 80px 15px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0634\u0648\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0644\u0644\u062c\u0648\u0627\u0644 *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    background: var(--trust-bg-dark);\r\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    overflow-x: hidden; \/* \u0645\u0646\u0639 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0623\u0641\u0642\u064a *\/\r\n}\r\n\r\n.trust-main-section .trust-container {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n}\r\n\r\n.trust-main-section .trust-block {\r\n    margin-bottom: 80px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n    text-align: center;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 *\/\r\n.trust-main-section .block-title {\r\n    color: var(--trust-text-white) !important;\r\n    font-size: clamp(1.8rem, 5vw, 2.8rem) !important; \/* \u062e\u0637 \u0645\u0631\u0646 \u064a\u062a\u063a\u064a\u0631 \u062d\u0633\u0628 \u062d\u062c\u0645 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n    font-weight: 800 !important;\r\n    margin-bottom: 15px !important;\r\n    line-height: 1.2 !important;\r\n}\r\n\r\n.trust-main-section .block-line {\r\n    width: 0;\r\n    height: 3px;\r\n    background: var(--trust-brand-color);\r\n    margin: 0 auto;\r\n    transition: width 1s ease-out 0.3s;\r\n}\r\n\r\n.trust-main-section.is-visible .block-line {\r\n    width: 60px;\r\n}\r\n\r\n\/* Portfolio Grid *\/\r\n.trust-main-section .portfolio-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    margin-top: 40px;\r\n}\r\n\r\n.trust-main-section .port-col {\r\n    background: var(--trust-card-bg);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 30px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0634\u0648\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 *\/\r\n    border-radius: 20px;\r\n    text-align: left;\r\n    transition: var(--trust-transition);\r\n    opacity: 0;\r\n}\r\n\r\n.trust-main-section .prev-projects { transform: translateX(-30px); }\r\n.trust-main-section .curr-projects { transform: translateX(30px); }\r\n\r\n.trust-main-section.is-visible .port-col {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n.trust-main-section .col-label {\r\n    font-weight: 700;\r\n    color: var(--trust-brand-color);\r\n    font-size: 1.2rem;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding-bottom: 12px;\r\n}\r\n\r\n.trust-main-section .project-list {\r\n    list-style: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.trust-main-section .p-item {\r\n    font-size: 1rem;\r\n    color: var(--trust-text-white);\r\n    margin-bottom: 12px;\r\n    padding-left: 22px;\r\n    position: relative;\r\n    line-height: 1.4;\r\n}\r\n\r\n.trust-main-section .p-item::before {\r\n    content: \"\u2192\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: var(--trust-brand-color);\r\n    font-weight: bold;\r\n}\r\n\r\n\/* Leadership Card *\/\r\n.trust-main-section .leader-card {\r\n    position: relative;\r\n    background: var(--trust-card-bg);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 40px 30px; \/* \u062d\u0634\u0648\u0629 \u0645\u062a\u0648\u0627\u0632\u0646\u0629 *\/\r\n    border-radius: 25px;\r\n    max-width: 750px;\r\n    margin: 0 auto;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: var(--trust-transition);\r\n}\r\n\r\n.trust-main-section.is-visible .leader-card {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.trust-main-section .leader-name {\r\n    font-size: clamp(1.5rem, 4vw, 2.2rem) !important;\r\n    color: var(--trust-text-white) !important;\r\n    font-weight: 800 !important;\r\n    margin: 10px 0 !important;\r\n}\r\n\r\n.trust-main-section .meta-label {\r\n    color: var(--trust-brand-color);\r\n    font-size: 0.85rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    display: block;\r\n}\r\n\r\n.trust-main-section .leader-quote {\r\n    font-size: clamp(1rem, 3vw, 1.2rem);\r\n    line-height: 1.6;\r\n    color: var(--trust-text-muted);\r\n    font-style: italic;\r\n    margin-top: 20px;\r\n}\r\n\r\n.trust-main-section .leader-quote i {\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    font-size: 1.5rem;\r\n    opacity: 0.6;\r\n}\r\n\r\n.trust-main-section .leader-accent {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 4px;\r\n    background: var(--trust-brand-color);\r\n    border-radius: 10px 10px 0 0;\r\n}\r\n\r\n\/* Operational Excellence *\/\r\n.trust-main-section .excellence-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-top: 40px;\r\n}\r\n\r\n.trust-main-section .ex-item {\r\n    background: var(--trust-card-bg);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 12px 20px;\r\n    border-radius: 100px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: var(--trust-text-white);\r\n    transition: var(--trust-transition);\r\n    opacity: 0;\r\n    transform: scale(0.9);\r\n    font-size: 0.95rem;\r\n    \/* \u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062a\u0623\u062e\u0630 \u0645\u0633\u0627\u062d\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0645\u0637\u0637 *\/\r\n    flex: 0 1 auto; \r\n}\r\n\r\n.trust-main-section.is-visible .ex-item {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n.trust-main-section .ex-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    background: var(--trust-brand-color);\r\n    color: var(--trust-bg-dark);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 0.8rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629 (Mobile Specific) *\/\r\n@media (max-width: 768px) {\r\n    .trust-main-section {\r\n        padding: 60px 15px;\r\n    }\r\n    \r\n    .trust-main-section .trust-block {\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .trust-main-section .portfolio-grid {\r\n        grid-template-columns: 1fr; \/* \u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f \u0641\u0642\u0637 *\/\r\n        gap: 20px;\r\n    }\r\n\r\n    .trust-main-section .port-col {\r\n        padding: 25px 20px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0634\u0648\u0629 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0645\u0637\u0637 *\/\r\n    }\r\n\r\n    .trust-main-section .leader-card {\r\n        padding: 30px 20px; \/* \u062a\u0642\u0644\u064a\u0644 \u062d\u0634\u0648\u0629 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062f\u064a\u0631 *\/\r\n    }\r\n\r\n    .trust-main-section .ex-item {\r\n        width: 100%; \/* \u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062a\u0645\u062a\u062f \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0634\u0643\u0644 \u0645\u062a\u0646\u0627\u0633\u0642 *\/\r\n        justify-content: flex-start;\r\n        padding: 15px 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .trust-main-section .block-title {\r\n        font-size: 1.6rem !important;\r\n    }\r\n    \r\n    .trust-main-section .col-label {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .trust-main-section .p-item {\r\n        font-size: 0.95rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const initTrustAnimations = () => {\r\n        const section = document.getElementById('trust-trigger');\r\n        if (!section) return;\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        observer.observe(section);\r\n    };\r\n\r\n    if (document.readyState === 'complete') {\r\n        initTrustAnimations();\r\n    } else {\r\n        window.addEventListener('load', initTrustAnimations);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25656ca e-flex e-con-boxed e-con e-parent\" data-id=\"25656ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;pyramids&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M761.9,44.1L643.1,27.2L333.8,98L0,3.8V0l1000,0v3.9\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37c4176 elementor-widget elementor-widget-html\" data-id=\"37c4176\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Contact\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"contact-clean-section\" id=\"contact-trigger\">\r\n    <div class=\"contact-main-wrapper\">\r\n        \r\n        <div class=\"contact-header\">\r\n            <h2 class=\"contact-title\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h2>\r\n            <div class=\"contact-line\"><\/div>\r\n            <h3 class=\"company-full-name\">\u0634\u0631\u0643\u0629 \u0641\u064a\u0644\u0645\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 (FYLMA Co)<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"contact-hub\">\r\n            \r\n            <div class=\"c-pill official\">\r\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                <span>7050866735<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/wa.me\/966561004157\" target=\"_blank\" class=\"c-pill\" rel=\"noopener\">\r\n                <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n                <span>+966 56 100 4157<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"mailto:info@fylmaco.com\" class=\"c-pill\">\r\n                <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n                <span>info@fylmaco.com<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/fylmaco.com\/ar\/\" target=\"_blank\" class=\"c-pill\">\r\n                <i class=\"fa-solid fa-globe\"><\/i>\r\n                <span>fylmaco.com<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"contact-manifesto\">\r\n            <p>\u0641\u064a FYLMA Co\u060c  \u0644\u0627 \u0646\u0634\u063a\u0651\u0644 \u0623\u062c\u0647\u0632\u0629 \u0628\u064a\u0639 \u0641\u0642\u0637\u2026 <br>\r\n            <span class=\"manifesto-highlight\">\u0628\u0644 \u0646\u0628\u0646\u064a \u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0625\u064a\u0631\u0627\u062f \u0630\u0643\u064a\u0629 \u062a\u0646\u0645\u0648 \u062f\u0627\u062e\u0644 \u0643\u0644 \u0645\u0648\u0642\u0639.<\/span><\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --brand-dark: #370001;\r\n    --brand-dark-soft: rgba(55, 0, 1, 0.06); \r\n    --text-dark: #1a1a1a;\r\n    --transition-main: all 0.3s ease;\r\n}\r\n\r\n.contact-clean-section {\r\n    padding: 40px 10px;\r\n    display: flex;\r\n    justify-content: center;\r\n    background: transparent !important;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.contact-main-wrapper {\r\n    width: 100%;\r\n    max-width: 900px;\r\n    text-align: center;\r\n}\r\n\r\n\/* --- Header Styling --- *\/\r\n.contact-header {\r\n    margin-bottom: 25px;\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n    transition: var(--transition-main);\r\n}\r\n\r\n.is-visible .contact-header {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.contact-title {\r\n    color: var(--brand-dark);\r\n    font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n    font-weight: 800;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.contact-line {\r\n    width: 0;\r\n    height: 3px;\r\n    background: var(--brand-dark);\r\n    margin: 0 auto 12px;\r\n    transition: width 0.8s ease-out 0.2s;\r\n    border-radius: 2px;\r\n}\r\n\r\n.is-visible .contact-line {\r\n    width: 40px;\r\n}\r\n\r\n.company-full-name {\r\n    font-size: clamp(0.85rem, 2vw, 1rem);\r\n    color: var(--text-dark);\r\n    font-weight: 500;\r\n    opacity: 0.8;\r\n}\r\n\r\n\/* --- Smart Pills Layout (Compact & Side-by-Side) --- *\/\r\n.contact-hub {\r\n    display: flex;\r\n    flex-wrap: wrap; \/* \u064a\u0633\u0645\u062d \u0628\u0627\u0644\u062a\u0641\u0627\u0641 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0630\u0643\u0627\u0621 *\/\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 10px; \/* \u0645\u0633\u0627\u0641\u0629 \u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b \u0628\u064a\u0646 \u0627\u0644\u0643\u0628\u0633\u0648\u0644\u0627\u062a *\/\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.c-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(55, 0, 1, 0.12);\r\n    padding: 10px 16px;\r\n    border-radius: 50px; \/* \u0634\u0643\u0644 \u0627\u0644\u0643\u0628\u0633\u0648\u0644\u0629 \u0627\u0644\u062f\u0627\u0626\u0631\u064a *\/\r\n    text-decoration: none;\r\n    color: var(--text-dark);\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    white-space: nowrap; \/* \u064a\u0645\u0646\u0639 \u0646\u0632\u0648\u0644 \u0627\u0644\u0646\u0635 \u0644\u0633\u0637\u0631 \u062c\u062f\u064a\u062f *\/\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n    transition: var(--transition-main);\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n}\r\n\r\n.c-pill i {\r\n    font-size: 1.1rem;\r\n    color: var(--brand-dark);\r\n    transition: var(--transition-main);\r\n}\r\n\r\n.is-visible .c-pill {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n.is-visible .c-pill:nth-child(1) { transition-delay: 0.1s; }\r\n.is-visible .c-pill:nth-child(2) { transition-delay: 0.15s; }\r\n.is-visible .c-pill:nth-child(3) { transition-delay: 0.2s; }\r\n.is-visible .c-pill:nth-child(4) { transition-delay: 0.25s; }\r\n\r\n\/* Official ID Style *\/\r\n.c-pill.official {\r\n    background: #fcfcfc;\r\n    border: 1px dashed var(--brand-dark);\r\n    cursor: default;\r\n}\r\n\r\n\/* Hover Effects *\/\r\n.c-pill:hover {\r\n    background: var(--brand-dark);\r\n    color: #ffffff;\r\n    border-color: var(--brand-dark);\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 5px 15px rgba(55, 0, 1, 0.15);\r\n}\r\n\r\n.c-pill:hover i {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* --- Manifesto Styling --- *\/\r\n.contact-manifesto {\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n    transition: var(--transition-main);\r\n    transition-delay: 0.4s;\r\n}\r\n\r\n.is-visible .contact-manifesto {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.contact-manifesto p {\r\n    font-size: clamp(0.85rem, 2.5vw, 1rem);\r\n    color: var(--text-dark);\r\n    line-height: 1.6;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.manifesto-highlight {\r\n    display: inline-block;\r\n    color: var(--brand-dark);\r\n    font-weight: 700;\r\n    margin-top: 5px;\r\n}\r\n\r\n\/* --- Extreme Mobile Optimization --- *\/\r\n@media (max-width: 480px) {\r\n    .contact-clean-section {\r\n        padding: 30px 5px;\r\n    }\r\n    \r\n    .contact-hub {\r\n        gap: 8px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0631\u0627\u063a\u0627\u062a \u0623\u0643\u062b\u0631 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n    }\r\n\r\n    .c-pill {\r\n        padding: 8px 12px;\r\n        font-size: 0.75rem; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062e\u0637 \u0644\u064a\u062a\u0633\u0639 *\/\r\n        flex: 1 1 calc(50% - 10px); \/* \u064a\u062c\u0628\u0631\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u0638\u0647\u0648\u0631 2 \u0628\u062c\u0648\u0627\u0631 \u0628\u0639\u0636 \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n    }\r\n\r\n    .c-pill i {\r\n        font-size: 0.95rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const initContactAnimations = () => {\r\n        const section = document.getElementById('contact-trigger');\r\n        if (!section) return;\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        observer.observe(section);\r\n    };\r\n\r\n    if (document.readyState === 'complete') {\r\n        initContactAnimations();\r\n    } else {\r\n        window.addEventListener('load', initContactAnimations);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01f13b8 e-flex e-con-boxed e-con e-parent\" data-id=\"01f13b8\" 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-825386c elementor-widget elementor-widget-html\" data-id=\"825386c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"tel:+966561004157\" class=\"float-btn call-btn\">\r\n  <i class=\"fas fa-phone-alt\"><\/i>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/wa.me\/966561004157\" class=\"float-btn whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n  <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\r\n  <\/svg>\r\n<\/a>\r\n\r\n<style>\r\n.float-btn {\r\n    position: fixed;\r\n    bottom: 30px; \/* \u0631\u0641\u0639\u062a\u0647\u0627 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u062a\u0628\u062f\u0648 \u0623\u0641\u0636\u0644 *\/\r\n    width: 65px;\r\n    height: 65px;\r\n    color: #FFF;\r\n    border-radius: 50%; \/* \u062f\u0627\u0626\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 *\/\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n    z-index: 9999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* \u0632\u0631 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 - \u0643\u0644\u0627\u0633\u064a\u0643\u064a \u0648\u0646\u0638\u064a\u0641 *\/\r\n.call-btn {\r\n    left: 30px;\r\n    background-color: #800020;\r\n    font-size: 24px;\r\n}\r\n\r\n\/* \u0632\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 - \u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635 *\/\r\n.whatsapp-btn {\r\n    right: 30px;\r\n    background-color: #25D366;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0640 SVG \u0644\u064a\u0646\u0627\u0633\u0628 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0632\u0631 *\/\r\n.whatsapp-btn svg {\r\n    width: 35px;\r\n    height: 35px;\r\n    fill: #fff; \/* \u062a\u0644\u0648\u064a\u0646 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0628\u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0648\u0641\u0631 (Interaction) *\/\r\n.float-btn:hover {\r\n    transform: translateY(-8px); \/* \u062d\u0631\u0643\u0629 \u0635\u0639\u0648\u062f \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 *\/\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n    background-color: #1ebe57; \/* \u062a\u063a\u064a\u064a\u0631 \u062f\u0631\u062c\u0629 \u0627\u0644\u0644\u0648\u0646 \u0639\u0646\u062f \u0627\u0644\u0648\u0642\u0648\u0641 \u0639\u0644\u064a\u0647 *\/\r\n}\r\n\r\n.call-btn:hover {\r\n    background-color: #600018;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FYLMA Co Smart Retail Systems We are leading the shift from traditional retail to a smart model that operates 24\/7, integrating digital efficiency with seamless consumer experiences across Saudi Arabia. Explore Services Who are we? FYLMA Co FYLMA Co is a Saudi company specialized in operating and managing vending machines and smart retail solutions in<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"solace_meta_sidebar":"","solace_meta_container":"","solace_meta_enable_content_width":"","solace_meta_content_width":0,"solace_meta_title_alignment":"","solace_meta_author_avatar":"","solace_post_elements_order":"","solace_meta_disable_header":"","solace_meta_disable_footer":"","solace_meta_disable_title":"","footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":316,"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":537,"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/pages\/49\/revisions\/537"}],"wp:attachment":[{"href":"https:\/\/fylmaco.com\/ar\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}