{"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-25T11:21:05","modified_gmt":"2026-05-25T11:21:05","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:\/\/fast-source.com\/\">\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-menu6a5e6afe97cdf\">\n\t\t\t<div class=\"plus-navigation-inner menu-click 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-\">\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 active' ><a href=\"https:\/\/fast-source.com\/\"  title=\"Home\" data-text=\"Home\" ><span class=\"plus-title-wrap\">Home<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-45e2678' ><a href=\"https:\/\/fast-source.com\/#about\"  title=\"About Us \" data-text=\"About Us \" ><span class=\"plus-title-wrap\">About Us <\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-7a86f7e' ><a href=\"#PARTNERS\"  title=\"PARTNERS IN SUCCESS\" data-text=\"PARTNERS IN SUCCESS\" ><span class=\"plus-title-wrap\">PARTNERS IN SUCCESS<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-bb5f41a' ><a href=\"#profile\"  title=\"company profile\" data-text=\"company profile\" ><span class=\"plus-title-wrap\">company profile<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-fa72010' ><a href=\"#Contact\"  title=\"Contact Us\" data-text=\"Contact Us\" ><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-menu6a5e6afe97cdf\">\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-menu6a5e6afe97cdf\"\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 active' ><a href=\"https:\/\/fast-source.com\/\"  title=\"Home\" data-text=\"Home\" ><span class=\"plus-title-wrap\">Home<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-45e2678' ><a href=\"https:\/\/fast-source.com\/#about\"  title=\"About Us \" data-text=\"About Us \" ><span class=\"plus-title-wrap\">About Us <\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-7a86f7e' ><a href=\"#PARTNERS\"  title=\"PARTNERS IN SUCCESS\" data-text=\"PARTNERS IN SUCCESS\" ><span class=\"plus-title-wrap\">PARTNERS IN SUCCESS<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-bb5f41a' ><a href=\"#profile\"  title=\"company profile\" data-text=\"company profile\" ><span class=\"plus-title-wrap\">company profile<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-fa72010' ><a href=\"#Contact\"  title=\"Contact Us\" data-text=\"Contact Us\" ><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-menu6a5e6afe97cdf #theplus-navigation-normal-menu{display: block!important;}.plus-navigation-wrap.nav-menu6a5e6afe97cdf #plus-mobile-nav-toggle-nav-menu6a5e6afe97cdf.collapse.in{display:none;}}@media (max-width:758px){.plus-navigation-wrap.nav-menu6a5e6afe97cdf #theplus-navigation-normal-menu{display:none !important;}.plus-navigation-wrap.nav-menu6a5e6afe97cdf .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    <div class=\"content-wrapper\">\r\n        \r\n        <!-- Typing Text Section -->\r\n        <div class=\"typing-container\">\r\n            <h1 class=\"typing-text\">FAST SOURCE TRADING <\/h1>\r\n        <\/div>\r\n\r\n        <!-- Buttons Section -->\r\n        <div class=\"button-group\">\r\n            <a href=\"https:\/\/fast-source.com\/#about\" class=\"btn btn-outline\">Learn More<\/a>\r\n            <a href=\"https:\/\/fast-source.com\/#Contact\" class=\"btn btn-filled\">Contact Us<\/a>\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: flex-start; \r\n        min-height: 400px; \r\n        background: transparent !important; \r\n        font-family: 'Montserrat', sans-serif;\r\n        padding-top: 100px; \r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n        padding-bottom: 40px;\r\n        text-align: center;\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        justify-content: center;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Typing Animation Styles *\/\r\n    .typing-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-bottom: 40px; \r\n        width: 100%;\r\n    }\r\n\r\n    .typing-text {\r\n        color: #ffffff;\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin: 0;\r\n        \r\n        \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 *\/\r\n        overflow: hidden; \r\n        white-space: nowrap; \r\n        border-right: 3px solid #ffffff; \r\n        width: 0;\r\n        \r\n        \/* \u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0635\u0631 \u064a\u062a\u0648\u0633\u0637 \u0627\u0644\u0634\u0627\u0634\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0648\u0633\u0639 *\/\r\n        display: inline-block;\r\n        \r\n        animation: \r\n            typing 3.5s steps(24, end) forwards, \r\n            blink 0.75s step-end infinite;\r\n    }\r\n\r\n    @keyframes typing {\r\n        from { width: 0; }\r\n        to { width: 100%; }\r\n    }\r\n\r\n    @keyframes blink {\r\n        from, to { border-color: transparent; }\r\n        50% { border-color: #ffffff; }\r\n    }\r\n\r\n    \/* Button Styling *\/\r\n    .button-group {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .btn {\r\n        text-decoration: none;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        padding: 14px 32px;\r\n        border-radius: 5px;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        display: inline-block;\r\n        text-align: center;\r\n        min-width: 160px;\r\n    }\r\n\r\n    .btn-outline {\r\n        color: #ffffff; \r\n        border: 2px solid #ffffff;\r\n        background: transparent;\r\n    }\r\n\r\n    .btn-outline:hover {\r\n        background: #ffffff;\r\n        color: #203C84;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .btn-filled {\r\n        color: #ffffff;\r\n        background-color: #D62316;\r\n        border: 2px solid #D62316;\r\n    }\r\n\r\n    .btn-filled:hover {\r\n        background-color: #b31d12;\r\n        border-color: #b31d12;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 5px 15px rgba(214, 35, 22, 0.3);\r\n    }\r\n\r\n    \/* Mobile Adaptation - \u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0642\u0635 \u0647\u0646\u0627 *\/\r\n    @media (max-width: 768px) {\r\n        .premium-industrial-section {\r\n            padding-top: 60px;\r\n        }\r\n        \r\n        .typing-text {\r\n            \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 vw \u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u0627\u0644\u062e\u0637 \u064a\u0635\u063a\u0631 \u062d\u0633\u0628 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0648\u0644\u0627 \u064a\u062e\u0631\u062c \u0639\u0646\u0647\u0627 *\/\r\n            font-size: 5.5vw; \r\n            \/* \u062d\u062f \u0623\u062f\u0646\u0649 \u0648\u0623\u0642\u0635\u0649 \u0644\u062d\u062c\u0645 \u0627\u0644\u062e\u0637 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 *\/\r\n            min-font-size: 16px; \r\n            letter-spacing: 1px;\r\n            animation: typing 3s steps(24, end) forwards, blink 0.75s step-end infinite;\r\n        }\r\n        \r\n        \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0623\u0644\u0627 \u064a\u062a\u062c\u0627\u0648\u0632 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0623\u0628\u062f\u0627\u064b *\/\r\n        .typing-container {\r\n            max-width: 90vw;\r\n        }\r\n        \r\n        .button-group {\r\n            flex-direction: column; \r\n            width: 100%;\r\n            max-width: 300px;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .btn {\r\n            width: 100%; \r\n            padding: 12px 20px;\r\n            font-size: 15px;\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<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\" id=\"about\">\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<!-- 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\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\">\r\n            <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 -->\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/ABOUT-US.jpg.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            <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u0648\u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0648\u062f -->\r\n            <div class=\"section-tag\">ABOUT US<\/div>\r\n            \r\n            <div class=\"about-description\">\r\n                <!-- \u0627\u0633\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0641\u064a \u0633\u0637\u0631 \u0644\u0648\u062d\u062f\u0647 \u0628\u062f\u0648\u0646 \u0646\u0642\u0637\u0629 \u0648\u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0648\u062f -->\r\n                <h2 class=\"company-name\">FAST SOURCE TRADING EST<\/h2>\r\n                \r\n                <p class=\"main-para\">\r\n                    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        --main-black: #000000;\r\n        --deep-gray: #333333;\r\n        --light-gray: #666666;\r\n        --border-color: #eeeeee;\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        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    \/* =========================================\r\n       IMAGE SIDE - UPDATED TO MATCH PREVIOUS CURVES\r\n       ========================================= *\/\r\n    .about-image-wrapper {\r\n        flex: 1;\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .about-main-img {\r\n        width: 100%;\r\n        height: auto;\r\n        \/* \u062a\u0637\u0628\u064a\u0642 \u0646\u0641\u0633 \u0627\u0644\u0643\u0631\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u0648\u062d\u062f\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 *\/\r\n        border-radius: 30px !important; \r\n        \/* \u0638\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0639\u0637\u064a \u0639\u0645\u0642 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block;\r\n        object-fit: cover !important;\r\n        \r\n        \/* \u0645\u0646\u0639 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0639 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n        pointer-events: none !important; \r\n        user-select: none;\r\n        -webkit-user-drag: none;\r\n        transition: none !important;\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(--main-black);\r\n        font-weight: 800;\r\n        font-size: 18px;\r\n        letter-spacing: 3px;\r\n        margin-bottom: 25px;\r\n        display: block;\r\n        text-align: center;\r\n    }\r\n\r\n    .company-name {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: var(--main-black);\r\n        line-height: 1.2;\r\n        margin-bottom: 15px;\r\n        text-align: left;\r\n    }\r\n\r\n    .about-description {\r\n        margin-bottom: 30px;\r\n        text-align: left;\r\n    }\r\n\r\n    .main-para {\r\n        font-size: 20px;\r\n        color: var(--main-black);\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(--deep-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: #f9f9f9;\r\n        padding: 15px;\r\n        border-left: 5px solid var(--main-black);\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        color: var(--main-black);\r\n        transition: none !important; \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0644\u0644\u062a\u0646\u0627\u0633\u0642 \u0645\u0639 \u0628\u0627\u0642\u064a \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\n    }\r\n\r\n    .feature-icon {\r\n        color: var(--main-black);\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: var(--light-gray);\r\n        border-top: 1px solid var(--border-color);\r\n        padding-top: 25px;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* Text Animations *\/\r\n    .reveal-right {\r\n        opacity: 0;\r\n        transform: translateX(50px);\r\n    }\r\n\r\n    .active {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\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;\r\n            margin: 0 auto;\r\n            order: 1;\r\n        }\r\n\r\n        .about-text-wrapper {\r\n            width: 100%;\r\n            order: 2;\r\n        }\r\n\r\n        .company-name {\r\n            font-size: 26px;\r\n            text-align: center;\r\n        }\r\n\r\n        .about-description {\r\n            text-align: center;\r\n        }\r\n\r\n        .about-features {\r\n            grid-template-columns: 1fr;\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        .about-footer-text {\r\n            text-align: center;\r\n        }\r\n\r\n        .reveal-right {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n            transition: all 0.8s ease-out;\r\n        }\r\n\r\n        .about-main-img {\r\n            border-radius: 20px !important;\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-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            \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        <!-- Single Professional Image -->\r\n        <div class=\"sol-single-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Pole_Flag_Mo\u0639\u0639ckup_1-scaled.jpg\" alt=\"Electrical Solutions Mockup\" class=\"main-sol-img\">\r\n        <\/div>\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    \/* \u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0642\u0635: \u0625\u062c\u0628\u0627\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0639\u0644\u0649 \u062d\u0633\u0627\u0628 \u0627\u0644\u062d\u0648\u0627\u0641 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0636 *\/\r\n    .electrical-solutions-section, \r\n    .electrical-solutions-section *, \r\n    .electrical-solutions-section *:before, \r\n    .electrical-solutions-section *:after {\r\n        box-sizing: border-box !important;\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-x: hidden; \/* \u0645\u0646\u0639 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0623\u0641\u0642\u064a \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .sol-container {\r\n        width: 100%;\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: 40px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .red-text { color: var(--main-red); }\r\n\r\n    \/* Grid Styling *\/\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        width: 100%;\r\n    }\r\n\r\n    .electrical-solutions-section .feature-card {\r\n        background: var(--glass-white);\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        box-shadow: 0 10px 20px rgba(0,0,0,0.03);\r\n        cursor: default; \r\n        transition: none !important;\r\n    }\r\n\r\n    .electrical-solutions-section .feature-card:hover {\r\n        transform: none !important; \r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important; \r\n        background: var(--glass-white) !important;\r\n        border-color: rgba(32, 60, 132, 0.1) !important;\r\n    }\r\n\r\n    .electrical-solutions-section .icon-box {\r\n        width: 50px;\r\n        height: 50px;\r\n        min-width: 50px; \/* \u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0627\u0646\u0643\u0645\u0627\u0634 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\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        box-shadow: 0 5px 15px rgba(32, 60, 132, 0.3);\r\n        transition: none !important;\r\n    }\r\n\r\n    .electrical-solutions-section .icon-box:hover {\r\n        transform: none !important;\r\n        background: var(--main-blue) !important;\r\n        box-shadow: 0 5px 15px rgba(32, 60, 132, 0.3) !important;\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        line-height: 1.3;\r\n    }\r\n\r\n    \/* Image Styling *\/\r\n    .sol-single-image {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 40px !important;\r\n    }\r\n\r\n    .electrical-solutions-section .main-sol-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        height: auto !important;\r\n        border-radius: 30px !important; \r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: none !important;\r\n        pointer-events: none; \r\n    }\r\n\r\n    \/* =========================================\r\n       MOBILE OPTIMIZED - FIXED CUT-OFF\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .electrical-solutions-section {\r\n            padding: 60px 15px !important; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n        }\r\n\r\n        .sol-title { font-size: 26px !important; }\r\n\r\n        .sol-features-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important; \r\n            gap: 10px !important;\r\n            margin-bottom: 30px !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        .feature-card {\r\n            padding: 12px !important;\r\n            gap: 8px !important;\r\n            border-radius: 15px !important;\r\n            background: #fff !important;\r\n            width: auto !important; \/* \u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0623\u062e\u0630 \u0639\u0631\u0636 \u062b\u0627\u0628\u062a *\/\r\n        }\r\n\r\n        .icon-box {\r\n            width: 35px !important;\r\n            height: 35px !important;\r\n            min-width: 35px !important;\r\n            font-size: 14px !important;\r\n        }\r\n\r\n        .feature-text {\r\n            font-size: 11px !important;\r\n            line-height: 1.2 !important;\r\n            text-align: left !important;\r\n        }\r\n        \r\n        .electrical-solutions-section .main-sol-img {\r\n            border-radius: 20px !important;\r\n            width: 100% !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 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        }, { threshold: 0.1 });\r\n        observer.observe(header);\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<!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a -->\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.2\/css\/all.min.css\">\r\n\r\n<section class=\"industrial-solutions-section\">\r\n    <div class=\"ind-sol-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"ind-sol-header\">\r\n            <h2 class=\"ind-sol-title\">INDUSTRIAL <span class=\"ind-red-text\">SOLUTIONS<\/span><\/h2>\r\n            \r\n            <!-- Premium Icon Grid -->\r\n            <div class=\"ind-sol-features-grid\">\r\n                <div class=\"ind-feature-card\">\r\n                    <div class=\"ind-icon-box\"><i class=\"fa-solid fa-industry\"><\/i><\/div>\r\n                    <span class=\"ind-feature-text\">Industrial Equipment<\/span>\r\n                <\/div>\r\n                <div class=\"ind-feature-card\">\r\n                    <div class=\"ind-icon-box\"><i class=\"fa-solid fa-hard-hat\"><\/i><\/div>\r\n                    <span class=\"ind-feature-text\">Safety Gear & PPE<\/span>\r\n                <\/div>\r\n                <div class=\"ind-feature-card\">\r\n                    <div class=\"ind-icon-box\"><i class=\"fa-solid fa-gears\"><\/i><\/div> \r\n                    <span class=\"ind-feature-text\">Piping & Valves<\/span>\r\n                <\/div>\r\n                <div class=\"ind-feature-card\">\r\n                    <div class=\"ind-icon-box\"><i class=\"fa-solid fa-screwdriver-wrench\"><\/i><\/div>\r\n                    <span class=\"ind-feature-text\">Maintenance Tools<\/span>\r\n                <\/div>\r\n                <div class=\"ind-feature-card\">\r\n                    <div class=\"ind-icon-box\"><i class=\"fa-solid fa-truck-fast\"><\/i><\/div>\r\n                    <span class=\"ind-feature-text\">Logistics Support<\/span>\r\n                <\/div>\r\n                <div class=\"ind-feature-card\">\r\n                    <div class=\"ind-icon-box\"><i class=\"fa-solid fa-boxes-stacked\"><\/i><\/div>\r\n                    <span class=\"ind-feature-text\">Bulk Material Supply<\/span>\r\n                <\/div>\r\n                <div class=\"ind-feature-card\">\r\n                    <div class=\"ind-icon-box\"><i class=\"fa-solid fa-check-double\"><\/i><\/div>\r\n                    <span class=\"ind-feature-text\">Quality Assurance<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Single Professional Image -->\r\n        <div class=\"ind-sol-single-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Pole_Flag_Moc\u0627\u0627\u0644\u0627\u0644\u0627\u0644\u0627kup_1-scaled.jpg\" alt=\"Industrial Solutions\" class=\"ind-main-sol-img\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* 1. \u0625\u0639\u0627\u062f\u0629 \u0636\u0628\u0637 \u0634\u0627\u0645\u0644\u0629 \u0644\u0645\u0646\u0639 \u0627\u0644\u0642\u0635 \u0648\u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0642\u0648\u0627\u0644\u0628 *\/\r\n    .industrial-solutions-section, \r\n    .industrial-solutions-section *, \r\n    .industrial-solutions-section *:before, \r\n    .industrial-solutions-section *:after {\r\n        box-sizing: border-box !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .industrial-solutions-section {\r\n        --ind-blue: #203C84;\r\n        --ind-red: #D62316;\r\n        --ind-bg: #fdfdfd;\r\n        \r\n        position: relative !important;\r\n        padding: 80px 20px !important;\r\n        background-color: var(--ind-bg) !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important; \r\n        width: 100% !important;\r\n        max-width: 100vw !important; \r\n        display: block !important;\r\n    }\r\n\r\n    .ind-sol-container {\r\n        width: 100% !important;\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n        padding: 0 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    .ind-sol-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .ind-sol-title {\r\n        font-size: 42px !important;\r\n        font-weight: 800 !important;\r\n        color: var(--ind-blue) !important;\r\n        margin-bottom: 40px !important;\r\n        letter-spacing: -1px !important;\r\n    }\r\n\r\n    .ind-red-text { \r\n        color: var(--ind-red) !important;\r\n    }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n    .ind-sol-features-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;\r\n        gap: 20px !important;\r\n        margin: 0 auto 50px auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .industrial-solutions-section .ind-feature-card {\r\n        background: #ffffff !important;\r\n        border: 1px solid rgba(32, 60, 132, 0.1) !important;\r\n        padding: 20px !important;\r\n        border-radius: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 15px !important;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;\r\n        cursor: default !important;\r\n        transition: none !important;\r\n        min-width: 0 !important; \/* \u0645\u0646\u0639 \u062a\u0645\u062f\u062f \u0627\u0644\u0640 grid item *\/\r\n    }\r\n\r\n    .industrial-solutions-section .ind-icon-box {\r\n        width: 50px !important;\r\n        height: 50px !important;\r\n        min-width: 50px !important; \r\n        background: var(--ind-blue) !important;\r\n        color: #ffffff !important;\r\n        border-radius: 12px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 20px !important;\r\n        flex-shrink: 0 !important;\r\n        box-shadow: 0 5px 15px rgba(32, 60, 132, 0.3) !important;\r\n    }\r\n\r\n    .ind-feature-text {\r\n        font-size: 15px !important;\r\n        font-weight: 600 !important;\r\n        color: var(--ind-blue) !important;\r\n        line-height: 1.3 !important;\r\n        word-wrap: break-word !important;\r\n    }\r\n\r\n    .ind-sol-single-image {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 40px !important;\r\n    }\r\n\r\n    .ind-main-sol-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        height: auto !important;\r\n        border-radius: 30px !important; \/* \u0643\u0631\u064a\u0641\u0627\u062a \u0645\u0648\u062d\u062f\u0629 *\/\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       MOBILE OPTIMIZED - REFINED & DISTINCTIVE\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .industrial-solutions-section {\r\n            padding: 60px 15px !important;\r\n        }\r\n\r\n        .ind-sol-title { \r\n            font-size: 24px !important; \r\n            line-height: 1.2 !important;\r\n        }\r\n        \r\n        .ind-sol-features-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important; \r\n            gap: 10px !important;\r\n            width: 100% !important;\r\n            margin-left: 0 !important;\r\n            margin-right: 0 !important;\r\n        }\r\n\r\n        .ind-feature-card {\r\n            padding: 8px 10px !important; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0644\u0645\u0638\u0647\u0631 \u0639\u0635\u0631\u064a *\/\r\n            gap: 8px !important;\r\n            border-radius: 12px !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .ind-icon-box {\r\n            width: 32px !important;\r\n            height: 32px !important;\r\n            min-width: 32px !important;\r\n            font-size: 13px !important;\r\n            border-radius: 8px !important;\r\n        }\r\n\r\n        .ind-feature-text {\r\n            font-size: 10px !important; \/* \u062d\u062c\u0645 \u062e\u0637 \u0645\u062a\u0646\u0627\u0633\u0642 *\/\r\n            line-height: 1.2 !important;\r\n            text-align: left !important;\r\n            \/* \u062a\u0633\u0627\u0648\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639\u0627\u062a: \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0633\u0637\u0631\u064a\u0646 *\/\r\n            display: -webkit-box !important;\r\n            -webkit-line-clamp: 2 !important;\r\n            -webkit-box-orient: vertical !important;\r\n            overflow: hidden !important;\r\n        }\r\n    }\r\n\r\n    \/* \u0625\u0635\u0644\u0627\u062d \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/\r\n    @media (max-width: 380px) {\r\n        .ind-sol-features-grid {\r\n            grid-template-columns: 1fr !important; \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<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    <!-- Background Animation -->\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            \r\n            <!-- Static 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        <!-- Single Professional Featured Image - FULL SIZE -->\r\n        <div class=\"fs-plumb-featured-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Pole_Flag_\u0627\u062a\u0627\u062aMockup_1-scaled.jpg\" alt=\"Plumbing Solutions\" class=\"fs-plumb-main-img\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .fs-plumb-main-section {\r\n        position: relative;\r\n        padding: 80px 20px !important;\r\n        background-color: #fdfdfd !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* --- Background Bubbles --- *\/\r\n    .fs-plumb-main-section .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    .fs-plumb-main-section .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    .fs-plumb-main-section .bubble:nth-child(1) { width: 80px; height: 80px; left: 10%; animation-duration: 12s; }\r\n    .fs-plumb-main-section .bubble:nth-child(2) { width: 40px; height: 40px; left: 25%; animation-duration: 18s; animation-delay: 2s; }\r\n    .fs-plumb-main-section .bubble:nth-child(3) { width: 120px; height: 120px; left: 40%; animation-duration: 15s; animation-delay: 5s; }\r\n    .fs-plumb-main-section .bubble:nth-child(4) { width: 60px; height: 60px; left: 60%; animation-duration: 20s; animation-delay: 1s; }\r\n    .fs-plumb-main-section .bubble:nth-child(5) { width: 100px; height: 100px; left: 75%; animation-duration: 14s; animation-delay: 7s; }\r\n    .fs-plumb-main-section .bubble:nth-child(6) { width: 30px; height: 30px; left: 85%; animation-duration: 10s; animation-delay: 3s; }\r\n    .fs-plumb-main-section .bubble:nth-child(7) { width: 70px; height: 70px; left: 50%; animation-duration: 16s; animation-delay: 8s; }\r\n    .fs-plumb-main-section .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    \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 *\/\r\n    .fs-plumb-main-section .fs-plumb-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px !important; \r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\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-main-section .fs-plumb-header.fs-plumb-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-red-text { color: #D62316; }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-plumb-main-section .fs-plumb-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n        gap: 15px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-feature-card {\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1) !important;\r\n        padding: 15px !important;\r\n        border-radius: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n        cursor: default !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-feature-card:hover {\r\n        transform: none !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-icon-box {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: #203C84;\r\n        color: #fff;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        flex-shrink: 0;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-feature-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #203C84;\r\n    }\r\n\r\n    \/* Image Wrapper - FIXED TO FULL SIZE *\/\r\n    .fs-plumb-main-section .fs-plumb-featured-wrapper {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 20px !important;\r\n    }\r\n\r\n    .fs-plumb-main-section .fs-plumb-main-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important; \/* \u062c\u0639\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u0623\u062e\u0630 \u0643\u0627\u0645\u0644 \u0639\u0631\u0636 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\r\n        height: auto !important;\r\n        border-radius: 30px !important; \r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: none !important;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-plumb-main-section .fs-plumb-title { font-size: 28px; }\r\n        .fs-plumb-main-section .fs-plumb-features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 10px;\r\n        }\r\n        .fs-plumb-main-section .fs-plumb-feature-card {\r\n            padding: 10px;\r\n            gap: 8px;\r\n        }\r\n        .fs-plumb-main-section .fs-plumb-main-img {\r\n            border-radius: 20px !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 observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('fs-plumb-active');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n            if(header) observer.observe(header);\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\">\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            \r\n            <!-- Static 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        <!-- Single Professional Featured Image - UPDATED TO MATCH PREVIOUS SECTIONS -->\r\n        <div class=\"fs-scaf-featured-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Pole_Flag_76776767Mockup_1-scaled.jpg\" alt=\"Scaffolding Solutions\" class=\"fs-scaf-main-img\">\r\n        <\/div>\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 !important; \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0644\u064a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0623\u062e\u0631\u0649 *\/\r\n        background-color: #fdfdfd !important; \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u0644\u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0638\u0644 *\/\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* --- Structural Grid Background --- *\/\r\n    .fs-scaf-main-section .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    \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 *\/\r\n    .fs-scaf-main-section .fs-scaf-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px !important; \r\n        margin: 0 auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-scaf-main-section .fs-scaf-header {\r\n        text-align: center !important;\r\n        margin-bottom: 40px !important;\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-main-section .fs-scaf-header.fs-scaf-active {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n    }\r\n\r\n    .fs-scaf-main-section .fs-scaf-title {\r\n        font-size: 42px !important;\r\n        font-weight: 800 !important;\r\n        color: #203C84 !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .fs-scaf-main-section .fs-scaf-red-text { color: #D62316 !important; }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-scaf-main-section .fs-scaf-features-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;\r\n        gap: 15px !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .fs-scaf-main-section .fs-scaf-feature-card {\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1) !important;\r\n        padding: 15px !important;\r\n        border-radius: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n        cursor: default !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-scaf-main-section .fs-scaf-feature-card:hover {\r\n        transform: none !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n    }\r\n\r\n    .fs-scaf-main-section .fs-scaf-icon-box {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        background: #203C84 !important;\r\n        color: #fff !important;\r\n        border-radius: 10px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 16px !important;\r\n        flex-shrink: 0 !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-scaf-main-section .fs-scaf-feature-text {\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        color: #203C84 !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       IMAGE STYLING - UPDATED TO MATCH PREVIOUS SECTIONS\r\n       ========================================= *\/\r\n    .fs-scaf-main-section .fs-scaf-featured-wrapper {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 20px !important;\r\n    }\r\n\r\n    .fs-scaf-main-section .fs-scaf-main-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important; \/* \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n        height: auto !important;\r\n        \/* \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0643\u0631\u064a\u0641\u0627\u062a \u0627\u0644\u0642\u0648\u064a\u0629 *\/\r\n        border-radius: 30px !important; \r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: none !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-scaf-main-section .fs-scaf-title { font-size: 28px !important; }\r\n        .fs-scaf-main-section .fs-scaf-features-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 10px !important;\r\n        }\r\n        .fs-scaf-main-section .fs-scaf-feature-card {\r\n            padding: 10px !important;\r\n            gap: 8px !important;\r\n        }\r\n        .fs-scaf-main-section .fs-scaf-main-img {\r\n            border-radius: 20px !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\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('fs-scaf-active');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\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            \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        <!-- Single Professional Featured Image - UPDATED TO MATCH PREVIOUS SECTIONS -->\r\n        <div class=\"fs-tools-featured-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Pole_Flag_M\u0639\u063a\u0639\u063a\u0639\u063aockup_1-scaled.jpg\" alt=\"Tools and Equipment\" class=\"fs-tools-main-img\">\r\n        <\/div>\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 !important; \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0644\u062a\u0646\u0627\u0633\u0642 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 *\/\r\n        background-color: #fdfdfd !important; \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u0644\u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0638\u0644\u0627\u0644 *\/\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* --- Tech Dot Matrix Background --- *\/\r\n    .fs-tools-main-section .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    \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 *\/\r\n    .fs-tools-main-section .fs-tools-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px !important; \r\n        margin: 0 auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-tools-main-section .fs-tools-header {\r\n        text-align: center !important;\r\n        margin-bottom: 40px !important;\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-main-section .fs-tools-header.fs-tools-active {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n    }\r\n\r\n    .fs-tools-main-section .fs-tools-title {\r\n        font-size: 42px !important;\r\n        font-weight: 800 !important;\r\n        color: #203C84 !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .fs-tools-main-section .fs-tools-red-text { color: #D62316 !important; }\r\n\r\n    \/* Category Block Styling *\/\r\n    .fs-tools-main-section .fs-tools-category-block {\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .fs-tools-main-section .fs-tools-category-tag {\r\n        display: inline-block !important;\r\n        background: #D62316 !important;\r\n        color: #fff !important;\r\n        padding: 6px 25px !important;\r\n        border-radius: 50px !important;\r\n        font-weight: 800 !important;\r\n        font-size: 13px !important;\r\n        margin-bottom: 25px !important;\r\n        letter-spacing: 1px !important;\r\n        box-shadow: 0 4px 15px rgba(214, 35, 22, 0.3) !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-tools-main-section .fs-tools-features-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;\r\n        gap: 15px !important;\r\n    }\r\n\r\n    .fs-tools-main-section .fs-tools-feature-card {\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1) !important;\r\n        padding: 15px !important;\r\n        border-radius: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n        cursor: default !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-tools-main-section .fs-tools-icon-box {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        background: #203C84 !important;\r\n        color: #fff !important;\r\n        border-radius: 10px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 16px !important;\r\n        flex-shrink: 0 !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-tools-main-section .fs-tools-feature-text {\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        color: #203C84 !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       IMAGE STYLING - UPDATED TO MATCH PREVIOUS SECTIONS\r\n       ========================================= *\/\r\n    .fs-tools-main-section .fs-tools-featured-wrapper {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 20px !important;\r\n    }\r\n\r\n    .fs-tools-main-section .fs-tools-main-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important; \/* \u062c\u0639\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u0623\u062e\u0630 \u0643\u0627\u0645\u0644 \u0639\u0631\u0636 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\r\n        height: auto !important;\r\n        \/* \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0643\u0631\u064a\u0641\u0627\u062a \u0627\u0644\u0642\u0648\u064a\u0629 *\/\r\n        border-radius: 30px !important; \r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: none !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-tools-main-section .fs-tools-title { font-size: 28px !important; }\r\n        .fs-tools-main-section .fs-tools-features-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 10px !important;\r\n        }\r\n        .fs-tools-main-section .fs-tools-feature-card {\r\n            padding: 10px !important;\r\n            gap: 8px !important;\r\n        }\r\n        .fs-tools-main-section .fs-tools-main-img {\r\n            border-radius: 20px !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\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('fs-tools-active');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\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            \r\n            <!-- Static Icon Grid (No Animations) -->\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        <!-- Single Professional Featured Image - UPDATED IMAGE & CURVES -->\r\n        <div class=\"fs-safety-featured-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1.jpg\" alt=\"Safety Solutions\" class=\"fs-safety-main-img\">\r\n        <\/div>\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 !important; \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0644\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n        background-color: #fdfdfd !important; \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u0644\u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0638\u0644 *\/\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* --- Hexagonal Shield Background --- *\/\r\n    .fs-safety-main-section .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    \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 *\/\r\n    .fs-safety-main-section .fs-safety-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px !important; \r\n        margin: 0 auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-safety-main-section .fs-safety-header {\r\n        text-align: center !important;\r\n        margin-bottom: 40px !important;\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-main-section .fs-safety-header.fs-safety-active {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n    }\r\n\r\n    .fs-safety-main-section .fs-safety-title {\r\n        font-size: 42px !important;\r\n        font-weight: 800 !important;\r\n        color: #203C84 !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .fs-safety-main-section .fs-safety-red-text { color: #D62316 !important; }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-safety-main-section .fs-safety-features-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;\r\n        gap: 15px !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .fs-safety-main-section .fs-safety-feature-card {\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1) !important;\r\n        padding: 15px !important;\r\n        border-radius: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n        cursor: default !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-safety-main-section .fs-safety-feature-card:hover {\r\n        transform: none !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n    }\r\n\r\n    .fs-safety-main-section .fs-safety-icon-box {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        background: #203C84 !important;\r\n        color: #fff !important;\r\n        border-radius: 10px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 16px !important;\r\n        flex-shrink: 0 !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-safety-main-section .fs-safety-feature-text {\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        color: #203C84 !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       IMAGE STYLING - UPDATED TO MATCH PREVIOUS SECTIONS\r\n       ========================================= *\/\r\n    .fs-safety-main-section .fs-safety-featured-wrapper {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 20px !important;\r\n    }\r\n\r\n    .fs-safety-main-section .fs-safety-main-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important; \/* \u062c\u0639\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u0623\u062e\u0630 \u0643\u0627\u0645\u0644 \u0639\u0631\u0636 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\r\n        height: auto !important;\r\n        \/* \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0643\u0631\u064a\u0641\u0627\u062a \u0627\u0644\u0642\u0648\u064a\u0629 *\/\r\n        border-radius: 30px !important; \r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: none !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-safety-main-section .fs-safety-title { font-size: 28px !important; }\r\n        .fs-safety-main-section .fs-safety-features-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 10px !important;\r\n        }\r\n        .fs-safety-main-section .fs-safety-feature-card {\r\n            padding: 10px !important;\r\n            gap: 8px !important;\r\n        }\r\n        .fs-safety-main-section .fs-safety-main-img {\r\n            border-radius: 20px !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\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('fs-safety-active');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\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 (Subtle) -->\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            \r\n            <!-- Static Icon Grid (No Animations) -->\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        <!-- Single Professional Featured Image - UPDATED IMAGE & CURVES -->\r\n        <div class=\"fs-build-featured-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-1.jpg\" 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 !important; \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0644\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n        background-color: #fdfdfd !important; \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u0644\u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0638\u0644\u0627\u0644 *\/\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* --- Structural Block Background --- *\/\r\n    .fs-build-main-section .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    \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 *\/\r\n    .fs-build-main-section .fs-build-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px !important; \r\n        margin: 0 auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-build-main-section .fs-build-header {\r\n        text-align: center !important;\r\n        margin-bottom: 40px !important;\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-main-section .fs-build-header.fs-build-active {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n    }\r\n\r\n    .fs-build-main-section .fs-build-title {\r\n        font-size: 42px !important;\r\n        font-weight: 800 !important;\r\n        color: #203C84 !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .fs-build-main-section .fs-build-red-text { color: #D62316 !important; }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-build-main-section .fs-build-features-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;\r\n        gap: 15px !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .fs-build-main-section .fs-build-feature-card {\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1) !important;\r\n        padding: 15px !important;\r\n        border-radius: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n        cursor: default !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-build-main-section .fs-build-feature-card:hover {\r\n        transform: none !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n    }\r\n\r\n    .fs-build-main-section .fs-build-icon-box {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        background: #203C84 !important;\r\n        color: #fff !important;\r\n        border-radius: 10px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 16px !important;\r\n        flex-shrink: 0 !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-build-main-section .fs-build-feature-text {\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        color: #203C84 !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       IMAGE STYLING - UPDATED TO MATCH PREVIOUS SECTIONS\r\n       ========================================= *\/\r\n    .fs-build-main-section .fs-build-featured-wrapper {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 20px !important;\r\n    }\r\n\r\n    .fs-build-main-section .fs-build-main-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important; \/* \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n        height: auto !important;\r\n        \/* \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0643\u0631\u064a\u0641\u0627\u062a \u0627\u0644\u0642\u0648\u064a\u0629 *\/\r\n        border-radius: 30px !important; \r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: none !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-build-main-section .fs-build-title { font-size: 28px !important; }\r\n        .fs-build-main-section .fs-build-features-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 10px !important;\r\n        }\r\n        .fs-build-main-section .fs-build-feature-card {\r\n            padding: 10px !important;\r\n            gap: 8px !important;\r\n        }\r\n        .fs-build-main-section .fs-build-main-img {\r\n            border-radius: 20px !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-build-header');\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('fs-build-active');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\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<!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a -->\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.2\/css\/all.min.css\">\r\n\r\n<section class=\"fs-chem-main-section\">\r\n    <!-- Molecular Connection Background Animation (Subtle) -->\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            \r\n            <!-- Static 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-vial\"><\/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                <!-- \u062a\u0645 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0647\u0646\u0627 \u0625\u0644\u0649 fa-spray-can \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631\u0647\u0627 \u0628\u0634\u0643\u0644 \u0645\u0644\u064a\u0621 \u0648\u0648\u0627\u0636\u062d -->\r\n                <div class=\"fs-chem-feature-card\">\r\n                    <div class=\"fs-chem-icon-box\"><i class=\"fa-solid fa-spray-can\"><\/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        <!-- Single Professional Featured Image -->\r\n        <div class=\"fs-chem-featured-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Pole_Flag_\u0627\u0644\u0627\u0644\u0627\u0644\u0627\u0644\u0627\u0644\u0627\u0644\u0627\u0644Mockup_1-scaled.jpg\" alt=\"Industrial Chemicals\" class=\"fs-chem-main-img\">\r\n        <\/div>\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 !important;\r\n        background-color: #fdfdfd !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    .fs-chem-main-section .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-main-section .fs-chem-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px !important; \r\n        margin: 0 auto !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-header {\r\n        text-align: center !important;\r\n        margin-bottom: 40px !important;\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-main-section .fs-chem-header.fs-chem-active {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-title {\r\n        font-size: 42px !important;\r\n        font-weight: 800 !important;\r\n        color: #203C84 !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-red-text { color: #D62316 !important; }\r\n\r\n    \/* Icon Cards Grid *\/\r\n    .fs-chem-main-section .fs-chem-features-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;\r\n        gap: 15px !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-feature-card {\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(32, 60, 132, 0.1) !important;\r\n        padding: 15px !important;\r\n        border-radius: 20px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 12px !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n        cursor: default !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-feature-card:hover {\r\n        transform: none !important;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-icon-box {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        background: #203C84 !important;\r\n        color: #fff !important;\r\n        border-radius: 10px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        font-size: 18px !important;\r\n        flex-shrink: 0 !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-feature-text {\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        color: #203C84 !important;\r\n    }\r\n\r\n    \/* Image Styling *\/\r\n    .fs-chem-main-section .fs-chem-featured-wrapper {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        margin-top: 20px !important;\r\n    }\r\n\r\n    .fs-chem-main-section .fs-chem-main-img {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        height: auto !important;\r\n        border-radius: 30px !important; \r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transition: none !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       MOBILE OPTIMIZATION - FIXED & REFINED\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .fs-chem-main-section {\r\n            padding: 60px 15px !important;\r\n        }\r\n\r\n        .fs-chem-main-section .fs-chem-title { \r\n            font-size: 26px !important; \r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        .fs-chem-main-section .fs-chem-features-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 10px !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        .fs-chem-main-section .fs-chem-feature-card {\r\n            padding: 8px 10px !important;\r\n            gap: 8px !important;\r\n            border-radius: 12px !important;\r\n            background: #fff !important;\r\n            height: 100% !important;\r\n        }\r\n\r\n        .fs-chem-main-section .fs-chem-icon-box {\r\n            width: 32px !important;\r\n            height: 32px !important;\r\n            min-width: 32px !important;\r\n            font-size: 13px !important;\r\n            border-radius: 8px !important;\r\n        }\r\n\r\n        .fs-chem-main-section .fs-chem-feature-text {\r\n            font-size: 10px !important;\r\n            line-height: 1.2 !important;\r\n            font-weight: 600 !important;\r\n            text-align: left !important;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fs-chem-main-section .fs-chem-main-img {\r\n            border-radius: 20px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n        .fs-chem-main-section .fs-chem-features-grid {\r\n            grid-template-columns: 1fr !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-chem-header');\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('fs-chem-active');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\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\" id=\"PARTNERS\">\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        \/* \u062a\u0645 \u062c\u0639\u0644 \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a \u0645\u0644\u0648\u0646\u0629 \u0648\u0648\u0627\u0636\u062d\u0629 \u062f\u0627\u0626\u0645\u0627\u064b \u0647\u0646\u0627 *\/\r\n        filter: grayscale(0%); \r\n        opacity: 1;\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    }\r\n\r\n    \/* \u062a\u0645 \u062d\u0630\u0641 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Hover \u062a\u0645\u0627\u0645\u0627\u064b \u0644\u062a\u0628\u0642\u0649 \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a \u062b\u0627\u0628\u062a\u0629 \u0648\u0645\u0636\u064a\u0626\u0629 *\/\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    \/* Mobile Adaptation *\/\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            filter: grayscale(0%);\r\n            opacity: 1;\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<div class=\"elementor-element elementor-element-b4216e5 e-flex e-con-boxed e-con e-parent\" data-id=\"b4216e5\" data-element_type=\"container\" data-e-type=\"container\" id=\"profile\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae0405d elementor-widget elementor-widget-html\" data-id=\"ae0405d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Fonts and FontAwesome -->\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<!-- Import jQuery and Turn.js -->\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/turn.js\/3\/turn.min.js\"><\/script>\r\n\r\n<section class=\"fs-premium-profile-section\">\r\n    <!-- Animated Background Pattern -->\r\n    <div class=\"fs-bg-grid\"><\/div>\r\n\r\n    <div class=\"fs-profile-wrapper\">\r\n        \r\n        <!-- Header - Forced Visibility -->\r\n        <div class=\"fs-header-container\">\r\n            <h2 class=\"fs-main-title\">COMPANY <span class=\"fs-red-highlight\">PROFILE<\/span><\/h2>\r\n            <div class=\"fs-title-underline\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Flipbook Professional Container -->\r\n        <div class=\"fs-book-outer-container\">\r\n            <div class=\"fs-book-viewport\">\r\n                <div id=\"flipbook\"><\/div>\r\n                \r\n                <!-- Enhanced Loading Overlay -->\r\n                <div class=\"fs-loading-screen\" id=\"loadingUI\">\r\n                    <div class=\"fs-loader-content\">\r\n                        <i class=\"fas fa-circle-notch fa-spin\"><\/i>\r\n                        <span>Preparing your experience...<\/span>\r\n                        <div class=\"fs-progress-container\">\r\n                            <div class=\"fs-progress-bar\" id=\"progressFill\"><\/div>\r\n                        <\/div>\r\n                        <small id=\"progressPercent\">0%<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Professional Controls -->\r\n        <div class=\"fs-controls-wrapper\">\r\n            <button class=\"fs-nav-btn\" id=\"prevBtn\" title=\"Previous Page\">\r\n                <i class=\"fas fa-chevron-left\"><\/i>\r\n            <\/button>\r\n            \r\n            <div class=\"fs-page-info\">\r\n                <span id=\"pageCurrent\">1<\/span>\r\n                <span class=\"fs-page-divider\">\/<\/span>\r\n                <span id=\"pageTotal\">12<\/span>\r\n            <\/div>\r\n            \r\n            <button class=\"fs-nav-btn\" id=\"nextBtn\" title=\"Next Page\">\r\n                <i class=\"fas fa-chevron-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Call to Action Button -->\r\n        <div class=\"fs-cta-container\">\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1DJX_3R70g9G_FdlMnaHuKi6_0S-6k3x3\/view?usp=sharing\" target=\"_blank\" class=\"fs-download-button\" rel=\"noopener\">\r\n                <i class=\"fas fa-file-pdf\"><\/i>\r\n                <span>Download Full PDF<\/span>\r\n                <i class=\"fas fa-external-link-alt\"><\/i>\r\n            <\/a>\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        --accent-red: #D62316;\r\n        --text-light: #ffffff;\r\n        --bg-soft: rgba(255, 255, 255, 0.9);\r\n        --shadow-deep: 0 30px 60px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .fs-premium-profile-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        direction: ltr;\r\n    }\r\n\r\n    \/* Background Grid Animation *\/\r\n    .fs-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.04) 2px, transparent 2px),\r\n            linear-gradient(90deg, rgba(32, 60, 132, 0.04) 2px, transparent 2px);\r\n        background-size: 50px 50px;\r\n        animation: fsGridMove 40s linear infinite;\r\n    }\r\n    @keyframes fsGridMove {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 50px 50px; }\r\n    }\r\n\r\n    .fs-profile-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1200px;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- Header Fix: Forced Visibility --- *\/\r\n    .fs-header-container {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n        animation: fsFadeInDown 0.8s ease-out forwards;\r\n        display: block !important; \r\n        visibility: visible !important;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .fs-main-title {\r\n        font-size: clamp(30px, 5vw, 48px); \/* Responsive font size *\/\r\n        font-weight: 800;\r\n        color: var(--primary-blue) !important;\r\n        margin: 0 !important;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        display: block !important;\r\n    }\r\n\r\n    .fs-red-highlight {\r\n        color: var(--accent-red) !important;\r\n    }\r\n\r\n    .fs-title-underline {\r\n        width: 80px;\r\n        height: 5px;\r\n        background: var(--accent-red);\r\n        margin: 15px auto 0;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    @keyframes fsFadeInDown {\r\n        from { opacity: 0; transform: translateY(-20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* --- Book Viewport --- *\/\r\n    .fs-book-outer-container {\r\n        perspective: 2000px; \/* Adds 3D depth to the flip *\/\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .fs-book-viewport {\r\n        position: relative;\r\n        width: 90vw;\r\n        max-width: 850px;\r\n        aspect-ratio: 1.414 \/ 1;\r\n        box-shadow: var(--shadow-deep);\r\n        border-radius: 10px;\r\n        background: #fff;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    #flipbook {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .single-page {\r\n        background: #fff;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .single-page img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* --- Loading Screen --- *\/\r\n    .fs-loading-screen {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: var(--primary-blue);\r\n        z-index: 100;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 10px;\r\n        color: white;\r\n        transition: opacity 0.5s ease;\r\n    }\r\n\r\n    .fs-loader-content {\r\n        text-align: center;\r\n        width: 70%;\r\n    }\r\n\r\n    .fs-loader-content i {\r\n        font-size: 40px;\r\n        margin-bottom: 20px;\r\n        color: var(--accent-red);\r\n    }\r\n\r\n    .fs-progress-container {\r\n        width: 100%;\r\n        height: 6px;\r\n        background: rgba(255,255,255,0.2);\r\n        border-radius: 10px;\r\n        margin: 20px 0 10px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .fs-progress-bar {\r\n        width: 0%;\r\n        height: 100%;\r\n        background: var(--accent-red);\r\n        transition: width 0.3s ease;\r\n    }\r\n\r\n    \/* --- Professional Controls --- *\/\r\n    .fs-controls-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 25px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .fs-nav-btn {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        border: 2px solid var(--primary-blue);\r\n        background: white;\r\n        color: var(--primary-blue);\r\n        cursor: pointer;\r\n        font-size: 20px;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .fs-nav-btn:hover {\r\n        background: var(--primary-blue);\r\n        color: white;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .fs-page-info {\r\n        background: var(--bg-soft);\r\n        padding: 10px 25px;\r\n        border-radius: 30px;\r\n        font-weight: 800;\r\n        color: var(--primary-blue);\r\n        border: 2px solid var(--primary-blue);\r\n        font-size: 18px;\r\n        min-width: 100px;\r\n        text-align: center;\r\n    }\r\n\r\n    .fs-page-divider {\r\n        margin: 0 5px;\r\n        color: var(--accent-red);\r\n    }\r\n\r\n    \/* --- Download Button --- *\/\r\n    .fs-cta-container {\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .fs-download-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        text-decoration: none;\r\n        background: var(--primary-blue);\r\n        color: white;\r\n        padding: 18px 35px;\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        transition: all 0.3s ease;\r\n        border: 3px solid transparent;\r\n        box-shadow: 0 10px 20px rgba(32, 60, 132, 0.3);\r\n    }\r\n\r\n    .fs-download-button:hover {\r\n        background: white;\r\n        color: var(--primary-blue);\r\n        border-color: var(--primary-blue);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* --- Responsive Design --- *\/\r\n    @media (max-width: 768px) {\r\n        .fs-premium-profile-section { padding: 50px 15px; }\r\n        .fs-book-viewport { width: 95vw; }\r\n        .fs-nav-btn { width: 50px; height: 50px; font-size: 16px; }\r\n        .fs-page-info { font-size: 15px; padding: 8px 20px; }\r\n        .fs-download-button { width: 100%; justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function($) {\r\n        const imageUrls = [\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/01.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/02.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/03.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/04.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/05.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/06.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/07.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/08.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/09.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/10.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/11.jpg\",\r\n            \"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/12.jpg\"\r\n        ];\r\n\r\n        const totalPages = imageUrls.length;\r\n        let imagesLoaded = 0;\r\n        let isReady = false;\r\n\r\n        const $book = $('#flipbook');\r\n        const $loadingUI = $('#loadingUI');\r\n        const $progressFill = $('#progressFill');\r\n        const $progressPercent = $('#progressPercent');\r\n        const $currentPageText = $('#pageCurrent');\r\n        const $totalPageText = $('#pageTotal');\r\n\r\n        $totalPageText.text(totalPages);\r\n\r\n        \/\/ Load images first for a smooth experience\r\n        function initBook() {\r\n            imageUrls.forEach((url, index) => {\r\n                const $page = $('<div class=\"single-page\"><\/div>');\r\n                const $img = $('<img>').attr('src', url).attr('alt', `Page ${index + 1}`);\r\n\r\n                $img.on('load', function() {\r\n                    imagesLoaded++;\r\n                    const percent = Math.round((imagesLoaded \/ totalPages) * 100);\r\n                    $progressFill.css('width', percent + '%');\r\n                    $progressPercent.text(percent + '%');\r\n\r\n                    if (imagesLoaded === totalPages) {\r\n                        launchFlipbook();\r\n                    }\r\n                });\r\n\r\n                $img.on('error', function() {\r\n                    imagesLoaded++;\r\n                    if (imagesLoaded === totalPages) launchFlipbook();\r\n                });\r\n\r\n                $page.append($img);\r\n                $book.append($page);\r\n            });\r\n        }\r\n\r\n        function launchFlipbook() {\r\n            $loadingUI.fadeOut(500, function() {\r\n                const viewport = $('.fs-book-viewport');\r\n                \r\n                $book.turn({\r\n                    width: viewport.width(),\r\n                    height: viewport.height(),\r\n                    autoCenter: true,\r\n                    duration: 1000,\r\n                    acceleration: true,\r\n                    gradients: true,\r\n                    elevation: 50,\r\n                    display: 'single', \r\n                    when: {\r\n                        turning: function(e, page) {\r\n                            $currentPageText.text(page);\r\n                        }\r\n                    }\r\n                });\r\n                isReady = true;\r\n            });\r\n        }\r\n\r\n        \/\/ Controls\r\n        $('#prevBtn').on('click', function() {\r\n            if (isReady) $book.turn('previous');\r\n        });\r\n\r\n        $('#nextBtn').on('click', function() {\r\n            if (isReady) $book.turn('next');\r\n        });\r\n\r\n        \/\/ Responsive resizing\r\n        $(window).on('resize', function() {\r\n            if (isReady) {\r\n                const viewport = $('.fs-book-viewport');\r\n                $book.turn('size', viewport.width(), viewport.height());\r\n            }\r\n        });\r\n\r\n        \/\/ Keyboard shortcuts\r\n        $(document).keydown(function(e) {\r\n            if (!isReady) return;\r\n            if (e.keyCode === 37) $book.turn('previous');\r\n            if (e.keyCode === 39) $book.turn('next');\r\n        });\r\n\r\n        $(document).ready(function() {\r\n            initBook();\r\n        });\r\n\r\n    })(jQuery);\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-79726c1 e-flex e-con-boxed e-con e-parent\" data-id=\"79726c1\" data-element_type=\"container\" data-e-type=\"container\" id=\"Contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98f6688 elementor-widget elementor-widget-html\" data-id=\"98f6688\" 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-contact-main-section\">\r\n    <!-- Background Pattern -->\r\n    <div class=\"fs-contact-bg-pattern\"><\/div>\r\n\r\n    <div class=\"fs-contact-container\">\r\n        \r\n        <!-- Header Content -->\r\n        <div class=\"fs-contact-header fs-contact-reveal\">\r\n            <h2 class=\"fs-contact-title\">GET IN <span class=\"fs-contact-red-text\">TOUCH<\/span><\/h2>\r\n            <!-- \u062a\u0645 \u062d\u0630\u0641 \u0627\u0644\u0646\u0635 \u0627\u0644\u0648\u0635\u0641\u064a \u0645\u0646 \u0647\u0646\u0627 -->\r\n        <\/div>\r\n\r\n        <!-- Centered Form Wrapper -->\r\n        <div class=\"fs-contact-form-center-wrapper fs-contact-reveal\">\r\n            <div class=\"fs-contact-form-card\">\r\n                <form class=\"fs-contact-form\" id=\"fsContactForm\">\r\n                    <div class=\"fs-contact-input-group\">\r\n                        <input type=\"text\" name=\"name\" placeholder=\"Your Full Name\" required>\r\n                        <i class=\"fa-solid fa-user\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"fs-contact-input-group\">\r\n                        <input type=\"email\" name=\"email\" placeholder=\"Your Email Address\" required>\r\n                        <i class=\"fa-solid fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"fs-contact-input-group\">\r\n                        <input type=\"text\" name=\"subject\" placeholder=\"Subject\">\r\n                        <i class=\"fa-solid fa-pen-nib\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"fs-contact-input-group\">\r\n                        <textarea name=\"message\" placeholder=\"How can we help you?\" rows=\"5\" required><\/textarea>\r\n                        <i class=\"fa-solid fa-comment-dots\"><\/i>\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"fs-contact-submit-btn\">\r\n                        <span>SEND MESSAGE<\/span>\r\n                        <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* CSS Scoping *\/\r\n    .fs-contact-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        min-height: 60vh;\r\n    }\r\n\r\n    \/* --- Background Pattern --- *\/\r\n    .fs-contact-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-contact-bgMove 20s linear infinite;\r\n    }\r\n\r\n    @keyframes fs-contact-bgMove {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 40px 40px; }\r\n    }\r\n\r\n    .fs-contact-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 800px; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 \u0644\u064a\u0643\u0648\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0645\u062a\u0646\u0627\u0633\u0642\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .fs-contact-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n    }\r\n\r\n    .fs-contact-header.fs-contact-active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-contact-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #203C84;\r\n        margin-bottom: 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .fs-contact-red-text { color: #D62316; }\r\n\r\n    \/* Centered Form Styling *\/\r\n    .fs-contact-form-center-wrapper {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.8s ease-out;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .fs-contact-form-center-wrapper.fs-contact-show {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .fs-contact-form-card {\r\n        background: #fff;\r\n        padding: 40px;\r\n        border-radius: 30px;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n        border: 1px solid rgba(32, 60, 132, 0.05);\r\n        width: 100%;\r\n        max-width: 700px;\r\n    }\r\n\r\n    .fs-contact-form {\r\n        display: grid;\r\n        gap: 20px;\r\n    }\r\n\r\n    .fs-contact-input-group {\r\n        position: relative;\r\n    }\r\n\r\n    .fs-contact-input-group input, \r\n    .fs-contact-input-group textarea {\r\n        width: 100%;\r\n        padding: 15px 15px 15px 50px;\r\n        border: 2px solid #eee;\r\n        border-radius: 12px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        transition: all 0.3s ease;\r\n        outline: none;\r\n        box-sizing: border-box;\r\n        background: #fdfdfd;\r\n    }\r\n\r\n    .fs-contact-input-group i {\r\n        position: absolute;\r\n        left: 18px;\r\n        top: 18px;\r\n        color: #203C84;\r\n        font-size: 16px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .fs-contact-input-group input:focus, \r\n    .fs-contact-input-group textarea:focus {\r\n        border-color: #203C84;\r\n        box-shadow: 0 0 0 4px rgba(32, 60, 132, 0.1);\r\n        background: #fff;\r\n    }\r\n\r\n    .fs-contact-input-group input:focus + i, \r\n    .fs-contact-input-group textarea:focus + i {\r\n        color: #D62316;\r\n    }\r\n\r\n    .fs-contact-submit-btn {\r\n        background: #203C84;\r\n        color: #fff;\r\n        padding: 18px 30px;\r\n        border: none;\r\n        border-radius: 12px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 800;\r\n        font-size: 16px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        transition: all 0.4s ease;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .fs-contact-submit-btn:hover {\r\n        background: #D62316;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 20px rgba(214, 35, 22, 0.3);\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .fs-contact-main-section {\r\n            padding: 60px 15px;\r\n        }\r\n        .fs-contact-title { \r\n            font-size: 30px; \r\n        }\r\n        .fs-contact-form-card { \r\n            padding: 25px; \r\n            border-radius: 20px;\r\n        }\r\n        .fs-contact-input-group input, \r\n        .fs-contact-input-group textarea {\r\n            padding: 12px 12px 12px 45px;\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-contact-header');\r\n            const formWrapper = document.querySelector('.fs-contact-form-center-wrapper');\r\n\r\n            \/\/ Fix for Elementor Preview\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-contact-active');\r\n                if(formWrapper) formWrapper.classList.add('fs-contact-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-contact-header')) {\r\n                            entry.target.classList.add('fs-contact-active');\r\n                        } else if(entry.target === formWrapper) {\r\n                            formWrapper.classList.add('fs-contact-show');\r\n                        }\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if(header) observer.observe(header);\r\n            if(formWrapper) observer.observe(formWrapper);\r\n\r\n            \/\/ Form Submission Logic\r\n            const form = document.getElementById('fsContactForm');\r\n            if(form) {\r\n                form.addEventListener('submit', function(e) {\r\n                    e.preventDefault();\r\n                    const btn = this.querySelector('.fs-contact-submit-btn');\r\n                    const originalText = btn.innerHTML;\r\n                    \r\n                    btn.innerHTML = '<span>SENDING...<\/span> <i class=\"fa-solid fa-spinner fa-spin\"><\/i>';\r\n                    btn.style.pointerEvents = 'none';\r\n\r\n                    setTimeout(() => {\r\n                        alert('Thank you! Your message has been sent successfully.');\r\n                        btn.innerHTML = originalText;\r\n                        btn.style.pointerEvents = 'all';\r\n                        form.reset();\r\n                    }, 2000);\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-2b07d2e e-flex e-con-boxed e-con e-parent\" data-id=\"2b07d2e\" 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-1549e9e elementor-widget elementor-widget-html\" data-id=\"1549e9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"floating-contact-buttons\">\r\n    <!-- WhatsApp Button -->\r\n    <a href=\"https:\/\/wa.me\/966548650168\" class=\"contact-btn whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n        <i class=\"fab fa-whatsapp\"><\/i>\r\n    <\/a>\r\n    \r\n    <!-- Phone Button -->\r\n    <a href=\"tel:+996599988330\" class=\"contact-btn phone-btn\">\r\n        <i class=\"fas fa-phone-alt\"><\/i>\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 *\/\r\n.floating-contact-buttons {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    z-index: 9999;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0639\u0627\u0645 *\/\r\n.contact-btn {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n    font-size: 24px;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n    transition: transform 0.3s ease;\r\n    text-decoration: none;\r\n}\r\n\r\n.contact-btn:hover {\r\n    transform: scale(1.1);\r\n    color: #fff;\r\n}\r\n\r\n\/* \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.whatsapp-btn {\r\n    background-color: #25d366;\r\n}\r\n\r\n.phone-btn {\r\n    background-color: #007bff; \/* \u064a\u0645\u0643\u0646\u0643 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u0648\u0646 \u0644\u064a\u0646\u0627\u0633\u0628 \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 *\/\r\n}\r\n\r\n\/* \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u062d\u062c\u0645 \u0644\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629 *\/\r\n@media (max-width: 767px) {\r\n    .contact-btn {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 20px;\r\n    }\r\n    .floating-contact-buttons {\r\n        bottom: 15px;\r\n        left: 15px;\r\n        gap: 10px;\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<div class=\"elementor-element elementor-element-7b1ca70 e-flex e-con-boxed e-con e-parent\" data-id=\"7b1ca70\" 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-f7faf78 elementor-widget elementor-widget-html\" data-id=\"f7faf78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome for Professional Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n<!-- Google Font: Poppins for a Modern Corporate Look -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-color: #203c84; \/* Your requested blue color *\/\r\n        --text-color: #000000;    \/* Black text *\/\r\n        --light-text: #444444;    \/* Dark grey for descriptions *\/\r\n        --bg-color: #ffffff;      \/* White background *\/\r\n        --transition: all 0.3s ease;\r\n    }\r\n\r\n    .fs-footer {\r\n        font-family: 'Poppins', sans-serif;\r\n        background-color: var(--bg-color);\r\n        padding: 60px 20px 40px 20px;\r\n        direction: ltr;\r\n        color: var(--text-color);\r\n        border-top: 1px solid #eee;\r\n    }\r\n\r\n    .fs-footer-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1.5fr 1fr 1fr; \/* Layout mirroring the image *\/\r\n        gap: 40px;\r\n    }\r\n\r\n    \/* --- Column 1: Logo & About --- *\/\r\n    .fs-footer-about {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .fs-footer-logo img {\r\n        max-width: 220px;\r\n        height: auto;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .fs-footer-about p {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n        color: var(--light-text);\r\n        margin: 0;\r\n        text-align: justify;\r\n    }\r\n\r\n    \/* --- Column 2: Quick Links --- *\/\r\n    .fs-footer-links h4, .fs-footer-contact h4 {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin-bottom: 25px;\r\n        position: relative;\r\n        padding-bottom: 10px;\r\n    }\r\n\r\n    .fs-footer-links h4::after, .fs-footer-contact h4::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        width: 40px;\r\n        height: 3px;\r\n        background-color: var(--primary-color);\r\n    }\r\n\r\n    .fs-footer-links ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .fs-footer-links ul li {\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .fs-footer-links ul li a {\r\n        text-decoration: none;\r\n        color: var(--text-color);\r\n        font-size: 15px;\r\n        transition: var(--transition);\r\n        display: inline-block;\r\n    }\r\n\r\n    .fs-footer-links ul li a:hover {\r\n        color: var(--primary-color);\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* --- Column 3: Contact Us --- *\/\r\n    .fs-footer-contact {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .contact-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-size: 15px;\r\n        color: var(--text-color);\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n    }\r\n\r\n    .contact-item i {\r\n        color: var(--primary-color);\r\n        font-size: 18px;\r\n        width: 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .contact-item:hover {\r\n        color: var(--primary-color);\r\n    }\r\n\r\n    \/* Social Icons integrated into contact section *\/\r\n    .fs-social-wrapper {\r\n        margin-top: 15px;\r\n        display: flex;\r\n        gap: 12px;\r\n    }\r\n\r\n    .fs-social-wrapper a {\r\n        width: 38px;\r\n        height: 38px;\r\n        background-color: #f5f5f5;\r\n        color: var(--primary-color);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n        font-size: 16px;\r\n    }\r\n\r\n    .fs-social-wrapper a:hover {\r\n        background-color: var(--primary-color);\r\n        color: #fff;\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* --- Responsive Design --- *\/\r\n    @media (max-width: 991px) {\r\n        .fs-footer-container {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n        .fs-footer-about {\r\n            grid-column: span 2;\r\n            text-align: center;\r\n            align-items: center;\r\n        }\r\n        .fs-footer-about p {\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .fs-footer-container {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .fs-footer-about {\r\n            grid-column: span 1;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"fs-footer\">\r\n    <div class=\"fs-footer-container\">\r\n        \r\n        <!-- Section 1: Logo and About -->\r\n        <div class=\"fs-footer-about\">\r\n            <div class=\"fs-footer-logo\">\r\n                <a href=\"https:\/\/fast-source.com\/\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fast-source.com\/wp-content\/uploads\/2026\/05\/Untitled-1-768x370.png\" alt=\"Fast Support Company\">\r\n                <\/a>\r\n            <\/div>\r\n            <p>\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        <!-- Section 2: Quick Links -->\r\n        <div class=\"fs-footer-links\">\r\n            <h4>Quick Links<\/h4>\r\n            <ul>\r\n                <li><a href=\"https:\/\/fast-source.com\/\">Home<\/a><\/li>\r\n                <li><a href=\"https:\/\/fast-source.com\/#about\">About Us<\/a><\/li>\r\n                <li><a href=\"https:\/\/fast-source.com\/#profile\">Profile<\/a><\/li>\r\n                <li><a href=\"https:\/\/fast-source.com\/#PARTNERS\">Partners<\/a><\/li>\r\n                <li><a href=\"https:\/\/fast-source.com\/#Contact\">Contact Us<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Section 3: Contact Us (Updated Data) -->\r\n        <div class=\"fs-footer-contact\">\r\n            <h4>Contact Us<\/h4>\r\n            \r\n            <!-- Phone from image -->\r\n            <a href=\"tel:+996 59 998 8330\" class=\"contact-item\">\r\n                <i class=\"fa-solid fa-phone\"><\/i>\r\n                <span>+996 59 998 8330<\/span>\r\n            <\/a>\r\n            \r\n            <!-- Email from image -->\r\n            <a href=\"mailto:info@fast-source.com\" class=\"contact-item\">\r\n                <i class=\"fa-solid fa-envelope\"><\/i>\r\n                <span>info@fast-source.com<\/span>\r\n            <\/a>\r\n            \r\n            <!-- Address from image -->\r\n            <div class=\"contact-item\">\r\n                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                <span>12473, Al Nuzha Dist. Riyadh, SA<\/span>\r\n            <\/div>\r\n\r\n            <!-- Social Icons updated here -->\r\n            <div class=\"fs-social-wrapper\">\r\n                <a href=\"https:\/\/x.com\/Fastsource7\" title=\"X (Twitter)\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n                <a href=\"#\" title=\"LinkedIn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div> \r\n<\/footer>\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 PARTNERS IN SUCCESS company profile Contact Us Home About Us PARTNERS IN SUCCESS company profile Contact Us [&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":412,"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":603,"href":"https:\/\/fast-source.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/603"}],"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}]}}