{"id":6,"date":"2026-05-10T05:14:05","date_gmt":"2026-05-10T05:14:05","guid":{"rendered":"https:\/\/fast-source.com\/?page_id=6"},"modified":"2026-05-10T07:41:39","modified_gmt":"2026-05-10T07:41:39","slug":"home","status":"publish","type":"page","link":"https:\/\/fast-source.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6e0200 e-flex e-con-boxed e-con e-parent\" data-id=\"a6e0200\" 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<div class=\"elementor-element elementor-element-12b0737 e-con-full e-flex e-con e-child\" data-id=\"12b0737\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e668ed9 elementor-widget elementor-widget-image\" data-id=\"e668ed9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"145\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-300x145.png\" class=\"attachment-medium size-medium wp-image-37\" alt=\"\" srcset=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-300x145.png 300w, https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-1024x494.png 1024w, https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-768x370.png 768w, https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-1536x741.png 1536w, https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-2048x988.png 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b09566 elementor-widget elementor-widget-tp-navigation-menu-lite\" data-id=\"8b09566\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-navigation-menu-lite.default\">\n\t\t\t\t\t\n\t\t<div class=\"plus-navigation-wrap text-center nav-menu6a0037ea8ff8f\">\n\t\t\t<div class=\"plus-navigation-inner menu-hover main-menu-indicator-none sub-menu-indicator-none \"  data-menu_transition=\"style-1\">\n\t\t\t\t<div id=\"theplus-navigation-normal-menu\" class=\"collapse navbar-collapse navbar-ex1-collapse\">\n\t\n\t\t\t\t\t<div class=\"plus-navigation-menu menu-horizontal\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<ul class=\"nav navbar-nav  \"><li class='menu-item depth-0    elementor-repeater-item-fb4430f' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/\" title=\"Home\" data-text=\"Home\" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Home<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-45e2678' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/about-us\/\" title=\"About Us \" data-text=\"About Us \" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">About Us <\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-7a86f7e' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/destination\/\" title=\"Destination\" data-text=\"Destination\" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Destination<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-3f1c520' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/blogs\/\" title=\"Blog \" data-text=\"Blog \" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Blog <\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-fa72010' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/contact-us\/\" title=\"Contact Us\" data-text=\"Contact Us\" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Contact Us<\/span><\/a><\/li><\/ul>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"plus-mobile-nav-toggle navbar-header mobile-toggle\">\n\t\t\t\t\t\t<div class=\"mobile-plus-toggle-menu plus-collapsed toggle-style-1\" data-target=\"#plus-mobile-nav-toggle-nav-menu6a0037ea8ff8f\">\n\t\t\t\t\t\t\t<ul class=\"toggle-lines\">\n\t\t\t\t\t\t\t\t<li class=\"toggle-line\"><\/li>\n\t\t\t\t\t\t\t\t<li class=\"toggle-line\"><\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t<div id=\"plus-mobile-nav-toggle-nav-menu6a0037ea8ff8f\"\n\t\t\t\t\t\tclass=\"plus-mobile-menu  collapse navbar-collapse navbar-ex1-collapse plus-mobile-menu-content \">\n\t\t\t\t\t\t<ul class=\"nav navbar-nav  \"><li class='menu-item depth-0    elementor-repeater-item-fb4430f' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/\" title=\"Home\" data-text=\"Home\" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Home<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-45e2678' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/about-us\/\" title=\"About Us \" data-text=\"About Us \" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">About Us <\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-7a86f7e' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/destination\/\" title=\"Destination\" data-text=\"Destination\" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Destination<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-3f1c520' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/blogs\/\" title=\"Blog \" data-text=\"Blog \" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Blog <\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-fa72010' ><a href=\"https:\/\/etemplates.wdesignkit.com\/travelventure\/contact-us\/\" title=\"Contact Us\" data-text=\"Contact Us\" target=\"_blank\" rel=\"noopener\"><span class=\"plus-title-wrap\">Contact Us<\/span><\/a><\/li><\/ul>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t \n\t\t<style>@media (min-width:759px){.plus-navigation-wrap.nav-menu6a0037ea8ff8f #theplus-navigation-normal-menu{display: block!important;}.plus-navigation-wrap.nav-menu6a0037ea8ff8f #plus-mobile-nav-toggle-nav-menu6a0037ea8ff8f.collapse.in{display:none;}}@media (max-width:758px){.plus-navigation-wrap.nav-menu6a0037ea8ff8f #theplus-navigation-normal-menu{display:none !important;}.plus-navigation-wrap.nav-menu6a0037ea8ff8f .plus-mobile-nav-toggle.mobile-toggle{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;}}<\/style>\t\t\t\t<\/div>\n\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-53dd8f7 e-flex e-con-boxed e-con e-parent\" data-id=\"53dd8f7\" 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-cea8d01 elementor-widget elementor-widget-html\" data-id=\"cea8d01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"premium-industrial-section\">\r\n    <!-- Background Engineering Elements -->\r\n    <div class=\"eng-bg\">\r\n        <div class=\"shape gear\">\u2699\ufe0f<\/div>\r\n        <div class=\"shape hex\">\u2b22<\/div>\r\n        <div class=\"shape gear\">\u2699\ufe0f<\/div>\r\n        <div class=\"shape hex\">\u2b22<\/div>\r\n        <div class=\"shape line\"><\/div>\r\n        <div class=\"shape gear\">\u2699\ufe0f<\/div>\r\n        <div class=\"shape hex\">\u2b22<\/div>\r\n        <div class=\"shape line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"content-wrapper\">\r\n        <!-- Logo Section -->\r\n        <div class=\"logo-container\">\r\n            <svg version=\"1.1\" id=\"logo-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 595.3 841.9\">\r\n                <style>\r\n                    .st0 { fill: #D62316; stroke: #D62316; stroke-width: 2; }\r\n                    .st1 { fill: #203C84; stroke: #203C84; stroke-width: 2; }\r\n                    .draw-path { \r\n                        stroke-dasharray: 3000; \r\n                        stroke-dashoffset: 3000; \r\n                        animation: drawLogo 3s cubic-bezier(0.4, 0, 0.2, 1) forwards; \r\n                        fill: rgba(0,0,0,0);\r\n                    }\r\n                    @keyframes drawLogo {\r\n                        to { stroke-dashoffset: 0; }\r\n                    }\r\n                <\/style>\r\n                <g>\r\n                    <g>\r\n                        <path class=\"st0 draw-path\" d=\"M56,439.4C56,439.4,56,439.3,56,439.4C55.9,439.3,56,439.3,56,439.4z\"\/>\r\n                        <path class=\"st0 draw-path\" d=\"M320.5,510.9c-77.1-1.3-131.9-14.5-142.5-17.3c-128-35.4-73.6-95.2-73.6-95.2c52-55.6,192.7-56.2,223.7-55.6\r\n                            c-164.5-4.4-227.3,28.6-251.1,54.7c-16.1,17.6-14.6,45,3.1,61c59.1,53.2,241.7,56.4,241.7,56.4C75.8,523.6,56.5,442.1,56,439.4\r\n                            c12.7,70.5,137.9,79.9,137.9,79.9c182.7,25.2,353.4-24.5,353.4-24.5C447.9,508,373.5,511.4,320.5,510.9z\"\/>\r\n                    <\/g>\r\n                    <g>\r\n                        <polygon class=\"st1 draw-path\" points=\"436,407.4 476.4,407.4 451.8,488.9 411.7,488.9\"\/>\r\n                        <path class=\"st1 draw-path\" d=\"M294.5,408.2c1.6-5.7,7.1-9.4,13-9.4l222.7-0.4l21.1-28.9l-237.8,0.1c-52.3,1.4-59.9,46.4-59.9,46.4\r\n                            c-1.3,13.7,6.4,20.1,13.1,23.1c3.9,1.8,8.3,2.5,12.6,2.5h69.5c1.4,0.2,4,0.8,5.3,2.6c0.1,0.1,0.2,0.2,0.3,0.3\r\n                            c2.9,5.5-1.4,10.4-4.9,13.3c-4.7,3.3-8.8,2.7-8.8,2.7l0,0H235.5l-22.1,28.4h132c38.3-0.9,47.3-40.5,47.3-40.5\r\n                            c8.6-32.4-29.3-32.9-29.3-32.9h-63.4c-3.7,0-6.6-3.5-5.7-7.1C294.5,408.3,294.5,408.3,294.5,408.2z\"\/>\r\n                        <path class=\"st1 draw-path\" d=\"M141.7,385.7c-0.5,0.5-1,1.1-1.5,1.6c-7,7.7-12.1,16.9-15.3,26.8l-15.4,46.9c7.6,6.9,18.2,13.7,33.1,20.2\r\n                            l13.4-35.2h66.2l13.8-26.6l-73.4-0.5l5.8-16.8l76.5,0.1c15-25.5,31-31.5,31-31.5h-98.3C164.1,370.9,151.1,376.1,141.7,385.7z\"\/>\r\n                    <\/g>\r\n                <\/g>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <!-- Text Section -->\r\n        <div class=\"text-wrapper\">\r\n            <div class=\"reveal-box\">\r\n                <h1 class=\"premium-title\">\r\n                    Your Strategic Partner for <span class=\"accent\">Premium Industrial & Construction Solutions<\/span>\r\n                <\/h1>\r\n            <\/div>\r\n            <div class=\"reveal-box delay-sub\">\r\n                <p class=\"premium-subtitle\">Delivering Quality, Safety, and Operational Excellence across Saudi Arabia.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .premium-industrial-section {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        min-height: 80vh;\r\n        background: transparent;\r\n        font-family: 'Montserrat', sans-serif;\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Floating Animation *\/\r\n    .eng-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }\r\n    .shape { position: absolute; color: rgba(32, 60, 132, 0.06); font-size: 40px; animation: floatBg 20s infinite linear; }\r\n    .hex { color: rgba(214, 35, 22, 0.04); }\r\n    .line { width: 80px; height: 1px; background: rgba(32, 60, 132, 0.06); }\r\n    \r\n    .shape:nth-child(1) { top: 10%; left: 10%; }\r\n    .shape:nth-child(2) { top: 20%; right: 15%; animation-duration: 25s; }\r\n    .shape:nth-child(3) { bottom: 15%; left: 20%; }\r\n    .shape:nth-child(4) { bottom: 10%; right: 10%; animation-duration: 18s; }\r\n    .shape:nth-child(5) { top: 50%; left: 5%; }\r\n    .shape:nth-child(6) { top: 40%; right: 5%; }\r\n    .shape:nth-child(7) { top: 70%; left: 40%; }\r\n    .shape:nth-child(8) { top: 30%; left: 30%; }\r\n\r\n    @keyframes floatBg {\r\n        0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }\r\n        20% { opacity: 1; }\r\n        80% { opacity: 1; }\r\n        100% { transform: translate(100px, 100px) rotate(360deg); opacity: 0; }\r\n    }\r\n\r\n    .content-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        max-width: 1100px;\r\n    }\r\n\r\n    #logo-svg {\r\n        width: 220px; \/* \u062d\u062c\u0645 \u0645\u062a\u0648\u0627\u0632\u0646 *\/\r\n        height: auto;\r\n        margin-bottom: 30px;\r\n        filter: drop-shadow(0px 10px 15px rgba(0,0,0,0.1));\r\n    }\r\n\r\n    \/* Reveal Animation Logic *\/\r\n    .text-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .reveal-box {\r\n        overflow: hidden; \/* \u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0633\u0631 \u0641\u064a \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u0633\u062d *\/\r\n        display: inline-block;\r\n        vertical-align: bottom;\r\n    }\r\n\r\n    .premium-title, .premium-subtitle {\r\n        display: block;\r\n        transform: translateX(-100%); \/* \u064a\u0628\u062f\u0623 \u0645\u0646 \u062e\u0627\u0631\u062c \u0627\u0644\u0634\u0627\u0634\u0629 \u064a\u0633\u0627\u0631\u0627\u064b *\/\r\n        animation: revealLeft 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n        margin: 0;\r\n    }\r\n\r\n    .delay-sub {\r\n        animation-delay: 0.3s; \/* \u062a\u0623\u062e\u064a\u0631 \u0628\u0633\u064a\u0637 \u062c\u062f\u0627\u064b \u0644\u064a\u0639\u0637\u064a \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 *\/\r\n    }\r\n    .delay-sub .premium-subtitle {\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    @keyframes revealLeft {\r\n        to { transform: translateX(0); }\r\n    }\r\n\r\n    \/* Typography Styling *\/\r\n    .premium-title {\r\n        font-size: 32px; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062d\u062c\u0645 \u0644\u064a\u0643\u0648\u0646 \u0623\u0643\u062b\u0631 \u0623\u0646\u0627\u0642\u0629 *\/\r\n        font-weight: 600;\r\n        color: #203C84;\r\n        line-height: 1.2;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .premium-title .accent {\r\n        color: #D62316;\r\n        font-weight: 800;\r\n        display: inline; \/* \u062c\u0639\u0644\u0647\u0627 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0633\u0637\u0631 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n    }\r\n\r\n    .premium-subtitle {\r\n        font-size: 17px;\r\n        font-weight: 400;\r\n        color: #666;\r\n        max-width: 800px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Mobile Adaptation *\/\r\n    @media (max-width: 768px) {\r\n        .premium-title { font-size: 22px; }\r\n        .premium-title .accent { font-size: 24px; }\r\n        .premium-subtitle { font-size: 14px; }\r\n        #logo-svg { width: 160px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const paths = document.querySelectorAll('.draw-path');\r\n\r\n        \/\/ \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0628\u0627\u0644\u062a\u0632\u0627\u0645\u0646 \u0645\u0639 \u0627\u0644\u0631\u0633\u0645\r\n        paths.forEach((path, index) => {\r\n            path.style.transition = \"fill 1s ease-in-out\";\r\n            path.style.transitionDelay = (2 + (index * 0.1)) + \"s\"; \r\n            \r\n            setTimeout(() => {\r\n                if(path.classList.contains('st0')) path.style.fill = \"#D62316\";\r\n                if(path.classList.contains('st1')) path.style.fill = \"#203C84\";\r\n            }, 2000);\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-4e065c9 e-flex e-con-boxed e-con e-parent\" data-id=\"4e065c9\" 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-856e55a elementor-widget elementor-widget-html\" data-id=\"856e55a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"about-premium-section\">\r\n    <div class=\"about-container\">\r\n        \r\n        <!-- Image Side -->\r\n        <div class=\"about-image-wrapper reveal-left\">\r\n            <div class=\"image-decor-box\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/seedream-4.5_a_I_placed_the_logo_in.jpeg\" alt=\"Fast Source About Us\" class=\"about-main-img\">\r\n        <\/div>\r\n\r\n        <!-- Text Side -->\r\n        <div class=\"about-text-wrapper reveal-right\">\r\n            <div class=\"section-tag\">ABOUT US<\/div>\r\n            <h2 class=\"about-title\">Leading the Way in <span class=\"highlight\">Industrial Excellence<\/span><\/h2>\r\n            \r\n            <div class=\"about-description\">\r\n                <p class=\"main-para\">\r\n                    <strong>FAST SOURCE TRADING EST.<\/strong> is a leading supplier of premium-quality construction, industrial, and safety materials in Saudi Arabia.\r\n                <\/p>\r\n                <p class=\"sub-para\">\r\n                    We provide complete solutions for EPC contractors, engineering companies, and industrial clients, ensuring reliability, compliance, and operational efficiency across all projects.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Core Values \/ Highlights -->\r\n            <div class=\"about-features\">\r\n                <div class=\"feature-item\">\r\n                    <span class=\"feature-icon\">\u2714<\/span>\r\n                    <span>Premium Quality<\/span>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <span class=\"feature-icon\">\u2714<\/span>\r\n                    <span>Safety Compliance<\/span>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <span class=\"feature-icon\">\u2714<\/span>\r\n                    <span>Timely Delivery<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"about-footer-text\">\r\n                With a focus on quality and safety, we aim to be a trusted partner for clients executing complex construction and industrial operations.\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    :root {\r\n        --primary-blue: #203C84;\r\n        --primary-red: #D62316;\r\n        --text-gray: #555;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    .about-premium-section {\r\n        padding: 80px 20px;\r\n        background-color: transparent;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .about-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 60px;\r\n    }\r\n\r\n    \/* Image Side Styling *\/\r\n    .about-image-wrapper {\r\n        flex: 1;\r\n        position: relative;\r\n        z-index: 1;\r\n        transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .image-decor-box {\r\n        position: absolute;\r\n        top: -20px;\r\n        left: -20px;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 10px solid var(--primary-blue);\r\n        z-index: -1;\r\n        transition: all 0.6s ease-in-out;\r\n        border-radius: 5px;\r\n    }\r\n    \r\n    .about-image-wrapper:hover .image-decor-box {\r\n        transform: translate(15px, 15px);\r\n        border-color: var(--primary-red);\r\n    }\r\n\r\n    .about-main-img {\r\n        width: 100%;\r\n        height: auto;\r\n        border-radius: 5px;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    \/* Text Side Styling *\/\r\n    .about-text-wrapper {\r\n        flex: 1.2;\r\n        transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .section-tag {\r\n        color: var(--primary-red);\r\n        font-weight: 800;\r\n        font-size: 16px;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .about-title {\r\n        font-size: 48px; \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0644\u0644\u062d\u0648\u0627\u0633\u064a\u0628 *\/\r\n        font-weight: 800;\r\n        color: var(--primary-blue);\r\n        line-height: 1.1;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .about-title .highlight {\r\n        color: var(--primary-red);\r\n    }\r\n\r\n    .about-description {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .main-para {\r\n        font-size: 20px;\r\n        color: #333;\r\n        line-height: 1.6;\r\n        margin-bottom: 15px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .sub-para {\r\n        font-size: 17px;\r\n        color: var(--text-gray);\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .about-features {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n        gap: 15px;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .feature-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: #fff;\r\n        padding: 15px;\r\n        border-left: 5px solid var(--primary-red);\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.05);\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        color: var(--primary-blue);\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .feature-item:hover { transform: translateY(-5px); }\r\n\r\n    .feature-icon {\r\n        color: var(--primary-red);\r\n        font-weight: 900;\r\n    }\r\n\r\n    .about-footer-text {\r\n        font-style: italic;\r\n        font-size: 16px;\r\n        color: #777;\r\n        border-top: 1px solid #ddd;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    \/* Desktop Animations *\/\r\n    .reveal-left {\r\n        opacity: 0;\r\n        transform: translateX(-70px);\r\n    }\r\n\r\n    .reveal-right {\r\n        opacity: 0;\r\n        transform: translateX(70px);\r\n    }\r\n\r\n    .active {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    \/* =========================================\r\n       MOBILE RESPONSIVE & POWERFUL ANIMATION \r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .about-container {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 40px;\r\n        }\r\n\r\n        .about-image-wrapper {\r\n            width: 100%;\r\n            max-width: 500px; \/* \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062a\u0636\u062e\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n            margin: 0 auto;\r\n            order: 1; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u0648\u0644\u0627\u064b *\/\r\n        }\r\n\r\n        .about-text-wrapper {\r\n            width: 100%;\r\n            order: 2;\r\n        }\r\n\r\n        .about-title {\r\n            font-size: 34px; \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u064a\u0643\u0648\u0646 \u0628\u0627\u0631\u0632\u0627\u064b *\/\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .main-para {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .about-features {\r\n            grid-template-columns: 1fr; \/* \u0642\u0627\u0626\u0645\u0629 \u0631\u0623\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 *\/\r\n            max-width: 350px;\r\n            margin: 0 auto 30px;\r\n        }\r\n\r\n        .feature-item {\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0646 \u062c\u0627\u0646\u0628\u064a \u0625\u0644\u0649 \"\u0627\u0646\u0628\u062b\u0627\u0642 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644\" *\/\r\n        .reveal-left, .reveal-right {\r\n            opacity: 0;\r\n            transform: translateY(50px) scale(0.9);\r\n        }\r\n\r\n        .active {\r\n            opacity: 1;\r\n            transform: translateY(0) scale(1);\r\n            transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        .image-decor-box {\r\n            display: block; \r\n            top: -10px;\r\n            left: -10px;\r\n            border-width: 5px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\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('active');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.reveal-left, .reveal-right').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-4ed24bb-4d8f962 e-divider-base\" data-interaction-id=\"4ed24bb\"   \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40872ea e-flex e-con-boxed e-con e-parent\" data-id=\"40872ea\" 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-2766788 elementor-widget elementor-widget-html\" data-id=\"2766788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"electrical-solutions-section\">\r\n    <div class=\"sol-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"sol-header reveal-content\">\r\n            <h2 class=\"sol-title\">ELECTRICAL <span class=\"red-text\">SOLUTIONS<\/span><\/h2>\r\n            <p class=\"sol-desc\">We supply a comprehensive range of electrical products designed for safe, efficient, and durable installations.<\/p>\r\n            \r\n            <!-- Premium Icon Grid -->\r\n            <div class=\"sol-features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <span class=\"feature-text\">Power & Control Cables<\/span>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-gear\"><\/i><\/div>\r\n                    <span class=\"feature-text\">Conduits & Fittings<\/span>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-power-off\"><\/i><\/div>\r\n                    <span class=\"feature-text\">Circuit Breakers<\/span>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <span class=\"feature-text\">Earthing & Lightning<\/span>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\r\n                    <span class=\"feature-text\">Automation Systems<\/span>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-lightbulb\"><\/i><\/div>\r\n                    <span class=\"feature-text\">Lighting Solutions<\/span>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-fire-extinguisher\"><\/i><\/div>\r\n                    <span class=\"feature-text\">Fire Detection<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Professional Gallery -->\r\n        <div class=\"sol-gallery\">\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/10973_5YQAZDBCPF0LW129.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1037456-01_1.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/2708742.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/77777777140393516-612x612-1.webp\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/a5575cds-1920.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/AdobeSto777777ck_479304103.webp\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/AdobeStock_479304103.jpeg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/AdobeStock_47779304103.webp\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/AdobeStock_47977304103.webp\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/arktika_300_1_0-scaled.png\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/ec03744b35024f0f5f49cd670faaac92426c66c2_original.jpeg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/istockphoto-140393516-612x612-1.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/pngwing.com_.png\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/steker-1600x1000-1.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Y2645934-01.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Y2647875934-01.webp\" alt=\"Product\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Professional Modal -->\r\n    <div class=\"img-modal\">\r\n        <span class=\"close-modal\">&times;<\/span>\r\n        <img class=\"modal-content\" id=\"full-img\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    :root {\r\n        --main-blue: #203C84;\r\n        --main-red: #D62316;\r\n        --bg-light: #fdfdfd;\r\n        --glass-white: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    .electrical-solutions-section {\r\n        padding: 80px 20px;\r\n        background-color: var(--bg-light);\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sol-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .sol-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .sol-header.active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .sol-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: var(--main-blue);\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .red-text { color: var(--main-red); }\r\n\r\n    .sol-desc {\r\n        font-size: 18px;\r\n        color: #666;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Premium Icon Cards Grid *\/\r\n    .sol-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .feature-card {\r\n        background: var(--glass-white);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        cursor: pointer;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.03);\r\n    }\r\n\r\n    .icon-box {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: var(--main-blue);\r\n        color: #fff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 5px 15px rgba(32, 60, 132, 0.3);\r\n    }\r\n\r\n    .feature-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: var(--main-blue);\r\n    }\r\n\r\n    .feature-card:hover {\r\n        background: #fff;\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 30px rgba(0,0,0,0.08);\r\n        border-color: var(--main-red);\r\n    }\r\n\r\n    .feature-card:hover .icon-box {\r\n        background: var(--main-red);\r\n        transform: rotate(15deg) scale(1.1);\r\n        box-shadow: 0 5px 15px rgba(214, 35, 22, 0.4);\r\n    }\r\n\r\n    \/* Gallery Grid Styling *\/\r\n    .sol-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        grid-auto-rows: 250px;\r\n        gap: 20px;\r\n        grid-auto-flow: dense;\r\n    }\r\n\r\n    .gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .gallery-item:nth-child(3n) { grid-column: span 2; }\r\n        .gallery-item:nth-child(5n) { grid-row: span 2; }\r\n    }\r\n\r\n    .gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .gallery-item:hover img {\r\n        transform: scale(1.1);\r\n        filter: brightness(0.7);\r\n    }\r\n\r\n    .gallery-item::after {\r\n        content: '\\f06e';\r\n        font-family: 'Font Awesome 6 Free';\r\n        font-weight: 900;\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        color: #fff;\r\n        font-size: 30px;\r\n        transition: all 0.4s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .gallery-item:hover::after {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .img-modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 9999;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.9);\r\n        backdrop-filter: blur(15px);\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .modal-content {\r\n        max-width: 85%;\r\n        max-height: 85%;\r\n        border-radius: 15px;\r\n        transform: scale(0.7);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .img-modal.show .modal-content { transform: scale(1); }\r\n\r\n    .close-modal {\r\n        position: absolute;\r\n        top: 30px; right: 40px;\r\n        color: #fff;\r\n        font-size: 50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .gallery-item.show {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* =========================================\r\n       MOBILE OPTIMIZED - NO MORE TALL LISTS\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .sol-title { font-size: 28px; }\r\n        .sol-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        \/* Transform feature list into a 2-column grid *\/\r\n        .sol-features-grid {\r\n            grid-template-columns: repeat(2, 1fr); \/* 2 columns exactly *\/\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n            background: #fff;\r\n        }\r\n\r\n        .icon-box {\r\n            width: 38px;\r\n            height: 38px;\r\n            font-size: 16px;\r\n            min-width: 38px; \/* Prevent shrinking *\/\r\n        }\r\n\r\n        .feature-text {\r\n            font-size: 12px;\r\n            line-height: 1.2;\r\n            text-align: left;\r\n        }\r\n\r\n        .sol-gallery {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            grid-auto-rows: 160px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .gallery-item:nth-child(n) {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const header = document.querySelector('.sol-header');\r\n        const galleryItems = document.querySelectorAll('.gallery-item');\r\n        const modal = document.querySelector('.img-modal');\r\n        const modalImg = document.getElementById('full-img');\r\n        const closeBtn = document.querySelector('.close-modal');\r\n\r\n        \/\/ 1. Reveal Header and Gallery with stagger\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry) => {\r\n                if (entry.isIntersecting) {\r\n                    if(entry.target.classList.contains('sol-header')) {\r\n                        entry.target.classList.add('active');\r\n                    } else {\r\n                        \/\/ Staggered gallery appearance\r\n                        galleryItems.forEach((item, index) => {\r\n                            setTimeout(() => {\r\n                                item.classList.add('show');\r\n                            }, index * 80);\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        observer.observe(header);\r\n        observer.observe(document.querySelector('.sol-gallery'));\r\n\r\n        \/\/ 2. Modal Logic\r\n        galleryItems.forEach(item => {\r\n            item.addEventListener('click', () => {\r\n                const imgSrc = item.querySelector('img').src;\r\n                modalImg.src = imgSrc;\r\n                modal.style.display = 'flex';\r\n                setTimeout(() => modal.classList.add('show'), 10);\r\n            });\r\n        });\r\n\r\n        closeBtn.addEventListener('click', () => {\r\n            modal.classList.remove('show');\r\n            setTimeout(() => modal.style.display = 'none', 400);\r\n        });\r\n\r\n        window.addEventListener('click', (e) => {\r\n            if (e.target === modal) {\r\n                modal.classList.remove('show');\r\n                setTimeout(() => modal.style.display = 'none', 400);\r\n            }\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-76e3a86 e-flex e-con-boxed e-con e-parent\" data-id=\"76e3a86\" 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-ce963a7 elementor-widget elementor-widget-html\" data-id=\"ce963a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"fs-mech-main-section\">\r\n    <div class=\"fs-mech-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-mech-header fs-mech-reveal-content\">\r\n            <h2 class=\"fs-mech-title\">MECHANICAL <span class=\"fs-mech-red-text\">SOLUTIONS<\/span><\/h2>\r\n            <p class=\"fs-mech-desc\">Our mechanical materials are engineered for precision, durability, and performance in industrial and construction applications.<\/p>\r\n            \r\n            <!-- Premium White-Theme Icon Grid -->\r\n            <div class=\"fs-mech-features-grid\">\r\n                <div class=\"fs-mech-feature-card\">\r\n                    <div class=\"fs-mech-icon-box\"><i class=\"fa-solid fa-gears\"><\/i><\/div>\r\n                    <span class=\"fs-mech-feature-text\">Pipes, Tubes & Fittings<\/span>\r\n                <\/div>\r\n                <div class=\"fs-mech-feature-card\">\r\n                    <div class=\"fs-mech-icon-box\"><i class=\"fa-solid fa-wrench\"><\/i><\/div>\r\n                    <span class=\"fs-mech-feature-text\">Valves, Flanges & Gaskets<\/span>\r\n                <\/div>\r\n                <div class=\"fs-mech-feature-card\">\r\n                    <div class=\"fs-mech-icon-box\"><i class=\"fa-solid fa-wind\"><\/i><\/div>\r\n                    <span class=\"fs-mech-feature-text\">Pumps & Compressors<\/span>\r\n                <\/div>\r\n                <div class=\"fs-mech-feature-card\">\r\n                    <div class=\"fs-mech-icon-box\"><i class=\"fa-solid fa-circle-dot\"><\/i><\/div>\r\n                    <span class=\"fs-mech-feature-text\">Bearings, Seals & Couplings<\/span>\r\n                <\/div>\r\n                <div class=\"fs-mech-feature-card\">\r\n                    <div class=\"fs-mech-icon-box\"><i class=\"fa-solid fa-snowflake\"><\/i><\/div>\r\n                    <span class=\"fs-mech-feature-text\">HVAC Equipment<\/span>\r\n                <\/div>\r\n                <div class=\"fs-mech-feature-card\">\r\n                    <div class=\"fs-mech-icon-box\"><i class=\"fa-solid fa-fire\"><\/i><\/div>\r\n                    <span class=\"fs-mech-feature-text\">Welding Materials<\/span>\r\n                <\/div>\r\n                <div class=\"fs-mech-feature-card\">\r\n                    <div class=\"fs-mech-icon-box\"><i class=\"fa-solid fa-building\"><\/i><\/div>\r\n                    <span class=\"fs-mech-feature-text\">Structural Steel<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Professional Gallery -->\r\n        <div class=\"fs-mech-gallery\">\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1600.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/ab97b623907698f5489335eec3083.png\" alt=\"Product\"><\/div>\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/ab97b623907777777698f5489335eec3083.webp\" alt=\"Product\"><\/div>\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/d0cc5061c45ea67ce21b9f7f18312047.png\" alt=\"Product\"><\/div>\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/d0cc5061c45ea67ce21b9777f7f18312047.jpg\" alt=\"Product\"><\/div>\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/dataset-card.jpeg\" alt=\"Product\"><\/div>\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/pngegg-05.png\" alt=\"Product\"><\/div>\r\n            <div class=\"fs-mech-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/s-l1600.jpg\" alt=\"Product\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Professional Modal -->\r\n    <div class=\"fs-mech-modal\">\r\n        <span class=\"fs-mech-close-modal\">&times;<\/span>\r\n        <img class=\"fs-mech-modal-content\" id=\"fs-mech-full-img\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Scope everything under .fs-mech-main-section to avoid affecting other elements *\/\r\n    .fs-mech-main-section {\r\n        padding: 80px 20px;\r\n        background-color: #1b2343 !important; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 *\/\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .fs-mech-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-mech-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-mech-header.fs-mech-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-mech-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #ffffff !important; \/* \u0623\u0628\u064a\u0636 *\/\r\n        margin-bottom: 15px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .fs-mech-red-text { color: #D62316 !important; }\r\n\r\n    .fs-mech-desc {\r\n        font-size: 18px;\r\n        color: #cbd5e1 !important; \/* \u0623\u0628\u064a\u0636 \u0646\u0627\u0639\u0645 *\/\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Premium Dark-Theme Icon Cards *\/\r\n    .fs-mech-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .fs-mech-feature-card {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        cursor: pointer;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .fs-mech-icon-box {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: transparent;\r\n        color: #ffffff !important;\r\n        border: 2px solid #ffffff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .fs-mech-feature-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .fs-mech-feature-card:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        transform: translateY(-10px);\r\n        border-color: #D62316;\r\n        box-shadow: 0 20px 40px rgba(214, 35, 22, 0.2);\r\n    }\r\n\r\n    .fs-mech-feature-card:hover .fs-mech-icon-box {\r\n        background: #D62316;\r\n        border-color: #D62316;\r\n        transform: rotate(15deg) scale(1.1);\r\n        box-shadow: 0 0 20px #D62316;\r\n    }\r\n\r\n    \/* Gallery Grid Styling *\/\r\n    .fs-mech-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        grid-auto-rows: 250px;\r\n        gap: 20px;\r\n        grid-auto-flow: dense;\r\n    }\r\n\r\n    .fs-mech-gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .fs-mech-gallery-item:nth-child(3n) { grid-column: span 2; }\r\n        .fs-mech-gallery-item:nth-child(5n) { grid-row: span 2; }\r\n    }\r\n\r\n    .fs-mech-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .fs-mech-gallery-item:hover img {\r\n        transform: scale(1.1);\r\n        filter: grayscale(30%) brightness(0.7);\r\n    }\r\n\r\n    .fs-mech-gallery-item::after {\r\n        content: '\\f06e';\r\n        font-family: 'Font Awesome 6 Free';\r\n        font-weight: 900;\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        color: #fff;\r\n        font-size: 30px;\r\n        transition: all 0.4s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .fs-mech-gallery-item:hover::after {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .fs-mech-modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 99999; \/* High z-index to stay above everything *\/\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.95);\r\n        backdrop-filter: blur(15px);\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .fs-mech-modal-content {\r\n        max-width: 85%;\r\n        max-height: 85%;\r\n        border-radius: 15px;\r\n        transform: scale(0.7);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 3px solid #ffffff;\r\n    }\r\n\r\n    .fs-mech-modal.fs-mech-show .fs-mech-modal-content { transform: scale(1); }\r\n\r\n    .fs-mech-close-modal {\r\n        position: absolute;\r\n        top: 30px; right: 40px;\r\n        color: #fff;\r\n        font-size: 50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fs-mech-gallery-item.fs-mech-show {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* Mobile Optimized *\/\r\n    @media (max-width: 768px) {\r\n        .fs-mech-title { font-size: 28px; }\r\n        .fs-mech-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        .fs-mech-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .fs-mech-feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n            background: rgba(255,255,255,0.03);\r\n        }\r\n\r\n        .fs-mech-icon-box {\r\n            width: 38px;\r\n            height: 38px;\r\n            font-size: 16px;\r\n            min-width: 38px;\r\n        }\r\n\r\n        .fs-mech-feature-text {\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n            text-align: left;\r\n        }\r\n\r\n        .fs-mech-gallery {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            grid-auto-rows: 160px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fs-mech-gallery-item:nth-child(n) {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const header = document.querySelector('.fs-mech-header');\r\n            const galleryItems = document.querySelectorAll('.fs-mech-gallery-item');\r\n            const modal = document.querySelector('.fs-mech-modal');\r\n            const modalImg = document.getElementById('fs-mech-full-img');\r\n            const closeBtn = document.querySelector('.fs-mech-close-modal');\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        if(entry.target.classList.contains('fs-mech-header')) {\r\n                            entry.target.classList.add('fs-mech-active');\r\n                        } else {\r\n                            galleryItems.forEach((item, index) => {\r\n                                setTimeout(() => {\r\n                                    item.classList.add('fs-mech-show');\r\n                                }, index * 80);\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            const gallery = document.querySelector('.fs-mech-gallery');\r\n            if(gallery) observer.observe(gallery);\r\n\r\n            galleryItems.forEach(item => {\r\n                item.addEventListener('click', () => {\r\n                    const imgSrc = item.querySelector('img').src;\r\n                    modalImg.src = imgSrc;\r\n                    modal.style.display = 'flex';\r\n                    setTimeout(() => modal.classList.add('fs-mech-show'), 10);\r\n                });\r\n            });\r\n\r\n            closeBtn.addEventListener('click', () => {\r\n                modal.classList.remove('fs-mech-show');\r\n                setTimeout(() => modal.style.display = 'none', 400);\r\n            });\r\n\r\n            window.addEventListener('click', (e) => {\r\n                if (e.target === modal) {\r\n                    modal.classList.remove('fs-mech-show');\r\n                    setTimeout(() => modal.style.display = 'none', 400);\r\n                }\r\n            });\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-b87db91 e-flex e-con-boxed e-con e-parent\" data-id=\"b87db91\" 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-8b1c19e elementor-widget elementor-widget-html\" data-id=\"8b1c19e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"fs-plumb-main-section\">\r\n    <!-- Modern Transparent Animated Background -->\r\n    <div class=\"fs-plumb-bg-animation\">\r\n        <div class=\"bubble\"><\/div>\r\n        <div class=\"bubble\"><\/div>\r\n        <div class=\"bubble\"><\/div>\r\n        <div class=\"bubble\"><\/div>\r\n        <div class=\"bubble\"><\/div>\r\n        <div class=\"bubble\"><\/div>\r\n        <div class=\"bubble\"><\/div>\r\n        <div class=\"bubble\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fs-plumb-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-plumb-header fs-plumb-reveal\">\r\n            <h2 class=\"fs-plumb-title\">PLUMBING <span class=\"fs-plumb-red-text\">SOLUTIONS<\/span><\/h2>\r\n            <p class=\"fs-plumb-desc\">We provide end-to-end plumbing materials for residential, commercial, and industrial projects.<\/p>\r\n            \r\n            <!-- Animated Icon Grid -->\r\n            <div class=\"fs-plumb-features-grid\">\r\n                <div class=\"fs-plumb-feature-card\">\r\n                    <div class=\"fs-plumb-icon-box\"><i class=\"fa-solid fa-droplet\"><\/i><\/div>\r\n                    <span class=\"fs-plumb-feature-text\">Pipes (PVC, CPVC, PPR, etc.)<\/span>\r\n                <\/div>\r\n                <div class=\"fs-plumb-feature-card\">\r\n                    <div class=\"fs-plumb-icon-box\"><i class=\"fa-solid fa-faucet\"><\/i><\/div>\r\n                    <span class=\"fs-plumb-feature-text\">Valves & Accessories<\/span>\r\n                <\/div>\r\n                <div class=\"fs-plumb-feature-card\">\r\n                    <div class=\"fs-plumb-icon-box\"><i class=\"fa-solid fa-rotate\"><\/i><\/div>\r\n                    <span class=\"fs-plumb-feature-text\">Pumps & Water Heaters<\/span>\r\n                <\/div>\r\n                <div class=\"fs-plumb-feature-card\">\r\n                    <div class=\"fs-plumb-icon-box\"><i class=\"fa-solid fa-sink\"><\/i><\/div>\r\n                    <span class=\"fs-plumb-feature-text\">Sanitary Fixtures<\/span>\r\n                <\/div>\r\n                <div class=\"fs-plumb-feature-card\">\r\n                    <div class=\"fs-plumb-icon-box\"><i class=\"fa-solid fa-circle-nodes\"><\/i><\/div>\r\n                    <span class=\"fs-plumb-feature-text\">Drainage & Manholes<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Dynamic Image Gallery -->\r\n        <div class=\"fs-plumb-gallery\">\r\n            <div class=\"fs-plumb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1609-1024x1024-1.jpg\" alt=\"Plumbing\"><\/div>\r\n            <div class=\"fs-plumb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/5702-tpms-ventil-800x800-1.jpg\" alt=\"Plumbing\"><\/div>\r\n            <div class=\"fs-plumb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/insulation-gaskets-types_insulation-gasket-types-sealing.jpg\" alt=\"Plumbing\"><\/div>\r\n            <div class=\"fs-plumb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/SRP_0891_HS-s77caled-1.webp\" alt=\"Plumbing\"><\/div>\r\n            <div class=\"fs-plumb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Steam-Stainer.png\" alt=\"Plumbing\"><\/div>\r\n            <div class=\"fs-plumb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/TEOREMA-SMART-8S01711000103117110001.jpg\" alt=\"Plumbing\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal -->\r\n    <div class=\"fs-plumb-modal\">\r\n        <span class=\"fs-plumb-close-modal\">&times;<\/span>\r\n        <img class=\"fs-plumb-modal-content\" id=\"fs-plumb-full-img\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CSS Scoping to avoid conflicts *\/\r\n    .fs-plumb-main-section {\r\n        position: relative;\r\n        padding: 80px 20px;\r\n        background-color: transparent !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* --- Transparent Animated Background Pattern --- *\/\r\n    .fs-plumb-bg-animation {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .bubble {\r\n        position: absolute;\r\n        background: rgba(32, 60, 132, 0.05);\r\n        border-radius: 50%;\r\n        bottom: -100px;\r\n        animation: fs-plumb-float 15s infinite ease-in;\r\n    }\r\n\r\n    .bubble:nth-child(1) { width: 80px; height: 80px; left: 10%; animation-duration: 12s; }\r\n    .bubble:nth-child(2) { width: 40px; height: 40px; left: 25%; animation-duration: 18s; animation-delay: 2s; }\r\n    .bubble:nth-child(3) { width: 120px; height: 120px; left: 40%; animation-duration: 15s; animation-delay: 5s; }\r\n    .bubble:nth-child(4) { width: 60px; height: 60px; left: 60%; animation-duration: 20s; animation-delay: 1s; }\r\n    .bubble:nth-child(5) { width: 100px; height: 100px; left: 75%; animation-duration: 14s; animation-delay: 7s; }\r\n    .bubble:nth-child(6) { width: 30px; height: 30px; left: 85%; animation-duration: 10s; animation-delay: 3s; }\r\n    .bubble:nth-child(7) { width: 70px; height: 70px; left: 50%; animation-duration: 16s; animation-delay: 8s; }\r\n    .bubble:nth-child(8) { width: 50px; height: 50px; left: 15%; animation-duration: 13s; animation-delay: 4s; }\r\n\r\n    @keyframes fs-plumb-float {\r\n        0% { transform: translateY(0) rotate(0deg); opacity: 0; }\r\n        20% { opacity: 1; }\r\n        100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; }\r\n    }\r\n\r\n    .fs-plumb-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-plumb-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-plumb-header.fs-plumb-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-plumb-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .fs-plumb-red-text { color: #D62316; }\r\n\r\n    .fs-plumb-desc {\r\n        font-size: 18px;\r\n        color: #666;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-plumb-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .fs-plumb-feature-card {\r\n        background: rgba(255, 255, 255, 0.7);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .fs-plumb-icon-box {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: #203C84;\r\n        color: #fff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        transition: all 0.4s ease;\r\n        animation: fs-plumb-pulse 2s infinite;\r\n    }\r\n\r\n    @keyframes fs-plumb-pulse {\r\n        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(32, 60, 132, 0.4); }\r\n        70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(32, 60, 132, 0); }\r\n        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(32, 60, 132, 0); }\r\n    }\r\n\r\n    .fs-plumb-feature-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #203C84;\r\n    }\r\n\r\n    .fs-plumb-feature-card:hover {\r\n        transform: translateY(-10px);\r\n        background: #fff;\r\n        border-color: #D62316;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .fs-plumb-feature-card:hover .fs-plumb-icon-box {\r\n        background: #D62316;\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n    \/* Gallery Grid *\/\r\n    .fs-plumb-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        grid-auto-rows: 250px;\r\n        gap: 20px;\r\n        grid-auto-flow: dense;\r\n    }\r\n\r\n    .fs-plumb-gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .fs-plumb-gallery-item:nth-child(3n) { grid-column: span 2; }\r\n        .fs-plumb-gallery-item:nth-child(5n) { grid-row: span 2; }\r\n    }\r\n\r\n    .fs-plumb-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .fs-plumb-gallery-item:hover img {\r\n        transform: scale(1.1);\r\n        filter: brightness(0.8);\r\n    }\r\n\r\n    .fs-plumb-gallery-item::after {\r\n        content: '\\f06e';\r\n        font-family: 'Font Awesome 6 Free';\r\n        font-weight: 900;\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        color: #fff;\r\n        font-size: 30px;\r\n        transition: all 0.4s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .fs-plumb-gallery-item:hover::after {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .fs-plumb-modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 99999;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.9);\r\n        backdrop-filter: blur(15px);\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .fs-plumb-modal-content {\r\n        max-width: 85%;\r\n        max-height: 85%;\r\n        border-radius: 15px;\r\n        transform: scale(0.7);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 3px solid #fff;\r\n    }\r\n\r\n    .fs-plumb-modal.fs-plumb-show .fs-plumb-modal-content { transform: scale(1); }\r\n\r\n    .fs-plumb-close-modal {\r\n        position: absolute;\r\n        top: 30px; right: 40px;\r\n        color: #fff;\r\n        font-size: 50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fs-plumb-gallery-item.fs-plumb-show {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-plumb-title { font-size: 28px; }\r\n        .fs-plumb-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        .fs-plumb-features-grid {\r\n            grid-template-columns: repeat(2, 1fr); \/* 2 columns Compact *\/\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .fs-plumb-feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .fs-plumb-icon-box {\r\n            width: 35px;\r\n            height: 35px;\r\n            font-size: 14px;\r\n            min-width: 35px;\r\n        }\r\n\r\n        .fs-plumb-feature-text {\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fs-plumb-gallery {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            grid-auto-rows: 160px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fs-plumb-gallery-item:nth-child(n) {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const header = document.querySelector('.fs-plumb-header');\r\n            const galleryItems = document.querySelectorAll('.fs-plumb-gallery-item');\r\n            const modal = document.querySelector('.fs-plumb-modal');\r\n            const modalImg = document.getElementById('fs-plumb-full-img');\r\n            const closeBtn = document.querySelector('.fs-plumb-close-modal');\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        if(entry.target.classList.contains('fs-plumb-header')) {\r\n                            entry.target.classList.add('fs-plumb-active');\r\n                        } else {\r\n                            galleryItems.forEach((item, index) => {\r\n                                setTimeout(() => {\r\n                                    item.classList.add('fs-plumb-show');\r\n                                }, index * 100);\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            const gallery = document.querySelector('.fs-plumb-gallery');\r\n            if(gallery) observer.observe(gallery);\r\n\r\n            galleryItems.forEach(item => {\r\n                item.addEventListener('click', () => {\r\n                    const imgSrc = item.querySelector('img').src;\r\n                    modalImg.src = imgSrc;\r\n                    modal.style.display = 'flex';\r\n                    setTimeout(() => modal.classList.add('fs-plumb-show'), 10);\r\n                });\r\n            });\r\n\r\n            closeBtn.addEventListener('click', () => {\r\n                modal.classList.remove('fs-plumb-show');\r\n                setTimeout(() => modal.style.display = 'none', 400);\r\n            });\r\n\r\n            window.addEventListener('click', (e) => {\r\n                if (e.target === modal) {\r\n                    modal.classList.remove('fs-plumb-show');\r\n                    setTimeout(() => modal.style.display = 'none', 400);\r\n                }\r\n            });\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-6a241ae e-flex e-con-boxed e-con e-parent\" data-id=\"6a241ae\" 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-e73f230 elementor-widget elementor-widget-html\" data-id=\"e73f230\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"fs-scaf-main-section\">\r\n    <!-- Structural Grid Background Animation -->\r\n    <div class=\"fs-scaf-bg-grid\"><\/div>\r\n\r\n    <div class=\"fs-scaf-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-scaf-header fs-scaf-reveal\">\r\n            <h2 class=\"fs-scaf-title\">SCAFFOLDING <span class=\"fs-scaf-red-text\">SOLUTIONS<\/span><\/h2>\r\n            <p class=\"fs-scaf-desc\">We deliver robust and compliant scaffolding systems for safe and efficient construction and maintenance operations.<\/p>\r\n            \r\n            <!-- Animated Icon Grid -->\r\n            <div class=\"fs-scaf-features-grid\">\r\n                <div class=\"fs-scaf-feature-card\">\r\n                    <div class=\"fs-scaf-icon-box\"><i class=\"fa-solid fa-grip-lines-vertical\"><\/i><\/div>\r\n                    <span class=\"fs-scaf-feature-text\">Steel Pipes & Tubes<\/span>\r\n                <\/div>\r\n                <div class=\"fs-scaf-feature-card\">\r\n                    <div class=\"fs-scaf-icon-box\"><i class=\"fa-solid fa-border-all\"><\/i><\/div>\r\n                    <span class=\"fs-scaf-feature-text\">Cuplock & Ringlock<\/span>\r\n                <\/div>\r\n                <div class=\"fs-scaf-feature-card\">\r\n                    <div class=\"fs-scaf-icon-box\"><i class=\"fa-solid fa-link\"><\/i><\/div>\r\n                    <span class=\"fs-scaf-feature-text\">Couplers & Fittings<\/span>\r\n                <\/div>\r\n                <div class=\"fs-scaf-feature-card\">\r\n                    <div class=\"fs-scaf-icon-box\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                    <span class=\"fs-scaf-feature-text\">Boards & Planks<\/span>\r\n                <\/div>\r\n                <div class=\"fs-scaf-feature-card\">\r\n                    <div class=\"fs-scaf-icon-box\"><i class=\"fa-solid fa-arrows-up-down\"><\/i><\/div>\r\n                    <span class=\"fs-scaf-feature-text\">Adjustable Jacks<\/span>\r\n                <\/div>\r\n                <div class=\"fs-scaf-feature-card\">\r\n                    <div class=\"fs-scaf-icon-box\"><i class=\"fa-solid fa-helmet-safety\"><\/i><\/div>\r\n                    <span class=\"fs-scaf-feature-text\">Safety Accessories<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Dynamic Image Gallery -->\r\n        <div class=\"fs-scaf-gallery\">\r\n            <div class=\"fs-scaf-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/7af32aa6-a445-42e2-9327-3ed3ab3b3eaa.jpg\" alt=\"Scaffolding\"><\/div>\r\n            <div class=\"fs-scaf-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/5702-tpms-ventil-800x800-1.webp\" alt=\"Scaffolding\"><\/div>\r\n            <div class=\"fs-scaf-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Best-Price-Drop-Forged7777777777-Cuplock-Scaffolding-FF-0003-.webp\" alt=\"Scaffolding\"><\/div>\r\n            <div class=\"fs-scaf-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Best-Price-Drop-Forged-Cuplock-Scaffolding-FF-0003-.jpg\" alt=\"Scaffolding\"><\/div>\r\n            <div class=\"fs-scaf-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Group-189.png\" alt=\"Scaffolding\"><\/div>\r\n            <div class=\"fs-scaf-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Krause-Fahrgerust-STABILO-Serie-10.jpg\" alt=\"Scaffolding\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal -->\r\n    <div class=\"fs-scaf-modal\">\r\n        <span class=\"fs-scaf-close-modal\">&times;<\/span>\r\n        <img class=\"fs-scaf-modal-content\" id=\"fs-scaf-full-img\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CSS Scoping to avoid conflicts *\/\r\n    .fs-scaf-main-section {\r\n        position: relative;\r\n        padding: 80px 20px;\r\n        background-color: transparent !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* --- Structural Grid Background Animation --- *\/\r\n    .fs-scaf-bg-grid {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background-image: \r\n            linear-gradient(rgba(32, 60, 132, 0.05) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(32, 60, 132, 0.05) 1px, transparent 1px);\r\n        background-size: 50px 50px;\r\n        animation: fs-scaf-moveGrid 20s linear infinite;\r\n    }\r\n\r\n    @keyframes fs-scaf-moveGrid {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 50px 50px; }\r\n    }\r\n\r\n    .fs-scaf-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-scaf-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-scaf-header.fs-scaf-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-scaf-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .fs-scaf-red-text { color: #D62316; }\r\n\r\n    .fs-scaf-desc {\r\n        font-size: 18px;\r\n        color: #666;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-scaf-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .fs-scaf-feature-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .fs-scaf-icon-box {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: #203C84;\r\n        color: #fff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .fs-scaf-feature-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #203C84;\r\n    }\r\n\r\n    .fs-scaf-feature-card:hover {\r\n        transform: translateY(-10px);\r\n        background: #fff;\r\n        border-color: #D62316;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .fs-scaf-feature-card:hover .fs-scaf-icon-box {\r\n        background: #D62316;\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    \/* Gallery Grid *\/\r\n    .fs-scaf-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        grid-auto-rows: 250px;\r\n        gap: 20px;\r\n        grid-auto-flow: dense;\r\n    }\r\n\r\n    .fs-scaf-gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .fs-scaf-gallery-item:nth-child(3n) { grid-column: span 2; }\r\n        .fs-scaf-gallery-item:nth-child(5n) { grid-row: span 2; }\r\n    }\r\n\r\n    .fs-scaf-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .fs-scaf-gallery-item:hover img {\r\n        transform: scale(1.1);\r\n        filter: brightness(0.8);\r\n    }\r\n\r\n    .fs-scaf-gallery-item::after {\r\n        content: '\\f06e';\r\n        font-family: 'Font Awesome 6 Free';\r\n        font-weight: 900;\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        color: #fff;\r\n        font-size: 30px;\r\n        transition: all 0.4s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .fs-scaf-gallery-item:hover::after {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .fs-scaf-modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 99999;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.9);\r\n        backdrop-filter: blur(15px);\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .fs-scaf-modal-content {\r\n        max-width: 85%;\r\n        max-height: 85%;\r\n        border-radius: 15px;\r\n        transform: scale(0.7);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 3px solid #fff;\r\n    }\r\n\r\n    .fs-scaf-modal.fs-scaf-show .fs-scaf-modal-content { transform: scale(1); }\r\n\r\n    .fs-scaf-close-modal {\r\n        position: absolute;\r\n        top: 30px; right: 40px;\r\n        color: #fff;\r\n        font-size: 50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fs-scaf-gallery-item.fs-scaf-show {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-scaf-title { font-size: 28px; }\r\n        .fs-scaf-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        .fs-scaf-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .fs-scaf-feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .fs-scaf-icon-box {\r\n            width: 35px;\r\n            height: 35px;\r\n            font-size: 14px;\r\n            min-width: 35px;\r\n        }\r\n\r\n        .fs-scaf-feature-text {\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fs-scaf-gallery {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            grid-auto-rows: 160px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fs-scaf-gallery-item:nth-child(n) {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const header = document.querySelector('.fs-scaf-header');\r\n            const galleryItems = document.querySelectorAll('.fs-scaf-gallery-item');\r\n            const modal = document.querySelector('.fs-scaf-modal');\r\n            const modalImg = document.getElementById('fs-scaf-full-img');\r\n            const closeBtn = document.querySelector('.fs-scaf-close-modal');\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        if(entry.target.classList.contains('fs-scaf-header')) {\r\n                            entry.target.classList.add('fs-scaf-active');\r\n                        } else {\r\n                            galleryItems.forEach((item, index) => {\r\n                                setTimeout(() => {\r\n                                    item.classList.add('fs-scaf-show');\r\n                                }, index * 100);\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            const gallery = document.querySelector('.fs-scaf-gallery');\r\n            if(gallery) observer.observe(gallery);\r\n\r\n            galleryItems.forEach(item => {\r\n                item.addEventListener('click', () => {\r\n                    const imgSrc = item.querySelector('img').src;\r\n                    modalImg.src = imgSrc;\r\n                    modal.style.display = 'flex';\r\n                    setTimeout(() => modal.classList.add('fs-scaf-show'), 10);\r\n                });\r\n            });\r\n\r\n            closeBtn.addEventListener('click', () => {\r\n                modal.classList.remove('fs-scaf-show');\r\n                setTimeout(() => modal.style.display = 'none', 400);\r\n            });\r\n\r\n            window.addEventListener('click', (e) => {\r\n                if (e.target === modal) {\r\n                    modal.classList.remove('fs-scaf-show');\r\n                    setTimeout(() => modal.style.display = 'none', 400);\r\n                }\r\n            });\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-2beb5d0 e-flex e-con-boxed e-con e-parent\" data-id=\"2beb5d0\" 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-2e881fa elementor-widget elementor-widget-html\" data-id=\"2e881fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"fs-tools-main-section\">\r\n    <!-- Tech Dot Matrix Background Animation -->\r\n    <div class=\"fs-tools-bg-pattern\"><\/div>\r\n\r\n    <div class=\"fs-tools-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-tools-header fs-tools-reveal\">\r\n            <h2 class=\"fs-tools-title\">TOOLS & <span class=\"fs-tools-red-text\">EQUIPMENT<\/span><\/h2>\r\n            <p class=\"fs-tools-desc\">We provide professional-grade tools to enhance productivity, accuracy, and operational efficiency.<\/p>\r\n            \r\n            <!-- Category 1: Power Tools -->\r\n            <div class=\"fs-tools-category-block\">\r\n                <div class=\"fs-tools-category-tag\">POWER TOOLS<\/div>\r\n                <div class=\"fs-tools-features-grid\">\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-compact-disc\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Grinders<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-screwdriver-wrench\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Drills<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-scissors\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Saws<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-brush\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Sanders<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-hammer\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Demolition Hammers<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Category 2: Hand Tools -->\r\n            <div class=\"fs-tools-category-block\">\r\n                <div class=\"fs-tools-category-tag\">HAND TOOLS<\/div>\r\n                <div class=\"fs-tools-features-grid\">\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-wrench\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Spanners<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-grip-lines\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Pliers<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-screwdriver\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Screwdrivers<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-key\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Wrenches<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-scissors\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Cutters<\/span>\r\n                    <\/div>\r\n                    <div class=\"fs-tools-feature-card\">\r\n                        <div class=\"fs-tools-icon-box\"><i class=\"fa-solid fa-ruler-combined\"><\/i><\/div>\r\n                        <span class=\"fs-tools-feature-text\">Measuring Tools<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Dynamic Image Gallery -->\r\n        <div class=\"fs-tools-gallery\">\r\n            <div class=\"fs-tools-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/BOSCH-GBM-10-RE-w777iertarka-bezudarowa-600W-10mm.jpg\" alt=\"Tool\"><\/div>\r\n            <div class=\"fs-tools-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/BOSCH-GBM-10-RE-wi7777777ertarka-bezudarowa-600W-10mm.webp\" alt=\"Tool\"><\/div>\r\n            <div class=\"fs-tools-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/BOSCH-GBM-10-RE-wiertarka-bezudarowa-600W-10mm.jpg\" alt=\"Tool\"><\/div>\r\n            <div class=\"fs-tools-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/BOSCH-GBM-10-RE-wiertarka-bezudarowa-600W-10mm.jpg\" alt=\"Tool\"><\/div>\r\n            <div class=\"fs-tools-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/orig_5nt5-zc-scaled.jpg\" alt=\"Tool\"><\/div>\r\n            <div class=\"fs-tools-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/orig_57777777nt5-zc.webp\" alt=\"Tool\"><\/div>\r\n            <div class=\"fs-tools-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/SL18134P_1-scaled.jpg\" alt=\"Tool\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal -->\r\n    <div class=\"fs-tools-modal\">\r\n        <span class=\"fs-tools-close-modal\">&times;<\/span>\r\n        <img class=\"fs-tools-modal-content\" id=\"fs-tools-full-img\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CSS Scoping to avoid conflicts *\/\r\n    .fs-tools-main-section {\r\n        position: relative;\r\n        padding: 80px 20px;\r\n        background-color: transparent !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* --- Tech Dot Matrix Background --- *\/\r\n    .fs-tools-bg-pattern {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background-image: radial-gradient(rgba(32, 60, 132, 0.15) 1px, transparent 1px);\r\n        background-size: 30px 30px;\r\n        animation: fs-tools-bgMove 10s linear infinite;\r\n    }\r\n\r\n    @keyframes fs-tools-bgMove {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 30px 30px; }\r\n    }\r\n\r\n    .fs-tools-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-tools-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-tools-header.fs-tools-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-tools-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .fs-tools-red-text { color: #D62316; }\r\n\r\n    .fs-tools-desc {\r\n        font-size: 18px;\r\n        color: #666;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Category Block Styling *\/\r\n    .fs-tools-category-block {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .fs-tools-category-tag {\r\n        display: inline-block;\r\n        background: #D62316;\r\n        color: #fff;\r\n        padding: 6px 25px;\r\n        border-radius: 50px;\r\n        font-weight: 800;\r\n        font-size: 13px;\r\n        margin-bottom: 25px;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 4px 15px rgba(214, 35, 22, 0.3);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-tools-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .fs-tools-feature-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .fs-tools-icon-box {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: #203C84;\r\n        color: #fff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .fs-tools-feature-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #203C84;\r\n    }\r\n\r\n    .fs-tools-feature-card:hover {\r\n        transform: translateY(-10px);\r\n        background: #fff;\r\n        border-color: #D62316;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .fs-tools-feature-card:hover .fs-tools-icon-box {\r\n        background: #D62316;\r\n        transform: scale(1.2) rotate(10deg);\r\n    }\r\n\r\n    \/* Gallery Grid *\/\r\n    .fs-tools-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        grid-auto-rows: 250px;\r\n        gap: 20px;\r\n        grid-auto-flow: dense;\r\n    }\r\n\r\n    .fs-tools-gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .fs-tools-gallery-item:nth-child(3n) { grid-column: span 2; }\r\n        .fs-tools-gallery-item:nth-child(5n) { grid-row: span 2; }\r\n    }\r\n\r\n    .fs-tools-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .fs-tools-gallery-item:hover img {\r\n        transform: scale(1.1);\r\n        filter: brightness(0.8);\r\n    }\r\n\r\n    .fs-tools-gallery-item::after {\r\n        content: '\\f06e';\r\n        font-family: 'Font Awesome 6 Free';\r\n        font-weight: 900;\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        color: #fff;\r\n        font-size: 30px;\r\n        transition: all 0.4s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .fs-tools-gallery-item:hover::after {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .fs-tools-modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 99999;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.9);\r\n        backdrop-filter: blur(15px);\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .fs-tools-modal-content {\r\n        max-width: 85%;\r\n        max-height: 85%;\r\n        border-radius: 15px;\r\n        transform: scale(0.7);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 3px solid #fff;\r\n    }\r\n\r\n    .fs-tools-modal.fs-tools-show .fs-tools-modal-content { transform: scale(1); }\r\n\r\n    .fs-tools-close-modal {\r\n        position: absolute;\r\n        top: 30px; right: 40px;\r\n        color: #fff;\r\n        font-size: 50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fs-tools-gallery-item.fs-tools-show {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-tools-title { font-size: 28px; }\r\n        .fs-tools-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        .fs-tools-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        .fs-tools-feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .fs-tools-icon-box {\r\n            width: 35px;\r\n            height: 35px;\r\n            font-size: 14px;\r\n            min-width: 35px;\r\n        }\r\n\r\n        .fs-tools-feature-text {\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fs-tools-gallery {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            grid-auto-rows: 160px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fs-tools-gallery-item:nth-child(n) {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const header = document.querySelector('.fs-tools-header');\r\n            const galleryItems = document.querySelectorAll('.fs-tools-gallery-item');\r\n            const modal = document.querySelector('.fs-tools-modal');\r\n            const modalImg = document.getElementById('fs-tools-full-img');\r\n            const closeBtn = document.querySelector('.fs-tools-close-modal');\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        if(entry.target.classList.contains('fs-tools-header')) {\r\n                            entry.target.classList.add('fs-tools-active');\r\n                        } else {\r\n                            galleryItems.forEach((item, index) => {\r\n                                setTimeout(() => {\r\n                                    item.classList.add('fs-tools-show');\r\n                                }, index * 100);\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            const gallery = document.querySelector('.fs-tools-gallery');\r\n            if(gallery) observer.observe(gallery);\r\n\r\n            galleryItems.forEach(item => {\r\n                item.addEventListener('click', () => {\r\n                    const imgSrc = item.querySelector('img').src;\r\n                    modalImg.src = imgSrc;\r\n                    modal.style.display = 'flex';\r\n                    setTimeout(() => modal.classList.add('fs-tools-show'), 10);\r\n                });\r\n            });\r\n\r\n            closeBtn.addEventListener('click', () => {\r\n                modal.classList.remove('fs-tools-show');\r\n                setTimeout(() => modal.style.display = 'none', 400);\r\n            });\r\n\r\n            window.addEventListener('click', (e) => {\r\n                if (e.target === modal) {\r\n                    modal.classList.remove('fs-tools-show');\r\n                    setTimeout(() => modal.style.display = 'none', 400);\r\n                }\r\n            });\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\t\t<div class=\"elementor-element elementor-element-eeaf235 e-con e-atomic-element e-flexbox-base\" data-id=\"eeaf235\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eeaf235\">\n\t\t\t\t\t\n<hr class=\"e-2b617cc-7ae00c7 e-divider-base\" data-interaction-id=\"2b617cc\"   \/>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bca11c7 e-flex e-con-boxed e-con e-parent\" data-id=\"bca11c7\" 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-3ee16b1 elementor-widget elementor-widget-html\" data-id=\"3ee16b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"fs-safety-main-section\">\r\n    <!-- Hexagonal Shield Background Animation -->\r\n    <div class=\"fs-safety-bg-pattern\"><\/div>\r\n\r\n    <div class=\"fs-safety-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-safety-header fs-safety-reveal\">\r\n            <h2 class=\"fs-safety-title\">SAFETY <span class=\"fs-safety-red-text\">SOLUTIONS<\/span><\/h2>\r\n            <p class=\"fs-safety-desc\">Our safety equipment ensures maximum protection for personnel and worksites, meeting international safety standards.<\/p>\r\n            \r\n            <!-- Animated Icon Grid -->\r\n            <div class=\"fs-safety-features-grid\">\r\n                <div class=\"fs-safety-feature-card\">\r\n                    <div class=\"fs-safety-icon-box\"><i class=\"fa-solid fa-helmet-safety\"><\/i><\/div>\r\n                    <span class=\"fs-safety-feature-text\">Personal Protective Equipment (PPE)<\/span>\r\n                <\/div>\r\n                <div class=\"fs-safety-feature-card\">\r\n                    <div class=\"fs-safety-icon-box\"><i class=\"fa-solid fa-mask-face\"><\/i><\/div>\r\n                    <span class=\"fs-safety-feature-text\">Respiratory & Welding Safety<\/span>\r\n                <\/div>\r\n                <div class=\"fs-safety-feature-card\">\r\n                    <div class=\"fs-safety-icon-box\"><i class=\"fa-solid fa-fire-extinguisher\"><\/i><\/div>\r\n                    <span class=\"fs-safety-feature-text\">Fire & Emergency Response<\/span>\r\n                <\/div>\r\n                <div class=\"fs-safety-feature-card\">\r\n                    <div class=\"fs-safety-icon-box\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <span class=\"fs-safety-feature-text\">Rigger Pads & Heavy Equipment<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Dynamic Image Gallery -->\r\n        <div class=\"fs-safety-gallery\">\r\n            <div class=\"fs-safety-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/41zRM6CAMxL._AC_UY1100_.jpg\" alt=\"Safety\"><\/div>\r\n            <div class=\"fs-safety-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/64ef2c1ef98063c658a638a9dbe8a80341663f74_original.jpeg\" alt=\"Safety\"><\/div>\r\n            <div class=\"fs-safety-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/600023038782b0.jpg\" alt=\"Safety\"><\/div>\r\n            <div class=\"fs-safety-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/CASOUD3.jpg\" alt=\"Safety\"><\/div>\r\n            <div class=\"fs-safety-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Firechief-Home-page-Pro-Block-extinguishers-web.png\" alt=\"Safety\"><\/div>\r\n            <div class=\"fs-safety-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Mammoet-Winch.png\" alt=\"Safety\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal -->\r\n    <div class=\"fs-safety-modal\">\r\n        <span class=\"fs-safety-close-modal\">&times;<\/span>\r\n        <img class=\"fs-safety-modal-content\" id=\"fs-safety-full-img\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CSS Scoping to avoid conflicts *\/\r\n    .fs-safety-main-section {\r\n        position: relative;\r\n        padding: 80px 20px;\r\n        background-color: transparent !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* --- Hexagonal Shield Background --- *\/\r\n    .fs-safety-bg-pattern {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background-image: radial-gradient(circle at center, rgba(32, 60, 132, 0.05) 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n        animation: fs-safety-bgMove 15s linear infinite;\r\n    }\r\n\r\n    @keyframes fs-safety-bgMove {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 40px 40px; }\r\n    }\r\n\r\n    .fs-safety-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-safety-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-safety-header.fs-safety-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-safety-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .fs-safety-red-text { color: #D62316; }\r\n\r\n    .fs-safety-desc {\r\n        font-size: 18px;\r\n        color: #666;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-safety-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .fs-safety-feature-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .fs-safety-icon-box {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: #203C84;\r\n        color: #fff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .fs-safety-feature-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #203C84;\r\n    }\r\n\r\n    .fs-safety-feature-card:hover {\r\n        transform: translateY(-10px);\r\n        background: #fff;\r\n        border-color: #D62316;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .fs-safety-feature-card:hover .fs-safety-icon-box {\r\n        background: #D62316;\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n    \/* Gallery Grid *\/\r\n    .fs-safety-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        grid-auto-rows: 250px;\r\n        gap: 20px;\r\n        grid-auto-flow: dense;\r\n    }\r\n\r\n    .fs-safety-gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .fs-safety-gallery-item:nth-child(3n) { grid-column: span 2; }\r\n        .fs-safety-gallery-item:nth-child(5n) { grid-row: span 2; }\r\n    }\r\n\r\n    .fs-safety-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .fs-safety-gallery-item:hover img {\r\n        transform: scale(1.1);\r\n        filter: brightness(0.8);\r\n    }\r\n\r\n    .fs-safety-gallery-item::after {\r\n        content: '\\f06e';\r\n        font-family: 'Font Awesome 6 Free';\r\n        font-weight: 900;\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        color: #fff;\r\n        font-size: 30px;\r\n        transition: all 0.4s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .fs-safety-gallery-item:hover::after {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .fs-safety-modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 99999;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.9);\r\n        backdrop-filter: blur(15px);\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .fs-safety-modal-content {\r\n        max-width: 85%;\r\n        max-height: 85%;\r\n        border-radius: 15px;\r\n        transform: scale(0.7);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 3px solid #fff;\r\n    }\r\n\r\n    .fs-safety-modal.fs-safety-show .fs-safety-modal-content { transform: scale(1); }\r\n\r\n    .fs-safety-close-modal {\r\n        position: absolute;\r\n        top: 30px; right: 40px;\r\n        color: #fff;\r\n        font-size: 50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fs-safety-gallery-item.fs-safety-show {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-safety-title { font-size: 28px; }\r\n        .fs-safety-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        .fs-safety-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .fs-safety-feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .fs-safety-icon-box {\r\n            width: 35px;\r\n            height: 35px;\r\n            font-size: 14px;\r\n            min-width: 35px;\r\n        }\r\n\r\n        .fs-safety-feature-text {\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fs-safety-gallery {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            grid-auto-rows: 160px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fs-safety-gallery-item:nth-child(n) {\r\n            grid-column: span 1 !important;\r\n            grid-row: span 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const header = document.querySelector('.fs-safety-header');\r\n            const galleryItems = document.querySelectorAll('.fs-safety-gallery-item');\r\n            const modal = document.querySelector('.fs-safety-modal');\r\n            const modalImg = document.getElementById('fs-safety-full-img');\r\n            const closeBtn = document.querySelector('.fs-safety-close-modal');\r\n\r\n            \/\/ --- FIX: Elementor Preview Visibility ---\r\n            \/\/ Check if we are in the Elementor Editor\r\n            if (window.location.href.indexOf('elementor-preview') !== -1 || \r\n                document.querySelector('.elementor-editor-active')) {\r\n                \r\n                \/\/ Force visibility in editor\r\n                if(header) header.classList.add('fs-safety-active');\r\n                galleryItems.forEach(item => item.classList.add('fs-safety-show'));\r\n            }\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        if(entry.target.classList.contains('fs-safety-header')) {\r\n                            entry.target.classList.add('fs-safety-active');\r\n                        } else {\r\n                            galleryItems.forEach((item, index) => {\r\n                                setTimeout(() => {\r\n                                    item.classList.add('fs-safety-show');\r\n                                }, index * 100);\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            const gallery = document.querySelector('.fs-safety-gallery');\r\n            if(gallery) observer.observe(gallery);\r\n\r\n            galleryItems.forEach(item => {\r\n                item.addEventListener('click', () => {\r\n                    const imgSrc = item.querySelector('img').src;\r\n                    modalImg.src = imgSrc;\r\n                    modal.style.display = 'flex';\r\n                    setTimeout(() => modal.classList.add('fs-safety-show'), 10);\r\n                });\r\n            });\r\n\r\n            closeBtn.addEventListener('click', () => {\r\n                modal.classList.remove('fs-safety-show');\r\n                setTimeout(() => modal.style.display = 'none', 400);\r\n            });\r\n\r\n            window.addEventListener('click', (e) => {\r\n                if (e.target === modal) {\r\n                    modal.classList.remove('fs-safety-show');\r\n                    setTimeout(() => modal.style.display = 'none', 400);\r\n                }\r\n            });\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-fafcbf3 e-flex e-con-boxed e-con e-parent\" data-id=\"fafcbf3\" 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-0167a26 elementor-widget elementor-widget-html\" data-id=\"0167a26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"fs-build-main-section\">\r\n    <!-- Structural Block Background Animation -->\r\n    <div class=\"fs-build-bg-pattern\"><\/div>\r\n\r\n    <div class=\"fs-build-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-build-header fs-build-reveal\">\r\n            <h2 class=\"fs-build-title\">BUILDING <span class=\"fs-build-red-text\">MATERIALS<\/span><\/h2>\r\n            <p class=\"fs-build-desc\">We supply high-quality building materials that provide structural integrity, durability, and efficiency.<\/p>\r\n            \r\n            <!-- Animated Icon Grid -->\r\n            <div class=\"fs-build-features-grid\">\r\n                <div class=\"fs-build-feature-card\">\r\n                    <div class=\"fs-build-icon-box\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\r\n                    <span class=\"fs-build-feature-text\">Cement, Sand & Aggregates<\/span>\r\n                <\/div>\r\n                <div class=\"fs-build-feature-card\">\r\n                    <div class=\"fs-build-icon-box\"><i class=\"fa-solid fa-industry\"><\/i><\/div>\r\n                    <span class=\"fs-build-feature-text\">Steel Rebar & Mesh<\/span>\r\n                <\/div>\r\n                <div class=\"fs-build-feature-card\">\r\n                    <div class=\"fs-build-icon-box\"><i class=\"fa-solid fa-tree\"><\/i><\/div>\r\n                    <span class=\"fs-build-feature-text\">Formwork & Construction Wood<\/span>\r\n                <\/div>\r\n                <div class=\"fs-build-feature-card\">\r\n                    <div class=\"fs-build-icon-box\"><i class=\"fa-solid fa-flask\"><\/i><\/div>\r\n                    <span class=\"fs-build-feature-text\">Adhesives & Chemical Admixtures<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Featured Image Section -->\r\n        <div class=\"fs-build-featured-wrapper fs-build-reveal\">\r\n            <div class=\"fs-build-img-decor\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/41zRM6CAMxL._AC_UY1100_.webp\" alt=\"Building Materials\" class=\"fs-build-main-img\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CSS Scoping to avoid conflicts *\/\r\n    .fs-build-main-section {\r\n        position: relative;\r\n        padding: 80px 20px;\r\n        background-color: transparent !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* --- Structural Block Background --- *\/\r\n    .fs-build-bg-pattern {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background-image: \r\n            linear-gradient(rgba(32, 60, 132, 0.03) 2px, transparent 2px),\r\n            linear-gradient(90deg, rgba(32, 60, 132, 0.03) 2px, transparent 2px);\r\n        background-size: 60px 60px;\r\n        animation: fs-build-bgMove 30s linear infinite;\r\n    }\r\n\r\n    @keyframes fs-build-bgMove {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 60px 60px; }\r\n    }\r\n\r\n    .fs-build-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-build-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-build-header.fs-build-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-build-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .fs-build-red-text { color: #D62316; }\r\n\r\n    .fs-build-desc {\r\n        font-size: 18px;\r\n        color: #666;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-build-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .fs-build-feature-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .fs-build-icon-box {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: #203C84;\r\n        color: #fff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .fs-build-feature-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #203C84;\r\n    }\r\n\r\n    .fs-build-feature-card:hover {\r\n        transform: translateY(-10px);\r\n        background: #fff;\r\n        border-color: #D62316;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .fs-build-feature-card:hover .fs-build-icon-box {\r\n        background: #D62316;\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    \/* Featured Image Section *\/\r\n    .fs-build-featured-wrapper {\r\n        position: relative;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .fs-build-featured-wrapper.fs-build-active {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    .fs-build-img-decor {\r\n        position: absolute;\r\n        top: -20px;\r\n        left: -20px;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 15px solid rgba(32, 60, 132, 0.1);\r\n        z-index: -1;\r\n        border-radius: 20px;\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    .fs-build-featured-wrapper:hover .fs-build-img-decor {\r\n        transform: translate(20px, 20px);\r\n        border-color: rgba(214, 35, 22, 0.2);\r\n    }\r\n\r\n    .fs-build-main-img {\r\n        width: 100%;\r\n        height: auto;\r\n        border-radius: 20px;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.2);\r\n        display: block;\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-build-title { font-size: 28px; }\r\n        .fs-build-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        .fs-build-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        .fs-build-feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .fs-build-icon-box {\r\n            width: 35px;\r\n            height: 35px;\r\n            font-size: 14px;\r\n            min-width: 35px;\r\n        }\r\n\r\n        .fs-build-feature-text {\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .fs-build-img-decor {\r\n            border-width: 8px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const header = document.querySelector('.fs-build-header');\r\n            const featuredImg = document.querySelector('.fs-build-featured-wrapper');\r\n\r\n            \/\/ --- Elementor Preview Fix ---\r\n            if (window.location.href.indexOf('elementor-preview') !== -1 || \r\n                document.querySelector('.elementor-editor-active')) {\r\n                if(header) header.classList.add('fs-build-active');\r\n                if(featuredImg) featuredImg.classList.add('fs-build-active');\r\n            }\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        if(entry.target.classList.contains('fs-build-header')) {\r\n                            entry.target.classList.add('fs-build-active');\r\n                        } else {\r\n                            entry.target.classList.add('fs-build-active');\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            if(featuredImg) observer.observe(featuredImg);\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-590bf4c e-flex e-con-boxed e-con e-parent\" data-id=\"590bf4c\" 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-ee9ae58 elementor-widget elementor-widget-html\" data-id=\"ee9ae58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome for Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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<section class=\"fs-chem-main-section\">\r\n    <!-- Molecular Connection Background Animation -->\r\n    <div class=\"fs-chem-bg-pattern\"><\/div>\r\n\r\n    <div class=\"fs-chem-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-chem-header fs-chem-reveal\">\r\n            <h2 class=\"fs-chem-title\">INDUSTRIAL <span class=\"fs-chem-red-text\">CHEMICALS<\/span><\/h2>\r\n            <p class=\"fs-chem-desc\">We provide a wide range of industrial and specialty chemicals for construction, maintenance, and operational efficiency.<\/p>\r\n            \r\n            <!-- Animated Icon Grid -->\r\n            <div class=\"fs-chem-features-grid\">\r\n                <div class=\"fs-chem-feature-card\">\r\n                    <div class=\"fs-chem-icon-box\"><i class=\"fa-solid fa-flask\"><\/i><\/div>\r\n                    <span class=\"fs-chem-feature-text\">Construction Chemicals<\/span>\r\n                <\/div>\r\n                <div class=\"fs-chem-feature-card\">\r\n                    <div class=\"fs-chem-icon-box\"><i class=\"fa-solid fa-fill-drip\"><\/i><\/div>\r\n                    <span class=\"fs-chem-feature-text\">Epoxy Coatings & Sealants<\/span>\r\n                <\/div>\r\n                <div class=\"fs-chem-feature-card\">\r\n                    <div class=\"fs-chem-icon-box\"><i class=\"fa-solid fa-link\"><\/i><\/div>\r\n                    <span class=\"fs-chem-feature-text\">Adhesives & Bonding Agents<\/span>\r\n                <\/div>\r\n                <div class=\"fs-chem-feature-card\">\r\n                    <div class=\"fs-chem-icon-box\"><i class=\"fa-solid fa-bubbles\"><\/i><\/div>\r\n                    <span class=\"fs-chem-feature-text\">Cleaning & Degreasing<\/span>\r\n                <\/div>\r\n                <div class=\"fs-chem-feature-card\">\r\n                    <div class=\"fs-chem-icon-box\"><i class=\"fa-solid fa-oil-can\"><\/i><\/div>\r\n                    <span class=\"fs-chem-feature-text\">Lubricants, Oils & Greases<\/span>\r\n                <\/div>\r\n                <div class=\"fs-chem-feature-card\">\r\n                    <div class=\"fs-chem-icon-box\"><i class=\"fa-solid fa-droplet\"><\/i><\/div>\r\n                    <span class=\"fs-chem-feature-text\">Water Treatment Chemicals<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Dynamic Image Gallery -->\r\n        <div class=\"fs-chem-gallery\">\r\n            <div class=\"fs-chem-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1.png\" alt=\"Chemicals\"><\/div>\r\n            <div class=\"fs-chem-gallery-item\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/HOUGHTON-INTERNATIONAL-INC.jpg\" alt=\"Chemicals\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal -->\r\n    <div class=\"fs-chem-modal\">\r\n        <span class=\"fs-chem-close-modal\">&times;<\/span>\r\n        <img class=\"fs-chem-modal-content\" id=\"fs-chem-full-img\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CSS Scoping to avoid conflicts *\/\r\n    .fs-chem-main-section {\r\n        position: relative;\r\n        padding: 80px 20px;\r\n        background-color: transparent !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* --- Molecular Background Pattern --- *\/\r\n    .fs-chem-bg-pattern {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background-image: radial-gradient(rgba(32, 60, 132, 0.1) 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n        animation: fs-chem-bgMove 20s linear infinite;\r\n    }\r\n\r\n    @keyframes fs-chem-bgMove {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 40px 40px; }\r\n    }\r\n\r\n    .fs-chem-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-chem-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-chem-header.fs-chem-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-chem-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .fs-chem-red-text { color: #D62316; }\r\n\r\n    .fs-chem-desc {\r\n        font-size: 18px;\r\n        color: #666;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-chem-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .fs-chem-feature-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1);\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .fs-chem-icon-box {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: #203C84;\r\n        color: #fff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .fs-chem-feature-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #203C84;\r\n    }\r\n\r\n    .fs-chem-feature-card:hover {\r\n        transform: translateY(-10px);\r\n        background: #fff;\r\n        border-color: #D62316;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .fs-chem-feature-card:hover .fs-chem-icon-box {\r\n        background: #D62316;\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n    \/* Gallery Grid *\/\r\n    .fs-chem-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n        gap: 30px;\r\n    }\r\n\r\n    .fs-chem-gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n        height: 350px;\r\n    }\r\n\r\n    .fs-chem-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .fs-chem-gallery-item:hover img {\r\n        transform: scale(1.1);\r\n        filter: brightness(0.8);\r\n    }\r\n\r\n    .fs-chem-gallery-item::after {\r\n        content: '\\f06e';\r\n        font-family: 'Font Awesome 6 Free';\r\n        font-weight: 900;\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%) scale(0);\r\n        color: #fff;\r\n        font-size: 30px;\r\n        transition: all 0.4s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .fs-chem-gallery-item:hover::after {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .fs-chem-modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 99999;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.9);\r\n        backdrop-filter: blur(15px);\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .fs-chem-modal-content {\r\n        max-width: 85%;\r\n        max-height: 85%;\r\n        border-radius: 15px;\r\n        transform: scale(0.7);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 3px solid #fff;\r\n    }\r\n\r\n    .fs-chem-modal.fs-chem-show .fs-chem-modal-content { transform: scale(1); }\r\n\r\n    .fs-chem-close-modal {\r\n        position: absolute;\r\n        top: 30px; right: 40px;\r\n        color: #fff;\r\n        font-size: 50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fs-chem-gallery-item.fs-chem-show {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-chem-title { font-size: 28px; }\r\n        .fs-chem-desc { font-size: 15px; margin-bottom: 30px; }\r\n\r\n        .fs-chem-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        .fs-chem-feature-card {\r\n            padding: 12px;\r\n            gap: 10px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .fs-chem-icon-box {\r\n            width: 35px;\r\n            height: 35px;\r\n            font-size: 14px;\r\n            min-width: 35px;\r\n        }\r\n\r\n        .fs-chem-feature-text {\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fs-chem-gallery {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        .fs-chem-gallery-item {\r\n            height: 250px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const header = document.querySelector('.fs-chem-header');\r\n            const galleryItems = document.querySelectorAll('.fs-chem-gallery-item');\r\n            const modal = document.querySelector('.fs-chem-modal');\r\n            const modalImg = document.getElementById('fs-chem-full-img');\r\n            const closeBtn = document.querySelector('.fs-chem-close-modal');\r\n\r\n            \/\/ --- Elementor Preview Fix ---\r\n            if (window.location.href.indexOf('elementor-preview') !== -1 || \r\n                document.querySelector('.elementor-editor-active')) {\r\n                if(header) header.classList.add('fs-chem-active');\r\n                galleryItems.forEach(item => item.classList.add('fs-chem-show'));\r\n            }\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        if(entry.target.classList.contains('fs-chem-header')) {\r\n                            entry.target.classList.add('fs-chem-active');\r\n                        } else {\r\n                            galleryItems.forEach((item, index) => {\r\n                                setTimeout(() => {\r\n                                    item.classList.add('fs-chem-show');\r\n                                }, index * 100);\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            const gallery = document.querySelector('.fs-chem-gallery');\r\n            if(gallery) observer.observe(gallery);\r\n\r\n            galleryItems.forEach(item => {\r\n                item.addEventListener('click', () => {\r\n                    const imgSrc = item.querySelector('img').src;\r\n                    modalImg.src = imgSrc;\r\n                    modal.style.display = 'flex';\r\n                    setTimeout(() => modal.classList.add('fs-chem-show'), 10);\r\n                });\r\n            });\r\n\r\n            closeBtn.addEventListener('click', () => {\r\n                modal.classList.remove('fs-chem-show');\r\n                setTimeout(() => modal.style.display = 'none', 400);\r\n            });\r\n\r\n            window.addEventListener('click', (e) => {\r\n                if (e.target === modal) {\r\n                    modal.classList.remove('fs-chem-show');\r\n                    setTimeout(() => modal.style.display = 'none', 400);\r\n                }\r\n            });\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-ef7b9ce e-flex e-con-boxed e-con e-parent\" data-id=\"ef7b9ce\" 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-c157499 elementor-widget elementor-widget-html\" data-id=\"c157499\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"fs-partners-section\">\r\n    <div class=\"fs-partners-container\">\r\n        \r\n        <!-- Section Title -->\r\n        <div class=\"fs-partners-header\">\r\n            <h2 class=\"fs-partners-title\">PARTNERS IN <span class=\"fs-partners-red\">SUCCESS<\/span><\/h2>\r\n            <div class=\"fs-partners-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Sliders Wrapper -->\r\n        <div class=\"fs-partners-slider-wrapper\">\r\n            \r\n            <!-- Row 1: Moving Right to Left -->\r\n            <div class=\"fs-partners-track-container\">\r\n                <div class=\"fs-partners-track fs-partners-track-rtl\">\r\n                    <!-- Logos Group 1 -->\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/0RROsghbrym5sH6Y4xiHsa7ZuQk-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1-1536x577-1.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1729587304.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/A1BB.webp\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/ABB.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/b4dbca2ed797d8b2afe79a7a5b23f06c.w3000.h600-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/cooper-1-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/CS-Landing-Page-Covers-01.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Honeywell-logo-website.png\" alt=\"Partner\"><\/div>\r\n                    <!-- Duplicated for Seamless Loop -->\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/0RROsghbrym5sH6Y4xiHsa7ZuQk-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1-1536x577-1.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/1729587304.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/A1BB.webp\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/ABB.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/b4dbca2ed797d8b2afe79a7a5b23f06c.w3000.h600-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/cooper-1-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/CS-Landing-Page-Covers-01.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Honeywell-logo-website.png\" alt=\"Partner\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Row 2: Moving Left to Right -->\r\n            <div class=\"fs-partners-track-container\">\r\n                <div class=\"fs-partners-track fs-partners-track-ltr\">\r\n                    <!-- Logos Group 2 -->\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/logo-site-reference-IJa-03-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/noti77fier.webp\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/notifier.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/osram-logo-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Radium5c07f20a782f8.jpg\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Schneider_Electric-L-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/siemens-01-1024x1024-1.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/simplex-2-2048x2048-1.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/unnamed.jpg\" alt=\"Partner\"><\/div>\r\n                    <!-- Duplicated for Seamless Loop -->\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/logo-site-reference-IJa-03-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/noti77fier.webp\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/notifier.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/osram-logo-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Radium5c07f20a782f8.jpg\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Schneider_Electric-L-scaled.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/siemens-01-1024x1024-1.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/simplex-2-2048x2048-1.png\" alt=\"Partner\"><\/div>\r\n                    <div class=\"fs-partners-logo\"><img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/unnamed.jpg\" alt=\"Partner\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .fs-partners-section {\r\n        padding: 60px 0;\r\n        background-color: transparent !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .fs-partners-container {\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .fs-partners-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .fs-partners-title {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .fs-partners-red {\r\n        color: #D62316;\r\n    }\r\n\r\n    .fs-partners-divider {\r\n        width: 80px;\r\n        height: 4px;\r\n        background: #D62316;\r\n        margin: 0 auto;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .fs-partners-slider-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .fs-partners-track-container {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        display: flex;\r\n    }\r\n\r\n    \/* Gradient Fades *\/\r\n    .fs-partners-track-container::before,\r\n    .fs-partners-track-container::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        width: 150px;\r\n        height: 100%;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .fs-partners-track-container::before {\r\n        left: 0;\r\n        background: linear-gradient(to right, rgba(255,255,255,1), transparent);\r\n    }\r\n\r\n    .fs-partners-track-container::after {\r\n        right: 0;\r\n        background: linear-gradient(to left, rgba(255,255,255,1), transparent);\r\n    }\r\n\r\n    .fs-partners-track {\r\n        display: flex;\r\n        width: max-content;\r\n        align-items: center;\r\n        gap: 50px;\r\n        padding: 0 25px;\r\n    }\r\n\r\n    .fs-partners-logo {\r\n        width: 180px;\r\n        height: 100px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.4s ease;\r\n        \/* Desktop default: grayscale *\/\r\n        filter: grayscale(100%);\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .fs-partners-logo img {\r\n        max-width: 100%;\r\n        max-height: 80px;\r\n        object-fit: contain;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .fs-partners-logo:hover {\r\n        filter: grayscale(0%);\r\n        opacity: 1;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .fs-partners-track-rtl {\r\n        animation: fs-scroll-rtl 40s linear infinite;\r\n    }\r\n\r\n    .fs-partners-track-ltr {\r\n        animation: fs-scroll-ltr 40s linear infinite;\r\n    }\r\n\r\n    @keyframes fs-scroll-rtl {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); }\r\n    }\r\n\r\n    @keyframes fs-scroll-ltr {\r\n        0% { transform: translateX(-50%); }\r\n        100% { transform: translateX(0); }\r\n    }\r\n\r\n    \/* =========================================\r\n       MOBILE ADAPTATION: Colorful Logos\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .fs-partners-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .fs-partners-logo {\r\n            width: 120px;\r\n            height: 70px;\r\n            \/* Fix: Colorful by default on mobile *\/\r\n            filter: grayscale(0%) !important;\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        .fs-partners-logo img {\r\n            max-height: 50px;\r\n        }\r\n\r\n        .fs-partners-track {\r\n            gap: 30px;\r\n        }\r\n\r\n        .fs-partners-track-container::before,\r\n        .fs-partners-track-container::after {\r\n            width: 60px;\r\n        }\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About Us Destination Blog Contact Us Home About Us Destination Blog Contact Us \u2699\ufe0f \u2b22 \u2699\ufe0f \u2b22 \u2699\ufe0f \u2b22 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fast-source.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":88,"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/fast-source.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}