{"id":2024,"date":"2026-04-22T03:18:04","date_gmt":"2026-04-22T03:18:04","guid":{"rendered":"https:\/\/oceanstarhouse.com\/home\/"},"modified":"2026-06-18T05:25:46","modified_gmt":"2026-06-18T05:25:46","slug":"home","status":"publish","type":"page","link":"https:\/\/oceanstarhouse.com\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2024\" class=\"elementor elementor-2024\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9878f6c e-con-full e-flex e-con e-parent\" data-id=\"9878f6c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-43bc15f e-flex e-con-boxed e-con e-child\" data-id=\"43bc15f\" 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-3f02a5c elementor-widget elementor-widget-heading\" data-id=\"3f02a5c\" 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<h4 class=\"elementor-heading-title elementor-size-default\">CUSTOMIZABLE MODULAR HOUSING<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-991e0bc elementor-widget elementor-widget-heading\" data-id=\"991e0bc\" 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\">MODULAR HOUSE <br>FOR PROJECTS &amp; LIVING<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87f7d84 elementor-widget elementor-widget-heading\" data-id=\"87f7d84\" 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<h5 class=\"elementor-heading-title elementor-size-default\">APPLICATIONS:<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e8b07 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"22e8b07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-bullseye\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Residential Living<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-bullseye\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Office &amp; Camp Use<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-bullseye\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Custom Project Solutions<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-850ed11 elementor-widget elementor-widget-button\" data-id=\"850ed11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SEND INQUIRY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ed0544 e-con-full e-flex e-con e-parent\" data-id=\"7ed0544\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c2952a elementor-widget elementor-widget-shortcode\" data-id=\"3c2952a\" 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\">\n    <section id=\"osh-gon-181769\" class=\"osh-gon-section\">\n        <div class=\"osh-gon-inner\">\n\n            <div class=\"osh-gon-stage\">\n                <div class=\"osh-gon-map-wrap\">\n                    <div class=\"osh-gon-map-field\">\n                        <div id=\"osh-gon-181769-map\" class=\"osh-gon-map\"><\/div>\n\n                        <svg class=\"osh-gon-routes\" viewBox=\"0 0 1000 540\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\n                            <defs>\n                                <linearGradient id=\"osh-gon-181769-route-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                                    <stop offset=\"0%\" stop-color=\"#ba8a45\" stop-opacity=\".06\"><\/stop>\n                                    <stop offset=\"46%\" stop-color=\"#7b92a1\" stop-opacity=\".46\"><\/stop>\n                                    <stop offset=\"100%\" stop-color=\"#ba8a45\" stop-opacity=\".9\"><\/stop>\n                                <\/linearGradient>\n\n                                <radialGradient id=\"osh-gon-181769-hub-glow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n                                    <stop offset=\"0%\" stop-color=\"#ba8a45\" stop-opacity=\".9\"><\/stop>\n                                    <stop offset=\"48%\" stop-color=\"#ba8a45\" stop-opacity=\".24\"><\/stop>\n                                    <stop offset=\"100%\" stop-color=\"#ba8a45\" stop-opacity=\"0\"><\/stop>\n                                <\/radialGradient>\n                            <\/defs>\n\n                            <circle class=\"osh-gon-hub-glow\" cx=\"708\" cy=\"236\" r=\"42\" fill=\"url(#osh-gon-181769-hub-glow)\"><\/circle>\n                            <circle class=\"osh-gon-hub-ring\" cx=\"708\" cy=\"236\" r=\"13\"><\/circle>\n                            <circle class=\"osh-gon-hub-dot\" cx=\"708\" cy=\"236\" r=\"5\"><\/circle>\n\n                            <path id=\"osh-gon-181769-na\" class=\"osh-gon-route r1\" d=\"M708,236 C602,122 356,110 182,176\"><\/path>\n                            <path id=\"osh-gon-181769-sa\" class=\"osh-gon-route r2\" d=\"M708,236 C574,255 390,305 300,394\"><\/path>\n                            <path id=\"osh-gon-181769-eu\" class=\"osh-gon-route r3\" d=\"M708,236 C650,145 560,132 495,176\"><\/path>\n                            <path id=\"osh-gon-181769-ru\" class=\"osh-gon-route r4\" d=\"M708,236 C676,190 624,166 565,150\"><\/path>\n                            <path id=\"osh-gon-181769-me\" class=\"osh-gon-route r5\" d=\"M708,236 C668,235 624,244 588,268\"><\/path>\n                            <path id=\"osh-gon-181769-af\" class=\"osh-gon-route r6\" d=\"M708,236 C648,280 590,332 544,406\"><\/path>\n                            <path id=\"osh-gon-181769-sea\" class=\"osh-gon-route r7\" d=\"M708,236 C722,255 738,283 754,317\"><\/path>\n                            <path id=\"osh-gon-181769-au\" class=\"osh-gon-route r8\" d=\"M708,236 C766,278 812,330 848,418\"><\/path>\n\n                            <circle class=\"osh-gon-cargo\" r=\"3\">\n                                <animateMotion dur=\"5.1s\" repeatCount=\"indefinite\" begin=\"0s\">\n                                    <mpath href=\"#osh-gon-181769-na\" xlink:href=\"#osh-gon-181769-na\"><\/mpath>\n                                <\/animateMotion>\n                            <\/circle>\n\n                            <circle class=\"osh-gon-cargo\" r=\"3\">\n                                <animateMotion dur=\"5.6s\" repeatCount=\"indefinite\" begin=\".45s\">\n                                    <mpath href=\"#osh-gon-181769-sa\" xlink:href=\"#osh-gon-181769-sa\"><\/mpath>\n                                <\/animateMotion>\n                            <\/circle>\n\n                            <circle class=\"osh-gon-cargo\" r=\"3\">\n                                <animateMotion dur=\"4.2s\" repeatCount=\"indefinite\" begin=\".8s\">\n                                    <mpath href=\"#osh-gon-181769-eu\" xlink:href=\"#osh-gon-181769-eu\"><\/mpath>\n                                <\/animateMotion>\n                            <\/circle>\n\n                            <circle class=\"osh-gon-cargo\" r=\"3\">\n                                <animateMotion dur=\"3.6s\" repeatCount=\"indefinite\" begin=\"1.15s\">\n                                    <mpath href=\"#osh-gon-181769-me\" xlink:href=\"#osh-gon-181769-me\"><\/mpath>\n                                <\/animateMotion>\n                            <\/circle>\n\n                            <circle class=\"osh-gon-destination\" cx=\"182\" cy=\"176\" r=\"4\"><\/circle>\n                            <circle class=\"osh-gon-destination\" cx=\"300\" cy=\"394\" r=\"4\"><\/circle>\n                            <circle class=\"osh-gon-destination\" cx=\"495\" cy=\"176\" r=\"4\"><\/circle>\n                            <circle class=\"osh-gon-destination\" cx=\"565\" cy=\"150\" r=\"4\"><\/circle>\n                            <circle class=\"osh-gon-destination\" cx=\"588\" cy=\"268\" r=\"4\"><\/circle>\n                            <circle class=\"osh-gon-destination\" cx=\"544\" cy=\"406\" r=\"4\"><\/circle>\n                            <circle class=\"osh-gon-destination\" cx=\"754\" cy=\"317\" r=\"4\"><\/circle>\n                            <circle class=\"osh-gon-destination\" cx=\"848\" cy=\"418\" r=\"4\"><\/circle>\n                        <\/svg>\n\n                        <div class=\"osh-gon-pin pin-cn\"><span>Origin<\/span>China Supply Hub<\/div>\n                        <div class=\"osh-gon-pin pin-na\"><span>USA<\/span>North America<\/div>\n                        <div class=\"osh-gon-pin pin-eu\"><span>Gateway<\/span>Europe<\/div>\n                        <div class=\"osh-gon-pin pin-me\"><span>Gulf Hub<\/span>Middle East<\/div>\n                        <div class=\"osh-gon-pin pin-sea\"><span>Singapore<\/span>Southeast Asia<\/div>\n\n                        <div class=\"osh-gon-pin osh-gon-pin-soft pin-sa\"><span>Brazil<\/span>South America<\/div>\n                        <div class=\"osh-gon-pin osh-gon-pin-soft pin-af\"><span>South Africa<\/span>Africa<\/div>\n                        <div class=\"osh-gon-pin osh-gon-pin-soft pin-au\"><span>Australia<\/span>Oceania<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"osh-gon-market-panel\">\n                    <div class=\"osh-gon-panel-title\">\n                        <span>Market Network<\/span>\n                        <strong>Regional buyer support<\/strong>\n                    <\/div>\n\n                    <div class=\"osh-gon-market-list\">\n                        <div>\n                            <em>01<\/em>\n                            <div>\n                                <strong>North America<\/strong>\n                                <span>U.S. distribution, wholesale, and project procurement buyers.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <em>02<\/em>\n                            <div>\n                                <strong>Europe<\/strong>\n                                <span>Importers, trade partners, and regional purchasing teams.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <em>03<\/em>\n                            <div>\n                                <strong>Middle East<\/strong>\n                                <span>Construction, infrastructure, and industrial supply demand.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <em>04<\/em>\n                            <div>\n                                <strong>Southeast Asia<\/strong>\n                                <span>Regional distributors, contractors, and flexible procurement buyers.<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"osh-gon-panel-note\">\n                        <span>Extended Reach<\/span>\n                        South America \u00b7 Africa \u00b7 Oceania\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"osh-gon-flow\">\n                <div class=\"osh-gon-flow-head\">\n                    <span>Export Operating Flow<\/span>\n                    <strong>From buyer requirement to delivery response<\/strong>\n                <\/div>\n\n                <div class=\"osh-gon-flow-track\">\n                    <div class=\"osh-gon-flow-step\">\n                        <div class=\"osh-gon-flow-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M7 4.5H17C18.1 4.5 19 5.4 19 6.5V19.5H5V6.5C5 5.4 5.9 4.5 7 4.5Z\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/path>\n                                <path d=\"M8 9H16\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path>\n                                <path d=\"M8 12.5H15\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path>\n                                <path d=\"M8 16H13\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <strong>Requirement Alignment<\/strong>\n                        <p>Confirm product scope, specifications, order timing, and buyer expectations.<\/p>\n                    <\/div>\n\n                    <div class=\"osh-gon-flow-step\">\n                        <div class=\"osh-gon-flow-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M12 4L20 8L12 12L4 8L12 4Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M4 12L12 16L20 12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M4 16L12 20L20 16\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <strong>Supply Coordination<\/strong>\n                        <p>Organize production resources, availability, and export execution planning.<\/p>\n                    <\/div>\n\n                    <div class=\"osh-gon-flow-step\">\n                        <div class=\"osh-gon-flow-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M4 7H14V16H4V7Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M14 10H18L21 13V16H14V10Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M7 19C8.1 19 9 18.1 9 17C9 15.9 8.1 15 7 15C5.9 15 5 15.9 5 17C5 18.1 5.9 19 7 19Z\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/path>\n                                <path d=\"M18 19C19.1 19 20 18.1 20 17C20 15.9 19.1 15 18 15C16.9 15 16 15.9 16 17C16 18.1 16.9 19 18 19Z\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <strong>Export Handling<\/strong>\n                        <p>Support documentation, shipment communication, and delivery follow-up.<\/p>\n                    <\/div>\n\n                    <div class=\"osh-gon-flow-step\">\n                        <div class=\"osh-gon-flow-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M12 5C8.7 5 6 7.4 6 10.5V13.5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path>\n                                <path d=\"M18 13.5V10.5C18 7.4 15.3 5 12 5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path>\n                                <path d=\"M6 13H8V17H6C5.4 17 5 16.6 5 16V14C5 13.4 5.4 13 6 13Z\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/path>\n                                <path d=\"M18 13H16V17H18C18.6 17 19 16.6 19 16V14C19 13.4 18.6 13 18 13Z\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/path>\n                                <path d=\"M9.5 19H12.5C15 19 16 17.8 16 16.5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <strong>Market Support<\/strong>\n                        <p>Provide responsive cooperation for importers, distributors, and project buyers.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        .osh-gon-section,\n        .osh-gon-section * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-gon-section {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            padding: 68px 20px 116px;\n            background:\n                radial-gradient(circle at 8% 12%, rgba(186,138,69,.08), transparent 28%),\n                radial-gradient(circle at 86% 18%, rgba(96,130,151,.10), transparent 32%),\n                linear-gradient(180deg, #fbf8f1 0%, #f5f7f8 54%, #edf3f5 100%);\n            color: #0d2435;\n        }\n\n        .osh-gon-section::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17,45,67,.027) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17,45,67,.027) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .76;\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .osh-gon-inner {\n            position: relative;\n            z-index: 5;\n            width: min(1640px, calc(100vw - 72px));\n            margin: 0 auto;\n        }\n\n        .osh-gon-stage {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) 385px;\n            gap: 38px;\n            align-items: stretch;\n        }\n\n        .osh-gon-map-wrap {\n            position: relative;\n            min-width: 0;\n            height: 580px;\n        }\n\n        .osh-gon-map-wrap::before {\n            content: \"\";\n            position: absolute;\n            left: 6%;\n            right: 6%;\n            bottom: 22px;\n            height: 126px;\n            border-radius: 50%;\n            background: rgba(74, 103, 124, .10);\n            filter: blur(44px);\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .osh-gon-map-field {\n            position: relative;\n            height: 580px;\n            overflow: visible;\n            background: transparent;\n            border: none;\n            box-shadow: none;\n        }\n\n        .osh-gon-map {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            width: 100%;\n            height: 580px;\n            opacity: .97;\n            transform: scale(1.07);\n            transform-origin: center center;\n            filter: drop-shadow(0 14px 16px rgba(38,66,88,.08));\n        }\n\n        .osh-gon-section .jvectormap-container {\n            background: transparent !important;\n        }\n\n        .osh-gon-section .jvectormap-zoomin,\n        .osh-gon-section .jvectormap-zoomout {\n            display: none !important;\n        }\n\n        body .jvectormap-tip {\n            position: absolute !important;\n            z-index: 999999 !important;\n            background: rgba(255,255,255,.97) !important;\n            color: #0d2435 !important;\n            border: 1px solid rgba(154,115,53,.28) !important;\n            border-radius: 8px !important;\n            padding: 9px 12px !important;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-size: 12px !important;\n            line-height: 1.2 !important;\n            font-weight: 700 !important;\n            box-shadow: 0 14px 30px rgba(17,45,67,.14) !important;\n            pointer-events: none !important;\n        }\n\n        body .jvectormap-tip strong {\n            display: block !important;\n            color: #0d2435 !important;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-size: 12px !important;\n            line-height: 1.2 !important;\n            font-weight: 800 !important;\n        }\n\n        body .jvectormap-tip span {\n            display: block !important;\n            margin-top: 5px !important;\n            color: #9a7335 !important;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-size: 10px !important;\n            line-height: 1 !important;\n            letter-spacing: .08em !important;\n            text-transform: uppercase !important;\n            font-weight: 800 !important;\n        }\n\n        .osh-gon-routes {\n            position: absolute;\n            inset: 0;\n            z-index: 4;\n            width: 100%;\n            height: 580px;\n            transform: scale(1.07);\n            transform-origin: center center;\n            pointer-events: none;\n        }\n\n        .osh-gon-route {\n            fill: none;\n            stroke: url(#osh-gon-181769-route-grad);\n            stroke-width: 1.65;\n            stroke-linecap: round;\n            stroke-dasharray: 8 11;\n            opacity: .72;\n            animation: oshGonRouteFlow 4s linear infinite;\n            filter: drop-shadow(0 2px 3px rgba(154,115,53,.14));\n        }\n\n        .osh-gon-route.r2 { opacity: .50; animation-duration: 4.8s; }\n        .osh-gon-route.r3 { opacity: .84; animation-duration: 3.4s; }\n        .osh-gon-route.r4 { opacity: .54; animation-duration: 3.8s; }\n        .osh-gon-route.r5 { opacity: .80; animation-duration: 3.1s; }\n        .osh-gon-route.r6 { opacity: .48; animation-duration: 4.3s; }\n        .osh-gon-route.r7 { opacity: .76; animation-duration: 3.3s; }\n        .osh-gon-route.r8 { opacity: .54; animation-duration: 4.4s; }\n\n        .osh-gon-hub-glow {\n            animation: oshGonHubGlow 2.4s ease-in-out infinite;\n            transform-origin: 708px 236px;\n        }\n\n        .osh-gon-hub-ring {\n            fill: rgba(186,138,69,.08);\n            stroke: rgba(186,138,69,.92);\n            stroke-width: 1.8;\n            animation: oshGonHubRing 2.4s ease-in-out infinite;\n            transform-origin: 708px 236px;\n        }\n\n        .osh-gon-hub-dot,\n        .osh-gon-destination,\n        .osh-gon-cargo {\n            fill: #ba8a45;\n            stroke: #ffffff;\n            stroke-width: 1.5;\n            filter: drop-shadow(0 4px 8px rgba(154,115,53,.24));\n        }\n\n        .osh-gon-pin {\n            position: absolute;\n            z-index: 6;\n            min-width: 126px;\n            padding: 9px 13px 10px;\n            border-radius: 14px;\n            background: rgba(255,255,255,.90);\n            color: #0d2435;\n            border: 1px solid rgba(13,36,53,.08);\n            box-shadow: 0 12px 24px rgba(17,45,67,.09);\n            backdrop-filter: blur(8px);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 12.5px;\n            line-height: 1.2;\n            font-weight: 800;\n            white-space: nowrap;\n            pointer-events: none;\n        }\n\n        .osh-gon-pin span {\n            display: block;\n            margin-bottom: 4px;\n            color: #9a7335;\n            font-size: 9.5px;\n            line-height: 1;\n            letter-spacing: .12em;\n            text-transform: uppercase;\n            font-weight: 800;\n        }\n\n        .osh-gon-pin-soft {\n            min-width: 108px;\n            padding: 8px 11px 9px;\n            font-size: 11.5px;\n            opacity: .86;\n        }\n\n        .osh-gon-pin-soft span {\n            font-size: 8.5px;\n        }\n\n        .osh-gon-pin.pin-cn { left: 67.2%; top: 39.4%; }\n        .osh-gon-pin.pin-na { left: 15.8%; top: 34.2%; }\n        .osh-gon-pin.pin-eu { left: 45.8%; top: 30.2%; }\n        .osh-gon-pin.pin-me { left: 56.4%; top: 48.6%; }\n        .osh-gon-pin.pin-sea { left: 68.2%; top: 57.8%; }\n        .osh-gon-pin.pin-sa { left: 24.2%; top: 72.4%; }\n        .osh-gon-pin.pin-af { left: 51.2%; top: 75.6%; }\n        .osh-gon-pin.pin-au { left: 78.4%; top: 76.2%; }\n\n        .osh-gon-market-panel {\n            position: relative;\n            z-index: 7;\n            width: 100%;\n            height: 580px;\n            padding: 26px 28px 24px;\n            border-radius: 28px;\n            background: rgba(255,255,255,.82);\n            border: 1px solid rgba(13,36,53,.08);\n            box-shadow: 0 24px 60px rgba(17,45,67,.10);\n            backdrop-filter: blur(10px);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .osh-gon-panel-title {\n            padding-bottom: 18px;\n            border-bottom: 1px solid rgba(13,36,53,.08);\n            margin-bottom: 8px;\n        }\n\n        .osh-gon-panel-title span {\n            display: block;\n            margin-bottom: 10px;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-gon-panel-title strong {\n            display: block;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 24px;\n            line-height: 1.22;\n            letter-spacing: -.3px;\n            font-weight: 800;\n        }\n\n        .osh-gon-market-list {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n        }\n\n        .osh-gon-market-list > div {\n            display: grid;\n            grid-template-columns: 36px 1fr;\n            gap: 13px;\n            padding: 18px 0;\n            border-bottom: 1px solid rgba(13,36,53,.07);\n        }\n\n        .osh-gon-market-list > div:last-child {\n            border-bottom: none;\n        }\n\n        .osh-gon-market-list em {\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 12px;\n            line-height: 1.2;\n            font-weight: 850;\n            padding-top: 2px;\n        }\n\n        .osh-gon-market-list strong {\n            display: block;\n            margin-bottom: 5px;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 15.5px;\n            line-height: 1.3;\n            font-weight: 800;\n        }\n\n        .osh-gon-market-list span {\n            display: block;\n            color: #5f7482;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 12.8px;\n            line-height: 1.48;\n            font-weight: 500;\n        }\n\n        .osh-gon-panel-note {\n            margin-top: 14px;\n            padding-top: 16px;\n            border-top: 1px solid rgba(13,36,53,.08);\n            color: #667987;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 12.5px;\n            line-height: 1.45;\n            font-weight: 600;\n        }\n\n        .osh-gon-panel-note span {\n            display: block;\n            margin-bottom: 6px;\n            color: #9a7335;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .14em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-gon-flow {\n            position: relative;\n            z-index: 7;\n            margin-top: 58px;\n            padding-top: 28px;\n            border-top: 1px solid rgba(13,36,53,.10);\n        }\n\n        .osh-gon-flow-head {\n            display: grid;\n            grid-template-columns: 260px minmax(0, 1fr);\n            gap: 30px;\n            align-items: end;\n            margin-bottom: 30px;\n        }\n\n        .osh-gon-flow-head span {\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-gon-flow-head strong {\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 30px;\n            line-height: 1.18;\n            letter-spacing: -.4px;\n            font-weight: 800;\n        }\n\n        .osh-gon-flow-track {\n            position: relative;\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 34px;\n        }\n\n        .osh-gon-flow-track::before {\n            content: \"\";\n            position: absolute;\n            left: 5%;\n            right: 5%;\n            top: 22px;\n            height: 1px;\n            background: linear-gradient(90deg, rgba(186,138,69,.42), rgba(13,36,53,.14));\n            z-index: 0;\n        }\n\n        .osh-gon-flow-step {\n            position: relative;\n            z-index: 1;\n        }\n\n        .osh-gon-flow-icon {\n            position: relative;\n            z-index: 2;\n            width: 44px;\n            height: 44px;\n            margin-bottom: 18px;\n            border-radius: 50%;\n            color: #9a7335;\n            background: #ffffff;\n            border: 1px solid rgba(186,138,69,.22);\n            box-shadow: 0 0 0 7px rgba(255,255,255,.86);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .osh-gon-flow-icon svg {\n            width: 21px;\n            height: 21px;\n            display: block;\n        }\n\n        .osh-gon-flow-step strong {\n            display: block;\n            margin-bottom: 8px;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 18px;\n            line-height: 1.3;\n            font-weight: 800;\n        }\n\n        .osh-gon-flow-step p {\n            margin: 0;\n            max-width: 300px;\n            color: #667987;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 13.5px;\n            line-height: 1.62;\n            font-weight: 500;\n        }\n\n        @keyframes oshGonRouteFlow {\n            0% { stroke-dashoffset: 120; }\n            100% { stroke-dashoffset: 0; }\n        }\n\n        @keyframes oshGonHubGlow {\n            0%, 100% { opacity: .42; transform: scale(1); }\n            50% { opacity: .95; transform: scale(1.16); }\n        }\n\n        @keyframes oshGonHubRing {\n            0%, 100% { opacity: .72; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.56); }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .osh-gon-route,\n            .osh-gon-hub-glow,\n            .osh-gon-hub-ring {\n                animation: none !important;\n            }\n\n            .osh-gon-cargo {\n                display: none;\n            }\n        }\n\n        @media (max-width: 1280px) {\n            .osh-gon-inner {\n                width: min(1180px, calc(100vw - 48px));\n            }\n\n            .osh-gon-stage {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-gon-map-wrap,\n            .osh-gon-map-field,\n            .osh-gon-market-panel {\n                height: auto;\n            }\n\n            .osh-gon-map-field,\n            .osh-gon-map,\n            .osh-gon-routes {\n                height: 520px;\n            }\n\n            .osh-gon-market-panel {\n                max-width: 520px;\n            }\n\n            .osh-gon-market-list {\n                display: block;\n            }\n\n            .osh-gon-flow-track {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                row-gap: 36px;\n            }\n\n            .osh-gon-flow-track::before {\n                display: none;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-gon-section {\n                padding: 64px 18px 96px;\n            }\n\n            .osh-gon-inner {\n                width: min(100%, calc(100vw - 36px));\n            }\n\n            .osh-gon-map-field,\n            .osh-gon-map,\n            .osh-gon-routes {\n                height: 360px;\n            }\n\n            .osh-gon-map,\n            .osh-gon-routes {\n                transform: scale(1.02);\n            }\n\n            .osh-gon-pin {\n                display: none;\n            }\n\n            .osh-gon-market-panel {\n                padding: 22px;\n                max-width: none;\n            }\n\n            .osh-gon-flow-head,\n            .osh-gon-flow-track {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n\n    <script>\n        (function () {\n            var mapId = \"osh-gon-181769-map\";\n            var attempts = 0;\n\n            function initOshGlobalOpenNetwork() {\n                attempts++;\n\n                if (typeof window.jQuery === 'undefined' || !window.jQuery.fn || !window.jQuery.fn.vectorMap) {\n                    if (attempts < 30) {\n                        window.setTimeout(initOshGlobalOpenNetwork, 250);\n                    }\n                    return;\n                }\n\n                window.jQuery(function ($) {\n                    var $map = $('#' + mapId);\n\n                    if (!$map.length || $map.data('osh-gon-loaded')) {\n                        return;\n                    }\n\n                    $map.data('osh-gon-loaded', true);\n\n                    var activeRegions = {\n                        CN: 100,\n                        US: 62,\n                        CA: 56,\n                        MX: 48,\n                        BR: 52,\n                        AR: 38,\n                        CL: 36,\n                        PE: 34,\n                        CO: 36,\n                        RU: 50,\n                        GB: 54,\n                        FR: 52,\n                        DE: 56,\n                        ES: 44,\n                        IT: 46,\n                        NL: 42,\n                        PL: 40,\n                        PT: 34,\n                        SA: 48,\n                        AE: 46,\n                        QA: 34,\n                        KW: 32,\n                        OM: 30,\n                        TR: 42,\n                        EG: 34,\n                        ZA: 42,\n                        NG: 32,\n                        IN: 48,\n                        JP: 44,\n                        KR: 42,\n                        VN: 44,\n                        TH: 42,\n                        MY: 40,\n                        ID: 42,\n                        PH: 38,\n                        AU: 44,\n                        NZ: 32\n                    };\n\n                    $map.vectorMap({\n                        map: 'world_mill_en',\n                        backgroundColor: 'transparent',\n                        zoomOnScroll: false,\n                        zoomButtons: false,\n\n                        regionStyle: {\n                            initial: {\n                                fill: '#d4dee3',\n                                'fill-opacity': 1,\n                                stroke: '#f6f7f7',\n                                'stroke-width': 1.05,\n                                'stroke-opacity': 1\n                            },\n                            hover: {\n                                fill: '#ba8a45',\n                                'fill-opacity': 1,\n                                cursor: 'pointer'\n                            },\n                            selected: {\n                                fill: '#ba8a45'\n                            },\n                            selectedHover: {\n                                fill: '#9a7335'\n                            }\n                        },\n\n                        series: {\n                            regions: [{\n                                values: activeRegions,\n                                scale: ['#bdcbd2', '#8fa3ad', '#ba8a45'],\n                                normalizeFunction: 'polynomial'\n                            }]\n                        },\n\n                        onRegionTipShow: function (e, el, code) {\n                            var countryName = el.html();\n\n                            if (activeRegions[code]) {\n                                el.html(\n                                    '<strong>' + countryName + '<\/strong>' +\n                                    '<span>Market coverage<\/span>'\n                                );\n                            } else {\n                                el.html('<strong>' + countryName + '<\/strong>');\n                            }\n                        }\n                    });\n                });\n            }\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initOshGlobalOpenNetwork);\n            } else {\n                initOshGlobalOpenNetwork();\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4152bc5 e-con-full e-flex e-con e-parent\" data-id=\"4152bc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-077ca9a elementor-widget elementor-widget-shortcode\" data-id=\"077ca9a\" 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\">\n    <section id=\"osh-ph-8580\" class=\"osh-ph-section\">\n        <div class=\"osh-ph-inner\">\n\n            <div class=\"osh-ph-head\">\n                <div>\n                    <span class=\"osh-ph-kicker\">Product Systems<\/span>\n                    <h2>Modular Housing Product Lines<\/h2>\n                <\/div>\n\n                <a class=\"osh-ph-head-link\" href=\"\/products\/\">\n                    <span>View All Products<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n            <div class=\"osh-ph-hero is-capsule\" id=\"osh-ph-8580-hero\">\n                <div class=\"osh-ph-photo\" id=\"osh-ph-8580-photo\"><\/div>\n                <div class=\"osh-ph-grid\"><\/div>\n                <div class=\"osh-ph-overlay\"><\/div>\n\n                <div class=\"osh-ph-topbar\">\n                    <span id=\"osh-ph-8580-label\">Resort Accommodation<\/span>\n                    <div class=\"osh-ph-meta\">\n                        <em id=\"osh-ph-8580-count\">01<\/em>\n                        <small>\/ 05<\/small>\n                    <\/div>\n                <\/div>\n\n                <div class=\"osh-ph-copy\">\n                    <h3 id=\"osh-ph-8580-title\">SPACE CAPSULE HOUSE<\/h3>\n                    <p id=\"osh-ph-8580-summary\">Premium space capsule-style modular units for resorts, campsites, scenic destinations, and hospitality projects.<\/p>\n\n                    <a id=\"osh-ph-8580-link\" class=\"osh-ph-link\" href=\"\/products\/space-capsule-house\/\">\n                        <span>View Product Series<\/span>\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n\n                <div class=\"osh-ph-tabs-wrap\">\n                    <div class=\"osh-ph-tabs\">\n                                                    <button type=\"button\" class=\"osh-ph-tab is-active\" data-index=\"0\">\n                                <em>01<\/em>\n                                <strong>SPACE CAPSULE HOUSE<\/strong>\n                                <span>Resort Accommodation<\/span>\n                            <\/button>\n                                                    <button type=\"button\" class=\"osh-ph-tab \" data-index=\"1\">\n                                <em>02<\/em>\n                                <strong>EXPANDABLE CONTAINER HOUSE<\/strong>\n                                <span>Expandable Living Unit<\/span>\n                            <\/button>\n                                                    <button type=\"button\" class=\"osh-ph-tab \" data-index=\"2\">\n                                <em>03<\/em>\n                                <strong>Z-TYPE FOLDING CONTAINER HOUSE<\/strong>\n                                <span>Fast-Deployment Folding Unit<\/span>\n                            <\/button>\n                                                    <button type=\"button\" class=\"osh-ph-tab \" data-index=\"3\">\n                                <em>04<\/em>\n                                <strong>FLAT PACK CONTAINER HOUSE<\/strong>\n                                <span>Project Apartment System<\/span>\n                            <\/button>\n                                                    <button type=\"button\" class=\"osh-ph-tab \" data-index=\"4\">\n                                <em>05<\/em>\n                                <strong>COMMERCIAL CONTAINER HOUSE<\/strong>\n                                <span>Retail &amp; Scenic Spot Unit<\/span>\n                            <\/button>\n                                            <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        .osh-ph-section,\n        .osh-ph-section * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-ph-section {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            padding: 86px 0 100px;\n            background:\n                radial-gradient(circle at 8% 14%, rgba(186,138,69,.05), transparent 28%),\n                radial-gradient(circle at 88% 16%, rgba(96,130,151,.09), transparent 30%),\n                linear-gradient(180deg, #f3f7f8 0%, #f7f7f3 50%, #f8f5ee 100%);\n            color: #0d2435;\n        }\n\n        .osh-ph-section::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17,45,67,.022) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17,45,67,.022) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .62;\n            pointer-events: none;\n        }\n\n        .osh-ph-inner {\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: none;\n            margin: 0;\n        }\n\n        .osh-ph-head {\n            width: 100%;\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 32px;\n            margin-bottom: 30px;\n            padding-left: clamp(36px, 6vw, 112px);\n            padding-right: clamp(36px, 6vw, 112px);\n        }\n\n        .osh-ph-kicker {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 10px;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-ph-kicker::before {\n            content: \"\";\n            width: 42px;\n            height: 1px;\n            background: currentColor;\n            opacity: .56;\n        }\n\n        .osh-ph-head h2 {\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(30px, 2.35vw, 44px);\n            line-height: 1.08;\n            letter-spacing: -.9px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-ph-head-link,\n        .osh-ph-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            text-decoration: none;\n            transition: all .25s ease;\n        }\n\n        .osh-ph-head-link {\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 850;\n            padding-bottom: 7px;\n            border-bottom: 1px solid rgba(13,36,53,.26);\n            flex-shrink: 0;\n        }\n\n        .osh-ph-head-link svg,\n        .osh-ph-link svg {\n            width: 16px;\n            height: 16px;\n            transition: transform .25s ease;\n        }\n\n        .osh-ph-head-link:hover,\n        .osh-ph-link:hover {\n            color: #9a7335;\n        }\n\n        .osh-ph-head-link:hover svg,\n        .osh-ph-link:hover svg {\n            transform: translate(2px,-2px);\n        }\n\n        .osh-ph-hero {\n            position: relative;\n            width: 100%;\n            height: clamp(680px, 37.27vw, 820px);\n            min-height: 0;\n            overflow: hidden;\n            border-radius: 0;\n            border-top: 1px solid rgba(13,36,53,.08);\n            border-bottom: 1px solid rgba(13,36,53,.08);\n            border-left: none;\n            border-right: none;\n            box-shadow:\n                inset 0 1px 0 rgba(255,255,255,.75),\n                0 34px 90px rgba(17,45,67,.10);\n        }\n\n        .osh-ph-hero::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            border-radius: 0;\n            pointer-events: none;\n            box-shadow:\n                inset 0 0 0 1px rgba(255,255,255,.08),\n                inset 0 -120px 180px rgba(5,20,32,.12);\n            z-index: 5;\n        }\n\n        .osh-ph-hero.is-capsule {\n            background:\n                radial-gradient(circle at 56% 34%, rgba(255,255,255,.88), transparent 24%),\n                linear-gradient(120deg, #dce8ee 0%, #b7cad3 48%, #6f8694 100%);\n        }\n\n        .osh-ph-hero.is-apple {\n            background:\n                radial-gradient(circle at 58% 34%, rgba(255,255,255,.88), transparent 24%),\n                linear-gradient(120deg, #e0e9e6 0%, #c4d0c7 48%, #7c9187 100%);\n        }\n\n        .osh-ph-hero.is-expandable {\n            background:\n                radial-gradient(circle at 58% 34%, rgba(255,255,255,.88), transparent 24%),\n                linear-gradient(120deg, #dde7ec 0%, #c3d2d9 45%, #b88e45 100%);\n        }\n\n        .osh-ph-hero.is-quick {\n            background:\n                radial-gradient(circle at 58% 34%, rgba(255,255,255,.86), transparent 24%),\n                linear-gradient(120deg, #dbe5e9 0%, #aebec7 50%, #6d828d 100%);\n        }\n\n        .osh-ph-hero.is-prefab {\n            background:\n                radial-gradient(circle at 58% 34%, rgba(255,255,255,.86), transparent 24%),\n                linear-gradient(120deg, #e5e2d8 0%, #ccb587 46%, #90a2aa 100%);\n        }\n\n        .osh-ph-photo {\n            position: absolute;\n            inset: 0;\n            z-index: 4;\n            background-size: cover;\n            background-position: center center;\n            background-repeat: no-repeat;\n            opacity: 0;\n            transition: opacity .25s ease;\n            transform: translateZ(0);\n            backface-visibility: hidden;\n            will-change: opacity;\n        }\n\n        .osh-ph-photo.has-image {\n            opacity: 1;\n        }\n\n        .osh-ph-grid {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            background-image:\n                linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);\n            background-size: 58px 58px;\n            opacity: .48;\n            pointer-events: none;\n        }\n\n        .osh-ph-overlay {\n            position: absolute;\n            inset: 0;\n            z-index: 3;\n            background:\n                linear-gradient(180deg, rgba(11,28,40,.08) 0%, rgba(11,28,40,.02) 28%, rgba(11,28,40,.26) 100%),\n                linear-gradient(90deg, rgba(11,28,40,.20) 0%, rgba(11,28,40,.03) 42%, rgba(11,28,40,.12) 100%);\n            pointer-events: none;\n        }\n\n        .osh-ph-topbar {\n            position: absolute;\n            left: clamp(36px, 6vw, 112px);\n            right: clamp(36px, 6vw, 112px);\n            top: 42px;\n            z-index: 6;\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            gap: 18px;\n        }\n\n        .osh-ph-topbar > span {\n            color: rgba(255,255,255,.78);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-ph-meta {\n            display: flex;\n            align-items: baseline;\n            gap: 4px;\n            color: #fff;\n            text-shadow: 0 12px 28px rgba(13,36,53,.18);\n        }\n\n        .osh-ph-meta em {\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 38px;\n            line-height: .9;\n            font-weight: 900;\n            font-style: normal !important;\n        }\n\n        .osh-ph-meta small {\n            color: rgba(255,255,255,.74);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 13px;\n            line-height: 1;\n            font-weight: 800;\n        }\n\n        .osh-ph-copy {\n            position: absolute;\n            left: clamp(36px, 6vw, 112px);\n            bottom: 210px;\n            z-index: 6;\n            max-width: 620px;\n        }\n\n        .osh-ph-copy h3 {\n            margin: 0;\n            color: rgba(255,255,255,.96);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(34px, 3.3vw, 58px);\n            line-height: 1.03;\n            letter-spacing: -1.25px;\n            font-weight: 900;\n            text-transform: uppercase;\n            text-shadow: 0 16px 36px rgba(13,36,53,.22);\n            max-width: 640px;\n        }\n\n        .osh-ph-copy p {\n            max-width: 520px;\n            margin: 16px 0 0;\n            color: rgba(255,255,255,.82);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 14.5px;\n            line-height: 1.62;\n            font-weight: 600;\n            text-shadow: 0 10px 24px rgba(13,36,53,.18);\n        }\n\n        .osh-ph-link {\n            margin-top: 20px;\n            width: fit-content;\n            color: #ffffff;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 850;\n            padding-bottom: 7px;\n            border-bottom: 1px solid rgba(255,255,255,.34);\n        }\n\n        .osh-ph-tabs-wrap {\n            position: absolute;\n            left: clamp(28px, 4.5vw, 84px);\n            right: clamp(28px, 4.5vw, 84px);\n            bottom: 34px;\n            z-index: 7;\n        }\n\n        .osh-ph-tabs {\n            display: grid;\n            grid-template-columns: repeat(5, minmax(0, 1fr));\n            gap: 14px;\n        }\n\n        .osh-ph-tab {\n            min-height: 92px;\n            padding: 17px 18px 16px;\n            border-radius: 18px;\n            border: 1px solid rgba(255,255,255,.16);\n            background: rgba(255,255,255,.70);\n            backdrop-filter: blur(14px);\n            -webkit-backdrop-filter: blur(14px);\n            box-shadow: 0 14px 34px rgba(17,45,67,.08);\n            text-align: left;\n            cursor: pointer;\n            transition: all .25s ease;\n        }\n\n        .osh-ph-tab:hover,\n        .osh-ph-tab.is-active {\n            background: rgba(13,36,53,.96);\n            border-color: rgba(13,36,53,.96);\n            transform: translateY(-4px);\n            box-shadow: 0 22px 48px rgba(17,45,67,.20);\n        }\n\n        .osh-ph-tab em {\n            display: block;\n            margin-bottom: 8px;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            font-weight: 900;\n            font-style: normal !important;\n        }\n\n        .osh-ph-tab strong {\n            display: block;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 14px;\n            line-height: 1.24;\n            font-weight: 900;\n        }\n\n        .osh-ph-tab span {\n            display: block;\n            margin-top: 7px;\n            color: #647987;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1.35;\n            font-weight: 650;\n            text-transform: uppercase;\n        }\n\n        .osh-ph-tab:hover strong,\n        .osh-ph-tab.is-active strong,\n        .osh-ph-tab:hover span,\n        .osh-ph-tab.is-active span {\n            color: #ffffff;\n        }\n\n        @media (max-width: 1280px) {\n            .osh-ph-head {\n                padding-left: 48px;\n                padding-right: 48px;\n            }\n\n            .osh-ph-hero {\n                height: 820px;\n            }\n\n            .osh-ph-topbar,\n            .osh-ph-copy {\n                left: 48px;\n                right: 48px;\n            }\n\n            .osh-ph-copy {\n                max-width: 560px;\n            }\n\n            .osh-ph-copy h3 {\n                font-size: 46px;\n                letter-spacing: -1px;\n            }\n\n            .osh-ph-tabs-wrap {\n                left: 34px;\n                right: 34px;\n            }\n\n            .osh-ph-tabs {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-ph-section {\n                padding: 64px 0 82px;\n            }\n\n            .osh-ph-head {\n                flex-direction: column;\n                align-items: flex-start;\n                padding-left: 22px;\n                padding-right: 22px;\n            }\n\n            .osh-ph-head h2 {\n                font-size: 28px;\n            }\n\n            .osh-ph-hero {\n                height: 720px;\n            }\n\n            .osh-ph-topbar {\n                left: 22px;\n                right: 22px;\n                top: 22px;\n            }\n\n            .osh-ph-meta em {\n                font-size: 30px;\n            }\n\n            .osh-ph-copy {\n                left: 22px;\n                right: 22px;\n                bottom: 250px;\n                max-width: none;\n            }\n\n            .osh-ph-copy h3 {\n                font-size: 28px;\n                letter-spacing: -.5px;\n                line-height: 1.05;\n            }\n\n            .osh-ph-copy p {\n                font-size: 13px;\n                line-height: 1.55;\n                margin-top: 12px;\n            }\n\n            .osh-ph-tabs-wrap {\n                left: 14px;\n                right: 14px;\n                bottom: 16px;\n            }\n\n            .osh-ph-tabs {\n                grid-template-columns: 1fr;\n                gap: 10px;\n            }\n\n            .osh-ph-tab {\n                min-height: auto;\n            }\n        }\n    <\/style>\n\n    <script>\n        (function () {\n            var section = document.getElementById(\"osh-ph-8580\");\n            var products = [{\"index\":\"01\",\"title\":\"SPACE CAPSULE HOUSE\",\"label\":\"Resort Accommodation\",\"summary\":\"Premium space capsule-style modular units for resorts, campsites, scenic destinations, and hospitality projects.\",\"tone\":\"capsule\",\"link\":\"\\\/products\\\/space-capsule-house\\\/\",\"image\":\"https:\\\/\\\/oceanstarhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/space-capsule-house-hero.jpg\"},{\"index\":\"02\",\"title\":\"EXPANDABLE CONTAINER HOUSE\",\"label\":\"Expandable Living Unit\",\"summary\":\"Expandable modular homes designed for fast deployment, flexible layouts, temporary living, site offices, and project camps.\",\"tone\":\"expandable\",\"link\":\"\\\/products\\\/expandable-container-house\\\/\",\"image\":\"https:\\\/\\\/oceanstarhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/expandable-container-house-hero.jpg\"},{\"index\":\"03\",\"title\":\"Z-TYPE FOLDING CONTAINER HOUSE\",\"label\":\"Fast-Deployment Folding Unit\",\"summary\":\"Z-type folding container units built for quick installation, efficient transportation, temporary housing, offices, and site facilities.\",\"tone\":\"quick\",\"link\":\"\\\/products\\\/z-type-folding-container-house\\\/\",\"image\":\"https:\\\/\\\/oceanstarhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Z-TYPE-FOLDING-CONTAINER-HOUSE.jpg\"},{\"index\":\"04\",\"title\":\"FLAT PACK CONTAINER HOUSE\",\"label\":\"Project Apartment System\",\"summary\":\"Flat pack container systems for worker dormitories, offices, classrooms, clinics, camps, and large-scale project accommodation.\",\"tone\":\"prefab\",\"link\":\"\\\/products\\\/flat-pack-container-house\\\/\",\"image\":\"https:\\\/\\\/oceanstarhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/flat-pack-container-house.jpg\"},{\"index\":\"05\",\"title\":\"COMMERCIAL CONTAINER HOUSE\",\"label\":\"Retail & Scenic Spot Unit\",\"summary\":\"Custom commercial container units for caf\\u00e9s, shops, kiosks, ticket offices, exhibition spaces, and tourism support facilities.\",\"tone\":\"apple\",\"link\":\"\\\/products\\\/commercial-container-house\\\/\",\"image\":\"https:\\\/\\\/oceanstarhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/commercial-container-house.jpg\"}];\n\n            if (!section || !products || !products.length) return;\n\n            var hero = section.querySelector('#osh-ph-8580-hero');\n            var photo = section.querySelector('#osh-ph-8580-photo');\n            var count = section.querySelector('#osh-ph-8580-count');\n            var label = section.querySelector('#osh-ph-8580-label');\n            var title = section.querySelector('#osh-ph-8580-title');\n            var summary = section.querySelector('#osh-ph-8580-summary');\n            var link = section.querySelector('#osh-ph-8580-link');\n            var buttons = section.querySelectorAll('.osh-ph-tab');\n\n            function setProduct(i) {\n                var item = products[i];\n                if (!item) return;\n\n                hero.className = 'osh-ph-hero is-' + item.tone;\n                count.textContent = item.index;\n                label.textContent = item.label;\n                title.textContent = item.title;\n                summary.textContent = item.summary;\n                link.setAttribute('href', item.link);\n\n                if (item.image) {\n                    photo.classList.add('has-image');\n                    photo.style.backgroundImage = 'url(\"' + item.image + '\")';\n                } else {\n                    photo.classList.remove('has-image');\n                    photo.style.backgroundImage = '';\n                }\n\n                buttons.forEach(function(btn) {\n                    btn.classList.remove('is-active');\n                });\n\n                if (buttons[i]) {\n                    buttons[i].classList.add('is-active');\n                }\n            }\n\n            setProduct(0);\n\n            buttons.forEach(function(btn) {\n                btn.addEventListener('click', function() {\n                    setProduct(parseInt(btn.getAttribute('data-index'), 10));\n                });\n\n                btn.addEventListener('mouseenter', function() {\n                    setProduct(parseInt(btn.getAttribute('data-index'), 10));\n                });\n            });\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ff3dbb e-con-full e-flex e-con e-parent\" data-id=\"0ff3dbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55a4427 elementor-widget elementor-widget-shortcode\" data-id=\"55a4427\" 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\">\n    <section class=\"osh-timeline-section\">\n        <div class=\"osh-timeline-inner\">\n\n            <div class=\"osh-timeline-head\">\n                <div>\n                    <span class=\"osh-timeline-kicker\">Industrial Strength<\/span>\n                    <h2>Production Data Built For Project Delivery<\/h2>\n                <\/div>\n\n                <p>\n                    OCEANSTARHOUSE is a modular house manufacturer supporting global project buyers with stable \t\t\t\t\t\t\t  production capacity, annual delivery, project experience, and export coordination.\n                <\/p>\n            <\/div>\n\n            <div class=\"osh-timeline-stage\">\n\n                <div class=\"osh-timeline-watermark\">PROJECT SUPPLY SCALE<\/div>\n\n                <div class=\"osh-timeline-label\">\n                    <span>Manufacturing Data Timeline<\/span>\n                    <strong>Capacity \u00b7 Delivery \u00b7 Projects \u00b7 Export Coverage<\/strong>\n                <\/div>\n\n                <div class=\"osh-timeline-rail\" aria-hidden=\"true\">\n                    <i><\/i>\n                    <i><\/i>\n                    <i><\/i>\n                    <i><\/i>\n                <\/div>\n\n                <div class=\"osh-timeline-data\">\n                                            <article class=\"osh-timeline-item\">\n                            <div class=\"osh-timeline-number\">\n                                <em>01<\/em>\n                                <strong>3,000+<\/strong>\n                                <span>units \/ year<\/span>\n                            <\/div>\n\n                            <div class=\"osh-timeline-copy\">\n                                <h3>Annual Production Capacity<\/h3>\n                                <p>Prepared production capacity for modular housing, prefab buildings, and project-based supply.<\/p>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"osh-timeline-item\">\n                            <div class=\"osh-timeline-number\">\n                                <em>02<\/em>\n                                <strong>2,200+<\/strong>\n                                <span>units \/ year<\/span>\n                            <\/div>\n\n                            <div class=\"osh-timeline-copy\">\n                                <h3>Annual Delivery Volume<\/h3>\n                                <p>Stable annual delivery support for standard models, repeat orders, and export project demand.<\/p>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"osh-timeline-item\">\n                            <div class=\"osh-timeline-number\">\n                                <em>03<\/em>\n                                <strong>120+<\/strong>\n                                <span>projects<\/span>\n                            <\/div>\n\n                            <div class=\"osh-timeline-copy\">\n                                <h3>Project Supply Experience<\/h3>\n                                <p>Supply experience across resorts, campsites, construction sites, temporary offices, and camp facilities.<\/p>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"osh-timeline-item\">\n                            <div class=\"osh-timeline-number\">\n                                <em>04<\/em>\n                                <strong>35+<\/strong>\n                                <span>countries &amp; regions<\/span>\n                            <\/div>\n\n                            <div class=\"osh-timeline-copy\">\n                                <h3>Export Market Coverage<\/h3>\n                                <p>Export coordination support for international buyers across multi-regional project markets.<\/p>\n                            <\/div>\n                        <\/article>\n                                    <\/div>\n\n                <div class=\"osh-timeline-support\">\n                    <div>\n                        <span>Batch Supply<\/span>\n                        <strong>Standard models, repeat orders, and project-based procurement.<\/strong>\n                    <\/div>\n\n                    <div>\n                        <span>Quality Control<\/span>\n                        <strong>Inspection support before packing, loading, and shipment preparation.<\/strong>\n                    <\/div>\n\n                    <div>\n                        <span>Export Execution<\/span>\n                        <strong>Container loading, documentation follow-up, and delivery coordination.<\/strong>\n                    <\/div>\n\n                    <div>\n                        <span>Buyer Response<\/span>\n                        <strong>Support for distributors, contractors, developers, and project buyers.<\/strong>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        .osh-timeline-section,\n        .osh-timeline-section * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-timeline-section {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            padding: 88px 0 100px;\n            background:\n                radial-gradient(circle at 8% 16%, rgba(186,138,69,.052), transparent 30%),\n                radial-gradient(circle at 90% 16%, rgba(96,130,151,.085), transparent 32%),\n                linear-gradient(180deg, #f8f5ee 0%, #f5f7f6 48%, #edf3f5 100%);\n            color: #0d2435;\n        }\n\n        .osh-timeline-section::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17,45,67,.022) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17,45,67,.022) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .58;\n            pointer-events: none;\n        }\n\n        .osh-timeline-inner {\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            margin: 0;\n        }\n\n        .osh-timeline-head {\n            width: 100%;\n            display: grid;\n            grid-template-columns: minmax(0, 680px) minmax(320px, 520px);\n            justify-content: space-between;\n            align-items: end;\n            gap: 56px;\n            margin-bottom: 34px;\n            padding-left: clamp(36px, 6vw, 112px);\n            padding-right: clamp(36px, 6vw, 112px);\n        }\n\n        .osh-timeline-kicker {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 10px;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-timeline-kicker::before {\n            content: \"\";\n            width: 42px;\n            height: 1px;\n            background: currentColor;\n            opacity: .56;\n        }\n\n        .osh-timeline-head h2 {\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(30px, 2.7vw, 48px);\n            line-height: 1.06;\n            letter-spacing: -1px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-timeline-head p {\n            margin: 0;\n            color: #5f7482;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 15.5px;\n            line-height: 1.75;\n            font-weight: 600;\n            padding-left: 28px;\n            border-left: 1px solid rgba(13,36,53,.10);\n        }\n\n        .osh-timeline-stage {\n            position: relative;\n            width: 100%;\n            min-height: 620px;\n            overflow: hidden;\n            padding: 48px clamp(36px, 6vw, 112px) 38px;\n            background:\n                radial-gradient(circle at 64% 28%, rgba(255,255,255,.40), transparent 24%),\n                linear-gradient(118deg, #0d2435 0%, #173449 43%, #617986 100%);\n            border-top: 1px solid rgba(13,36,53,.08);\n            border-bottom: 1px solid rgba(13,36,53,.08);\n            box-shadow:\n                inset 0 1px 0 rgba(255,255,255,.10),\n                0 34px 88px rgba(17,45,67,.14);\n            color: #ffffff;\n        }\n\n        .osh-timeline-stage::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);\n            background-size: 58px 58px;\n            opacity: .52;\n            pointer-events: none;\n        }\n\n        .osh-timeline-watermark {\n            position: absolute;\n            right: clamp(28px, 5vw, 96px);\n            top: 38px;\n            color: rgba(255,255,255,.045);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(78px, 9vw, 176px);\n            line-height: .82;\n            letter-spacing: -6px;\n            font-weight: 900;\n            text-transform: uppercase;\n            white-space: nowrap;\n            pointer-events: none;\n        }\n\n        .osh-timeline-label {\n            position: relative;\n            z-index: 2;\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 28px;\n            padding-bottom: 46px;\n        }\n\n        .osh-timeline-label span,\n        .osh-timeline-support span {\n            display: block;\n            color: #caa15f;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .15em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-timeline-label strong {\n            display: block;\n            color: rgba(255,255,255,.72);\n            text-align: right;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 12px;\n            line-height: 1;\n            letter-spacing: .08em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-timeline-rail {\n            position: relative;\n            z-index: 3;\n            width: 100%;\n            height: 56px;\n            margin: 0 0 32px;\n            pointer-events: none;\n        }\n\n        .osh-timeline-rail::before {\n            content: \"\";\n            position: absolute;\n            left: 12.5%;\n            right: 12.5%;\n            top: 27px;\n            height: 1px;\n            background: linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.46), rgba(255,255,255,.12));\n        }\n\n        .osh-timeline-rail i {\n            position: absolute;\n            top: 17px;\n            width: 21px;\n            height: 21px;\n            border-radius: 50%;\n            background: #caa15f;\n            border: 5px solid rgba(255,255,255,.18);\n            box-shadow:\n                0 0 0 8px rgba(202,161,95,.10),\n                0 18px 34px rgba(0,0,0,.18);\n        }\n\n        .osh-timeline-rail i:nth-child(1) { left: 12.5%; transform: translateX(-50%); }\n        .osh-timeline-rail i:nth-child(2) { left: 37.5%; transform: translateX(-50%); }\n        .osh-timeline-rail i:nth-child(3) { left: 62.5%; transform: translateX(-50%); }\n        .osh-timeline-rail i:nth-child(4) { left: 87.5%; transform: translateX(-50%); }\n\n        .osh-timeline-data {\n            position: relative;\n            z-index: 4;\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 0;\n            padding-top: 0;\n        }\n\n        .osh-timeline-item {\n            position: relative;\n            min-height: 285px;\n            padding: 0 34px;\n            border-right: 1px solid rgba(255,255,255,.12);\n        }\n\n        .osh-timeline-item::before {\n            content: \"\";\n            position: absolute;\n            top: -61px;\n            left: 50%;\n            width: 1px;\n            height: 34px;\n            transform: translateX(-50%);\n            background: linear-gradient(180deg, rgba(202,161,95,.86), rgba(255,255,255,.12));\n        }\n\n        .osh-timeline-item:first-child {\n            padding-left: 0;\n        }\n\n        .osh-timeline-item:last-child {\n            padding-right: 0;\n            border-right: none;\n        }\n\n        .osh-timeline-number em {\n            display: block;\n            margin-bottom: 16px;\n            color: #caa15f;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 12px;\n            line-height: 1;\n            font-weight: 900;\n        }\n\n        .osh-timeline-number strong {\n            display: block;\n            color: #ffffff;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(46px, 4.15vw, 78px);\n            line-height: .9;\n            letter-spacing: -2.2px;\n            font-weight: 900;\n            text-shadow: 0 18px 40px rgba(13,36,53,.24);\n            white-space: nowrap;\n        }\n\n        .osh-timeline-number span {\n            display: block;\n            margin-top: 13px;\n            color: rgba(255,255,255,.66);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .08em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-timeline-copy {\n            margin-top: 26px;\n            max-width: 300px;\n        }\n\n        .osh-timeline-copy h3 {\n            margin: 0;\n            color: #ffffff;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 20px;\n            line-height: 1.18;\n            letter-spacing: -.35px;\n            font-weight: 900;\n        }\n\n        .osh-timeline-copy p {\n            margin: 14px 0 0;\n            color: rgba(255,255,255,.72);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 13px;\n            line-height: 1.62;\n            font-weight: 600;\n        }\n\n        .osh-timeline-support {\n            position: relative;\n            z-index: 4;\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 0;\n            margin-top: 32px;\n            padding-top: 26px;\n            border-top: 1px solid rgba(255,255,255,.14);\n        }\n\n        .osh-timeline-support div {\n            padding: 0 28px;\n            border-right: 1px solid rgba(255,255,255,.12);\n        }\n\n        .osh-timeline-support div:first-child {\n            padding-left: 0;\n        }\n\n        .osh-timeline-support div:last-child {\n            padding-right: 0;\n            border-right: none;\n        }\n\n        .osh-timeline-support strong {\n            display: block;\n            margin-top: 10px;\n            color: rgba(255,255,255,.82);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 13.5px;\n            line-height: 1.58;\n            font-weight: 700;\n        }\n\n        @media (max-width: 1280px) {\n            .osh-timeline-head {\n                grid-template-columns: 1fr;\n                gap: 22px;\n                padding-left: 48px;\n                padding-right: 48px;\n            }\n\n            .osh-timeline-head p {\n                max-width: 760px;\n                padding-left: 0;\n                border-left: none;\n            }\n\n            .osh-timeline-stage {\n                padding-left: 48px;\n                padding-right: 48px;\n            }\n\n            .osh-timeline-rail {\n                display: none;\n            }\n\n            .osh-timeline-data {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                row-gap: 38px;\n                padding-top: 24px;\n            }\n\n            .osh-timeline-item {\n                min-height: 250px;\n            }\n\n            .osh-timeline-item::before {\n                display: none;\n            }\n\n            .osh-timeline-item:nth-child(2) {\n                border-right: none;\n                padding-right: 0;\n            }\n\n            .osh-timeline-item:nth-child(3) {\n                padding-left: 0;\n            }\n\n            .osh-timeline-support {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                row-gap: 24px;\n            }\n\n            .osh-timeline-support div:nth-child(2) {\n                border-right: none;\n                padding-right: 0;\n            }\n\n            .osh-timeline-support div:nth-child(3) {\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-timeline-section {\n                padding: 68px 0 82px;\n            }\n\n            .osh-timeline-head {\n                padding-left: 22px;\n                padding-right: 22px;\n            }\n\n            .osh-timeline-head h2 {\n                font-size: 30px;\n                letter-spacing: -.8px;\n            }\n\n            .osh-timeline-head p {\n                font-size: 14.5px;\n            }\n\n            .osh-timeline-stage {\n                min-height: auto;\n                padding: 30px 22px 34px;\n            }\n\n            .osh-timeline-label {\n                flex-direction: column;\n                align-items: flex-start;\n                padding-bottom: 32px;\n            }\n\n            .osh-timeline-label strong {\n                text-align: left;\n            }\n\n            .osh-timeline-data,\n            .osh-timeline-support {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-timeline-data {\n                padding-top: 0;\n            }\n\n            .osh-timeline-item {\n                min-height: auto;\n                padding: 0 0 30px;\n                border-right: none;\n                border-bottom: 1px solid rgba(255,255,255,.12);\n            }\n\n            .osh-timeline-item + .osh-timeline-item {\n                padding-top: 30px;\n            }\n\n            .osh-timeline-item:last-child {\n                padding-bottom: 0;\n                border-bottom: none;\n            }\n\n            .osh-timeline-number strong {\n                font-size: 48px;\n                letter-spacing: -1.4px;\n            }\n\n            .osh-timeline-copy {\n                max-width: none;\n                margin-top: 22px;\n            }\n\n            .osh-timeline-support div {\n                padding: 0 0 22px;\n                border-right: none;\n                border-bottom: 1px solid rgba(255,255,255,.12);\n            }\n\n            .osh-timeline-support div + div {\n                padding-top: 22px;\n            }\n\n            .osh-timeline-support div:last-child {\n                padding-bottom: 0;\n                border-bottom: none;\n            }\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d74eefd e-con-full e-flex e-con e-parent\" data-id=\"d74eefd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96c2743 elementor-widget elementor-widget-shortcode\" data-id=\"96c2743\" 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\">\n    <section class=\"osh-app-simple-section\">\n        <div class=\"osh-app-simple-inner\">\n\n            <div class=\"osh-app-simple-head\">\n                <div>\n                    <span>Project Applications<\/span>\n                    <h2>Modular Spaces for Project Needs<\/h2>\n                <\/div>\n\n                <p>\n                    Typical modular housing applications for hospitality, outdoor living, site support, office use, and long-term accommodation.\n                <\/p>\n            <\/div>\n\n            <div class=\"osh-app-simple-grid\">\n                                    <article class=\"osh-app-simple-card osh-app-simple-card--resort osh-app-simple-card--1\">\n\n                        <div\n                            class=\"osh-app-simple-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Resort-Accommodation.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-app-simple-mask\"><\/div>\n\n                        <div class=\"osh-app-simple-content\">\n                            <span>Hospitality<\/span>\n                            <h3>Resort Accommodation<\/h3>\n                        <\/div>\n\n                    <\/article>\n                                    <article class=\"osh-app-simple-card osh-app-simple-card--camp osh-app-simple-card--2\">\n\n                        <div\n                            class=\"osh-app-simple-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Campsite-Living.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-app-simple-mask\"><\/div>\n\n                        <div class=\"osh-app-simple-content\">\n                            <span>Outdoor Stay<\/span>\n                            <h3>Campsite Living<\/h3>\n                        <\/div>\n\n                    <\/article>\n                                    <article class=\"osh-app-simple-card osh-app-simple-card--site osh-app-simple-card--3\">\n\n                        <div\n                            class=\"osh-app-simple-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Construction-Site-Facilities.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-app-simple-mask\"><\/div>\n\n                        <div class=\"osh-app-simple-content\">\n                            <span>Site Support<\/span>\n                            <h3>Construction Site Facilities<\/h3>\n                        <\/div>\n\n                    <\/article>\n                                    <article class=\"osh-app-simple-card osh-app-simple-card--office osh-app-simple-card--4\">\n\n                        <div\n                            class=\"osh-app-simple-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Temporary-Office-Space.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-app-simple-mask\"><\/div>\n\n                        <div class=\"osh-app-simple-content\">\n                            <span>Project Office<\/span>\n                            <h3>Temporary Office Space<\/h3>\n                        <\/div>\n\n                    <\/article>\n                                    <article class=\"osh-app-simple-card osh-app-simple-card--dormitory osh-app-simple-card--5\">\n\n                        <div\n                            class=\"osh-app-simple-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Dormitory-Support-Buildings.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-app-simple-mask\"><\/div>\n\n                        <div class=\"osh-app-simple-content\">\n                            <span>Long-Term Use<\/span>\n                            <h3>Dormitory &amp; Support Buildings<\/h3>\n                        <\/div>\n\n                    <\/article>\n                            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        .osh-app-simple-section,\n        .osh-app-simple-section * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-app-simple-section {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            padding: 82px 0 104px;\n            background:\n                radial-gradient(circle at 8% 18%, rgba(186,138,69,.04), transparent 30%),\n                radial-gradient(circle at 88% 14%, rgba(96,130,151,.075), transparent 32%),\n                linear-gradient(180deg, #f4f7f8 0%, #f8f8f5 54%, #f8f5ef 100%);\n            color: #0d2435;\n        }\n\n        .osh-app-simple-section::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17,45,67,.022) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17,45,67,.022) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .52;\n            pointer-events: none;\n        }\n\n        .osh-app-simple-inner {\n            position: relative;\n            z-index: 2;\n            width: min(1680px, calc(100vw - 96px));\n            margin: 0 auto;\n        }\n\n        .osh-app-simple-head {\n            display: grid;\n            grid-template-columns: minmax(0, 720px) minmax(320px, 560px);\n            align-items: end;\n            justify-content: space-between;\n            gap: 48px;\n            margin-bottom: 36px;\n        }\n\n        .osh-app-simple-head span {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 10px;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-app-simple-head span::before {\n            content: \"\";\n            width: 42px;\n            height: 1px;\n            background: currentColor;\n            opacity: .55;\n        }\n\n        .osh-app-simple-head h2 {\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(28px, 2.2vw, 42px);\n            line-height: 1.08;\n            letter-spacing: -.85px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-app-simple-head p {\n            margin: 0;\n            padding-left: 26px;\n            border-left: 1px solid rgba(13,36,53,.10);\n            color: #657986;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 15px;\n            line-height: 1.7;\n            font-weight: 600;\n        }\n\n        .osh-app-simple-grid {\n            display: grid;\n            grid-template-columns: repeat(6, minmax(0, 1fr));\n            gap: 22px;\n        }\n\n        .osh-app-simple-card {\n            position: relative;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 9;\n            border-radius: 0;\n            background: #d9e2e8;\n            box-shadow: 0 24px 58px rgba(17,45,67,.10);\n            isolation: isolate;\n        }\n\n        .osh-app-simple-card--1,\n        .osh-app-simple-card--2 {\n            grid-column: span 3;\n        }\n\n        .osh-app-simple-card--3,\n        .osh-app-simple-card--4,\n        .osh-app-simple-card--5 {\n            grid-column: span 2;\n        }\n\n        .osh-app-simple-image {\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            background-size: cover;\n            background-position: center;\n            transition: transform .55s ease;\n        }\n\n        .osh-app-simple-card:hover .osh-app-simple-image {\n            transform: scale(1.045);\n        }\n\n        .osh-app-simple-card--resort .osh-app-simple-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 64% 34%, rgba(255,255,255,.30), transparent 20%),\n                linear-gradient(145deg, #b9c9d3 0%, #8fa9ba 46%, #526c7c 100%);\n        }\n\n        .osh-app-simple-card--camp .osh-app-simple-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 64% 34%, rgba(255,255,255,.28), transparent 20%),\n                linear-gradient(145deg, #c6d3cc 0%, #94aa9a 46%, #536c63 100%);\n        }\n\n        .osh-app-simple-card--site .osh-app-simple-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 64% 34%, rgba(255,255,255,.24), transparent 20%),\n                linear-gradient(145deg, #9badba 0%, #627b8d 46%, #1d3a50 100%);\n        }\n\n        .osh-app-simple-card--office .osh-app-simple-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 64% 34%, rgba(255,255,255,.30), transparent 20%),\n                linear-gradient(145deg, #d3d9dc 0%, #a3afb7 46%, #62717c 100%);\n        }\n\n        .osh-app-simple-card--dormitory .osh-app-simple-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 64% 34%, rgba(255,255,255,.26), transparent 20%),\n                linear-gradient(145deg, #d1c2a4 0%, #a69f88 46%, #61707a 100%);\n        }\n\n        .osh-app-simple-mask {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            background:\n                linear-gradient(180deg, rgba(10,24,35,.04) 0%, rgba(10,24,35,.10) 48%, rgba(10,24,35,.68) 100%);\n        }\n\n        .osh-app-simple-content {\n            position: absolute;\n            z-index: 3;\n            left: 30px;\n            right: 30px;\n            bottom: 28px;\n            color: #ffffff;\n        }\n\n        .osh-app-simple-content span {\n            display: block;\n            margin-bottom: 10px;\n            color: rgba(255,255,255,.82);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-app-simple-content h3 {\n            max-width: 520px;\n            margin: 0;\n            color: #ffffff;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(20px, 1.35vw, 28px);\n            line-height: 1.08;\n            letter-spacing: -.45px;\n            font-weight: 900;\n            text-transform: uppercase;\n            text-shadow: 0 14px 28px rgba(0,0,0,.22);\n        }\n\n        @media (max-width: 1180px) {\n            .osh-app-simple-inner {\n                width: min(100%, calc(100vw - 64px));\n            }\n\n            .osh-app-simple-head {\n                grid-template-columns: 1fr;\n                gap: 18px;\n            }\n\n            .osh-app-simple-head p {\n                max-width: 720px;\n                padding-left: 0;\n                border-left: none;\n            }\n\n            .osh-app-simple-card--1,\n            .osh-app-simple-card--2,\n            .osh-app-simple-card--3,\n            .osh-app-simple-card--4,\n            .osh-app-simple-card--5 {\n                grid-column: span 3;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-app-simple-section {\n                padding: 68px 0 82px;\n            }\n\n            .osh-app-simple-inner {\n                width: min(100%, calc(100vw - 36px));\n            }\n\n            .osh-app-simple-head h2 {\n                font-size: 28px;\n                letter-spacing: -.7px;\n            }\n\n            .osh-app-simple-head p {\n                font-size: 14px;\n                line-height: 1.65;\n            }\n\n            .osh-app-simple-grid {\n                grid-template-columns: 1fr;\n                gap: 14px;\n            }\n\n            .osh-app-simple-card--1,\n            .osh-app-simple-card--2,\n            .osh-app-simple-card--3,\n            .osh-app-simple-card--4,\n            .osh-app-simple-card--5 {\n                grid-column: auto;\n            }\n\n            .osh-app-simple-content {\n                left: 22px;\n                right: 22px;\n                bottom: 22px;\n            }\n\n            .osh-app-simple-content h3 {\n                font-size: 22px;\n            }\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-533e8cd e-con-full e-flex e-con e-parent\" data-id=\"533e8cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07da9ec elementor-widget elementor-widget-shortcode\" data-id=\"07da9ec\" 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\">\n    <section class=\"osh-ps-section\">\n        <div class=\"osh-ps-inner\">\n\n            <div class=\"osh-ps-head\">\n                <div class=\"osh-ps-title\">\n                    <span>Project Support<\/span>\n                    <h2>Project Support From Inquiry to Delivery<\/h2>\n                <\/div>\n\n                <div class=\"osh-ps-summary\">\n                    <p>\n                        End-to-end assistance that aligns the right solution,\n                        ensures quality, and keeps your project on track.\n                    <\/p>\n\n                    <a href=\"\/contact\/\">\n                        <em>Discuss Your Project<\/em>\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"osh-ps-panel\">\n\n                <div class=\"osh-ps-rail\">\n                                            <div class=\"osh-ps-node\">\n                            <span>01<\/span>\n                        <\/div>\n                                            <div class=\"osh-ps-node\">\n                            <span>02<\/span>\n                        <\/div>\n                                            <div class=\"osh-ps-node\">\n                            <span>03<\/span>\n                        <\/div>\n                                            <div class=\"osh-ps-node\">\n                            <span>04<\/span>\n                        <\/div>\n                                            <div class=\"osh-ps-node\">\n                            <span>05<\/span>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"osh-ps-steps\">\n                                            <article class=\"osh-ps-step\">\n                            <h3>Requirement Review<\/h3>\n                            <p>Confirm project use, quantity, site conditions, and delivery expectations.<\/p>\n                        <\/article>\n                                            <article class=\"osh-ps-step\">\n                            <h3>Solution Matching<\/h3>\n                            <p>Recommend suitable modular systems based on application and budget.<\/p>\n                        <\/article>\n                                            <article class=\"osh-ps-step\">\n                            <h3>Production Coordination<\/h3>\n                            <p>Arrange model details, schedule, and batch order planning.<\/p>\n                        <\/article>\n                                            <article class=\"osh-ps-step\">\n                            <h3>Inspection &amp; Packing<\/h3>\n                            <p>Support checking, packing confirmation, and export preparation.<\/p>\n                        <\/article>\n                                            <article class=\"osh-ps-step\">\n                            <h3>Export Delivery<\/h3>\n                            <p>Follow shipment progress and project-side delivery coordination.<\/p>\n                        <\/article>\n                                    <\/div>\n\n                <div class=\"osh-ps-info\">\n                    <div class=\"osh-ps-info-item\">\n                        <div class=\"osh-ps-icon\">\n                            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                <circle cx=\"17\" cy=\"17\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n                                <path d=\"M6 39c1.8-7.2 6.2-11 11-11s9.2 3.8 11 11\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                <circle cx=\"32\" cy=\"19\" r=\"6\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n                                <path d=\"M26 33c1.8-3.4 4.4-5.2 7.4-5.2 4.1 0 7.2 3.1 8.6 8.8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <span>Buyer Type<\/span>\n                            <strong>Distributors \/ Contractors \/ Developers \/ Project Owners<\/strong>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"osh-ps-info-item\">\n                        <div class=\"osh-ps-icon\">\n                            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M24 5L40 14V34L24 43L8 34V14L24 5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M8 14L24 23L40 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M24 23V43\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <span>Support Scope<\/span>\n                            <strong>Model Selection \/ Production Follow-up \/ Export Coordination<\/strong>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"osh-ps-info-item\">\n                        <div class=\"osh-ps-icon\">\n                            <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                <circle cx=\"24\" cy=\"24\" r=\"18\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n                                <path d=\"M6 24H42\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                <path d=\"M24 6C30 12 33 18 33 24C33 30 30 36 24 42\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                <path d=\"M24 6C18 12 15 18 15 24C15 30 18 36 24 42\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <span>Project Focus<\/span>\n                            <strong>Stable Supply \/ Practical Communication \/ Long-term Cooperation<\/strong>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        .osh-ps-section,\n        .osh-ps-section * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-ps-section {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            padding: 92px 0 108px;\n            background:\n                radial-gradient(circle at 10% 18%, rgba(186, 138, 69, .045), transparent 30%),\n                radial-gradient(circle at 88% 18%, rgba(96, 130, 151, .075), transparent 34%),\n                linear-gradient(180deg, #f8f5ef 0%, #f7f8f6 48%, #edf3f5 100%);\n            color: #0d2435;\n        }\n\n        .osh-ps-section::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17, 45, 67, .022) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17, 45, 67, .022) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .58;\n            pointer-events: none;\n        }\n\n        .osh-ps-inner {\n            position: relative;\n            z-index: 2;\n            width: min(1600px, calc(100vw - 96px));\n            margin: 0 auto;\n        }\n\n        .osh-ps-head {\n            display: grid;\n            grid-template-columns: minmax(0, 640px) minmax(360px, 560px);\n            align-items: end;\n            justify-content: space-between;\n            gap: 70px;\n            margin-bottom: 48px;\n        }\n\n        .osh-ps-title span {\n            display: block;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 12px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 22px;\n        }\n\n        .osh-ps-title h2 {\n            margin: 0;\n            max-width: 620px;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(34px, 2.35vw, 46px);\n            line-height: 1.12;\n            letter-spacing: -1px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-ps-summary {\n            padding-left: 44px;\n            border-left: 1px solid rgba(13, 36, 53, .12);\n        }\n\n        .osh-ps-summary p {\n            max-width: 500px;\n            margin: 0;\n            color: #5f7482;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 18px;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        .osh-ps-summary a {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            margin-top: 24px;\n            padding-bottom: 9px;\n            color: #9a7335;\n            border-bottom: 1px solid rgba(154, 115, 53, .50);\n            text-decoration: none;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 16px;\n            line-height: 1;\n            letter-spacing: .04em;\n            font-weight: 850;\n        }\n\n        .osh-ps-summary a svg {\n            width: 17px;\n            height: 17px;\n            transition: transform .25s ease;\n        }\n\n        .osh-ps-summary a:hover svg {\n            transform: translate(3px, -3px);\n        }\n\n        .osh-ps-panel {\n            position: relative;\n            overflow: hidden;\n            border-radius: 34px;\n            padding: 66px 64px 54px;\n            background:\n                radial-gradient(circle at 50% 18%, rgba(255, 255, 255, .88), transparent 34%),\n                linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(248, 250, 250, .80) 100%);\n            border: 1px solid rgba(13, 36, 53, .075);\n            box-shadow:\n                0 34px 90px rgba(17, 45, 67, .10),\n                inset 0 1px 0 rgba(255, 255, 255, .95);\n        }\n\n        .osh-ps-panel::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17, 45, 67, .018) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17, 45, 67, .018) 1px, transparent 1px);\n            background-size: 58px 58px;\n            opacity: .62;\n            pointer-events: none;\n        }\n\n        .osh-ps-rail {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: repeat(5, minmax(0, 1fr));\n            align-items: center;\n            margin-bottom: 46px;\n        }\n\n        .osh-ps-rail::before {\n            content: \"\";\n            position: absolute;\n            left: 0;\n            right: 0;\n            top: 50%;\n            height: 1px;\n            transform: translateY(-50%);\n            background: linear-gradient(\n                90deg,\n                rgba(154, 115, 53, .82) 0%,\n                rgba(154, 115, 53, .44) 22%,\n                rgba(154, 115, 53, .34) 50%,\n                rgba(154, 115, 53, .44) 78%,\n                rgba(154, 115, 53, .82) 100%\n            );\n        }\n\n        .osh-ps-rail::after {\n            content: \"\";\n            position: absolute;\n            left: -2px;\n            right: -2px;\n            top: 50%;\n            height: 7px;\n            transform: translateY(-50%);\n            background:\n                radial-gradient(circle at 0% 50%, #9a7335 0 4px, transparent 5px),\n                radial-gradient(circle at 100% 50%, #9a7335 0 4px, transparent 5px);\n            pointer-events: none;\n        }\n\n        .osh-ps-node {\n            position: relative;\n            z-index: 3;\n            display: flex;\n            justify-content: center;\n        }\n\n        .osh-ps-node span {\n            width: 58px;\n            height: 58px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            background: #f8f5ef;\n            border: 1px solid rgba(154, 115, 53, .45);\n            box-shadow:\n                0 12px 30px rgba(17, 45, 67, .08),\n                inset 0 0 0 7px rgba(255, 255, 255, .90);\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 18px;\n            line-height: 1;\n            font-weight: 900;\n        }\n\n        .osh-ps-steps {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: repeat(5, minmax(0, 1fr));\n            gap: 0;\n            padding-bottom: 58px;\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-ps-step {\n            min-height: 210px;\n            padding: 0 36px;\n            text-align: center;\n            border-right: 1px dashed rgba(13, 36, 53, .16);\n        }\n\n        .osh-ps-step:first-child {\n            padding-left: 0;\n        }\n\n        .osh-ps-step:last-child {\n            padding-right: 0;\n            border-right: none;\n        }\n\n        .osh-ps-step h3 {\n            max-width: 240px;\n            margin: 0 auto;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(21px, 1.35vw, 28px);\n            line-height: 1.14;\n            letter-spacing: -.45px;\n            font-weight: 850;\n        }\n\n        .osh-ps-step p {\n            max-width: 260px;\n            margin: 28px auto 0;\n            color: #5f7482;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 15.5px;\n            line-height: 1.68;\n            font-weight: 500;\n        }\n\n        .osh-ps-info {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 0;\n            padding-top: 40px;\n        }\n\n        .osh-ps-info-item {\n            display: grid;\n            grid-template-columns: 70px minmax(0, 1fr);\n            gap: 24px;\n            align-items: center;\n            padding: 0 42px;\n            border-right: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-ps-info-item:first-child {\n            padding-left: 0;\n        }\n\n        .osh-ps-info-item:last-child {\n            padding-right: 0;\n            border-right: none;\n        }\n\n        .osh-ps-icon {\n            width: 58px;\n            height: 58px;\n            color: #9a7335;\n        }\n\n        .osh-ps-icon svg {\n            width: 100%;\n            height: 100%;\n        }\n\n        .osh-ps-info-item span {\n            display: block;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 12px;\n        }\n\n        .osh-ps-info-item strong {\n            display: block;\n            color: #405668;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 20px;\n            line-height: 1.4;\n            letter-spacing: -.25px;\n            font-weight: 500;\n        }\n\n        @media (max-width: 1280px) {\n            .osh-ps-inner {\n                width: min(100%, calc(100vw - 64px));\n            }\n\n            .osh-ps-head {\n                grid-template-columns: 1fr;\n                gap: 26px;\n            }\n\n            .osh-ps-summary {\n                padding-left: 0;\n                border-left: none;\n            }\n\n            .osh-ps-panel {\n                padding: 46px 38px 42px;\n            }\n\n            .osh-ps-rail {\n                display: none;\n            }\n\n            .osh-ps-steps {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: 34px 0;\n                padding-bottom: 42px;\n            }\n\n            .osh-ps-step {\n                text-align: left;\n                min-height: auto;\n                padding: 0 28px;\n            }\n\n            .osh-ps-step h3,\n            .osh-ps-step p {\n                margin-left: 0;\n                margin-right: 0;\n            }\n\n            .osh-ps-step:nth-child(2),\n            .osh-ps-step:nth-child(4) {\n                border-right: none;\n                padding-right: 0;\n            }\n\n            .osh-ps-step:nth-child(3),\n            .osh-ps-step:nth-child(5) {\n                padding-left: 0;\n            }\n\n            .osh-ps-info {\n                grid-template-columns: 1fr;\n                gap: 26px;\n            }\n\n            .osh-ps-info-item {\n                padding: 0;\n                border-right: none;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-ps-section {\n                padding: 68px 0 82px;\n            }\n\n            .osh-ps-inner {\n                width: min(100%, calc(100vw - 36px));\n            }\n\n            .osh-ps-title h2 {\n                font-size: 30px;\n                letter-spacing: -.8px;\n            }\n\n            .osh-ps-summary p {\n                font-size: 15px;\n                line-height: 1.65;\n            }\n\n            .osh-ps-panel {\n                border-radius: 24px;\n                padding: 30px 22px;\n            }\n\n            .osh-ps-steps {\n                grid-template-columns: 1fr;\n                gap: 0;\n            }\n\n            .osh-ps-step {\n                padding: 0 0 28px;\n                border-right: none;\n                border-bottom: 1px dashed rgba(13, 36, 53, .16);\n            }\n\n            .osh-ps-step + .osh-ps-step {\n                padding-top: 28px;\n            }\n\n            .osh-ps-step:last-child {\n                padding-bottom: 0;\n                border-bottom: none;\n            }\n\n            .osh-ps-step h3 {\n                font-size: 22px;\n            }\n\n            .osh-ps-step p {\n                margin-top: 12px;\n                font-size: 14px;\n            }\n\n            .osh-ps-info-item {\n                grid-template-columns: 48px 1fr;\n                gap: 16px;\n            }\n\n            .osh-ps-icon {\n                width: 42px;\n                height: 42px;\n            }\n\n            .osh-ps-info-item strong {\n                font-size: 16px;\n            }\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb182e3 e-con-full e-flex e-con e-parent\" data-id=\"eb182e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f524fdc elementor-widget elementor-widget-shortcode\" data-id=\"f524fdc\" 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\">\n    <section class=\"osh-cases-section\">\n        <div class=\"osh-cases-inner\">\n\n            <div class=\"osh-cases-head\">\n                <div>\n                    <span>Interior Fit-Out<\/span>\n                    <h2>Move-In Ready Interior Solutions<\/h2>\n                <\/div>\n\n                <a href=\"\/projects\/\">\n                    <em>View Interior Options<\/em>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n            <div class=\"osh-cases-board\">\n\n                                    <article class=\"osh-case-card osh-case-card--resort is-featured\">\n\n                        <div\n                            class=\"osh-case-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Resort-Suite-Fit-Out.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-case-mask\"><\/div>\n\n                        <div class=\"osh-case-top\">\n                            <span>Hospitality Interior<\/span>\n                            <em>01<\/em>\n                        <\/div>\n\n                        <div class=\"osh-case-content\">\n                            <h3>Resort Suite Fit-Out<\/h3>\n\n                            <div class=\"osh-case-meta\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Hospitality<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Fit-Out Scope<\/span>\n                                    <strong>Bedroom \u00b7 Lounge \u00b7 Bathroom<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <p>Move-in ready interiors for scenic stays, resort rooms, and hospitality accommodation.<\/p>\n                        <\/div>\n\n                    <\/article>\n                                    <article class=\"osh-case-card osh-case-card--site \">\n\n                        <div\n                            class=\"osh-case-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Modular-Office-Fit-Out.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-case-mask\"><\/div>\n\n                        <div class=\"osh-case-top\">\n                            <span>Office Interior<\/span>\n                            <em>02<\/em>\n                        <\/div>\n\n                        <div class=\"osh-case-content\">\n                            <h3>Modular Office Fit-Out<\/h3>\n\n                            <div class=\"osh-case-meta\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Project Office<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Fit-Out Scope<\/span>\n                                    <strong>Workstations \u00b7 Meeting \u00b7 Reception<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <p>Efficient workspace layouts for site management and temporary office use.<\/p>\n                        <\/div>\n\n                    <\/article>\n                                    <article class=\"osh-case-card osh-case-card--dormitory \">\n\n                        <div\n                            class=\"osh-case-image has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Dormitory-Support-Fit-Out.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-case-mask\"><\/div>\n\n                        <div class=\"osh-case-top\">\n                            <span>Living Support Interior<\/span>\n                            <em>03<\/em>\n                        <\/div>\n\n                        <div class=\"osh-case-content\">\n                            <h3>Dormitory &amp; Support Fit-Out<\/h3>\n\n                            <div class=\"osh-case-meta\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Long-Term Living<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Fit-Out Scope<\/span>\n                                    <strong>Sleeping Area \u00b7 Storage \u00b7 Washroom<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <p>Durable interior layouts for dormitory rooms and project living support.<\/p>\n                        <\/div>\n\n                    <\/article>\n                \n            <\/div>\n\n            <div class=\"osh-cases-note\">\n                <span>Interior scope<\/span>\n                <strong>Hospitality suites \u00b7 modular offices \u00b7 dormitory and living support interiors<\/strong>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        .osh-cases-section,\n        .osh-cases-section * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-cases-section {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            padding: 88px 0 104px;\n            background:\n                radial-gradient(circle at 10% 18%, rgba(186,138,69,.04), transparent 30%),\n                radial-gradient(circle at 88% 16%, rgba(96,130,151,.075), transparent 34%),\n                linear-gradient(180deg, #edf3f5 0%, #f7f8f6 52%, #f8f5ef 100%);\n            color: #0d2435;\n        }\n\n        .osh-cases-section::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17,45,67,.022) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17,45,67,.022) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .55;\n            pointer-events: none;\n        }\n\n        .osh-cases-inner {\n            position: relative;\n            z-index: 2;\n            width: min(1640px, calc(100vw - 96px));\n            margin: 0 auto;\n        }\n\n        .osh-cases-head {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 36px;\n            margin-bottom: 34px;\n        }\n\n        .osh-cases-head span {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 10px;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-cases-head span::before {\n            content: \"\";\n            width: 42px;\n            height: 1px;\n            background: currentColor;\n            opacity: .55;\n        }\n\n        .osh-cases-head h2 {\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(30px, 2.3vw, 46px);\n            line-height: 1.08;\n            letter-spacing: -.9px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-cases-head a {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            color: #0d2435;\n            text-decoration: none;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 850;\n            padding-bottom: 8px;\n            border-bottom: 1px solid rgba(13,36,53,.25);\n            white-space: nowrap;\n        }\n\n        .osh-cases-head a svg {\n            width: 16px;\n            height: 16px;\n            transition: transform .25s ease;\n        }\n\n        .osh-cases-head a:hover {\n            color: #9a7335;\n        }\n\n        .osh-cases-head a:hover svg {\n            transform: translate(2px, -2px);\n        }\n\n        .osh-cases-board {\n            display: grid;\n            grid-template-columns: minmax(0, 1.42fr) minmax(360px, .82fr);\n            grid-template-rows: repeat(2, 1fr);\n            gap: 22px;\n            min-height: 720px;\n        }\n\n        .osh-case-card {\n            position: relative;\n            overflow: hidden;\n            min-height: 340px;\n            border-radius: 30px;\n            background: #d8e2e8;\n            border: 1px solid rgba(13,36,53,.08);\n            box-shadow: 0 26px 68px rgba(17,45,67,.10);\n            isolation: isolate;\n        }\n\n        .osh-case-card.is-featured {\n            grid-row: 1 \/ 3;\n            min-height: 720px;\n        }\n\n        .osh-case-image {\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            background-size: cover;\n            background-position: center;\n            transition: transform .55s ease;\n        }\n\n        .osh-case-card:hover .osh-case-image {\n            transform: scale(1.045);\n        }\n\n        .osh-case-image::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);\n            background-size: 58px 58px;\n            opacity: .35;\n            pointer-events: none;\n        }\n\n        .osh-case-card--resort .osh-case-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 62% 30%, rgba(255,255,255,.32), transparent 21%),\n                linear-gradient(145deg, #b9c9d3 0%, #8fa9ba 44%, #526c7c 100%);\n        }\n\n        .osh-case-card--site .osh-case-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 62% 30%, rgba(255,255,255,.26), transparent 21%),\n                linear-gradient(145deg, #9bacb8 0%, #637b8d 44%, #1d3a50 100%);\n        }\n\n        .osh-case-card--dormitory .osh-case-image.is-placeholder {\n            background-image:\n                radial-gradient(circle at 62% 30%, rgba(255,255,255,.28), transparent 21%),\n                linear-gradient(145deg, #d1c2a4 0%, #a69f88 44%, #61707a 100%);\n        }\n\n        .osh-case-mask {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            background:\n                linear-gradient(180deg, rgba(8,26,39,.08) 0%, rgba(8,26,39,.12) 42%, rgba(8,26,39,.74) 100%);\n            pointer-events: none;\n        }\n\n        .osh-case-top {\n            position: absolute;\n            z-index: 3;\n            left: 28px;\n            right: 28px;\n            top: 26px;\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 16px;\n        }\n\n        .osh-case-top span {\n            color: rgba(255,255,255,.88);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-case-top em {\n            color: #ffffff;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 18px;\n            line-height: 1;\n            font-weight: 900;\n        }\n\n        .osh-case-content {\n            position: absolute;\n            z-index: 3;\n            left: 28px;\n            right: 28px;\n            bottom: 28px;\n            color: #ffffff;\n        }\n\n        .osh-case-content h3 {\n            max-width: 580px;\n            margin: 0;\n            color: #ffffff;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(25px, 2.15vw, 46px);\n            line-height: 1.02;\n            letter-spacing: -1.1px;\n            font-weight: 900;\n            text-transform: uppercase;\n            text-shadow: 0 14px 28px rgba(0,0,0,.22);\n        }\n\n        .osh-case-card:not(.is-featured) .osh-case-content h3 {\n            font-size: clamp(22px, 1.35vw, 30px);\n            letter-spacing: -.55px;\n            max-width: 420px;\n        }\n\n        .osh-case-meta {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 24px;\n            margin-top: 26px;\n            padding-top: 22px;\n            border-top: 1px solid rgba(255,255,255,.20);\n        }\n\n        .osh-case-meta span {\n            display: block;\n            color: #caa15f;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 9px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 8px;\n        }\n\n        .osh-case-meta strong {\n            display: block;\n            color: rgba(255,255,255,.9);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 13px;\n            line-height: 1.45;\n            font-weight: 800;\n        }\n\n        .osh-case-content p {\n            max-width: 620px;\n            margin: 20px 0 0;\n            color: rgba(255,255,255,.82);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 14px;\n            line-height: 1.6;\n            font-weight: 600;\n        }\n\n        .osh-case-card:not(.is-featured) .osh-case-meta {\n            gap: 16px;\n            margin-top: 18px;\n            padding-top: 16px;\n        }\n\n        .osh-case-card:not(.is-featured) .osh-case-content p {\n            display: none;\n        }\n\n        .osh-cases-note {\n            display: grid;\n            grid-template-columns: 260px minmax(0, 1fr);\n            gap: 32px;\n            align-items: center;\n            margin-top: 24px;\n            padding-top: 22px;\n            border-top: 1px solid rgba(13,36,53,.10);\n        }\n\n        .osh-cases-note span {\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-cases-note strong {\n            display: block;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 18px;\n            line-height: 1.45;\n            font-weight: 850;\n        }\n\n        @media (max-width: 1180px) {\n            .osh-cases-inner {\n                width: min(100%, calc(100vw - 64px));\n            }\n\n            .osh-cases-board {\n                grid-template-columns: 1fr;\n                grid-template-rows: auto;\n                min-height: auto;\n            }\n\n            .osh-case-card,\n            .osh-case-card.is-featured {\n                grid-row: auto;\n                min-height: 420px;\n            }\n\n            .osh-cases-note {\n                grid-template-columns: 1fr;\n                gap: 10px;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-cases-section {\n                padding: 68px 0 82px;\n            }\n\n            .osh-cases-inner {\n                width: min(100%, calc(100vw - 36px));\n            }\n\n            .osh-cases-head {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            .osh-cases-head h2 {\n                font-size: 28px;\n                letter-spacing: -.7px;\n            }\n\n            .osh-case-card,\n            .osh-case-card.is-featured {\n                min-height: 430px;\n                border-radius: 22px;\n            }\n\n            .osh-case-top,\n            .osh-case-content {\n                left: 22px;\n                right: 22px;\n            }\n\n            .osh-case-content h3,\n            .osh-case-card:not(.is-featured) .osh-case-content h3 {\n                font-size: 26px;\n                line-height: 1.05;\n            }\n\n            .osh-case-meta {\n                grid-template-columns: 1fr;\n                gap: 14px;\n            }\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e9197b e-con-full e-flex e-con e-parent\" data-id=\"2e9197b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9caef8 elementor-widget elementor-widget-shortcode\" data-id=\"f9caef8\" 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\">\n    <section class=\"osh-contact-section\">\n        <div class=\"osh-contact-inner\">\n\n            <div class=\"osh-contact-layout\">\n\n                <div class=\"osh-contact-left\">\n\n                    <div class=\"osh-contact-copy\">\n                        <span class=\"osh-contact-kicker\">Project Inquiry<\/span>\n\n                        <h2>Contact our project team for modular housing supply<\/h2>\n\n                        <p class=\"osh-contact-desc\">\n                            Tell us your project type, product interest, quantity plan, and delivery destination.\n                            Our team will help review your requirements and provide practical modular housing support.\n                        <\/p>\n\n                        <a class=\"osh-contact-mail-link\" href=\"\/contact\/\">\n                            <em>Send project details<\/em>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"osh-contact-support\">\n\n                        <div>\n                            <span class=\"osh-contact-info-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M16.5 9.5L21 19L16.8 22.3C19.2 27.1 22.9 30.8 27.7 33.2L31 29L40.5 33.5C41.2 33.8 41.6 34.5 41.4 35.3C40.5 39.7 36.7 42.5 32.2 42.5C17.4 42.5 5.5 30.6 5.5 15.8C5.5 11.3 8.3 7.5 12.7 6.6C13.5 6.4 14.2 6.8 14.5 7.5L16.5 9.5Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <div class=\"osh-contact-info-copy\">\n                                <strong>WhatsApp<\/strong>\n                                <p>\n                                    <a href=\"tel:+8613626398050\">\n                                        +86 13626398050                                    <\/a>\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <span class=\"osh-contact-info-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M8 14C8 11.8 9.8 10 12 10H36C38.2 10 40 11.8 40 14V34C40 36.2 38.2 38 36 38H12C9.8 38 8 36.2 8 34V14Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M10 15L24 26L38 15\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <div class=\"osh-contact-info-copy\">\n                                <strong>Email<\/strong>\n                                <p>\n                                    <a href=\"mailto:info@oceanstarhouse.com\">\n                                        info@oceanstarhouse.com                                    <\/a>\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <span class=\"osh-contact-info-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M24 43C24 43 38 31.2 38 19C38 11.3 31.7 5 24 5C16.3 5 10 11.3 10 19C10 31.2 24 43 24 43Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"><\/path>\n                                    <circle cx=\"24\" cy=\"19\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"2.2\"><\/circle>\n                                <\/svg>\n                            <\/span>\n\n                            <div class=\"osh-contact-info-copy\">\n                                <strong>Address<\/strong>\n                                <p>China Manufacturing Base<\/p>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"osh-contact-right\">\n                    <div class=\"osh-contact-form-card\">\n\n                        <div class=\"osh-contact-form-head\">\n                            <span>Project Inquiry Form<\/span>\n                            <h3>Tell us about your project<\/h3>\n                            <p>\n                                Submit your inquiry with product interest, application scenario, quantity plan,\n                                and destination. Our team will review and respond with suitable options.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"osh-contact-form-wrap\">\n                            \t\t\t<div class=\"srfm-form-container srfm-form-container-2152 srfm-bg-color\">\n\t\t\t<style>\n\t\t\t\t\/* Need to check and remove the input variables related to the Style Tab. *\/\n\t\t\t\t.srfm-form-container-2152 {\n\t\t\t\t\t\/* New test variables *\/\n\t\t\t\t\t--srfm-color-scheme-primary: var(--ast-global-color-0);\n\t\t\t\t\t--srfm-color-scheme-text-on-primary: #FFFFFF;\n\t\t\t\t\t--srfm-color-scheme-text: var(--ast-global-color-3);\n\t\t\t\t\t--srfm-quill-editor-color: var(--ast-global-color-0);\n\n\t\t\t\t\t--srfm-color-input-label: var(--ast-global-color-3);\n\t\t\t\t\t--srfm-color-input-description: hsl( from var(--ast-global-color-3) h s l \/ 0.65 );\n\t\t\t\t\t--srfm-color-input-placeholder: hsl( from var(--ast-global-color-3) h s l \/ 0.5 );\n\t\t\t\t\t--srfm-color-input-text: var(--ast-global-color-3);\n\t\t\t\t\t--srfm-color-input-prefix: hsl( from var(--ast-global-color-3) h s l \/ 0.65 );\n\t\t\t\t\t--srfm-color-input-background: hsl( from var(--ast-global-color-3) h s l \/ 0.02 );\n\t\t\t\t\t--srfm-color-input-background-hover: hsl( from var(--ast-global-color-3) h s l \/ 0.05 );\n\t\t\t\t\t--srfm-color-input-background-disabled: hsl( from var(--ast-global-color-3) h s l \/ 0.07 );\n\t\t\t\t\t--srfm-color-input-border: hsl( from var(--ast-global-color-3) h s l \/ 0.25 );\n\t\t\t\t\t--srfm-color-input-border-disabled: hsl( from var(--ast-global-color-3) h s l \/ 0.15 );\n\t\t\t\t\t--srfm-color-multi-choice-svg: hsl( from var(--ast-global-color-3) h s l \/ 0.7 );\n\t\t\t\t\t--srfm-color-input-border-hover: hsl( from var(--ast-global-color-0) h s l \/ 0.65 );\n\t\t\t\t\t--srfm-color-input-border-focus-glow: hsl( from var(--ast-global-color-0) h s l \/ 0.15 );\n\t\t\t\t\t--srfm-color-input-selected: hsl( from var(--ast-global-color-0) h s l \/ 0.1 );\n\t\t\t\t\t--srfm-btn-color-hover: hsl( from var(--ast-global-color-0) h s l \/ 0.9 );\n\t\t\t\t\t--srfm-btn-color-disabled: hsl( from var(--ast-global-color-0) h s l \/ 0.25 );\n\n\t\t\t\t\t\/* Dropdown Variables *\/\n\t\t\t\t\t--srfm-dropdown-input-background-hover: hsl( from var(--ast-global-color-3) h s l \/ 0.05 );\n\t\t\t\t\t--srfm-dropdown-option-background-hover: hsl( from var(--ast-global-color-3) h s l \/ 0.10 );\n\t\t\t\t\t--srfm-dropdown-option-background-selected: hsl( from var(--ast-global-color-3) h s l \/ 0.05 );\n\t\t\t\t\t--srfm-dropdown-option-selected-icon: hsl( from var(--ast-global-color-3) h s l \/ 0.65 );\n\t\t\t\t\t--srfm-dropdown-option-text-color: hsl( from var(--ast-global-color-3) h s l \/ 0.80 );\n\t\t\t\t\t--srfm-dropdown-option-selected-text: var(--ast-global-color-3);\n\t\t\t\t\t--srfm-dropdown-badge-background: hsl( from var(--ast-global-color-3) h s l \/ 0.05 );\n\t\t\t\t\t--srfm-dropdown-badge-background-hover: hsl( from var(--ast-global-color-3) h s l \/ 0.10 );\n\t\t\t\t\t--srfm-dropdown-menu-border-color: hsl( from var(--ast-global-color-3) h s l \/ 0.10 );\n\t\t\t\t\t--srfm-dropdown-placeholder-color: hsl( from var(--ast-global-color-3) h s l \/ 0.50 );\n\t\t\t\t\t--srfm-dropdown-icon-color: hsl( from var(--ast-global-color-3) h s l \/ 0.65 );\n\t\t\t\t\t--srfm-dropdown-icon-disabled: hsl( from var(--ast-global-color-3) h s l \/ 0.25 );\n\n\t\t\t\t\t\/* Background Control Variables *\/\n\t\t\t\t\t--srfm-instant-form-padding-top: 32px;--srfm-instant-form-padding-right: 32px;--srfm-instant-form-padding-bottom: 32px;--srfm-instant-form-padding-left: 32px;--srfm-instant-form-border-radius-top: 12px;--srfm-instant-form-border-radius-right: 12px;--srfm-instant-form-border-radius-bottom: 12px;--srfm-instant-form-border-radius-left: 12px;--srfm-form-padding-top: 0px;--srfm-form-padding-right: 0px;--srfm-form-padding-bottom: 0px;--srfm-form-padding-left: 0px;--srfm-form-border-radius-top: 0px;--srfm-form-border-radius-right: 0px;--srfm-form-border-radius-bottom: 0px;--srfm-form-border-radius-left: 0px;--srfm-bg-overlay-opacity: 1;\t\t\t\t\t--srfm-row-gap-between-blocks: 18px;--srfm-address-label-font-size: 16px;--srfm-address-label-line-height: 24px;--srfm-address-description-font-size: 14px;--srfm-address-description-line-height: 20px;--srfm-col-gap-between-fields: 16px;--srfm-row-gap-between-fields: 16px;--srfm-gap-below-address-label: 14px;--srfm-dropdown-font-size: 14px;--srfm-dropdown-gap-between-input-menu: 4px;--srfm-dropdown-badge-padding: 2px 6px;--srfm-dropdown-multiselect-font-size: 12px;--srfm-dropdown-multiselect-line-height: 16px;--srfm-dropdown-padding-right: 12px;--srfm-dropdown-padding-right-icon: calc( var( --srfm-dropdown-padding-right ) + 20px );--srfm-dropdown-multiselect-padding: 8px var( --srfm-dropdown-padding-right-icon ) 8px 8px;--srfm-input-height: 44px;--srfm-input-field-padding: 10px 12px;--srfm-input-field-font-size: 16px;--srfm-input-field-line-height: 24px;--srfm-input-field-margin-top: 6px;--srfm-input-field-margin-bottom: 6px;--srfm-checkbox-label-font-size: 16px;--srfm-checkbox-label-line-height: 24px;--srfm-checkbox-description-font-size: 14px;--srfm-checkbox-description-line-height: 20px;--srfm-check-ctn-width: 16px;--srfm-check-ctn-height: 16px;--srfm-check-svg-size: 10px;--srfm-checkbox-margin-top-frontend: 4px;--srfm-checkbox-margin-top-editor: 6px;--srfm-check-gap: 8px;--srfm-checkbox-description-margin-left: 24px;--srfm-flag-section-padding: 10px 0 10px 12px;--srfm-gap-between-icon-text: 8px;--srfm-label-font-size: 16px;--srfm-label-line-height: 24px;--srfm-description-font-size: 14px;--srfm-description-line-height: 20px;--srfm-btn-padding: 10px 14px;--srfm-btn-font-size: 16px;--srfm-btn-line-height: 24px;--srfm-multi-choice-horizontal-padding: 20px;--srfm-multi-choice-vertical-padding: 20px;--srfm-multi-choice-internal-option-gap: 8px;--srfm-multi-choice-vertical-svg-size: 40px;--srfm-multi-choice-horizontal-image-size: 24px;--srfm-multi-choice-vertical-image-size: 120px;--srfm-multi-choice-outer-padding: 2px;\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t\t\t\t\t<form method=\"post\" enctype=\"multipart\/form-data\" id=\"srfm-form-2152\" class=\"srfm-form \"\n\t\t\t\tform-id=\"2152\" after-submission=\"hide form\" message-type=\"same page\" success-url=\"\" ajaxurl=\"https:\/\/oceanstarhouse.com\/wp-admin\/admin-ajax.php\" data-submit-token=\"10889de4f552e4a9a760eb8c04cca436b0ac8c0857832a998180557968902bda\"\n\t\t\t\t>\n\t\t\t\t\n\t\t\t\t<input type=\"hidden\" value=\"2152\" name=\"form-id\">\n\t\t\t\t<input type=\"hidden\" value=\"\" name=\"srfm-sender-email-field\" id=\"srfm-sender-email\">\n\t\t\t\t<input type=\"hidden\" value=\"\" id=\"srfm-page-break\">\n\t\t\t\t\t\t<p id=\"srfm-error-message\" class=\"srfm-common-error-message srfm-error-message srfm-head-error\" hidden>\t\t<span class=\"srfm-icon\" aria-hidden=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\"><path d=\"M9.99935 18.3327C14.6017 18.3327 18.3327 14.6017 18.3327 9.99935C18.3327 5.39698 14.6017 1.66602 9.99935 1.66602C5.39698 1.66602 1.66602 5.39698 1.66602 9.99935C1.66602 14.6017 5.39698 18.3327 9.99935 18.3327Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 6.66602V9.99935\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 13.334H10.0083\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>\t\t<\/span>\n\t\t<span class=\"srfm-error-content\">Une erreur s\u2019est produite lors de l\u2019envoi de votre formulaire. Veuillez r\u00e9essayer.<\/span><\/p>\n\t\t\t\t\t<div data-block-id=\"ba970620\" class=\"srfm-block-single srfm-block srfm-input-block srf-input-ba970620-block  srfm-block-width-50 srfm-slug-text-field 2152\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t<input class=\"srfm-input-common srfm-input-input\" type=\"text\" name=\"srfm-input-ba970620-lbl-Rmlyc3QgTmFtZQ-text-field\" id=\"srfm-input-ba970620-lbl-Rmlyc3QgTmFtZQ\"\n\t\t\t\t\taria-describedby='srfm-error-ba970620'\t\t\t\t\tdata-required=\"true\" aria-required=\"true\" data-unique=\"false\" maxlength=\"100\" value=\"\"  placeholder=\"First Name  *\"  data-srfm-mask=\"none\"   \/>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"srfm-error-message\" data-srfm-id=\"srfm-error-ba970620\" data-error-msg=\"Ce champ est n\u00e9cessaire.\" data-unique-msg=\"La valeur doit \u00eatre unique.\">\n\t\t\t\t\t\tCe champ est n\u00e9cessaire.\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\n\t\t\t<div data-block-id=\"f61d94cc\" class=\"srfm-block-single srfm-block srfm-input-block srf-input-f61d94cc-block  srfm-block-width-50 srfm-slug-text-field-1 2152\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t<input class=\"srfm-input-common srfm-input-input\" type=\"text\" name=\"srfm-input-f61d94cc-lbl-TGFzdCBOYW1l-text-field-1\" id=\"srfm-input-f61d94cc-lbl-TGFzdCBOYW1l\"\n\t\t\t\t\taria-describedby='srfm-error-f61d94cc'\t\t\t\t\tdata-required=\"true\" aria-required=\"true\" data-unique=\"false\" maxlength=\"100\" value=\"\"  placeholder=\"Last Name  *\"  data-srfm-mask=\"none\"   \/>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"srfm-error-message\" data-srfm-id=\"srfm-error-f61d94cc\" data-error-msg=\"Ce champ est n\u00e9cessaire.\" data-unique-msg=\"La valeur doit \u00eatre unique.\">\n\t\t\t\t\t\tCe champ est n\u00e9cessaire.\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\n\t\t\t<div data-block-id=\"ace95283\" class=\"srfm-block-single srfm-block srfm-email-block srf-email-ace95283-block  srfm-block-width-100 srfm-slug-email 2152 srfm-email-block-wrap\">\n\t\t\t\t<div class=\"srfm-email-block srf-email-ace95283-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t\t\t<input class=\"srfm-input-common srfm-input-email\" type=\"email\" name=\"srfm-email-ace95283-lbl-RW50ZXIgZW1haWwgYWRkcmVzcw-email\" id=\"srfm-email-ace95283-lbl-RW50ZXIgZW1haWwgYWRkcmVzcw\"\n\t\t\t\t\t\taria-describedby='srfm-error-ace95283'\t\t\t\t\t\tdata-required=\"true\" aria-required=\"true\" data-unique=\"false\" value=\"\"  placeholder=\"Enter email address *\"   \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"srfm-error-message\" data-srfm-id=\"srfm-error-ace95283\" data-error-msg=\"Ce champ est n\u00e9cessaire.\" data-unique-msg=\"La valeur doit \u00eatre unique.\">\n\t\t\t\t\t\tCe champ est n\u00e9cessaire.\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\n\t\t<div data-block-id=\"a4bc372c\" class=\"srfm-block-single srfm-block srfm-textarea-block srf-textarea-a4bc372c-block  srfm-block-width-100 2152\">\n\t\t\t\t\t\t\t\t\t<div class=\"srfm-block-wrap\">\n\t\t\t\t<textarea\n\t\t\t\t\tclass=\"srfm-input-common srfm-input-textarea\"\n\t\t\t\t\tname=\"srfm-textarea-a4bc372c-lbl-RW50ZXIgeW91IG1lc3NhZ2U-textarea\"\n\t\t\t\t\tid=\"srfm-textarea-a4bc372c-lbl-RW50ZXIgeW91IG1lc3NhZ2U-8310\"\n\t\t\t\t\taria-describedby='srfm-error-a4bc372c'\t\t\t\t\tdata-required=\"false\" aria-required=\"false\"  rows=\"4\"   placeholder=\"Enter you message \" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t><\/textarea>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"srfm-error-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"srfm-submit-container \" style=\"\">\n\t\t\t\t\t\t<div style=\"width: ; text-align: left\" class=\"wp-block-button\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button style=\"\" id=\"srfm-submit-btn\" class=\"srfm-btn-frontend srfm-button srfm-submit-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div class=\"srfm-submit-wrap\">\n\t\t\t\t\t\t\t\t\tSEND MESSAGE\t\t\t\t\t\t\t\t<div class=\"srfm-loader\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<p id=\"srfm-error-message\" class=\"srfm-common-error-message srfm-error-message srfm-footer-error\" hidden>\t\t<span class=\"srfm-icon\" aria-hidden=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\"><path d=\"M9.99935 18.3327C14.6017 18.3327 18.3327 14.6017 18.3327 9.99935C18.3327 5.39698 14.6017 1.66602 9.99935 1.66602C5.39698 1.66602 1.66602 5.39698 1.66602 9.99935C1.66602 14.6017 5.39698 18.3327 9.99935 18.3327Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 6.66602V9.99935\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><path d=\"M10 13.334H10.0083\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/><\/svg>\t\t<\/span>\n\t\t<span class=\"srfm-error-content\">Une erreur s\u2019est produite lors de l\u2019envoi de votre formulaire. Veuillez r\u00e9essayer.<\/span><\/p>\n\t\t\t\t\t<\/form>\n\t\t\t<div class=\"srfm-single-form srfm-success-box in-page\">\n\t\t\t\t<div aria-live=\"polite\" aria-atomic=\"true\" role=\"alert\" id=\"srfm-success-message-page-2152\" class=\"srfm-success-box-description\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        .osh-contact-section,\n        .osh-contact-section * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-contact-section {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            padding: 92px 0 108px;\n            background:\n                radial-gradient(circle at 12% 18%, rgba(186, 138, 69, .045), transparent 30%),\n                radial-gradient(circle at 86% 16%, rgba(96, 130, 151, .10), transparent 34%),\n                linear-gradient(180deg, #edf3f5 0%, #f6f7f5 48%, #f8f5ef 100%);\n            color: #0d2435;\n        }\n\n        .osh-contact-section::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17, 45, 67, .022) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17, 45, 67, .022) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .58;\n            pointer-events: none;\n        }\n\n        .osh-contact-inner {\n            position: relative;\n            z-index: 2;\n            width: min(1680px, calc(100vw - 96px));\n            margin: 0 auto;\n        }\n\n        .osh-contact-layout {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) minmax(640px, 740px);\n            gap: clamp(54px, 4.4vw, 84px);\n            align-items: stretch;\n        }\n\n        .osh-contact-left {\n            position: relative;\n            min-height: 600px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding: 34px 0 24px;\n        }\n\n        .osh-contact-left::before {\n            content: \"CONTACT\";\n            position: absolute;\n            left: -8px;\n            top: 8px;\n            color: rgba(13, 36, 53, .032);\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(76px, 9vw, 150px);\n            line-height: .82;\n            letter-spacing: -6px;\n            font-weight: 900;\n            text-transform: uppercase;\n            pointer-events: none;\n            white-space: nowrap;\n        }\n\n        .osh-contact-copy {\n            position: relative;\n            z-index: 2;\n            max-width: 780px;\n        }\n\n        .osh-contact-kicker {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 22px;\n        }\n\n        .osh-contact-kicker::before {\n            content: \"\";\n            width: 44px;\n            height: 1px;\n            background: currentColor;\n            opacity: .62;\n        }\n\n        .osh-contact-left h2 {\n            max-width: 760px;\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(34px, 3.15vw, 58px);\n            line-height: 1.03;\n            letter-spacing: -1.7px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-contact-desc {\n            max-width: 620px;\n            margin: 24px 0 0;\n            color: #5f7482;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 16px;\n            line-height: 1.72;\n            font-weight: 600;\n        }\n\n        .osh-contact-mail-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            margin-top: 30px;\n            color: #0d2435;\n            text-decoration: none;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 15px;\n            line-height: 1;\n            font-weight: 900;\n            padding-bottom: 9px;\n            border-bottom: 1px solid rgba(13, 36, 53, .25);\n        }\n\n        .osh-contact-mail-link svg {\n            width: 16px;\n            height: 16px;\n            transition: transform .25s ease;\n        }\n\n        .osh-contact-mail-link:hover {\n            color: #9a7335;\n        }\n\n        .osh-contact-mail-link:hover svg {\n            transform: translate(2px, -2px);\n        }\n\n        .osh-contact-support {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 0;\n            width: 100%;\n            max-width: 980px;\n            margin-top: 54px;\n            padding-top: 28px;\n            border-top: 1px solid rgba(13, 36, 53, .13);\n        }\n\n        .osh-contact-support div {\n            display: grid;\n            grid-template-columns: 42px minmax(0, 1fr);\n            column-gap: 16px;\n            align-items: start;\n            min-height: 78px;\n            padding: 0 28px;\n            border-right: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-contact-support div:first-child {\n            padding-left: 0;\n        }\n\n        .osh-contact-support div:last-child {\n            padding-right: 0;\n            border-right: none;\n        }\n\n        .osh-contact-info-icon {\n            display: flex;\n            align-items: flex-start;\n            justify-content: flex-start;\n            width: 38px;\n            height: 38px;\n            color: #9a7335;\n            padding-top: 2px;\n        }\n\n        .osh-contact-info-icon svg {\n            width: 30px;\n            height: 30px;\n        }\n\n        .osh-contact-info-copy {\n            display: block !important;\n            min-height: auto !important;\n            padding: 0 !important;\n            border-right: none !important;\n        }\n\n        .osh-contact-info-copy strong {\n            display: block;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 15px;\n            line-height: 1;\n            letter-spacing: -.1px;\n            font-weight: 900;\n            text-transform: uppercase;\n            margin-top: 1px;\n        }\n\n        .osh-contact-info-copy p {\n            margin: 10px 0 0;\n            color: #657986;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 13px;\n            line-height: 1.45;\n            font-weight: 650;\n        }\n\n        .osh-contact-info-copy p a {\n            color: inherit;\n            text-decoration: none;\n            transition: color .2s ease;\n        }\n\n        .osh-contact-info-copy p a:hover {\n            color: #9a7335;\n        }\n\n        .osh-contact-right {\n            width: 100%;\n            display: flex;\n            align-items: stretch;\n        }\n\n        .osh-contact-form-card {\n            width: 100%;\n            min-height: 600px;\n            border-radius: 34px;\n            padding: 42px 42px 40px;\n            background:\n                radial-gradient(circle at 72% 10%, rgba(255, 255, 255, .94), transparent 32%),\n                linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(248, 250, 250, .84) 100%);\n            border: 1px solid rgba(13, 36, 53, .08);\n            box-shadow:\n                0 34px 90px rgba(17, 45, 67, .11),\n                inset 0 1px 0 rgba(255, 255, 255, .95);\n        }\n\n        .osh-contact-form-head {\n            padding-bottom: 22px;\n            margin-bottom: 24px;\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-contact-form-head span {\n            display: block;\n            color: #9a7335;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 15px;\n        }\n\n        .osh-contact-form-head h3 {\n            max-width: 520px;\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: clamp(25px, 1.55vw, 32px);\n            line-height: 1.16;\n            letter-spacing: -.45px;\n            font-weight: 900;\n            text-transform: none;\n        }\n\n        .osh-contact-form-head p {\n            max-width: 560px;\n            margin: 12px 0 0;\n            color: #657986;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 13.2px;\n            line-height: 1.6;\n            font-weight: 600;\n        }\n\n        .osh-contact-form-wrap {\n            width: 100%;\n        }\n\n        .osh-contact-form-wrap form {\n            width: 100%;\n        }\n\n        .osh-contact-form-wrap input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"submit\"]),\n        .osh-contact-form-wrap textarea,\n        .osh-contact-form-wrap select {\n            width: 100% !important;\n            min-height: 48px;\n            border-radius: 14px !important;\n            border: 1px solid rgba(13, 36, 53, .14) !important;\n            background: rgba(255, 255, 255, .82) !important;\n            color: #0d2435 !important;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-size: 13.5px !important;\n            font-weight: 600 !important;\n            box-shadow: none !important;\n            outline: none !important;\n            transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;\n        }\n\n        .osh-contact-form-wrap textarea {\n            min-height: 126px;\n            resize: vertical;\n        }\n\n        .osh-contact-form-wrap input:focus,\n        .osh-contact-form-wrap textarea:focus,\n        .osh-contact-form-wrap select:focus {\n            border-color: rgba(154, 115, 53, .55) !important;\n            box-shadow: 0 0 0 4px rgba(154, 115, 53, .10) !important;\n            background: #ffffff !important;\n        }\n\n        .osh-contact-form-wrap label {\n            color: #0d2435 !important;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-size: 12.5px !important;\n            font-weight: 850 !important;\n        }\n\n        .osh-contact-form-wrap button,\n        .osh-contact-form-wrap input[type=\"submit\"] {\n            min-height: 50px;\n            border-radius: 999px !important;\n            border: none !important;\n            background: #0d2435 !important;\n            color: #ffffff !important;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-size: 13px !important;\n            font-weight: 900 !important;\n            letter-spacing: .04em !important;\n            text-transform: uppercase !important;\n            padding: 0 28px !important;\n            box-shadow: 0 18px 38px rgba(13, 36, 53, .22) !important;\n            cursor: pointer;\n            transition: transform .22s ease, background .22s ease, box-shadow .22s ease;\n        }\n\n        .osh-contact-form-wrap button:hover,\n        .osh-contact-form-wrap input[type=\"submit\"]:hover {\n            transform: translateY(-2px);\n            background: #9a7335 !important;\n            box-shadow: 0 22px 46px rgba(154, 115, 53, .24) !important;\n        }\n\n        @media (max-width: 1380px) {\n            .osh-contact-layout {\n                grid-template-columns: minmax(0, 1fr) minmax(600px, 680px);\n                gap: 54px;\n            }\n\n            .osh-contact-support {\n                max-width: 900px;\n            }\n\n            .osh-contact-support div {\n                padding: 0 22px;\n                column-gap: 14px;\n            }\n        }\n\n        @media (max-width: 1280px) {\n            .osh-contact-inner {\n                width: min(100%, calc(100vw - 64px));\n            }\n\n            .osh-contact-layout {\n                grid-template-columns: 1fr;\n                gap: 44px;\n            }\n\n            .osh-contact-left {\n                min-height: auto;\n                padding: 0;\n            }\n\n            .osh-contact-support {\n                max-width: none;\n            }\n\n            .osh-contact-form-card {\n                min-height: auto;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-contact-section {\n                padding: 68px 0 82px;\n            }\n\n            .osh-contact-inner {\n                width: min(100%, calc(100vw - 36px));\n            }\n\n            .osh-contact-left::before {\n                font-size: 76px;\n                top: 4px;\n            }\n\n            .osh-contact-left h2 {\n                font-size: 34px;\n                letter-spacing: -1px;\n            }\n\n            .osh-contact-desc {\n                font-size: 14px;\n                line-height: 1.65;\n            }\n\n            .osh-contact-support {\n                grid-template-columns: 1fr;\n                gap: 0;\n                margin-top: 42px;\n                padding-top: 24px;\n            }\n\n            .osh-contact-support div {\n                grid-template-columns: 38px 1fr;\n                min-height: auto;\n                padding: 0 0 22px;\n                border-right: none;\n                border-bottom: 1px solid rgba(13, 36, 53, .10);\n            }\n\n            .osh-contact-support div + div {\n                padding-top: 22px;\n            }\n\n            .osh-contact-support div:last-child {\n                padding-bottom: 0;\n                border-bottom: none;\n            }\n\n            .osh-contact-form-card {\n                border-radius: 24px;\n                padding: 30px 22px;\n            }\n\n            .osh-contact-form-head h3 {\n                font-size: 27px;\n            }\n\n            .osh-contact-form-head p {\n                font-size: 13px;\n            }\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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>CUSTOMIZABLE MODULAR HOUSING MODULAR HOUSE FOR PROJECTS &amp; LIVING APPLICATIONS: Residential Living Office &amp; Camp Use Custom Project Solutions SEND INQUIRY<\/p>","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":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","ast-breadcrumbs-content":"disabled","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-2024","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhdmIQ-wE","_links":{"self":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/comments?post=2024"}],"version-history":[{"count":100,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2024\/revisions"}],"predecessor-version":[{"id":3367,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2024\/revisions\/3367"}],"wp:attachment":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/media?parent=2024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}