{"id":12755,"date":"2026-11-09T16:26:37","date_gmt":"2026-11-09T08:26:37","guid":{"rendered":"https:\/\/progolas.com\/?page_id=12755"},"modified":"2026-11-09T17:11:32","modified_gmt":"2026-11-09T09:11:32","slug":"%e3%83%97%e3%83%ad%e3%82%b4%e3%83%a9%e3%82%b9-%e3%83%91%e3%83%bc%e3%82%b4%e3%83%a9%e8%a8%ad%e7%bd%ae%e3%82%ac%e3%82%a4%e3%83%89","status":"publish","type":"page","link":"https:\/\/progolas.com\/ja\/%e3%82%b5%e3%83%9d%e3%83%bc%e3%83%88\/%e3%83%97%e3%83%ad%e3%82%b4%e3%83%a9%e3%82%b9-%e3%83%91%e3%83%bc%e3%82%b4%e3%83%a9%e8%a8%ad%e7%bd%ae%e3%82%ac%e3%82%a4%e3%83%89\/","title":{"rendered":"Progolas \u30eb\u30fc\u30d0\u30fc\u30d1\u30fc\u30b4\u30e9\u306e\u8a2d\u7f6e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12755\" class=\"elementor elementor-12755\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cd323f e-flex e-con-boxed e-con e-parent\" data-id=\"7cd323f\" 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-7a23e54 elementor-widget elementor-widget-heading\" data-id=\"7a23e54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Progolas Pergola Installation<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ba331a elementor-widget elementor-widget-text-editor\" data-id=\"3ba331a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Everything you need for a seamless setup.Access step-by-step video guides,downloadable engineering manuals,<\/p><p style=\"text-align: center;\">and professional installation resources for your Progolas outdoor aluminum systems.<\/p>\t\t\t\t\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-f6f48b2 e-flex e-con-boxed e-con e-parent\" data-id=\"f6f48b2\" 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-c924217 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"c924217\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"210911767\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2109117671\" data-tab-title-id=\"e-n-tab-title-2109117671\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2109117671\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tProglos Architect Pro Pergola \u00b7 2117  \t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2109117672\" data-tab-title-id=\"e-n-tab-title-2109117672\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2109117672\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tProgolas PrimeEdge Pergola \u00b7 2015  \t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2109117673\" data-tab-title-id=\"e-n-tab-title-2109117673\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2109117673\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tProgolos ValueMax Pergola \u00b7 2115  \t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2109117674\" data-tab-title-id=\"e-n-tab-title-2109117674\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2109117674\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tProgolas SmartBase Pergola \u00b7 1410\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-2109117671\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2109117671\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-4dcfe0e e-con-full e-flex e-con e-child\" data-id=\"4dcfe0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2028a10 e-flex e-con-boxed e-con e-child\" data-id=\"2028a10\" 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-23cb87f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"23cb87f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"progolas-workflow-section\">\r\n    <div class=\"workflow-container\">\r\n        <div class=\"workflow-header\">\r\n            <h2 class=\"workflow-title\">4-Stage Precision Installation Workflow<\/h2>\r\n            <p class=\"workflow-desc\">Our engineered modular design ensures a quick, rigid, and straightforward assembly process tailored for both professional contractors and DIY builds.<\/p>\r\n        <\/div>\r\n        <div class=\"workflow-grid\">\r\n            <!-- Step 01 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">01<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-ruler-combined\"><\/i><\/div>\r\n                <h3>Ground & Site Preparation<\/h3>\r\n                <p>Verify foundation levelness, accurately layout heavy-duty post anchor positions, and route integrated main electrical conduit lines before structural mounting.<\/p>\r\n            <\/div>\r\n            <!-- Step 02 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">02<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\r\n                <h3>Frame & Beam Assembly<\/h3>\r\n                <p>Lock extruded vertical posts to heavy-duty horizontal gutter beams using precision internal corner connectors and high-grade stainless fasteners.<\/p>\r\n            <\/div>\r\n            <!-- Step 03 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">03<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                <h3>Louver System Insertion<\/h3>\r\n                <p>Clip dual-wall aluminum louvers into smooth drive tracks, align connecting rods, and attach integrated all-weather rubber sealing gaskets for full waterproofing.<\/p>\r\n            <\/div>\r\n            <!-- Step 04 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">04<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                <h3>Motorization & Automation<\/h3>\r\n                <p>Wire the linear actuator motors, synchronize multi-channel RF remotes, configure LED lighting, and calibrate automatic rain-and-wind protection sensors.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FontAwesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .progolas-workflow-section {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        color: #1A1A1A;\r\n        padding: 80px 24px;\r\n        background-color: #FFFFFF;\r\n    }\r\n    .workflow-container {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n    }\r\n    .workflow-header {\r\n        text-align: center;\r\n        margin-bottom: 55px;\r\n    }\r\n    .workflow-title {\r\n        font-size: 2.8rem;\r\n        color: #2D4A3E;\r\n        margin-bottom: 16px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .workflow-desc {\r\n        color: #555555;\r\n        font-size: 1.25rem;\r\n        max-width: 850px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n    .workflow-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 30px;\r\n    }\r\n    .workflow-card {\r\n        background: #F8F9FA;\r\n        border: 1px solid #E2E8F0;\r\n        border-radius: 14px;\r\n        padding: 40px 30px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .workflow-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 12px 30px rgba(45, 74, 62, 0.12);\r\n        border-color: #2D4A3E;\r\n    }\r\n    .workflow-number {\r\n        font-size: 3.2rem;\r\n        font-weight: 800;\r\n        color: rgba(45, 74, 62, 0.15);\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 25px;\r\n        line-height: 1;\r\n    }\r\n    .workflow-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        background: #2D4A3E;\r\n        color: #FFFFFF;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        margin-bottom: 24px;\r\n    }\r\n    .workflow-card h3 {\r\n        font-size: 1.45rem;\r\n        margin-bottom: 14px;\r\n        color: #111111;\r\n        font-weight: 700;\r\n    }\r\n    .workflow-card p {\r\n        font-size: 1.05rem;\r\n        color: #555555;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .workflow-title { font-size: 2.1rem; }\r\n        .workflow-desc { font-size: 1.1rem; }\r\n        .workflow-card h3 { font-size: 1.3rem; }\r\n        .workflow-card p { font-size: 1rem; }\r\n    }\r\n<\/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\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2109117672\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2109117672\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-7ee9cdf e-con-full e-flex e-con e-child\" data-id=\"7ee9cdf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e9ca569 e-flex e-con-boxed e-con e-child\" data-id=\"e9ca569\" 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-1d9048d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1d9048d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"progolas-workflow-section\">\r\n    <div class=\"workflow-container\">\r\n        <div class=\"workflow-header\">\r\n            <h2 class=\"workflow-title\">4-Stage Precision Installation Workflow<\/h2>\r\n            <p class=\"workflow-desc\">Our Electric Freestanding Aluminum Pergola engineered modular design ensures a quick, rigid, and straightforward assembly process tailored for both professional contractors and DIY builds. Safety first: Follow the manufacturer\u2019s drawings and local building codes. Electrical work must be completed by a qualified electrician.<\/p>\r\n        <\/div>\r\n        <div class=\"workflow-grid\">\r\n            <!-- Step 01 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">01<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-ruler-combined\"><\/i><\/div>\r\n                <h3>Prepare the Foundation and Install the posts<\/h3>\r\n                <p>Install the pergola on a stable, level foundation. Mark the anchor positions, attach the base plates, and raise the four posts. Check that the posts are plumb and correctly aligned before tightening the anchors.<\/p>\r\n            <\/div>\r\n            <!-- Step 02 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">02<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\r\n                <h3>Assemble the Frame and Roof<\/h3>\r\n                <p>Install the main beams, corner connectors, gutters, seals, and downspouts. Check that the frame is level and square. Then install the motorized louvers or roof panels according to the manufacturer\u2019s drawings.<\/p>\r\n            <\/div>\r\n            <!-- Step 03 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">03<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                <h3>Install the Motor and Electrical System<\/h3>\r\n                <p>Mount the motor and connect the drive mechanism. Install the control box in a dry location and connect the motor, controller, sensors, and power supply according to the wiring diagram. All electrical connections must be inspected by a qualified electrician.<\/p>\r\n            <\/div>\r\n            <!-- Step 04 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">04<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                <h3>Test and Complete the Installation<\/h3>\r\n                <p>Pair the remote control or wall switch, then slowly open and close the roof. Check the movement, lighting, sensors, fasteners, seals, gutters, and drainage. Test for leaks with clean water and do not use the pergola until all components operate safely.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FontAwesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .progolas-workflow-section {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        color: #1A1A1A;\r\n        padding: 80px 24px;\r\n        background-color: #FFFFFF;\r\n    }\r\n    .workflow-container {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n    }\r\n    .workflow-header {\r\n        text-align: center;\r\n        margin-bottom: 55px;\r\n    }\r\n    .workflow-title {\r\n        font-size: 2.8rem;\r\n        color: #2D4A3E;\r\n        margin-bottom: 16px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .workflow-desc {\r\n        color: #555555;\r\n        font-size: 1.25rem;\r\n        max-width: 850px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n    .workflow-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 30px;\r\n    }\r\n    .workflow-card {\r\n        background: #F8F9FA;\r\n        border: 1px solid #E2E8F0;\r\n        border-radius: 14px;\r\n        padding: 40px 30px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .workflow-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 12px 30px rgba(45, 74, 62, 0.12);\r\n        border-color: #2D4A3E;\r\n    }\r\n    .workflow-number {\r\n        font-size: 3.2rem;\r\n        font-weight: 800;\r\n        color: rgba(45, 74, 62, 0.15);\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 25px;\r\n        line-height: 1;\r\n    }\r\n    .workflow-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        background: #2D4A3E;\r\n        color: #FFFFFF;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        margin-bottom: 24px;\r\n    }\r\n    .workflow-card h3 {\r\n        font-size: 1.45rem;\r\n        margin-bottom: 14px;\r\n        color: #111111;\r\n        font-weight: 700;\r\n    }\r\n    .workflow-card p {\r\n        font-size: 1.05rem;\r\n        color: #555555;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .workflow-title { font-size: 2.1rem; }\r\n        .workflow-desc { font-size: 1.1rem; }\r\n        .workflow-card h3 { font-size: 1.3rem; }\r\n        .workflow-card p { font-size: 1rem; }\r\n    }\r\n<\/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\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2109117673\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2109117673\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-8154f16 e-con-full e-flex e-con e-child\" data-id=\"8154f16\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1b4e97d e-flex e-con-boxed e-con e-child\" data-id=\"1b4e97d\" 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-80f45b0 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"80f45b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"progolas-workflow-section\">\r\n    <div class=\"workflow-container\">\r\n        <div class=\"workflow-header\">\r\n            <h2 class=\"workflow-title\">4-Stage Wall-Mounted Manual Aluminum PergolaPrecision Installation Workflow<\/h2>\r\n            <p class=\"workflow-desc\">Safety first: Follow the manufacturer\u2019s drawings and local building codes. The wall and foundation must be strong enough to support the pergola and local wind or snow loads.<\/p>\r\n        <\/div>\r\n        <div class=\"workflow-grid\">\r\n            <!-- Step 01 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">01<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-ruler-combined\"><\/i><\/div>\r\n                <h3>Prepare the Wall and Foundation<\/h3>\r\n                <p>Check that the mounting wall is solid, level, and suitable for anchoring. Confirm the pergola dimensions, mounting height, post positions, drainage direction, and anchor locations. Mark the fixing points and make sure no hidden pipes or cables are located where you will drill.<\/p>\r\n            <\/div>\r\n            <!-- Step 02 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">02<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\r\n                <h3> Install the Wall Beam and Posts<\/h3>\r\n                <p>Secure the wall beam to the building using the specified anchors and fasteners. Install the front posts, base plates, and support beams. Check that the structure is level, square, and properly aligned before fully tightening all fasteners.<\/p>\r\n            <\/div>\r\n            <!-- Step 03 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">03<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                <h3> Install the Manual Roof Louvers<\/h3>\r\n                <p>Install the louver brackets, pivot pins, and manual opening mechanism according to the assembly drawings. Fit the aluminum louvers in the correct order and check that they open and close smoothly without rubbing or binding.<\/p>\r\n            <\/div>\r\n            <!-- Step 04 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">04<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                <h3>Install Drainage and Complete the Inspection<\/h3>\r\n                <p>Install the gutters, downspouts, seals, end caps, and trim covers. Make sure rainwater flows away from the wall and foundation. Check all bolts, anchors, louvers, and moving parts, then test the roof manually and perform a water test for leaks.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FontAwesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .progolas-workflow-section {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        color: #1A1A1A;\r\n        padding: 80px 24px;\r\n        background-color: #FFFFFF;\r\n    }\r\n    .workflow-container {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n    }\r\n    .workflow-header {\r\n        text-align: center;\r\n        margin-bottom: 55px;\r\n    }\r\n    .workflow-title {\r\n        font-size: 2.8rem;\r\n        color: #2D4A3E;\r\n        margin-bottom: 16px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .workflow-desc {\r\n        color: #555555;\r\n        font-size: 1.25rem;\r\n        max-width: 850px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n    .workflow-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 30px;\r\n    }\r\n    .workflow-card {\r\n        background: #F8F9FA;\r\n        border: 1px solid #E2E8F0;\r\n        border-radius: 14px;\r\n        padding: 40px 30px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .workflow-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 12px 30px rgba(45, 74, 62, 0.12);\r\n        border-color: #2D4A3E;\r\n    }\r\n    .workflow-number {\r\n        font-size: 3.2rem;\r\n        font-weight: 800;\r\n        color: rgba(45, 74, 62, 0.15);\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 25px;\r\n        line-height: 1;\r\n    }\r\n    .workflow-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        background: #2D4A3E;\r\n        color: #FFFFFF;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        margin-bottom: 24px;\r\n    }\r\n    .workflow-card h3 {\r\n        font-size: 1.45rem;\r\n        margin-bottom: 14px;\r\n        color: #111111;\r\n        font-weight: 700;\r\n    }\r\n    .workflow-card p {\r\n        font-size: 1.05rem;\r\n        color: #555555;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .workflow-title { font-size: 2.1rem; }\r\n        .workflow-desc { font-size: 1.1rem; }\r\n        .workflow-card h3 { font-size: 1.3rem; }\r\n        .workflow-card p { font-size: 1rem; }\r\n    }\r\n<\/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\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2109117674\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2109117674\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-9cbff9c e-flex e-con-boxed e-con e-child\" data-id=\"9cbff9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-301c355 e-con-full e-flex e-con e-child\" data-id=\"301c355\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1919cb5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1919cb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"progolas-workflow-section\">\r\n    <div class=\"workflow-container\">\r\n        <div class=\"workflow-header\">\r\n            <h2 class=\"workflow-title\">4-Stage Precision Installation Workflow<\/h2>\r\n            <p class=\"workflow-desc\">Freestanding Aluminum Pavilion\r\nInstallation Guide for Outdoor Restaurants and Hotels<\/p>\r\n        <\/div>\r\n        <div class=\"workflow-grid\">\r\n            <!-- Step 01 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">01<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-ruler-combined\"><\/i><\/div>\r\n                <h3>Prepare the Foundation and Set the Six Posts<\/h3>\r\n                <p>Confirm the pavilion layout, finished dimensions, drainage direction, and service access. Mark the six post positions and verify that the foundation is level, stable, and strong enough for commercial use. Install the base plates and anchors, then raise the six aluminum posts. Check that all posts are plumb, evenly spaced, and correctly aligned before tightening the anchors.<\/p>\r\n            <\/div>\r\n            <!-- Step 02 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">02<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\r\n                <h3> Assemble the Main Frame<\/h3>\r\n                <p>Install the perimeter beams, cross beams, corner connectors, and reinforcement members according to the assembly drawings. Check that the six-post frame is level, square, and stable. Install all structural fasteners and tighten them to the manufacturer\u2019s specified torque. Do not modify the frame or remove required reinforcement members.<\/p>\r\n            <\/div>\r\n            <!-- Step 03 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">03<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                <h3> Install the Roof and Drainage System<\/h3>\r\n                <p>Install the roof panels or louvers, support brackets, seals, gutters, downspouts, and end caps. Confirm that the roof components open or close smoothly if the pavilion has adjustable louvers. Make sure rainwater is directed away from dining areas, entrances, building walls, and the foundation.<\/p>\r\n            <\/div>\r\n            <!-- Step 04 -->\r\n            <div class=\"workflow-card\">\r\n                <span class=\"workflow-number\">04<\/span>\r\n                <div class=\"workflow-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                <h3>Complete the Commercial Safety Inspection<\/h3>\r\n                <p>Check all anchors, beams, posts, roof components, fasteners, seals, and drainage outlets. Test the roof operation if applicable and perform a water test for leaks. Confirm that the pavilion does not obstruct emergency routes, accessible paths, restaurant seating circulation, or hotel entrances. Clean the work area and complete the final inspection before opening the space to guests.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FontAwesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .progolas-workflow-section {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        color: #1A1A1A;\r\n        padding: 80px 24px;\r\n        background-color: #FFFFFF;\r\n    }\r\n    .workflow-container {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n    }\r\n    .workflow-header {\r\n        text-align: center;\r\n        margin-bottom: 55px;\r\n    }\r\n    .workflow-title {\r\n        font-size: 2.8rem;\r\n        color: #2D4A3E;\r\n        margin-bottom: 16px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .workflow-desc {\r\n        color: #555555;\r\n        font-size: 1.25rem;\r\n        max-width: 850px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n    .workflow-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 30px;\r\n    }\r\n    .workflow-card {\r\n        background: #F8F9FA;\r\n        border: 1px solid #E2E8F0;\r\n        border-radius: 14px;\r\n        padding: 40px 30px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .workflow-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 12px 30px rgba(45, 74, 62, 0.12);\r\n        border-color: #2D4A3E;\r\n    }\r\n    .workflow-number {\r\n        font-size: 3.2rem;\r\n        font-weight: 800;\r\n        color: rgba(45, 74, 62, 0.15);\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 25px;\r\n        line-height: 1;\r\n    }\r\n    .workflow-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        background: #2D4A3E;\r\n        color: #FFFFFF;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        margin-bottom: 24px;\r\n    }\r\n    .workflow-card h3 {\r\n        font-size: 1.45rem;\r\n        margin-bottom: 14px;\r\n        color: #111111;\r\n        font-weight: 700;\r\n    }\r\n    .workflow-card p {\r\n        font-size: 1.05rem;\r\n        color: #555555;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .workflow-title { font-size: 2.1rem; }\r\n        .workflow-desc { font-size: 1.1rem; }\r\n        .workflow-card h3 { font-size: 1.3rem; }\r\n        .workflow-card p { font-size: 1rem; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\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\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-0ad6244 e-flex e-con-boxed e-con e-parent\" data-id=\"0ad6244\" 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-928993d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"928993d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"progolas-checklist-section\">\r\n    <div class=\"checklist-container\">\r\n        \r\n        <!-- Box 1: Foundation Requirements -->\r\n        <div class=\"checklist-card\">\r\n            <div class=\"checklist-header\">\r\n                <div class=\"header-icon\"><i class=\"fa-solid fa-cubes-stacked\"><\/i><\/div>\r\n                <h2>Foundation Requirements<\/h2>\r\n            <\/div>\r\n            <ul class=\"checklist-items status-check\">\r\n                <li>\r\n                    <strong>Solid Concrete Pad:<\/strong> Minimum 150mm (6 inches) depth reinforced concrete or direct footing posts.\r\n                <\/li>\r\n                <li>\r\n                    <strong>Deck Reinforcement:<\/strong> Timber decks must have structural joist blocking directly under post anchor plates.\r\n                <\/li>\r\n                <li>\r\n                    <strong>Level Tolerance:<\/strong> Maximum ground slope of 1% to ensure proper internal gutter water evacuation.\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Box 2: Tools Required for Assembly -->\r\n        <div class=\"checklist-card\">\r\n            <div class=\"checklist-header\">\r\n                <div class=\"header-icon\"><i class=\"fa-solid fa-toolbox\"><\/i><\/div>\r\n                <h2>Tools Required for Assembly<\/h2>\r\n            <\/div>\r\n            <ul class=\"checklist-items status-tick\">\r\n                <li>Cordless impact driver & Allen key metric bit set.<\/li>\r\n                <li>Digital laser level & 5-meter measuring tape.<\/li>\r\n                <li>Two sturdy A-frame step ladders (Minimum 2 people required).<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FontAwesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .progolas-checklist-section {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        color: #1A1A1A;\r\n        padding: 40px 20px;\r\n        background-color: #FFFFFF;\r\n    }\r\n    .checklist-container {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n    .checklist-card {\r\n        background: #F8F9FA;\r\n        border: 1px solid #E2E8F0;\r\n        border-radius: 16px;\r\n        padding: 35px 40px;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\r\n    }\r\n    .checklist-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        margin-bottom: 28px;\r\n    }\r\n    .header-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: #EAEFEF;\r\n        color: #2D4A3E;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.3rem;\r\n    }\r\n    .checklist-header h2 {\r\n        font-size: 1.6rem;\r\n        color: #111111;\r\n        font-weight: 700;\r\n        margin: 0;\r\n    }\r\n    .checklist-items {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n    }\r\n    .checklist-items li {\r\n        position: relative;\r\n        padding-left: 36px;\r\n        font-size: 1.1rem;\r\n        color: #4A5568;\r\n        line-height: 1.6;\r\n    }\r\n    .checklist-items li strong {\r\n        color: #1A202C;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Green Solid Check Icon for Box 1 *\/\r\n    .status-check li::before {\r\n        content: \"\\f058\"; \/* FontAwesome circle-check *\/\r\n        font-family: \"Font Awesome 6 Free\";\r\n        font-weight: 900;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 2px;\r\n        color: #2D4A3E;\r\n        font-size: 1.25rem;\r\n    }\r\n\r\n    \/* Orange Tick Icon for Box 2 *\/\r\n    .status-tick li::before {\r\n        content: \"\\f00c\"; \/* FontAwesome check tick *\/\r\n        font-family: \"Font Awesome 6 Free\";\r\n        font-weight: 900;\r\n        position: absolute;\r\n        left: 2px;\r\n        top: 2px;\r\n        color: #D4AF37;\r\n        font-size: 1.15rem;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .checklist-card { padding: 25px 20px; }\r\n        .checklist-header h2 { font-size: 1.35rem; }\r\n        .checklist-items li { font-size: 1rem; padding-left: 30px; }\r\n    }\r\n<\/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-dd46446 e-flex e-con-boxed e-con e-parent\" data-id=\"dd46446\" 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-027005b elementor-widget elementor-widget-heading\" data-id=\"027005b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Video Tutorials<br><\/h2>\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-ce4c8d3 e-flex e-con-boxed e-con e-parent\" data-id=\"ce4c8d3\" 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-f9958b7 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"f9958b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div data-kingsway-video-list-extend=\"28045\" data-video-list-extend-type=\"swiper\" data-width=\"100%\"><\/div>\n<script>\nvar p_tag = document.createElement('script');\np_tag.type = 'text\/javascript';\np_tag.defer = true;\np_tag.charset = 'utf-8';\np_tag.src = 'https:\/\/websdk.kingswayvideo.com\/video-widgets\/latest\/video-widgets.min.js';\ndocument.getElementsByTagName('head')[0].appendChild(p_tag);\n<\/script><\/div>\n\t\t\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-9b9093b e-flex e-con-boxed e-con e-parent\" data-id=\"9b9093b\" 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-4c2047b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4c2047b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"progolas-faq-section\">\r\n    <div class=\"faq-container\">\r\n        <div class=\"faq-header\">\r\n            <span class=\"faq-subtitle\">FREQUENTLY ASKED QUESTIONS<\/span>\r\n            <h2 class=\"faq-title\">Installation & Technical Support FAQs<\/h2>\r\n            <p class=\"faq-desc\">Find quick answers to common installation questions, site requirements, and technical setups.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-accordion\">\r\n            <!-- FAQ Item 01 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span>How many people are required for the installation, and how long does it take?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-arrow\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>For standard sizes (e.g., 3x3m or 3x4m), we recommend a team of <strong>2 to 3 adults<\/strong>. On average, a complete installation takes approximately <strong>4 to 6 hours<\/strong>, depending on site preparation and experience level.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ Item 02 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span>Can I install a Progolas\u00ae aluminum pergola on an existing wooden deck?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-arrow\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes, but the timber deck must have structural joist blocking directly beneath the post anchor plates to support the dynamic load and wind forces. Mounting directly onto hollow deck boards without joist support is not recommended.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ Item 03 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span>What should I do if my ground surface is not completely level?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-arrow\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Minor slope (up to 1%) is acceptable and even beneficial for gutter drainage. For uneven surfaces exceeding 1%, you must use leveling shims under the post base plates or pour localized concrete pads to establish a perfectly level foundation before mounting the posts.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ Item 04 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span>How does the integrated gutter and drainage system handle heavy rain?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-arrow\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Each Progolas\u00ae louver features engineered internal channels that direct rainwater into the surrounding main gutter beams. The water then drains vertically down through the hollow interior of designated corner posts, discharging at ground level without visible downspouts.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ Item 05 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span>Is electrical hardwiring required for motorized louvers and LED lighting?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-arrow\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Progolas\u00ae motorized systems operate on standard 110V\u2013240V AC power. The motor comes with a standard plug-and-play power cord, but we recommend hiring a certified electrician to install an outdoor-rated IP67 waterproof junction box near the motor post for a clean, permanent setup.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FontAwesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .progolas-faq-section {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        padding: 60px 20px;\r\n        background-color: #FFFFFF;\r\n        color: #1A1A1A;\r\n    }\r\n    .faq-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n    .faq-header {\r\n        text-align: center;\r\n        margin-bottom: 45px;\r\n    }\r\n    .faq-subtitle {\r\n        display: block;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        color: #2D4A3E;\r\n        margin-bottom: 10px;\r\n    }\r\n    .faq-title {\r\n        font-size: 2.3rem;\r\n        font-weight: 800;\r\n        color: #111111;\r\n        margin-bottom: 14px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .faq-desc {\r\n        font-size: 1.1rem;\r\n        color: #666666;\r\n    }\r\n    .faq-accordion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n    .faq-item {\r\n        background: #F8F9FA;\r\n        border: 1px solid #E2E8F0;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .faq-item:hover {\r\n        border-color: #2D4A3E;\r\n    }\r\n    .faq-question {\r\n        width: 100%;\r\n        background: none;\r\n        border: none;\r\n        padding: 22px 24px;\r\n        text-align: left;\r\n        font-size: 1.15rem;\r\n        font-weight: 700;\r\n        color: #1A202C;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        gap: 20px;\r\n    }\r\n    .faq-arrow {\r\n        font-size: 0.9rem;\r\n        color: #2D4A3E;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    .faq-item.active .faq-arrow {\r\n        transform: rotate(180deg);\r\n    }\r\n    .faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.3s ease-out, padding 0.3s ease;\r\n        padding: 0 24px;\r\n        font-size: 1.02rem;\r\n        color: #4A5568;\r\n        line-height: 1.65;\r\n    }\r\n    .faq-item.active .faq-answer {\r\n        max-height: 200px;\r\n        padding: 0 24px 22px 24px;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .faq-title { font-size: 1.8rem; }\r\n        .faq-question { font-size: 1.05rem; padding: 18px 20px; }\r\n        .faq-answer { padding: 0 20px; }\r\n        .faq-item.active .faq-answer { padding: 0 20px 18px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ Simple interactive accordion logic\r\n    document.querySelectorAll('.faq-question').forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const currentItem = button.parentElement;\r\n            \r\n            \/\/ Optional: Close other open items\r\n            document.querySelectorAll('.faq-item').forEach(item => {\r\n                if (item !== currentItem) {\r\n                    item.classList.remove('active');\r\n                }\r\n            });\r\n            \r\n            \/\/ Toggle active state for clicked item\r\n            currentItem.classList.toggle('active');\r\n        });\r\n    });\r\n<\/script>\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-154d2f4 e-flex e-con-boxed e-con e-parent\" data-id=\"154d2f4\" 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-160f9b8 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"160f9b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"progolas-cta-wrapper\">\r\n    <div class=\"progolas-cta-box\">\r\n        <!-- Top Small Tag -->\r\n        <div class=\"cta-tag\">\r\n            <i class=\"fa-solid fa-headset\"><\/i> EXPERT ENGINEERING SUPPORT\r\n        <\/div>\r\n        \r\n        <!-- Main Heading -->\r\n        <h2 class=\"cta-heading\">Ready to Elevate Your Next Commercial Project?<\/h2>\r\n        \r\n        <!-- Description -->\r\n        <p class=\"cta-description\">\r\n            Partner with Progolas\u00ae to access bespoke CAD drawings, wind-load engineering certificates, and dedicated B2B project consultation.\r\n        <\/p>\r\n        \r\n        <!-- Action Buttons -->\r\n        <div class=\"cta-action-buttons\">\r\n            <a href=\"\/contact-us\/\" class=\"cta-btn cta-btn-gold\">\r\n                <span>Connect With Engineers<\/span>\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n            <a href=\"\/resources\/specs\/\" class=\"cta-btn cta-btn-outline\">\r\n                <span>Download Tech Specs<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FontAwesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* Force 100% full width *\/\r\n    .progolas-cta-wrapper {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        padding: 60px 0;\r\n        background-color: transparent;\r\n        width: 100%;\r\n    }\r\n    .progolas-cta-box {\r\n        width: 100%;\r\n        max-width: 100%; \/* Removes max width restriction for edge-to-edge look *\/\r\n        margin: 0 auto;\r\n        background: linear-gradient(135deg, #1B3028 0%, #12221C 100%);\r\n        border: 1px solid rgba(212, 175, 55, 0.2);\r\n        border-radius: 20px;\r\n        padding: 65px 30px;\r\n        text-align: center;\r\n        color: #FFFFFF;\r\n        box-shadow: 0 16px 40px rgba(18, 34, 28, 0.25);\r\n        box-sizing: border-box;\r\n    }\r\n    .cta-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        color: #E6C200; \/* Enhanced brightness for top tag *\/\r\n        background: rgba(212, 175, 55, 0.15);\r\n        padding: 8px 18px;\r\n        border-radius: 50px;\r\n        margin-bottom: 20px;\r\n        text-transform: uppercase;\r\n    }\r\n    .cta-heading {\r\n        font-size: 2.6rem;\r\n        font-weight: 800;\r\n        color: #FFFFFF;\r\n        margin-bottom: 16px;\r\n        line-height: 1.25;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .cta-description {\r\n        font-size: 1.15rem;\r\n        color: #CBD5E0;\r\n        max-width: 750px;\r\n        margin: 0 auto 35px;\r\n        line-height: 1.6;\r\n    }\r\n    .cta-action-buttons {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 16px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .cta-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        padding: 16px 32px;\r\n        border-radius: 12px;\r\n        font-size: 1.05rem;\r\n        font-weight: 800; \/* Bolder font *\/\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* Fixed Gold Button Text Contrast *\/\r\n    .cta-btn-gold {\r\n        background-color: #D4AF37;\r\n        color: #0F1715 !important; \/* High-contrast dark text *\/\r\n        box-shadow: 0 6px 20px rgba(212, 175, 55, 0.3);\r\n    }\r\n    .cta-btn-gold span, \r\n    .cta-btn-gold i {\r\n        color: #0F1715 !important; \/* Force dark text & icon *\/\r\n    }\r\n    .cta-btn-gold:hover {\r\n        background-color: #E5BE3B;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\r\n    }\r\n\r\n    \/* Secondary Button Specs *\/\r\n    .cta-btn-outline {\r\n        background-color: rgba(255, 255, 255, 0.08);\r\n        color: #FFFFFF !important;\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n    }\r\n    .cta-btn-outline span {\r\n        color: #FFFFFF !important;\r\n    }\r\n    .cta-btn-outline:hover {\r\n        background-color: rgba(255, 255, 255, 0.18);\r\n        border-color: #FFFFFF;\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .progolas-cta-box { padding: 45px 20px; }\r\n        .cta-heading { font-size: 1.9rem; }\r\n        .cta-description { font-size: 1rem; }\r\n        .cta-action-buttons { flex-direction: column; width: 100%; }\r\n        .cta-btn { width: 100%; }\r\n    }\r\n<\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Progolas Pergola Installation Everything you need for a seamless setup.Access step-by-step video guides,downloadable engineering manuals, and professional installation resources for your Progolas outdoor aluminum systems. Proglos Architect Pro Pergola \u00b7 2117 Progolas PrimeEdge Pergola \u00b7 2015 Progolos ValueMax Pergola \u00b7 2115 Progolas SmartBase Pergola \u00b7 1410 4-Stage Precision Installation Workflow Our engineered modular design ensures a quick, rigid, and straightforward assembly process tailored for both professional contractors and DIY builds. 01 Ground &#038; Site Preparation Verify foundation levelness, accurately layout heavy-duty post anchor positions, and route integrated main electrical conduit lines before structural mounting. 02 Frame &#038; Beam Assembly Lock extruded vertical posts to heavy-duty horizontal gutter beams using precision [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12807,"parent":2653,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12755","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/pages\/12755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/comments?post=12755"}],"version-history":[{"count":47,"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/pages\/12755\/revisions"}],"predecessor-version":[{"id":12805,"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/pages\/12755\/revisions\/12805"}],"up":[{"embeddable":true,"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/pages\/2653"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/media\/12807"}],"wp:attachment":[{"href":"https:\/\/progolas.com\/ja\/wp-json\/wp\/v2\/media?parent=12755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}