{"id":11701,"date":"2026-05-28T14:27:13","date_gmt":"2026-05-28T14:27:13","guid":{"rendered":"https:\/\/np.sheetheg.com\/?post_type=portfolio&#038;p=11701"},"modified":"2026-06-27T13:40:41","modified_gmt":"2026-06-27T10:40:41","slug":"fttx","status":"publish","type":"portfolio","link":"https:\/\/np.sheetheg.com\/ar\/portfolio\/fttx\/","title":{"rendered":"\u0634\u0628\u0643\u0629 FTTx"},"content":{"rendered":"    \n    <style>\n        \/* ==========================================================================\n           WMM Scenarios Premium CSS - V10 (Full-Width, Sliders, RTL Fixes)\n           ========================================================================== *\/\n        :root {\n            --wmm-blue: #3b82f6; \n            --wmm-blue-dark: #0f172a; \n            --wmm-gold: #faba5b;\n            --wmm-gold-light: #ffc977;\n            \n            --wmm-bg-main: transparent;\n            --wmm-bg-card: rgba(255, 255, 255, 0.03); \n            --wmm-bg-card-hover: rgba(255, 255, 255, 0.06);\n            --wmm-text-main: #f8fafc; \n            --wmm-text-muted: #cbd5e1; \n            --wmm-border-color: rgba(255, 255, 255, 0.1); \n            \n            --wmm-radius: 20px;\n            --wmm-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5); \n            --wmm-shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.8);\n            --wmm-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        @keyframes wmmFadeUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n        @keyframes wmmPulse { 0% { opacity: 0.7; } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.7; } }\n\n        \/* Container Full Width *\/\n        .wmm-scenario-container {\n            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n            color: var(--wmm-text-main); background-color: var(--wmm-bg-main);\n            width: 100%; max-width: 100%; margin: 0 auto; padding: 40px 5%; line-height: 1.8; box-sizing: border-box; overflow: hidden;\n        }\n        .wmm-scenario-container * { box-sizing: border-box; }\n\n        \/* 1. Video Wrapper *\/\n        .wmm-video-wrapper {\n            position: relative; width: 100%; max-width: 1200px; margin: 0 auto 70px; aspect-ratio: 16 \/ 9;\n            border-radius: var(--wmm-radius); overflow: hidden; box-shadow: var(--wmm-shadow-hover);\n            background: #000; animation: wmmFadeUp 0.8s ease forwards; border: 1px solid var(--wmm-border-color); \n        }\n        .wmm-video-wrapper iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; }\n\n        \/* Modern Row & Vertical Gallery *\/\n        .wmm-row-modern { display: flex !important; flex-wrap: wrap !important; gap: 50px !important; align-items: center !important; margin-bottom: 70px !important; animation: wmmFadeUp 0.8s ease forwards; }\n        .wmm-col-text { flex: 1 1 450px !important; }\n        .wmm-main-title { color: var(--wmm-text-main); font-size: 3rem; font-weight: 800; margin-bottom: 30px; position: relative; padding-bottom: 20px; line-height: 1.25; letter-spacing: -0.5px; }\n        .wmm-main-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 5px; background: linear-gradient(90deg, var(--wmm-gold), var(--wmm-gold-light)); border-radius: 5px; }\n        .wmm-col-text p { font-size: 1.15rem; margin-bottom: 15px; color: var(--wmm-text-muted); }\n\n        .wmm-col-gallery-vertical { flex: 1 1 500px !important; display: flex !important; flex-direction: column !important; gap: 20px !important; }\n        .wmm-col-diagram { flex: 1 1 550px !important; display: flex !important; flex-direction: column !important; align-items: center !important; }\n\n        .wmm-gallery-img { border-radius: var(--wmm-radius) !important; border: 1px solid var(--wmm-border-color) !important; box-shadow: var(--wmm-shadow-soft) !important; object-fit: cover !important; width: 100% !important; height: 100% !important; aspect-ratio: 16 \/ 9 !important; background: var(--wmm-bg-card) !important; transition: var(--wmm-transition) !important; backdrop-filter: blur(10px); }\n        .wmm-diagram-img { border-radius: var(--wmm-radius) !important; border: 1px solid var(--wmm-border-color) !important; box-shadow: var(--wmm-shadow-soft) !important; object-fit: contain !important; width: 100% !important; height: auto !important; background: var(--wmm-bg-card) !important; padding: 15px !important; transition: var(--wmm-transition) !important; backdrop-filter: blur(10px); }\n        \n        .wmm-gallery-img:hover, .wmm-diagram-img:hover { transform: translateY(-5px) scale(1.02) !important; box-shadow: var(--wmm-shadow-hover) !important; z-index: 2 !important; border-color: var(--wmm-gold) !important; }\n        \n        .wmm-topology-note { font-size: 1rem; color: var(--wmm-gold); margin: 20px 0 0 0; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; animation: wmmPulse 2s infinite; pointer-events: none; }\n\n        \/* Sections *\/\n        .wmm-section { margin-bottom: 80px; width: 100%; animation: wmmFadeUp 1s ease forwards; }\n        .wmm-section-title { text-align: center; color: var(--wmm-text-main); font-size: 2.5rem; font-weight: 800; margin-bottom: 60px; letter-spacing: -0.5px; }\n        .wmm-text-gold { color: var(--wmm-gold) !important; }\n\n        \/* Slider Wrapper & Arrows *\/\n        .wmm-slider-container { position: relative; width: 100%; display: flex; align-items: center; }\n        .wmm-slider-arrow {\n            position: absolute; top: 50%; transform: translateY(-50%);\n            width: 45px; height: 45px; background: rgba(15, 23, 42, 0.8);\n            border: 1px solid var(--wmm-gold); color: var(--wmm-gold); border-radius: 50%;\n            z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; transition: var(--wmm-transition); backdrop-filter: blur(10px);\n        }\n        .wmm-slider-arrow:hover { background: var(--wmm-gold); color: #000; box-shadow: 0 5px 15px rgba(250, 186, 91, 0.5); }\n        .wmm-prev { left: -10px; }\n        .wmm-next { right: -10px; }\n        \n        html[dir=\"rtl\"] .wmm-prev { left: auto; right: -10px; transform: translateY(-50%) rotate(180deg); }\n        html[dir=\"rtl\"] .wmm-next { right: auto; left: -10px; transform: translateY(-50%) rotate(180deg); }\n\n        .wmm-grid-cards { \n            display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important;\n            scroll-snap-type: x mandatory !important; gap: 30px !important; \n            padding: 30px 10px 50px !important; scrollbar-width: thin; scrollbar-color: var(--wmm-gold) rgba(255,255,255,0.05);\n            scroll-behavior: smooth; align-items: stretch !important; cursor: grab; width: 100%;\n        }\n        .wmm-grid-cards:active { cursor: grabbing; }\n        .wmm-grid-cards::-webkit-scrollbar { height: 8px; }\n        .wmm-grid-cards::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 10px; }\n        .wmm-grid-cards::-webkit-scrollbar-thumb { background: var(--wmm-gold); border-radius: 10px; }\n\n        \/* Card Design *\/\n        .wmm-card {\n            flex: 0 0 350px !important; max-width: 350px !important; scroll-snap-align: start !important;\n            background: var(--wmm-bg-card); padding: 45px 30px 35px !important; border-radius: 24px !important; \n            box-shadow: var(--wmm-shadow-soft); position: relative; border: 1px solid var(--wmm-border-color); \n            border-top: 4px solid var(--wmm-blue); transition: var(--wmm-transition); z-index: 1; backdrop-filter: blur(15px);\n            display: flex; flex-direction: column;\n        }\n        .wmm-card:hover { transform: translateY(-10px) !important; background: var(--wmm-bg-card-hover); box-shadow: var(--wmm-shadow-hover); border-top-color: var(--wmm-gold); }\n\n        .wmm-card-number {\n            position: absolute; top: -25px; left: 35px; width: 50px; height: 50px;\n            background: linear-gradient(135deg, var(--wmm-gold), #e6a32d); color: #000;\n            display: flex; align-items: center; justify-content: center; border-radius: 50%;\n            font-weight: 800; font-size: 1.3rem; border: 4px solid #1e293b; \n            box-shadow: 0 5px 15px rgba(250, 186, 91, 0.3); transition: var(--wmm-transition);\n            direction: ltr !important; unicode-bidi: isolate !important;\n        }\n        .wmm-card:hover .wmm-card-number { transform: scale(1.15); box-shadow: 0 8px 20px rgba(250, 186, 91, 0.5); border-color: #2d3748; }\n\n        .wmm-card-title { color: var(--wmm-text-main); font-size: 1.4rem; font-weight: 800; margin: 15px 0 20px; line-height: 1.4; }\n        .wmm-card-desc { color: var(--wmm-text-muted); font-size: 1.05rem; margin: 0; line-height: 1.8; }\n\n        \/* Highlights & Alt Cards *\/\n        .wmm-bg-blue {\n            background: rgba(15, 23, 42, 0.4) !important; backdrop-filter: blur(30px) !important;\n            padding: 80px 5% !important; border-radius: 35px !important; position: relative; overflow: hidden;\n            box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 20px 50px rgba(0,0,0,0.5) !important; \n        }\n        .wmm-bg-blue::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(250,186,91,0.1) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }\n        .wmm-card-alt { border-top: none !important; border-left: 5px solid var(--wmm-gold) !important; }\n        .wmm-card-alt:hover { border-left-color: var(--wmm-blue) !important; }\n        .wmm-card-border { border-top: none !important; border-left: 5px solid var(--wmm-gold) !important; }\n        .wmm-card-border:hover { border-left-color: var(--wmm-blue) !important; }\n\n        \/* RTL Fixes *\/\n        html[dir=\"rtl\"] .wmm-scenario-container { direction: rtl !important; text-align: right !important; }\n        html[dir=\"rtl\"] .wmm-main-title::after { left: auto !important; right: 0 !important; }\n        html[dir=\"rtl\"] .wmm-card-number { left: auto !important; right: 35px !important; }\n        html[dir=\"rtl\"] .wmm-card-title { direction: rtl !important; }\n        html[dir=\"rtl\"] .wmm-card-alt, html[dir=\"rtl\"] .wmm-card-border { border-left: none !important; border-right: 5px solid var(--wmm-gold) !important; }\n        html[dir=\"rtl\"] .wmm-card-alt:hover, html[dir=\"rtl\"] .wmm-card-border:hover { border-right-color: var(--wmm-blue) !important; }\n\n        \/* Mobile Fixes (Centering) *\/\n        @media (max-width: 992px) { \n            .wmm-row-modern { flex-direction: column !important; gap: 40px !important; }\n            .wmm-col-diagram a { width: 100% !important; }\n        }\n        @media (max-width: 768px) {\n            .wmm-scenario-container { padding: 40px 20px !important; }\n            .wmm-main-title { font-size: 2.1rem; text-align: center !important; }\n            .wmm-main-title::after { left: 50% !important; transform: translateX(-50%) !important; right: auto !important; }\n            .wmm-col-text p { text-align: center !important; }\n            \n            .wmm-section-title { font-size: 1.9rem; margin-bottom: 40px; text-align: center !important; }\n            .wmm-col-gallery-vertical { flex-direction: column !important; }\n            .wmm-gallery-img, .wmm-diagram-img { aspect-ratio: unset !important; height: auto !important; max-height: 400px; }\n            \n            .wmm-slider-container { padding: 0 !important; }\n            .wmm-prev { left: 5px; } .wmm-next { right: 5px; }\n            html[dir=\"rtl\"] .wmm-prev { left: auto; right: 5px; }\n            html[dir=\"rtl\"] .wmm-next { right: auto; left: 5px; }\n\n            .wmm-grid-cards { gap: 20px !important; padding: 20px 0 40px !important; }\n            .wmm-card { flex: 0 0 85vw !important; max-width: 85vw !important; scroll-snap-align: center !important; padding: 45px 25px 30px !important; }\n            .wmm-card-title, .wmm-card-desc { text-align: center !important; }\n            \n            .wmm-card-number { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; }\n            html[dir=\"rtl\"] .wmm-card-number { right: 50% !important; transform: translateX(50%) !important; }\n            .wmm-card:hover .wmm-card-number { transform: translateX(-50%) scale(1.15) !important; }\n            html[dir=\"rtl\"] .wmm-card:hover .wmm-card-number { transform: translateX(50%) scale(1.15) !important; }\n        }\n    <\/style>\n\n    <div class=\"wmm-scenario-container\">\n        \n        \n        <div class=\"wmm-row-modern\">\n            <div class=\"wmm-col-text\">\n                <h1 class=\"wmm-main-title\">A Brief Overview of FTTx Solutions Using PON Technology<\/h1>\n                                    <p>PON (Passive Optical Network) technology is the backbone of most modern fiber-optic internet networks used to deliver services to end-users, broadly known as FTTx.<\/p>\n                                    <p>Here is a simplified explanation of how these solutions work and their core components:<\/p>\n                            <\/div>\n            \n            <div class=\"wmm-col-gallery-vertical\">\n                <a href=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/image1-netpon-7.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Fiber Optic Component\">\n                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/image1-netpon-7.webp\" alt=\"Fiber Component\" class=\"wmm-gallery-img\">\n                <\/a>\n                <a href=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/image2-netpon-7.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"PON Network Diagram\">\n                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/image2-netpon-7.webp\" alt=\"PON Network Diagram\" class=\"wmm-diagram-img\">\n                <\/a>\n                <p class=\"wmm-topology-note\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\n                    Click on the image to enlarge\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"wmm-section\">\n            <h2 class=\"wmm-section-title\">What is FTTx and how does PON relate to it?<\/h2>\n            <div class=\"wmm-slider-container\">\n                <button class=\"wmm-slider-arrow wmm-prev\" aria-label=\"Previous\">&#10094;<\/button>\n                <div class=\"wmm-grid-cards\">\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">FTTx (Fiber to the x)<\/h3>\n                            <p class=\"wmm-card-desc\">A general term that describes how close the fiber optic cable gets to the end-user. The &quot;x&quot; changes based on the endpoint (e.g., Home, Building, or Cabinet).<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">PON (Passive Optical Network)<\/h3>\n                            <p class=\"wmm-card-desc\">The specific technology used to implement FTTx networks. It is called &quot;passive&quot; because it does not require any electrically powered equipment in the distribution path between the service provider and the customer. Instead, it relies on unpowered &quot;optical splitters&quot; to divide the signal.<\/p>\n                        <\/div>\n                                    <\/div>\n                <button class=\"wmm-slider-arrow wmm-next\" aria-label=\"Next\">&#10095;<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"wmm-section\">\n            <h2 class=\"wmm-section-title\">Core Components of a PON Network<\/h2>\n            <div class=\"wmm-slider-container\">\n                <button class=\"wmm-slider-arrow wmm-prev\" aria-label=\"Previous\">&#10094;<\/button>\n                <div class=\"wmm-grid-cards\">\n                                            <div class=\"wmm-card\">\n                            <div class=\"wmm-card-number\">01.<\/div>\n                            <h3 class=\"wmm-card-title\">OLT (Optical Line Terminal)<\/h3>\n                            <p class=\"wmm-card-desc\"><strong>Location:<\/strong> Inside the central office or data center (operated by the service provider or facility management).<br><br><strong>Function:<\/strong> It is the \"brain\" of the network. It converts electrical signals into optical (light) signals and manages the data flow to and from the end-users.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card\">\n                            <div class=\"wmm-card-number\">02.<\/div>\n                            <h3 class=\"wmm-card-title\">ODN (Optical Distribution Network) &amp; Splitters<\/h3>\n                            <p class=\"wmm-card-desc\"><strong>Location:<\/strong> In streets, outdoor cabinets, or building corridors.<br><br><strong>Function:<\/strong> This is the physical fiber cabling and splitters. An optical splitter acts like a glass prism; it takes a single beam of light from the OLT and splits it to serve multiple users without needing any electrical power.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card\">\n                            <div class=\"wmm-card-number\">03.<\/div>\n                            <h3 class=\"wmm-card-title\">ONU\/ONT (Optical Network Terminal)<\/h3>\n                            <p class=\"wmm-card-desc\"><strong>Location:<\/strong> At the end-user's premise (inside a home, office, or factory).<br><br><strong>Function:<\/strong> It receives the optical signal and converts it back into electrical signals (Ethernet or Wi-Fi) so your devices can use it. (casually referred to as the \"fiber router\").<\/p>\n                        <\/div>\n                                    <\/div>\n                <button class=\"wmm-slider-arrow wmm-next\" aria-label=\"Next\">&#10095;<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"wmm-section\">\n            <h2 class=\"wmm-section-title\">Common Types of FTTx<\/h2>\n            <div class=\"wmm-row-modern\">\n                <div class=\"wmm-col-text\">\n                    <div class=\"wmm-grid-cards\" style=\"padding-top: 10px !important;\">\n                                                    <div class=\"wmm-card wmm-card-alt\" style=\"padding: 35px 25px !important; flex: 0 0 300px !important; max-width: 300px !important;\">\n                                <h3 class=\"wmm-card-title\" style=\"margin-top:0; color: var(--wmm-gold) !important;\">FTTH (Fiber to the Home)<\/h3>\n                                <p class=\"wmm-card-desc\">The fiber cable reaches directly inside the user&#039;s home or apartment. (Provides the highest speed and stability).<\/p>\n                            <\/div>\n                                                    <div class=\"wmm-card wmm-card-alt\" style=\"padding: 35px 25px !important; flex: 0 0 300px !important; max-width: 300px !important;\">\n                                <h3 class=\"wmm-card-title\" style=\"margin-top:0; color: var(--wmm-gold) !important;\">FTTB (Fiber to the Building)<\/h3>\n                                <p class=\"wmm-card-desc\">The fiber reaches the basement or telecom room of a building. The internet is then distributed to individual apartments using standard copper cables (Ethernet).<\/p>\n                            <\/div>\n                                                    <div class=\"wmm-card wmm-card-alt\" style=\"padding: 35px 25px !important; flex: 0 0 300px !important; max-width: 300px !important;\">\n                                <h3 class=\"wmm-card-title\" style=\"margin-top:0; color: var(--wmm-gold) !important;\">FTTC (Fiber to the Cabinet)<\/h3>\n                                <p class=\"wmm-card-desc\">The fiber reaches a street telecom cabinet, and the remaining distance to the homes is covered using legacy copper telephone wires (VDSL).<\/p>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n                \n                <div class=\"wmm-col-diagram\">\n                    <a href=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/image3-netpon-6.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Types of FTTx\">\n                        <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/image3-netpon-6.webp\" alt=\"Types of FTTx Diagram\" class=\"wmm-diagram-img\" style=\"height: 100% !important;\">\n                    <\/a>\n                     <p class=\"wmm-topology-note\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\n                        Click on the image to enlarge\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"wmm-section wmm-bg-blue\">\n            <h2 class=\"wmm-section-title wmm-text-gold\">Why use PON technology for FTTx? (Key Benefits)<\/h2>\n            <div class=\"wmm-slider-container\">\n                <button class=\"wmm-slider-arrow wmm-prev\" aria-label=\"Previous\">&#10094;<\/button>\n                <div class=\"wmm-grid-cards\">\n                                            <div class=\"wmm-card wmm-card-alt\">\n                            <h3 class=\"wmm-card-title\">01. Cost Efficiency<\/h3>\n                            <p class=\"wmm-card-desc\">Running a single fiber cable from the central office and splitting it to serve dozens of customers drastically reduces cabling and infrastructure costs.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-alt\">\n                            <h3 class=\"wmm-card-title\">02. High Reliability &amp; Immunity<\/h3>\n                            <p class=\"wmm-card-desc\">Because the path from the central office to the user uses passive splitters, it requires no power in the field. This means the network is unaffected by street power outages and is completely immune to electromagnetic interference.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-alt\">\n                            <h3 class=\"wmm-card-title\">03. Massive Speeds<\/h3>\n                            <p class=\"wmm-card-desc\">Modern PON technologies (like GPON and XGS-PON) support speeds starting at 2.5 Gbps and can easily scale to 10 Gbps or 50 Gbps.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-alt\">\n                            <h3 class=\"wmm-card-title\">04. Long-Distance Coverage<\/h3>\n                            <p class=\"wmm-card-desc\">The distance between the central office (OLT) and the end-user (ONT) can reach up to 20 kilometers (about 12.4 miles) without needing any signal boosters or repeaters.<\/p>\n                        <\/div>\n                                    <\/div>\n                <button class=\"wmm-slider-arrow wmm-next\" aria-label=\"Next\">&#10095;<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- Mouse Drag & Arrows Logic -->\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const sliderContainers = document.querySelectorAll('.wmm-slider-container, .wmm-col-text'); \/\/ Added .wmm-col-text for the custom FTTx types slider\n        \n        sliderContainers.forEach(container => {\n            const slider = container.querySelector('.wmm-grid-cards');\n            const prev = container.querySelector('.wmm-prev');\n            const next = container.querySelector('.wmm-next');\n            if(!slider) return;\n\n            const isRTL = document.documentElement.dir === 'rtl';\n            const scrollAmount = isRTL ? -350 : 350;\n\n            if(prev && next) {\n                prev.addEventListener('click', () => { slider.scrollBy({ left: -scrollAmount, behavior: 'smooth' }); });\n                next.addEventListener('click', () => { slider.scrollBy({ left: scrollAmount, behavior: 'smooth' }); });\n            }\n\n            let isDown = false;\n            let startX;\n            let scrollLeft;\n\n            slider.addEventListener('mousedown', (e) => {\n                isDown = true;\n                slider.style.cursor = 'grabbing';\n                startX = e.pageX - slider.offsetLeft;\n                scrollLeft = slider.scrollLeft;\n            });\n            slider.addEventListener('mouseleave', () => { isDown = false; slider.style.cursor = 'grab'; });\n            slider.addEventListener('mouseup', () => { isDown = false; slider.style.cursor = 'grab'; });\n            slider.addEventListener('mousemove', (e) => {\n                if (!isDown) return;\n                e.preventDefault();\n                const x = e.pageX - slider.offsetLeft;\n                const walk = (x - startX) * 2; \n                slider.scrollLeft = scrollLeft - walk;\n            });\n        });\n    });\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":11706,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","project-cat":[134],"class_list":["post-11701","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","project-cat-fttx-solutions"],"_links":{"self":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio\/11701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/comments?post=11701"}],"version-history":[{"count":4,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio\/11701\/revisions"}],"predecessor-version":[{"id":12124,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio\/11701\/revisions\/12124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/media\/11706"}],"wp:attachment":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/media?parent=11701"}],"wp:term":[{"taxonomy":"project-cat","embeddable":true,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/project-cat?post=11701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}