PageSourceSearch

https://ohspublishing.com/

html ohspublishing.com collected 2026-10-07 03:17:32 UTC 357,183 bytes, 10,388 lines download raw bytes

1	<!DOCTYPE html>
2	<html class=""  lang="en-US">
3	<head>
4		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
5		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
7
8		<link rel="profile" href="https://gmpg.org/xfn/11" />
9		<link rel="pingback" href="https://ohspublishing.com/xmlrpc.php" />
10		<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
11	<!-- Google tag: Google Ads + GA4 -->
vendor: 65 bytes, lines 11-12
11
12	<script async src="https://www.googletagmanager.com/gtag/js?id=
12G-1SNV4GFJWY
vendor: 13 bytes, lines 12-13
12"></script>
13	
13<script>
14		window.dataLayer = window.dataLayer || [];
15		function gtag(){ dataLayer.push(arguments); }
16
17		gtag('js', new Date());
18
19		/* Google Analytics 4 */
20		gtag('config', 'G-1SNV4GFJWY');
21
22		/* Google Ads */
23		gtag('config', 'AW-1005318179');
24
25		/* Google Ads website-call tracking */
26		gtag('config', 'AW-1005318179/U4a8CP6G98YcEKPgr98D', {
27			phone_conversion_number: '(816) 605-6780'
28		});
29
30		/* GA4 phone and email contact tracking */
31		document.addEventListener('click', function (event) {
32			const link = event.target.closest('a[href]');
33			if (!link) return;
34
35			const href = link.getAttribute('href');
36			let eventName = '';
37
38			if (/^tel:/i.test(href)) eventName = 'phone_click';
39			if (/^mailto:/i.test(href)) eventName = 'email_click';
40			if (!eventName) return;
41
42			event.preventDefault();
43
44			let continued = false;
45
46			const continueToLink = function () {
47				if (continued) return;
48				continued = true;
49				window.location.href = href;
50			};
51
52			gtag('event', eventName, {
53				link_url: href,
54				event_callback: continueToLink,
55				event_timeout: 1000
56			});
57
58			window.setTimeout(continueToLink, 1100);
59		});
60	</script>
60
61
62	
63	
63<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7245050186775691" crossorigin="anonymous"></script>
63
64
65	
65<script src="https://apxl.io/script.js"></script>
65
66	
66<script>
67		apxlTag.config("19757123-5d56-4b8f-8a07-f1a56e18a101");
68	</script>
68
69
70	<!-- Meta Pixel -->
71	
71<script>
vendor: 409 bytes, lines 71-81
71
72	!function(f,b,e,v,n,t,s)
73	{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
74	n.callMethod.apply(n,arguments):n.queue.push(arguments)};
75	if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
76	n.queue=[];t=b.createElement(e);t.async=!0;
77	t.src=v;s=b.getElementsByTagName(e)[0];
78	s.parentNode.insertBefore(t,s)}(window, document,'script',
79	'https://connect.facebook.net/en_US/fbevents.js');
80
81	fbq('init', '
812061182334627295
vendor: 32 bytes, lines 81-83
81');
82	fbq('track', 'PageView');
83	
83</script>
83
84
85	
86
87	<!-- Microsoft Ads UET -->
88	
88<script>
89	(function(w, d, t, u, o) {
90		w[u] = w[u] || [];
91		o.ts = (new Date).getTime();
92
93		var n = d.createElement(t);
94		n.src = "https://bat.bing.net/bat.js?ti=" + o.ti + ("uetq" != u ? "&q=" + u : "");
95		n.async = 1;
96
97		n.onload = n.onreadystatechange = function() {
98			var s = this.readyState;
99			s && "loaded" !== s && "complete" !== s || (
100				o.q = w[u],
101				w[u] = new UET(o),
102				w[u].push("pageLoad"),
103				n.onload = n.onreadystatechange = null
104			);
105		};
106
107		var i = d.getElementsByTagName(t)[0];
108		i.parentNode.insertBefore(n, i);
109	})(window, document, "script", "uetq", {
110		ti: "343261941",
111		enableAutoSpaTracking: true
112	});
113	</script>
113
114		
115		
116		
117		
118		
119		<!-- Reddit Pixel -->
120<script>
121!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js?pixel_id=a2_jbn8ojwcht2e",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_jbn8ojwcht2e');rdt('track', 'PageVisit');
122</script>
122
123<!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER -->
124<!-- End Reddit Pixel -->
125		
126		
127		
128		
129	
130	
131	
132	
132<script>function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script");
133o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0,
134o.onload=function(){window.trackingFunctions.onLoad({appId:"6a92bcc88edfb3001c942a13"})},
135document.head.appendChild(o)}initApollo();</script>
135
136	
137	
138	
139	
140	
141	
142 
142<script>
143	window.$zoho = window.$zoho || {};
144	$zoho.salesiq = $zoho.salesiq || {
145		ready: function(){}
146	}
147</script>
vendor: 1 bytes, line 147
147
148<script id = "zsiqscript" src = "https://salesiq.zoho.com/widget?wc=siqa9074d21c9bd5df5dc277427ca5eef3229dc42dd6c236ac1c7fc722f453f00d0" defer >
149</script>
149
150	
151	
152		
153		
154		
155	<!-- Google tag (gtag.js) consent mode dataLayer added by Site Kit -->
156<script id="google_gtagjs-js-consent-mode-data-layer">
157window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
158gtag('consent', 'default', {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500});
159window._googlesitekitConsentCategoryMap = {"statistics":["analytics_storage"],"marketing":["ad_storage","ad_user_data","ad_personalization"],"functional":["functionality_storage","security_storage"],"preferences":["personalization_storage"]};
160window._googlesitekitConsents = {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500};
161</script>
161
162<!-- End Google tag (gtag.js) consent mode dataLayer added by Site Kit -->
163
164	<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
165	<title>Kansas City Web Design &amp; SEO | OHS Publishing</title>
166	<meta name="description" content="OHS Publishing provides Kansas City web design, WordPress websites, and SEO strategies built to improve visibility, build trust, and generate leads." />
167	<link rel="canonical" href="https://ohspublishing.com/" />
168	<meta property="og:locale" content="en_US" />
169	<meta property="og:type" content="website" />
170	<meta property="og:title" content="Kansas City Web Design Services for Your Business | OHS Publishing" />
171	<meta property="og:description" content="Explore Kansas City Web Design tailored for small businesses. Elevate your online presence with expert design solutions." />
172	<meta property="og:url" content="https://ohspublishing.com/" />
173	<meta property="og:site_name" content="OHS Publishing" />
174	<meta property="article:publisher" content="https://www.facebook.com/ohspublishingkc" />
175	<meta property="article:modified_time" content="2026-09-29T19:34:39+00:00" />
176	<meta property="og:image" content="https://ohspublishing.com/wp-content/uploads/2025/10/AI-Driven-Web-Design-ohs-publishing-kansas-city-web-design-1.webp" />
177	<meta property="og:image:width" content="1200" />
178	<meta property="og:image:height" content="630" />
179	<meta property="og:image:type" content="image/webp" />
180	<meta name="twitter:card" content="summary_large_image" />
181	<meta name="twitter:title" content="Kansas City Web Design Services for Small Businesses | OHS Publishing" />
182	<meta name="twitter:description" content="Explore Kansas City Web Design services tailored for small businesses and enhance your online presence effectively." />
183	<meta name="twitter:image" content="https://ohspublishing.com/wp-content/uploads/2025/10/AI-Driven-Web-Design-ohs-publishing-kansas-city-web-design-3.jpg" />
184	<meta name="twitter:site" content="@ohspublishing" />
185	
185<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ohspublishing.com\/","url":"https:\/\/ohspublishing.com\/","name":"Kansas City Web Design & SEO | OHS Publishing","isPartOf":{"@id":"https:\/\/ohspublishing.com\/#website"},"about":{"@id":"https:\/\/ohspublishing.com\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/ohspublishing.com\/#primaryimage"},"image":{"@id":"https:\/\/ohspublishing.com\/#primaryimage"},"thumbnailUrl":"https:\/\/ohspublishing.com\/wp-content\/uploads\/2026\/05\/OHS-Publishing.jpg","datePublished":"2020-12-14T01:29:53+00:00","dateModified":"2026-09-29T19:34:39+00:00","description":"OHS Publishing provides Kansas City web design, WordPress websites, and SEO strategies built to improve visibility, build trust, and generate leads.","breadcrumb":{"@id":"https:\/\/ohspublishing.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ohspublishing.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ohspublishing.com\/#primaryimage","url":"https:\/\/ohspublishing.com\/wp-content\/uploads\/2026\/05\/OHS-Publishing.jpg","contentUrl":"https:\/\/ohspublishing.com\/wp-content\/uploads\/2026\/05\/OHS-Publishing.jpg","width":1254,"height":1254,"caption":"The OHS Publishing logo showcasing web, SEO, and design expertise based in Kansas City."},{"@type":"BreadcrumbList","@id":"https:\/\/ohspublishing.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ohspublishing.com\/"}]},{"@type":"WebSite","@id":"https:\/\/ohspublishing.com\/#website","url":"https:\/\/ohspublishing.com\/","name":"OHS Publishing","description":"Kansas City Web Design &amp; SEO","publisher":{"@id":"https:\/\/ohspublishing.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ohspublishing.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Organization","Place"],"@id":"https:\/\/ohspublishing.com\/#organization","name":"OHS Publishing","url":"https:\/\/ohspublishing.com\/","logo":{"@id":"https:\/\/ohspublishing.com\/#local-main-organization-logo"},"image":{"@id":"https:\/\/ohspublishing.com\/#local-main-organization-logo"},"sameAs":["https:\/\/www.facebook.com\/ohspublishingkc","https:\/\/x.com\/ohspublishing","https:\/\/mastodon.social\/@ohspublishing","https:\/\/www.instagram.com\/ohs.publishing"],"description":"OHS Publishing is a web design company based in Kansas City, Missouri. We specialize in providing creative web design\/development and SEO services. With our expertise, we help businesses create engaging and user-friendly websites to establish a strong online presence.","legalName":"OHS Publishing","foundingDate":"2004-06-04","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"},"address":{"@id":"https:\/\/ohspublishing.com\/#local-main-place-address"},"geo":{"@type":"GeoCoordinates","latitude":"39.3738744","longitude":"-94.5844419"},"telephone":["+1-816-605-6780","8163077034"],"contactPoint":{"@type":"ContactPoint","telephone":"8166056780","email":"[email protected]"},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"08:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Saturday","Sunday"],"opens":"00:00","closes":"00:00"}],"email":"[email protected]","areaServed":"Kansas City metropolitan area and surrounding communities within approximately 75 miles"},{"@type":"PostalAddress","@id":"https:\/\/ohspublishing.com\/#local-main-place-address","streetAddress":"206 Richardson St, Suite 1019","addressLocality":"Smithville","postalCode":"64089","addressRegion":"MO","addressCountry":"US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ohspublishing.com\/#local-main-organization-logo","url":"https:\/\/ohspublishing.com\/wp-content\/uploads\/2025\/08\/347230767_630872265613290_1176265837044507930_n.jpg","contentUrl":"https:\/\/ohspublishing.com\/wp-content\/uploads\/2025\/08\/347230767_630872265613290_1176265837044507930_n.jpg","width":950,"height":950,"caption":"OHS Publishing"}]}</script>
185
186	<meta name="msvalidate.01" content="d2392a247590b90635fe4d2510e7a7ba" />
187	<meta name="google-site-verification" content="pIf2jDEUhOfRTwlvcXbxyrELOu2_FG6RakKXu9mZpA4" />
188	<link rel="me" href="https://mastodon.social/@ohspublishing" />
189	<meta name="geo.placename" content="Smithville" />
190	<meta name="geo.position" content="39.3738744;-94.5844419" />
191	<meta name="geo.region" content="United States (US)" />
192	<!-- / Yoast SEO Premium plugin. -->
193
194
195<link rel='dns-prefetch' href='//www.googletagmanager.com' />
196<link rel="alternate" type="application/rss+xml" title="OHS Publishing &raquo; Feed" href="https://ohspublishing.com/feed/" />
197<link rel="alternate" type="application/rss+xml" title="OHS Publishing &raquo; Comments Feed" href="https://ohspublishing.com/comments/feed/" />
198<link rel="alternate" type="application/rss+xml" title="OHS Publishing &raquo; Home Comments Feed" href="https://ohspublishing.com/kansas-city-web-design-and-seo/feed/" />
199<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ohspublishing.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fohspublishing.com%2F" />
200<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ohspublishing.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fohspublishing.com%2F&#038;format=xml" />
201		<link rel="shortcut icon" href="//ohspublishing.com/wp-content/uploads/2026/05/OHS-Publishing.jpg" type="image/x-icon" />
202				<link rel="apple-touch-icon" href="//ohspublishing.com/wp-content/uploads/2026/05/OHS-Publishing.jpg" />
203				<link rel="apple-touch-icon" sizes="120x120" href="//ohspublishing.com/wp-content/uploads/2026/05/OHS-Publishing.jpg" />
204				<link rel="apple-touch-icon" sizes="76x76" href="//ohspublishing.com/wp-content/uploads/2026/05/OHS-Publishing.jpg" />
205				<link rel="apple-touch-icon" sizes="152x152" href="//ohspublishing.com/wp-content/uploads/2026/05/OHS-Publishing.jpg" />
206		<style id="wp-img-auto-sizes-contain-inline-css">
207img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
208/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
209</style>
210<style id="wp-emoji-styles-inline-css">
211
212	img.wp-smiley, img.emoji {
213		display: inline !important;
214		border: none !important;
215		box-shadow: none !important;
216		height: 1em !important;
217		width: 1em !important;
218		margin: 0 0.07em !important;
219		vertical-align: -0.1em !important;
220		background: none !important;
221		padding: 0 !important;
222	}
223/*# sourceURL=wp-emoji-styles-inline-css */
224</style>
225<style id="wp-block-library-inline-css">
226:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
226--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
227
228/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
229</style>
230<style id="classic-theme-styles-inline-css">
231/*! This file is auto-generated */
232.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
233/*# sourceURL=/wp-includes/css/classic-themes.min.css */
234</style>
235
236<style id="global-styles-inline-css">
237:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: var(--porto-primary-color);--wp--preset--color--secondary: var(--porto-secondary-color);--wp--preset--color--tertiary: var(--porto-tertiary-color);--wp--preset--color--quaternary: var(--porto-quaternary-color);--wp--preset--color--dark: var(--porto-dark-color);--wp--preset--color--light: var(--porto-light-color);--wp--preset--color--primary-hover: var(--porto-primary-light-5);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
2370) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-color{color: var(--wp--preset--color--quaternary) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-light-color{color: var(--wp--preset--color--light) !important;}.has-primary-hover-color{color: var(--wp--preset--color--primary-hover) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-background-color{background-color: var(--wp--preset--color--quaternary) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-light-background-color{background-color: var(--wp--preset--color--light) !important;}.has-primary-hover-background-color{background-color: var(--wp--preset--color--primary-hover) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-quaternary-border-color{border-color: var(--wp--preset--color--quaternary) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-light-border-color{border-color: var(--wp--preset--color--light) !important;}.has-primary-hover-border-color{border-color: var(--wp--preset--color--primary-hover) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
237.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
238/*# sourceURL=global-styles-inline-css */
239</style>
240
241<link rel='stylesheet' id='porto-css-vars-css' href='https://ohspublishing.com/wp-content/uploads/porto_styles/theme_css_vars.css?ver=7.9.4' media='all' />
242<link rel='stylesheet' id='js_composer_front-css' href='https://ohspublishing.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=9.0.1' media='all' />
243<link rel='stylesheet' id='simple-line-icons-css' href='https://ohspublishing.com/wp-content/themes/porto/css/Simple-Line-Icons/Simple-Line-Icons.css?ver=7.9.4' media='all' />
244<link rel='stylesheet' id='bootstrap-css' href='https://ohspublishing.com/wp-content/uploads/porto_styles/bootstrap.css?ver=7.9.4' media='all' />
245<link rel='stylesheet' id='porto-plugins-css' href='https://ohspublishing.com/wp-content/themes/porto/css/plugins.css?ver=7.9.4' media='all' />
246<link rel='stylesheet' id='porto-theme-css' href='https://ohspublishing.com/wp-content/themes/porto/css/theme.css?ver=7.9.4' media='all' />
247<link rel='stylesheet' id='porto-animate-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/animate.css?ver=7.9.4' media='all' />
248<link rel='stylesheet' id='porto-widget-text-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/widget-text.css?ver=7.9.4' media='all' />
249<link rel='stylesheet' id='porto-blog-legacy-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/blog-legacy.css?ver=7.9.4' media='all' />
250<link rel='stylesheet' id='porto-header-legacy-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/header-legacy.css?ver=7.9.4' media='all' />
251<link rel='stylesheet' id='porto-footer-legacy-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/footer-legacy.css?ver=7.9.4' media='all' />
252<link rel='stylesheet' id='porto-nav-panel-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/nav-panel.css?ver=7.9.4' media='all' />
253<link rel='stylesheet' id='porto-sticky-scroll-up-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/sticky-scroll-up.css?ver=7.9.4' media='all' />
254<link rel='stylesheet' id='porto-media-mobile-sidebar-css' href='https://ohspublishing.com/wp-content/themes/porto/css/part/media-mobile-sidebar.css?ver=7.9.4' media='(max-width:991px)' />
255<link rel='stylesheet' id='porto-theme-portfolio-css' href='https://ohspublishing.com/wp-content/themes/porto/css/theme_portfolio.css?ver=7.9.4' media='all' />
256<link rel='stylesheet' id='porto-theme-member-css' href='https://ohspublishing.com/wp-content/themes/porto/css/theme_member.css?ver=7.9.4' media='all' />
257<link rel='stylesheet' id='porto-shortcodes-css' href='https://ohspublishing.com/wp-content/uploads/porto_styles/shortcodes.css?ver=7.9.4' media='all' />
258<link rel='stylesheet' id='porto-theme-wpb-css' href='https://ohspublishing.com/wp-content/themes/porto/css/theme_wpb.css?ver=7.9.4' media='all' />
259<link rel='stylesheet' id='porto-dynamic-style-css' href='https://ohspublishing.com/wp-content/uploads/porto_styles/dynamic_style.css?ver=7.9.4' media='all' />
260<link rel='stylesheet' id='porto-type-builder-css' href='https://ohspublishing.com/wp-content/plugins/porto-functionality/builders/assets/type-builder.css?ver=3.9.4' media='all' />
261<link rel='stylesheet' id='porto-style-css' href='https://ohspublishing.com/wp-content/themes/porto/style.css?ver=7.9.4' media='all' />
262<style id="porto-style-inline-css">
263.vc_custom_1776876219704{margin-bottom: -45px !important;}
264.side-header-narrow-bar-logo{max-width:275px}@media (min-width:992px){}.page-top ul.breadcrumb > li.home{display:inline-block}.page-top ul.breadcrumb > li.home a{position:relative;width:1em;text-indent:-9999px}.page-top ul.breadcrumb > li.home a:after{content:"\e883";font-family:'porto';float:left;text-indent:0}@media (min-width:1500px){.left-sidebar.col-lg-3,.right-sidebar.col-lg-3{width:20%}.main-content.col-lg-9{width:80%}.main-content.col-lg-6{width:60%}}#header .mobile-toggle{font-size:13px;background-color:#0088cc;color:#ffffff}.ohs-case-wrap{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}.ohs-case-hero{padding:90px 0 75px;background:linear-gradient(135deg,#06111f 0,#0b63ce 100%);color:#fff;text-align:center}.ohs-case-eyebrow{display:inline-block;margin:0 0 16px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ohs-case-hero h1{max-width:920px;margin:0 auto 22px;color:#fff;font-size:clamp(38px,5vw,68px);line-height:1.04;font-weight:900;letter-spacing:-0.04em}.ohs-case-intro{max-width:860px;margin:0 auto 34px;color:rgba(255,255,255,.88);font-size:20px;line-height:1.7}.ohs-case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:36px auto 30px;text-align:left}.ohs-case-meta div{padding:22px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 40px rgba(0,0,0,.18)}.ohs-case-meta strong{display:block;margin-bottom:7px;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.ohs-case-meta span{color:rgba(255,255,255,.82);font-size:15px;line-height:1.5}.ohs-case-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px}.ohs-case-buttons a{display:inline-block;padding:15px 28px;border-radius:999px;background:#fff;color:#07111f;font-size:16px;font-weight:800;text-decoration:none;transition:.2s ease}.ohs-case-buttons a:hover{transform:translateY(-3px);background:#eaf3ff;color:#0b63ce}.ohs-case-section{padding:76px 0;background:#fff}.ohs-case-light{background:#f5f8fc}.ohs-case-section h2{max-width:900px;margin:0 0 20px;color:#07111f;font-size:clamp(32px,4vw,50px);line-height:1.1;font-weight:900;letter-spacing:-0.035em}.ohs-case-section h3{margin:0 0 12px;color:#07111f;font-size:24px;line-height:1.25;font-weight:900}.ohs-case-section p{max-width:900px;margin:0 0 22px;color:#3d4958;font-size:18px;line-height:1.75}.ohs-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:34px}.ohs-feature-grid > div{padding:30px;border-radius:22px;background:#fff;border:1px solid #dce6f2;box-shadow:0 14px 34px rgba(7,17,31,.07)}.ohs-feature-grid p{margin-bottom:0;font-size:16px}.ohs-check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1000px;margin:30px 0 0;padding:0;list-style:none}.ohs-check-list li{position:relative;padding:17px 18px 17px 50px;border-radius:16px;background:#fff;border:1px solid #dce6f2;color:#263241;font-size:16px;line-height:1.55;box-shadow:0 10px 26px rgba(7,17,31,.055)}.ohs-check-list li::before{content:"✓";position:absolute;left:18px;top:17px;width:23px;height:23px;border-radius:50%;background:#0b63ce;color:#fff;font-size:13px;font-weight:900;line-height:23px;text-align:center}.ohs-before-after{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:34px}.ohs-before-after > div{padding:32px;border-radius:22px;background:#fff;border:1px solid #dce6f2;box-shadow:0 14px 34px rgba(7,17,31,.07)}.ohs-before-after ul{margin:0;padding-left:20px}.ohs-before-after li{margin-bottom:10px;color:#3d4958;font-size:16px;line-height:1.6}.ohs-service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.ohs-service-links a{display:block;padding:24px;border-radius:18px;background:#07111f;color:#fff;font-size:17px;font-weight:900;text-decoration:none;transition:.2s ease}.ohs-service-links a:hover{transform:translateY(-4px);background:#0b63ce;color:#fff}.ohs-case-cta{padding:86px 0;background:linear-gradient(135deg,#07111f 0,#0b63ce 100%);color:#fff;text-align:center}.ohs-case-cta h2{max-width:900px;margin:0 auto 18px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.08;font-weight:900;letter-spacing:-0.035em}.ohs-case-cta p{max-width:800px;margin:0 auto 28px;color:rgba(255,255,255,.84);font-size:19px;line-height:1.7}
264@media (max-width:900px){.ohs-case-meta,.ohs-feature-grid,.ohs-check-list,.ohs-before-after,.ohs-service-links{grid-template-columns:1fr}.ohs-case-hero{padding:65px 0 55px}.ohs-case-section{padding:58px 0}.ohs-case-meta div,.ohs-feature-grid > div,.ohs-before-after > div{padding:24px}}@media (max-width:600px){.ohs-case-wrap{padding:0 18px}.ohs-case-hero h1{font-size:36px}.ohs-case-intro,.ohs-case-section p,.ohs-case-cta p{font-size:16px}.ohs-case-buttons a{width:100%;text-align:center}}.page-top{padding:1rem 0}.page-top .page-title{font-size:2.75em;line-height:1}.page-top .breadcrumb{font-size:14px}.page-top .breadcrumb > li{font-size:.8em;line-height:26px;color:rgba(255,255,255,.7)}.page-top .breadcrumbs-wrap .delimiter::before{color:inherit;opacity:0.5;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f105" !important;padding:0 8px 0 6px}.page-top ul.breadcrumb>li .delimiter{margin:0}.btn{padding:1rem 3rem;border-radius:4px;font-weight:700;font-size:14px;line-height:1.5}.text-decoration-underline{text-decoration:underline}.shape-divider{position:absolute;bottom:0;left:0;width:100%}.shape-divider-top{bottom:auto;top:0}.shape-divider.shape-divider-reverse-x{transform:rotateX(180deg)}.shape-divider svg{position:absolute;top:0;left:50%;height:100%;transform:translate3d(-50%,0,0)}.shape-divider3{height:116px}@media (min-width:1921px){.shape-divider svg{width:100vw}}.floating-images > .vc_column-inner{position:relative}@media (min-width:1200px){.container{max-width:1200px}}.custom-list-style li{padding-left:50px !important;line-height:24px}.custom-list-style li i{width:40px !important;height:40px !important;font-size:.9rem !important;top:1px !important;border-color:#e9e9e9 !important;line-height:30px}.owl-custom-nav .owl-nav .owl-prev,.owl-custom-nav .owl-nav .owl-next{min-width:35px;height:35px}.owl-custom-nav .owl-nav .owl-prev::before,.owl-custom-nav .owl-nav .owl-next::before{content:'\f060';font-family:'Font Awesome 5 Free';font-weight:900;font-size:1.2rem;position:relative;left:-1px;top:-1px;color:#183f72}.owl-custom-nav .owl-nav .owl-next::before{content:'\f061'}.owl-custom-nav .owl-nav button.owl-prev{left:0 !important}.owl-custom-nav .owl-nav button.owl-next{right:0 !important;text-align:right}.owl-custom-nav{padding-left:40px;padding-right:40px}.owl-custom-nav .owl-nav{left:0}@media (min-width:992px){.owl-custom-nav .owl-nav button.owl-prev{left:-50px !important}.owl-custom-nav .owl-nav button.owl-next{right:-50px !important}.owl-custom-nav{padding-left:0;padding-right:0}}@-webkit-keyframes customHighlightAnim{0%{width:0;opacity:1}100%{width:100%;opacity:1}}@keyframes customHighlightAnim{0%{width:0;opacity:1}100%{width:100%;opacity:1}}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}.intro-section{z-index:auto}.intro-section .porto-ibanner-layer{font-size:14px}@media (max-width:991px){.intro-section .porto-ibanner-layer{width:100% !important}}.intro-title strong{padding:4px;font-weight:800}@media (min-width:992px){.intro-title strong{position:relative;z-index:1;white-space:nowrap}.intro-title strong:after{content:'';position:absolute;top:0;left:0;width:0;height:100%;white-space:nowrap;background-color:#212529;z-index:-1;-webkit-animation-name:customHighlightAnim;animation-name:customHighlightAnim;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s}}.shape-divider1{height:576px}.custom-svg-fill-color-tertiary{fill:#0281d7}.custom-svg-stars{position:absolute;top:0;right:100%;width:calc(300px + 15px);opacity:0.1;z-index:0}.clean-animation-1 svg g:nth-child(1){animation:cleanAnimation 3s;animation-iteration-count:infinite}.clean-animation-1 svg g:nth-child(2){animation:cleanAnimation 3s;animation-iteration-count:infinite;animation-delay:400ms}.clean-animation-1 svg g:nth-child(3){animation:cleanAnimation 3s;animation-iteration-count:infinite;animation-delay:800ms}@keyframes cleanAnimation{0%{opacity:0;transform:scale(0.8);transform-origin:50% 50%}85%{opacity:1;transform:scale(1);transform-origin:50% 50%}100%{opacity:0;transform:scale(1);transform-origin:50% 50%}}.card-section{position:relative}.card-section .row{align-items:flex-end}.card-section .card{margin:0 auto;max-width:690px;background:#fff;border-radius:8px;border:none;box-shadow:0 30px 90px rgba(187,187,187,0.33)}
264.card-section .card .porto-u-sub-heading{width:100%}.card-section .card .wpcf7-form p{margin-bottom:1rem}.card-section .card .form-control{height:calc(1.8em + 1.85rem + 2px);padding:15.6px 20px;padding:0.975rem 1.25rem;background:#f7f7f7;border-color:#f7f7f7;line-height:1.5 !important;border-radius:4px}.card-section .card .form-control:focus{border-color:#ccc}.card-section .card select.form-control{color:#495057;font-size:.85rem}.card-section .card .services:before{content:'\f107';font-family:"Font Awesome 5 Free";position:absolute;display:block;top:53.5%;right:13px;color:#212530;font-weight:900;font-size:12.6px;pointer-events:none;transform:translate3d(0,-50%,0)}.card-section .card .wpcf7-form-control-wrap{display:block;margin-bottom:1.25rem}.card-section .contact-info .porto-u-sub-heading{margin:0}.card-section .contact-info a:hover{color:#00a1cd !important}@media(max-width:1199px){.card-section .contact-info .porto-u-main-heading > *{font-size:14px !important}.card-section .contact-info .porto-u-sub-heading > *{font-size:20px !important}}.info-boxes .owl-stage-outer{margin-right:1px}.info-boxes .owl-item:not(:last-child){border-right:1px solid rgba(0,0,0,0.06)}.custom-heading1 strong{display:block;font-size:.8em}.custom-box-shadow-1 .vc_single_image-wrapper{box-shadow:0 0 90px -55px rgba(0,0,0,0.25) !important}.custom-absolute-img{position:absolute;left:25%;top:50%;transform:translate3d(-50%,-50%,0)}@keyframes customLineAnimation{0%{width:0;opacity:1}100%{width:50px;opacity:1}}.custom-border hr{width:50px;vertical-align:middle}.customLineAnimation hr{animation:1s customLineAnimation}.shape-divider2{height:102px}.custom-card{text-align:center;background:#fff;border-radius:4px;border:2px solid transparent;transition:border .3s}.custom-card .feature-image{display:inline-block;border-radius:50%}.custom-card .feature-image img{transform:translate3d(5px,-5px,0);transition:ease transform 300ms}.custom-card .feature-image .vc_single_image-wrapper{overflow:visible}.custom-card:hover{border-color:#00a1cd}.custom-card:hover .feature-image img{transform:translate3d(0,0,0)}.custom-card:hover .card-title .porto-u-main-heading h4{color:#00a1cd !important;transition:color .3s}.custom-card:hover .read-more{color:#183f72 !important;transition:color .3s}.custom-carousel-box-shadow:before{content:'';position:absolute;top:50%;left:50%;width:65%;height:0;box-shadow:0 0 110px 180px rgba(0,0,0,0.07);transform:translate3d(-50%,-50%,0);z-index:0}.custom-svg-fill-color-tertiary-darken{fill:#0272be}.banner-cta::before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#0281d7;opacity:.8;pointer-events:none;transition:ease opacity 300ms 100ms}.faq-list .card{margin-top:20px;box-shadow:none;border:1px solid transparent;border-radius:4px;overflow:hidden;transition:border .3s}.faq-list .card-body{padding:2rem;background:#fff}.faq-list .card:hover{border-color:#00a1cd}.faq-list .card-header{margin:-1px}.faq-list .card-header .accordion-toggle{display:block;position:relative;padding:23px 30px;font-size:16px;font-weight:700;letter-spacing:-.05em;line-height:27px}.faq-list .card-header .accordion-toggle[aria-expanded="true"]{background-color:#00a1cd;color:#fff !important}.faq-list .card-header a:after{content:'+';position:absolute;top:50%;right:25px;font-size:inherit;font-weight:inherit;transform:translate3d(0,-50%,0) rotate(45deg);transform-origin:50% 50%;transition:ease transform 300ms}.faq-list .card-header a:not([aria-expanded="true"]):after{transform:translate3d(0,-50%,0) rotate(0deg)}.custom-feature-box:hover .custom-feature-icon img{animation:toRightFromLeft 0.3s forwards}.custom-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:100%}.custom-feature-icon img{width:45px;height:45px;line-height:45px}.custom-portfolios .row{margin-left:-10px;margin-right:-10px}.custom-portfolios .portfolio-item{margin-left:10px;margin-right:10px;border-radius:4px;overflow:hidden}@media (min-width:992px){.custom-portfolios .owl-nav button.owl-prev{left:-40px !important}.custom-portfolios .owl-nav button.owl-next{right:-40px !important}}
264.custom-portfolios .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after{opacity:.8}.custom-portfolios .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after{opacity:0;background:#183f72}.custom-portfolios .thumb-info-action .thumb-info-action-icon{display:none}.custom-portfolios .portfolio-title{margin:0 0 .25rem !important;padding-bottom:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 20px));font-size:1.8em;font-weight:700;color:#fff;opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.custom-portfolios .color-body{margin-bottom:0 !important;padding-top:31px;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 20px));font-size:14px;line-height:26px;color:#fff;opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.custom-portfolios .portfolio-item:hover .portfolio-title,.custom-portfolios .portfolio-item:hover .color-body{transform:translate(-50%,-50%);opacity:1}.custom-portfolios{margin-top:0;margin-bottom:1rem;padding:0}@media (max-width:991px){.custom-portfolios .owl-carousel{padding-left:40px;padding-right:40px}}@media (max-width:991px){.custom-members .owl-nav button.owl-prev{left:-40px !important}.custom-members .owl-nav button.owl-next{right:-40px !important}}.custom-members .member-slide{border:2px solid transparent;border-radius:4px;transition:ease border .3s}.custom-members .member-item{margin-bottom:0;padding:3rem 2rem;background:#f7f7f7}.custom-members .thumb-info-wrapper{overflow:visible}.custom-members .member-image{display:inline-block;margin-bottom:1.4rem;background:#00a1cd;border-radius:50%;overflow:visible}.custom-members .member-image img{transform:translate3d(5px,-5px,0);transition:ease transform 300ms;border-radius:50%}.custom-members .member-item:hover img{transform:translate3d(0,0,0)}.custom-members .member-slide:hover{border-color:#00a1cd}.custom-members .member-info-container h4{margin-top:0 !important;font-size:1.5em;font-weight:700;line-height:1;color:#183f72}.custom-members .member-info-container p{margin-bottom:.75em !important;font-size:.9em;line-height:26px}.custom-members .share-links > a{margin:0 6.5px;width:48px;height:48px;line-height:48px}@media (max-width:359px){.custom-members .share-links > a{width:32px;height:32px;line-height:32px}}.custom-members .share-links > a:not(:hover){background-color:#183f72}.custom-members .zoom,.custom-members .thumb-info-caption-text{display:none}.custom-members .share-links{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse}.testimonials-slider .testimonial blockquote{padding:45px 40px 35px 40px;border-radius:4px;background:#fff}.testimonials-slider .testimonial blockquote::before{content:'\f10d';font-family:"Font Awesome 5 Free";font-weight:900;font-size:19.2px;font-size:1.2rem;top:15px;left:15px;color:#0281d7}.testimonials-slider .testimonial .testimonial-arrow-down{display:none}.testimonials-slider .testimonial .testimonial-author-thumbnail img{max-width:67px}.testimonials-slider .testimonial .testimonial-author{margin:19px 0 0}.testimonials-slider .testimonial blockquote p{font-family:"Open Sans",Arial,sans-serif;font-size:1em;color:#777;line-height:26px}.testimonials-slider .testimonial-author p strong{margin-bottom:.25rem;font-size:1.2em;font-weight:600;line-height:1.2;letter-spacing:0}.testimonials-slider .testimonial-author p span{font-size:.9em;font-weight:600;line-height:1.2}.testimonials-slider .testimonial-author{align-items:center}.testimonials-slider .testimonial-author p{margin:0 0 0 .6rem}.testimonials-slider .owl-dots{text-align:left}.testimonials-slider.owl-carousel .owl-dots .owl-dot span{background:rgba(255,255,255,0.6)}.testimonials-slider.owl-carousel .owl-dots .owl-dot.active span{background:#fff}.custom-price-boxes .owl-stage-outer{margin:-1px;padding:1px}.custom-price-boxes .pricing-table{margin:0}.custom-price-boxes .porto-price-box.plan{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;border-radius:.25rem !important;border:2px solid transparent !important;font-size:14px;transition:ease border 300ms}.custom-price-boxes .porto-price-box:hover{border-color:#00a1cd !important}.custom-price-boxes .porto-price-box > h3{font-size:14px}.custom-price-boxes .porto-price-box > h3 strong{font-size:1.2em;font-weight:500;color:#00a1cd;line-height:24px;letter-spacing:-.05em}.custom-price-boxes .porto-price-box > h3 strong,.custom-price-boxes .porto-price-box .plan-price,.custom-price-boxes .porto-price-box .list{margin:0 0 1.5rem;padding:0 0 .25rem;background:none}.custom-price-boxes .porto-price-box .price{display:flex;align-items:flex-end;font-size:3.5em;font-weight:700;line-height:1;color:#212529}.custom-price-boxes .porto-price-box .price-unit{position:relative;bottom:6px;font-size:50%;font-weight:400;line-height:1}.custom-price-boxes .porto-price-box > .btn{margin:0 !important;padding-top:1.25rem;padding-bottom:1.25rem;order:1}.custom-price-boxes .porto-price-box .list li{margin-bottom:13px;padding:0;border:none;line-height:24px;font-size:14px}.custom-price-boxes .porto-price-box .list i{margin-right:3px;font-size:17px}.custom-overlay::before{display:block !important;opacity:0.8;content:' ';position:absolute;top:0;right:0;bottom:0;left:0;background:#212529;pointer-events:none;
264transition:ease opacity 300ms 100ms}.intro-title2 strong{padding:.5rem !important;font-weight:700}.intro-title2 strong::after{background:#00a1cd}@media (max-width:768px){.custom-blog-section .boxed-posts .post{margin-bottom:1.5rem}}.custom-blog-section .post-image,.custom-blog-section .post-image .owl-carousel{margin-bottom:.5rem !important}.custom-blog-section .post .post-meta{display:inline-block;text-transform:uppercase;font-size:.8em;margin:.5rem 0;line-height:26px}.custom-blog-section .post-meta + .post-meta > span::before{content:'|';display:inline-block;opacity:0.3;padding:0 .5rem;color:#777}.custom-blog-section .post-meta > span{padding-right:0 !important}.custom-blog-section .post-meta i{display:none}.custom-blog-section .boxed-posts .grid-box{position:relative;padding:1rem !important;background:#fff}.custom-blog-section .boxed-posts .grid-box > *{position:relative}.custom-blog-section .boxed-posts .grid-box::before{display:block;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0.33;content:'';box-shadow:0 30px 90px #BBB;transition:all 0.2s ease-in-out}.custom-blog-section .post a:not(.btn):not(:hover){color:inherit}.custom-blog-section .post .entry-title{margin-bottom:.5rem;padding-bottom:.25rem;font-size:1.5em;font-weight:700;letter-spacing:-.05em;line-height:27px}.custom-blog-section .post-excerpt{margin-bottom:.5rem;font-size:14px;font-weight:400;letter-spacing:0;line-height:26px}.custom-blog-section .post .btn-readmore{padding:0.533rem 0.933rem 0.533rem 0;font-size:1em !important;font-weight:600;color:#00a1cd;background:transparent;border:none}.custom-blog-section .posts-no-image .post-image{display:none}.custom-blog-section .posts-no-image .post-meta{padding-top:.25rem;margin:0 0 .5rem}.custom-blog-section .posts-no-image .post-meta span{padding-right:0}.custom-blog-section article.post{margin-bottom:0}.custom-blog-section .posts-no-image .post:not(:last-child)::after{content:'';display:block;background:rgba(0,0,0,0.06);border:0;height:1px;margin:22px 0}.single-portfolio .portfolio-info{display:none}.single-portfolio .portfolio .col-md-5{display:none}.single-portfolio .portfolio .col-md-7{margin-top:0 !important;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.single-portfolio #main{padding-top:50px;background:#f7f7f7}.single-portfolio .main-content,.single-portfolio .sidebar{padding-top:1.5rem}.single-portfolio .portfolio-slideshow{padding-left:40px;padding-right:40px}.single-portfolio .portfolio-slideshow .owl-nav .owl-prev,.single-portfolio .portfolio-slideshow .owl-nav .owl-next{min-width:35px;height:35px;background:transparent !important}.single-portfolio .portfolio-slideshow .owl-nav button::before{content:'\f060';font-family:'Font Awesome 5 Free';font-weight:900;font-size:1.2rem;position:relative;left:-1px;top:-1px;color:#183f72}.single-portfolio .portfolio-slideshow .owl-nav .owl-next::before{content:'\f061'}.single-portfolio .portfolio-slideshow .owl-nav button.owl-prev{left:0 !important}.single-portfolio .owl-nav button.owl-next{right:0 !important;text-align:right}.single-portfolio .portfolio-slideshow .owl-nav{left:0}.single-portfolio .portfolio-slideshow .img-thumbnail{border-radius:4px;overflow:hidden}.single-portfolio .portfolio-desc{position:relative;margin:0 0 1rem !important;font-size:1.8em;font-weight:700;color:#212529;line-height:42px;text-indent:-9999px}.single-portfolio .portfolio-desc::before{content:'Description';position:absolute;left:0;top:0;text-indent:0}.single-portfolio .portfolio-image + div{margin-top:3rem !important}.single-portfolio .porto-block-html-content-bottom{padding-top:0}.single-portfolio .main-content,.single-portfolio .sidebar{padding-bottom:37px}.single-portfolio .sidebar{position:relative;z-index:3}@media (min-width:992px){.main-content + .sidebar{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-9.main-content{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.blog .post{margin-bottom:3rem}.posts-modern .post-image,.posts-modern .post-image .owl-carousel{margin-bottom:.5rem !important}.posts-modern .post-content{display:flex;flex-direction:column}.posts-modern .post .post-meta{font-size:.8em;margin:.5rem 0;line-height:26px;order:-1}.posts-modern .post-meta>span:after{margin-left:11px;opacity:.3}.posts-modern .post .post-meta>span{padding-right:11px}.posts-modern .post{position:relative;padding:1rem !important;background:#fff;border-bottom:none}.posts-modern .post > *{position:relative}.posts-modern .post::before{display:block;position:absolute;
264left:0;top:0;height:100%;width:100%;opacity:0.33;content:'';box-shadow:0 30px 90px #BBB;transition:all 0.2s ease-in-out}.posts-modern .post .entry-title{margin-bottom:.5rem;padding-bottom:.25rem;font-size:1.5em;font-weight:700;letter-spacing:-.05em;line-height:27px}.posts-modern .post-excerpt{margin-bottom:.5rem;font-size:14px;font-weight:400;letter-spacing:0;line-height:26px}.posts-modern .post .btn-readmore{display:inline-block;position:relative;padding:0.533rem 0.933rem 0.533rem 0;font-size:1em !important;font-weight:600;line-height:1.5;border:1px solid transparent;color:#00a1cd;background:transparent}.porto-blog-sidebar .widget{padding-left:1rem;padding-right:1rem;margin-bottom:1.5rem}.porto-blog-sidebar .widget .widget-title{margin-bottom:1rem;font-size:1.5em;letter-spacing:-.05em;color:#383f48;line-height:24px}.porto-blog-sidebar .widget + .widget{padding-top:2.25rem;margin-top:2rem}.porto-blog-sidebar .widget_search .form-control::placeholder{color:#bdbdbd}.porto-blog-sidebar .widget_search .form-control{padding:.375rem .75rem;font-size:.8em !important;background-color:#fff !important;line-height:1.85;border-radius:4px 0 0 4px;height:45px;color:#495057}.porto-blog-sidebar .widget_search .btn{width:46px;background-color:#00a1cd !important;color:#fff !important}.porto-blog-sidebar .widget_search .btn i::before{content:"\f002"}.porto-blog-sidebar .widget_search .btn i{font-family:"Font Awesome 5 Free" !important;font-weight:900 !important;font-size:.8em !important}.porto-blog-sidebar .widget_search .input-group-append{margin-left:0}.porto-blog-sidebar .widget_recent_entries ul{padding-bottom:.5rem}.porto-blog-sidebar .widget_recent_entries ul,.porto-blog-sidebar .widget_recent_comments ul{margin-top:0}.porto-blog-sidebar .widget_recent_entries li,.porto-blog-sidebar .widget_recent_comments li{padding:0 0 1rem !important}.porto-blog-sidebar .widget_recent_entries li:last-child,.porto-blog-sidebar .widget_recent_comments li:last-child{padding:0 !important}.porto-blog-sidebar .widget_recent_entries li > a{padding-bottom:0;font-size:1em;font-weight:700;line-height:1.4}.porto-blog-sidebar .widget_recent_entries .post-date{display:block;line-height:26px}.porto-blog-sidebar .recentcomments{font-size:.9em;line-height:1.4}.porto-blog-sidebar .recentcomments a{font-size:1.2em}.porto-blog-sidebar .widget_categories ul{position:relative;right:9px}.porto-blog-sidebar .widget_categories .cat-item{position:relative;padding:0;color:#666;font-size:.9em;font-weight:400;line-height:20px}.porto-blog-sidebar .widget_categories .cat-item:hover a{color:inherit}.porto-blog-sidebar .widget_categories .cat-item.current-cat a{color:inherit}.porto-blog-sidebar .widget_categories .cat-item.current-cat{font-weight:700;color:inherit}.porto-blog-sidebar .widget_categories .cat-item a:hover::before{animation:arrowLeftRight .5s infinite}.porto-blog-sidebar .widget_categories .cat-item a{display:inline-block;padding:8px 0 8px 22px !important}.porto-blog-sidebar .widget_categories .cat-item a::before{margin-left:0;font-family:'Font Awesome 5 Free';content:"\f054";font-weight:900;position:absolute;top:9px;font-size:7.2px;font-size:0.45rem;opacity:0.7;transform:translate3d(-1px,0,0);left:12px}.porto-blog-sidebar .widget_categories .children{margin:0 0 0 25px;font-size:1em}.porto-blog-sidebar .widget_categories .children .cat-item{font-size:1em}@media (max-width:991px){.porto-blog-sidebar{margin-top:0 !important}}.pagination{margin-top:0}.pagination .page-numbers{min-width:40px;height:40px;line-height:38px;font-weight:400;background:#fff;border:none;font-size:1rem;color:#00a1cd;border:1px solid rgba(0,0,0,0.06)}.pagination .page-numbers:hover{background-color:#e9ecef;border-color:#dee2e6}.single-post .post{padding:1rem 1.5rem 1.5rem;background:#fff;box-shadow:0 0 90px -55px rgba(0,0,0,0.25) !important}.single-post article.post .post-image{margin-bottom:1.5rem}.single-post .post-meta{margin-bottom:1rem !important;line-height:26px !important}.single-post .entry-content{margin-top:1rem}.single-post .comment-respond{margin-bottom:0}.single-post .post-author{padding-bottom:3rem;border-bottom:1px solid rgba(0,0,0,.06)}.single-post .post-author img{max-width:80px;max-height:80px}.single-post .post .post-block h3,.single-post .post .comment-respond h3,.single-post .post-comments h4{margin-bottom:1rem;font-size:1.5em;font-weight:700;color:#183f72}.single-post .post .img-thumbnail + p{padding:.5rem 0}.single-post .post-author .name a{color:#212529}.single-post .comments>li{padding:10px 0 0 70px}.single-post .comment .img-thumbnail{margin-left:-70px}.single-post .comment .img-thumbnail img{max-width:48px}.single-post .comments .comment-block{position:relative;background:#f7f7f7;border-radius:5px;padding:20px 20px 30px}.single-post .comments .comment-arrow{display:block;border-bottom:12px solid transparent;border-right:12px solid #f7f7f7;border-top:12px solid transparent;left:-12px;top:12px}.single-post .comment-respond textarea,.single-post .comment-respond input{padding-top:.75rem;padding-bottom:.75rem;font-size:0.85rem;line-height:24px;border:0 !important;border-radius:4px}.single-member .porto-block-html-content-bottom{padding-top:0}div#topcontrol{display:none !important}.page-top ul.breadcrumb{font-size:16px}
265/*# sourceURL=porto-style-inline-css */
266</style>
267<link rel='stylesheet' id='styles-child-css' href='https://ohspublishing.com/wp-content/themes/porto-child/style.css?ver=7.1.2' media='all' />
268<script id="jquery-core-js" src="https://ohspublishing.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
268
269
270<!-- Google tag (gtag.js) snippet added by Site Kit -->
271<!-- Google Ads snippet added by Site Kit -->
vendor: 80 bytes, lines 271-272
271
272<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
272AW-1005318179
vendor: 18 bytes, line 272
272" async></script>
273<script id="google_gtagjs-js-after">
274window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
275gtag("js", new Date());
276gtag("set", "developer_id.dZTNiMT", true);
277gtag("config", "AW-1005318179");
278 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
279//# sourceURL=google_gtagjs-js-after
280</script>
vendor: 1 bytes, line 280
280
281<script></script>
281<link rel="https://api.w.org/" href="https://ohspublishing.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ohspublishing.com/wp-json/wp/v2/pages/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ohspublishing.com/xmlrpc.php?rsd" />
282<link rel='shortlink' href='https://ohspublishing.com/' />
283        
283<script>
284		(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){
285			var o={ti:"343261941",
286				enableAutoSpaTracking: false,
287				tm:"wpp_1.0.5"};
288			o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},
289			n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
290			{var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");
291		</script>
291
292<meta name="generator" content="Site Kit by Google 1.188.0" />		
292<script type="text/javascript" id="webfont-queue">
293		WebFontConfig = {
294			google: { families: [ 'Poppins:400,500,600,700,800','Shadows+Into+Light:400,700','Playfair+Display:400,700','Open+Sans:400,600,700','Roboto+Slab:300,400,600,700' ] }
295		};
296		(function(d) {
297			var wf = d.createElement('script'), s = d.scripts[d.scripts.length - 1];
298			wf.src = 'https://ohspublishing.com/wp-content/themes/porto/js/libs/webfont.js';
299			wf.async = true;
300			s.parentNode.insertBefore(wf, s);
301		})(document);</script>
301
302		<meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
303<style data-type="vc_custom-css">/* OHS editorial section label */
304 
305.ohs-section-label {
306  --ohs-label-accent: #ffb51b;
307  --ohs-label-detail: #0874d1;
308
309  display: inline-flex;
310  align-items: center;
311  gap: 12px;
312  position: relative;
313  margin: 0 0 18px;
314  padding: 5px 0 7px;
315  color: inherit;
316  font-size: 11px;
317  font-weight: 800;
318  line-height: 1.25;
319  letter-spacing: 0.15em;
320  text-transform: uppercase;
321}
322
323.ohs-section-label::before {
324  display: block;
325  flex: 0 0 20px;
326  width: 20px;
327  height: 18px;
328  box-sizing: border-box;
329  content: "";
330  border-top: 3px solid var(--ohs-label-accent);
331  border-left: 3px solid var(--ohs-label-accent);
332  box-shadow: 7px 7px 0 -5px var(--ohs-label-detail);
333}
334
335.ohs-section-label::after {
336  display: block;
337  flex: 0 0 27px;
338  width: 27px;
339  height: 2px;
340  content: "";
341  background: var(--ohs-label-detail);
342  opacity: 0.8;
343}
344
345
346
347
348
349/* =========================================================
350   OHS HOMEPAGE HERO
351   Complete replacement CSS for the .ohs-mockup-hero section
352   ========================================================= */
353   
354   
355   
356
357
358
359
360.ohs-mockup-hero,
361.ohs-mockup-hero * {
362  box-sizing: border-box;
363}
364
365.ohs-mockup-hero {
366  --ohs-hero-navy: #062b50;
367  --ohs-hero-navy-deep: #032746;
368  --ohs-hero-blue: #0961cf;
369  --ohs-hero-gold: #ffb51b;
370  --ohs-hero-text: #082747;
371  position: relative;
372  overflow: hidden;
373  color: var(--ohs-hero-text);
374  background: #fff;
375  font-family: "DM Sans", Arial, sans-serif;
376}
377
378.ohs-mockup-hero__inner {
379  width: min(1480px, calc(100% - 80px));
380  margin: 0 auto;
381}
382
383/* White introduction area */
384.ohs-mockup-hero__top {
385  position: relative;
386  min-height: 570px;
387  background:
388    radial-gradient(circle at 77% 31%, rgba(24, 117, 220, 0.05), transparent 31%),
389    #fff;
390}
391
392.ohs-mockup-hero__copy {
393  position: relative;
394  z-index: 3;
395  width: 52%;
396  max-width: 760px;
397  padding: 64px 0 72px;
398}
399
400.ohs-mockup-hero__eyebrow {
401  display: flex;
402  align-items: center;
403  flex-wrap: wrap;
404  gap: 10px;
405  margin: 0 0 24px;
406  color: #102844;
407  font-size: 15px;
408  font-weight: 800;
409  letter-spacing: 0.12em;
410  line-height: 1.25;
411  text-transform: uppercase;
412}
413
414.ohs-mockup-hero__eyebrow i {
415  display: block;
416  width: 6px;
417  height: 6px;
418  flex: 0 0 6px;
419  border-radius: 50%;
420  background: var(--ohs-hero-gold);
421}
422
423.ohs-mockup-hero h1 {
424  max-width: 760px;
425  margin: 0;
426  color: #0a294a;
427  font-family: inherit;
428  font-size: clamp(43px, 3.35vw, 54px);
429  font-weight: 800;
430  letter-spacing: -0.045em;
431  line-height: 1.08;
432}
433
434.ohs-mockup-hero__subhead {
435  margin: 15px 0 0;
436  color: var(--ohs-hero-blue);
437  font-size: clamp(25px, 2.05vw, 33px);
438  font-weight: 800;
439  letter-spacing: -0.025em;
440  line-height: 1.2;
441}
442
443.ohs-mockup-hero__description {
444  max-width: 650px;
445  margin: 24px 0 0;
446  color: #183650;
447  font-size: 19px;
448  line-height: 1.55;
449}
450
451/* Quote and phone row */
452.ohs-mockup-hero__actions {
453  display: flex;
454  align-items: center;
455  flex-wrap: nowrap;
456  gap: 30px;
457  margin: 28px 0 0;
458}
459
460.ohs-mockup-hero__quote {
461  display: inline-flex;
462  align-items: center;
463  justify-content: center;
464  min-height: 60px;
465  padding: 15px 35px;
466  border-radius: 7px;
467  color: #082747;
468  background: linear-gradient(135deg, #ffc02a 0%, #ffae12 100%);
469  box-shadow: 0 11px 24px rgba(238, 155, 0, 0.2);
470  font-size: 18px;
471  font-weight: 800;
472  line-height: 1.2;
473  text-decoration: none;
474  white-space: nowrap;
475  transition: transform 0.2s ease, box-shadow 0.2s ease;
476}
477
478.ohs-mockup-hero__quote:hover {
479  color: #082747;
480  box-shadow: 0 15px 28px rgba(238, 155, 0, 0.28);
481  transform: translateY(-2px);
482}
483
484.ohs-mockup-hero__phone {
485  display: inline-flex;
486  align-items: center;
487  gap: 12px;
488  color: #075cca;
489  font-size: 19px;
490  font-weight: 700;
491  line-height: 1.2;
492  text-decoration: none;
493  white-space: nowrap;
494}
495
496.ohs-mockup-hero__phone:hover {
497  color: #034da9;
498}
499
500.ohs-mockup-hero__phone-icon {
501  display: grid;
502  width: 43px;
503  height: 43px;
504  flex: 0 0 43px;
505  place-items: center;
506  border: 3px solid currentColor;
507  border-radius: 50%;
508}
509
510.ohs-mockup-hero__phone-icon svg {
511  display: block;
512  width: 23px;
513  fill: currentColor;
514}
515
516/* Navy offer area */
517.ohs-mockup-hero__offers {
518  position: relative;
519  min-height: 350px;
520  color: #fff;
521  background:
522    radial-gradient(circle at 69% 0%, rgba(0, 112, 206, 0.25), transparent 38%),
523    linear-gradient(135deg, var(--ohs-hero-navy-deep) 0%, #063865 100%);
524}
525
526.ohs-mockup-hero__offer-list {
527  position: relative;
528  z-index: 3;
529  width: 43%;
530  max-width: 620px;
531  padding: 30px 0 35px;
532}
533
534.ohs-mockup-hero__offer-heading {
535  margin: 0 0 9px;
536  color: var(--ohs-hero-gold);
537  font-size: 28px;
538  font-weight: 800;
539  line-height: 1.2;
540}
541
542.ohs-mockup-hero__offer {
543  display: grid;
544  grid-template-columns: 55px max-content minmax(30px, 1fr) max-content;
545  align-items: center;
546  gap: 14px;
547  min-height: 73px;
548  border-bottom: 1px solid rgba(255, 181, 27, 0.78);
549  color: #fff;
550  text-decoration: none;
551}
552
553.ohs-mockup-hero__offer:hover {
554  color: #fff;
555}
556
557.ohs-mockup-hero__offer:last-child {
558  border-bottom: 0;
559}
560
561.ohs-mockup-hero__offer-icon {
562  display: grid;
563  width: 49px;
564  height: 49px;
565  place-items: center;
566  border: 2px solid var(--ohs-hero-gold);
567  border-radius: 50%;
568  color: var(--ohs-hero-gold);
569}
570
571.ohs-mockup-hero__offer-icon svg {
572  display: block;
573  width: 27px;
574  fill: none;
575  stroke: currentColor;
576  stroke-linecap: round;
577  stroke-linejoin: round;
578  stroke-width: 1.8;
579}
580
581.ohs-mockup-hero__offer strong {
582  font-size: 19px;
583  font-weight: 700;
584  line-height: 1.25;
585}
586
587.ohs-mockup-hero__leader {
588  height: 2px;
589  background: var(--ohs-hero-gold);
590}
591
592.ohs-mockup-hero__price {
593  font-size: 19px;
594  font-weight: 500;
595  line-height: 1.25;
596  white-space: nowrap;
597}
598
599/* Desktop artwork intentionally bridges the white and navy areas. */
600.ohs-mockup-hero__art {
601  position: absolute;
602  z-index: 2;
603  top: 12px;
604  left: calc(50% - 20px);
605  width: min(55vw, 880px);
606  pointer-events: none;
607}
608
609.ohs-mockup-hero__art img {
610  display: block;
611  width: 100%;
612  height: auto;
613  margin: 0;
614  object-fit: contain;
615  filter: drop-shadow(0 22px 28px rgba(1, 28, 55, 0.11));
616}
617
618/* Medium desktop */
619@media (max-width: 1280px) {
620  .ohs-mockup-hero__inner {
621    width: min(1180px, calc(100% - 56px));
622  }
623
624  .ohs-mockup-hero__top {
625    min-height: 555px;
626  }
627
628  .ohs-mockup-hero__copy {
629    width: 52%;
630    padding-top: 54px;
631    padding-bottom: 66px;
632  }
633
634  .ohs-mockup-hero h1 {
635    font-size: clamp(41px, 3.7vw, 49px);
636  }
637
638  .ohs-mockup-hero__description {
639    font-size: 18px;
640  }
641
642  .ohs-mockup-hero__actions {
643    gap: 22px;
644  }
645
646  .ohs-mockup-hero__quote {
647    padding-inline: 29px;
648  }
649
650  .ohs-mockup-hero__phone {
651    font-size: 18px;
652  }
653
654  .ohs-mockup-hero__art {
655    left: 50%;
656    width: min(57vw, 775px);
657  }
658
659  .ohs-mockup-hero__offer-list {
660    width: 47%;
661  }
662}
663
664/* Tablet: artwork returns to normal flow */
665@media (max-width: 1024px) {
666  .ohs-mockup-hero {
667    display: flex;
668    flex-direction: column;
669  }
670
671  .ohs-mockup-hero__top {
672    order: 1;
673    min-height: auto;
674  }
675
676  .ohs-mockup-hero__art {
677    position: relative;
678    z-index: 1;
679    top: auto;
680    left: auto;
681    order: 2;
682    width: min(720px, calc(100% - 40px));
683    margin: 0 auto 24px;
684  }
685
686  .ohs-mockup-hero__offers {
687    order: 3;
688    min-height: auto;
689  }
690
691  .ohs-mockup-hero__inner {
692    width: min(850px, calc(100% - 44px));
693  }
694
695  .ohs-mockup-hero__copy {
696    width: 100%;
697    max-width: 760px;
698    padding: 48px 0 46px;
699  }
700
701  .ohs-mockup-hero h1 {
702    max-width: 760px;
703    font-size: clamp(42px, 6vw, 54px);
704  }
705
706  .ohs-mockup-hero__offer-list {
707    width: 100%;
708    max-width: 720px;
709    padding: 34px 0 40px;
710  }
711}
712
713/* Mobile */
714@media (max-width: 640px) {
715  .ohs-mockup-hero__inner {
716    width: min(540px, calc(100% - 30px));
717  }
718
719  .ohs-mockup-hero__copy {
720    padding: 35px 0 38px;
721  }
722
723  .ohs-mockup-hero__eyebrow {
724    gap: 7px;
725    margin-bottom: 18px;
726    font-size: 11px;
727    letter-spacing: 0.09em;
728  }
729
730  .ohs-mockup-hero__eyebrow i {
731    width: 5px;
732    height: 5px;
733    flex-basis: 5px;
734  }
735
736  .ohs-mockup-hero h1 {
737    font-size: clamp(35px, 10.5vw, 45px);
738    line-height: 1.07;
739  }
740
741  .ohs-mockup-hero__subhead {
742    margin-top: 12px;
743    font-size: 24px;
744  }
745
746  .ohs-mockup-hero__description {
747    margin-top: 18px;
748    font-size: 17px;
749    line-height: 1.5;
750  }
751
752  .ohs-mockup-hero__actions {
753    align-items: stretch;
754    flex-direction: column;
755    gap: 17px;
756    margin-top: 23px;
757  }
758
759  .ohs-mockup-hero__quote {
760    width: 100%;
761    min-height: 57px;
762    padding: 14px 22px;
763    font-size: 18px;
764  }
765
766  .ohs-mockup-hero__phone {
767    justify-content: center;
768    font-size: 18px;
769  }
770
771  .ohs-mockup-hero__art {
772    width: 112%;
773    max-width: none;
774    margin: -4px 0 20px -6%;
775  }
776
777  .ohs-mockup-hero__offer-list {
778    padding: 30px 0 33px;
779  }
780
781  .ohs-mockup-hero__offer-heading {
782    margin-bottom: 12px;
783    font-size: 25px;
784  }
785
786  .ohs-mockup-hero__offer {
787    grid-template-columns: 47px minmax(0, 1fr) max-content;
788    gap: 11px;
789    min-height: 79px;
790  }
791
792  .ohs-mockup-hero__offer-icon {
793    width: 43px;
794    height: 43px;
795  }
796
797  .ohs-mockup-hero__offer-icon svg {
798    width: 24px;
799  }
800
801  .ohs-mockup-hero__offer strong {
802    font-size: 17px;
803  }
804
805  .ohs-mockup-hero__leader {
806    display: none;
807  }
808
809  .ohs-mockup-hero__price {
810    font-size: 16px;
811  }
812}
813
814@media (max-width: 420px) {
815  .ohs-mockup-hero__offer {
816    grid-template-columns: 44px minmax(0, 1fr);
817    padding: 12px 0;
818  }
819
820  .ohs-mockup-hero__price {
821    grid-column: 2;
822    margin-top: -8px;
823    color: #dce9f4;
824  }
825}
826
827@media (prefers-reduced-motion: reduce) {
828  .ohs-mockup-hero__quote {
829    transition: none;
830  }
831}
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885/* =========================================
886   OHS HOMEPAGE VIDEO SECTION
887   ========================================= */
888
889.ohs-video-section {
890  position: relative;
891  overflow: hidden;
892  padding: 96px 0;
893  color: #082343;
894  background:
895    radial-gradient(
896      circle at 92% 12%,
897      rgba(8, 98, 213, 0.11),
898      transparent 30%
899    ),
900    linear-gradient(135deg, #f4f8fd 0%, #ffffff 54%, #eef6ff 100%);
901}
902
903.ohs-video-section::before {
904  position: absolute;
905  top: 0;
906  left: 0;
907  width: 100%;
908  height: 5px;
909  content: "";
910  background: linear-gradient(
911    90deg,
912    #ffb51b 0%,
913    #ffb51b 18%,
914    #0862d5 18%,
915    #0862d5 100%
916  );
917}
918
919.ohs-video-section__container {
920  position: relative;
921  z-index: 1;
922  display: grid;
923  grid-template-columns: minmax(0, 0.86fr) minmax(500px, 1.14fr);
924  align-items: center;
925  gap: clamp(52px, 6vw, 96px);
926  width: min(calc(100% - 48px), 1380px);
927  margin: 0 auto;
928}
929
930.ohs-video-section__content {
931  max-width: 590px;
932}
933
934.ohs-video-section__eyebrow {
935  margin: 0 0 17px;
936  color: #0862d5;
937  font-size: 14px;
938  font-weight: 800;
939  letter-spacing: 0.13em;
940  line-height: 1.3;
941  text-transform: uppercase;
942}
943
944.ohs-video-section h2 {
945  max-width: 640px;
946  margin: 0;
947  color: #082343;
948  font-family: inherit;
949  font-size: clamp(30px, 2.7vw, 38px);
950  font-weight: 800;
951  letter-spacing: -0.035em;
952  line-height: 1.1;
953}
954
955.ohs-video-section__intro {
956  max-width: 570px;
957  margin: 24px 0 0;
958  color: #40566e;
959  font-size: 18px;
960  line-height: 1.65;
961}
962
963.ohs-video-section__steps {
964  display: grid;
965  gap: 19px;
966  margin-top: 32px;
967}
968
969.ohs-video-section__step {
970  display: grid;
971  grid-template-columns: 46px minmax(0, 1fr);
972  align-items: start;
973  gap: 16px;
974}
975
976.ohs-video-section__step > span {
977  display: grid;
978  width: 46px;
979  height: 46px;
980  place-items: center;
981  border: 1px solid rgba(8, 98, 213, 0.18);
982  border-radius: 50%;
983  color: #0862d5;
984  background: #ffffff;
985  box-shadow: 0 7px 18px rgba(6, 40, 75, 0.07);
986  font-size: 13px;
987  font-weight: 800;
988}
989
990.ohs-video-section__step strong {
991  display: block;
992  margin-bottom: 3px;
993  color: #082343;
994  font-size: 18px;
995  font-weight: 800;
996  line-height: 1.35;
997}
998
999.ohs-video-section__step p {
1000  margin: 0;
1001  color: #52667b;
1002  font-size: 15px;
1003  line-height: 1.55;
1004}
1005
1006.ohs-video-section__button {
1007  display: inline-flex;
1008  align-items: center;
1009  justify-content: center;
1010  min-height: 57px;
1011  margin-top: 35px;
1012  padding: 14px 28px;
1013  border-radius: 7px;
1014  color: #082343;
1015  background: linear-gradient(135deg, #ffc031 0%, #ffae13 100%);
1016  box-shadow: 0 12px 25px rgba(222, 145, 0, 0.2);
1017  font-size: 17px;
1018  font-weight: 800;
1019  line-height: 1.25;
1020  text-decoration: none;
1021  transition:
1022    transform 0.2s ease,
1023    box-shadow 0.2s ease;
1024}
1025
1026.ohs-video-section__button:hover {
1027  color: #082343;
1028  box-shadow: 0 16px 30px rgba(222, 145, 0, 0.28);
1029  text-decoration: none;
1030  transform: translateY(-2px);
1031}
1032
1033.ohs-video-section__media {
1034  overflow: hidden;
1035  border: 1px solid rgba(8, 49, 89, 0.12);
1036  border-radius: 22px;
1037  background: #ffffff;
1038  box-shadow: 0 28px 65px rgba(6, 40, 75, 0.17);
1039}
1040
1041.ohs-video-section__video {
1042  position: relative;
1043  overflow: hidden;
1044  width: 100%;
1045  aspect-ratio: 16 / 9;
1046  background: #06284b;
1047}
1048
1049.ohs-video-section__video iframe {
1050  position: absolute;
1051  inset: 0;
1052  display: block;
1053  width: 100%;
1054  height: 100%;
1055  border: 0;
1056}
1057
1058.ohs-video-section__caption {
1059  display: flex;
1060  align-items: center;
1061  gap: 14px;
1062  padding: 19px 23px 21px;
1063  background: #ffffff;
1064}
1065
1066.ohs-video-section__play {
1067  display: grid;
1068  flex: 0 0 42px;
1069  width: 42px;
1070  height: 42px;
1071  padding-left: 3px;
1072  place-items: center;
1073  border-radius: 50%;
1074  color: #ffffff;
1075  background: #0862d5;
1076  font-size: 13px;
1077}
1078
1079.ohs-video-section__caption strong {
1080  display: block;
1081  margin: 0;
1082  color: #082343;
1083  font-size: 16px;
1084  font-weight: 800;
1085  line-height: 1.35;
1086}
1087
1088.ohs-video-section__caption p {
1089  margin: 3px 0 0;
1090  color: #687b8e;
1091  font-size: 14px;
1092  line-height: 1.45;
1093}
1094
1095/* Tablet */
1096@media (max-width: 1050px) {
1097  .ohs-video-section {
1098    padding: 78px 0;
1099  }
1100
1101  .ohs-video-section__container {
1102    grid-template-columns: 1fr;
1103    gap: 48px;
1104    width: min(calc(100% - 40px), 820px);
1105  }
1106
1107  .ohs-video-section__content {
1108    max-width: 720px;
1109  }
1110
1111  .ohs-video-section__intro {
1112    max-width: 680px;
1113  }
1114}
1115
1116/* Mobile */
1117@media (max-width: 600px) {
1118  .ohs-video-section {
1119    padding: 63px 0;
1120  }
1121
1122  .ohs-video-section__container {
1123    gap: 38px;
1124    width: min(calc(100% - 30px), 540px);
1125  }
1126
1127  .ohs-video-section h2 {
1128    font-size: clamp(34px, 10vw, 43px);
1129  }
1130
1131  .ohs-video-section h2 br {
1132    display: none;
1133  }
1134
1135  .ohs-video-section__intro {
1136    margin-top: 19px;
1137    font-size: 16px;
1138    line-height: 1.6;
1139  }
1140
1141  .ohs-video-section__steps {
1142    gap: 20px;
1143    margin-top: 27px;
1144  }
1145
1146  .ohs-video-section__step {
1147    grid-template-columns: 41px minmax(0, 1fr);
1148    gap: 13px;
1149  }
1150
1151  .ohs-video-section__step > span {
1152    width: 41px;
1153    height: 41px;
1154  }
1155
1156  .ohs-video-section__step strong {
1157    font-size: 17px;
1158  }
1159
1160  .ohs-video-section__step p {
1161    font-size: 14px;
1162  }
1163
1164  .ohs-video-section__button {
1165    width: 100%;
1166    margin-top: 30px;
1167    text-align: center;
1168  }
1169
1170  .ohs-video-section__media {
1171    border-radius: 14px;
1172  }
1173
1174  .ohs-video-section__caption {
1175    padding: 16px;
1176  }
1177
1178  .ohs-video-section__caption p {
1179    display: none;
1180  }
1181}
1182
1183@media (prefers-reduced-motion: reduce) {
1184  .ohs-video-section__button {
1185    transition: none;
1186  }
1187}
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241/* =========================================================
1242   WEBSITE CONSULTATION SECTION
1243   ========================================================= */
1244
1245 /* =========================================================
1246   WEBSITE CONSULTATION SECTION — SPACING FIX
1247   ========================================================= */
1248
1249.ohs-consultation-section {
1250  padding: 105px 0;
1251}
1252
1253.ohs-consultation-section .ohs-hero-modern-grid {
1254  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.95fr);
1255  gap: clamp(70px, 8vw, 125px);
1256  align-items: center;
1257}
1258
1259.ohs-consultation-copy {
1260  max-width: 670px;
1261  padding: 15px 0;
1262}
1263
1264/* Eyebrow spacing */
1265.ohs-consultation-copy .ohs-eyebrow-modern {
1266  margin-bottom: 25px;
1267}
1268
1269/* Smaller, less cramped heading */
1270.ohs-consultation-title {
1271  max-width: 640px;
1272  margin: 0 0 28px;
1273  color: #07152d;
1274  font-size: clamp(43px, 4.15vw, 62px);
1275  font-weight: 850;
1276  line-height: 1.04;
1277  letter-spacing: -0.048em;
1278}
1279
1280/* First paragraph */
1281.ohs-consultation-copy .ohs-hero-modern-text {
1282  max-width: 625px;
1283  margin: 0 0 20px;
1284  color: #425773;
1285  font-size: 17px;
1286  line-height: 1.8;
1287}
1288
1289/* Second paragraph — remove the negative margin */
1290.ohs-consultation-note {
1291  max-width: 625px;
1292  margin: 0 0 31px;
1293  color: #52647c;
1294  font-size: 16px;
1295  line-height: 1.8;
1296}
1297
1298/* Buttons */
1299.ohs-consultation-copy .ohs-hero-modern-actions {
1300  gap: 14px;
1301  margin: 0 0 28px;
1302}
1303
1304/* Proof statements */
1305.ohs-consultation-copy .ohs-hero-mini-proof {
1306  display: flex;
1307  flex-wrap: wrap;
1308  gap: 12px 22px;
1309  margin: 0;
1310}
1311
1312.ohs-consultation-copy .ohs-hero-mini-proof span {
1313  white-space: nowrap;
1314}
1315
1316/* Form sizing */
1317.ohs-consultation-section .ohs-hero-modern-side {
1318  display: flex;
1319  justify-content: flex-end;
1320}
1321
1322.ohs-consultation-section .ohs-form-card-modern {
1323  width: 100%;
1324  max-width: 490px;
1325  margin: 0;
1326}
1327
1328/* Tablet */
1329@media (max-width: 1000px) {
1330  .ohs-consultation-section .ohs-hero-modern-grid {
1331    grid-template-columns: 1fr;
1332    gap: 55px;
1333  }
1334
1335  .ohs-consultation-copy {
1336    max-width: 750px;
1337  }
1338
1339  .ohs-consultation-section .ohs-hero-modern-side {
1340    justify-content: center;
1341  }
1342
1343  .ohs-consultation-section .ohs-form-card-modern {
1344    max-width: 620px;
1345  }
1346}
1347
1348/* Mobile */
1349@media (max-width: 600px) {
1350  .ohs-consultation-section {
1351    padding: 75px 0;
1352  }
1353
1354  .ohs-consultation-section .ohs-hero-modern-grid {
1355    gap: 42px;
1356  }
1357
1358  .ohs-consultation-copy {
1359    padding: 0;
1360  }
1361
1362  .ohs-consultation-copy .ohs-eyebrow-modern {
1363    margin-bottom: 20px;
1364  }
1365
1366  .ohs-consultation-title {
1367    margin-bottom: 23px;
1368    font-size: clamp(39px, 11vw, 50px);
1369    line-height: 1.04;
1370  }
1371
1372  .ohs-consultation-copy .ohs-hero-modern-text,
1373  .ohs-consultation-note {
1374    font-size: 16px;
1375    line-height: 1.75;
1376  }
1377
1378  .ohs-consultation-copy .ohs-hero-modern-actions {
1379    display: grid;
1380  }
1381
1382  .ohs-consultation-copy .ohs-hero-modern-actions a {
1383    width: 100%;
1384  }
1385
1386  .ohs-consultation-copy .ohs-hero-mini-proof {
1387    display: grid;
1388    gap: 12px;
1389  }
1390}
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
1443
1444
1445/* =========================================
1446   OHS PUBLISHING - VERSION 1 HOMEPAGE
1447   Blue / Black / White
1448   ========================================= */
1449
1450.ohs-page {
1451  --ohs-blue: #1167f1;
1452  --ohs-blue-deep: #0a3ea9;
1453  --ohs-blue-dark: #071c44;
1454  --ohs-black: #0b0f16;
1455  --ohs-black-soft: #121826;
1456  --ohs-white: #ffffff;
1457  --ohs-text: #1b2430;
1458  --ohs-text-soft: #62708a;
1459  --ohs-border: rgba(17, 103, 241, 0.12);
1460  --ohs-bg-soft: #f4f8fd;
1461  --ohs-bg-mid: #eef4fb;
1462  --ohs-shadow: 0 18px 55px rgba(5, 20, 45, 0.12);
1463  --ohs-radius-lg: 26px;
1464  --ohs-radius-md: 18px;
1465  --ohs-radius-sm: 12px;
1466  --ohs-container: 1280px;
1467
1468  color: var(--ohs-text);
1469  font-family: Arial, Helvetica, sans-serif;
1470}
1471
1472.ohs-page * {
1473  box-sizing: border-box;
1474}
1475
1476.ohs-container {
1477  width: 100%;
1478  max-width: var(--ohs-container);
1479  margin: 0 auto;
1480  padding: 0 24px;
1481}
1482
1483.ohs-section {
1484  position: relative;
1485  padding: 90px 0;
1486}
1487
1488.ohs-label,
1489.ohs-eyebrow,
1490.ohs-form-kicker {
1491  display: inline-block;
1492  font-size: 12px;
1493  line-height: 1.2;
1494  font-weight: 800;
1495  letter-spacing: 0.14em;
1496  text-transform: uppercase;
1497}
1498
1499.ohs-label {
1500  color: var(--ohs-blue);
1501  margin-bottom: 16px;
1502}
1503
1504.ohs-label-light {
1505  color: rgba(255,255,255,0.75);
1506}
1507
1508.ohs-section-heading {
1509  max-width: 760px;
1510  margin-bottom: 44px;
1511}
1512
1513.ohs-section-heading-center {
1514  text-align: center;
1515  margin-left: auto;
1516  margin-right: auto;
1517}
1518
1519.ohs-section-heading h2,
1520.ohs-difference-copy h2,
1521.ohs-final-copy h2 {
1522  margin: 0 0 18px;
1523  font-size: clamp(32px, 4vw, 48px);
1524  line-height: 1.08;
1525  letter-spacing: -0.02em;
1526  color: var(--ohs-black);
1527}
1528
1529.ohs-section-heading p,
1530.ohs-difference-copy p,
1531.ohs-final-copy p {
1532  margin: 0;
1533  font-size: 18px;
1534  line-height: 1.75;
1535  color: var(--ohs-text-soft);
1536}
1537
1538/* HERO */
1539.ohs-hero {
1540  position: relative;
1541  overflow: hidden;
1542  padding: 90px 0 70px;
1543  background:
1544    radial-gradient(circle at 18% 30%, rgba(31, 120, 255, 0.28), transparent 30%),
1545    radial-gradient(circle at 80% 25%, rgba(20, 93, 255, 0.24), transparent 26%),
1546    linear-gradient(135deg, #030916 0%, #071633 38%, #0a2e79 100%);
1547}
1548
1549.ohs-hero-grid {
1550  position: relative;
1551  z-index: 3;
1552  display: grid;
1553  grid-template-columns: minmax(0, 1.2fr) minmax(360px, 460px);
1554  gap: 44px;
1555  align-items: center;
1556}
1557
1558.ohs-hero-copy {
1559  color: var(--ohs-white);
1560  padding: 18px 0;
1561}
1562
1563.ohs-eyebrow {
1564  color: rgba(255,255,255,0.72);
1565  margin-bottom: 18px;
1566}
1567
1568.ohs-hero h1 {
1569  margin: 0 0 22px;
1570  font-size: clamp(42px, 6vw, 74px);
1571  line-height: 0.98;
1572  letter-spacing: -0.035em;
1573  color: var(--ohs-white);
1574  max-width: 760px;
1575}
1576
1577.ohs-hero-text {
1578  max-width: 720px;
1579  margin: 0 0 30px;
1580  font-size: 20px;
1581  line-height: 1.75;
1582  color: rgba(255,255,255,0.84);
1583}
1584
1585.ohs-hero-actions {
1586  display: flex;
1587  flex-wrap: wrap;
1588  gap: 14px;
1589  margin-bottom: 28px;
1590}
1591
1592.ohs-btn {
1593  display: inline-flex;
1594  align-items: center;
1595  justify-content: center;
1596  min-height: 56px;
1597  padding: 14px 24px;
1598  border-radius: 14px;
1599  text-decoration: none !important;
1600  font-size: 16px;
1601  font-weight: 700;
1602  transition: all 0.25s ease;
1603}
1604
1605.ohs-btn-primary {
1606  color: #fff !important;
1607  background: linear-gradient(135deg, #1e77ff 0%, #0f5ae5 100%);
1608  box-shadow: 0 14px 35px rgba(17, 103, 241, 0.35);
1609}
1610
1611.ohs-btn-primary:hover {
1612  transform: translateY(-2px);
1613  box-shadow: 0 18px 38px rgba(17, 103, 241, 0.42);
1614}
1615
1616.ohs-btn-dark {
1617  color: #fff !important;
1618  background: rgba(255,255,255,0.08);
1619  border: 1px solid rgba(255,255,255,0.16);
1620  backdrop-filter: blur(6px);
1621}
1622
1623.ohs-btn-dark:hover {
1624  background: rgba(255,255,255,0.14);
1625  transform: translateY(-2px);
1626}
1627
1628.ohs-btn-white {
1629  color: var(--ohs-black) !important;
1630  background: #fff;
1631}
1632
1633.ohs-btn-white:hover {
1634  transform: translateY(-2px);
1635}
1636
1637.ohs-btn-outline-light {
1638  color: #fff !important;
1639  background: transparent;
1640  border: 1px solid rgba(255,255,255,0.28);
1641}
1642
1643.ohs-btn-outline-light:hover {
1644  background: rgba(255,255,255,0.08);
1645  transform: translateY(-2px);
1646}
1647
1648.ohs-hero-points {
1649  display: grid;
1650  gap: 10px;
1651}
1652
1653.ohs-point {
1654  position: relative;
1655  padding-left: 22px;
1656  font-size: 16px;
1657  line-height: 1.6;
1658  color: rgba(255,255,255,0.82);
1659}
1660
1661.ohs-point:before {
1662  content: "";
1663  position: absolute;
1664  top: 10px;
1665  left: 0;
1666  width: 8px;
1667  height: 8px;
1668  border-radius: 50%;
1669  background: #49a0ff;
1670  box-shadow: 0 0 0 6px rgba(73,160,255,0.14);
1671}
1672
1673/* FORM */
1674.ohs-hero-form-wrap {
1675  position: relative;
1676}
1677
1678.ohs-form-card {
1679  position: relative;
1680  z-index: 2;
1681  background: rgba(255,255,255,0.97);
1682  border: 1px solid rgba(255,255,255,0.65);
1683  border-radius: 28px;
1684  padding: 28px;
1685  box-shadow: 0 28px 70px rgba(0, 10, 35, 0.32);
1686}
1687
1688.ohs-form-top {
1689  margin-bottom: 18px;
1690}
1691
1692.ohs-form-kicker {
1693  color: var(--ohs-blue);
1694  margin-bottom: 10px;
1695}
1696
1697.ohs-form-top h2 {
1698  margin: 0 0 10px;
1699  font-size: 34px;
1700  line-height: 1.08;
1701  letter-spacing: -0.03em;
1702  color: var(--ohs-black);
1703}
1704
1705.ohs-form-top p {
1706  margin: 0;
1707  font-size: 16px;
1708  line-height: 1.7;
1709  color: var(--ohs-text-soft);
1710}
1711
1712.ohs-form-embed {
1713  border-radius: 16px;
1714  overflow: hidden;
1715}
1716
1717/* HERO SHAPES */
1718.ohs-hero-shape {
1719  position: absolute;
1720  z-index: 1;
1721  border-radius: 999px;
1722  filter: blur(8px);
1723  pointer-events: none;
1724}
1725
1726.ohs-hero-shape-1 {
1727  right: -140px;
1728  bottom: -60px;
1729  width: 620px;
1730  height: 260px;
1731  background: linear-gradient(135deg, rgba(20,114,255,0.52), rgba(255,255,255,0.04));
1732  transform: rotate(-12deg);
1733  opacity: 0.9;
1734}
1735
1736.ohs-hero-shape-2 {
1737  left: -120px;
1738  bottom: -100px;
1739  width: 760px;
1740  height: 220px;
1741  background: linear-gradient(90deg, rgba(255,255,255,0.03), rgba(17,103,241,0.22));
1742  transform: rotate(4deg);
1743  opacity: 0.8;
1744}
1745
1746.ohs-hero-gridline {
1747  position: absolute;
1748  inset: 0;
1749  background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
1750                    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
1751  background-size: 70px 70px;
1752  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent 80%);
1753  pointer-events: none;
1754}
1755
1756/* TRUST BAR */
1757.ohs-trustbar {
1758  position: relative;
1759  z-index: 4;
1760  margin-top: -1px;
1761  background: #07101f;
1762  border-top: 1px solid rgba(255,255,255,0.06);
1763  border-bottom: 1px solid rgba(255,255,255,0.06);
1764}
1765
1766.ohs-trustbar-inner {
1767  display: grid;
1768  grid-template-columns: repeat(4, 1fr);
1769  gap: 16px;
1770  padding-top: 18px;
1771  padding-bottom: 18px;
1772}
1773
1774.ohs-trust-item {
1775  text-align: center;
1776  font-size: 14px;
1777  line-height: 1.5;
1778  font-weight: 700;
1779  color: rgba(255,255,255,0.76);
1780}
1781
1782/* SERVICES */
1783.ohs-services {
1784  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
1785}
1786
1787.ohs-service-grid {
1788  display: grid;
1789  grid-template-columns: repeat(4, 1fr);
1790  gap: 24px;
1791}
1792
1793.ohs-service-card {
1794  position: relative;
1795  background: #fff;
1796  border: 1px solid var(--ohs-border);
1797  border-radius: 22px;
1798  padding: 28px 24px;
1799  box-shadow: var(--ohs-shadow);
1800  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
1801}
1802
1803.ohs-service-card:hover {
1804  transform: translateY(-6px);
1805  box-shadow: 0 24px 55px rgba(8, 25, 55, 0.14);
1806  border-color: rgba(17, 103, 241, 0.22);
1807}
1808
1809.ohs-icon {
1810  width: 52px;
1811  height: 52px;
1812  border-radius: 14px;
1813  display: inline-flex;
1814  align-items: center;
1815  justify-content: center;
1816  background: linear-gradient(135deg, #eaf2ff 0%, #d9e8ff 100%);
1817  color: var(--ohs-blue);
1818  font-size: 16px;
1819  font-weight: 800;
1820  margin-bottom: 18px;
1821}
1822
1823.ohs-service-card h3 {
1824  margin: 0 0 12px;
1825  font-size: 24px;
1826  line-height: 1.2;
1827  color: var(--ohs-black);
1828}
1829
1830.ohs-service-card p {
1831  margin: 0;
1832  font-size: 16px;
1833  line-height: 1.8;
1834  color: var(--ohs-text-soft);
1835}
1836
1837/* DIFFERENCE */
1838.ohs-difference {
1839  background:
1840    linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
1841}
1842
1843.ohs-difference-grid {
1844  display: grid;
1845  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 480px);
1846  gap: 34px;
1847  align-items: center;
1848}
1849
1850.ohs-difference-copy p + p {
1851  margin-top: 18px;
1852}
1853
1854.ohs-difference-panel {
1855  display: grid;
1856  gap: 18px;
1857}
1858
1859.ohs-mini-card {
1860  background: linear-gradient(180deg, #0d1830 0%, #101f3e 100%);
1861  border: 1px solid rgba(71, 137, 255, 0.18);
1862  border-radius: 22px;
1863  padding: 26px 24px;
1864  box-shadow: 0 18px 40px rgba(8, 24, 58, 0.22);
1865}
1866
1867.ohs-mini-card h3 {
1868  margin: 0 0 10px;
1869  font-size: 22px;
1870  line-height: 1.2;
1871  color: #fff;
1872}
1873
1874.ohs-mini-card p {
1875  margin: 0;
1876  font-size: 15px;
1877  line-height: 1.75;
1878  color: rgba(255,255,255,0.74);
1879}
1880
1881/* PROCESS */
1882.ohs-process {
1883  background: #fff;
1884}
1885
1886.ohs-process-grid {
1887  display: grid;
1888  grid-template-columns: repeat(4, 1fr);
1889  gap: 22px;
1890}
1891
1892.ohs-process-step {
1893  position: relative;
1894  padding: 28px 24px;
1895  border-radius: 22px;
1896  background: var(--ohs-bg-soft);
1897  border: 1px solid rgba(17, 103, 241, 0.10);
1898}
1899
1900.ohs-step-no {
1901  display: inline-block;
1902  margin-bottom: 16px;
1903  font-size: 13px;
1904  font-weight: 800;
1905  letter-spacing: 0.12em;
1906  color: var(--ohs-blue);
1907}
1908
1909.ohs-process-step h3 {
1910  margin: 0 0 10px;
1911  font-size: 24px;
1912  line-height: 1.2;
1913  color: var(--ohs-black);
1914}
1915
1916.ohs-process-step p {
1917  margin: 0;
1918  font-size: 16px;
1919  line-height: 1.8;
1920  color: var(--ohs-text-soft);
1921}
1922
1923/* FINAL CTA */
1924.ohs-final-cta {
1925  position: relative;
1926  overflow: hidden;
1927  padding: 90px 0;
1928  background:
1929    radial-gradient(circle at 20% 20%, rgba(44, 126, 255, 0.18), transparent 25%),
1930    linear-gradient(135deg, #050c19 0%, #09162b 40%, #0a2c6f 100%);
1931}
1932
1933.ohs-final-cta-inner {
1934  position: relative;
1935  z-index: 2;
1936  display: flex;
1937  gap: 24px;
1938  align-items: center;
1939  justify-content: space-between;
1940}
1941
1942.ohs-final-copy {
1943  max-width: 760px;
1944}
1945
1946.ohs-final-copy h2,
1947.ohs-final-copy p {
1948  color: #fff;
1949}
1950
1951.ohs-final-copy p {
1952  color: rgba(255,255,255,0.78);
1953}
1954
1955.ohs-final-actions {
1956  display: flex;
1957  flex-wrap: wrap;
1958  gap: 14px;
1959}
1960
1961/* FORM CLEANUP - 123FORMBUILDER */
1962.ohs-form-card iframe,
1963.ohs-form-card form {
1964  width: 100% !important;
1965}
1966
1967/* RESPONSIVE */
1968@media (max-width: 1180px) {
1969  .ohs-hero-grid,
1970  .ohs-difference-grid {
1971    grid-template-columns: 1fr;
1972  }
1973
1974  .ohs-service-grid,
1975  .ohs-process-grid {
1976    grid-template-columns: repeat(2, 1fr);
1977  }
1978
1979  .ohs-final-cta-inner {
1980    flex-direction: column;
1981    align-items: flex-start;
1982  }
1983}
1984
1985@media (max-width: 860px) {
1986  .ohs-section,
1987  .ohs-final-cta {
1988    padding: 72px 0;
1989  }
1990
1991  .ohs-hero {
1992    padding: 70px 0 55px;
1993  }
1994
1995  .ohs-hero h1 {
1996    font-size: clamp(34px, 10vw, 52px);
1997  }
1998
1999  .ohs-hero-text {
2000    font-size: 18px;
2001  }
2002
2003  .ohs-service-grid,
2004  .ohs-process-grid,
2005  .ohs-trustbar-inner {
2006    grid-template-columns: 1fr;
2007  }
2008
2009  .ohs-form-card {
2010    padding: 22px;
2011    border-radius: 22px;
2012  }
2013
2014  .ohs-form-top h2 {
2015    font-size: 28px;
2016  }
2017
2018  .ohs-section-heading h2,
2019  .ohs-difference-copy h2,
2020  .ohs-final-copy h2 {
2021    font-size: clamp(28px, 8vw, 40px);
2022  }
2023}
2024
2025/* =========================================
2026   OHS HERO - TIGHTENED VERSION
2027   ========================================= */
2028
2029.ohs-hero {
2030  position: relative;
2031  overflow: hidden;
2032  padding: 70px 0 50px;
2033  background:
2034    radial-gradient(circle at 20% 30%, rgba(31,120,255,0.25), transparent 30%),
2035    radial-gradient(circle at 80% 20%, rgba(20,93,255,0.2), transparent 25%),
2036    linear-gradient(135deg, #030916 0%, #071633 40%, #0a2e79 100%);
2037}
2038
2039/* KEY FIX: CENTERED + CONTROLLED WIDTH */
2040.ohs-container {
2041  max-width: 1100px; /* tighter than before */
2042  margin: 0 auto;
2043  padding: 0 20px;
2044}
2045
2046/* KEY FIX: CONTROLLED GRID */
2047.ohs-hero-grid {
2048  display: grid;
2049  grid-template-columns: 1fr 400px; /* fixed form width */
2050  gap: 24px; /* tighter spacing */
2051  align-items: center;
2052  justify-content: center;
2053}
2054
2055/* LEFT SIDE CONTROL */
2056.ohs-hero-copy {
2057  max-width: 580px;
2058}
2059
2060/* HEADLINE TIGHTEN */
2061.ohs-hero h1 {
2062  font-size: clamp(38px, 5vw, 60px);
2063  line-height: 1.05;
2064  letter-spacing: -0.02em;
2065  margin-bottom: 18px;
2066}
2067
2068/* TEXT */
2069.ohs-hero-text {
2070  font-size: 18px;
2071  line-height: 1.7;
2072  margin-bottom: 24px;
2073}
2074
2075/* BUTTON SPACING */
2076.ohs-hero-actions {
2077  gap: 12px;
2078  margin-bottom: 22px;
2079}
2080
2081/* FORM POSITION FIX */
2082.ohs-hero-form-wrap {
2083  display: flex;
2084  justify-content: flex-start; /* instead of pushing right */
2085}
2086
2087/* FORM CARD */
2088.ohs-form-card {
2089  width: 100%;
2090  max-width: 400px;
2091  border-radius: 22px;
2092  padding: 24px;
2093  background: rgba(255,255,255,0.97);
2094  box-shadow: 0 20px 60px rgba(0, 10, 35, 0.35);
2095}
2096
2097/* FORM TITLE */
2098.ohs-form-top h2 {
2099  font-size: 28px;
2100  margin-bottom: 8px;
2101}
2102
2103/* REMOVE EXTRA SPACING FROM BULLETS */
2104.ohs-hero-points {
2105  gap: 8px;
2106}
2107
2108/* OPTIONAL: SLIGHT FORM LIFT */
2109.ohs-form-card {
2110  transform: translateY(-6px);
2111}
2112
2113/* =========================================
2114   RESPONSIVE FIX
2115   ========================================= */
2116
2117@media (max-width: 1024px) {
2118  .ohs-hero-grid {
2119    grid-template-columns: 1fr;
2120    gap: 28px;
2121  }
2122
2123  .ohs-hero-copy {
2124    max-width: 100%;
2125  }
2126
2127  .ohs-hero-form-wrap {
2128    justify-content: center;
2129  }
2130
2131  .ohs-form-card {
2132    max-width: 500px;
2133  }
2134}
2135
2136
2137
2138
2139
2140
2141
2142
2143
2144
2145/* =========================================
2146   OHS TRUST BAR - MODERN / TRENDY VERSION
2147   ========================================= */
2148
2149.ohs-trustbar {
2150  position: relative;
2151  z-index: 5;
2152  margin-top: -1px;
2153  padding: 18px 0;
2154  background:
2155    linear-gradient(180deg, rgba(7,16,31,0.88) 0%, rgba(8,20,45,0.92) 100%);
2156  border-top: 1px solid rgba(255,255,255,0.08);
2157  border-bottom: 1px solid rgba(255,255,255,0.08);
2158  backdrop-filter: blur(10px);
2159  overflow: hidden;
2160}
2161
2162.ohs-trustbar:before {
2163  content: "";
2164  position: absolute;
2165  inset: 0;
2166  background:
2167    radial-gradient(circle at 20% 50%, rgba(31,120,255,0.12), transparent 22%),
2168    radial-gradient(circle at 80% 50%, rgba(31,120,255,0.10), transparent 22%);
2169  pointer-events: none;
2170}
2171
2172.ohs-trustbar:after {
2173  content: "";
2174  position: absolute;
2175  left: 50%;
2176  top: 0;
2177  width: 70%;
2178  height: 1px;
2179  transform: translateX(-50%);
2180  background: linear-gradient(90deg, transparent, rgba(67,145,255,0.55), transparent);
2181  pointer-events: none;
2182}
2183
2184.ohs-trustbar-inner {
2185  position: relative;
2186  z-index: 2;
2187  display: grid;
2188  grid-template-columns: repeat(4, minmax(0, 1fr));
2189  gap: 18px;
2190  align-items: center;
2191  max-width: 1080px;
2192  margin: 0 auto;
2193  padding: 0 20px;
2194}
2195
2196.ohs-trust-item {
2197  position: relative;
2198  text-align: center;
2199  padding: 10px 18px;
2200  font-size: 15px;
2201  line-height: 1.4;
2202  font-weight: 700;
2203  color: rgba(255,255,255,0.88);
2204  letter-spacing: -0.01em;
2205}
2206
2207.ohs-trust-item:not(:last-child):after {
2208  content: "";
2209  position: absolute;
2210  top: 50%;
2211  right: -9px;
2212  width: 1px;
2213  height: 26px;
2214  transform: translateY(-50%);
2215  background: linear-gradient(
2216    180deg,
2217    rgba(255,255,255,0),
2218    rgba(93,154,255,0.35),
2219    rgba(255,255,255,0)
2220  );
2221}
2222
2223.ohs-trust-item:before {
2224  content: "";
2225  display: inline-block;
2226  width: 8px;
2227  height: 8px;
2228  margin-right: 10px;
2229  border-radius: 50%;
2230  vertical-align: middle;
2231  background: linear-gradient(135deg, #4aa3ff 0%, #1167f1 100%);
2232  box-shadow: 0 0 0 6px rgba(17,103,241,0.12);
2233}
2234
2235/* Hover polish */
2236.ohs-trust-item {
2237  transition: transform 0.22s ease, color 0.22s ease;
2238}
2239
2240.ohs-trust-item:hover {
2241  transform: translateY(-1px);
2242  color: #ffffff;
2243}
2244
2245/* Mobile */
2246@media (max-width: 900px) {
2247  .ohs-trustbar-inner {
2248    grid-template-columns: 1fr 1fr;
2249    gap: 10px;
2250  }
2251
2252  .ohs-trust-item:not(:last-child):after {
2253    display: none;
2254  }
2255
2256  .ohs-trust-item {
2257    padding: 10px 12px;
2258    font-size: 14px;
2259  }
2260}
2261
2262@media (max-width: 560px) {
2263  .ohs-trustbar {
2264    padding: 14px 0;
2265  }
2266
2267  .ohs-trustbar-inner {
2268    grid-template-columns: 1fr;
2269  }
2270
2271  .ohs-trust-item {
2272    text-align: left;
2273    padding: 8px 4px;
2274  }
2275}
2276
2277
2278
2279
2280
2281
2282
2283
2284
2285
2286
2287
2288/* =========================================
2289   OHS ABOUT SECTION
2290   ========================================= */
2291
2292.ohs-about-section {
2293  padding: 100px 0;
2294  background: #f7f9fc;
2295}
2296
2297.ohs-about-grid {
2298  display: grid;
2299  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
2300  gap: 80px;
2301  align-items: center;
2302}
2303
2304.ohs-about-copy h2 {
2305  max-width: 700px;
2306  margin: 18px 0 24px;
2307  color: #17233d;
2308  font-size: 52px;
2309  line-height: 1.08;
2310  font-weight: 500;
2311  letter-spacing: 0;
2312}
2313
2314.ohs-about-intro {
2315  max-width: 680px;
2316  margin: 0 0 20px;
2317  color: #17233d;
2318  font-size: 21px;
2319  line-height: 1.65;
2320  font-weight: 600;
2321}
2322
2323.ohs-about-text {
2324  max-width: 680px;
2325  margin: 0;
2326  color: #667085;
2327  font-size: 17px;
2328  line-height: 1.8;
2329}
2330
2331.ohs-about-actions {
2332  display: flex;
2333  flex-wrap: wrap;
2334  gap: 14px;
2335  margin-top: 34px;
2336}
2337
2338.ohs-about-capabilities {
2339  padding: 42px;
2340  color: #fff;
2341  background: #121f3b;
2342  border-top: 5px solid #2374f7;
2343  box-shadow: 0 24px 60px rgba(18, 31, 59, 0.16);
2344}
2345
2346.ohs-capabilities-heading {
2347  padding-bottom: 28px;
2348  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
2349}
2350
2351.ohs-capabilities-heading span {
2352  display: block;
2353  margin-bottom: 8px;
2354  color: #6fa8ff;
2355  font-size: 12px;
2356  font-weight: 800;
2357  text-transform: uppercase;
2358}
2359
2360.ohs-capabilities-heading strong {
2361  display: block;
2362  font-size: 27px;
2363  line-height: 1.3;
2364}
2365
2366.ohs-capability-row {
2367  display: grid;
2368  grid-template-columns: 42px minmax(0, 1fr);
2369  gap: 18px;
2370  padding: 25px 0;
2371  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
2372}
2373
2374.ohs-capability-number {
2375  color: #6fa8ff;
2376  font-size: 13px;
2377  font-weight: 800;
2378}
2379
2380.ohs-capability-row h3 {
2381  margin: 0 0 7px;
2382  color: #fff;
2383  font-size: 19px;
2384  line-height: 1.3;
2385}
2386
2387.ohs-capability-row p {
2388  margin: 0;
2389  color: rgba(255, 255, 255, 0.72);
2390  font-size: 15px;
2391  line-height: 1.65;
2392}
2393
2394.ohs-capabilities-footer {
2395  display: flex;
2396  justify-content: space-between;
2397  gap: 20px;
2398  padding-top: 26px;
2399  font-size: 14px;
2400}
2401
2402.ohs-capabilities-footer span {
2403  color: rgba(255, 255, 255, 0.65);
2404}
2405
2406.ohs-capabilities-footer a {
2407  color: #fff;
2408  font-weight: 700;
2409  text-decoration: none;
2410}
2411
2412.ohs-capabilities-footer a:hover {
2413  color: #6fa8ff;
2414}
2415
2416@media (max-width: 991px) {
2417  .ohs-about-section {
2418    padding: 75px 0;
2419  }
2420
2421  .ohs-about-grid {
2422    grid-template-columns: 1fr;
2423    gap: 45px;
2424  }
2425
2426  .ohs-about-copy h2 {
2427    font-size: 42px;
2428  }
2429}
2430
2431@media (max-width: 600px) {
2432  .ohs-about-section {
2433    padding: 60px 0;
2434  }
2435
2436  .ohs-about-copy h2 {
2437    font-size: 34px;
2438  }
2439
2440  .ohs-about-intro {
2441    font-size: 18px;
2442  }
2443
2444  .ohs-about-capabilities {
2445    padding: 30px 24px;
2446  }
2447
2448  .ohs-capabilities-footer {
2449    flex-direction: column;
2450  }
2451}
2452
2453
2454
2455
2456
2457
2458
2459/* =========================================
2460   OHS SEO SECTION V2 - NO IMAGE / CARD STYLE
2461   ========================================= */
2462
2463.ohs-seo-section-v2 {
2464  padding: 95px 0;
2465  background:
2466    linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
2467}
2468
2469.ohs-seo-head {
2470  max-width: 860px;
2471  margin: 0 auto 42px;
2472  text-align: center;
2473}
2474
2475.ohs-seo-head h2 {
2476  margin: 0 0 18px;
2477  font-size: clamp(34px, 4.5vw, 52px);
2478  line-height: 1.06;
2479  letter-spacing: -0.03em;
2480  color: var(--ohs-black);
2481}
2482
2483.ohs-seo-head-text {
2484  margin: 0 auto;
2485  max-width: 780px;
2486  font-size: 19px;
2487  line-height: 1.8;
2488  color: #31415e;
2489}
2490
2491.ohs-seo-cards {
2492  display: grid;
2493  grid-template-columns: repeat(4, 1fr);
2494  gap: 22px;
2495  margin-bottom: 30px;
2496}
2497
2498.ohs-seo-feature-card {
2499  position: relative;
2500  padding: 28px 24px;
2501  border-radius: 24px;
2502  background: #ffffff;
2503  border: 1px solid rgba(17, 103, 241, 0.10);
2504  box-shadow: 0 18px 45px rgba(10, 30, 65, 0.08);
2505  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
2506}
2507
2508.ohs-seo-feature-card:hover {
2509  transform: translateY(-6px);
2510  box-shadow: 0 24px 55px rgba(10, 30, 65, 0.12);
2511  border-color: rgba(17, 103, 241, 0.22);
2512}
2513
2514.ohs-seo-icon {
2515  width: 52px;
2516  height: 52px;
2517  border-radius: 14px;
2518  display: inline-flex;
2519  align-items: center;
2520  justify-content: center;
2521  background: linear-gradient(135deg, #eaf2ff 0%, #d9e8ff 100%);
2522  color: var(--ohs-blue);
2523  font-size: 16px;
2524  font-weight: 800;
2525  margin-bottom: 18px;
2526}
2527
2528.ohs-seo-feature-card h3 {
2529  margin: 0 0 12px;
2530  font-size: 23px;
2531  line-height: 1.18;
2532  color: var(--ohs-black);
2533}
2534
2535.ohs-seo-feature-card p {
2536  margin: 0;
2537  font-size: 16px;
2538  line-height: 1.8;
2539  color: var(--ohs-text-soft);
2540}
2541
2542.ohs-seo-bottom-grid {
2543  display: grid;
2544  grid-template-columns: 1.15fr 0.85fr;
2545  gap: 22px;
2546}
2547
2548 
2549
2550.ohs-seo-results {
2551  list-style: none;
2552  margin: 0;
2553  padding: 0;
2554  display: grid;
2555  gap: 14px;
2556}
2557
2558.ohs-seo-results li {
2559  position: relative;
2560  padding-left: 22px;
2561  font-size: 16px;
2562  line-height: 1.75;
2563  color: rgba(255,255,255,0.82);
2564}
2565
2566.ohs-seo-results li:before {
2567  content: "";
2568  position: absolute;
2569  top: 10px;
2570  left: 0;
2571  width: 8px;
2572  height: 8px;
2573  border-radius: 50%;
2574  background: linear-gradient(135deg, #4aa3ff 0%, #1167f1 100%);
2575  box-shadow: 0 0 0 5px rgba(17,103,241,0.16);
2576}
2577
2578@media (max-width: 1180px) {
2579  .ohs-seo-cards {
2580    grid-template-columns: repeat(2, 1fr);
2581  }
2582
2583  .ohs-seo-bottom-grid {
2584    grid-template-columns: 1fr;
2585  }
2586}
2587
2588@media (max-width: 680px) {
2589  .ohs-seo-section-v2 {
2590    padding: 72px 0;
2591  }
2592
2593  .ohs-seo-head {
2594    text-align: left;
2595    margin-bottom: 30px;
2596  }
2597
2598  .ohs-seo-head h2 {
2599    font-size: clamp(28px, 8vw, 40px);
2600  }
2601
2602  .ohs-seo-head-text {
2603    font-size: 18px;
2604  }
2605
2606  .ohs-seo-cards {
2607    grid-template-columns: 1fr;
2608  }
2609
2610  .ohs-seo-feature-card,
2611  .ohs-seo-panel {
2612    padding: 24px 20px;
2613    border-radius: 22px;
2614  }
2615
2616  .ohs-seo-panel h3 {
2617    font-size: 24px;
2618  }
2619}
2620
2621
2622
2623/* =========================================
2624   OHS SEO CARDS - STRONGER / PREMIUM VERSION
2625   ========================================= */
2626
2627.ohs-seo-cards {
2628  display: grid;
2629  grid-template-columns: repeat(4, 1fr);
2630  gap: 24px;
2631  margin-bottom: 34px;
2632}
2633
2634.ohs-seo-feature-card {
2635  position: relative;
2636  overflow: hidden;
2637  padding: 30px 26px 28px;
2638  border-radius: 26px;
2639  background:
2640    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
2641  border: 1px solid rgba(17, 103, 241, 0.12);
2642  box-shadow:
2643    0 20px 50px rgba(10, 30, 65, 0.10),
2644    inset 0 1px 0 rgba(255,255,255,0.7);
2645  transition:
2646    transform 0.28s ease,
2647    box-shadow 0.28s ease,
2648    border-color 0.28s ease;
2649}
2650
2651.ohs-seo-feature-card:before {
2652  content: "";
2653  position: absolute;
2654  inset: 0 0 auto 0;
2655  height: 5px;
2656  background: linear-gradient(90deg, #1167f1 0%, #49a0ff 100%);
2657  opacity: 0.95;
2658}
2659
2660.ohs-seo-feature-card:after {
2661  content: "";
2662  position: absolute;
2663  right: -40px;
2664  top: -40px;
2665  width: 150px;
2666  height: 150px;
2667  border-radius: 50%;
2668  background: radial-gradient(circle, rgba(17,103,241,0.10) 0%, rgba(17,103,241,0) 72%);
2669  pointer-events: none;
2670}
2671
2672.ohs-seo-feature-card:hover {
2673  transform: translateY(-8px);
2674  border-color: rgba(17, 103, 241, 0.24);
2675  box-shadow:
2676    0 28px 65px rgba(10, 30, 65, 0.15),
2677    inset 0 1px 0 rgba(255,255,255,0.8);
2678}
2679
2680.ohs-seo-icon {
2681  width: 58px;
2682  height: 58px;
2683  border-radius: 16px;
2684  display: inline-flex;
2685  align-items: center;
2686  justify-content: center;
2687  margin-bottom: 22px;
2688  background: linear-gradient(135deg, #1167f1 0%, #49a0ff 100%);
2689  color: #ffffff;
2690  font-size: 17px;
2691  font-weight: 800;
2692  box-shadow: 0 14px 30px rgba(17, 103, 241, 0.28);
2693}
2694
2695.ohs-seo-feature-card h3 {
2696  margin: 0 0 14px;
2697  font-size: 28px;
2698  line-height: 1.08;
2699  letter-spacing: -0.03em;
2700  color: var(--ohs-black);
2701  max-width: 240px;
2702}
2703
2704.ohs-seo-feature-card p {
2705  margin: 0;
2706  font-size: 17px;
2707  line-height: 1.85;
2708  color: #4f5e77;
2709}
2710
2711/* optional subtle emphasis on hover */
2712.ohs-seo-feature-card:hover .ohs-seo-icon {
2713  transform: scale(1.04);
2714}
2715
2716.ohs-seo-icon {
2717  transition: transform 0.28s ease;
2718}
2719
2720/* responsive */
2721@media (max-width: 1180px) {
2722  .ohs-seo-cards {
2723    grid-template-columns: repeat(2, 1fr);
2724  }
2725}
2726
2727@media (max-width: 680px) {
2728  .ohs-seo-cards {
2729    grid-template-columns: 1fr;
2730    gap: 18px;
2731  }
2732
2733  .ohs-seo-feature-card {
2734    padding: 24px 20px 22px;
2735    border-radius: 22px;
2736  }
2737
2738  .ohs-seo-feature-card h3 {
2739    font-size: 24px;
2740    max-width: none;
2741  }
2742
2743  .ohs-seo-feature-card p {
2744    font-size: 16px;
2745  }
2746
2747  .ohs-seo-icon {
2748    width: 52px;
2749    height: 52px;
2750    border-radius: 14px;
2751    font-size: 16px;
2752    margin-bottom: 18px;
2753  }
2754}
2755
2756
2757
2758
2759
2760
2761
2762
2763
2764
2765
2766
2767
2768/* =========================================
2769   OHS SEO PANELS - MATCH CARD STYLE
2770   ========================================= */
2771
2772.ohs-seo-bottom-grid {
2773  display: grid;
2774  grid-template-columns: 1.1fr 0.9fr;
2775  gap: 24px;
2776}
2777
2778/* BASE PANEL */
2779.ohs-seo-panel {
2780  position: relative;
2781  overflow: hidden;
2782  padding: 30px 28px 28px;
2783  border-radius: 26px;
2784  background:
2785    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
2786  border: 1px solid rgba(17, 103, 241, 0.12);
2787  box-shadow:
2788    0 20px 50px rgba(10, 30, 65, 0.10),
2789    inset 0 1px 0 rgba(255,255,255,0.7);
2790}
2791
2792/* TOP ACCENT LINE (matches cards) */
2793.ohs-seo-panel:before {
2794  content: "";
2795  position: absolute;
2796  inset: 0 0 auto 0;
2797  height: 5px;
2798  background: linear-gradient(90deg, #1167f1 0%, #49a0ff 100%);
2799}
2800
2801/* SUBTLE GLOW */
2802.ohs-seo-panel:after {
2803  content: "";
2804  position: absolute;
2805  right: -40px;
2806  top: -40px;
2807  width: 160px;
2808  height: 160px;
2809  border-radius: 50%;
2810  background: radial-gradient(circle, rgba(17,103,241,0.10) 0%, rgba(17,103,241,0) 72%);
2811  pointer-events: none;
2812}
2813
2814/* DARK VERSION (UPGRADED) */
2815.ohs-seo-panel-dark {
2816  background:
2817    linear-gradient(180deg, #0b1a34 0%, #0f2548 100%);
2818  border: 1px solid rgba(71, 137, 255, 0.25);
2819  box-shadow:
2820    0 22px 55px rgba(5, 18, 45, 0.35),
2821    inset 0 1px 0 rgba(255,255,255,0.04);
2822}
2823
2824/* DARK TOP LINE (brighter pop) */
2825.ohs-seo-panel-dark:before {
2826  background: linear-gradient(90deg, #49a0ff 0%, #7bc3ff 100%);
2827}
2828
2829/* TEXT */
2830.ohs-seo-panel h3 {
2831  margin: 0 0 14px;
2832  font-size: 28px;
2833  line-height: 1.1;
2834  letter-spacing: -0.02em;
2835  color: var(--ohs-black);
2836}
2837
2838.ohs-seo-panel p {
2839  margin: 0;
2840  font-size: 17px;
2841  line-height: 1.85;
2842  color: #4f5e77;
2843}
2844
2845/* DARK TEXT */
2846.ohs-seo-panel-dark h3 {
2847  color: #ffffff;
2848}
2849
2850.ohs-seo-panel-dark p {
2851  color: rgba(255,255,255,0.78);
2852}
2853
2854/* KICKER */
2855.ohs-seo-panel-kicker {
2856  display: inline-block;
2857  margin-bottom: 12px;
2858  font-size: 12px;
2859  font-weight: 800;
2860  letter-spacing: 0.14em;
2861  text-transform: uppercase;
2862  color: var(--ohs-blue);
2863}
2864
2865.ohs-seo-panel-dark .ohs-seo-panel-kicker {
2866  color: rgba(255,255,255,0.72);
2867}
2868
2869/* RESULTS LIST */
2870.ohs-seo-results {
2871  list-style: none;
2872  margin: 0;
2873  padding: 0;
2874  display: grid;
2875  gap: 14px;
2876}
2877
2878.ohs-seo-results li {
2879  position: relative;
2880  padding-left: 22px;
2881  font-size: 16px;
2882  line-height: 1.75;
2883  color: rgba(255,255,255,0.85);
2884}
2885
2886.ohs-seo-results li:before {
2887  content: "";
2888  position: absolute;
2889  top: 10px;
2890  left: 0;
2891  width: 8px;
2892  height: 8px;
2893  border-radius: 50%;
2894  background: linear-gradient(135deg, #4aa3ff 0%, #1167f1 100%);
2895  box-shadow: 0 0 0 5px rgba(17,103,241,0.16);
2896}
2897
2898/* RESPONSIVE */
2899@media (max-width: 1024px) {
2900  .ohs-seo-bottom-grid {
2901    grid-template-columns: 1fr;
2902  }
2903}
2904
2905@media (max-width: 640px) {
2906  .ohs-seo-panel {
2907    padding: 24px 20px;
2908    border-radius: 22px;
2909  }
2910
2911  .ohs-seo-panel h3 {
2912    font-size: 24px;
2913  }
2914}
2915
2916
2917
2918
2919
2920
2921
2922
2923
2924
2925/* =========================================
2926   OHS SERVICES OVERVIEW SECTION
2927   ========================================= */
2928
2929.ohs-services-overview {
2930  padding: 95px 0;
2931  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
2932}
2933
2934.ohs-services-overview-head {
2935  max-width: 860px;
2936  margin: 0 0 42px;
2937}
2938
2939.ohs-services-overview-head h2 {
2940  margin: 0 0 18px;
2941  font-size: clamp(34px, 4.5vw, 34px);
2942  line-height: 1.06;
2943  letter-spacing: -0.03em;
2944  color: var(--ohs-black);
2945}
2946
2947.ohs-services-overview-head p {
2948  margin: 0;
2949  max-width: 800px;
2950  font-size: 19px;
2951  line-height: 1.8;
2952  color: #31415e;
2953}
2954
2955.ohs-services-overview-grid {
2956  display: grid;
2957  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 460px);
2958  gap: 38px;
2959  align-items: start;
2960}
2961
2962.ohs-services-overview-panel {
2963  position: relative;
2964  overflow: hidden;
2965  padding: 30px 28px 28px;
2966  margin-bottom: 22px;
2967  border-radius: 26px;
2968  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
2969  border: 1px solid rgba(17, 103, 241, 0.12);
2970  box-shadow:
2971    0 20px 50px rgba(10, 30, 65, 0.10),
2972    inset 0 1px 0 rgba(255,255,255,0.7);
2973}
2974
2975.ohs-services-overview-panel:before {
2976  content: "";
2977  position: absolute;
2978  inset: 0 0 auto 0;
2979  height: 5px;
2980  background: linear-gradient(90deg, #1167f1 0%, #49a0ff 100%);
2981}
2982
2983.ohs-services-overview-panel:after {
2984  content: "";
2985  position: absolute;
2986  right: -40px;
2987  top: -40px;
2988  width: 160px;
2989  height: 160px;
2990  border-radius: 50%;
2991  background: radial-gradient(circle, rgba(17,103,241,0.10) 0%, rgba(17,103,241,0) 72%);
2992  pointer-events: none;
2993}
2994
2995.ohs-services-overview-panel h3 {
2996  margin: 0 0 14px;
2997  font-size: 30px;
2998  line-height: 1.08;
2999  letter-spacing: -0.025em;
3000  color: var(--ohs-black);
3001  max-width: 620px;
3002}
3003
3004.ohs-services-overview-panel p {
3005  margin: 0;
3006  font-size: 17px;
3007  line-height: 1.85;
3008  color: #4f5e77;
3009}
3010
3011.ohs-services-overview-panel p + p {
3012  margin-top: 16px;
3013}
3014
3015.ohs-services-mini-grid {
3016  display: grid;
3017  grid-template-columns: repeat(2, 1fr);
3018  gap: 18px;
3019}
3020
3021.ohs-services-mini-card {
3022  position: relative;
3023  overflow: hidden;
3024  padding: 24px 22px 22px;
3025  border-radius: 22px;
3026  background: #ffffff;
3027  border: 1px solid rgba(17, 103, 241, 0.10);
3028  box-shadow: 0 16px 40px rgba(10, 30, 65, 0.08);
3029  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
3030}
3031
3032.ohs-services-mini-card:hover {
3033  transform: translateY(-5px);
3034  box-shadow: 0 24px 50px rgba(10, 30, 65, 0.12);
3035  border-color: rgba(17, 103, 241, 0.22);
3036}
3037
3038.ohs-services-mini-card:before {
3039  content: "";
3040  position: absolute;
3041  inset: 0 0 auto 0;
3042  height: 4px;
3043  background: linear-gradient(90deg, #1167f1 0%, #49a0ff 100%);
3044}
3045
3046.ohs-services-mini-no {
3047  display: inline-flex;
3048  align-items: center;
3049  justify-content: center;
3050  width: 48px;
3051  height: 48px;
3052  margin-bottom: 16px;
3053  border-radius: 14px;
3054  background: linear-gradient(135deg, #1167f1 0%, #49a0ff 100%);
3055  color: #fff;
3056  font-size: 15px;
3057  font-weight: 800;
3058  box-shadow: 0 12px 28px rgba(17, 103, 241, 0.26);
3059}
3060
3061.ohs-services-mini-card h4 {
3062  margin: 0 0 10px;
3063  font-size: 22px;
3064  line-height: 1.14;
3065  letter-spacing: -0.02em;
3066  color: var(--ohs-black);
3067}
3068
3069.ohs-services-mini-card p {
3070  margin: 0;
3071  font-size: 15px;
3072  line-height: 1.75;
3073  color: #56657d;
3074}
3075
3076.ohs-services-overview-visual {
3077  position: relative;
3078}
3079
3080.ohs-services-image-card {
3081  position: relative;
3082  overflow: hidden;
3083  padding: 22px;
3084  border-radius: 28px;
3085  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
3086  border: 1px solid rgba(17, 103, 241, 0.12);
3087  box-shadow:
3088    0 22px 55px rgba(10, 30, 65, 0.12),
3089    inset 0 1px 0 rgba(255,255,255,0.7);
3090}
3091
3092.ohs-services-image-card:before {
3093  content: "";
3094  position: absolute;
3095  inset: 0 0 auto 0;
3096  height: 5px;
3097  background: linear-gradient(90deg, #1167f1 0%, #49a0ff 100%);
3098}
3099
3100.ohs-services-image-card:after {
3101  content: "";
3102  position: absolute;
3103  left: -35px;
3104  bottom: -35px;
3105  width: 160px;
3106  height: 160px;
3107  border-radius: 50%;
3108  background: radial-gradient(circle, rgba(17,103,241,0.10) 0%, rgba(17,103,241,0) 72%);
3109  pointer-events: none;
3110}
3111
3112.ohs-services-image-card img {
3113  display: block;
3114  width: 100%;
3115  height: auto;
3116  border-radius: 20px;
3117}
3118
3119.ohs-services-float {
3120  position: absolute;
3121  z-index: 2;
3122  display: inline-flex;
3123  align-items: center;
3124  min-height: 42px;
3125  padding: 10px 14px;
3126  border-radius: 999px;
3127  background: rgba(7, 22, 51, 0.94);
3128  color: #fff;
3129  font-size: 13px;
3130  line-height: 1;
3131  font-weight: 700;
3132  box-shadow: 0 14px 32px rgba(4, 16, 38, 0.22);
3133}
3134
3135.ohs-services-float:before {
3136  content: "";
3137  width: 8px;
3138  height: 8px;
3139  margin-right: 8px;
3140  border-radius: 50%;
3141  background: linear-gradient(135deg, #4aa3ff 0%, #1167f1 100%);
3142  box-shadow: 0 0 0 5px rgba(17,103,241,0.14);
3143}
3144
3145.ohs-services-float-1 {
3146  top: 18px;
3147  left: 18px;
3148}
3149
3150.ohs-services-float-2 {
3151  right: 18px;
3152  bottom: 18px;
3153}
3154
3155@media (max-width: 1080px) {
3156  .ohs-services-overview-grid {
3157    grid-template-columns: 1fr;
3158    gap: 30px;
3159  }
3160
3161  .ohs-services-overview-visual {
3162    max-width: 620px;
3163  }
3164}
3165
3166@media (max-width: 680px) {
3167  .ohs-services-overview {
3168    padding: 72px 0;
3169  }
3170
3171  .ohs-services-overview-head h2 {
3172    font-size: clamp(28px, 8vw, 40px);
3173  }
3174
3175  .ohs-services-overview-head p {
3176    font-size: 18px;
3177  }
3178
3179  .ohs-services-overview-panel,
3180  .ohs-services-image-card,
3181  .ohs-services-mini-card {
3182    border-radius: 22px;
3183  }
3184
3185  .ohs-services-overview-panel,
3186  .ohs-services-image-card {
3187    padding: 24px 20px;
3188  }
3189
3190  .ohs-services-mini-grid {
3191    grid-template-columns: 1fr;
3192  }
3193
3194  .ohs-services-overview-panel h3 {
3195    font-size: 25px;
3196  }
3197
3198  .ohs-services-image-card img {
3199    border-radius: 16px;
3200  }
3201
3202  .ohs-services-float {
3203    font-size: 12px;
3204    padding: 9px 12px;
3205  }
3206}
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226/* =========================================
3227   OHS PORTFOLIO SECTION
3228   ========================================= */
3229
3230.ohs-portfolio-section {
3231  padding: 95px 0;
3232  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
3233}
3234
3235.ohs-portfolio-shell {
3236  position: relative;
3237  overflow: hidden;
3238  border-radius: 30px;
3239  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
3240  border: 1px solid rgba(17, 103, 241, 0.12);
3241  box-shadow:
3242    0 22px 55px rgba(10, 30, 65, 0.10),
3243    inset 0 1px 0 rgba(255,255,255,0.7);
3244  padding: 26px;
3245}
3246
3247.ohs-portfolio-shell:before {
3248  content: "";
3249  position: absolute;
3250  inset: 0 0 auto 0;
3251  height: 5px;
3252  background: linear-gradient(90deg, #1167f1 0%, #49a0ff 100%);
3253}
3254
3255.ohs-portfolio-shell:after {
3256  content: "";
3257  position: absolute;
3258  right: -40px;
3259  top: -40px;
3260  width: 180px;
3261  height: 180px;
3262  border-radius: 50%;
3263  background: radial-gradient(circle, rgba(17,103,241,0.10) 0%, rgba(17,103,241,0) 72%);
3264  pointer-events: none;
3265}
3266
3267.ohs-portfolio-inner {
3268  position: relative;
3269  z-index: 2;
3270}
3271
3272/* Porto portfolio card cleanup */
3273.ohs-portfolio-section .portfolio-item,
3274.ohs-portfolio-section .portfolio,
3275.ohs-portfolio-section .thumb-info,
3276.ohs-portfolio-section .portfolio-info {
3277  border-radius: 22px !important;
3278  overflow: hidden;
3279}
3280
3281.ohs-portfolio-section .portfolio-item,
3282.ohs-portfolio-section .portfolio {
3283  background: #ffffff;
3284  box-shadow: 0 16px 40px rgba(10, 30, 65, 0.08);
3285  transition: transform 0.25s ease, box-shadow 0.25s ease;
3286}
3287
3288.ohs-portfolio-section .portfolio-item:hover,
3289.ohs-portfolio-section .portfolio:hover {
3290  transform: translateY(-6px);
3291  box-shadow: 0 24px 52px rgba(10, 30, 65, 0.14);
3292}
3293
3294.ohs-portfolio-section img {
3295  border-radius: 18px;
3296}
3297
3298.ohs-section-footer-actions {
3299  display: flex;
3300  justify-content: center;
3301  margin-top: 28px;
3302}
3303
3304@media (max-width: 680px) {
3305  .ohs-portfolio-section {
3306    padding: 72px 0;
3307  }
3308
3309  .ohs-portfolio-shell {
3310    padding: 18px;
3311    border-radius: 22px;
3312  }
3313}
3314
3315
3316
3317
3318
3319
3320
3321/* ===============================
3322   SEO CARDS - FULL WIDTH FIX
3323   =============================== */
3324
3325/* Stretch container wider */
3326.ohs-seo-section-v2 .ohs-container {
3327  max-width: 1320px; /* was ~1100–1200 */
3328}
3329
3330/* Improve grid spacing */
3331.ohs-seo-section-v2 .ohs-seo-cards {
3332  display: grid;
3333  grid-template-columns: repeat(4, minmax(0, 1fr));
3334  gap: 28px; /* more breathing room */
3335}
3336
3337/* Make cards feel bigger + less cramped */
3338.ohs-seo-section-v2 .ohs-seo-feature-card {
3339  padding: 36px 30px 32px;
3340  border-radius: 26px;
3341}
3342
3343/* Improve title spacing */
3344.ohs-seo-section-v2 .ohs-seo-feature-card h3 {
3345  font-size: 26px;
3346  line-height: 1.15;
3347  margin-bottom: 14px;
3348}
3349
3350/* Improve text readability */
3351.ohs-seo-section-v2 .ohs-seo-feature-card p {
3352  font-size: 16px;
3353  line-height: 1.75;
3354}
3355
3356/* Make number badge slightly larger */
3357.ohs-seo-section-v2 .ohs-seo-icon {
3358  width: 48px;
3359  height: 48px;
3360  font-size: 16px;
3361  margin-bottom: 18px;
3362}
3363
3364/* ===============================
3365   RESPONSIVE FIXES
3366   =============================== */
3367
3368@media (max-width: 1100px) {
3369  .ohs-seo-section-v2 .ohs-seo-cards {
3370    grid-template-columns: repeat(2, 1fr);
3371  }
3372}
3373
3374@media (max-width: 640px) {
3375  .ohs-seo-section-v2 .ohs-seo-cards {
3376    grid-template-columns: 1fr;
3377  }
3378}
3379
3380
3381
3382
3383
3384
3385
3386
3387
3388
3389
3390
3391
3392
3393
3394.ohs-packages-redesign {
3395  position: relative;
3396  padding: 110px 0;
3397  background:
3398    radial-gradient(circle at top left, rgba(32, 86, 166, 0.12), transparent 30%),
3399    radial-gradient(circle at bottom right, rgba(32, 86, 166, 0.08), transparent 28%),
3400    linear-gradient(180deg, #08111f 0%, #0d1728 100%);
3401  overflow: hidden;
3402}
3403
3404.ohs-packages-redesign .ohs-container {
3405  max-width: 1280px;
3406  margin: 0 auto;
3407  padding: 0 24px;
3408}
3409
3410.ohs-packages-heading {
3411  max-width: 840px;
3412  margin: 0 auto 52px;
3413  text-align: center;
3414}
3415
3416.ohs-packages-heading .ohs-label {
3417  display: inline-block;
3418  margin-bottom: 14px;
3419  padding: 8px 14px;
3420  border: 1px solid rgba(93, 160, 255, 0.28);
3421  border-radius: 999px;
3422  background: rgba(20, 42, 76, 0.45);
3423  color: #7fc4ff;
3424  font-size: 12px;
3425  font-weight: 700;
3426  letter-spacing: 0.12em;
3427  text-transform: uppercase;
3428}
3429
3430.ohs-packages-heading h2 {
3431  margin: 0 0 16px;
3432  color: #ffffff;
3433  font-size: clamp(2rem, 4vw, 3.2rem);
3434  line-height: 1.12;
3435  font-weight: 800;
3436}
3437
3438.ohs-packages-heading p {
3439  margin: 0;
3440  color: rgba(230, 236, 245, 0.78);
3441  font-size: 1.05rem;
3442  line-height: 1.8;
3443}
3444
3445.ohs-package-grid {
3446  display: grid;
3447  grid-template-columns: repeat(4, minmax(0, 1fr));
3448  gap: 26px;
3449  align-items: stretch;
3450}
3451
3452.ohs-package-card {
3453  position: relative;
3454  display: flex;
3455  flex-direction: column;
3456  min-height: 100%;
3457  padding: 34px 28px 28px;
3458  border: 1px solid rgba(255, 255, 255, 0.08);
3459  border-radius: 24px;
3460  background:
3461    linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.02) 100%),
3462    #101a2b;
3463  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
3464  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
3465}
3466
3467.ohs-package-card:hover {
3468  transform: translateY(-6px);
3469  border-color: rgba(108, 171, 255, 0.32);
3470  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
3471}
3472
3473.ohs-package-featured {
3474  border-color: rgba(93, 160, 255, 0.45);
3475  background:
3476    linear-gradient(180deg, rgba(37, 82, 155, 0.18) 0%, rgba(255,255,255,0.03) 100%),
3477    #101a2b;
3478  transform: translateY(-10px);
3479}
3480
3481.ohs-package-featured:hover {
3482  transform: translateY(-14px);
3483}
3484
3485.ohs-package-badge {
3486  position: absolute;
3487  top: 18px;
3488  right: 18px;
3489  padding: 7px 12px;
3490  border-radius: 999px;
3491  background: linear-gradient(135deg, #2a67c7, #1a4688);
3492  color: #fff;
3493  font-size: 11px;
3494  font-weight: 800;
3495  letter-spacing: 0.1em;
3496  text-transform: uppercase;
3497}
3498
3499.ohs-package-top {
3500  margin-bottom: 24px;
3501}
3502
3503.ohs-package-kicker {
3504  display: inline-block;
3505  margin-bottom: 12px;
3506  color: #76c7ff;
3507  font-size: 12px;
3508  font-weight: 700;
3509  letter-spacing: 0.12em;
3510  text-transform: uppercase;
3511}
3512
3513.ohs-package-card h3 {
3514  margin: 0 0 12px;
3515  color: #ffffff;
3516  font-size: 1.8rem;
3517  line-height: 1.15;
3518  font-weight: 800;
3519}
3520
3521.ohs-package-summary {
3522  margin: 0;
3523  color: rgba(230, 236, 245, 0.76);
3524  font-size: 0.98rem;
3525  line-height: 1.75;
3526}
3527
3528.ohs-package-price-row {
3529  display: flex;
3530  align-items: flex-end;
3531  gap: 6px;
3532  margin-bottom: 24px;
3533  padding-bottom: 24px;
3534  border-bottom: 1px solid rgba(255,255,255,0.08);
3535}
3536
3537.ohs-price-symbol {
3538  position: relative;
3539  top: -6px;
3540  color: #d6e8ff;
3541  font-size: 1.55rem;
3542  font-weight: 700;
3543}
3544
3545.ohs-price-main {
3546  color: #ffffff;
3547  font-size: 3.7rem;
3548  line-height: 0.95;
3549  font-weight: 800;
3550  letter-spacing: -0.03em;
3551}
3552
3553.ohs-price-term {
3554  padding-bottom: 8px;
3555  color: rgba(230, 236, 245, 0.7);
3556  font-size: 0.95rem;
3557  font-weight: 600;
3558  text-transform: uppercase;
3559  letter-spacing: 0.08em;
3560}
3561
3562.ohs-package-list {
3563  list-style: none;
3564  margin: 0 0 28px;
3565  padding: 0;
3566}
3567
3568.ohs-package-list li {
3569  position: relative;
3570  margin-bottom: 14px;
3571  padding-left: 28px;
3572  color: rgba(245, 248, 252, 0.84);
3573  font-size: 1rem;
3574  line-height: 1.65;
3575}
3576
3577.ohs-package-list li::before {
3578  content: "";
3579  position: absolute;
3580  top: 9px;
3581  left: 0;
3582  width: 12px;
3583  height: 12px;
3584  border-radius: 50%;
3585  background: linear-gradient(135deg, #73c3ff, #2d68c9);
3586  box-shadow: 0 0 0 4px rgba(68, 129, 213, 0.14);
3587}
3588
3589.ohs-package-footer {
3590  margin-top: auto;
3591}
3592
3593.ohs-btn {
3594  display: inline-flex;
3595  align-items: center;
3596  justify-content: center;
3597  min-height: 54px;
3598  padding: 0 22px;
3599  border-radius: 14px;
3600  font-size: 0.95rem;
3601  font-weight: 700;
3602  text-decoration: none;
3603  transition: all 0.3s ease;
3604}
3605
3606.ohs-btn-solid {
3607  background: linear-gradient(135deg, #2a67c7, #183e7c);
3608  color: #ffffff;
3609  box-shadow: 0 14px 30px rgba(26, 70, 136, 0.35);
3610}
3611
3612.ohs-btn-solid:hover {
3613  transform: translateY(-2px);
3614  color: #ffffff;
3615  box-shadow: 0 18px 36px rgba(26, 70, 136, 0.42);
3616}
3617
3618.ohs-btn-outline {
3619  border: 1px solid rgba(122, 176, 255, 0.28);
3620  background: rgba(255,255,255,0.03);
3621  color: #ffffff;
3622}
3623
3624.ohs-btn-outline:hover {
3625  transform: translateY(-2px);
3626  border-color: rgba(122, 176, 255, 0.5);
3627  background: rgba(255,255,255,0.06);
3628  color: #ffffff;
3629}
3630
3631.ohs-packages-bottom-note {
3632  max-width: 760px;
3633  margin: 42px auto 0;
3634  text-align: center;
3635}
3636
3637.ohs-packages-bottom-note p {
3638  margin: 0 0 20px;
3639  color: rgba(230, 236, 245, 0.75);
3640  font-size: 1rem;
3641  line-height: 1.75;
3642}
3643
3644@media (max-width: 1200px) {
3645  .ohs-package-grid {
3646    grid-template-columns: repeat(2, minmax(0, 1fr));
3647  }
3648
3649  .ohs-package-featured {
3650    transform: none;
3651  }
3652
3653  .ohs-package-featured:hover {
3654    transform: translateY(-6px);
3655  }
3656}
3657
3658@media (max-width: 767px) {
3659  .ohs-packages-redesign {
3660    padding: 80px 0;
3661  }
3662
3663  .ohs-package-grid {
3664    grid-template-columns: 1fr;
3665    gap: 20px;
3666  }
3667
3668  .ohs-package-card {
3669    padding: 28px 22px 24px;
3670    border-radius: 20px;
3671  }
3672
3673  .ohs-package-card h3 {
3674    font-size: 1.55rem;
3675  }
3676
3677  .ohs-price-main {
3678    font-size: 3rem;
3679  }
3680
3681  .ohs-packages-heading {
3682    margin-bottom: 36px;
3683  }
3684}
3685
3686
3687
3688/* PACKAGES SECTION ALIGNMENT FIX */
3689.ohs-packages-redesign,
3690.elementor-element.elementor-element-popular-packages,
3691section:has(.ohs-package-grid) {
3692  width: 100%;
3693}
3694
3695.ohs-package-grid {
3696  display: grid;
3697  grid-template-columns: repeat(4, minmax(0, 1fr));
3698  gap: 26px;
3699  align-items: stretch;
3700}
3701
3702.ohs-package-card {
3703  display: flex;
3704  flex-direction: column;
3705  height: 100%;
3706  text-align: left;
3707}
3708
3709.ohs-package-top {
3710  min-height: 150px;
3711}
3712
3713.ohs-package-price-row {
3714  min-height: 92px;
3715  align-items: flex-end;
3716}
3717
3718.ohs-package-list {
3719  margin: 0 0 28px;
3720  padding: 0;
3721  flex-grow: 1;
3722}
3723
3724.ohs-package-list li {
3725  display: flex;
3726  align-items: flex-start;
3727}
3728
3729.ohs-package-footer {
3730  margin-top: auto;
3731}
3732
3733.ohs-package-footer .ohs-btn {
3734  width: 100%;
3735}
3736
3737.ohs-packages-heading {
3738  max-width: 840px;
3739  margin: 0 auto 52px;
3740  text-align: center;
3741}
3742
3743.ohs-packages-bottom-note {
3744  max-width: 760px;
3745  margin: 42px auto 0;
3746  text-align: center;
3747}
3748
3749/* tighten featured card so it does not visually drift */
3750.ohs-package-featured {
3751  transform: none;
3752}
3753
3754.ohs-package-featured:hover {
3755  transform: translateY(-6px);
3756}
3757
3758/* tablet */
3759@media (max-width: 1200px) {
3760  .ohs-package-grid {
3761    grid-template-columns: repeat(2, minmax(0, 1fr));
3762  }
3763}
3764
3765/* mobile */
3766@media (max-width: 767px) {
3767  .ohs-package-grid {
3768    grid-template-columns: 1fr;
3769    gap: 20px;
3770  }
3771
3772  .ohs-package-top {
3773    min-height: auto;
3774  }
3775
3776  .ohs-package-price-row {
3777    min-height: auto;
3778  }
3779}
3780
3781
3782
3783
3784
3785
3786.ohs-portfolio-home {
3787  position: relative;
3788  padding: 110px 0;
3789  background:
3790    radial-gradient(circle at top left, rgba(32, 86, 166, 0.10), transparent 28%),
3791    linear-gradient(180deg, #09111d 0%, #0d1728 100%);
3792}
3793
3794.ohs-portfolio-home .ohs-container {
3795  max-width: 1280px;
3796  margin: 0 auto;
3797  padding: 0 24px;
3798}
3799
3800.ohs-portfolio-heading {
3801  max-width: 860px;
3802  margin: 0 auto 50px;
3803  text-align: center;
3804}
3805
3806.ohs-portfolio-heading .ohs-label {
3807  display: inline-block;
3808  margin-bottom: 14px;
3809  padding: 8px 14px;
3810  border-radius: 999px;
3811  border: 1px solid rgba(93, 160, 255, 0.25);
3812  background: rgba(19, 35, 60, 0.45);
3813  color: #7fc4ff;
3814  font-size: 12px;
3815  font-weight: 700;
3816  letter-spacing: 0.12em;
3817  text-transform: uppercase;
3818}
3819
3820.ohs-portfolio-heading h2 {
3821  margin: 0 0 16px;
3822  color: #fff;
3823  font-size: clamp(2rem, 4vw, 3.1rem);
3824  line-height: 1.12;
3825  font-weight: 800;
3826}
3827
3828.ohs-portfolio-heading p {
3829  margin: 0;
3830  color: rgba(231, 237, 245, 0.78);
3831  font-size: 1.05rem;
3832  line-height: 1.8;
3833}
3834
3835.ohs-portfolio-grid {
3836  display: grid;
3837  grid-template-columns: repeat(4, minmax(0, 1fr));
3838  gap: 24px;
3839}
3840
3841.ohs-portfolio-card {
3842  display: flex;
3843  flex-direction: column;
3844  text-decoration: none;
3845  border-radius: 24px;
3846  overflow: hidden;
3847  background: rgba(255,255,255,0.03);
3848  border: 1px solid rgba(255,255,255,0.08);
3849  box-shadow: 0 18px 50px rgba(0,0,0,0.24);
3850  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
3851}
3852
3853.ohs-portfolio-card:hover {
3854  transform: translateY(-6px);
3855  border-color: rgba(93, 160, 255, 0.35);
3856  box-shadow: 0 24px 60px rgba(0,0,0,0.30);
3857}
3858
3859.ohs-portfolio-image-wrap {
3860  position: relative;
3861  aspect-ratio: 4 / 4.7;
3862  overflow: hidden;
3863  background: #101826;
3864}
3865
3866.ohs-portfolio-image-wrap img {
3867  width: 100%;
3868  height: 100%;
3869  object-fit: cover;
3870  display: block;
3871}
3872
3873.ohs-portfolio-image-wrap::after {
3874  content: "";
3875  position: absolute;
3876  inset: 0;
3877  background: linear-gradient(180deg, rgba(4,8,15,0.00) 0%, rgba(4,8,15,0.12) 55%, rgba(4,8,15,0.45) 100%);
3878}
3879
3880.ohs-portfolio-tag {
3881  position: absolute;
3882  top: 16px;
3883  left: 16px;
3884  z-index: 2;
3885  display: inline-flex;
3886  align-items: center;
3887  min-height: 32px;
3888  padding: 0 12px;
3889  border-radius: 999px;
3890  background: rgba(8, 16, 30, 0.72);
3891  border: 1px solid rgba(255,255,255,0.16);
3892  color: #fff;
3893  font-size: 11px;
3894  font-weight: 700;
3895  letter-spacing: 0.08em;
3896  text-transform: uppercase;
3897}
3898
3899.ohs-portfolio-card-content {
3900  padding: 22px 22px 24px;
3901}
3902
3903.ohs-portfolio-card-content h3 {
3904  margin: 0 0 10px;
3905  color: #fff;
3906  font-size: 1.3rem;
3907  line-height: 1.2;
3908  font-weight: 800;
3909}
3910
3911.ohs-portfolio-card-content p {
3912  margin: 0;
3913  color: rgba(231, 237, 245, 0.74);
3914  font-size: 0.98rem;
3915  line-height: 1.7;
3916}
3917
3918.ohs-portfolio-bottom {
3919  margin-top: 38px;
3920  text-align: center;
3921}
3922
3923.ohs-btn.ohs-btn-solid {
3924  display: inline-flex;
3925  align-items: center;
3926  justify-content: center;
3927  min-height: 56px;
3928  padding: 0 26px;
3929  border-radius: 14px;
3930  background: linear-gradient(135deg, #2a67c7, #183e7c);
3931  color: #fff;
3932  text-decoration: none;
3933  font-size: 0.96rem;
3934  font-weight: 700;
3935  box-shadow: 0 14px 30px rgba(26, 70, 136, 0.35);
3936  transition: transform 0.3s ease, box-shadow 0.3s ease;
3937}
3938
3939.ohs-btn.ohs-btn-solid:hover {
3940  transform: translateY(-2px);
3941  color: #fff;
3942  box-shadow: 0 18px 36px rgba(26, 70, 136, 0.42);
3943}
3944
3945@media (max-width: 1200px) {
3946  .ohs-portfolio-grid {
3947    grid-template-columns: repeat(2, minmax(0, 1fr));
3948  }
3949}
3950
3951@media (max-width: 767px) {
3952  .ohs-portfolio-home {
3953    padding: 80px 0;
3954  }
3955
3956  .ohs-portfolio-grid {
3957    grid-template-columns: 1fr;
3958    gap: 20px;
3959  }
3960
3961  .ohs-portfolio-card-content {
3962    padding: 20px 18px 22px;
3963  }
3964}
3965
3966
3967
3968
3969
3970.ohs-about-actions .ohs-btn-ghost {
3971  padding: 15px 22px;
3972  color: #17233d;
3973  background: #fff;
3974  border: 1px solid #cfd8e8;
3975  border-radius: 8px;
3976  font-weight: 700;
3977}
3978
3979.ohs-about-actions .ohs-btn-ghost:hover {
3980  color: #fff;
3981  background: #17233d;
3982  border-color: #17233d;
3983}
3984
3985
3986
3987
3988
3989
3990
3991
3992
3993
3994
3995
3996
3997
3998
3999
4000
4001
4002
4003
4004
4005
4006
4007
4008
4009
4010
4011
4012.ohs-auto-packages-section{
4013  background:#181818;
4014  overflow:hidden;
4015}
4016
4017.ohs-auto-packages-section .ohs-section-heading h2{
4018  color:#fff;
4019}
4020
4021.ohs-auto-packages-section .ohs-section-heading p{
4022  color:rgba(255,255,255,.76);
4023}
4024
4025.ohs-pricing-grid{
4026  display:grid;
4027  grid-template-columns:repeat(3, minmax(0, 1fr));
4028  gap:24px;
4029  align-items:stretch;
4030}
4031
4032.ohs-pricing-card{
4033  position:relative;
4034  display:flex;
4035  flex-direction:column;
4036  min-height:100%;
4037  padding:138px 32px 32px;
4038  border:1px solid rgba(255,255,255,.14);
4039  border-radius:28px;
4040  background:#111;
4041  box-shadow:0 22px 52px rgba(0,0,0,.24);
4042  overflow:hidden;
4043  transition:transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
4044}
4045
4046.ohs-pricing-card::before{
4047  content:"";
4048  position:absolute;
4049  right:-64px;
4050  bottom:-72px;
4051  width:220px;
4052  height:220px;
4053  border-radius:50%;
4054  background:#1c2530;
4055  transition:background .28s ease, transform .28s ease;
4056}
4057
4058.ohs-pricing-card::after{
4059  content:"";
4060  position:absolute;
4061  inset:0;
4062  background:linear-gradient(135deg, rgba(45,125,255,.18), transparent 48%);
4063  opacity:0;
4064  transition:opacity .28s ease;
4065  pointer-events:none;
4066}
4067
4068.ohs-pricing-card:hover,
4069.ohs-pricing-featured{
4070  transform:translateY(-8px);
4071  border-color:rgba(125,179,255,.56);
4072  background:#1455d9;
4073  box-shadow:0 30px 70px rgba(20,85,217,.28);
4074}
4075
4076.ohs-pricing-card:hover::before,
4077.ohs-pricing-featured::before{
4078  background:rgba(255,255,255,.12);
4079  transform:scale(1.08);
4080}
4081
4082.ohs-pricing-card:hover::after,
4083.ohs-pricing-featured::after{
4084  opacity:1;
4085}
4086
4087.ohs-pricing-top{
4088  position:absolute;
4089  top:-1px;
4090  left:0;
4091  right:0;
4092  display:flex;
4093  min-height:130px;
4094  flex-direction:column;
4095  align-items:center;
4096  justify-content:center;
4097  padding:28px 20px;
4098  border:7px solid #3c3c3c;
4099  border-top-left-radius:28px;
4100  border-top-right-radius:28px;
4101  border-bottom-left-radius:42px;
4102  border-bottom-right-radius:42px;
4103  background:#101010;
4104  text-align:center;
4105  z-index:2;
4106  transition:border-color .28s ease, background .28s ease;
4107}
4108
4109.ohs-pricing-card:hover .ohs-pricing-top,
4110.ohs-pricing-featured .ohs-pricing-top{
4111  border-color:rgba(255,255,255,.42);
4112  background:#0d347f;
4113}
4114
4115.ohs-pricing-top span{
4116  display:block;
4117  margin-bottom:8px;
4118  color:rgba(255,255,255,.72);
4119  font-size:.95rem;
4120  font-weight:800;
4121}
4122
4123.ohs-pricing-top h3{
4124  margin:0;
4125  color:#fff;
4126  font-size:1.75rem;
4127  line-height:1.15;
4128  letter-spacing:-.02em;
4129}
4130
4131.ohs-pricing-list{
4132  position:relative;
4133  z-index:2;
4134  display:grid;
4135  gap:0;
4136  margin:0;
4137  padding:0 0 28px;
4138  list-style:none;
4139  border-bottom:1px solid rgba(255,255,255,.18);
4140}
4141
4142.ohs-pricing-list li{
4143  display:flex;
4144  align-items:center;
4145  justify-content:space-between;
4146  gap:16px;
4147  padding:10px 0;
4148  color:rgba(255,255,255,.9);
4149  font-size:1rem;
4150  line-height:1.5;
4151}
4152
4153.ohs-pricing-list strong{
4154  flex:0 0 auto;
4155  color:#fff;
4156  font-size:1rem;
4157}
4158
4159.ohs-pricing-footer{
4160  position:relative;
4161  z-index:2;
4162  display:flex;
4163  align-items:center;
4164  justify-content:space-between;
4165  gap:18px;
4166  margin-top:auto;
4167  padding-top:24px;
4168}
4169
4170.ohs-pricing-price{
4171  color:#fff;
4172  font-size:2rem;
4173  line-height:1;
4174  font-weight:900;
4175  letter-spacing:-.03em;
4176}
4177
4178.ohs-pricing-btn{
4179  display:inline-flex;
4180  align-items:center;
4181  justify-content:center;
4182  min-height:54px;
4183  padding:0 26px;
4184  border-radius:999px;
4185  background:#7db3ff;
4186  color:#fff;
4187  font-weight:800;
4188  text-decoration:none;
4189  text-transform:uppercase;
4190  font-size:.86rem;
4191  transition:background .25s ease, color .25s ease, transform .25s ease;
4192}
4193
4194.ohs-pricing-btn:hover{
4195  background:#fff;
4196  color:#1455d9;
4197  transform:translateY(-2px);
4198}
4199
4200@media (max-width: 1100px){
4201  .ohs-pricing-grid{
4202    grid-template-columns:1fr;
4203  }
4204
4205  .ohs-pricing-card{
4206    max-width:640px;
4207    margin:0 auto;
4208    width:100%;
4209  }
4210}
4211
4212@media (max-width: 640px){
4213  .ohs-pricing-card{
4214    padding:132px 22px 24px;
4215    border-radius:22px;
4216  }
4217
4218  .ohs-pricing-top{
4219    min-height:122px;
4220    border-width:5px;
4221    border-radius:22px 22px 34px 34px;
4222  }
4223
4224  .ohs-pricing-top h3{
4225    font-size:1.45rem;
4226  }
4227
4228  .ohs-pricing-footer{
4229    flex-direction:column;
4230    align-items:flex-start;
4231  }
4232
4233  .ohs-pricing-btn{
4234    width:100%;
4235  }
4236}
4237
4238.ohs-pricing-buildout{
4239  display:grid;
4240  grid-template-columns:.8fr 1.2fr;
4241  gap:26px;
4242  align-items:center;
4243  margin:0 auto 34px;
4244  padding:26px 30px;
4245  max-width:980px;
4246  border:1px solid rgba(125,179,255,.28);
4247  border-radius:24px;
4248  background:
4249    radial-gradient(circle at top left, rgba(45,125,255,.22), transparent 34%),
4250    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
4251  box-shadow:0 22px 50px rgba(0,0,0,.22);
4252}
4253
4254.ohs-pricing-buildout span{
4255  display:block;
4256  margin-bottom:8px;
4257  color:#7db3ff;
4258  font-size:.78rem;
4259  font-weight:800;
4260  letter-spacing:.14em;
4261  text-transform:uppercase;
4262}
4263
4264.ohs-pricing-buildout h3{
4265  margin:0;
4266  color:#fff;
4267  font-size:clamp(1.5rem, 2.4vw, 2.2rem);
4268  line-height:1.15;
4269  letter-spacing:-.02em;
4270}
4271
4272.ohs-pricing-buildout p{
4273  margin:0;
4274  color:rgba(255,255,255,.78);
4275  font-size:1rem;
4276  line-height:1.75;
4277}
4278
4279@media (max-width: 800px){
4280  .ohs-pricing-buildout{
4281    grid-template-columns:1fr;
4282    padding:24px;
4283  }
4284}
4285
4286.ohs-pricing-buildout{
4287  margin:0 auto 46px;
4288  padding:30px 34px;
4289}
4290
4291.ohs-pricing-grid{
4292  margin-top:8px;
4293}
4294
4295/* HOMEPAGE PRICING ALIGNMENT FIX */
4296
4297.ohs-auto-packages-section{
4298  padding:88px 0;
4299}
4300
4301.ohs-auto-packages-section .ohs-container{
4302  width:min(1180px, calc(100% - 40px));
4303  margin:0 auto;
4304}
4305
4306.ohs-auto-packages-section .ohs-section-heading{
4307  max-width:860px;
4308  margin:0 auto 42px;
4309  text-align:center;
4310}
4311
4312.ohs-auto-packages-section .ohs-section-heading .ohs-label{
4313  margin-left:auto;
4314  margin-right:auto;
4315}
4316
4317.ohs-auto-packages-section .ohs-section-heading h2{
4318  max-width:820px;
4319  margin:0 auto 18px;
4320  text-align:center;
4321  color:#fff;
4322}
4323
4324.ohs-auto-packages-section .ohs-section-heading p{
4325  max-width:760px;
4326  margin:0 auto;
4327  text-align:center;
4328  color:rgba(255,255,255,.76);
4329}
4330
4331.ohs-pricing-buildout{
4332  max-width:980px;
4333  margin:0 auto 46px;
4334}
4335
4336.ohs-pricing-grid{
4337  max-width:1080px;
4338  margin:8px auto 0;
4339  justify-content:center;
4340}
4341
4342.ohs-packages-bottom-note{
4343  max-width:820px;
4344  margin:42px auto 0;
4345  text-align:center;
4346}
4347
4348.ohs-packages-bottom-note p{
4349  margin:0 auto 20px;
4350  color:rgba(255,255,255,.76);
4351  line-height:1.75;
4352}
4353
4354.ohs-packages-bottom-note .ohs-btn{
4355  margin:0 auto;
4356}
4357
4358
4359
4360
4361
4362
4363
4364
4365
4366
4367
4368
4369
4370
4371
4372
4373
4374
4375
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385
4386
4387
4388
4389
4390
4391
4392
4393
4394
4395
4396
4397
4398
4399/* =========================================================
4400   OHS MODERN HERO + FLOATING TRUST BAR
4401   Bright Version - Clean Form Layout
4402   ========================================================= */
4403
4404.ohs-page {
4405  overflow: hidden;
4406}
4407
4408.ohs-container {
4409  width: min(1180px, calc(100% - 40px));
4410  margin: 0 auto;
4411}
4412
4413.ohs-hero-modern {
4414  position: relative;
4415  padding: 105px 0 118px;
4416  background:
4417    radial-gradient(circle at 12% 20%, rgba(20, 121, 255, 0.10), transparent 32%),
4418    radial-gradient(circle at 88% 12%, rgba(58, 160, 255, 0.14), transparent 30%),
4419    linear-gradient(135deg, #ffffff 0%, #f6faff 52%, #eaf4ff 100%);
4420}
4421
4422.ohs-hero-modern::before {
4423  content: "";
4424  position: absolute;
4425  inset: 0;
4426  background-image:
4427    linear-gradient(rgba(7, 24, 39, 0.04) 1px, transparent 1px),
4428    linear-gradient(90deg, rgba(7, 24, 39, 0.04) 1px, transparent 1px);
4429  background-size: 54px 54px;
4430  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.62), transparent 86%);
4431  pointer-events: none;
4432}
4433
4434.ohs-hero-modern-grid {
4435  position: relative;
4436  z-index: 2;
4437  display: grid;
4438  grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.78fr);
4439  gap: 72px;
4440  align-items: center;
4441}
4442
4443.ohs-hero-modern-copy {
4444  max-width: 650px;
4445}
4446
4447.ohs-eyebrow-modern {
4448  display: inline-flex;
4449  align-items: center;
4450  gap: 8px;
4451  margin-bottom: 20px;
4452  padding: 9px 14px;
4453  border: 1px solid #cfe3ff;
4454  border-radius: 999px;
4455  background: #ffffff;
4456  color: #1479ff;
4457  font-size: 12px;
4458  font-weight: 800;
4459  letter-spacing: 0.08em;
4460  text-transform: uppercase;
4461  box-shadow: 0 12px 30px rgba(20, 121, 255, 0.08);
4462}
4463
4464.ohs-eyebrow-modern::before {
4465  content: "";
4466  width: 8px;
4467  height: 8px;
4468  border-radius: 999px;
4469  background: #1479ff;
4470  box-shadow: 0 0 0 5px rgba(20, 121, 255, 0.12);
4471}
4472
4473.ohs-hero-modern h1 {
4474  margin: 0;
4475  color: #071827;
4476  font-size: clamp(42px, 4.4vw, 64px);
4477  line-height: 1.04;
4478  letter-spacing: -0.035em;
4479  font-weight: 850;
4480}
4481
4482.ohs-hero-modern-text {
4483  max-width: 580px;
4484  margin: 24px 0 0;
4485  color: #334963;
4486  font-size: 18px;
4487  line-height: 1.75;
4488  font-weight: 500;
4489}
4490
4491.ohs-hero-modern-actions {
4492  display: flex;
4493  flex-wrap: wrap;
4494  gap: 14px;
4495  margin-top: 34px;
4496}
4497
4498.ohs-btn-modern {
4499  display: inline-flex;
4500  align-items: center;
4501  justify-content: center;
4502  min-height: 52px;
4503  padding: 0 24px;
4504  border-radius: 12px;
4505  font-size: 15px;
4506  font-weight: 800;
4507  text-decoration: none;
4508  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
4509}
4510
4511.ohs-btn-modern:hover {
4512  transform: translateY(-2px);
4513}
4514
4515.ohs-btn-modern-primary {
4516  color: #ffffff;
4517  background: linear-gradient(135deg, #1479ff, #075ed6);
4518  box-shadow: 0 18px 36px rgba(20, 121, 255, 0.26);
4519}
4520
4521.ohs-btn-modern-secondary {
4522  color: #071827;
4523  background: #ffffff;
4524  border: 1px solid #d8e6f7;
4525  box-shadow: 0 14px 34px rgba(7, 24, 39, 0.08);
4526}
4527
4528.ohs-hero-mini-proof {
4529  display: flex;
4530  flex-wrap: wrap;
4531  gap: 12px;
4532  margin-top: 28px;
4533}
4534
4535.ohs-hero-mini-proof span {
4536  display: inline-flex;
4537  align-items: center;
4538  gap: 8px;
4539  color: #071827;
4540  font-size: 14px;
4541  font-weight: 750;
4542}
4543
4544.ohs-hero-mini-proof span::before {
4545  content: "";
4546  width: 7px;
4547  height: 7px;
4548  border-radius: 999px;
4549  background: #1479ff;
4550}
4551
4552/* Right side: removes hidden/overlapping growth box issue */
4553
4554.ohs-hero-modern-side {
4555  position: relative;
4556  display: flex;
4557  justify-content: center;
4558  align-items: center;
4559  min-height: auto;
4560}
4561
4562.ohs-growth-card {
4563  display: none !important;
4564}
4565
4566.ohs-form-card-modern {
4567  position: relative;
4568  width: min(420px, 100%);
4569  padding: 32px;
4570  border-radius: 24px;
4571  background: rgba(255, 255, 255, 0.94);
4572  border: 1px solid #dbeafe;
4573  box-shadow: 0 30px 80px rgba(7, 24, 39, 0.16);
4574  backdrop-filter: blur(12px);
4575}
4576
4577.ohs-form-card-modern::before {
4578  content: "";
4579  position: absolute;
4580  inset: -18px;
4581  z-index: -1;
4582  border-radius: 32px;
4583  background:
4584    radial-gradient(circle at 20% 20%, rgba(20, 121, 255, 0.18), transparent 34%),
4585    linear-gradient(135deg, rgba(255,255,255,0.65), rgba(234,244,255,0.72));
4586  border: 1px solid rgba(207, 227, 255, 0.75);
4587}
4588
4589.ohs-form-card-modern .ohs-form-kicker {
4590  display: block;
4591  margin-bottom: 6px;
4592  color: #1479ff;
4593  font-size: 12px;
4594  font-weight: 850;
4595  letter-spacing: 0.08em;
4596  text-transform: uppercase;
4597}
4598
4599.ohs-form-card-modern h2 {
4600  margin: 0;
4601  color: #071827;
4602  font-size: 30px;
4603  line-height: 1.15;
4604}
4605
4606.ohs-form-card-modern p {
4607  margin: 10px 0 20px;
4608  color: #52667f;
4609  font-size: 15px;
4610  line-height: 1.65;
4611}
4612
4613.ohs-form-embed {
4614  min-height: 270px;
4615}
4616
4617/* Tries to style embedded form elements when accessible */
4618
4619.ohs-form-card-modern input,
4620.ohs-form-card-modern textarea,
4621.ohs-form-card-modern select {
4622  border-radius: 10px !important;
4623}
4624
4625.ohs-form-card-modern button,
4626.ohs-form-card-modern input[type="submit"],
4627.ohs-form-card-modern .form-submit,
4628.ohs-form-card-modern [type="button"] {
4629  background: linear-gradient(135deg, #1479ff, #075ed6) !important;
4630  border-radius: 12px !important;
4631  border: none !important;
4632  box-shadow: 0 14px 28px rgba(20, 121, 255, 0.24) !important;
4633}
4634
4635
4636
4637
4638
4639
4640
4641/* Floating trust cards */
4642
4643.ohs-floating-trust {
4644  position: relative;
4645  z-index: 5;
4646  margin-top: -38px;
4647  padding: 0 0 62px;
4648}
4649
4650.ohs-floating-trust-grid {
4651  display: grid;
4652  grid-template-columns: repeat(4, 1fr);
4653  gap: 18px;
4654}
4655
4656.ohs-trust-card {
4657  position: relative;
4658  overflow: hidden;
4659  min-height: 156px;
4660  padding: 26px 24px 24px;
4661  border-radius: 18px;
4662  background: #ffffff;
4663  border: 1px solid #dbeafe;
4664  box-shadow: 0 22px 52px rgba(7, 24, 39, 0.11);
4665}
4666
4667.ohs-trust-card::after {
4668  content: "";
4669  position: absolute;
4670  left: 24px;
4671  right: 24px;
4672  top: 0;
4673  height: 4px;
4674  border-radius: 0 0 999px 999px;
4675  background: linear-gradient(90deg, #1479ff, #78bbff);
4676}
4677
4678.ohs-trust-icon {
4679  position: relative;
4680  display: inline-flex;
4681  width: 42px;
4682  height: 42px;
4683  margin-bottom: 18px;
4684  border-radius: 14px;
4685  background: linear-gradient(135deg, #eaf4ff, #ffffff);
4686  border: 1px solid #dbeafe;
4687}
4688
4689.ohs-trust-icon::before {
4690  content: "";
4691  position: absolute;
4692  inset: 12px;
4693  border-radius: 999px;
4694  background: #1479ff;
4695  box-shadow: 0 0 0 6px rgba(20, 121, 255, 0.12);
4696}
4697
4698.ohs-trust-card h3 {
4699  margin: 0;
4700  color: #071827;
4701  font-size: 17px;
4702  line-height: 1.25;
4703}
4704
4705.ohs-trust-card p {
4706  margin: 9px 0 0;
4707  color: #607086;
4708  font-size: 14px;
4709  line-height: 1.55;
4710}
4711
4712
4713
4714
4715
4716
4717
4718
4719
4720
4721
4722
4723
4724
4725
4726
4727
4728/* =========================================================
4729   OHS HERO MOBILE / FLUID FIX
4730   Add this at the very bottom of custom CSS
4731   ========================================================= */
4732
4733html,
4734body {
4735  max-width: 100%;
4736  overflow-x: hidden;
4737}
4738
4739.ohs-page,
4740.ohs-hero-modern,
4741.ohs-floating-trust {
4742  width: 100%;
4743  max-width: 100%;
4744  overflow-x: hidden;
4745}
4746
4747.ohs-page *,
4748.ohs-page *::before,
4749.ohs-page *::after {
4750  box-sizing: border-box;
4751}
4752
4753.ohs-container {
4754  width: min(1180px, calc(100% - 40px));
4755  max-width: 1180px;
4756  margin-left: auto;
4757  margin-right: auto;
4758}
4759
4760.ohs-hero-modern-grid,
4761.ohs-hero-modern-copy,
4762.ohs-hero-modern-side,
4763.ohs-form-card-modern,
4764.ohs-floating-trust-grid,
4765.ohs-trust-card {
4766  min-width: 0;
4767  max-width: 100%;
4768}
4769
4770.ohs-hero-modern h1 {
4771  overflow-wrap: break-word;
4772  word-break: normal;
4773}
4774
4775.ohs-hero-modern-text,
4776.ohs-trust-card p {
4777  overflow-wrap: break-word;
4778}
4779
4780/* Form embed fluid fix */
4781
4782.ohs-form-embed,
4783.ohs-form-embed iframe,
4784.ohs-form-embed > div {
4785  width: 100% !important;
4786  max-width: 100% !important;
4787  min-width: 0 !important;
4788}
4789
4790.ohs-form-card-modern iframe {
4791  width: 100% !important;
4792  max-width: 100% !important;
4793}
4794
4795/* Tablet */
4796
4797@media (max-width: 1100px) {
4798  .ohs-hero-modern {
4799    padding: 82px 0 100px;
4800  }
4801
4802  .ohs-hero-modern-grid {
4803    grid-template-columns: 1fr !important;
4804    gap: 42px;
4805  }
4806
4807  .ohs-hero-modern-copy {
4808    max-width: 760px;
4809  }
4810
4811  .ohs-hero-modern-side {
4812    width: 100%;
4813    justify-content: flex-start;
4814  }
4815
4816  .ohs-form-card-modern {
4817    width: min(560px, 100%);
4818  }
4819
4820  .ohs-floating-trust {
4821    margin-top: -34px;
4822  }
4823
4824  .ohs-floating-trust-grid {
4825    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
4826  }
4827}
4828
4829/* Mobile */
4830
4831@media (max-width: 700px) {
4832  .ohs-container {
4833    width: calc(100% - 28px);
4834  }
4835
4836  .ohs-hero-modern {
4837    padding: 58px 0 84px;
4838  }
4839
4840  .ohs-hero-modern-grid {
4841    gap: 34px;
4842  }
4843
4844  .ohs-eyebrow-modern {
4845    max-width: 100%;
4846    white-space: normal;
4847    line-height: 1.35;
4848    font-size: 11px;
4849  }
4850
4851  .ohs-hero-modern h1 {
4852    font-size: clamp(36px, 11vw, 44px);
4853    line-height: 1.06;
4854    letter-spacing: -0.03em;
4855  }
4856
4857  .ohs-hero-modern-text {
4858    font-size: 16px;
4859    line-height: 1.65;
4860  }
4861
4862  .ohs-hero-modern-actions {
4863    flex-direction: column;
4864    width: 100%;
4865  }
4866
4867  .ohs-btn-modern {
4868    width: 100%;
4869    max-width: 100%;
4870  }
4871
4872  .ohs-hero-mini-proof {
4873    display: grid;
4874    grid-template-columns: 1fr;
4875    gap: 10px;
4876  }
4877
4878  .ohs-form-card-modern {
4879    width: 100%;
4880    padding: 24px 18px;
4881    border-radius: 20px;
4882  }
4883
4884  .ohs-form-card-modern::before {
4885    inset: 0;
4886    border-radius: 20px;
4887  }
4888
4889  .ohs-form-card-modern h2 {
4890    font-size: 26px;
4891  }
4892
4893  .ohs-floating-trust {
4894    margin-top: -30px;
4895    padding-bottom: 44px;
4896  }
4897
4898  .ohs-floating-trust-grid {
4899    grid-template-columns: 1fr !important;
4900    gap: 14px;
4901  }
4902
4903  .ohs-trust-card {
4904    min-height: auto;
4905    padding: 24px 20px 22px;
4906  }
4907}
4908
4909/* Small phones */
4910
4911@media (max-width: 420px) {
4912  .ohs-container {
4913    width: calc(100% - 22px);
4914  }
4915
4916  .ohs-hero-modern h1 {
4917    font-size: 34px;
4918  }
4919
4920  .ohs-form-card-modern {
4921    padding: 22px 14px;
4922  }
4923}
4924
4925
4926
4927
4928
4929
4930
4931
4932
4933
4934
4935
4936
4937
4938
4939
4940
4941
4942
4943/* =========================================================
4944   OHS HOME - MODERN WHO WE ARE
4945   ========================================================= */
4946
4947 
4948 
4949 
4950 /* =========================================================
4951   OHS HOME GROWTH SYSTEM SECTION
4952   Clean, modern, no numbered card look
4953   ========================================================= */
4954
4955.ohs-growth-system {
4956  position: relative;
4957  padding: 92px 0 108px;
4958  background:
4959    radial-gradient(circle at 8% 12%, rgba(20, 121, 255, 0.08), transparent 28%),
4960    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
4961}
4962
4963.ohs-growth-system-top {
4964  display: grid;
4965  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.7fr);
4966  gap: 48px;
4967  align-items: end;
4968  margin-bottom: 34px;
4969}
4970
4971.ohs-section-kicker {
4972  display: inline-flex;
4973  margin-bottom: 14px;
4974  color: #1479ff;
4975  font-size: 12px;
4976  font-weight: 900;
4977  letter-spacing: 0.1em;
4978  text-transform: uppercase;
4979}
4980
4981.ohs-growth-system-top h2 {
4982  max-width: 760px;
4983  margin: 0;
4984  color: #071827;
4985  font-size: clamp(40px, 4.6vw, 66px);
4986  line-height: 1.02;
4987  letter-spacing: -0.04em;
4988  font-weight: 850;
4989}
4990
4991.ohs-growth-system-top p {
4992  margin: 0;
4993  color: #52667f;
4994  font-size: 17px;
4995  line-height: 1.7;
4996}
4997
4998.ohs-growth-system-grid {
4999  display: grid;
5000  grid-template-columns: 1.15fr 1fr 1fr;
5001  gap: 18px;
5002}
5003
5004.ohs-growth-system-card {
5005  min-height: 230px;
5006  padding: 28px;
5007  border-radius: 24px;
5008  background: rgba(255,255,255,0.92);
5009  border: 1px solid #dbeafe;
5010  box-shadow: 0 18px 48px rgba(7, 24, 39, 0.07);
5011}
5012
5013.ohs-growth-system-card-featured {
5014  grid-row: span 2;
5015  min-height: 478px;
5016  display: flex;
5017  flex-direction: column;
5018  justify-content: flex-end;
5019  color: #ffffff;
5020  background:
5021    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.22), transparent 30%),
5022    linear-gradient(135deg, #071827 0%, #0b2c55 58%, #1479ff 130%);
5023  border-color: transparent;
5024  box-shadow: 0 28px 70px rgba(7, 24, 39, 0.18);
5025}
5026
5027.ohs-growth-icon {
5028  position: relative;
5029  display: inline-flex;
5030  width: 46px;
5031  height: 46px;
5032  margin-bottom: 22px;
5033  border-radius: 16px;
5034  background: #eaf4ff;
5035  border: 1px solid #dbeafe;
5036}
5037
5038.ohs-growth-icon::before {
5039  content: "";
5040  position: absolute;
5041  inset: 13px;
5042  border-radius: 999px;
5043  background: #1479ff;
5044  box-shadow: 0 0 0 7px rgba(20, 121, 255, 0.12);
5045}
5046
5047.ohs-growth-system-card-featured .ohs-growth-icon {
5048  background: rgba(255,255,255,0.14);
5049  border-color: rgba(255,255,255,0.22);
5050}
5051
5052.ohs-growth-system-card-featured .ohs-growth-icon::before {
5053  background: #ffffff;
5054  box-shadow: 0 0 0 7px rgba(255,255,255,0.14);
5055}
5056
5057.ohs-growth-system-card h3 {
5058  margin: 0;
5059  color: #071827;
5060  font-size: 23px;
5061  line-height: 1.16;
5062  letter-spacing: -0.02em;
5063}
5064
5065.ohs-growth-system-card p {
5066  margin: 11px 0 0;
5067  color: #607086;
5068  font-size: 15px;
5069  line-height: 1.62;
5070}
5071
5072.ohs-growth-system-card-featured h3 {
5073  color: #ffffff;
5074  font-size: clamp(34px, 3.2vw, 46px);
5075  line-height: 1.06;
5076}
5077
5078.ohs-growth-system-card-featured p {
5079  color: #d7e5f6;
5080  font-size: 16px;
5081  line-height: 1.7;
5082}
5083
5084.ohs-growth-system-card-featured a {
5085  display: inline-flex;
5086  width: fit-content;
5087  margin-top: 26px;
5088  padding: 14px 20px;
5089  border-radius: 12px;
5090  color: #071827;
5091  background: #ffffff;
5092  font-size: 14px;
5093  font-weight: 850;
5094  text-decoration: none;
5095}
5096
5097@media (max-width: 1024px) {
5098  .ohs-growth-system {
5099    padding: 78px 0 88px;
5100  }
5101
5102  .ohs-growth-system-top {
5103    grid-template-columns: 1fr;
5104    gap: 18px;
5105  }
5106
5107  .ohs-growth-system-grid {
5108    grid-template-columns: repeat(2, minmax(0, 1fr));
5109  }
5110
5111  .ohs-growth-system-card-featured {
5112    grid-column: span 2;
5113    grid-row: auto;
5114    min-height: 360px;
5115  }
5116}
5117
5118@media (max-width: 700px) {
5119  .ohs-growth-system {
5120    padding: 64px 0 72px;
5121  }
5122
5123  .ohs-growth-system-top h2 {
5124    font-size: 38px;
5125  }
5126
5127  .ohs-growth-system-top p {
5128    font-size: 16px;
5129  }
5130
5131  .ohs-growth-system-grid {
5132    grid-template-columns: 1fr;
5133  }
5134
5135  .ohs-growth-system-card,
5136  .ohs-growth-system-card-featured {
5137    grid-column: auto;
5138    min-height: auto;
5139    padding: 24px 20px;
5140  }
5141
5142  .ohs-growth-system-card-featured h3 {
5143    font-size: 32px;
5144  }
5145}
5146
5147
5148
5149
5150
5151
5152
5153
5154
5155
5156
5157
5158
5159
5160/* =========================================================
5161   OHS GROWTH SYSTEM - BACKGROUND DESIGN POLISH
5162   Add below current growth system CSS
5163   ========================================================= */
5164
5165.ohs-growth-system {
5166  overflow: hidden;
5167  isolation: isolate;
5168}
5169
5170.ohs-growth-system::before {
5171  content: "";
5172  position: absolute;
5173  z-index: -1;
5174  top: 78px;
5175  right: -120px;
5176  width: 740px;
5177  height: 340px;
5178  border: 2px solid rgba(20, 121, 255, 0.16);
5179  border-left-color: transparent;
5180  border-bottom-color: transparent;
5181  border-radius: 50%;
5182  transform: rotate(-10deg);
5183  pointer-events: none;
5184}
5185
5186.ohs-growth-system::after {
5187  content: "";
5188  position: absolute;
5189  z-index: -2;
5190  right: 6%;
5191  bottom: 72px;
5192  width: 520px;
5193  height: 420px;
5194  border-radius: 42px;
5195  background:
5196    linear-gradient(rgba(20, 121, 255, 0.055) 1px, transparent 1px),
5197    linear-gradient(90deg, rgba(20, 121, 255, 0.055) 1px, transparent 1px),
5198    radial-gradient(circle at 50% 50%, rgba(20, 121, 255, 0.08), transparent 62%);
5199  background-size: 32px 32px, 32px 32px, auto;
5200  transform: rotate(-3deg);
5201  pointer-events: none;
5202}
5203
5204.ohs-growth-system .ohs-container {
5205  position: relative;
5206  z-index: 2;
5207}
5208
5209.ohs-growth-system-top {
5210  position: relative;
5211}
5212
5213.ohs-growth-system-top::after {
5214  content: "";
5215  position: absolute;
5216  left: 0;
5217  bottom: -26px;
5218  width: 180px;
5219  height: 4px;
5220  border-radius: 999px;
5221  background: linear-gradient(90deg, #1479ff, rgba(20, 121, 255, 0));
5222}
5223
5224.ohs-growth-system-card-featured {
5225  position: relative;
5226  overflow: hidden;
5227}
5228
5229.ohs-growth-system-card-featured::before {
5230  content: "";
5231  position: absolute;
5232  inset: 24px 24px auto auto;
5233  width: 120px;
5234  height: 120px;
5235  border: 1px solid rgba(255,255,255,0.18);
5236  border-radius: 999px;
5237  pointer-events: none;
5238}
5239
5240.ohs-growth-system-card-featured::after {
5241  content: "";
5242  position: absolute;
5243  right: -60px;
5244  bottom: -60px;
5245  width: 210px;
5246  height: 210px;
5247  border-radius: 999px;
5248  background: rgba(20, 121, 255, 0.35);
5249  filter: blur(2px);
5250  pointer-events: none;
5251}
5252
5253.ohs-growth-system-card-featured > * {
5254  position: relative;
5255  z-index: 2;
5256}
5257
5258.ohs-growth-system-card:not(.ohs-growth-system-card-featured) {
5259  position: relative;
5260  overflow: hidden;
5261}
5262
5263.ohs-growth-system-card:not(.ohs-growth-system-card-featured)::after {
5264  content: "";
5265  position: absolute;
5266  right: -42px;
5267  top: -42px;
5268  width: 110px;
5269  height: 110px;
5270  border-radius: 999px;
5271  background: rgba(20, 121, 255, 0.055);
5272  pointer-events: none;
5273}
5274
5275@media (max-width: 900px) {
5276  .ohs-growth-system::before {
5277    top: 120px;
5278    right: -280px;
5279    width: 620px;
5280    height: 300px;
5281  }
5282
5283  .ohs-growth-system::after {
5284    right: -120px;
5285    bottom: 40px;
5286    width: 420px;
5287    height: 360px;
5288  }
5289}
5290
5291@media (max-width: 700px) {
5292  .ohs-growth-system::before {
5293    display: none;
5294  }
5295
5296  .ohs-growth-system::after {
5297    right: -180px;
5298    bottom: 80px;
5299    opacity: 0.75;
5300  }
5301
5302  .ohs-growth-system-top::after {
5303    width: 120px;
5304  }
5305}
5306
5307
5308
5309
5310
5311
5312
5313
5314
5315
5316
5317
5318
5319
5320
5321
5322
5323
5324
5325
5326
5327
5328
5329
5330
5331/* =========================================================
5332   SEARCH ENGINE OPTIMIZATION
5333   ========================================================= */
5334
5335.ohs-seo-roadmap {
5336  position: relative;
5337  overflow: hidden;
5338  padding: 104px 0 92px;
5339  background:
5340    radial-gradient(circle at 12% 12%, rgba(20, 121, 255, 0.34), transparent 30%),
5341    radial-gradient(circle at 88% 80%, rgba(78, 168, 255, 0.22), transparent 28%),
5342    linear-gradient(135deg, #061524 0%, #0a2139 52%, #0d335f 100%);
5343  color: #ffffff;
5344}
5345
5346.ohs-seo-roadmap::before {
5347  content: "";
5348  position: absolute;
5349  right: -180px;
5350  top: 58px;
5351  width: 760px;
5352  height: 360px;
5353  border: 1px solid rgba(255,255,255,0.13);
5354  border-left-color: transparent;
5355  border-bottom-color: transparent;
5356  border-radius: 50%;
5357  transform: rotate(-12deg);
5358  pointer-events: none;
5359}
5360
5361.ohs-seo-roadmap::after {
5362  content: "";
5363  position: absolute;
5364  left: -120px;
5365  bottom: -140px;
5366  width: 520px;
5367  height: 520px;
5368  border-radius: 999px;
5369  background: rgba(20, 121, 255, 0.16);
5370  filter: blur(4px);
5371  pointer-events: none;
5372}
5373
5374.ohs-seo-roadmap-grid {
5375  position: relative;
5376  z-index: 2;
5377  display: grid;
5378  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
5379  gap: 76px;
5380  align-items: center;
5381}
5382
5383.ohs-seo-kicker {
5384  display: inline-flex;
5385  margin-bottom: 16px;
5386  color: #78bbff;
5387  font-size: 12px;
5388  font-weight: 900;
5389  letter-spacing: 0.12em;
5390  text-transform: uppercase;
5391}
5392
5393.ohs-seo-roadmap-intro h2 {
5394  margin: 0;
5395  color: #ffffff;
5396  font-size: clamp(40px, 4.7vw, 68px);
5397  line-height: 1.02;
5398  letter-spacing: -0.04em;
5399  font-weight: 850;
5400}
5401
5402.ohs-seo-roadmap-intro p {
5403  max-width: 560px;
5404  margin: 24px 0 0;
5405  color: #c9d8eb;
5406  font-size: 18px;
5407  line-height: 1.75;
5408}
5409
5410.ohs-seo-roadmap-btn {
5411  display: inline-flex;
5412  align-items: center;
5413  justify-content: center;
5414  min-height: 52px;
5415  margin-top: 34px;
5416  padding: 0 24px;
5417  border-radius: 12px;
5418  color: #071827;
5419  background: #ffffff;
5420  font-size: 15px;
5421  font-weight: 850;
5422  text-decoration: none;
5423  box-shadow: 0 18px 42px rgba(0,0,0,0.18);
5424}
5425
5426.ohs-seo-roadmap-list {
5427  position: relative;
5428  display: grid;
5429  gap: 18px;
5430}
5431
5432.ohs-seo-roadmap-list::before {
5433  content: "";
5434  position: absolute;
5435  left: 23px;
5436  top: 28px;
5437  bottom: 28px;
5438  width: 2px;
5439  background: linear-gradient(to bottom, #78bbff, rgba(120,187,255,0.08));
5440}
5441
5442.ohs-seo-step {
5443  position: relative;
5444  display: grid;
5445  grid-template-columns: 48px minmax(0, 1fr);
5446  gap: 20px;
5447  padding: 24px 26px;
5448  border-radius: 22px;
5449  background: rgba(255,255,255,0.08);
5450  border: 1px solid rgba(255,255,255,0.14);
5451  backdrop-filter: blur(12px);
5452}
5453
5454.ohs-seo-step-dot {
5455  position: relative;
5456  z-index: 2;
5457  width: 48px;
5458  height: 48px;
5459  border-radius: 16px;
5460  background: rgba(255,255,255,0.12);
5461  border: 1px solid rgba(255,255,255,0.18);
5462}
5463
5464.ohs-seo-step-dot::before {
5465  content: "";
5466  position: absolute;
5467  inset: 14px;
5468  border-radius: 999px;
5469  background: #78bbff;
5470  box-shadow: 0 0 0 7px rgba(120,187,255,0.16);
5471}
5472
5473.ohs-seo-step h3 {
5474  margin: 0;
5475  color: #ffffff;
5476  font-size: 24px;
5477  line-height: 1.18;
5478  letter-spacing: -0.02em;
5479}
5480
5481.ohs-seo-step p {
5482  margin: 8px 0 0;
5483  color: #c9d8eb;
5484  font-size: 15px;
5485  line-height: 1.65;
5486}
5487
5488.ohs-seo-proof-strip {
5489  position: relative;
5490  z-index: 2;
5491  display: grid;
5492  grid-template-columns: repeat(3, 1fr);
5493  gap: 1px;
5494  margin-top: 58px;
5495  overflow: hidden;
5496  border-radius: 22px;
5497  border: 1px solid rgba(255,255,255,0.14);
5498  background: rgba(255,255,255,0.12);
5499  backdrop-filter: blur(14px);
5500}
5501
5502.ohs-seo-proof-strip div {
5503  padding: 26px 28px;
5504  background: rgba(255,255,255,0.055);
5505}
5506
5507.ohs-seo-proof-strip strong {
5508  display: block;
5509  color: #ffffff;
5510  font-size: 22px;
5511  line-height: 1.2;
5512}
5513
5514.ohs-seo-proof-strip span {
5515  display: block;
5516  margin-top: 7px;
5517  color: #c9d8eb;
5518  font-size: 14px;
5519  line-height: 1.45;
5520}
5521
5522@media (max-width: 1024px) {
5523  .ohs-seo-roadmap {
5524    padding: 82px 0;
5525  }
5526
5527  .ohs-seo-roadmap-grid {
5528    grid-template-columns: 1fr;
5529    gap: 46px;
5530  }
5531
5532  .ohs-seo-roadmap-intro p {
5533    max-width: 720px;
5534  }
5535}
5536
5537@media (max-width: 700px) {
5538  .ohs-seo-roadmap {
5539    padding: 66px 0;
5540  }
5541
5542  .ohs-seo-roadmap-intro h2 {
5543    font-size: 38px;
5544  }
5545
5546  .ohs-seo-roadmap-intro p {
5547    font-size: 16px;
5548  }
5549
5550  .ohs-seo-step {
5551    grid-template-columns: 1fr;
5552    padding: 24px 20px;
5553  }
5554
5555  .ohs-seo-roadmap-list::before {
5556    display: none;
5557  }
5558
5559  .ohs-seo-proof-strip {
5560    grid-template-columns: 1fr;
5561    margin-top: 34px;
5562  }
5563}
5564
5565
5566
5567
5568
5569
5570
5571/* SEO roadmap polish */
5572
5573.ohs-seo-roadmap-intro h2 {
5574  max-width: 620px;
5575  font-size: clamp(42px, 4vw, 58px);
5576  line-height: 1.05;
5577  letter-spacing: -0.035em;
5578}
5579
5580.ohs-seo-roadmap-intro p {
5581  max-width: 570px;
5582  font-size: 17px;
5583}
5584
5585.ohs-seo-roadmap-grid {
5586  gap: 64px;
5587}
5588
5589.ohs-seo-step {
5590  padding: 22px 24px;
5591}
5592
5593.ohs-seo-step h3 {
5594  font-size: 22px;
5595}
5596
5597.ohs-seo-proof-strip {
5598  max-width: 1120px;
5599  margin-left: auto;
5600  margin-right: auto;
5601}
5602
5603
5604.ohs-seo-proof-strip {
5605  display: grid;
5606  grid-template-columns: repeat(3, 1fr);
5607  gap: 14px;
5608  border: none;
5609  background: transparent;
5610  backdrop-filter: none;
5611}
5612
5613.ohs-seo-proof-strip div {
5614  border-radius: 18px;
5615  border: 1px solid rgba(255,255,255,0.14);
5616  background: rgba(255,255,255,0.08);
5617}
5618
5619
5620
5621
5622/* =========================================================
5623   SEO ROADMAP MOBILE FIX
5624   Add at very bottom of CSS
5625   ========================================================= */
5626
5627.ohs-seo-roadmap,
5628.ohs-seo-roadmap * {
5629  box-sizing: border-box;
5630}
5631
5632.ohs-seo-roadmap {
5633  max-width: 100%;
5634  overflow-x: hidden;
5635}
5636
5637.ohs-seo-roadmap .ohs-container {
5638  width: min(1180px, calc(100% - 40px));
5639  max-width: 1180px;
5640  margin-left: auto;
5641  margin-right: auto;
5642}
5643
5644.ohs-seo-roadmap-grid,
5645.ohs-seo-roadmap-intro,
5646.ohs-seo-roadmap-list,
5647.ohs-seo-step,
5648.ohs-seo-proof-strip {
5649  min-width: 0;
5650  max-width: 100%;
5651}
5652
5653@media (max-width: 700px) {
5654  .ohs-seo-roadmap {
5655    padding: 64px 0 68px !important;
5656  }
5657
5658  .ohs-seo-roadmap .ohs-container {
5659    width: calc(100% - 30px) !important;
5660  }
5661
5662  .ohs-seo-roadmap-grid {
5663    grid-template-columns: 1fr !important;
5664    gap: 34px !important;
5665  }
5666
5667  .ohs-seo-roadmap-intro h2 {
5668    max-width: 100% !important;
5669    font-size: 38px !important;
5670    line-height: 1.06 !important;
5671    letter-spacing: -0.035em !important;
5672  }
5673
5674  .ohs-seo-roadmap-intro p {
5675    max-width: 100% !important;
5676    font-size: 16px !important;
5677    line-height: 1.65 !important;
5678  }
5679
5680  .ohs-seo-roadmap-btn {
5681    width: 100%;
5682    max-width: 100%;
5683  }
5684
5685  .ohs-seo-roadmap-list {
5686    gap: 16px !important;
5687  }
5688
5689  .ohs-seo-roadmap-list::before {
5690    display: none !important;
5691  }
5692
5693  .ohs-seo-step {
5694    grid-template-columns: 1fr !important;
5695    width: 100% !important;
5696    padding: 24px 20px !important;
5697    border-radius: 20px !important;
5698  }
5699
5700  .ohs-seo-step h3 {
5701    font-size: 22px !important;
5702  }
5703
5704  .ohs-seo-step p {
5705    font-size: 15px !important;
5706  }
5707
5708  .ohs-seo-proof-strip {
5709    display: grid !important;
5710    grid-template-columns: 1fr !important;
5711    width: 100% !important;
5712    max-width: 100% !important;
5713    gap: 14px !important;
5714    margin-top: 34px !important;
5715    border: 0 !important;
5716    background: transparent !important;
5717    backdrop-filter: none !important;
5718    overflow: visible !important;
5719  }
5720
5721  .ohs-seo-proof-strip div {
5722    width: 100% !important;
5723    max-width: 100% !important;
5724    padding: 22px 20px !important;
5725    border-radius: 18px !important;
5726    border: 1px solid rgba(255,255,255,0.14) !important;
5727    background: rgba(255,255,255,0.08) !important;
5728  }
5729
5730  .ohs-seo-proof-strip strong {
5731    font-size: 22px !important;
5732  }
5733
5734  .ohs-seo-proof-strip span {
5735    font-size: 14px !important;
5736  }
5737}
5738
5739@media (max-width: 420px) {
5740  .ohs-seo-roadmap .ohs-container {
5741    width: calc(100% - 24px) !important;
5742  }
5743
5744  .ohs-seo-roadmap-intro h2 {
5745    font-size: 34px !important;
5746  }
5747
5748  .ohs-seo-step {
5749    padding: 22px 18px !important;
5750  }
5751}
5752
5753
5754
5755
5756
5757
5758
5759
5760
5761/* =========================================================
5762  WHAT WE DO
5763   ========================================================= */
5764
5765.ohs-services-snapshot {
5766  position: relative;
5767  overflow: hidden;
5768  padding: 96px 0 108px;
5769  background:
5770    linear-gradient(90deg, rgba(20, 121, 255, 0.06) 0 1px, transparent 1px),
5771    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
5772  background-size: 72px 72px, auto;
5773}
5774
5775.ohs-services-snapshot::before {
5776  content: "";
5777  position: absolute;
5778  left: -180px;
5779  top: 80px;
5780  width: 520px;
5781  height: 520px;
5782  border-radius: 999px;
5783  background: rgba(20, 121, 255, 0.08);
5784  filter: blur(4px);
5785  pointer-events: none;
5786}
5787
5788.ohs-services-snapshot::after {
5789  content: "";
5790  position: absolute;
5791  right: -140px;
5792  bottom: 70px;
5793  width: 560px;
5794  height: 260px;
5795  border: 2px solid rgba(20, 121, 255, 0.13);
5796  border-left-color: transparent;
5797  border-bottom-color: transparent;
5798  border-radius: 50%;
5799  transform: rotate(-12deg);
5800  pointer-events: none;
5801}
5802
5803.ohs-services-snapshot .ohs-container {
5804  position: relative;
5805  z-index: 2;
5806}
5807
5808.ohs-services-snapshot-head {
5809  max-width: 940px;
5810  margin-bottom: 46px;
5811}
5812
5813.ohs-services-snapshot-head h2 {
5814  max-width: 880px;
5815  margin: 0;
5816  color: #071827;
5817  font-size: clamp(38px, 4.4vw, 62px);
5818  line-height: 1.04;
5819  letter-spacing: -0.04em;
5820  font-weight: 850;
5821}
5822
5823.ohs-services-snapshot-head p {
5824  max-width: 720px;
5825  margin: 20px 0 0;
5826  color: #52667f;
5827  font-size: 18px;
5828  line-height: 1.7;
5829}
5830
5831.ohs-services-snapshot-layout {
5832  display: grid;
5833  grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
5834  gap: 22px;
5835  align-items: stretch;
5836}
5837
5838.ohs-services-feature-panel {
5839  position: relative;
5840  overflow: hidden;
5841  min-height: 430px;
5842  padding: 36px;
5843  border-radius: 28px;
5844  background:
5845    radial-gradient(circle at 85% 15%, rgba(255,255,255,0.24), transparent 28%),
5846    linear-gradient(135deg, #1479ff 0%, #0a5fd4 52%, #071827 125%);
5847  color: #ffffff;
5848  box-shadow: 0 28px 70px rgba(7, 24, 39, 0.16);
5849}
5850
5851.ohs-services-feature-panel::after {
5852  content: "";
5853  position: absolute;
5854  right: -70px;
5855  bottom: -80px;
5856  width: 230px;
5857  height: 230px;
5858  border-radius: 999px;
5859  background: rgba(255,255,255,0.13);
5860}
5861
5862.ohs-services-panel-label {
5863  display: inline-flex;
5864  margin-bottom: 20px;
5865  color: #d8ebff;
5866  font-size: 12px;
5867  font-weight: 900;
5868  letter-spacing: 0.12em;
5869  text-transform: uppercase;
5870}
5871
5872.ohs-services-feature-panel h3 {
5873  position: relative;
5874  z-index: 2;
5875  margin: 0;
5876  color: #ffffff;
5877  font-size: clamp(32px, 3.2vw, 46px);
5878  line-height: 1.06;
5879  letter-spacing: -0.035em;
5880}
5881
5882.ohs-services-feature-panel p {
5883  position: relative;
5884  z-index: 2;
5885  margin: 20px 0 0;
5886  color: #d8ebff;
5887  font-size: 16px;
5888  line-height: 1.7;
5889}
5890
5891.ohs-services-feature-panel a {
5892  position: relative;
5893  z-index: 2;
5894  display: inline-flex;
5895  align-items: center;
5896  justify-content: center;
5897  min-height: 50px;
5898  margin-top: 30px;
5899  padding: 0 22px;
5900  border-radius: 12px;
5901  color: #071827;
5902  background: #ffffff;
5903  font-size: 14px;
5904  font-weight: 850;
5905  text-decoration: none;
5906}
5907
5908.ohs-services-menu {
5909  display: grid;
5910  gap: 14px;
5911}
5912
5913.ohs-service-row {
5914  display: grid;
5915  grid-template-columns: minmax(0, 1fr) auto;
5916  gap: 24px;
5917  align-items: center;
5918  padding: 26px 28px;
5919  border-radius: 22px;
5920  background: rgba(255,255,255,0.92);
5921  border: 1px solid #dbeafe;
5922  box-shadow: 0 18px 48px rgba(7, 24, 39, 0.07);
5923  text-decoration: none;
5924  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
5925}
5926
5927.ohs-service-row:hover {
5928  transform: translateY(-3px);
5929  border-color: rgba(20, 121, 255, 0.36);
5930  box-shadow: 0 24px 58px rgba(7, 24, 39, 0.1);
5931}
5932
5933.ohs-service-row span {
5934  display: block;
5935  color: #071827;
5936  font-size: 24px;
5937  line-height: 1.15;
5938  font-weight: 850;
5939  letter-spacing: -0.025em;
5940}
5941
5942.ohs-service-row p {
5943  max-width: 620px;
5944  margin: 8px 0 0;
5945  color: #607086;
5946  font-size: 15px;
5947  line-height: 1.6;
5948}
5949
5950.ohs-service-row strong {
5951  display: inline-flex;
5952  align-items: center;
5953  justify-content: center;
5954  min-height: 38px;
5955  padding: 0 14px;
5956  border-radius: 999px;
5957  color: #1479ff;
5958  background: #eaf4ff;
5959  font-size: 13px;
5960  font-weight: 900;
5961}
5962
5963@media (max-width: 1024px) {
5964  .ohs-services-snapshot {
5965    padding: 78px 0 88px;
5966  }
5967
5968  .ohs-services-snapshot-layout {
5969    grid-template-columns: 1fr;
5970  }
5971
5972  .ohs-services-feature-panel {
5973    min-height: auto;
5974  }
5975}
5976
5977@media (max-width: 700px) {
5978  .ohs-services-snapshot {
5979    padding: 64px 0 72px;
5980  }
5981
5982  .ohs-services-snapshot-head {
5983    margin-bottom: 32px;
5984  }
5985
5986  .ohs-services-snapshot-head h2 {
5987    font-size: 36px;
5988  }
5989
5990  .ohs-services-snapshot-head p {
5991    font-size: 16px;
5992  }
5993
5994  .ohs-services-feature-panel {
5995    padding: 28px 22px;
5996    border-radius: 24px;
5997  }
5998
5999  .ohs-service-row {
6000    grid-template-columns: 1fr;
6001    gap: 14px;
6002    padding: 24px 20px;
6003  }
6004
6005  .ohs-service-row span {
6006    font-size: 22px;
6007  }
6008
6009  .ohs-service-row strong {
6010    width: fit-content;
6011  }
6012}
6013
6014/* Small fixes for the first services snapshot version */
6015
6016.ohs-services-snapshot-head h2 {
6017  max-width: 820px;
6018}
6019
6020.ohs-services-feature-panel {
6021  min-height: 410px;
6022}
6023
6024.ohs-service-row {
6025  min-height: 112px;
6026}
6027
6028
6029
6030
6031
6032
6033
6034
6035
6036
6037
6038
6039
6040
6041
6042 
6043 
6044 
6045 
6046 
6047 
6048 /* =========================================================
6049   OHS HOME BLOG SECTION
6050   Clean Porto Blog Shortcode Styling
6051   ========================================================= */
6052
6053.ohs-blog-featured-section {
6054  position: relative;
6055  overflow: hidden;
6056  padding: 96px 0 108px;
6057  background:
6058    radial-gradient(circle at 12% 18%, rgba(20, 121, 255, 0.12), transparent 30%),
6059    radial-gradient(circle at 90% 78%, rgba(120, 187, 255, 0.16), transparent 28%),
6060    linear-gradient(180deg, #f7fbff 0%, #ffffff 55%, #eef6ff 100%);
6061}
6062
6063.ohs-blog-featured-section::before {
6064  content: "";
6065  position: absolute;
6066  right: -180px;
6067  top: 90px;
6068  width: 620px;
6069  height: 280px;
6070  border: 2px solid rgba(20, 121, 255, 0.14);
6071  border-left-color: transparent;
6072  border-bottom-color: transparent;
6073  border-radius: 50%;
6074  transform: rotate(-12deg);
6075  pointer-events: none;
6076}
6077
6078.ohs-blog-featured-section::after {
6079  content: "";
6080  position: absolute;
6081  left: -150px;
6082  bottom: -180px;
6083  width: 440px;
6084  height: 440px;
6085  border-radius: 999px;
6086  background: rgba(20, 121, 255, 0.09);
6087  pointer-events: none;
6088}
6089
6090.ohs-blog-featured-section .ohs-container {
6091  position: relative;
6092  z-index: 2;
6093}
6094
6095.ohs-blog-featured-head {
6096  max-width: 900px;
6097  margin: 0 auto 46px;
6098  text-align: center;
6099}
6100
6101.ohs-blog-featured-head h2 {
6102  max-width: 860px;
6103  margin: 0 auto;
6104  color: #071827;
6105  font-size: clamp(38px, 4.2vw, 60px);
6106  line-height: 1.04;
6107  letter-spacing: -0.04em;
6108  font-weight: 850;
6109}
6110
6111.ohs-blog-featured-head p {
6112  max-width: 720px;
6113  margin: 20px auto 0;
6114  color: #52667f;
6115  font-size: 18px;
6116  line-height: 1.7;
6117}
6118
6119.ohs-blog-shell,
6120.ohs-blog-inner {
6121  position: relative;
6122  z-index: 3;
6123  background: transparent;
6124}
6125
6126.ohs-home-blog-grid {
6127  max-width: 1220px;
6128  margin: 0 auto;
6129}
6130
6131/* Blog card wrapper */
6132
6133.ohs-home-blog-grid .post,
6134.ohs-home-blog-grid article,
6135.ohs-home-blog-grid .post-item {
6136  overflow: hidden !important;
6137  border-radius: 22px !important;
6138  background: #eaf4ff !important;
6139  box-shadow: 0 22px 54px rgba(7, 24, 39, 0.1) !important;
6140}
6141
6142/* Image */
6143
6144.ohs-home-blog-grid .post-image,
6145.ohs-home-blog-grid .thumb-info,
6146.ohs-home-blog-grid .img-thumbnail,
6147.ohs-home-blog-grid .thumb-info-wrapper {
6148  margin: 0 !important;
6149  border: 0 !important;
6150  border-radius: 22px 22px 0 0 !important;
6151  overflow: hidden !important;
6152  background: #eaf4ff !important;
6153}
6154
6155.ohs-home-blog-grid img {
6156  width: 100% !important;
6157  height: auto !important;
6158  display: block !important;
6159  background: #eaf4ff !important;
6160}
6161
6162/* Date + title area */
6163
6164.ohs-home-blog-grid .post-content,
6165.ohs-home-blog-grid .entry-content {
6166  padding: 12px 18px 18px !important;
6167  background: #eaf4ff !important;
6168}
6169
6170.ohs-home-blog-grid .post-meta,
6171.ohs-home-blog-grid .entry-meta {
6172  margin: 0 0 4px !important;
6173  padding: 0 !important;
6174  color: #52667f !important;
6175  font-size: 13px !important;
6176  line-height: 1.3 !important;
6177}
6178
6179.ohs-home-blog-grid .entry-title,
6180.ohs-home-blog-grid h3,
6181.ohs-home-blog-grid h4 {
6182  margin: 0 !important;
6183  padding: 0 !important;
6184  color: #071827 !important;
6185  font-size: 22px !important;
6186  line-height: 1.08 !important;
6187  font-weight: 850 !important;
6188  letter-spacing: -0.025em !important;
6189}
6190
6191.ohs-home-blog-grid .entry-title a,
6192.ohs-home-blog-grid h3 a,
6193.ohs-home-blog-grid h4 a {
6194  color: #071827 !important;
6195  text-decoration: none !important;
6196}
6197
6198.ohs-blog-featured-section .ohs-section-footer-actions {
6199  margin-top: 54px;
6200}
6201
6202/* Mobile */
6203
6204@media (max-width: 700px) {
6205  .ohs-blog-featured-section {
6206    padding: 66px 0 76px;
6207  }
6208
6209  .ohs-blog-featured-head {
6210    margin-bottom: 32px;
6211  }
6212
6213  .ohs-blog-featured-head h2 {
6214    font-size: 36px;
6215  }
6216
6217  .ohs-blog-featured-head p {
6218    font-size: 16px;
6219  }
6220
6221  .ohs-home-blog-grid .post,
6222  .ohs-home-blog-grid article,
6223  .ohs-home-blog-grid .post-item {
6224    margin-bottom: 22px !important;
6225  }
6226
6227  .ohs-home-blog-grid .entry-title,
6228  .ohs-home-blog-grid h3,
6229  .ohs-home-blog-grid h4 {
6230    font-size: 20px !important;
6231  }
6232}
6233
6234
6235/* Blue + gold brand accent at the top of the hero */
6236.ohs-mockup-hero::before {
6237  position: absolute;
6238  z-index: 20;
6239  top: 0;
6240  left: 0;
6241  width: 100%;
6242  height: 5px;
6243  content: "";
6244  pointer-events: none;
6245  background: linear-gradient(
6246    90deg,
6247    #ffb51b 0%,
6248    #ffb51b 18%,
6249    #0862d5 18%,
6250    #0862d5 100%
6251  );
6252}
6253
6254
6255
6256
6257
6258
6259
6260
6261
6262
6263
6264
6265
6266
6267
6268
6269
6270
6271
6272
6273
6274
6275
6276
6277
6278
6279
6280
6281.ohs-home-audit-cta {
6282  padding: 34px 0 54px;
6283  background: #ffffff;
6284}
6285
6286.ohs-home-audit-cta__inner {
6287  display: grid;
6288  grid-template-columns: 1fr auto;
6289  gap: 42px;
6290  align-items: center;
6291  padding: 34px 38px;
6292  border: 1px solid rgba(17, 103, 241, 0.14);
6293  border-radius: 24px;
6294  background:
6295    radial-gradient(circle at 90% 15%, rgba(17,103,241,.12), transparent 30%),
6296    linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
6297  box-shadow: 0 18px 45px rgba(7,35,78,.08);
6298}
6299
6300.ohs-home-audit-cta__copy {
6301  max-width: 760px;
6302}
6303
6304.ohs-home-audit-cta__copy h2 {
6305  margin: 0 0 12px;
6306  color: #0b1628;
6307  font-size: clamp(30px, 3.5vw, 44px);
6308  line-height: 1.08;
6309  letter-spacing: -.035em;
6310}
6311
6312.ohs-home-audit-cta__copy p {
6313  margin: 0;
6314  color: #52627a;
6315  font-size: 17px;
6316  line-height: 1.7;
6317}
6318
6319.ohs-home-audit-cta__actions {
6320  display: flex;
6321  min-width: 230px;
6322  flex-direction: column;
6323  align-items: flex-start;
6324  gap: 9px;
6325}
6326
6327.ohs-home-audit-cta__actions span {
6328  color: #6c7b90;
6329  font-size: 12px;
6330  font-weight: 700;
6331}
6332
6333@media (max-width: 800px) {
6334  .ohs-home-audit-cta__inner {
6335    grid-template-columns: 1fr;
6336    gap: 25px;
6337    padding: 28px 24px;
6338  }
6339
6340  .ohs-home-audit-cta__actions {
6341    width: 100%;
6342  }
6343
6344  .ohs-home-audit-cta__actions .ohs-btn-modern {
6345    width: 100%;
6346  }
6347}
6348
6349
6350
6351
6352
6353
6354
6355
6356
6357/* =========================================================
6358   HERO CONTACT FORM — REPLACES THE HERO IMAGE
6359   Add below the existing hero CSS
6360   ========================================================= */
6361
6362.ohs-mockup-hero {
6363  display: grid;
6364  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
6365  grid-template-rows: auto auto;
6366  isolation: isolate;
6367}
6368
6369.ohs-mockup-hero__top {
6370  grid-column: 1 / -1;
6371  grid-row: 1;
6372  min-width: 0;
6373}
6374
6375.ohs-mockup-hero__offers {
6376  grid-column: 1 / -1;
6377  grid-row: 2;
6378  min-width: 0;
6379}
6380
6381.ohs-mockup-hero__copy,
6382.ohs-mockup-hero__offer-list {
6383  width: calc(50% - 30px);
6384}
6385
6386.ohs-mockup-hero__actions {
6387  flex-wrap: wrap;
6388}
6389
6390/* Form card spans both background sections */
6391.ohs-mockup-hero__form {
6392  position: relative;
6393  z-index: 4;
6394  grid-column: 2;
6395  grid-row: 1 / 3;
6396  align-self: start;
6397  min-width: 0;
6398
6399  margin-top: 40px;
6400  margin-bottom: 40px;
6401  margin-left: 20px;
6402  margin-right: max(40px, calc((100% * 2 - 1480px) / 2));
6403
6404  padding: 24px;
6405  border: 1px solid #dce6ef;
6406  border-radius: 18px;
6407  background: #fff;
6408  box-shadow: 0 18px 45px rgba(3, 39, 70, 0.16);
6409}
6410
6411.ohs-mockup-hero__form iframe {
6412  display: block;
6413  width: 100% !important;
6414  max-width: 100% !important;
6415  border: 0;
6416}
6417
6418/* Medium desktop */
6419@media (max-width: 1280px) {
6420  .ohs-mockup-hero__form {
6421    margin-right: 28px;
6422    margin-left: 15px;
6423    padding: 18px;
6424  }
6425}
6426
6427/* Tablet: introduction, form, services */
6428@media (max-width: 1024px) {
6429  .ohs-mockup-hero {
6430    display: flex;
6431    flex-direction: column;
6432  }
6433
6434  .ohs-mockup-hero__top {
6435    order: 1;
6436  }
6437
6438  .ohs-mockup-hero__copy,
6439  .ohs-mockup-hero__offer-list {
6440    width: 100%;
6441  }
6442
6443  .ohs-mockup-hero__form {
6444    order: 2;
6445    align-self: center;
6446    width: min(800px, calc(100% - 44px));
6447    margin: 0 auto 36px;
6448    padding: 22px;
6449  }
6450
6451  .ohs-mockup-hero__offers {
6452    order: 3;
6453  }
6454}
6455
6456/* Mobile */
6457@media (max-width: 640px) {
6458  .ohs-mockup-hero__form {
6459    width: calc(100% - 30px);
6460    margin-bottom: 28px;
6461    padding: 12px;
6462    border-radius: 12px;
6463  }
6464}
6465
6466
6467
6468
6469
6470
6471/* Consultation image — replaces the form */
6472#website-consultation .ohs-consultation-image {
6473  display: flex;
6474  align-items: center;
6475  justify-content: center;
6476  align-self: center;
6477  min-width: 0;
6478  width: 100%;
6479}
6480
6481#website-consultation .ohs-consultation-image img {
6482  display: block;
6483  width: 100%;
6484  max-width: 100%;
6485  height: auto;
6486  margin: 0;
6487  object-fit: contain;
6488}
6489
6490
6491
6492
6493
6494
6495
6496
6497/* =========================================================
6498   HERO FORM INTRODUCTION + COMPLETE BLUE SERVICES SECTION
6499   Add after all existing hero CSS
6500   ========================================================= */
6501
6502/* Keep the form entirely within the upper hero row */
6503.ohs-mockup-hero__form {
6504  grid-row: 1;
6505  align-self: center;
6506}
6507
6508.ohs-mockup-hero__form-intro {
6509  padding: 8px 12px 18px;
6510}
6511
6512.ohs-mockup-hero__form-label {
6513  display: block;
6514  margin-bottom: 10px;
6515  color: #0961cf;
6516  font-size: 11px;
6517  font-weight: 800;
6518  line-height: 1.4;
6519  letter-spacing: 0.12em;
6520}
6521
6522.ohs-mockup-hero__form-intro h2 {
6523  margin: 0 0 12px;
6524  color: #082747;
6525  font-family: inherit;
6526  font-size: clamp(25px, 2.1vw, 32px);
6527  font-weight: 800;
6528  line-height: 1.15;
6529  letter-spacing: -0.025em;
6530}
6531
6532.ohs-mockup-hero__form-intro p {
6533  margin: 0;
6534  color: #40566d;
6535  font-size: 16px;
6536  line-height: 1.6;
6537}
6538
6539/* Full-width blue section with two balanced columns */
6540.ohs-mockup-hero__offers {
6541  min-height: 0;
6542}
6543
6544.ohs-mockup-hero__offer-layout {
6545  display: grid;
6546  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
6547  align-items: center;
6548  gap: 60px;
6549  padding: 40px 0;
6550}
6551
6552.ohs-mockup-hero__offer-layout .ohs-mockup-hero__offer-list {
6553  width: 100%;
6554  max-width: none;
6555  min-width: 0;
6556  padding: 0;
6557}
6558
6559.ohs-mockup-hero__next {
6560  min-width: 0;
6561  padding: 26px 30px;
6562  border: 1px solid rgba(255, 255, 255, 0.18);
6563  border-radius: 16px;
6564  background: rgba(255, 255, 255, 0.06);
6565}
6566
6567.ohs-mockup-hero__next h2 {
6568  margin: 0 0 12px;
6569  color: #ffb51b;
6570  font-family: inherit;
6571  font-size: 26px;
6572  font-weight: 800;
6573  line-height: 1.2;
6574  letter-spacing: -0.02em;
6575}
6576
6577.ohs-mockup-hero__next p {
6578  margin: 0 0 20px;
6579  color: #dfebf7;
6580  font-size: 16px;
6581  line-height: 1.6;
6582}
6583
6584.ohs-mockup-hero__next ol {
6585  display: grid;
6586  gap: 16px;
6587  margin: 0;
6588  padding: 0;
6589  list-style: none;
6590  counter-reset: ohs-next-step;
6591}
6592
6593.ohs-mockup-hero__next li {
6594  position: relative;
6595  margin: 0;
6596  padding-left: 44px;
6597  counter-increment: ohs-next-step;
6598}
6599
6600.ohs-mockup-hero__next li::before {
6601  content: counter(ohs-next-step);
6602  position: absolute;
6603  top: 1px;
6604  left: 0;
6605  display: grid;
6606  width: 30px;
6607  height: 30px;
6608  place-items: center;
6609  border-radius: 50%;
6610  background: #ffb51b;
6611  color: #082747;
6612  font-size: 14px;
6613  font-weight: 800;
6614}
6615
6616.ohs-mockup-hero__next li strong {
6617  display: block;
6618  margin-bottom: 3px;
6619  color: #fff;
6620  font-size: 16px;
6621  line-height: 1.35;
6622}
6623
6624.ohs-mockup-hero__next li span {
6625  display: block;
6626  color: #dfebf7;
6627  font-size: 14px;
6628  line-height: 1.5;
6629}
6630
6631@media (max-width: 1100px) {
6632  .ohs-mockup-hero__offer-layout {
6633    gap: 30px;
6634  }
6635
6636  .ohs-mockup-hero__offer-layout .ohs-mockup-hero__offer {
6637    grid-template-columns: 47px minmax(0, 1fr) max-content;
6638    gap: 11px;
6639  }
6640
6641  .ohs-mockup-hero__offer-layout .ohs-mockup-hero__leader {
6642    display: none;
6643  }
6644}
6645
6646@media (max-width: 1024px) {
6647  .ohs-mockup-hero__form {
6648    align-self: center;
6649  }
6650
6651  .ohs-mockup-hero__offer-layout {
6652    grid-template-columns: 1fr;
6653    gap: 28px;
6654    padding: 34px 0;
6655  }
6656}
6657
6658@media (max-width: 640px) {
6659  .ohs-mockup-hero__form-intro {
6660    padding: 12px 8px 16px;
6661  }
6662
6663  .ohs-mockup-hero__next {
6664    padding: 24px 20px;
6665  }
6666
6667  .ohs-mockup-hero__next h2 {
6668    font-size: 24px;
6669  }
6670}
6671
6672@media (max-width: 420px) {
6673  .ohs-mockup-hero__offer-layout .ohs-mockup-hero__offer {
6674    grid-template-columns: 44px minmax(0, 1fr);
6675  }
6676}
6677
6678
6679
6680
6681
6682 
6683 
6684 /* Homepage-only refinements. Keep the existing shared page CSS. */
6685#ohs-home-refresh {
6686  color: #082747;
6687  font-family: "DM Sans", Arial, sans-serif;
6688}
6689
6690#ohs-home-refresh *,
6691#ohs-home-refresh *::before,
6692#ohs-home-refresh *::after {
6693  box-sizing: border-box;
6694}
6695
6696#ohs-home-refresh > section:not(.ohs-mockup-hero),
6697#ohs-home-refresh .ohs-video-section {
6698  padding-top: 76px;
6699  padding-bottom: 76px;
6700}
6701
6702#ohs-home-refresh > section:not(.ohs-mockup-hero) > .ohs-container,
6703#ohs-home-refresh .ohs-video-section__container {
6704  width: min(1280px, calc(100% - 48px));
6705  max-width: 1280px;
6706  padding-left: 0;
6707  padding-right: 0;
6708  margin-left: auto;
6709  margin-right: auto;
6710}
6711
6712#ohs-home-refresh .ohs-portfolio-home,
6713#ohs-home-refresh #website-consultation {
6714  background: #fff;
6715}
6716
6717#ohs-home-refresh .ohs-home-reviews,
6718#ohs-home-refresh .ohs-blog-featured-section {
6719  background: #f3f7fc;
6720}
6721
6722#ohs-home-refresh .ohs-video-section {
6723  background: #fff;
6724}
6725
6726#ohs-home-refresh .ohs-video-section::before,
6727#ohs-home-refresh .ohs-blog-featured-section::before,
6728#ohs-home-refresh .ohs-blog-featured-section::after {
6729  display: none;
6730}
6731
6732#ohs-home-refresh .ohs-section-label {
6733  color: #102a4c;
6734}
6735
6736#ohs-home-refresh .ohs-portfolio-heading,
6737#ohs-home-refresh .ohs-home-section-heading,
6738#ohs-home-refresh .ohs-blog-featured-head {
6739  max-width: 800px;
6740  margin: 0 auto 36px;
6741  text-align: center;
6742}
6743
6744#ohs-home-refresh .ohs-portfolio-heading h2,
6745#ohs-home-refresh .ohs-home-section-heading h2,
6746#ohs-home-refresh .ohs-video-section h2,
6747#ohs-home-refresh .ohs-consultation-title,
6748#ohs-home-refresh .ohs-blog-featured-head h2,
6749#ohs-home-refresh .ohs-home-audit-cta__copy h2 {
6750  margin: 0 0 16px;
6751  color: #082747;
6752  font-family: inherit;
6753  font-size: clamp(28px, 3vw, 40px);
6754  font-weight: 800;
6755  line-height: 1.15;
6756  letter-spacing: -0.035em;
6757}
6758
6759#ohs-home-refresh .ohs-portfolio-heading p,
6760#ohs-home-refresh .ohs-home-section-heading p,
6761#ohs-home-refresh .ohs-blog-featured-head p,
6762#ohs-home-refresh .ohs-portfolio-card-content p {
6763  color: #40566d;
6764  line-height: 1.65;
6765}
6766
6767#ohs-home-refresh .ohs-portfolio-card {
6768  border: 1px solid #dce6ef;
6769  border-radius: 18px;
6770  background: #fff;
6771  box-shadow: 0 10px 28px rgba(3, 39, 70, 0.07);
6772}
6773
6774#ohs-home-refresh .ohs-portfolio-card:hover {
6775  border-color: #0961cf;
6776  box-shadow: 0 16px 32px rgba(3, 39, 70, 0.12);
6777}
6778
6779#ohs-home-refresh .ohs-portfolio-card-content h3 {
6780  color: #082747;
6781}
6782
6783#ohs-home-refresh .ohs-portfolio-image-wrap {
6784  background: #eaf1f8;
6785}
6786
6787#ohs-home-refresh .ohs-portfolio-image-wrap img {
6788  object-position: top center;
6789}
6790
6791#ohs-home-refresh .ohs-portfolio-image-wrap::after {
6792  display: none;
6793}
6794
6795#ohs-home-refresh .ohs-video-section__container {
6796  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
6797  gap: 48px;
6798}
6799
6800#ohs-home-refresh .ohs-video-section__step a {
6801  color: #0961cf;
6802}
6803
6804#ohs-home-refresh .ohs-home-audit-cta {
6805  background: #f3f7fc;
6806}
6807
6808#ohs-home-refresh .ohs-home-audit-cta__inner {
6809  border: 1px solid #dce6ef;
6810  border-radius: 18px;
6811  background: #fff;
6812  box-shadow: 0 10px 28px rgba(3, 39, 70, 0.06);
6813}
6814
6815#ohs-home-refresh .ohs-btn-solid,
6816#ohs-home-refresh .ohs-video-section__button,
6817#ohs-home-refresh .ohs-btn-modern-primary,
6818#ohs-home-refresh .ohs-section-footer-actions .ohs-btn,
6819#ohs-home-refresh .ohs-home-primary {
6820  display: inline-flex;
6821  align-items: center;
6822  justify-content: center;
6823  min-height: 54px;
6824  padding: 15px 25px;
6825  border: 1px solid #ffb51b;
6826  border-radius: 7px;
6827  background: linear-gradient(135deg, #ffc02a, #ffae12);
6828  color: #082747;
6829  font-weight: 800;
6830  line-height: 1.3;
6831  text-align: center;
6832  text-decoration: none;
6833  box-shadow: 0 8px 20px rgba(238, 155, 0, 0.14);
6834}
6835
6836#ohs-home-refresh .ohs-btn-modern-secondary {
6837  border: 1px solid #0961cf;
6838  border-radius: 7px;
6839  background: transparent;
6840  color: #0961cf;
6841}
6842
6843#ohs-home-refresh .ohs-final-cta {
6844  background: linear-gradient(135deg, #032746, #063865);
6845}
6846
6847#ohs-home-refresh .ohs-final-copy h2,
6848#ohs-home-refresh .ohs-final-copy p {
6849  color: #fff;
6850}
6851
6852#ohs-home-refresh .ohs-final-copy .ohs-editorial-label {
6853  color: #ffb51b;
6854}
6855
6856#ohs-home-refresh a:focus-visible {
6857  outline: 3px solid #0961cf;
6858  outline-offset: 5px;
6859}
6860
6861#ohs-home-refresh .ohs-final-cta a:focus-visible {
6862  outline-color: #ffb51b;
6863}
6864
6865#ohs-home-consultation {
6866  scroll-margin-top: 140px;
6867}
6868
6869@media (max-width: 1024px) {
6870  #ohs-home-refresh .ohs-video-section__container {
6871    grid-template-columns: 1fr;
6872    gap: 32px;
6873  }
6874
6875  #ohs-home-refresh .ohs-video-section__content {
6876    max-width: none;
6877  }
6878}
6879
6880@media (max-width: 640px) {
6881  #ohs-home-refresh > section:not(.ohs-mockup-hero),
6882  #ohs-home-refresh .ohs-video-section {
6883    padding-top: 48px;
6884    padding-bottom: 48px;
6885  }
6886
6887  #ohs-home-refresh > section:not(.ohs-mockup-hero) > .ohs-container,
6888  #ohs-home-refresh .ohs-video-section__container {
6889    width: calc(100% - 30px);
6890  }
6891
6892  #ohs-home-refresh .ohs-hero-modern-actions a {
6893    white-space: normal;
6894  }
6895}
6896
6897@media (prefers-reduced-motion: reduce) {
6898  #ohs-home-refresh .ohs-portfolio-card,
6899  #ohs-home-refresh .ohs-btn {
6900    transition: none;
6901    transform: none;
6902  }
6903}</style><link rel="icon" href="https://ohspublishing.com/wp-content/uploads/2026/05/cropped-OHS-Publishing-32x32.jpg" sizes="32x32" />
6904<link rel="icon" href="https://ohspublishing.com/wp-content/uploads/2026/05/cropped-OHS-Publishing-192x192.jpg" sizes="192x192" />
6905<link rel="apple-touch-icon" href="https://ohspublishing.com/wp-content/uploads/2026/05/cropped-OHS-Publishing-180x180.jpg" />
6906<meta name="msapplication-TileImage" content="https://ohspublishing.com/wp-content/uploads/2026/05/cropped-OHS-Publishing-270x270.jpg" />
6907<style id="wp-custom-css">
6908.ohs-dark-section .ohs-info-card,
6909.ohs-dark-section .ohs-link-card,
6910.ohs-dark-section .ohs-service-card,
6911.ohs-dark-section .ohs-faq-item {
6912  position: relative;
6913  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%);
6914  border: 1px solid rgba(255,255,255,0.08);
6915  box-shadow:
6916    0 18px 40px rgba(0,0,0,0.22),
6917    inset 0 1px 0 rgba(255,255,255,0.04);
6918  backdrop-filter: blur(8px);
6919  transition:
6920    transform 0.28s ease,
6921    box-shadow 0.28s ease,
6922    border-color 0.28s ease,
6923    background 0.28s ease;
6924  overflow: hidden;
6925}
6926
6927.ohs-dark-section .ohs-info-card::before,
6928.ohs-dark-section .ohs-link-card::before,
6929.ohs-dark-section .ohs-service-card::before,
6930.ohs-dark-section .ohs-faq-item::before {
6931  content: "";
6932  position: absolute;
6933  inset: 0;
6934  background:
6935    radial-gradient(circle at top left, rgba(45,125,255,0.18), transparent 34%),
6936    linear-gradient(180deg, rgba(255,255,255,0.02), transparent 55%);
6937  pointer-events: none;
6938  opacity: 0.9;
6939}
6940
6941.ohs-dark-section .ohs-info-card:hover,
6942.ohs-dark-section .ohs-link-card:hover,
6943.ohs-dark-section .ohs-service-card:hover,
6944.ohs-dark-section .ohs-faq-item:hover {
6945  transform: translateY(-6px);
6946  border-color: rgba(88,156,255,0.38);
6947  background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.04) 100%);
6948  box-shadow:
6949    0 26px 60px rgba(0,0,0,0.28),
6950    0 0 0 1px rgba(57,125,255,0.08),
6951    0 0 28px rgba(45,125,255,0.16),
6952    inset 0 1px 0 rgba(255,255,255,0.05);
6953}
6954
6955.ohs-dark-section .ohs-info-card h3,
6956.ohs-dark-section .ohs-link-card h3,
6957.ohs-dark-section .ohs-service-card h3,
6958.ohs-dark-section .ohs-faq-item h3 {
6959  position: relative;
6960  color: #ffffff;
6961  font-weight: 600;
6962  margin-bottom: 12px;
6963}
6964
6965.ohs-dark-section .ohs-info-card p,
6966.ohs-dark-section .ohs-link-card p,
6967.ohs-dark-section .ohs-service-card p,
6968.ohs-dark-section .ohs-faq-item p {
6969  position: relative;
6970  color: rgba(255,255,255,0.78);
6971}
6972
6973.ohs-dark-section .ohs-number,
6974.ohs-dark-section .ohs-icon {
6975  position: relative;
6976  box-shadow:
6977    0 14px 30px rgba(20,85,217,0.32),
6978    0 0 24px rgba(45,125,255,0.18);
6979}
6980
6981.ohs-dark-section .ohs-link-card a {
6982  position: relative;
6983  color: #7db3ff;
6984  transition: color 0.25s ease;
6985}
6986
6987.ohs-dark-section .ohs-link-card:hover a {
6988  color: #ffffff;
6989}
6990
6991
6992
6993
6994/* Bullet Point Spacing issue */
6995
6996.entry-content li {
6997            margin-bottom: 20px; /* Adjust the value as needed */
6998        }
6999        
7000        li {
7001      margin-bottom: 20px; /* Adjust as needed */
7002    }
7003 
7004
7005
7006
7007
7008
7009
7010
7011
7012
7013
7014
7015 /* =====================================================
7016   OHS SINGLE POST - RELATED POSTS
7017   Match OHS 3-card service layout style exactly
7018===================================================== */
7019
7020/* Section spacing */
7021.single-post .related-posts {
7022  margin-top: 70px !important;
7023  padding-top: 10px !important;
7024  padding-bottom: 10px !important;
7025}
7026
7027/* Top divider */
7028.single-post .related-posts::before {
7029  content: "";
7030  display: block;
7031  width: 100%;
7032  height: 1px;
7033  background: #dbe4f0;
7034  margin-bottom: 34px;
7035}
7036
7037/* Section title */
7038.single-post .related-posts h3,
7039.single-post .related-posts h4,
7040.single-post .related-posts .title {
7041  font-size: 14px !important;
7042  line-height: 1 !important;
7043  font-weight: 700 !important;
7044  letter-spacing: 0.08em !important;
7045  text-transform: uppercase !important;
7046  color: #111827 !important;
7047  margin: 0 0 28px !important;
7048}
7049
7050/* Keep the bold word style clean */
7051.single-post .related-posts h3 strong,
7052.single-post .related-posts h4 strong {
7053  font-weight: 800 !important;
7054  color: #111827 !important;
7055}
7056
7057/* Kill Porto slider behavior */
7058.single-post .related-posts .owl-carousel,
7059.single-post .related-posts .posts-carousel,
7060.single-post .related-posts .blog-carousel {
7061  display: block !important;
7062}
7063
7064.single-post .related-posts .owl-stage-outer {
7065  overflow: visible !important;
7066}
7067
7068
7069
7070.single-post .related-posts .owl-item {
7071  width: auto !important;
7072  float: none !important;
7073  margin: 0 !important;
7074}
7075
7076/* Hide slider controls */
7077.single-post .related-posts .owl-nav,
7078.single-post .related-posts .owl-dots {
7079  display: none !important;
7080}
7081
7082/* Card shell */
7083.single-post .related-posts .post,
7084.single-post .related-posts .post-item,
7085.single-post .related-posts article,
7086.single-post .related-posts .blog-slide {
7087  display: flex !important;
7088  flex-direction: column !important;
7089  height: 100% !important;
7090  background: #ffffff !important;
7091  border: 1px solid #dbe4f0 !important;
7092  border-radius: 18px !important;
7093  overflow: hidden !important;
7094  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
7095  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
7096}
7097
7098/* Hover like your cards */
7099.single-post .related-posts .post:hover,
7100.single-post .related-posts .post-item:hover,
7101.single-post .related-posts article:hover,
7102.single-post .related-posts .blog-slide:hover {
7103  transform: translateY(-6px) !important;
7104  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1) !important;
7105  border-color: #c9d8ea !important;
7106}
7107
7108/* Image block */
7109.single-post .related-posts .post-image,
7110.single-post .related-posts .thumb-info,
7111.single-post .related-posts .thumb-info-wrapper,
7112.single-post .related-posts figure {
7113  margin: 0 !important;
7114  overflow: hidden !important;
7115  border-radius: 0 !important;
7116}
7117
7118.single-post .related-posts .post-image img,
7119.single-post .related-posts .thumb-info img,
7120.single-post .related-posts figure img {
7121  width: 100% !important;
7122  height: 220px !important;
7123  object-fit: cover !important;
7124  display: block !important;
7125}
7126
7127/* Content area */
7128.single-post .related-posts .post-content,
7129.single-post .related-posts .thumb-info-caption,
7130.single-post .related-posts .post-item .post-content {
7131  flex: 1 1 auto !important;
7132  padding: 20px 22px 22px !important;
7133  background: #fff !important;
7134}
7135
7136/* Date/meta */
7137.single-post .related-posts .post-meta,
7138.single-post .related-posts .post-date,
7139.single-post .related-posts .meta {
7140  display: block !important;
7141  font-size: 14px !important;
7142  line-height: 1.4 !important;
7143  color: #6b7280 !important;
7144  margin-bottom: 12px !important;
7145}
7146
7147/* Title styling to match OHS card titles */
7148.single-post .related-posts .post-title,
7149.single-post .related-posts h5,
7150.single-post .related-posts h4.post-title,
7151.single-post .related-posts .thumb-info-caption-text {
7152  font-size: 22px !important;
7153  line-height: 1.3 !important;
7154  font-weight: 700 !important;
7155  letter-spacing: -0.02em !important;
7156  color: #0f172a !important;
7157  margin: 0 !important;
7158}
7159
7160/* Title links */
7161.single-post .related-posts .post-title a,
7162.single-post .related-posts h5 a,
7163.single-post .related-posts h4.post-title a,
7164.single-post .related-posts .thumb-info-caption-text a {
7165  color: #0f172a !important;
7166  text-decoration: none !important;
7167  transition: color 0.2s ease !important;
7168}
7169
7170.single-post .related-posts .post-title a:hover,
7171.single-post .related-posts h5 a:hover,
7172.single-post .related-posts h4.post-title a:hover,
7173.single-post .related-posts .thumb-info-caption-text a:hover {
7174  color: #0b72b9 !important;
7175}
7176
7177/* Remove excerpts completely */
7178.single-post .related-posts .post-excerpt,
7179.single-post .related-posts .excerpt,
7180.single-post .related-posts .entry-content,
7181.single-post .related-posts .post-summary,
7182.single-post .related-posts .post-content p,
7183.single-post .related-posts article p {
7184  display: none !important;
7185}
7186
7187/* Clean bottom spacing */
7188.single-post .related-posts .post-content > *:last-child {
7189  margin-bottom: 0 !important;
7190}
7191
7192/* Make all cards equal height */
7193.single-post .related-posts .post,
7194.single-post .related-posts .post-item,
7195.single-post .related-posts article {
7196  min-height: 100% !important;
7197}
7198
7199/* Tablet */
7200@media (max-width: 991px) {
7201  .single-post .related-posts .owl-stage {
7202    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
7203    gap: 22px !important;
7204  }
7205
7206  .single-post .related-posts .post-image img,
7207  .single-post .related-posts .thumb-info img,
7208  .single-post .related-posts figure img {
7209    height: 210px !important;
7210  }
7211
7212  .single-post .related-posts .post-title,
7213  .single-post .related-posts h5,
7214  .single-post .related-posts h4.post-title,
7215  .single-post .related-posts .thumb-info-caption-text {
7216    font-size: 20px !important;
7217  }
7218}
7219
7220/* Mobile */
7221@media (max-width: 767px) {
7222  .single-post .related-posts {
7223    margin-top: 50px !important;
7224  }
7225
7226  .single-post .related-posts .owl-stage {
7227    grid-template-columns: 1fr !important;
7228    gap: 18px !important;
7229  }
7230
7231  .single-post .related-posts .post-image img,
7232  .single-post .related-posts .thumb-info img,
7233  .single-post .related-posts figure img {
7234    height: 200px !important;
7235  }
7236
7237  .single-post .related-posts .post-content,
7238  .single-post .related-posts .thumb-info-caption {
7239    padding: 18px !important;
7240  }
7241
7242  .single-post .related-posts .post-title,
7243  .single-post .related-posts h5,
7244  .single-post .related-posts h4.post-title,
7245  .single-post .related-posts .thumb-info-caption-text {
7246    font-size: 18px !important;
7247  }
7248}
7249
7250
7251
7252
7253/* =========================
7254   OHS SINGLE POST - RELATED POSTS
7255   Match newer OHS layout style
7256========================= */
7257
7258.single-post .related-posts {
7259  margin-top: 50px;
7260  padding-top: 10px;
7261}
7262
7263.single-post .related-posts h3,
7264.single-post .related-posts h4,
7265.single-post .related-posts .title {
7266  font-size: 30px !important;
7267  line-height: 1.2 !important;
7268  font-weight: 800 !important;
7269  letter-spacing: -0.02em;
7270  color: #0f172a !important;
7271  margin-bottom: 26px !important;
7272  text-transform: none !important;
7273}
7274
7275.single-post .related-posts h3 strong,
7276.single-post .related-posts h4 strong {
7277  color: #0f172a !important;
7278}
7279
7280/* Card layout */
7281.single-post .related-posts .post,
7282.single-post .related-posts .post-item,
7283.single-post .related-posts article,
7284.single-post .related-posts .blog-slide {
7285  background: #ffffff !important;
7286  border: 1px solid #dbe4f0 !important;
7287  border-radius: 18px !important;
7288  overflow: hidden !important;
7289  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
7290  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
7291  padding-bottom: 0 !important;
7292}
7293
7294.single-post .related-posts .post:hover,
7295.single-post .related-posts .post-item:hover,
7296.single-post .related-posts article:hover,
7297.single-post .related-posts .blog-slide:hover {
7298  transform: translateY(-4px);
7299  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1) !important;
7300}
7301
7302/* Image */
7303.single-post .related-posts .post-image,
7304.single-post .related-posts .thumb-info,
7305.single-post .related-posts .thumb-info-wrapper {
7306  margin: 0 !important;
7307  border-radius: 0 !important;
7308  overflow: hidden !important;
7309}
7310
7311.single-post .related-posts .post-image img,
7312.single-post .related-posts .thumb-info img {
7313  width: 100% !important;
7314  height: 220px !important;
7315  object-fit: cover !important;
7316  display: block !important;
7317}
7318
7319/* Content area */
7320.single-post .related-posts .post-content,
7321.single-post .related-posts .thumb-info-caption,
7322.single-post .related-posts .post-item .post-content {
7323  padding: 18px 20px 20px !important;
7324  background: #fff !important;
7325}
7326
7327/* Date/meta */
7328.single-post .related-posts .post-meta,
7329.single-post .related-posts .post-date,
7330.single-post .related-posts .meta {
7331  font-size: 14px !important;
7332  color: #64748b !important;
7333  margin-bottom: 10px !important;
7334  display: block !important;
7335}
7336
7337/* Title */
7338.single-post .related-posts .post-title,
7339.single-post .related-posts h5,
7340.single-post .related-posts h4.post-title,
7341.single-post .related-posts .thumb-info-caption-text {
7342  font-size: 20px !important;
7343  line-height: 1.35 !important;
7344  font-weight: 700 !important;
7345  color: #0f172a !important;
7346  margin: 0 !important;
7347}
7348
7349.single-post .related-posts .post-title a,
7350.single-post .related-posts h5 a,
7351.single-post .related-posts h4.post-title a,
7352.single-post .related-posts .thumb-info-caption-text a {
7353  color: #0f172a !important;
7354  text-decoration: none !important;
7355}
7356
7357.single-post .related-posts .post-title a:hover,
7358.single-post .related-posts h5 a:hover,
7359.single-post .related-posts h4.post-title a:hover,
7360.single-post .related-posts .thumb-info-caption-text a:hover {
7361  color: #0073aa !important;
7362}
7363
7364/* Remove excerpts completely */
7365.single-post .related-posts .post-excerpt,
7366.single-post .related-posts .excerpt,
7367.single-post .related-posts .entry-content,
7368.single-post .related-posts .post-summary,
7369.single-post .related-posts .post-content p,
7370.single-post .related-posts article p {
7371  display: none !important;
7372}
7373
7374/* Remove awkward leftover spacing */
7375.single-post .related-posts .post-content > *:last-child {
7376  margin-bottom: 0 !important;
7377}
7378
7379/* Carousel dots */
7380.single-post .related-posts .owl-dots {
7381  margin-top: 20px !important;
7382  text-align: center !important;
7383}
7384
7385.single-post .related-posts .owl-dot span {
7386  width: 10px !important;
7387  height: 10px !important;
7388  margin: 0 5px !important;
7389  background: #cbd5e1 !important;
7390  border-radius: 50% !important;
7391  display: block !important;
7392}
7393
7394.single-post .related-posts .owl-dot.active span {
7395  background: #0073aa !important;
7396}
7397
7398/* Section divider above related posts */
7399.single-post .related-posts:before {
7400  content: "";
7401  display: block;
7402  width: 100%;
7403  height: 1px;
7404  background: linear-gradient(to right, transparent, #dbe4f0, transparent);
7405  margin-bottom: 32px;
7406}
7407
7408/* Mobile */
7409@media (max-width: 767px) {
7410  .single-post .related-posts h3,
7411  .single-post .related-posts h4,
7412  .single-post .related-posts .title {
7413    font-size: 24px !important;
7414  }
7415
7416  .single-post .related-posts .post-image img,
7417  .single-post .related-posts .thumb-info img {
7418    height: 190px !important;
7419  }
7420
7421  .single-post .related-posts .post-content,
7422  .single-post .related-posts .thumb-info-caption {
7423    padding: 16px !important;
7424  }
7425
7426  .single-post .related-posts .post-title,
7427  .single-post .related-posts h5,
7428  .single-post .related-posts h4.post-title,
7429  .single-post .related-posts .thumb-info-caption-text {
7430    font-size: 18px !important;
7431  }
7432}
7433
7434
7435
7436
7437
7438/* =========================
7439   OHS RELATED POSTS - FIX TIGHT SPACING
7440========================= */
7441
7442/* Add space between cards */
7443.single-post .related-posts .owl-stage {
7444  display: flex;
7445  gap: 20px; /* controls spacing between cards */
7446}
7447
7448/* If not using owl flex, fallback spacing */
7449.single-post .related-posts .post,
7450.single-post .related-posts .post-item,
7451.single-post .related-posts article {
7452  margin-bottom: 20px !important;
7453}
7454
7455/* Increase inner padding (this is the big one) */
7456.single-post .related-posts .post-content,
7457.single-post .related-posts .thumb-info-caption {
7458  padding: 22px 22px 24px !important;
7459}
7460
7461/* Give more space between date and title */
7462.single-post .related-posts .post-meta,
7463.single-post .related-posts .post-date {
7464  margin-bottom: 12px !important;
7465}
7466
7467/* Add breathing room under titles */
7468.single-post .related-posts .post-title,
7469.single-post .related-posts h5 {
7470  margin-bottom: 6px !important;
7471  line-height: 1.4 !important;
7472}
7473
7474/* Add spacing around entire section */
7475.single-post .related-posts {
7476  margin-top: 60px !important;
7477  padding-bottom: 20px;
7478}
7479
7480/* Optional: make cards feel less cramped visually */
7481.single-post .related-posts .post,
7482.single-post .related-posts .post-item {
7483  padding-bottom: 4px;
7484}
7485
7486
7487
7488
7489/* Optional blue accent line on each related post card */
7490.single-post .related-posts .post,
7491.single-post .related-posts .post-item,
7492.single-post .related-posts article,
7493.single-post .related-posts .blog-slide {
7494  position: relative;
7495}
7496
7497.single-post .related-posts .post::before,
7498.single-post .related-posts .post-item::before,
7499.single-post .related-posts article::before,
7500.single-post .related-posts .blog-slide::before {
7501  content: "";
7502  display: block;
7503  width: 100%;
7504  height: 4px;
7505  background: linear-gradient(90deg, #0b72b9, #38bdf8);
7506  position: absolute;
7507  top: 0;
7508  left: 0;
7509  z-index: 2;
7510}
7511
7512
7513
7514
7515
7516
7517
7518
7519
7520
7521
7522/* ONLY hide featured image at top of single blog post */
7523.single-post .post-image {
7524    display: none !important;
7525}
7526
7527/* Make sure related posts images still show */
7528.related-posts .post-image,
7529.owl-carousel .post-image,
7530.porto-related-posts .post-image {
7531    display: block !important;
7532}
7533
7534/* Remove extra top spacing after Porto elements are hidden */
7535.single-post #main,
7536.single-post .main-content,
7537.single-post article.post {
7538    padding-top: 0 !important;
7539    margin-top: 0 !important;
7540}
7541
7542/* OHS custom blog hero image - designed, full image, not huge */
7543.ohs-blog-hero-image,
7544.ohs-blog-hero img {
7545    width: 100%;
7546    max-width: 520px;
7547    height: auto !important;
7548    object-fit: contain !important;
7549    display: block;
7550    margin: 0 auto;
7551    border-radius: 26px;
7552    box-shadow: 0 24px 60px rgba(0,0,0,0.28);
7553}
7554
7555/* Make the custom hero feel like the page hero */
7556.ohs-blog-hero {
7557    padding-top: 70px;
7558    padding-bottom: 70px;
7559}
7560
7561/* Mobile */
7562@media (max-width: 768px) {
7563    .ohs-blog-hero {
7564        padding-top: 45px;
7565        padding-bottom: 45px;
7566    }
7567
7568    .ohs-blog-hero-image,
7569    .ohs-blog-hero img {
7570        max-width: 100%;
7571        border-radius: 20px;
7572    }
7573}
7574
7575/* Hide date on single blog posts */
7576.single-post .post-date,
7577.single-post .post-meta .date,
7578.single-post .meta-date,
7579.single-post time.entry-date {
7580    display: none !important;
7581}
7582
7583
7584
7585
7586
7587
7588
7589/* Blog listing: show the actual linked post titles beneath each image. */
7590html body.blog .ohs-blog-grid-title {
7591  display: block !important;
7592  -webkit-line-clamp: unset;
7593  overflow: visible;
7594}
7595
7596/* Blog posts: omit the decorative hero top line. */
7597body.single-post #main section[class*="ohs-"][class*="hero"]::before,
7598body.single-post main section[class*="ohs-"][class*="hero"]::before {
7599  display: none !important;
7600  content: none !important;
7601}
7602
7603/* Global OHS hero accent — applies to every OHS hero section */
7604#main section[class*="ohs-"][class*="hero"],
7605main section[class*="ohs-"][class*="hero"] {
7606  position: relative;
7607}
7608
7609#main section[class*="ohs-"][class*="hero"]::before,
7610main section[class*="ohs-"][class*="hero"]::before {
7611  position: absolute;
7612  z-index: 50;
7613  top: 0;
7614  left: 0;
7615  width: 100%;
7616  height: 5px;
7617  content: "";
7618  pointer-events: none;
7619  background: linear-gradient(
7620    90deg,
7621    #ffb51b 0%,
7622    #ffb51b 19%,
7623    #1167f1 19%,
7624    #1167f1 100%
7625  );
7626}
7627
7628
7629
7630
7631
7632
7633
7634
7635
7636
7637
7638
7639
7640
7641 /* OHS editorial section labels */
7642
7643
7644
7645
7646
7647/* OHS shared editorial labels — add below existing CSS */
7648.ohs-section-kicker,
7649.ohs-eyebrow-modern,
7650.ohs-label,
7651.ohs-eyebrow,
7652.ohs-section-label,
7653.ohs-editorial-label {
7654  --ohs-label-accent: #ffb51b;
7655  --ohs-label-detail: #0874d1;
7656
7657  display: inline-flex;
7658  align-items: center;
7659  gap: 12px;
7660  position: relative;
7661  margin: 0 0 18px;
7662  padding: 5px 0 7px;
7663  color: #08203a !important;
7664  background: transparent !important;
7665  border: 0 !important;
7666  border-radius: 0 !important;
7667  box-shadow: none !important;
7668  font-size: 11px;
7669  font-weight: 800;
7670  line-height: 1.25;
7671  letter-spacing: 0.15em;
7672  text-transform: uppercase;
7673}
7674
7675.ohs-section-kicker::before,
7676.ohs-eyebrow-modern::before,
7677.ohs-label::before,
7678.ohs-eyebrow::before,
7679.ohs-section-label::before,
7680.ohs-editorial-label::before {
7681  display: block;
7682  flex: 0 0 20px;
7683  width: 20px;
7684  height: 18px;
7685  box-sizing: border-box;
7686  content: "";
7687  background: transparent !important;
7688  border-top: 3px solid #ffb51b !important;
7689  border-right: 0 !important;
7690  border-bottom: 0 !important;
7691  border-left: 3px solid #ffb51b !important;
7692  border-radius: 0 !important;
7693  box-shadow: 7px 7px 0 -5px #0874d1 !important;
7694}
7695
7696.ohs-section-kicker::after,
7697.ohs-eyebrow-modern::after,
7698.ohs-label::after,
7699.ohs-eyebrow::after,
7700.ohs-section-label::after,
7701.ohs-editorial-label::after {
7702  display: block;
7703  flex: 0 0 27px;
7704  width: 27px;
7705  height: 2px;
7706  content: "";
7707  background: #0874d1 !important;
7708  border: 0 !important;
7709  border-radius: 0 !important;
7710  box-shadow: none !important;
7711  opacity: 0.8;
7712}
7713
7714/* Add one of these second classes when the label is on a dark background */
7715.ohs-section-kicker-light,
7716.ohs-editorial-label--light {
7717  color: #ffffff !important;
7718  -webkit-text-fill-color: #ffffff !important;
7719}
7720
7721/* Editorial label inside the dark final CTA */
7722.ohs-final-cta .ohs-editorial-label,
7723.ohs-kcwd-final-cta .ohs-editorial-label {
7724  display: inline-flex !important;
7725  align-items: center !important;
7726  gap: 12px !important;
7727  margin: 0 0 18px !important;
7728  padding: 5px 0 7px !important;
7729  color: #ffffff !important;
7730  -webkit-text-fill-color: #ffffff !important;
7731  background: transparent !important;
7732  border: 0 !important;
7733  border-radius: 0 !important;
7734  box-shadow: none !important;
7735}
7736
7737.ohs-final-cta .ohs-editorial-label::before,
7738.ohs-kcwd-final-cta .ohs-editorial-label::before {
7739  display: block !important;
7740  flex: 0 0 20px !important;
7741  width: 20px !important;
7742  height: 18px !important;
7743  box-sizing: border-box !important;
7744  content: "" !important;
7745  background: transparent !important;
7746  border-top: 3px solid #ffb51b !important;
7747  border-right: 0 !important;
7748  border-bottom: 0 !important;
7749  border-left: 3px solid #ffb51b !important;
7750  border-radius: 0 !important;
7751  box-shadow: 7px 7px 0 -5px #0874d1 !important;
7752}
7753
7754.ohs-final-cta .ohs-editorial-label::after,
7755.ohs-kcwd-final-cta .ohs-editorial-label::after {
7756  display: block !important;
7757  flex: 0 0 27px !important;
7758  width: 27px !important;
7759  height: 2px !important;
7760  content: "" !important;
7761  background: #0874d1 !important;
7762  border: 0 !important;
7763  border-radius: 0 !important;
7764  box-shadow: none !important;
7765  opacity: 0.8 !important;
7766}
7767
7768
7769
7770/* SEO roadmap label — dark blue section only */
7771.ohs-seo-roadmap .ohs-seo-kicker {
7772  --ohs-label-accent: #ffb51b;
7773  --ohs-label-detail: #0874d1;
7774
7775  display: inline-flex;
7776  align-items: center;
7777  gap: 12px;
7778  margin: 0 0 18px;
7779  padding: 5px 0 7px;
7780  color: #ffffff !important;
7781  -webkit-text-fill-color: #ffffff !important;
7782  background: transparent !important;
7783  border: 0 !important;
7784  border-radius: 0 !important;
7785  box-shadow: none !important;
7786  font-size: 11px;
7787  font-weight: 800;
7788  line-height: 1.25;
7789  letter-spacing: 0.15em;
7790  text-transform: uppercase;
7791}
7792
7793.ohs-seo-roadmap .ohs-seo-kicker::before {
7794  display: block;
7795  flex: 0 0 20px;
7796  width: 20px;
7797  height: 18px;
7798  box-sizing: border-box;
7799  content: "";
7800  background: transparent !important;
7801  border-top: 3px solid #ffb51b !important;
7802  border-right: 0 !important;
7803  border-bottom: 0 !important;
7804  border-left: 3px solid #ffb51b !important;
7805  border-radius: 0 !important;
7806  box-shadow: 7px 7px 0 -5px #0874d1 !important;
7807}
7808
7809.ohs-seo-roadmap .ohs-seo-kicker::after {
7810  display: block;
7811  flex: 0 0 27px;
7812  width: 27px;
7813  height: 2px;
7814  content: "";
7815  background: #0874d1 !important;
7816  border: 0 !important;
7817  border-radius: 0 !important;
7818  box-shadow: none !important;
7819  opacity: 0.8;
7820}
7821
7822
7823
7824/* Keep editorial label details beside the text, not over it */
7825.ohs-section-kicker::before,
7826.ohs-eyebrow-modern::before,
7827.ohs-label::before,
7828.ohs-eyebrow::before,
7829.ohs-section-label::before,
7830.ohs-editorial-label::before,
7831.ohs-section-kicker::after,
7832.ohs-eyebrow-modern::after,
7833.ohs-label::after,
7834.ohs-eyebrow::after,
7835.ohs-section-label::after,
7836.ohs-editorial-label::after {
7837  position: static !important;
7838  top: auto !important;
7839  right: auto !important;
7840  bottom: auto !important;
7841  left: auto !important;
7842  transform: none !important;
7843}
7844
7845
7846
7847
7848
7849
7850
7851
7852
7853
7854
7855
7856
7857
7858
7859
7860
7861
7862
7863
7864
7865
7866
7867
7868
7869
7870
7871
7872
7873
7874
7875
7876
7877
7878
7879
7880
7881
7882/* =========================================================
7883   OHS BLOG ARCHIVE CARDS
7884   ========================================================= */
7885
7886.ohs-blog-card {
7887  position: relative;
7888  height: 100%;
7889  overflow: hidden;
7890  padding: 0 0 24px;
7891  border: 1px solid #dbe6f3;
7892  border-radius: 20px;
7893  background: #ffffff;
7894  box-shadow: 0 14px 38px rgba(7, 24, 39, 0.065);
7895  transition:
7896    transform .25s ease,
7897    box-shadow .25s ease,
7898    border-color .25s ease;
7899}
7900
7901.ohs-blog-card:hover {
7902  transform: translateY(-6px);
7903  border-color: rgba(20, 121, 255, .28);
7904  box-shadow: 0 24px 52px rgba(7, 24, 39, .12);
7905}
7906
7907/* Featured image */
7908.ohs-blog-card-image {
7909  overflow: hidden;
7910  margin: 0 0 22px !important;
7911}
7912
7913.ohs-blog-card-image img {
7914  display: block;
7915  width: 100%;
7916  height: auto;
7917  transition: transform .35s ease;
7918}
7919
7920.ohs-blog-card:hover .ohs-blog-card-image img {
7921  transform: scale(1.025);
7922}
7923
7924/* Title */
7925.ohs-blog-grid-title {
7926  margin: 0 !important;
7927  padding: 0 22px;
7928}
7929
7930.ohs-blog-grid-title,
7931.ohs-blog-grid-title a {
7932  color: #071827 !important;
7933  font-size: 20px !important;
7934  font-weight: 750 !important;
7935  line-height: 1.3 !important;
7936  letter-spacing: -0.025em;
7937  text-decoration: none !important;
7938}
7939
7940.ohs-blog-grid-title a:hover {
7941  color: #1479ff !important;
7942}
7943
7944/* Published date */
7945.ohs-blog-grid-date {
7946  display: block;
7947  margin-top: 18px;
7948  padding: 0 22px;
7949  color: #718096;
7950  font-size: 13px;
7951  line-height: 1.4;
7952}
7953
7954/* Blue accent */
7955.ohs-blog-card::after {
7956  content: "";
7957  display: block;
7958  width: 42px;
7959  height: 3px;
7960  margin: 22px 22px 0;
7961  border-radius: 999px;
7962  background: linear-gradient(90deg, #1479ff, #78bbff);
7963}
7964
7965@media (max-width: 700px) {
7966  .ohs-blog-card {
7967    border-radius: 18px;
7968  }
7969
7970  .ohs-blog-grid-title,
7971  .ohs-blog-grid-title a {
7972    font-size: 19px !important;
7973  }
7974}
7975
7976
7977
7978
7979
7980
7981
7982/* BLOG CARD FINAL POLISH */
7983
7984.ohs-blog-grid-title {
7985  padding-top: 4px;
7986}
7987
7988.ohs-blog-card {
7989  display: flex;
7990  flex-direction: column;
7991}
7992
7993.ohs-blog-grid-date {
7994  margin-top: auto;
7995  padding-top: 18px;
7996}
7997/* OHS HOMEPAGE DESIGN ALIGNMENT — SEPTEMBER 2026 */
7998/* Scoped to inner-page OHS components; homepage styles remain the reference. */
7999body.page:not(.home) .ohs-page{font-family:"DM Sans",Arial,sans-serif;color:#183650}
8000body.page:not(.home) .ohs-page :is(h1,h2,h3,h4){font-family:"DM Sans",Arial,sans-serif;font-weight:800;letter-spacing:-.035em}
8001body.page:not(.home) .ohs-page .ohs-hero-modern{background:#fff!important;color:#183650;padding-top:64px;padding-bottom:64px}
8002body.page:not(.home) .ohs-page .ohs-hero-modern::before{background:linear-gradient(90deg,#ffb51b 0 18%,#0862d5 18% 100%);height:5px;top:0;bottom:auto;opacity:1;transform:none;border:0;border-radius:0;width:100%;left:0}
8003body.page:not(.home) .ohs-page .ohs-hero-modern::after{display:none}
8004body.page:not(.home) .ohs-page .ohs-hero-modern h1{color:#0a294a;font-size:clamp(35px,3.6vw,54px);line-height:1.08;letter-spacing:-.045em}
8005body.page:not(.home) .ohs-page .ohs-hero-modern :is(p,.ohs-hero-modern-text){color:#183650;font-size:18px;line-height:1.65}
8006body.page:not(.home) .ohs-page .ohs-hero-modern-grid{gap:48px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
8007body.page:not(.home) .ohs-page .ohs-hero-modern-grid>*{min-width:0}
8008body.page:not(.home) .ohs-page .ohs-btn-modern{border-radius:7px!important;min-height:52px;padding:15px 24px;white-space:normal;text-align:center;line-height:1.3;font-family:inherit}
8009body.page:not(.home) .ohs-page .ohs-btn-modern-primary{background:linear-gradient(135deg,#ffc02a,#ffae12)!important;color:#082747!important;border:1px solid #ffb51b!important;box-shadow:0 8px 20px rgba(238,155,0,.15)}
8010body.page:not(.home) .ohs-page .ohs-btn-modern-secondary{background:#fff!important;color:#075cca!important;border:1px solid #c7d8e7!important}
8011body.page:not(.home) .ohs-page .ohs-hero-mini-proof{border-radius:0;box-shadow:none;background:#f3f7fb;color:#183650;border-left:3px solid #ffb51b}
8012body.page:not(.home) .ohs-page .ohs-hero-modern-actions{flex-wrap:wrap;gap:16px}
8013body.page:not(.home) .ohs-page :is(.ohs-faq-grid,.ohs-faq-modern-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
8014body.page:not(.home) .ohs-page a:focus-visible{outline:3px solid #0961cf;outline-offset:4px}
8015@media(max-width:900px){body.page:not(.home) .ohs-page .ohs-hero-modern-grid{grid-template-columns:1fr;gap:30px}body.page:not(.home) .ohs-page .ohs-hero-modern{padding-top:42px;padding-bottom:42px}}
8016@media(max-width:640px){body.page:not(.home) .ohs-page :is(.ohs-faq-grid,.ohs-faq-modern-grid){grid-template-columns:1fr}body.page:not(.home) .ohs-page .ohs-hero-modern-actions .ohs-btn-modern{width:100%}}
8017/* Supporting page templates */
8018body.page:not(.home) :is(.ohs-mission-page,.ohs-payment-page-clean,.ohs-portfolio-page-clean,.ohs-thanks-page,.ohs-policy-shell){font-family:"DM Sans",Arial,sans-serif}
8019body.page:not(.home) :is(.ohs-mission-page,.ohs-payment-page-clean,.ohs-portfolio-page-clean,.ohs-thanks-page,.ohs-policy-shell) :is(h1,h2,h3){font-family:"DM Sans",Arial,sans-serif;font-weight:800;letter-spacing:-.035em}
8020body.page:not(.home) :is(.ohs-mission-hero,.ohs-payment-clean-hero,.ohs-portfolio-clean-hero,.ohs-policy-hero){background:#fff!important;color:#183650!important;padding:64px 0!important}
8021body.page:not(.home) :is(.ohs-mission-hero,.ohs-payment-clean-hero,.ohs-portfolio-clean-hero,.ohs-policy-hero) h1{font-size:clamp(35px,3.6vw,54px);line-height:1.08;color:#0a294a!important;font-weight:800;letter-spacing:-.045em}
8022body.page:not(.home) :is(.ohs-mission-hero,.ohs-payment-clean-hero,.ohs-portfolio-clean-hero,.ohs-policy-hero) :is(p,.ohs-editorial-label,.ohs-label){color:#183650!important}
8023body.page:not(.home) :is(.ohs-mission-hero,.ohs-payment-clean-hero,.ohs-portfolio-clean-hero,.ohs-policy-hero)::after{display:none}
8024body.page:not(.home) :is(.ohs-mission-section-card,.ohs-mission-side-card,.ohs-payment-clean-form-card,.ohs-payment-clean-info-card,.ohs-portfolio-clean-intro-card){border-radius:12px}
8025@media(max-width:640px){body.page:not(.home) :is(.ohs-mission-hero,.ohs-payment-clean-hero,.ohs-portfolio-clean-hero,.ohs-policy-hero){padding:42px 0!important}}
8026/* HERO BENEFITS PANEL — SHARED ACROSS SERVICE AND LOCATION PAGES */
8027html body .ohs-hero-mini-proof{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%;margin:26px 0 0!important;padding:0 20px!important;box-sizing:border-box;border:1px solid #d8e3ee!important;border-radius:12px!important;background:#f4f8fc!important;box-shadow:0 5px 18px rgba(8,39,71,.04)!important;overflow:hidden}
8028html body .ohs-hero-mini-proof>span{display:block!important;position:static!important;margin:0!important;padding:16px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#173b5c!important;-webkit-text-fill-color:#173b5c!important;font-family:"DM Sans",Arial,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0!important;max-width:100%;overflow-wrap:break-word}
8029html body .ohs-hero-mini-proof>span+span{border-top:1px solid #d8e3ee!important}
8030html body .ohs-hero-mini-proof::before,html body .ohs-hero-mini-proof::after,html body .ohs-hero-mini-proof>span::before,html body .ohs-hero-mini-proof>span::after{display:none!important;content:none!important;border:0!important;background:none!important;box-shadow:none!important}
8031@media(max-width:640px){html body .ohs-hero-mini-proof{padding:0 18px!important;margin-top:24px!important}html body .ohs-hero-mini-proof>span{padding:14px 0!important;font-size:15px!important}}
8032
8033/* LEGACY BLOG READABILITY — MATCH CURRENT ARTICLE PALETTE */
8034body.single-post:not(:has(.ohs-article-wrap)) .entry-content{max-width:1040px;margin:0 auto;padding:48px 20px 70px;color:#334963;font-family:Poppins,Arial,sans-serif;font-size:18px;line-height:1.8;background:#fff}
8035body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.vc_row,.vc_column_container,.vc_column-inner,.ohs-container,.ohs-hero-section,.ohs-hero,.ohs-section,.ohs-content-block,.ohs-content,.ohs-side-card,.ohs-info-card,.ohs-service-card,.ohs-link-card,.ohs-split-card,.ohs-final-cta-section,.ohs-final-cta,.ohs-final-cta-box){background:#fff!important;color:#334963!important;box-shadow:none!important;border-color:#dbe7f2!important;max-width:100%!important}
8036body.single-post:not(:has(.ohs-article-wrap)) .entry-content .vc_row{width:100%!important;left:0!important;margin-left:0!important;margin-right:0!important}
8037body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-container,.vc_column-inner){width:100%!important;padding-left:0!important;padding-right:0!important}
8038body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-hero-section,.ohs-hero,.ohs-section){padding:22px 0!important;margin:0!important}
8039body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-hero-grid,.ohs-hero-inner,.ohs-two-col-intro,.ohs-split-grid,.ohs-card-grid,.ohs-service-grid){display:block!important}
8040body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-info-card,.ohs-service-card,.ohs-side-card,.ohs-split-card,.ohs-link-card){margin:22px 0!important;padding:22px!important;border:1px solid #dbe7f2!important;border-radius:12px!important}
8041body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(h1,h2,h3,h4,h1 strong,h2 strong,h3 strong,h1 em,h2 em,h3 em){color:#071827!important;font-family:Poppins,Arial,sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:-.025em;line-height:1.2!important}
8042body.single-post:not(:has(.ohs-article-wrap)) .entry-content h1{font-size:clamp(32px,4vw,54px)!important;font-weight:800!important;margin:0 0 28px!important}
8043body.single-post:not(:has(.ohs-article-wrap)) .entry-content h2{font-size:clamp(27px,3vw,37px)!important;margin:44px 0 20px!important;font-weight:750!important}
8044body.single-post:not(:has(.ohs-article-wrap)) .entry-content h3{font-size:24px!important;margin:28px 0 14px!important;font-weight:700!important}
8045body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(p,li,.ohs-hero-text,.ohs-hero-subtext){font-size:18px!important;line-height:1.8!important;color:#334963!important;font-weight:400!important}
8046body.single-post:not(:has(.ohs-article-wrap)) .entry-content p{margin:0 0 24px!important}
8047body.single-post:not(:has(.ohs-article-wrap)) .entry-content a:not([class*="btn"]){color:#0961cf!important;text-decoration:underline;text-underline-offset:3px}
8048body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-hero-section,.ohs-hero,.ohs-dark-section,.ohs-accent-section)::before,body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-hero-section,.ohs-hero,.ohs-dark-section,.ohs-accent-section)::after{display:none!important}
8049body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-number,.ohs-icon){display:none!important}
8050body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-label,.ohs-eyebrow,.ohs-editorial-label){color:#173b5c!important;-webkit-text-fill-color:#173b5c!important}
8051body.single-post:not(:has(.ohs-article-wrap)) .entry-content .ohs-faq-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
8052body.single-post:not(:has(.ohs-article-wrap)) .entry-content .ohs-faq-item{background:#f4f8fc!important;border:1px solid #dbe7f2!important;border-radius:12px!important;padding:22px!important;color:#334963!important}
8053@media(max-width:640px){body.single-post:not(:has(.ohs-article-wrap)) .entry-content{padding:28px 16px 50px;font-size:17px}body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(p,li){font-size:17px!important}body.single-post:not(:has(.ohs-article-wrap)) .entry-content .ohs-faq-wrap{grid-template-columns:1fr}}
8054
8055/* Legacy article spacing and label polish */
8056body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-hero-content,.ohs-section-heading,.ohs-narrow){max-width:100%!important;width:100%!important}
8057body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-label,.ohs-eyebrow){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#173b5c!important;font-size:12px!important;letter-spacing:.1em!important}
8058body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-label,.ohs-eyebrow)::before,:is(.ohs-label,.ohs-eyebrow)::after{display:none!important}
8059body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-hero-inner,.ohs-hero-split){display:block!important;gap:24px!important}
8060body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-hero-image-wrap){margin:28px 0!important;max-width:100%!important}
8061body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-btn-primary){background:#ffb51b!important;color:#082747!important;box-shadow:none!important;border-radius:8px!important}
8062body.single-post:not(:has(.ohs-article-wrap)) .entry-content :is(.ohs-btn-secondary){background:#fff!important;color:#0961cf!important;border:1px solid #dbe7f2!important;box-shadow:none!important;border-radius:8px!important}
8063
8064
8065
8066
8067
8068
8069
8070
8071
8072
8073
8074
8075
8076
8077
8078
8079
8080
8081
8082
8083
8084
8085
8086
8087/* =========================================================
8088   OHS BLOG ARTICLE - CLEAN FINAL VERSION
8089   ========================================================= */
8090
8091.ohs-page {
8092  overflow: visible;
8093}
8094
8095.ohs-container {
8096  width: min(1180px, calc(100% - 40px));
8097  margin: 0 auto;
8098}
8099
8100/* Main blog section */
8101.ohs-hero-modern {
8102  position: relative;
8103  padding: 80px 0 96px;
8104  background:
8105    radial-gradient(circle at 12% 20%, rgba(20, 121, 255, 0.08), transparent 32%),
8106    radial-gradient(circle at 88% 12%, rgba(58, 160, 255, 0.12), transparent 30%),
8107    linear-gradient(135deg, #ffffff 0%, #f8fbff 54%, #eef7ff 100%);
8108}
8109
8110.ohs-hero-modern::before {
8111  content: "";
8112  position: absolute;
8113  inset: 0;
8114  background-image:
8115    linear-gradient(rgba(7, 24, 39, 0.03) 1px, transparent 1px),
8116    linear-gradient(90deg, rgba(7, 24, 39, 0.03) 1px, transparent 1px);
8117  background-size: 54px 54px;
8118  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent 82%);
8119  pointer-events: none;
8120}
8121
8122/* Kill the old hero/form layout still showing on the page */
8123.ohs-hero-modern-grid {
8124  display: block !important;
8125}
8126
8127.ohs-hero-modern-copy {
8128  max-width: none !important;
8129}
8130
8131.ohs-hero-modern-side,
8132.ohs-growth-card,
8133.ohs-form-card-modern,
8134.ohs-form-embed,
8135.ohs-form-top {
8136  display: none !important;
8137}
8138
8139/* Article wrapper */
8140.ohs-article-wrap {
8141  position: relative;
8142  z-index: 2;
8143  max-width: 1040px;
8144  margin: 0 auto;
8145  color: #334963;
8146  font-size: 18px;
8147  line-height: 1.8;
8148  font-weight: 500;
8149}
8150
8151/* Eyebrow */
8152.ohs-eyebrow-modern {
8153  display: inline-flex;
8154  align-items: center;
8155  gap: 8px;
8156  margin-bottom: 18px;
8157  padding: 9px 14px;
8158  border: 1px solid #cfe3ff;
8159  border-radius: 999px;
8160  background: #ffffff;
8161  color: #1479ff;
8162  font-size: 12px;
8163  font-weight: 850;
8164  letter-spacing: 0.08em;
8165  text-transform: uppercase;
8166  box-shadow: 0 12px 30px rgba(20, 121, 255, 0.08);
8167}
8168
8169.ohs-eyebrow-modern::before {
8170  content: "";
8171  width: 8px;
8172  height: 8px;
8173  border-radius: 999px;
8174  background: #1479ff;
8175  box-shadow: 0 0 0 5px rgba(20, 121, 255, 0.12);
8176}
8177
8178/* Title */
8179.ohs-article-wrap h1 {
8180  max-width: 920px;
8181  margin: 0 0 28px;
8182  color: #071827;
8183  font-size: clamp(38px, 4.5vw, 56px);
8184  line-height: 1.04;
8185  letter-spacing: -0.04em;
8186  font-weight: 850;
8187}
8188
8189/* Featured image floated right */
8190.ohs-hero-image-wrap {
8191  float: right;
8192  width: min(430px, 42%);
8193  margin: 8px 0 30px 44px;
8194  border-radius: 24px;
8195  overflow: hidden;
8196  background: #ffffff;
8197  border: 1px solid #dbeafe;
8198  box-shadow: 0 28px 70px rgba(7, 24, 39, 0.15);
8199}
8200
8201.ohs-hero-image-wrap img {
8202  display: block;
8203  width: 100%;
8204  height: auto;
8205  border-radius: 24px;
8206}
8207
8208/* Paragraphs */
8209.ohs-article-wrap p {
8210  margin: 0 0 25px;
8211}
8212
8213.ohs-article-wrap p:first-of-type {
8214  color: #243b55;
8215  font-size: 20px;
8216  line-height: 1.75;
8217}
8218
8219/* Headings */
8220.ohs-article-wrap h2,
8221.ohs-article-wrap h3 {
8222  clear: none;
8223  color: #071827;
8224  letter-spacing: -0.025em;
8225}
8226
8227.ohs-article-wrap h2 {
8228  margin: 58px 0 20px;
8229  padding-top: 6px;
8230  font-size: clamp(29px, 3vw, 39px);
8231  line-height: 1.14;
8232  font-weight: 850;
8233}
8234
8235.ohs-article-wrap h3 {
8236  margin: 36px 0 14px;
8237  font-size: 24px;
8238  line-height: 1.25;
8239  font-weight: 800;
8240}
8241
8242/* Links */
8243.ohs-article-wrap a {
8244  color: #1479ff;
8245  font-weight: 750;
8246  text-decoration: underline;
8247  text-underline-offset: 3px;
8248}
8249
8250.ohs-article-wrap a:hover {
8251  color: #075ed6;
8252}
8253
8254/* Strong text */
8255.ohs-article-wrap strong {
8256  color: #071827;
8257  font-weight: 850;
8258}
8259
8260/* Better bullet list block */
8261.ohs-article-wrap ul {
8262  clear: both;
8263  margin: 18px 0 34px;
8264  padding: 30px 34px 30px 58px;
8265  border-radius: 22px;
8266  background: rgba(255, 255, 255, 0.88);
8267  border: 1px solid #dbeafe;
8268  box-shadow: 0 18px 45px rgba(7, 24, 39, 0.075);
8269}
8270
8271.ohs-article-wrap li {
8272  margin: 0 0 15px;
8273  padding-left: 4px;
8274  color: #334963;
8275  font-size: 18px;
8276  line-height: 1.65;
8277}
8278
8279.ohs-article-wrap li:last-child {
8280  margin-bottom: 0;
8281}
8282
8283/* Bottom CTA buttons */
8284.ohs-hero-modern-actions {
8285  clear: both;
8286  display: flex;
8287  flex-wrap: wrap;
8288  gap: 14px;
8289  margin-top: 50px;
8290  padding-top: 38px;
8291  border-top: 1px solid rgba(207, 227, 255, 0.9);
8292}
8293
8294.ohs-btn-modern {
8295  display: inline-flex;
8296  align-items: center;
8297  justify-content: center;
8298  min-height: 52px;
8299  padding: 0 24px;
8300  border-radius: 12px;
8301  font-size: 15px;
8302  font-weight: 850;
8303  text-decoration: none !important;
8304  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
8305}
8306
8307.ohs-btn-modern:hover {
8308  transform: translateY(-2px);
8309}
8310
8311.ohs-btn-modern-primary {
8312  color: #ffffff !important;
8313  background: linear-gradient(135deg, #1479ff, #075ed6);
8314  box-shadow: 0 18px 36px rgba(20, 121, 255, 0.26);
8315}
8316
8317.ohs-btn-modern-secondary {
8318  color: #071827 !important;
8319  background: #ffffff;
8320  border: 1px solid #d8e6f7;
8321  box-shadow: 0 14px 34px rgba(7, 24, 39, 0.08);
8322}
8323
8324/* Mobile */
8325@media (max-width: 820px) {
8326  .ohs-hero-modern {
8327    padding: 56px 0 72px;
8328  }
8329
8330  .ohs-container {
8331    width: min(100% - 28px, 1180px);
8332  }
8333
8334  .ohs-article-wrap {
8335    font-size: 17px;
8336    line-height: 1.72;
8337  }
8338
8339  .ohs-article-wrap h1 {
8340    font-size: clamp(34px, 10vw, 44px);
8341  }
8342
8343  .ohs-article-wrap p:first-of-type {
8344    font-size: 18px;
8345  }
8346
8347  .ohs-hero-image-wrap {
8348    float: none;
8349    width: 100%;
8350    margin: 0 0 30px;
8351  }
8352
8353  .ohs-article-wrap h2 {
8354    margin-top: 44px;
8355  }
8356
8357  .ohs-article-wrap h3 {
8358    margin-top: 30px;
8359  }
8360
8361  .ohs-article-wrap ul {
8362    margin: 18px 0 32px;
8363    padding: 24px 24px 24px 42px;
8364    border-radius: 18px;
8365  }
8366
8367  .ohs-article-wrap li {
8368    font-size: 17px;
8369    line-height: 1.62;
8370    margin-bottom: 14px;
8371  }
8372
8373  .ohs-hero-modern-actions {
8374    margin-top: 38px;
8375  }
8376
8377  .ohs-btn-modern {
8378    width: 100%;
8379  }
8380}
8381</style>
8382<noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript>	</head>
8383	<body class="home wp-singular page-template-default page page-id-2 wp-embed-responsive wp-theme-porto wp-child-theme-porto-child porto-breadcrumbs-bb full blog-1 wpb-js-composer js-comp-ver-9.0.1 vc_responsive">
8384	
8385	<div class="page-wrapper sticky-scroll-up"><!-- page wrapper -->
8386		
8387											<!-- header wrapper -->
8388				<div class="header-wrapper">
8389										
8390<header  id="header" class="header-builder header-builder-p">
8391<div class="porto-block" data-id="17384"><style>.ohs-header-socials {
8392  display: flex;
8393  align-items: center;
8394  gap: 22px;
8395}
8396
8397.ohs-header-socials a {
8398  display: inline-flex;
8399  align-items: center;
8400  justify-content: center;
8401  color: #282828;
8402  text-decoration: none;
8403}
8404
8405.ohs-header-socials a:hover {
8406  color: #1267e8;
8407}</style><div data-vc-full-width="true" data-vc-full-width-temp="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row row top-row vc_row-no-padding wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f"><div class="vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner">
8408	<div class="wpb_raw_code wpb_raw_html wpb_content_element" >
8409		<div class="wpb_wrapper">
8410			<!-- OHS FLOATING MENU — paste this complete block into the global header's
8411Raw HTML element. Use a full-width row with no padding. Replace the old MENU
8412section, and disable the theme's sticky-header duplication for this section.
8413Do not place this inside a transformed or overflow:hidden container.
8414Elfsight: select a compact inline badge (transparent background, no large title).
8415The widget's layout is controlled in Elfsight, not by the surrounding CSS.
8416This is only the menu / reviews / phone section; it contains no logo or hero.
8417Updated: wide mega menus with icons, descriptions and related feature panels.
8418-->
8419<style>
8420#ohs-floating-menu{--ohs-ink:#191b20;--ohs-border:#e3e5e9;--ohs-admin:0px;position:fixed;z-index:9990;top:calc(var(--ohs-admin) + 20px);left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1280px;font-family:inherit;color:var(--ohs-ink);transition:top .3s ease}
8421#ohs-floating-menu.is-scrolled{top:calc(var(--ohs-admin) + 8px)}
8422#ohs-floating-menu .ohsm-bar{display:grid;grid-template-columns:220px 1fr 188px;align-items:center;gap:20px;padding:8px 10px 8px 22px;min-height:74px;border:1px solid var(--ohs-border);border-radius:60px;background:rgba(248,249,251,.96);box-shadow:0 2px 4px #15203203;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s ease,background .3s ease}
8423#ohs-floating-menu.is-scrolled .ohsm-bar{background:rgba(255,255,255,.97);box-shadow:0 8px 30px #15203210}
8424#ohs-floating-menu .ohsm-bar,#ohs-floating-menu .ohsm-nav *,#ohs-floating-menu .ohsm-contact *,#ohs-floating-menu .ohsm-toggle{box-sizing:border-box}
8425#ohs-floating-menu a{text-decoration:none}
8426#ohs-floating-menu .ohsm-reviews{min-width:0;width:100%;font-size:13px;line-height:1.3}
8427#ohs-floating-menu .ohsm-nav{min-width:0}
8428#ohs-floating-menu .ohsm-links{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;padding:0;margin:0}
8429#ohs-floating-menu .ohsm-links>li{position:relative;list-style:none;margin:0;padding:0}
8430#ohs-floating-menu .ohsm-links>li>a,#ohs-floating-menu .ohsm-group>summary{display:flex;align-items:center;justify-content:center;gap:7px;padding:15px 12px;color:#50545d;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;border-radius:26px;cursor:pointer;list-style:none}
8431#ohs-floating-menu summary::-webkit-details-marker{display:none}
8432#ohs-floating-menu .ohsm-group>summary::after{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
8433#ohs-floating-menu .ohsm-group[open]>summary::after{transform:translateY(2px) rotate(225deg)}
8434#ohs-floating-menu .ohsm-links>li>a:hover,#ohs-floating-menu .ohsm-group>summary:hover,#ohs-floating-menu .ohsm-group[open]>summary{color:#191b20;background:#eceef2}
8435#ohs-floating-menu .ohsm-dropdown{position:absolute;top:calc(100% + 15px);left:0;min-width:285px;padding:10px;border:1px solid var(--ohs-border);border-radius:18px;background:white;box-shadow:0 16px 45px #101a2920}
8436#ohs-floating-menu .ohsm-dropdown a{display:block;color:#444b57;font-size:14px;line-height:1.5;padding:12px 14px;border-radius:10px;white-space:normal}
8437#ohs-floating-menu .ohsm-dropdown a:hover{background:#f1f3f6;color:#111827}
8438#ohs-floating-menu .ohsm-contact{position:relative;text-align:center}
8439#ohs-floating-menu .ohsm-contact>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:9px 18px;border-radius:40px;background:#191b20;color:#fff;cursor:pointer;list-style:none}
8440#ohs-floating-menu .ohsm-contact>summary:hover{background:#333740}
8441#ohs-floating-menu .ohsm-contact-label{font-size:10px;line-height:1.3;letter-spacing:1.1px;text-transform:uppercase;color:#d9dce2}
8442#ohs-floating-menu .ohsm-number{font-size:16px;font-weight:600;line-height:1.4;white-space:nowrap}
8443#ohs-floating-menu .ohsm-contact .ohsm-dropdown{left:auto;right:0;min-width:210px;text-align:left}
8444#ohs-floating-menu .ohsm-toggle{display:none}
8445#ohs-floating-menu a:focus-visible,#ohs-floating-menu summary:focus-visible,#ohs-floating-menu button:focus-visible{outline:3px solid #327dbc;outline-offset:3px}
8446/* Reserves room so the fixed menu never covers the first section. */
8447#ohs-menu-space{height:114px}
8448@media(max-width:1150px){
8449#ohs-floating-menu{width:calc(100% - 32px)}
8450#ohs-floating-menu .ohsm-bar{grid-template-columns:185px 1fr 175px;
8450gap:9px;padding-left:18px}
8451#ohs-floating-menu .ohsm-links>li>a,#ohs-floating-menu .ohsm-group>summary{font-size:13px;padding-inline:9px}
8452}
8453@media(max-width:980px){
8454#ohs-floating-menu{width:calc(100% - 24px);top:calc(var(--ohs-admin) + 12px)}
8455#ohs-floating-menu .ohsm-bar{grid-template-columns:minmax(0,1fr) 176px 44px;gap:10px;padding:8px 12px 8px 18px;border-radius:40px}
8456#ohs-floating-menu .ohsm-reviews{max-width:245px}
8457#ohs-floating-menu .ohsm-contact{grid-column:2;grid-row:1}
8458#ohs-floating-menu .ohsm-toggle{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#e9ecf0;color:#191b20;cursor:pointer;padding:10px}
8459#ohs-floating-menu .ohsm-toggle svg{width:22px;height:22px}
8460#ohs-floating-menu .ohsm-nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:12px;background:white;border:1px solid var(--ohs-border);border-radius:22px;box-shadow:0 15px 40px #11182720;max-height:calc(100dvh - 150px - var(--ohs-admin));overflow-y:auto;overscroll-behavior:contain}
8461#ohs-floating-menu.is-menu-open .ohsm-nav{display:block}
8462#ohs-floating-menu .ohsm-links{display:block}
8463#ohs-floating-menu .ohsm-links>li>a,#ohs-floating-menu .ohsm-group>summary{justify-content:space-between;padding:15px 14px;font-size:15px;border-radius:10px}
8464#ohs-floating-menu .ohsm-group .ohsm-dropdown{position:static;min-width:0;box-shadow:none;border:0;border-left:2px solid #e3e7ed;border-radius:0;padding:0 0 0 8px;margin:4px 14px 10px}
8465#ohs-floating-menu .ohsm-dropdown a{font-size:14px}
8466#ohs-menu-space{height:106px}
8467}
8468@media(max-width:520px){
8469#ohs-floating-menu .ohsm-bar{grid-template-columns:minmax(0,1fr) 44px;gap:8px 12px;border-radius:27px;padding:12px}
8470#ohs-floating-menu .ohsm-reviews{grid-column:1;grid-row:1;max-width:100%}
8471#ohs-floating-menu .ohsm-toggle{grid-column:2;grid-row:1}
8472#ohs-floating-menu .ohsm-contact{grid-column:1/-1;grid-row:2}
8473#ohs-floating-menu .ohsm-contact>summary{flex-direction:row;gap:12px;min-height:42px;padding:9px 14px}
8474#ohs-floating-menu .ohsm-number{font-size:15px}
8475#ohs-floating-menu .ohsm-contact .ohsm-dropdown{right:0;left:0;top:calc(100% + 8px);z-index:2}
8476#ohs-floating-menu .ohsm-nav{max-height:calc(100dvh - 180px - var(--ohs-admin))}
8477#ohs-menu-space{height:154px}
8478}
8479@media(prefers-reduced-motion:reduce){#ohs-floating-menu,#ohs-floating-menu .ohsm-bar,#ohs-floating-menu .ohsm-group>summary::after{transition:none}}
8480
8481/* Wide dropdown panels with original menu labels, inline icons and descriptions. */
8482#ohs-floating-menu .ohsm-links>li:has(.ohsm-group){position:static}
8483#ohs-floating-menu .ohsm-mega{left:50%;transform:translateX(-50%);top:calc(100% + 10px);width:min(100%,1020px);min-width:0;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;border-radius:22px;max-height:calc(100dvh - 145px - var(--ohs-admin));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 45px #14253a14}
8484#ohs-floating-menu .ohsm-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-content:start}
8485#ohs-floating-menu .ohsm-mega .ohsm-item{display:flex;align-items:flex-start;gap:13px;padding:16px 10px;border-radius:12px}
8486#ohs-floating-menu .ohsm-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #dde4ec;border-radius:8px;color:#173149;background:#fff;margin-top:1px}
8487#ohs-floating-menu .ohsm-icon svg{width:19px;height:19px}
8488#ohs-floating-menu .ohsm-copy{display:block;min-width:0}
8489#ohs-floating-menu .ohsm-item-title{display:block;color:#172a40;font-size:14px;font-weight:500;line-height:1.45}
8490#ohs-floating-menu .ohsm-item-description{display:block;margin-top:5px;color:#6d7887;font-size:12px;line-height:1.6;font-weight:400}
8491#ohs-floating-menu .ohsm-feature{display:flex;flex-direction:column;padding:20px;background:linear-gradient(145deg,#162d45,#091522);border-radius:15px;color:white;min-width:0}
8492#ohs-floating-menu .ohsm-feature-label{font-size:9px;letter-spacing:1.3px;color:#ebcd91;font-weight:600;line-height:1.5}
8493#ohs-floating-menu .ohsm-feature-art{margin:14px -10px 12px}
8494#ohs-floating-menu .ohsm-feature-art svg{display:block;width:100%;height:auto}
8495#ohs-floating-menu .ohsm-feature-title{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.5px;color:#fff}
8496#ohs-floating-menu .ohsm-feature p{font-size:12px;line-height:1.6;color:#bfccd9;margin:10px 0 20px}
8497#ohs-floating-menu .ohsm-feature .ohsm-feature-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#fff;color:#172a40;border-radius:30px;font-size:12px;font-weight:600;margin-top:auto}
8498#ohs-floating-menu .ohsm-feature .ohsm-feature-link:hover{background:#f4dcac}
8499@media(max-width:980px){
8500#ohs-floating-menu .ohsm-group .ohsm-mega{display:grid;position:static;transform:none;width:100%;grid-template-columns:1fr;gap:14px;margin:4px 0 10px;padding:8px;max-height:none;overflow:visible;border:0;border-radius:12px;box-shadow:none}
8501#ohs-floating-menu .ohsm-feature{display:none}
8502#ohs-floating-menu .ohsm-mega .ohsm-item{padding:12px 10px}
8503}
8504@media(max-width:600px){#ohs-floating-menu .ohsm-item-grid{grid-template-columns:1fr;gap:2px}}
8505
8506</style>
8507<div id="ohs-menu-space" aria-hidden="true"></div>
8508<header id="ohs-floating-menu" aria-label="OHS Publishing navigation">
8509 <div class="ohsm-bar">
8510  <div class="ohsm-reviews" aria-label="Client ratings">
8511   <!-- Elfsight All-in-One Reviews | Untitled All-in-One Reviews 2 -->
8512   <div class="elfsight-app-eed88679-8f49-4125-831b-5f66a78d1c6e" data-elfsight-app-lazy></div>
8513  </div>
8514  <nav class="ohsm-nav" id="ohsm-navigation" aria-label="Main navigation">
8515   <ul class="ohsm-links">
8516    <li>
8516<details class="ohsm-group"><summary>Design</summary><div class="ohsm-dropdown ohsm-mega"><div class="ohsm-item-grid"><a class="ohsm-item" href="https://ohspublishing.com/kansas-city-web-design/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="14" rx="2"/><path d="M3 8h18M8 21h8M12 18v3"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Web Design</span><span class="ohsm-item-description">Custom websites built around your business.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/wordpress-web-design/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 6l4 13 4-9 4 9 4-13M3 6h4M17 6h4"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">WordPress Web Design</span><span class="ohsm-item-description">Flexible websites that are easy to manage.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/web-development/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5M14 4l-4 16"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Web Development</span><span class="ohsm-item-description">Custom functionality and connected tools.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/website-maintenance-plan/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 4a6 6 0 00-7 7l-4 4a3 3 0 004 4l4-4a6 6 0 007-7l-4 4-4-4z"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Website Maintenance Plan</span><span class="ohsm-item-description">Keep your website updated and supported.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/malware-removal/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l8 3v6c0 5-8 9-8 9s-8-4-8-9V6zM8 12l3 3 5-6"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Malware Removal</span><span class="ohsm-item-description">Help clean up and secure your website.</span></span></a></div><aside class="ohsm-feature"><span class="ohsm-feature-label">YOUR NEXT WEBSITE</span><div class="ohsm-feature-art" aria-hidden="true"><svg viewBox="0 0 260 100" fill="none"><rect x="29" y="9" width="190" height="86" rx="8" fill="white" fill-opacity=".08" stroke="#809cb8"/><path d="M29 28h190" stroke="#809cb8"/><circle cx="42" cy="19" r="2" fill="#e6c27a"/><circle cx="50" cy="19" r="2" fill="#8babc8"/><circle cx="58" cy="19" r="2" fill="#8babc8"/><rect x="43" y="42" width="74" height="5" rx="2" fill="#e4edf5"/><rect x="43" y="55" width="57" height="3" rx="1.5" fill="#8babc8"/><rect x="43" y="65" width="67" height="3" rx="1.5" fill="#8babc8"/><rect x="43" y="77" width="33" height="9" rx="4.5" fill="#e6c27a"/><path d="M144 78l17-16 14 7 27-28" stroke="#e6c27a" stroke-width="3"/><path d="M192 41h10v10" stroke="#e6c27a" stroke-width="3"/></svg></div><span class="ohsm-feature-title">A stronger first impression.</span><p>Clear design. Easy navigation. A website built around your goals.</p><a class="ohsm-feature-link" href="https://ohspublishing.com/kansas-city-web-design/">Explore Web Design<span aria-hidden="true">↗</span></a></aside></div></details></li>
8517    <li><details class="ohsm-group"><summary>Creative &amp; Marketing</summary><div class="ohsm-dropdown ohsm-mega"><div class="ohsm-item-grid"><a class="ohsm-item" href="https://ohspublishing.com/kansas-city-seo-services/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10" cy="10" r="6"/>
8517<path d="M15 15l6 6M7 11l2-3 3 1"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Search Engine Optimization (SEO)</span><span class="ohsm-item-description">Help local customers find your business.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/pay-per-click/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20V10M10 20V5M16 20v-7M3 4l6 3 6-5M15 2v5"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Pay Per Click (PPC)</span><span class="ohsm-item-description">Reach people searching for your services.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/business-connect-bundle/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="7" width="18" height="14" rx="2"/><path d="M8 7V3h8v4M3 12h18M10 12v3h4v-3"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Business Connect Bundle</span><span class="ohsm-item-description">Explore connected business services.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/social-media-marketing/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10v5h4l9 4V5l-9 5zM8 15l2 6M21 9v6"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Social Media Marketing</span><span class="ohsm-item-description">Build your presence and stay connected.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/blog-article-writing-kansas-city-blog-article-writing-ohs-publishing/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 4H4v17h16V11M10 15l2-5 7-7 3 3-7 7z"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Blog Posts &amp; Article Writing</span><span class="ohsm-item-description">Useful content written for your audience.</span></span></a></div><aside class="ohsm-feature"><span class="ohsm-feature-label">GET FOUND ONLINE</span><div class="ohsm-feature-art" aria-hidden="true"><svg viewBox="0 0 260 100" fill="none"><rect x="29" y="9" width="190" height="86" rx="8" fill="white" fill-opacity=".08" stroke="#809cb8"/><path d="M29 28h190" stroke="#809cb8"/><circle cx="42" cy="19" r="2" fill="#e6c27a"/><circle cx="50" cy="19" r="2" fill="#8babc8"/><circle cx="58" cy="19" r="2" fill="#8babc8"/><rect x="43" y="42" width="74" height="5" rx="2" fill="#e4edf5"/><rect x="43" y="55" width="57" height="3" rx="1.5" fill="#8babc8"/><rect x="43" y="65" width="67" height="3" rx="1.5" fill="#8babc8"/><rect x="43" y="77" width="33" height="9" rx="4.5" fill="#e6c27a"/><path d="M144 78l17-16 14 7 27-28" stroke="#e6c27a" stroke-width="3"/><path d="M192 41h10v10" stroke="#e6c27a" stroke-width="3"/></svg></div><span class="ohsm-feature-title">Turn searches into opportunities.</span><p>Connect your website, content, and local visibility.</p><a class="ohsm-feature-link" href="https://ohspublishing.com/kansas-city-seo-services/">Explore SEO<span aria-hidden="true">↗</span></a></aside></div></details></li>
8518    <li><details class="ohsm-group"><summary>About OHS</summary><div class="ohsm-dropdown ohsm-mega"><div class="ohsm-item-grid"><a class="ohsm-item" href="https://ohspublishing.com/web-design-portfolio/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="15" rx="2"/><path d="M8 5V3h8v2M3 10h18M10 10v3h4v-3"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Web Design Portfolio</span><span class="ohsm-item-description">Explore websites created for our clients.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/blog/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="M8 7h8M8 11h8M8 15h3M8 18h8"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">OHS News</span><span class="ohsm-item-description">Website advice, ideas, and OHS updates.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/service-payment/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="5" width="20" height="14" rx="2"/><path d="M2 10h20M6 15h4"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Service Payment</span><span class="ohsm-item-description">Make a payment for your OHS services.</span></span></a><a class="ohsm-item" href="https://ohspublishing.com/mission-impact-statement/"><span class="ohsm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
8518<path d="M12 21S3 15 3 8a5 5 0 019-3 5 5 0 019 3c0 7-9 13-9 13z"/></svg></span><span class="ohsm-copy"><span class="ohsm-item-title">Mission &amp; Impact</span><span class="ohsm-item-description">The purpose and values behind our work.</span></span></a></div><aside class="ohsm-feature"><span class="ohsm-feature-label">OUR WORK</span><div class="ohsm-feature-art" aria-hidden="true"><svg viewBox="0 0 260 100" fill="none"><rect x="29" y="9" width="190" height="86" rx="8" fill="white" fill-opacity=".08" stroke="#809cb8"/><path d="M29 28h190" stroke="#809cb8"/><circle cx="42" cy="19" r="2" fill="#e6c27a"/><circle cx="50" cy="19" r="2" fill="#8babc8"/><circle cx="58" cy="19" r="2" fill="#8babc8"/><rect x="43" y="42" width="74" height="5" rx="2" fill="#e4edf5"/><rect x="43" y="55" width="57" height="3" rx="1.5" fill="#8babc8"/><rect x="43" y="65" width="67" height="3" rx="1.5" fill="#8babc8"/><rect x="43" y="77" width="33" height="9" rx="4.5" fill="#e6c27a"/><path d="M144 78l17-16 14 7 27-28" stroke="#e6c27a" stroke-width="3"/><path d="M192 41h10v10" stroke="#e6c27a" stroke-width="3"/></svg></div><span class="ohsm-feature-title">See what we can build.</span><p>Explore website projects for local businesses and organizations.</p><a class="ohsm-feature-link" href="https://ohspublishing.com/web-design-portfolio/">View Our Work<span aria-hidden="true">↗</span></a></aside></div></details></li>
8519    <li><a href="https://ohspublishing.com/quote/">Quote</a></li>
8520    <li><a href="https://ohspublishing.com/contact-ohs-publishing-kansas-city-web-design-seo/">Contact</a></li>
8521   </ul>
8522  </nav>
8523  <details class="ohsm-contact">
8524   <summary><span class="ohsm-contact-label">Call or Text</span><span class="ohsm-number">816.605.6780</span></summary>
8525   <div class="ohsm-dropdown"><a href="tel:+18166056780">Call 816.605.6780</a><a href="sms:+18166056780">Text 816.605.6780</a></div>
8526  </details>
8527  <button class="ohsm-toggle" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="ohsm-navigation"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg></button>
8528 </div>
8529</header>
8530<script>
8531(function(){
8532 'use strict';
8533 var header=document.getElementById('ohs-floating-menu');
8534 if(!header || header.dataset.ready) return;
8535 header.dataset.ready='true';
8536 var spacer=document.getElementById('ohs-menu-space');
8537 var toggle=header.querySelector('.ohsm-toggle');
8538 var groups=Array.from(header.querySelectorAll('details'));
8539 var mobile=window.matchMedia('(max-width:980px)');
8540 function closeGroups(){groups.forEach(function(group){group.open=false;});}
8541 function setMenu(open){
8542  header.classList.toggle('is-menu-open',open);
8543  toggle.setAttribute('aria-expanded',String(open));
8544  toggle.setAttribute('aria-label',open?'Close menu':'Open menu');
8545  if(!open) closeGroups();
8546 }
8547 toggle.addEventListener('click',function(){setMenu(toggle.getAttribute('aria-expanded')!=='true');});
8548 // Native details provides keyboard and touch support; only one dropdown opens.
8549 groups.forEach(function(group){group.addEventListener('toggle',function(){if(group.open)groups.forEach(function(other){if(other!==group)other.open=false;});});});
8550 document.addEventListener('click',function(event){if(!header.contains(event.target)){setMenu(false);}});
8551 header.addEventListener('keydown',function(event){
8552  if(event.key!=='Escape')return;
8553  var open=groups.find(function(group){return group.open;});
8554  if(open){open.open=false;open.querySelector('summary').focus();}
8555  else if(header.classList.contains('is-menu-open')){setMenu(false);toggle.focus();}
8556 });
8557 header.querySelectorAll('a').forEach(function(link){link.addEventListener('click',function(){setMenu(false);});});
8558 document.addEventListener('focusin',function(event){if(!header.contains(event.target))setMenu(false);});
8559 function adminOffset(){
8560  var admin=document.getElementById('wpadminbar');
8561  var offset=admin?Math.max(0,admin.getBoundingClientRect().bottom):0;
8562  header.style.setProperty('--ohs-admin',offset+'px');
8563 }
8564 function syncScroll(){header.classList.toggle('is-scrolled',window.scrollY>40);adminOffset();}
8565 var queued=false;
8566 window.addEventListener('scroll',function(){if(!queued){queued=true;requestAnimationFrame(function(){syncScroll();queued=false;});}},{passive:true});
8567 function sizeSpace(){spacer.style.height=(header.offsetHeight+(mobile.matches?32:40))+'px';}
8568 window.addEventListener('resize',function(){if(!mobile.matches)setMenu(false);adminOffset();sizeSpace();});
8569 if('ResizeObserver' in window)new ResizeObserver(sizeSpace).observe(header);
8570 syncScroll();sizeSpace();
8571 // Load the shared Elfsight platform only if it is not already on the page.
8572 if(!document.querySelector('script[src*="elfsightcdn.com/platform.js"],script[src*="elfsight.com/platform/platform.js"]')){
8573  var script=document.createElement('script');script.src='https://elfsightcdn.com/platform.js';script.async=true;document.head.appendChild(script);
8574 }
8575})();
8576</script>
8576
8577
8578<!-- OHS GLOBAL HEADER — BACKGROUND, LOGO & CONTACT FORM
8579Keep the floating menu snippet in its own Raw HTML block above this block.
8580Place BOTH blocks in the global header template, not in individual page content.
8581Set the row to Stretch row and content (no paddings).
8582Disable Porto's sticky behavior for this background row; only the menu is fixed.
8583This section scrolls away normally, like the reference site's large hero.
8584The image is embedded for immediate preview. For production, replace its data:
8585source with the uploaded logo's WordPress Media URL.
8586The 123FormBuilder form is live: submitting it sends a real inquiry.
8587Its fields, button, internal spacing and height are managed in 123FormBuilder.
8588-->
8589<style>
8590/* Remove the menu's separate white spacer; this section reserves its clearance. */
8591body:has(#ohs-brand-header) #ohs-menu-space{display:none!important}
8592#ohs-brand-header{--ohs-menu-clearance:130px;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:calc(100% - 32px);margin:12px auto 24px;border-radius:36px;background:#081725;color:#fff;font-family:inherit;padding:calc(var(--ohs-menu-clearance) + 32px) 40px 38px}
8593#ohs-brand-header *,#ohs-brand-header *::before,#ohs-brand-header *::after{box-sizing:border-box}
8594#ohs-brand-header .ohsb-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 16% 40%,#244b7180,transparent 51%),radial-gradient(ellipse at 98% 2%,#377bab5c,transparent 45%),linear-gradient(120deg,#06121f 8%,#102a43 58%,#08131f)}
8595#ohs-brand-header .ohsb-backdrop::before{content:'';position:absolute;inset:-45% -30%;background:linear-gradient(122deg,transparent 39%,#76b9ef0c 39.1%,#a5d1f629 39.3%,transparent 39.5%,transparent 53%,#80bfee0d 53.1%,transparent 65%);transform:rotate(-5deg)}
8596#ohs-brand-header .ohsb-backdrop::after{content:'';position:absolute;right:-220px;top:-350px;width:1050px;height:1050px;border:1px solid #b2d6f428;border-radius:50%;box-shadow:0 0 0 95px #95c8ee05,0 0 0 96px #95c8ee15,0 0 0 200px #95c8ee03,0 0 0 201px #95c8ee0d}
8597#ohs-brand-header .ohsb-lines{position:absolute;left:-4%;bottom:0;width:110%;height:48%;opacity:.55}
8598#ohs-brand-header .ohsb-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,96px);max-width:1180px;margin:auto}
8599#ohs-brand-header .ohsb-brand{min-width:0;padding:6px 0 14px}
8600#ohs-brand-header .ohsb-eyebrow{display:flex;align-items:center;gap:12px;color:#dec58e;text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.6;margin:0 0 24px}
8601#ohs-brand-header .ohsb-eyebrow::before{content:'';width:28px;height:2px;background:#dec58e;flex-shrink:0}
8602#ohs-brand-header .ohsb-logo-link{display:block;width:min(100%,340px);margin:0 auto 24px;border-radius:50%;box-shadow:0 24px 65px #0005;outline-offset:7px}
8603#ohs-brand-header .ohsb-logo{display:block;width:100%;height:auto;border-radius:50%;aspect-ratio:1;object-fit:contain}
8604#ohs-brand-header .ohsb-title{font-size:clamp(27px,3vw,42px);line-height:1.13;font-weight:500;letter-spacing:-1.2px;color:#fff;margin:0 0 14px;max-width:500px}
8605#ohs-brand-header .ohsb-title span{color:#a8cdeb}
8606#ohs-brand-header .ohsb-intro{max-width:450px;font-size:15px;line-height:1.75;color:#bfcedd;margin:0 0 23px}
8607#ohs-brand-header .ohsb-proof{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #b6d2ea26;padding-top:18px;color:#e3eaf1;font-size:11px;line-height:1.6}
8608#ohs-brand-header .ohsb-proof span{display:inline-flex;align-items:center;gap:7px}
8609#ohs-brand-header .ohsb-proof span::before{content:'';height:4px;width:4px;background:#dec58e;transform:rotate(45deg)}
8610#ohs-brand-header .ohsb-form-card{min-width:0;position:relative;border-radius:23px;background:#fff;color:#172c41;box-shadow:0 26px 80px #0004;padding:28px 26px 18px;border:1px solid #e0eaf0}
8611#ohs-brand-header .ohsb-form-card::before{content:'';position:absolute;top:-1px;left:28px;width:64px;height:4px;background:#dbb56a;border-radius:0 0 3px 3px}
8612#ohs-brand-header .ohsb-form-label{display:block;color:#526f87;font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.5;text-transform:uppercase;margin:0 0 9px}
8613#ohs-brand-header .ohsb-form-title{font-size:clamp(24px,2.4vw,32px);font-weight:500;letter-spacing:-.8px;line-height:1.2;color:#142c42;margin:0 0 9px}
8614#ohs-brand-header .ohsb-form-intro{font-size:13px;line-height:1.7;color:#64758a;margin:0 0 14px}
8615#ohs-brand-header .ohsb-embed{width:100%;min-width:0;min-height:280px}
8616#ohs-brand-header .ohsb-embed iframe{width:100%!important;max-width:100%!important;border:0}
8617#ohs-brand-header .ohsb-direct{font-size:11px;line-height:1.8;text-align:center;color:#677589;border-top:1px solid #e7edf2;padding-top:13px;margin:14px 0 0}
8618#ohs-brand-header .ohsb-direct a{color:#1b4c76;text-decoration:underline;text-underline-offset:3px}
8619#ohs-brand-header a:focus-visible{outline:3px solid #65acf0;outline-offset:4px}
8620#ohs-brand-header .ohsb-bottom{max-width:1180px;margin:32px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#95aac0;font-size:10px;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase}
8621#ohs-brand-header .ohsb-bottom::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,#9ec7e73b,transparent)}
8622@media(min-width:1500px){#ohs-brand-header{width:calc(100% - 48px);border-radius:44px}}
8623@media(max-width:980px){#ohs-brand-header{padding-inline:26px;border-radius:28px}#ohs-brand-header .ohsb-inner{gap:28px}#ohs-brand-header .ohsb-logo-link{width:min(100%,290px)}#ohs-brand-header .ohsb-form-card{padding:24px 18px 18px}}
8624@media(max-width:760px){#ohs-brand-header{width:calc(100% - 20px);padding:calc(var(--ohs-menu-clearance) + 20px) 22px 25px;margin-top:8px}#ohs-brand-header .ohsb-inner{grid-template-columns:1fr;gap:26px}#ohs-brand-header .ohsb-brand{text-align:center}#ohs-brand-header .ohsb-eyebrow{justify-content:center;margin-bottom:18px;font-size:9px;letter-spacing:1.5px}#ohs-brand-header .ohsb-logo-link{width:220px;margin-bottom:22px}#ohs-brand-header .ohsb-title,#ohs-brand-header .ohsb-intro{margin-left:auto;margin-right:auto}#ohs-brand-header .ohsb-title{font-size:32px}#ohs-brand-header .ohsb-intro{font-size:14px}#ohs-brand-header .ohsb-proof{justify-content:center;gap:9px 16px}#ohs-brand-header .ohsb-form-card{width:100%;max-width:560px;margin:auto}#ohs-brand-header .ohsb-bottom{margin-top:24px;font-size:9px;letter-spacing:1px}}
8625@media(max-width:520px){#ohs-brand-header{--ohs-menu-clearance:170px;padding-inline:16px}#ohs-brand-header .ohsb-form-card{padding-inline:12px}
8625#ohs-brand-header .ohsb-logo-link{width:200px}#ohs-brand-header .ohsb-title{font-size:29px}}
8626</style>
8627<section id="ohs-brand-header" aria-label="OHS Publishing — websites and local marketing">
8628 <div class="ohsb-backdrop" aria-hidden="true"><svg class="ohsb-lines" viewBox="0 0 1440 360" preserveAspectRatio="none" fill="none"><path d="M-60 320C310 20 540 430 920 190S1370 130 1520 10" stroke="#a2cbed" stroke-opacity=".22"/><path d="M-60 340C310 40 540 450 920 210S1370 150 1520 30" stroke="#a2cbed" stroke-opacity=".12"/><path d="M-60 300C310 0 540 410 920 170S1370 110 1520-10" stroke="#dabb7b" stroke-opacity=".3"/></svg></div>
8629 <div class="ohsb-inner">
8630  <div class="ohsb-brand">
8631   <p class="ohsb-eyebrow">Kansas City Web Design &amp; SEO</p>
8632   <a class="ohsb-logo-link" href="https://ohspublishing.com/" aria-label="OHS Publishing home"><img class="ohsb-logo" src="https://ohspublishing.com/wp-content/uploads/2026/10/OHS-Publishing-with-restrained-antique-gold-accents-1024x466.png" width="1024" height="466" alt="OHS Publishing — web, SEO, design" fetchpriority="high"></a>
8633   <!-- Reusable brand statement is a paragraph, leaving each page's H1 intact. -->
8634   <p class="ohsb-title">A better website.<br><span>A stronger presence.</span></p>
8635   <p class="ohsb-intro">Websites, local SEO, and ongoing support for businesses ready for their next chapter.</p>
8636   <div class="ohsb-proof"><span>Serving businesses since 2004</span><span>Work directly with your developer</span></div>
8637  </div>
8638  <section class="ohsb-form-card" aria-labelledby="ohsb-form-heading">
8639   <span class="ohsb-form-label">Let's talk about your project</span>
8640   <h2 class="ohsb-form-title" id="ohsb-form-heading">What can we help you with?</h2>
8641   <p class="ohsb-form-intro">Tell us a little about your business and what you have in mind.</p>
8642   <div class="ohsb-embed">
8643    <!-- form.123formbuilder.com script begins here -->
8644    
8644<script type="text/javascript" defer src="https://form.123formbuilder.com/embed/2089069.js" data-role="form" data-default-width="800px" data-custom-vars="hasEmbedFormStyle=1&amp;hasTransparentBg=1"></script>
8644
8645    <!-- form.123formbuilder.com script ends here -->
8646    <noscript><p>Please enable JavaScript to view the form, or <a href="https://ohspublishing.com/quote/">request a quote here</a>.</p></noscript>
8647   </div>
8648   <p class="ohsb-direct">Prefer to talk? <a href="tel:+18166056780">Call 816.605.6780</a> &nbsp;·&nbsp; <a href="sms:+18166056780">Send a text</a><br><a href="https://ohspublishing.com/quote/">Having trouble with the form? Request a quote here.</a></p>
8649  </section>
8650 </div>
8651 <div class="ohsb-bottom"><span>Thoughtful design. Personal support.</span></div>
8652</section>
8653<script>
8654(function(){
8655 var section=document.getElementById('ohs-brand-header');
8656 var menu=document.getElementById('ohs-floating-menu');
8657 if(!section || !menu)return;
8658 // Match the space reserved for the floating menu, including a wrapped review badge.
8659 function sizeHeader(){section.style.setProperty('--ohs-menu-clearance',(menu.offsetHeight+34)+'px');}
8660 sizeHeader();
8661 window.addEventListener('resize',sizeHeader);
8662 if('ResizeObserver' in window)new ResizeObserver(sizeHeader).observe(menu);
8663})();
8664</script>
8664
8665
8666<style id="ohs-logo-area-layout-fix">
8667/* Porto header columns use flex: let this Raw HTML block fill its row. */
8668.wpb_raw_html:has(#ohs-brand-header){width:100%!important;max-width:none!important;flex:1 1 100%!important;min-width:0;margin-bottom:0!important}
8669.wpb_raw_html:has(#ohs-brand-header)>.wpb_wrapper{width:100%;min-width:0}
8670#ohs-brand-header{width:calc(100% - 32px);margin:12px auto 20px;padding:calc(var(--ohs-menu-clearance) + 12px) 36px 26px;border-radius:32px}
8671#ohs-brand-header .ohsb-inner{max-width:1180px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px}
8672#ohs-brand-header .ohsb-brand{padding:0}
8673#ohs-brand-header .ohsb-eyebrow{margin-bottom:14px}
8674#ohs-brand-header .ohsb-logo-link{width:250px;margin:0 auto 18px}
8675#ohs-brand-header .ohsb-title{font-size:34px;margin-bottom:12px;line-height:1.15}
8676#ohs-brand-header .ohsb-intro{font-size:14px;line-height:1.6;margin-bottom:16px}
8677#ohs-brand-header .ohsb-proof{padding-top:12px;gap:8px 18px}
8678#ohs-brand-header .ohsb-form-card{padding:20px 20px 14px}
8679#ohs-brand-header .ohsb-form-label{margin-bottom:6px;font-size:9px}
8680#ohs-brand-header .ohsb-form-title{font-size:27px;margin-bottom:7px}
8681#ohs-brand-header .ohsb-form-intro{margin-bottom:4px;font-size:12px}
8682#ohs-brand-header .ohsb-embed{min-height:0}
8683#ohs-brand-header .ohsb-direct{margin-top:6px;padding-top:9px;font-size:10px}
8684#ohs-brand-header .ohsb-bottom{margin-top:20px}
8685@media(max-width:980px){#ohs-brand-header{padding-inline:24px}#ohs-brand-header .ohsb-inner{gap:28px}#ohs-brand-header .ohsb-logo-link{width:220px}#ohs-brand-header .ohsb-title{font-size:30px}}
8686@media(max-width:760px){#ohs-brand-header{width:calc(100% - 20px);margin-top:8px;padding:calc(var(--ohs-menu-clearance) + 12px) 18px 24px;border-radius:26px}#ohs-brand-header .ohsb-inner{grid-template-columns:1fr;gap:24px}#ohs-brand-header .ohsb-logo-link{width:190px}#ohs-brand-header .ohsb-title{font-size:29px}#ohs-brand-header .ohsb-form-card{padding:20px 12px 14px}}
8687</style><style>.vc_row:has(#ohs-floating-menu){overflow:visible!important}body.admin-bar #ohs-floating-menu{--ohs-admin:32px!important}@media(max-width:782px){body.admin-bar #ohs-floating-menu{--ohs-admin:46px!important}}</style><style id="ohs-rectangular-logo">#ohs-brand-header .ohsb-logo-link{width:min(100%,480px);border-radius:12px;margin:0 0 26px;box-shadow:0 16px 40px #0003}#ohs-brand-header .ohsb-logo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:12px}@media(max-width:760px){#ohs-brand-header .ohsb-logo-link{width:min(100%,420px);margin:0 auto 24px}}</style>
8688		</div>
8689	</div>
8690</div></div></div><div class="vc_row-full-width vc_clearfix"></div></div>
8691<nav id="nav-panel">
8692	<div class="container">
8693		<div class="mobile-nav-wrap">
8694		<div class="menu-wrap"><ul id="menu-main-menu" class="mobile-menu accordion-menu"><li id="accordion-menu-item-15612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-sub"><a class="nolink" href="#">Design</a>
8695<span aria-label="Open Submenu" class="arrow" role="button"></span><ul class="sub-menu">
8696	<li id="accordion-menu-item-15966" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/kansas-city-web-design/">Web Design</a></li>
8697	<li id="accordion-menu-item-16538" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/wordpress-web-design/">WordPress Web Design</a></li>
8698	<li id="accordion-menu-item-15618" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/web-development/">Web Development</a></li>
8699	<li id="accordion-menu-item-15622" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/website-maintenance-plan/">Website Maintenance Plan</a></li>
8700	<li id="accordion-menu-item-15627" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/malware-removal/">Malware Removal</a></li>
8701</ul>
8702</li>
8703<li id="accordion-menu-item-15614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-sub"><a class="nolink" href="#">Creative &#038; Marketing</a>
8704<span aria-label="Open Submenu" class="arrow" role="button"></span><ul class="sub-menu">
8705	<li id="accordion-menu-item-15637" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/kansas-city-seo-services/">Search Engine Optimization (SEO)</a></li>
8706	<li id="accordion-menu-item-15998" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/pay-per-click/">Pay Per Click (PPC)</a></li>
8707	<li id="accordion-menu-item-15647" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/business-connect-bundle/">
8707Business Connect Bundle</a></li>
8708	<li id="accordion-menu-item-16146" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/social-media-marketing/">Social Media Marketing</a></li>
8709	<li id="accordion-menu-item-15646" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/blog-article-writing-kansas-city-blog-article-writing-ohs-publishing/">Blog Posts &#038; Article Writing</a></li>
8710</ul>
8711</li>
8712<li id="accordion-menu-item-15593" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-sub"><a class="nolink" href="#">About OHS</a>
8713<span aria-label="Open Submenu" class="arrow" role="button"></span><ul class="sub-menu">
8714	<li id="accordion-menu-item-16734" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/web-design-portfolio/">Web Design Portfolio</a></li>
8715	<li id="accordion-menu-item-763" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/blog/">OHS News</a></li>
8716	<li id="accordion-menu-item-15591" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/service-payment/">Service Payment</a></li>
8717	<li id="accordion-menu-item-16731" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/mission-impact-statement/">Mission &#038; Impact</a></li>
8718</ul>
8719</li>
8720<li id="accordion-menu-item-15592" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/quote/">Quote</a></li>
8721<li id="accordion-menu-item-757" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ohspublishing.com/contact-ohs-publishing-kansas-city-web-design-seo/">Contact</a></li>
8722</ul></div>		</div>
8723	</div>
8724</nav>
8725</header>
8726
8727									</div>
8728				<!-- end header wrapper -->
8729			
8730			
8731			
8732		<div id="main" class="column1 wide clearfix no-breadcrumbs"><!-- main -->
8733
8734			<div class="container-fluid">
8735			<div class="row main-content-wrap">
8736
8737			<!-- main content -->
8738			<div class="main-content col-lg-12">
8739
8740			
8741	<div id="content" role="main">
8742				
8743			<article class="post-2 page type-page status-publish has-post-thumbnail hentry">
8744				
8745				<h2 class="entry-title" style="display: none;">Home</h2><span class="vcard" style="display: none;"><span class="fn"><a href="https://ohspublishing.com/author/web_admin/" rel="author">web_admin</a></span></span><span class="updated" style="display:none">2026-09-29T19:34:39+00:00</span>
8746				<div class="page-content">
8747					<div class="wpb-content-wrapper" id="wpb-content-root"><div data-vc-full-width="true" data-vc-full-width-temp="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row row top-row vc_custom_1776876219704 no-padding vc_row-no-padding wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f"><div class="mb-0 vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner">
8748	<div class="wpb_raw_code wpb_raw_html wpb_content_element" >
8749		<div class="wpb_wrapper">
8750			<div class="ohs-page" id="ohs-home-refresh">
8751
8752
8753 <!-- 01 — HERO — WEB DESIGN AND SEO -->
8754 <section aria-labelledby="ohs-mockup-hero-title" class="ohs-mockup-hero">
8755  <div class="ohs-mockup-hero__top">
8756   <div class="ohs-mockup-hero__inner">
8757    <div class="ohs-mockup-hero__copy">
8758     <h1 id="ohs-mockup-hero-title">
8759      Your website should do more than look good.
8760     </h1>
8761     <p class="ohs-mockup-hero__subhead">
8762      Web design, SEO, and advertising for Kansas City businesses that want more calls and qualified leads.
8763     </p>
8764     <p class="ohs-mockup-hero__description">
8765      Custom WordPress websites • Local SEO • Kansas City support since 2004.
8766     </p>
8767     <div class="ohs-mockup-hero__actions">
8768      <a class="ohs-mockup-hero__quote" href="/quote/">
8769       Request a Free Consultation
8770      </a>
8771      <a class="ohs-mockup-hero__phone" href="tel:+18166056780">
8772       <span aria-hidden="true" class="ohs-mockup-hero__phone-icon">
8773        <svg viewbox="0 0 24 24">
8774         <path d="M7.2 3.7 9.7 7c.4.6.4 1.3-.1 1.8l-1.4 1.4a13 13 0 0 0 5.6 5.6l1.4-1.4c.5-.5 1.2-.5 1.8-.1l3.3 2.5c.6.4.8 1.2.5 1.8l-1 2c-.3.7-1 1.1-1.8 1.1A15.7 15.7 0 0 1 2.3 6c0-.8.4-1.5 1.1-1.8l2
8774-1c.6-.3 1.4-.1 1.8.5Z">
8775         </path>
8776        </svg>
8777       </span>
8778       <span>
8779        Call 816.605.6780
8780       </span>
8781      </a>
8782     </div>
8783    </div>
8784   </div>
8785  </div>
8786  <!-- BLUE SECTION -->
8787  <!-- SERVICES AND NEXT STEPS -->
8788  <div class="ohs-mockup-hero__form ohs-mockup-hero__art" id="ohs-home-consultation">
8789    <img fetchpriority="high" src="https://ohspublishing.com/wp-content/uploads/2026/09/ohs-web-design-seo-hero.png" srcset="https://ohspublishing.com/wp-content/uploads/2026/09/ohs-web-design-seo-hero-768x768.png 768w, https://ohspublishing.com/wp-content/uploads/2026/09/ohs-web-design-seo-hero-1024x1024.png 1024w, https://ohspublishing.com/wp-content/uploads/2026/09/ohs-web-design-seo-hero.png 1254w" sizes="(max-width: 1024px) 90vw, 48vw" width="1254" height="1254" alt="Responsive website designs on desktop and mobile, paired with search results and an SEO growth chart" decoding="async" />
8790  </div>
8791  <div class="ohs-mockup-hero__offers">
8792   <div class="ohs-mockup-hero__inner">
8793    <div class="ohs-mockup-hero__offer-layout">
8794     <!-- SERVICE PRICING -->
8795     <div class="ohs-mockup-hero__offer-list">
8796      <p class="ohs-mockup-hero__offer-heading">
8797       Website Services &amp; Support
8798      </p>
8799      <a class="ohs-mockup-hero__offer" href="/kansas-city-web-design/">
8800       <span aria-hidden="true" class="ohs-mockup-hero__offer-icon">
8801        <svg viewbox="0 0 24 24">
8802         <rect height="13" rx="1.5" width="18" x="3" y="4">
8803         </rect>
8804         <path d="M8 21h8M12 17v4">
8805         </path>
8806        </svg>
8807       </span>
8808       <strong>
8809        Custom Website Buildout
8810       </strong>
8811       <span aria-hidden="true" class="ohs-mockup-hero__leader">
8812       </span>
8813       <span class="ohs-mockup-hero__price">
8814        from $750
8815       </span>
8816      </a>
8817      <a class="ohs-mockup-hero__offer" href="/website-maintenance-plan/">
8818       <span aria-hidden="true" class="ohs-mockup-hero__offer-icon">
8819        <svg viewbox="0 0 24 24">
8820         <path d="M12 3 4 6v6c0 5 8 9 8 9s8-4 8-9V6l-8-3Z">
8821         </path>
8822         <path d="m8 12 3 3 5-6">
8823         </path>
8824        </svg>
8825       </span>
8826       <strong>
8827        Website Care
8828       </strong>
8829       <span aria-hidden="true" class="ohs-mockup-hero__leader">
8830       </span>
8831       <span class="ohs-mockup-hero__price">
8832        from $150/mo
8833       </span>
8834      </a>
8835      <a class="ohs-mockup-hero__offer" href="/kansas-city-seo-services/">
8836       <span aria-hidden="true" class="ohs-mockup-hero__offer-icon">
8837        <svg viewbox="0 0 24 24">
8838         <path d="m4 17 5-5 3 3 7-8">
8839         </path>
8840         <path d="M14 7h5v5">
8841         </path>
8842        </svg>
8843       </span>
8844       <strong>
8845        SEO Growth
8846       </strong>
8847       <span aria-hidden="true" class="ohs-mockup-hero__leader">
8848       </span>
8849       <span class="ohs-mockup-hero__price">
8850        from $550/mo
8851       </span>
8852      </a>
8853     </div>
8854     <!-- WHAT HAPPENS NEXT -->
8855     <div class="ohs-mockup-hero__next">
8856      <h2>
8857       A clear next step for your business.
8858      </h2>
8859      <p>
8860       You don’t need a finished plan to get started.
8861            Tell us what you’d like to improve, and we’ll talk
8862            through the options with you.
8863      </p>
8864      <ol>
8865       <li>
8866        <strong>
8867         Tell us about your project
8868        </strong>
8869        <span>
8870         Share your website, your goals, or what isn’t working.
8871        </span>
8872       </li>
8873       <li>
8874        <strong>
8875         Talk through your options
8876        </strong>
8877        <span>
8878         Get practical recommendations for your business.
8879        </span>
8880       </li>
8881       <li>
8882        <strong>
8883         Know what comes next
8884        </strong>
8885        <span>
8886         Understand the scope and pricing before moving forward.
8887        </span>
8888       </li>
8889      </ol>
8890     </div>
8891    </div>
8892   </div>
8893  </div>
8894  <!-- CONTACT FORM -->
8895 </section>
8896
8897
8898 <!-- 02 — FEATURED WORK -->
8899<section id="ohs-home-work" class="ohsw-work" aria-labelledby="ohsw-title"><div class="ohsw-shell">
8900<div class="ohsw-heading"><div><span class="ohsw-eyebrow">FEATURED WORK</span><h2 id="ohsw-title">Different businesses.<br><em>Distinctive websites.</em></h2></div><div class="ohsw-intro"><p>A few of the businesses we’ve helped bring to life online. Built around their people, their services, and their next chapter.</p><a class="ohsw-all" href="/portfolio/">Explore the full portfolio <span aria-hidden="true">↗</span></a></div></div>
8901<div class="ohsw-gallery">
8902<a class="ohsw-project ohsw-sage" href="https://ohspublishing.com/portfolio/pace-products-website-design-development/"><div class="ohsw-stage"><div class="ohsw-browser"><div class="ohsw-chrome" aria-hidden="true"><i></i><i></i><i></i><span>Pace Products</span></div><div class="ohsw-screen"><img src="https://ohspublishing.com/wp-content/uploads/2026/09/1.png" alt="Pace Products website design by OHS Publishing" loading="lazy" decoding="async" /></div></div></div>
8902<div class="ohsw-details"><div><span class="ohsw-industry">SPECIALTY PRODUCTS</span><h3>Pace Products</h3><p>A clear, confident home for specialty maintenance products.</p></div><span class="ohsw-view"><span class="ohsw-view-text">View project</span><b aria-hidden="true">↗</b></span></div></a>
8903<a class="ohsw-project ohsw-sky" href="https://ohspublishing.com/portfolio/mike-sons-towing-website-design-development/"><div class="ohsw-stage"><div class="ohsw-browser"><div class="ohsw-chrome" aria-hidden="true"><i></i><i></i><i></i><span>Mike & Son Towing</span></div><div class="ohsw-screen"><img src="https://ohspublishing.com/wp-content/uploads/2025/03/Snap-2025-03-26-at-15.42.01.png" alt="Mike &amp; Son Towing website design by OHS Publishing" loading="lazy" decoding="async" /></div></div></div><div class="ohsw-details"><div><span class="ohsw-industry">LOCAL SERVICES</span><h3>Mike & Son Towing</h3><p>A bold local presence that makes getting help simple.</p></div><span class="ohsw-view"><span class="ohsw-view-text">View project</span><b aria-hidden="true">↗</b></span></div></a>
8904<a class="ohsw-project ohsw-sand" href="https://ohspublishing.com/portfolio/css-living-website-design-development/"><div class="ohsw-stage"><div class="ohsw-browser"><div class="ohsw-chrome" aria-hidden="true"><i></i><i></i><i></i><span>CSS Living</span></div><div class="ohsw-screen"><img src="https://ohspublishing.com/wp-content/uploads/2020/10/css-living-kansas-city-ohs-publishing.png" alt="Cornerstone Supported Living website design by OHS Publishing" loading="lazy" decoding="async" /></div></div></div><div class="ohsw-details"><div><span class="ohsw-industry">COMMUNITY SUPPORT</span><h3>CSS Living</h3><p>A welcoming experience built around people and support.</p></div><span class="ohsw-view"><span class="ohsw-view-text">View project</span><b aria-hidden="true">↗</b></span></div></a>
8905<a class="ohsw-project ohsw-lavender" href="https://ohspublishing.com/portfolio/interpersonal-psychiatry-website-design-seo-content-development/"><div class="ohsw-stage"><div class="ohsw-browser"><div class="ohsw-chrome" aria-hidden="true"><i></i><i></i><i></i><span>Interpersonal Psychiatry</span></div><div class="ohsw-screen"><img src="https://ohspublishing.com/wp-content/uploads/2026/05/Snap-2026-05-26-at-15.49.37.png" alt="Interpersonal Psychiatry website design by OHS Publishing" loading="lazy" decoding="async" /></div></div></div><div class="ohsw-details"><div><span class="ohsw-industry">MENTAL HEALTH CARE</span><h3>Interpersonal Psychiatry</h3><p>A thoughtful website for a personal approach to care.</p></div><span class="ohsw-view"><span class="ohsw-view-text">View project</span><b aria-hidden="true">↗</b></span></div></a>
8906</div><div class="ohsw-footer"><p>Your business has its own story. Let’s give it a website to match.</p><a href="/quote/">Talk about your project <span aria-hidden="true">→</span></a></div></div></section>
8907<style>
8908#ohs-home-refresh #ohs-home-work{background:#fff;padding:90px 0 80px;color:#0d2940;overflow:hidden;}
8909#ohs-home-work .ohsw-shell{width:min(1280px,calc(100% - 64px));margin:0 auto;}
8910#ohs-home-work .ohsw-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:48px;}
8911#ohs-home-work .ohsw-eyebrow{display:block;position:relative;padding-left:27px;margin:0 0 22px;color:#16354c;font-size:11px;font-weight:800;letter-spacing:.19em;line-height:1.5;}
8912#ohs-home-work .ohsw-eyebrow:before{content:"";position:absolute;left:0;top:1px;width:15px;height:15px;border-left:3px solid #e6bd62;border-top:3px solid #e6bd62;}
8913#ohs-home-work #ohsw-title{font-family:inherit;font-size:clamp(34px,4vw,54px);font-weight:750;line-height:1.09;letter-spacing:-.045em;margin:0;color:#102d43;}
8914#ohs-home-work #ohsw-title em{font-style:normal;color:#1465c4;font-weight:inherit;}
8915#ohs-home-work .ohsw-intro p{font-size:17px;line-height:1.7;color:#526777;margin:0 0 20px;max-width:430px;}
8916#ohs-home-work .ohsw-all{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:750;color:#12344d;text-decoration:none;border-bottom:1px solid #adc0cf;padding-bottom:8px;}
8917#ohs-home-work .ohsw-all span{color:#1465c4;font-size:21px;}
8918#ohs-home-work .ohsw-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:45px;}
8919#ohs-home-work .ohsw-project{display:block;min-width:0;color:inherit;text-decoration:none;}
8920#ohs-home-work .ohsw-stage{padding:30px 30px 0;overflow:hidden;border-radius:14px;background:#e8efea;border:1px solid rgba(16,45,67,.05);}
8921#ohs-home-work .ohsw-sky .ohsw-stage{background:#e6eef7;}#ohs-home-work .ohsw-sand .ohsw-stage{background:#f2eee6;}#ohs-home-work .ohsw-lavender .ohsw-stage{background:#eeedf5;}
8922#ohs-home-work .ohsw-browser{border:1px solid rgba(17,45,67,.13);border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden;background:white;box-shadow:0 12px 32px rgba(22,42,64,.14);transition:transform .3s ease;}
8923#ohs-home-work .ohsw-chrome{height:29px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#fafbfc;border-bottom:1px solid #e6eaed;}
8924#ohs-home-work .ohsw-chrome i{width:5px;height:5px;border-radius:50%;background:#bac5cc;flex-shrink:0;}
8925#ohs-home-work .ohsw-chrome span{flex:1;text-align:center;font-size:9px;color:#6f7d87;padding-right:25px;letter-spacing:.03em;}
8926#ohs-home-work .ohsw-screen{aspect-ratio:1.65;overflow:hidden;background:#fff;}
8927#ohs-home-work .ohsw-screen img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:top center;transition:transform .45s ease;}
8928#ohs-home-work .ohsw-details{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:23px 0 0;}
8929#ohs-home-work .ohsw-industry{display:block;color:#667986;font-size:10px;letter-spacing:.13em;font-weight:750;line-height:1.4;margin-bottom:8px;}
8930#ohs-home-work .ohsw-details h3{font-family:inherit;font-size:25px;line-height:1.2;font-weight:750;letter-spacing:-.035em;color:#102d43;margin:0 0 8px;}
8931#ohs-home-work .ohsw-details p{font-size:14px;line-height:1.6;color:#526777;margin:0;max-width:380px;}
8932#ohs-home-work .ohsw-view{flex-shrink:0;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;}
8933#ohs-home-work .ohsw-view b{display:grid;place-items:center;width:39px;height:39px;border:1px solid #c7d4de;border-radius:50%;font-size:22px;font-weight:400;color:#1465c4;transition:background .2s,color .2s;}
8934#ohs-home-work .ohsw-project:hover .ohsw-browser{transform:translateY(-5px);}#ohs-home-work .ohsw-project:hover .ohsw-view b{background:#12354f;color:#fff;border-color:#12354f;}
8935#ohs-home-work .ohsw-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:32px;margin-top:45px;border-top:1px solid #dce5eb;}
8936#ohs-home-work .ohsw-footer p{font-size:17px;color:#526777;margin:0;}#ohs-home-work .ohsw-footer a{font-size:14px;font-weight:750;color:#12354f;display:inline-flex;gap:24px;align-items:center;text-decoration:none;white-space:nowrap;}
8937#ohs-home-work .ohsw-footer a span{color:#1465c4;font-size:23px;}#ohs-home-work a:focus-visible{outline:3px solid #1465c4;outline-offset:6px;}
8938@media(max-width:1100px){#ohs-home-work .ohsw-view-text{display:none;}#ohs-home-work .ohsw-heading{gap:35px;}#ohs-home-work .ohsw-stage{padding:22px 22px 0;}}
8939@media(max-width:700px){#ohs-home-refresh #ohs-home-work{padding:54px 0;}#ohs-home-work .ohsw-shell{width:calc(100% - 36px);}#ohs-home-work .ohsw-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px;}#ohs-home-work .ohsw-gallery{grid-template-columns:1fr;gap:34px;}#ohs-home-work .ohsw-details h3{font-size:23px;}#ohs-home-work .ohsw-stage{padding:20px 20px 0;}#ohs-home-work .ohsw-footer{align-items:flex-start;flex-direction:column;gap:15px;margin-top:32px;padding-top:25px;}#ohs-home-work .ohsw-details{padding-top:19px;}#ohs-home-work .ohsw-intro p{font-size:16px;}}
8940@media(prefers-reduced-motion:reduce){#ohs-home-work .ohsw-browser,#ohs-home-work .ohsw-screen img,#ohs-home-work .ohsw-view b{transition:none;}#ohs-home-work .ohsw-project:hover .ohsw-browser{transform:none;}}
8941</style>
8942
8943<!-- 03 — CLIENT REVIEWS -->
8944<section class="ohsn ohsn-reviews" id="ohsn-reviews" aria-labelledby="ohsn-reviews-title"><div class="ohsn-wrap"><div class="ohsn-review-head"><div><span class="ohsn-label">THE PEOPLE BEHIND THE PROJECTS</span><h2 id="ohsn-reviews-title">Good work starts with<br><em>a good working relationship.</em></h2></div><p>Clear communication. Personal attention. A website you can feel confident sharing.<br><strong>Here’s how clients describe working with OHS.</strong></p></div><div class="ohsn-review-frame">
8944<script src="https://elfsightcdn.com/platform.js" async></script>
8944<div class="elfsight-app-96ef443b-f432-41c7-95ff-fa45551058da" data-elfsight-app-lazy></div></div></div></section>
8945
8946 <!-- 04 — SERVICES AND VIDEO -->
8947<section class="ohsn ohsn-services" id="ohs-home-services" aria-labelledby="ohsn-services-title"><div class="ohsn-wrap"><div class="ohsn-service-head"><div><span class="ohsn-label">DESIGN. VISIBILITY. MOMENTUM.</span><h2 id="ohsn-services-title">A great website is<br>just the <em>beginning.</em></h2></div><div><p>Bring the right people to your website. Make it easy to take the next step. Keep improving as your business grows.</p><a class="ohsn-textlink" href="/services/">Explore all services <span aria-hidden="true">↗</span></a></div></div><div class="ohsn-service-grid"><a class="ohsn-service" href="/kansas-city-web-design/"><svg viewBox="0 0 32 32" aria-hidden="true"><rect x="3" y="4" width="26" height="19" rx="2"/><path d="M3 10h26M11 29h10M16 23v6M7 7h1m3 0h1"/></svg><span class="ohsn-service-name">Web Design</span><h3>Design a stronger first impression.</h3><p>A clear, distinctive WordPress website built around your business and the people you want to reach.</p><span class="ohsn-service-arrow" aria-hidden="true">↗</span></a><a class="ohsn-service" href="/kansas-city-seo-services/"><svg viewBox="0 0 32 32" aria-hidden="true"><circle cx="14" cy="14" r="9"/><path d="m21 21 8 8M10 16l3-4 3 2 3-5"/></svg><span class="ohsn-service-name">Local SEO</span><h3>Show up where it matters.</h3><p>Help local customers discover your services through focused content and stronger search visibility.</p><span class="ohsn-service-arrow" aria-hidden="true">↗</span></a><a class="ohsn-service" href="/pay-per-click/"><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M5 21V11l22-7v24L5 21Zm0-6H2m8 8 2 7h5l-3-6M23 9v14"/></svg><span class="ohsn-service-name">Paid Advertising</span><h3>Turn attention into opportunity.</h3><p>Reach people actively looking for your services with targeted Google and Microsoft advertising.</p><span class="ohsn-service-arrow" aria-hidden="true">↗</span></a><a class="ohsn-service" href="/website-maintenance-plan/"><svg viewBox="0 0 32 32" aria-hidden="true"><path d="m16 2 12 5v9c0 7-12 14-12 14S4 23 4 16V7L16 2Z"/><path d="m10 16 4 4 8-9"/></svg><span class="ohsn-service-name">Website Care & Content</span><h3>Keep moving forward.</h3><p>Ongoing updates, maintenance, and content support to keep your website useful long after launch.</p><span class="ohsn-service-arrow" aria-hidden="true">↗</span></a></div><details class="ohsn-film"><summary><span class="ohsn-play" aria-hidden="true">▶</span><span><strong>See how it all works together.</strong><small>A closer look at web design, SEO, and advertising with OHS.</small></span><span class="ohsn-film-action">Watch the overview <b aria-hidden="true">+</b></span></summary><div class="ohsn-video"><iframe allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" allowfullscreen="" frameborder="0" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" src="https://player.vimeo.com/video/1213701250?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;dnt=1&amp;player_id=0&amp;app_id=58479" title="How OHS Publishing combines web design, SEO and PPC advertising">
8948     </iframe></div></details><div class="ohsn-content-note">Need help finding the right words? <a href="/blog-article-writing-kansas-city-blog-article-writing-ohs-publishing/">Explore content writing →</a></div></div></section>
8949
8950 <!-- 05 — EXISTING WORDPRESS PACKAGES — BLOCK UNCHANGED -->
8951 <div class="porto-block" data-id="17161"><style>/* OHS editorial section label — more personality, no AI pill style */
8952.ohs-section-label {
8953  --ohs-label-accent: #ffb51b;
8954  --ohs-label-detail: #0874d1;
8955
8956  display: inline-flex;
8957  align-items: center;
8958  gap: 12px;
8959  position: relative;
8960  margin: 0 0 18px;
8961  padding: 5px 0 7px;
8962  color: inherit;
8963  font-size: 11px;
8964  font-weight: 800;
8965  line-height: 1.25;
8966  letter-spacing: 0.15em;
8967  text-transform: uppercase;
8968}
8969
8970.ohs-section-label::before {
8971  display: block;
8972  flex: 0 0 20px;
8973  width: 20px;
8974  height: 18px;
8975  box-sizing: border-box;
8976  content: "";
8977  border-top: 3px solid var(--ohs-label-accent);
8978  border-left: 3px solid var(--ohs-label-accent);
8979  box-shadow: 7px 7px 0 -5px var(--ohs-label-detail);
8980}
8981
8982.ohs-section-label::after {
8983  display: block;
8984  flex: 0 0 27px;
8985  width: 27px;
8986  height: 2px;
8987  content: "";
8988  background: var(--ohs-label-detail);
8989  opacity: 0.8;
8990}</style><div data-vc-full-width="true" data-vc-full-width-temp="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row row top-row vc_row-no-padding wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f"><div class="vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner">
8991	<div class="wpb_raw_code wpb_raw_html wpb_content_element" >
8992		<div class="wpb_wrapper">
8993			<!-- Replace the contents of Porto block 17161 with this HTML and CSS. -->
8994<style>
8995  /* Self-contained package styling, reusable on every page using this block. */
8996  section.ohs-plans-v3 {
8997    padding: 76px 0;
8998    background: linear-gradient(135deg, #032746, #063865);
8999    color: #fff;
9000    font-family: "DM Sans", Arial, sans-serif;
9001  }
9002
9003  .ohs-plans-v3 *,
9004  .ohs-plans-v3 *::before,
9005  .ohs-plans-v3 *::after {
9006    box-sizing: border-box;
9007  }
9008
9009  .ohs-plans-v3 .ohs-plans-v3__container {
9010    width: min(1280px, calc(100% - 48px));
9011    margin: 0 auto;
9012  }
9013
9014  .ohs-plans-v3 .ohs-plans-v3__heading {
9015    max-width: 780px;
9016    margin: 0 auto 36px;
9017    text-align: center;
9018  }
9019
9020  .ohs-plans-v3 .ohs-plans-v3__label {
9021    display: block;
9022    margin: 0 0 12px;
9023    color: #e6bd62;
9024    font-size: 11px;
9025    font-weight: 800;
9026    line-height: 1.4;
9027    letter-spacing: 0.13em;
9028    text-transform: uppercase;
9029  }
9030
9031  .ohs-plans-v3 .ohs-plans-v3__heading h2 {
9032    margin: 0 0 16px;
9033    color: #fff;
9034    font-family: inherit;
9035    font-size: clamp(29px, 3vw, 40px);
9036    font-weight: 800;
9037    line-height: 1.15;
9038    letter-spacing: -0.035em;
9039  }
9040
9041  .ohs-plans-v3 .ohs-plans-v3__heading p {
9042    margin: 0;
9043    color: #dce9f6;
9044    font-size: 17px;
9045    line-height: 1.65;
9046  }
9047
9048  .ohs-plans-v3 .ohs-plans-v3__build {
9049    display: grid;
9050    grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.7fr);
9051    align-items: center;
9052    gap: 36px;
9053    padding: 36px;
9054    border: 1px solid #dce6ef;
9055    border-radius: 18px;
9056    background: #fff;
9057    color: #082747;
9058    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
9059  }
9060
9061  .ohs-plans-v3 .ohs-plans-v3__build .ohs-plans-v3__label {
9062    color: #0961cf;
9063  }
9064
9065  .ohs-plans-v3 .ohs-plans-v3__build h3 {
9066    margin: 0 0 14px;
9067    color: #082747;
9068    font-family: inherit;
9069    font-size: clamp(24px, 2.3vw, 30px);
9070    font-weight: 800;
9071    line-height: 1.2;
9072    letter-spacing: -0.025em;
9073  }
9074
9075  .ohs-plans-v3 .ohs-plans-v3__build p {
9076    margin: 0;
9077    color: #40566d;
9078    font-size: 16px;
9079    line-height: 1.65;
9080  }
9081
9082  .ohs-plans-v3 .ohs-plans-v3__build-price {
9083    padding-left: 32px;
9084    border-left: 1px solid #dce6ef;
9085  }
9086
9087  .ohs-plans-v3 .ohs-plans-v3__build-price > span {
9088    display: block;
9089    color: #40566d;
9090    font-size: 14px;
9091    font-weight: 700;
9092  }
9093
9094  .ohs-plans-v3 .ohs-plans-v3__build-price > strong {
9095    display: block;
9096    margin: 6px 0;
9097    color: #082747;
9098    font-size: clamp(46px, 5vw, 62px);
9099    font-weight: 800;
9100    line-height: 1;
9101    letter-spacing: -0.045em;
9102  }
9103
9104  .ohs-plans-v3 .ohs-plans-v3__build-price p {
9105    margin: 10px 0 18px;
9106    font-size: 13px;
9107  }
9108
9109  .ohs-plans-v3 .ohs-plans-v3__button {
9110    display: inline-flex;
9111    align-items: center;
9112    justify-content: center;
9113    min-height: 52px;
9114    width: 100%;
9115    padding: 14px 20px;
9116    border: 1px solid #e6bd62;
9117    border-radius: 7px;
9118    background: linear-gradient(135deg, #e6bd62, #e6bd62);
9119    color: #082747;
9120    font-size: 16px;
9121    font-weight: 800;
9122    line-height: 1.3;
9123    text-align: center;
9124    text-decoration: none;
9125  }
9126
9127  .ohs-plans-v3 .ohs-plans-v3__button:hover {
9128    background: #f2cd7f;
9129    color: #082747;
9130  }
9131
9132  .ohs-plans-v3 .ohs-plans-v3__monthly {
9133    margin: 38px 0 24px;
9134    text-align: center;
9135  }
9136
9137  .ohs-plans-v3 .ohs-plans-v3__monthly h3 {
9138    margin: 0 0 10px;
9139    color: #fff;
9140    font-family: inherit;
9141    font-size: 25px;
9142    font-weight: 800;
9143    line-height: 1.25;
9144  }
9145
9146  .ohs-plans-v3 .ohs-plans-v3__monthly p {
9147    margin: 0;
9148    color: #dce9f6;
9149    font-size: 16px;
9150    line-height: 1.6;
9151  }
9152
9153  .ohs-plans-v3 .ohs-plans-v3__grid {
9154    display: grid;
9155    grid-template-columns: repeat(3, minmax(0, 1fr));
9156    gap: 24px;
9157    align-items: stretch;
9158  }
9159
9160  .ohs-plans-v3 .ohs-plans-v3__card {
9161    display: flex;
9162    flex-direction: column;
9163    min-width: 0;
9164    padding: 28px;
9165    border: 2px solid #dce6ef;
9166    border-radius: 18px;
9167    background: #fff;
9168    color: #082747;
9169  }
9170
9171  .ohs-plans-v3 .ohs-plans-v3__card--featured {
9172    border-color: #e6bd62;
9173    box-shadow: 0 0 0 4px rgba(230,189,98, 0.12);
9174  }
9175
9176  .ohs-plans-v3 .ohs-plans-v3__card .ohs-plans-v3__label {
9177    color: #0961cf;
9178  }
9179
9180  .ohs-plans-v3 .ohs-plans-v3__card h4 {
9181    margin: 0 0 12px;
9182    color: #082747;
9183    font-family: inherit;
9184    font-size: 26px;
9185    font-weight: 800;
9186    line-height: 1.2;
9187    letter-spacing: -0.025em;
9188  }
9189
9190  .ohs-plans-v3 .ohs-plans-v3__price {
9191    margin-bottom: 14px;
9192    color: #082747;
9193    font-size: 40px;
9194    font-weight: 800;
9195    line-height: 1.15;
9196    letter-spacing: -0.035em;
9197  }
9198
9199  .ohs-plans-v3 .ohs-plans-v3__price span {
9200    color: #40566d;
9201    font-size: 15px;
9202    font-weight: 500;
9203    letter-spacing: 0;
9204  }
9205
9206  .ohs-plans-v3 .ohs-plans-v3__summary {
9207    margin: 0 0 20px;
9208    color: #40566d;
9209    font-size: 15px;
9210    line-height: 1.6;
9211  }
9212
9213  .ohs-plans-v3 .ohs-plans-v3__list {
9214    flex: 1;
9215    margin: 0 0 24px;
9216    padding: 0;
9217    list-style: none;
9218  }
9219
9220  .ohs-plans-v3 .ohs-plans-v3__list li {
9221    position: relative;
9222    margin: 0;
9223    padding: 12px 0 12px 25px;
9224    border-top: 1px solid #e5edf5;
9225    color: #304a63;
9226    font-size: 15px;
9227    line-height: 1.45;
9228  }
9229
9230  .ohs-plans-v3 .ohs-plans-v3__list li::before {
9231    content: "✓";
9232    position: absolute;
9233    top: 12px;
9234    left: 0;
9235    color: #0961cf;
9236    font-weight: 800;
9237  }
9238
9239  .ohs-plans-v3 .ohs-plans-v3__note {
9240    max-width: 940px;
9241    margin: 30px auto 0;
9242    text-align: center;
9243  }
9244
9245  .ohs-plans-v3 .ohs-plans-v3__note p {
9246    margin: 0 0 14px;
9247    color: #dce9f6;
9248    font-size: 14px;
9249    line-height: 1.7;
9250  }
9251
9252  .ohs-plans-v3 .ohs-plans-v3__note a {
9253    display: inline-block;
9254    padding: 10px 0;
9255    color: #e6bd62;
9256    font-size: 16px;
9257    font-weight: 800;
9258    text-decoration: underline;
9259    text-underline-offset: 4px;
9260  }
9261
9262  .ohs-plans-v3 a:focus-visible {
9263    outline: 3px solid #0961cf;
9264    outline-offset: 4px;
9265  }
9266
9267  .ohs-plans-v3 .ohs-plans-v3__note a:focus-visible {
9268    outline-color: #e6bd62;
9269  }
9270
9271  @media (max-width: 1050px) {
9272    .ohs-plans-v3 .ohs-plans-v3__grid {
9273      gap: 16px;
9274    }
9275
9276    .ohs-plans-v3 .ohs-plans-v3__card {
9277      padding: 22px;
9278    }
9279  }
9280
9281  @media (max-width: 800px) {
9282    .ohs-plans-v3 .ohs-plans-v3__build,
9283    .ohs-plans-v3 .ohs-plans-v3__grid {
9284      grid-template-columns: 1fr;
9285    }
9286
9287    .ohs-plans-v3 .ohs-plans-v3__build-price {
9288      padding: 24px 0 0;
9289      border-top: 1px solid #dce6ef;
9290      border-left: 0;
9291    }
9292  }
9293
9294  @media (max-width: 640px) {
9295    section.ohs-plans-v3 {
9296      padding: 48px 0;
9297    }
9298
9299    .ohs-plans-v3 .ohs-plans-v3__container {
9300      width: calc(100% - 30px);
9301    }
9302
9303    .ohs-plans-v3 .ohs-plans-v3__build {
9304      padding: 24px;
9305      gap: 24px;
9306    }
9307  }
9308</style>
9309
9310<!-- WEBSITE DESIGN, CARE, SUPPORT AND SEO -->
9311<section class="ohs-plans-v3">
9312  <div class="ohs-plans-v3__container">
9313
9314    <div class="ohs-plans-v3__heading">
9315      <span class="ohs-plans-v3__label">Website Design &amp; Ongoing Support</span>
9316
9317      <h2>A better website now. The right support as you grow.</h2>
9318
9319      <p>
9320        Start with a WordPress website built around your business.
9321        Then choose the monthly care, hands-on support, or SEO plan
9322        that fits what you need next.
9323      </p>
9324    </div>
9325
9326    <!-- ONE-TIME WEBSITE BUILDOUT -->
9327    <div class="ohs-plans-v3__build">
9328      <div>
9329        <span class="ohs-plans-v3__label">Website Buildout / Redesign</span>
9330
9331        <h3>A professional foundation for your business.</h3>
9332
9333        <p>
9334          Website design starts at $750 for the initial strategy, layout,
9335          core setup, and launch-ready foundation. We’ll review your needs
9336          and confirm the project scope and price before work begins.
9337        </p>
9338      </div>
9339
9340      <div class="ohs-plans-v3__build-price">
9341        <span>Website design starting at</span>
9342        <strong>$750</strong>
9343
9344        <p>
9345          One-time buildout fee.<br>
9346          Monthly plans are priced separately below.
9347        </p>
9348
9349        <a href="/quote/" class="ohs-plans-v3__button">
9350          Request a Website Quote
9351        </a>
9352      </div>
9353    </div>
9354
9355    <!-- MONTHLY SUPPORT -->
9356    <div class="ohs-plans-v3__monthly">
9357      <h3>Choose your ongoing website support.</h3>
9358
9359      <p>
9360        Compare monthly plans by the care, updates, and SEO support you need.
9361      </p>
9362    </div>
9363
9364    <div class="ohs-plans-v3__grid">
9365
9366      <!-- WEBSITE CARE -->
9367      <article class="ohs-plans-v3__card">
9368        <span class="ohs-plans-v3__label">Essential Care</span>
9369
9370        <h4>Website Care</h4>
9371
9372        <div class="ohs-plans-v3__price">$150<span> / month</span></div>
9373
9374        <p class="ohs-plans-v3__summary">
9375          Keep your WordPress website updated, monitored, and backed up.
9376        </p>
9377
9378        <ul class="ohs-plans-v3__list">
9379          <li>WordPress core updates</li>
9380          <li>Theme, plugin &amp; script updates</li>
9381          <li>Security &amp; malware protection</li>
9382          <li>Secure backups &amp; restore</li>
9383          <li>Uptime monitoring checks</li>
9384          <li>Optional managed hosting</li>
9385        </ul>
9386
9387        <a href="/contact/" class="ohs-plans-v3__button">
9388          Choose Website Care
9389        </a>
9390      </article>
9391
9392      <!-- WEBSITE SUPPORT -->
9393      <article class="ohs-plans-v3__card ohs-plans-v3__card--featured">
9394        <span class="ohs-plans-v3__label">Most Popular</span>
9395
9396        <h4>Website Support</h4>
9397
9398        <div class="ohs-plans-v3__price">$350<span> / month</span></div>
9399
9400        <p class="ohs-plans-v3__summary">
9401          Add hands-on help with routine changes and keeping your content current.
9402        </p>
9403
9404        <ul class="ohs-plans-v3__list">
9405          <li>Everything in Website Care</li>
9406          <li>Up to 2 hours of routine updates</li>
9407          <li>Text, image &amp; service updates</li>
9408          <li>Forms, posts &amp; layout updates</li>
9409          <li>Priority website support</li>
9410          <li>Monthly recommendations</li>
9411        </ul>
9412
9413        <a href="/contact/" class="ohs-plans-v3__button">
9414          Choose Website Support
9415        </a>
9416      </article>
9417
9418      <!-- SEO GROWTH -->
9419      <article class="ohs-plans-v3__card">
9420        <span class="ohs-plans-v3__label">Ongoing Growth</span>
9421
9422        <h4>SEO Growth</h4>
9423
9424        <div class="ohs-plans-v3__price">$550<span> / month</span></div>
9425
9426        <p class="ohs-plans-v3__summary">
9427          Build on website support with ongoing search and local visibility work.
9428        </p>
9429
9430        <ul class="ohs-plans-v3__list">
9431          <li>Everything in Website Support</li>
9432          <li>Monthly technical SEO check</li>
9433          <li>Keyword &amp; visibility monitoring</li>
9434          <li>Priority page SEO improvements</li>
9435          <li>On-page SEO &amp; internal linking</li>
9436          <li>Local SEO &amp; Google Business Profile support</li>
9437        </ul>
9438
9439        <a href="/contact/" class="ohs-plans-v3__button">
9440          Choose SEO Growth
9441        </a>
9442      </article>
9443
9444    </div>
9445
9446    <!-- SCOPE AND HELP CHOOSING -->
9447    <div class="ohs-plans-v3__note">
9448      <p>
9449        Not sure which plan fits? We’ll help you choose based on your current
9450        website and business goals. New pages, major redesigns, custom
9451        functionality, e-commerce support, premium-plugin licenses, and large
9452        content projects are scoped separately from the monthly plans.
9453      </p>
9454
9455      <a href="/quote/">Help Me Choose the Right Plan</a>
9456    </div>
9457
9458  </div>
9459</section>
9460		</div>
9461	</div>
9462</div></div></div><div class="vc_row-full-width vc_clearfix"></div></div>
9463
9464
9465 <!-- STARTUP WEBSITE PLAN -->
9466<section class="ohsn ohsn-startup" aria-labelledby="home-startup-title"><div class="ohsn-wrap"><div class="ohsn-launch"><div class="ohsn-launch-copy"><span class="ohsn-label">SMALL BUSINESS. STRONG START.</span><h2 id="home-startup-title">Your next chapter<br>deserves a <em>
9466proper launch.</em></h2><p>A practical website for a business ready to get going. Explore our demo designs and start with the essentials in place.</p><a class="ohsn-button" href="/startup-websites/">Explore Startup Websites <span aria-hidden="true">↗</span></a></div><div class="ohsn-launch-facts"><span class="ohsn-kicker">THE STARTUP WEBSITE PLAN</span><div class="ohsn-launch-price"><strong>$199</strong><span>setup</span><i>+</i><strong>$99</strong><span>/ month</span></div><ul><li>Up to 10 standard informational pages</li><li>Hosting and SSL while subscribed</li><li>A starting point for your next chapter</li></ul><a class="ohsn-textlink" href="/startup-websites/">See what’s included <span aria-hidden="true">→</span></a></div></div></div></section>
9467
9468 <!-- 07 — PERSONAL CONSULTATION -->
9469<section class="ohsn ohsn-personal" id="website-consultation" aria-labelledby="ohsn-personal-title"><div class="ohsn-wrap ohsn-personal-grid"><div class="ohsn-personal-art" aria-hidden="true"><div class="ohsn-orbit ohsn-orbit-one"></div><div class="ohsn-orbit ohsn-orbit-two"></div><span class="ohsn-local">KANSAS CITY · SINCE 2004</span><div class="ohsn-monogram">OHS<span>PUBLISHING</span></div><div class="ohsn-personal-stamp"><span>20+</span><p>years of building<br>what comes next.</p></div></div><div class="ohsn-personal-copy"><span class="ohsn-label">A DEVELOPER YOU CAN TALK TO</span><h2 id="ohsn-personal-title">Your website.<br><em>My personal attention.</em></h2><p class="ohsn-lead">I’m Greg, the developer behind OHS Publishing.</p><p>Since 2004, I’ve helped businesses build their online presence with websites, SEO, and ongoing support. When you have a question or an idea, you can talk directly with the person doing the work.</p><div class="ohsn-personal-detail"><strong>Local perspective. Straightforward advice.</strong><p>Based in Kansas City, serving businesses across the metro and within a 75-mile radius. We’ll start with your goals and an honest conversation about what comes next.</p></div><div class="ohsn-contact-actions"><a class="ohsn-button" href="/quote/">Tell me about your project <span aria-hidden="true">↗</span></a><a href="tel:8166056780">Call Greg</a><a href="sms:8166056780">Send a text</a></div></div></div></section>
9470
9471 <!-- 08 — THREE RECENT ARTICLES — LIVE PORTO BLOG -->
9472 <section class="ohs-section ohs-blog-section ohs-blog-featured-section">
9473  <div class="ohs-container">
9474   <div class="ohs-blog-featured-head">
9475    <span class="ohs-section-label" style="color: #102a4c;">
9476     From The Blog
9477    </span>
9478    <h2>
9479     Practical advice for your website and marketing.
9480    </h2>
9481    <p>
9482     Explore recent articles on website improvements, local SEO, and ongoing care.
9483    </p>
9484   </div>
9485   <div class="ohs-blog-shell">
9486    <div class="ohs-blog-inner">
9487     <div class="porto-blog wpb_content_element  ohs-home-blog-grid  wpb_custom_9c745ac33a8bb4820cfc6b89805915cc porto-blog-e0b603537120859819a60b8e18355fe8">		<div class="blog-posts posts-grid blog-posts-grid">
9488			<div class="posts-container row">
9489		<div class="post post-grid col-md-6 col-lg-4 post-title-simple post-17401 post type-post status-publish format-standard has-post-thumbnail hentry category-kansas-city-web-design category-ohs-publishing tag-conversion-optimization tag-lead-qualification tag-service-business-websites tag-website-pricing tag-website-strategy blog-post-item post-item-grid">
9490			<div class="post-image img-thumbnail">
9491			<a href="https://ohspublishing.com/should-you-put-prices-on-your-website/" aria-label="Go to post page">
9492				<img decoding="async" width="1254" height="1254" src="https://ohspublishing.com/wp-content/uploads/2026/10/show-prices-or-ask-for-a-quote-ohs-publishing.png" alt="Comparison of pricing options and quote request for service businesses." />
9493			</a>
9494		</div>
9495				<div class="post-item-content">
9496					<span class="post-date">October 6, 2026</span>
9497						<h4 aria-level="4" class="post-item-title"><a href="https://ohspublishing.com/should-you-put-prices-on-your-website/">Should You Put Prices on Your Website? A Practical Guide for Service Businesses</a></h4>
9498			</div>
9499</div>
9500<div class="post post-grid col-md-6 col-lg-4 post-title-simple post-17397 post type-post status-publish format-standard has-post-thumbnail hentry category-kansas-city-web-design category-ohs-publishing tag-business-website tag-call-to-action-best-practices tag-conversion-optimization tag-fix-website-conversions tag-high-value-leads blog-post-item post-item-grid">
9501			<div class="post-image img-thumbnail">
9502			<a href="https://ohspublishing.com/what-happens-after-website-contact-form-submission/" aria-label="Go to post page">
9503				<img decoding="async" width="1200" height="1200" src="https://ohspublishing.com/wp-content/uploads/2026/10/after-they-click-submit-blog-featured-1200x1200-1.png" alt="After contact form submission, process involves confirmation and follow-up steps." />
9504			</a>
9505		</div>
9506				<div class="post-item-content">
9507					<span class="post-date">October 4, 2026</span>
9508						<h4 aria-level="4" class="post-item-title"><a href="https://ohspublishing.com/what-happens-after-website-contact-form-submission/">What Should Happen After Someone Submits Your Website Contact Form?</a></h4>
9509			</div>
9510</div>
9511<div class="post post-grid col-md-6 col-lg-4 post-title-simple post-17390 post type-post status-publish format-standard has-post-thumbnail hentry category-kansas-city-web-design category-ohs-publishing tag-business-website tag-website-design tag-website-development tag-website-planning tag-website-timeline blog-post-item post-item-grid">
9512			<div class="post-image img-thumbnail">
9513			<a href="https://ohspublishing.com/how-long-does-it-take-to-build-small-business-website/" aria-label="Go to post page">
9514				<img loading="lazy" decoding="async" width="1254" height="1254" src="https://ohspublishing.com/wp-content/uploads/2026/10/How-Long-Does-It-Take-to-Build-a-Business-Website.png" alt="Steps to build a small business website with discovery, content, build, and launch phases." />
9515			</a>
9516		</div>
9517				<div class="post-item-content">
9518					<span class="post-date">October 1, 2026</span>
9519						<h4 aria-level="4" class="post-item-title"><a href="https://ohspublishing.com/how-long-does-it-take-to-build-small-business-website/">How Long Does It Take to Build a Small Business Website?</a></h4>
9520			</div>
9521</div>
9522
9523	
9524			</div>
9525		</div>
9526
9527	
9528	
9529	</div>
9530    </div>
9531   </div>
9532   <div class="ohs-section-footer-actions">
9533    <a class="ohs-btn ohs-btn-primary" href="/blog/">
9534     Read More Articles
9535    </a>
9536   </div>
9537  </div>
9538 </section>
9539
9540
9541 <!-- 09 — FINAL CALL TO ACTION -->
9542<section class="ohsn ohsn-closing" aria-labelledby="ohsn-closing-title"><div class="ohsn-wrap"><span class="ohsn-label">LET’S MAKE YOUR NEXT MOVE COUNT</span><div class="ohsn-closing-grid"><h2 id="ohsn-closing-title">Something better<br><em>starts with a conversation.</em></h2><div><p>A new website. A clearer message. A stronger presence. Tell me where you want to go, and we’ll work out the next step.</p><a class="ohsn-button" href="/quote/">Let’s talk about your project <span aria-hidden="true">↗</span></a><a class="ohsn-closing-phone" href="tel:8166056780">Or call 816.605.6780</a></div></div></div></section>
9543
9544</div>
9545<script type="application/ld+json">
9546 {
9547  "@context": "https://schema.org",
9548  "@graph": [
9549    {
9550      "@type": "Organization",
9551      "@id": "https://ohspublishing.com/#organization",
9552      "name": "OHS Publishing",
9553      "url": "https://ohspublishing.com/",
9554      "logo": "https://ohspublishing.com/wp-content/uploads/2025/08/347230767_630872265613290_1176265837044507930_n.jpg",
9555      "telephone": "+1-816-605-6780",
9556      "email": "[email protected]",
9557      "description": "OHS Publishing provides web design, SEO, PPC, social media marketing, WordPress design, and content writing services for businesses that want a stronger online presence.",
9558      "sameAs": [
9559        "https://vimeo.com/channels/ohspublishing/",
9560        "https://www.instagram.com/ohs.publishing/",
9561        "https://www.youtube.com/@ohspublishing",
9562        "https://www.facebook.com/ohspublishingkc"
9563      ],
9564      "areaServed": [
9565        {
9566          "@type": "City",
9567          "name": "Kansas City"
9568        },
9569        {
9570          "@type": "AdministrativeArea",
9571          "name": "Missouri"
9572        },
9573        {
9574          "@type": "AdministrativeArea",
9575          "name": "Kansas"
9576        }
9577      ],
9578      "knowsAbout": [
9579        "Web Design",
9580        "Search Engine Optimization",
9581        "Pay Per Click Advertising",
9582        "Social Media Marketing",
9583        "WordPress Web Design",
9584        "Content Writing"
9585      ]
9586    },
9587    {
9588      "@type": "WebSite",
9589      "@id": "https://ohspublishing.com/#website",
9590      "url": "https://ohspublishing.com/",
9591      "name": "OHS Publishing",
9592      "publisher": {
9593        "@id": "https://ohspublishing.com/#organization"
9594      },
9595      "inLanguage": "en-US"
9596    },
9597    {
9598      "@type": "WebPage",
9599      "@id": "https://ohspublishing.com/#webpage",
9600      "url": "https://ohspublishing.com/",
9601      "name": "Kansas City Web Design & SEO | OHS Publishing",
9602      "isPartOf": {
9603        "@id": "https://ohspublishing.com/#website"
9604      },
9605      "about": {
9606        "@id": "https://ohspublishing.com/#organization"
9607      },
9608      "primaryImageOfPage": {
9609        "@type": "ImageObject",
9610        "url": "https://ohspublishing.com/wp-content/uploads/2025/08/347230767_630872265613290_1176265837044507930_n.jpg"
9611      }
9612    }
9613  ]
9614}
9615</script>
9615
9616<style>
9617#ohs-home-refresh .ohs-mockup-hero__art{position:relative;inset:auto;transform:none;width:auto;min-width:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;align-self:center;display:flex;align-items:center;justify-content:center;margin-top:24px;margin-bottom:24px;}
9618#ohs-home-refresh .ohs-mockup-hero__art::before,#ohs-home-refresh .ohs-mockup-hero__art::after{display:none;}
9619#ohs-home-refresh .ohs-mockup-hero__art img{display:block;width:100%;max-width:580px;height:auto;object-fit:contain;margin:0;}
9620@media(max-width:1024px){#ohs-home-refresh .ohs-mockup-hero__art{width:min(600px,calc(100% - 44px));margin:0 auto 32px;}}
9621@media(max-width:640px){#ohs-home-refresh .ohs-mockup-hero__art{width:calc(100% - 30px);margin:0 auto 24px;}}
9622</style>
9623
9624<style>
9625#ohs-home-refresh .ohsn{position:relative;font-family:inherit;color:#153348;}
9626#ohs-home-refresh>section.ohsn{padding:88px 0;}
9627#ohs-home-refresh .ohsn .ohsn-wrap{width:min(1280px,calc(100% - 64px));margin:0 auto;position:relative;z-index:1;}
9628#ohs-home-refresh .ohsn h2{font-family:inherit;font-size:clamp(32px,3.7vw,50px);font-weight:750;line-height:1.12;letter-spacing:-.04em;margin:0;color:inherit;}
9629#ohs-home-refresh .ohsn h2 em{font-style:normal;color:#1465c4;}
9630#ohs-home-refresh .ohsn p{font-size:16px;line-height:1.75;color:#576d7c;margin:0 0 22px;}
9631#ohs-home-refresh .ohsn-label{display:block;position:relative;padding-left:27px;margin-bottom:25px;color:inherit;font-size:10px;letter-spacing:.17em;line-height:1.6;font-weight:800;}
9632#ohs-home-refresh .ohsn-label:before{position:absolute;content:"";left:0;top:1px;width:15px;height:15px;border-top:3px solid #e6bd62;border-left:3px solid #e6bd62;}
9633#ohs-home-refresh .ohsn a{text-decoration:none;}
9634#ohs-home-refresh .ohsn-textlink{display:inline-flex;gap:25px;align-items:center;font-weight:750;font-size:14px;color:inherit;border-bottom:1px solid #b7c7d2;padding-bottom:8px;}
9635#ohs-home-refresh .ohsn-textlink span{font-size:21px;color:#1465c4;}
9636#ohs-home-refresh .ohsn-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:15px 23px;background:#e6bd62;color:#112d43;border:1px solid #e6bd62;border-radius:6px;font-size:14px;font-weight:750;line-height:1.4;transition:background .2s,transform .2s;}
9637#ohs-home-refresh .ohsn-button:hover{background:#f4d28f;transform:translateY(-2px);}
9638#ohs-home-refresh .ohsn-button span{font-size:21px;}
9639#ohs-home-refresh .ohsn a:focus-visible,#ohs-home-refresh .ohsn summary:focus-visible{outline:3px solid #2685de;outline-offset:5px;}
9640/* Reviews */
9641#ohs-home-refresh .ohsn-reviews{background:#edf3f6;border-top:1px solid #e0e8ed;border-bottom:1px solid #e0e8ed;}
9642#ohs-home-refresh .ohsn-review-head{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:70px;margin-bottom:38px;}
9643#ohs-home-refresh .ohsn-review-head h2{font-size:clamp(29px,3vw,41px);}
9644#ohs-home-refresh .ohsn-review-head p{margin:0;max-width:420px;}
9645#ohs-home-refresh .ohsn-review-head strong{display:block;margin-top:8px;font-size:14px;font-weight:650;color:#234157;}
9646#ohs-home-refresh .ohsn-review-frame{border-top:1px solid #cbd9e3;padding-top:30px;}
9647/* Services */
9648#ohs-home-refresh .ohsn-services{background:radial-gradient(ellipse at 90% 0,rgba(45,106,153,.27),transparent 50%),#102b3e;color:#fff;overflow:hidden;}
9649#ohs-home-refresh .ohsn-services:before{content:"";position:absolute;top:-300px;right:-220px;width:750px;height:750px;border:1px solid #ffffff10;border-radius:50%;pointer-events:none;}
9650#ohs-home-refresh .ohsn-service-head{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:48px;}
9651#ohs-home-refresh .ohsn-services h2 em{color:#c8a667;}
9652#ohs-home-refresh .ohsn-services p{color:#b8cbd8;}
9653#ohs-home-refresh .ohsn-services .ohsn-textlink{color:white;border-color:#547082;}
9654#ohs-home-refresh .ohsn-services .ohsn-textlink span{color:#e6bd62;}
9655#ohs-home-refresh .ohsn-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;}
9656#ohs-home-refresh .ohsn-service{position:relative;display:flex;flex-direction:column;color:#fff;padding:30px 25px 68px;border-right:1px solid #ffffff26;transition:background .2s;}
9657#ohs-home-refresh .ohsn-service:first-child{padding-left:0;}#ohs-home-refresh .ohsn-service:last-child{border-right:0;}
9658#ohs-home-refresh .ohsn-service:hover{background:#ffffff07;}
9659#ohs-home-refresh .ohsn-service svg{height:34px;width:34px;fill:none;stroke:#e6bd62;stroke-width:1.5;margin-bottom:25px;}
9660#ohs-home-refresh .ohsn-service-name{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a8c4d8;margin-bottom:14px;}
9661#ohs-home-refresh .ohsn-service h3{font-family:inherit;color:#fff;font-size:24px;font-weight:650;line-height:1.22;letter-spacing:-.025em;margin:0 0 15px;}
9662#ohs-home-refresh .ohsn-service p{font-size:14px;line-height:1.75;margin:0;}
9663#ohs-home-refresh .ohsn-service-arrow{position:absolute;bottom:24px;color:#e6bd62;font-size:24px;}
9664#ohs-home-refresh .ohsn-film{margin-top:30px;border-bottom:1px solid #ffffff26;padding-bottom:25px;}
9665#ohs-home-refresh .ohsn-film summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;color:#fff;}
9666#ohs-home-refresh .ohsn-film summary::-webkit-details-marker{display:none;}
9667#ohs-home-refresh .ohsn-play{width:45px;height:45px;display:grid;place-items:center;border:1px solid #7791a4;border-radius:50%;font-size:14px;color:#e6bd62;flex-shrink:0;}
9668#ohs-home-refresh .ohsn-film strong{display:block;font-weight:650;font-size:18px;margin-bottom:4px;}
9669#ohs-home-refresh .ohsn-film small{font-size:13px;color:#b8cbd8;}
9670#ohs-home-refresh .ohsn-film-action{margin-left:auto;font-size:13px;white-space:nowrap;}
9671#ohs-home-refresh .ohsn-film-action b{font-size:24px;font-weight:400;margin-left:25px;color:#e6bd62;}
9672#ohs-home-refresh .ohsn-video{aspect-ratio:16/9;width:min(900px,100%);margin:25px auto 0;background:#081c2b;}
9673#ohs-home-refresh .ohsn-video iframe{display:block;width:100%;height:100%;border:0;}
9674#ohs-home-refresh .ohsn-content-note{margin-top:18px;font-size:13px;color:#adc2d0;}
9675#ohs-home-refresh .ohsn-content-note a{color:#f1cc84;margin-left:7px;}
9676/* Startup */
9677#ohs-home-refresh .ohsn-startup{background:#f5f7f8;}
9678#ohs-home-refresh .ohsn-launch{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;}
9679#ohs-home-refresh .ohsn-launch-copy p{max-width:520px;margin:22px 0 27px;}
9680#ohs-home-refresh .ohsn-launch-facts{position:relative;padding:38px 42px;border-left:2px solid #d9b96d;background:#fff;box-shadow:20px 20px 0 #e8eef2;}
9681#ohs-home-refresh .ohsn-kicker{font-size:10px;letter-spacing:.15em;font-weight:750;color:#60798a;}
9682#ohs-home-refresh .ohsn-launch-price{display:flex;align-items:baseline;gap:10px;margin:20px 0 26px;flex-wrap:wrap;}
9683#ohs-home-refresh .ohsn-launch-price strong{font-size:46px;letter-spacing:-.06em;line-height:1.1;color:#17384e;}
9684#ohs-home-refresh .ohsn-launch-price span{font-size:13px;color:#637989;}
9685#ohs-home-refresh .ohsn-launch-price i{font-style:normal;font-size:22px;color:#b49c65;margin:0 4px;}
9686#ohs-home-refresh .ohsn-launch-facts ul{padding:0;list-style:none;margin:0 0 26px;}
9687#ohs-home-refresh .ohsn-launch-facts li{position:relative;padding:11px 0 11px 22px;border-top:1px solid #e4ebef;font-size:14px;color:#455f71;}
9688#ohs-home-refresh .ohsn-launch-facts li:before{content:"✓";position:absolute;
9688left:0;color:#1465c4;}
9689/* Personal */
9690#ohs-home-refresh .ohsn-personal{background:#fff;}
9691#ohs-home-refresh .ohsn-personal-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:80px;align-items:center;}
9692#ohs-home-refresh .ohsn-personal-art{position:relative;min-height:500px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#183f59,#0d2639);color:white;padding:36px;display:flex;flex-direction:column;justify-content:space-between;}
9693#ohs-home-refresh .ohsn-local{position:relative;font-size:10px;letter-spacing:.16em;color:#b9cedd;}
9694#ohs-home-refresh .ohsn-monogram{position:relative;font-size:clamp(68px,9vw,125px);font-weight:800;letter-spacing:-.085em;line-height:.9;}
9695#ohs-home-refresh .ohsn-monogram>span{display:block;font-size:14px;letter-spacing:.48em;font-weight:400;margin-top:18px;color:#cfdae1;}
9696#ohs-home-refresh .ohsn-personal-stamp{position:relative;display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff30;padding-top:26px;}
9697#ohs-home-refresh .ohsn-personal-stamp>span{font-size:62px;line-height:1;font-weight:600;letter-spacing:-.06em;color:#e6bd62;}
9698#ohs-home-refresh .ohsn-personal-stamp p{margin:0;font-size:14px;line-height:1.6;color:#cfdae1;}
9699#ohs-home-refresh .ohsn-orbit{position:absolute;width:650px;height:650px;border:1px solid #779caf30;border-radius:50%;top:-90px;left:20px;pointer-events:none;}
9700#ohs-home-refresh .ohsn-orbit-two{width:430px;height:430px;top:20px;left:125px;border-color:#e5bf7040;}
9701#ohs-home-refresh .ohsn-personal-copy .ohsn-lead{font-size:19px;font-weight:650;color:#203f55;margin:24px 0 13px;}
9702#ohs-home-refresh .ohsn-personal-detail{border-left:2px solid #e6bd62;padding-left:20px;margin:25px 0;}
9703#ohs-home-refresh .ohsn-personal-detail strong{display:block;font-size:15px;color:#23485f;margin-bottom:7px;}
9704#ohs-home-refresh .ohsn-personal-detail p{font-size:14px;margin:0;}
9705#ohs-home-refresh .ohsn-contact-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
9706#ohs-home-refresh .ohsn-contact-actions>
9706a:not(.ohsn-button){font-size:13px;font-weight:700;color:#1465c4;border-bottom:1px solid #a9c2d9;padding-bottom:3px;}
9707/* Closing */
9708#ohs-home-refresh .ohsn-closing{background:#eaf1f5;border-top:1px solid #d6e1e8;overflow:hidden;}
9709#ohs-home-refresh .ohsn-closing:after{content:"";position:absolute;right:-130px;bottom:-350px;width:750px;height:750px;border:1px solid #aec7d859;border-radius:50%;pointer-events:none;}
9710#ohs-home-refresh .ohsn-closing-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;}
9711#ohs-home-refresh .ohsn-closing-phone{display:block;width:fit-content;margin-top:17px;color:#456377;font-size:13px;}
9712@media(max-width:1050px){#ohs-home-refresh .ohsn-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#ohs-home-refresh .ohsn-service{padding-left:24px!important;border-bottom:1px solid #ffffff26;}#ohs-home-refresh .ohsn-service:nth-child(2){border-right:0;}#ohs-home-refresh .ohsn-review-head,#ohs-home-refresh .ohsn-service-head,#ohs-home-refresh .ohsn-launch,#ohs-home-refresh .ohsn-personal-grid,#ohs-home-refresh .ohsn-closing-grid{gap:35px;}#ohs-home-refresh .ohsn-personal-art{min-height:470px;padding:28px;}#ohs-home-refresh .ohsn-launch-facts{padding:30px;}}
9713@media(max-width:700px){#ohs-home-refresh>section.ohsn{padding:55px 0;}#ohs-home-refresh .ohsn .ohsn-wrap{width:calc(100% - 36px);}#ohs-home-refresh .ohsn-review-head,#ohs-home-refresh .ohsn-service-head,#ohs-home-refresh .ohsn-launch,#ohs-home-refresh .ohsn-personal-grid,#ohs-home-refresh .ohsn-closing-grid{grid-template-columns:1fr;gap:28px;}#ohs-home-refresh .ohsn-label{font-size:9px;margin-bottom:20px;}#ohs-home-refresh .ohsn-service h3{font-size:21px;}#ohs-home-refresh .ohsn-service{padding:24px 17px 58px!important;}#ohs-home-refresh .ohsn-film-action{font-size:0;}#ohs-home-refresh .ohsn-film-action b{font-size:24px;margin-left:0;}#ohs-home-refresh .ohsn-film strong{font-size:16px;}#ohs-home-refresh .ohsn-film small{font-size:12px;}#ohs-home-refresh .ohsn-launch-facts{box-shadow:8px 8px 0 #e8eef2;}#ohs-home-refresh .ohsn-personal-art{min-height:330px;order:2;}#ohs-home-refresh .ohsn-monogram{font-size:82px;}#ohs-home-refresh .ohsn-personal-stamp{padding-top:19px;}#ohs-home-refresh .ohsn-personal-copy{order:1;}#ohs-home-refresh .ohsn-content-note a{display:inline-block;margin-left:0;}#ohs-home-refresh .ohsn-review-head p{max-width:none;}}
9714@media(max-width:420px){#ohs-home-refresh .ohsn-service-grid{grid-template-columns:1fr;}#ohs-home-refresh .ohsn-service{border-right:0;}#ohs-home-refresh .ohsn-launch-price strong{font-size:38px;}#ohs-home-refresh .ohsn-launch-facts{padding:24px;}#ohs-home-refresh .ohsn-button{width:100%;}}
9715@media(prefers-reduced-motion:reduce){#ohs-home-refresh .ohsn-button,#ohs-home-refresh .ohsn-service{transition:none;transform:none;}}
9716</style>
9717<style id="ohs-home-muted-gold">body.home .ohs-mockup-hero{--ohs-hero-gold:#e6bd62}body.home .ohs-mockup-hero::before{display:none!important;content:none!important}body.home .ohs-mockup-hero__quote,body.home .ohs-btn.ohs-btn-primary{background:#e6bd62!important;box-shadow:0 11px 24px rgba(171,138,69,.16)!important}body.home .ohs-mockup-hero__quote:hover,body.home .ohs-btn.ohs-btn-primary:hover{background:#f2cd7f!important}body.home .ohs-mockup-hero__offer{border-bottom-color:rgba(230,189,98,.65)}body.home .ohs-section-label{--ohs-label-accent:#e6bd62}body.home .ohs-editorial-label::before{border-color:#e6bd62!important}body.home .ohs-editorial-label--light::before{background:#e6bd62!important}body.home .ohs-mockup-hero__next h2{color:#e6bd62!important}body.home .ohs-mockup-hero__next li::before{background:#e6bd62!important}body.home .ohs-section-label::before{border-color:#e6bd62!important}body.home .ohs-btn.ohs-btn-primary{color:#133347!important;border-color:#e6bd62!important}</style>
9718		</div>
9719	</div>
9720
9721	<div class="wpb_raw_code wpb_raw_html wpb_content_element" >
9722		<div class="wpb_wrapper">
9723			
9724		</div>
9725	</div>
9726</div></div></div><div class="vc_row-full-width vc_clearfix"></div>
9727</div>				</div>
9728			</article>
9729					
9730	</div>
9731
9732		
9733
9734</div><!-- end main content -->
9735
9736
9737
9738	</div>
9739	</div>
9740
9741	<div id="content-bottom"><!-- begin content bottom -->
9742			</div><!-- begin content bottom -->
9743	<div class="porto-html-block porto-block-html-content-bottom"></div><div class="porto-block" data-id="16791"><style>.wpb_custom_2d8e5e6a01d47665ac29e89b90c8cbc9{right: 27px;bottom: 150px;font-size: 25px;}.wpb_custom_2d8e5e6a01d47665ac29e89b90c8cbc9 circle{stroke-width: 8px;stroke: #0033e2;}.wpb_custom_2d8e5e6a01d47665ac29e89b90c8cbc9::-moz-progress-bar{background-color: #0033e2;}.wpb_custom_2d8e5e6a01d47665ac29e89b90c8cbc9::-webkit-progress-value{background-color: #0033e2;}</style><div class="vc_row wpb_row row top-row wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f"><div class="vc_column_container col-md-12"><div class="wpb_wrapper vc_column-inner">&nbsp;<a aria-label="Scroll Progress" class="porto-scroll-progress porto-scroll-progress-circle wpb_custom_2d8e5e6a01d47665ac29e89b90c8cbc9" href="#" role="button"><i class="fas fa-chevron-up"></i><svg  version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><circle id="progress-indicator" fill="transparent" stroke="#000000" stroke-miterlimit="10" cx="35" cy="35" r="34"/></svg></a><style>#topcontrol{display:none}</style></div></div></div></div>					
9744				
9745				</div><!-- end main -->
9746
9747				
9748				<div class="footer-wrapper">
9749
9750															<footer id="footer" class="footer footer-builder"><div class="porto-block" data-id="21"><div class="container-fluid"><style>.vc_custom_1776348881225{margin-bottom: 0px !important;}.vc_custom_1776348934537{margin-bottom: 0px !important;}.vc_custom_1791126463677{margin-bottom: 0px !important;}/* =========================================
9751   OHS FOOTER V2 - ULTRA PREMIUM
9752   ========================================= */
9753
9754.ohs-footer-v2 {
9755  position: relative;
9756  overflow: hidden;
9757  background:
9758    radial-gradient(circle at 12% 12%, rgba(61, 133, 255, 0.14), transparent 24%),
9759    radial-gradient(circle at 88% 18%, rgba(61, 133, 255, 0.08), transparent 22%),
9760    linear-gradient(135deg, #111821 0%, #151e29 42%, #1b2430 100%);
9761  color: rgba(255,255,255,0.82);
9762}
9763
9764.ohs-footer-v2:before {
9765  content: "";
9766  position: absolute;
9767  inset: 0;
9768  background:
9769    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px),
9770    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px);
9771  background-size: 42px 42px;
9772  opacity: 0.18;
9773  pointer-events: none;
9774}
9775
9776.ohs-footer-v2-wrap {
9777  position: relative;
9778  z-index: 2;
9779  max-width: 1320px;
9780  margin: 0 auto;
9781  padding: 76px 28px 30px;
9782}
9783
9784.ohs-footer-v2-top {
9785  display: grid;
9786  grid-template-columns: 380px minmax(0, 1fr);
9787  gap: 54px;
9788  align-items: start;
9789}
9790
9791.ohs-footer-v2-brand {
9792  position: relative;
9793  padding: 30px 28px 28px;
9794  border-radius: 28px;
9795  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%);
9796  border: 1px solid rgba(255,255,255,0.08);
9797  box-shadow:
9798    0 24px 70px rgba(0,0,0,0.18),
9799    inset 0 1px 0 rgba(255,255,255,0.08);
9800  backdrop-filter: blur(6px);
9801}
9802
9803.ohs-footer-v2-kicker {
9804  display: inline-block;
9805  margin-bottom: 14px;
9806  font-size: 12px;
9807  font-weight: 800;
9808  letter-spacing: 0.14em;
9809  text-transform: uppercase;
9810  color: #63b1ff;
9811}
9812
9813.ohs-footer-v2-brand h2 {
9814  margin: 0 0 14px;
9815  font-size: clamp(30px, 4vw, 44px);
9816  line-height: 1.02;
9817  letter-spacing: -0.03em;
9818  color: #ffffff;
9819}
9820
9821.ohs-footer-v2-brand p {
9822  margin: 0 0 24px;
9823  font-size: 16px;
9824  line-height: 1.82;
9825  color: rgba(255,255,255,0.72);
9826}
9827
9828.ohs-footer-v2-contact {
9829  display: grid;
9830  gap: 10px;
9831  margin-bottom: 24px;
9832}
9833
9834.ohs-footer-v2-phone,
9835.ohs-footer-v2-email {
9836  text-decoration: none;
9837  transition: color 0.2s ease;
9838}
9839
9840.ohs-footer-v2-phone {
9841  color: #ffffff;
9842  font-size: 22px;
9843  font-weight: 800;
9844  letter-spacing: -0.02em;
9845}
9846
9847.ohs-footer-v2-email {
9848  color: rgba(255,255,255,0.76);
9849  font-size: 15px;
9850  font-weight: 600;
9851}
9852
9853.ohs-footer-v2-phone:hover,
9854.ohs-footer-v2-email:hover,
9855.ohs-footer-v2-col a:hover,
9856.ohs-footer-v2-bottom-links a:hover {
9857  color: #63b1ff;
9858}
9859
9860.ohs-footer-v2-socials {
9861  display: flex;
9862  flex-wrap: wrap;
9863  gap: 10px;
9864}
9865
9866.ohs-footer-v2-socials a {
9867  display: inline-flex;
9868  align-items: center;
9869  justify-content: center;
9870  width: 44px;
9871  height: 44px;
9872  border-radius: 15px;
9873  text-decoration: none;
9874  color: #ffffff;
9875  font-size: 14px;
9876  font-weight: 800;
9877  background: rgba(255,255,255,0.05);
9878  border: 1px solid rgba(255,255,255,0.08);
9879  transition: all 0.25s ease;
9880}
9881
9882.ohs-footer-v2-socials a:hover {
9883  transform: translateY(-2px);
9884  background: linear-gradient(135deg, #2f84ff 0%, #63b1ff 100%);
9885  border-color: transparent;
9886  color: #ffffff;
9887}
9888
9889.ohs-footer-v2-links {
9890  display: grid;
9891  grid-template-columns: 1fr 1fr 1.2fr;
9892  gap: 30px;
9893}
9894
9895.ohs-footer-v2-col {
9896  padding-top: 6px;
9897}
9898
9899.ohs-footer-v2-col h3 {
9900  margin: 0 0 18px;
9901  font-size: 22px;
9902  line-height: 1.12;
9903  letter-spacing: -0.02em;
9904  color: #ffffff;
9905}
9906
9907.ohs-footer-v2-col ul {
9908  list-style: none;
9909  margin: 0;
9910  padding: 0;
9911  display: grid;
9912  gap: 12px;
9913}
9914
9915.ohs-footer-v2-col li {
9916  margin: 0;
9917  padding: 0;
9918}
9919
9920.ohs-footer-v2-col a {
9921  text-decoration: none;
9922  color: rgba(255,255,255,0.72);
9923  font-size: 15px;
9924  line-height: 1.6;
9925  transition: color 0.2s ease;
9926}
9927
9928.ohs-footer-v2-featured {
9929  padding: 24px 24px 22px;
9930  border-radius: 24px;
9931  background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%);
9932  border: 1px solid rgba(255,255,255,0.07);
9933}
9934
9935.ohs-footer-v2-featured h3 {
9936  margin-bottom: 16px;
9937}
9938
9939.ohs-footer-v2-pills {
9940  display: flex;
9941  flex-wrap: wrap;
9942  gap: 10px;
9943}
9944
9945.ohs-footer-v2-pills a {
9946  display: inline-flex;
9947  align-items: center;
9948  min-height: 40px;
9949  padding: 10px 14px;
9950  border-radius: 999px;
9951  background: rgba(255,255,255,0.05);
9952  border: 1px solid rgba(255,255,255,0.06);
9953  color: rgba(255,255,255,0.78);
9954  text-decoration: none;
9955  font-size: 14px;
9956  line-height: 1.2;
9957  transition: all 0.22s ease;
9958}
9959
9960.ohs-footer-v2-pills a:hover {
9961  background: rgba(99,177,255,0.12);
9962  border-color: rgba(99,177,255,0.28);
9963  color: #ffffff;
9964  transform: translateY(-1px);
9965}
9966
9967.ohs-footer-v2-midline {
9968  height: 1px;
9969  margin: 42px 0 24px;
9970  background: linear-gradient(
9971    90deg,
9972    rgba(255,255,255,0.02) 0%,
9973    rgba(99,177,255,0.28) 50%,
9974    rgba(255,255,255,0.02) 100%
9975  );
9976}
9977
9978.ohs-footer-v2-bottom {
9979  display: grid;
9980  grid-template-columns: auto 1fr auto;
9981  gap: 24px;
9982  align-items: center;
9983}
9984
9985.ohs-footer-v2-logo img {
9986  max-width: 120px;
9987  height: auto;
9988  display: block;
9989  opacity: 0.96;
9990}
9991
9992.ohs-footer-v2-bottom-links {
9993  display: flex;
9994  flex-wrap: wrap;
9995  justify-content: center;
9996  gap: 18px;
9997}
9998
9999.ohs-footer-v2-bottom-links a {
10000  text-decoration: none;
10001  color: rgba(255,255,255,0.68);
10002  font-size: 14px;
10003  line-height: 1.5;
10004}
10005
10006.ohs-footer-v2-copy {
10007  text-align: right;
10008  color: rgba(255,255,255,0.66);
10009  font-size: 14px;
10010  line-height: 1.6;
10011}
10012
10013/* =========================================
10014   RESPONSIVE
10015   ========================================= */
10016
10017@media (max-width: 1180px) {
10018  .ohs-footer-v2-top {
10019    grid-template-columns: 1fr;
10020    gap: 36px;
10021  }
10022
10023  .ohs-footer-v2-links {
10024    grid-template-columns: 1fr 1fr;
10025  }
10026
10027  .ohs-footer-v2-featured {
10028    grid-column: 1 / -1;
10029  }
10030
10031  .ohs-footer-v2-bottom {
10032    grid-template-columns: 1fr;
10033    justify-items: start;
10034  }
10035
10036  .ohs-footer-v2-bottom-links {
10037    justify-content: flex-start;
10038  }
10039
10040  .ohs-footer-v2-copy {
10041    text-align: left;
10042  }
10043}
10044
10045@media (max-width: 720px) {
10046  .ohs-footer-v2-wrap {
10047    padding: 58px 20px 28px;
10048  }
10049
10050  .ohs-footer-v2-brand {
10051    padding: 24px 20px 22px;
10052    border-radius: 22px;
10053  }
10054
10055  .ohs-footer-v2-links {
10056    grid-template-columns: 1fr;
10057  }
10058
10059  .ohs-footer-v2-col h3 {
10060    font-size: 20px;
10061  }
10062
10063  .ohs-footer-v2-phone {
10064    font-size: 20px;
10065  }
10066
10067  .ohs-footer-v2-pills a {
10068    width: 100%;
10069    justify-content: center;
10070    border-radius: 16px;
10071  }
10072}
10073
10074
10075
10076
10077
10078
10079
10080
10081
10082.ohs-socials {
10083  display: flex;
10084  gap: 12px;
10085  margin-top: 15px;
10086}
10087
10088.ohs-socials a {
10089  width: 42px;
10090  height: 42px;
10091  display: flex;
10092  align-items: center;
10093  justify-content: center;
10094  border-radius: 10px;
10095  background: rgba(255,255,255,0.05);
10096  color: #fff;
10097  font-size: 18px;
10098  transition: all 0.3s ease;
10099  backdrop-filter: blur(6px);
10100}
10101
10102.ohs-socials a:hover {
10103  transform: translateY(-3px);
10104  background: linear-gradient(135deg, #3aa0ff, #1f6ed4);
10105  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
10106}
10107
10108/* Optional brand colors on hover */
10109.ohs-socials a:nth-child(1):hover { background: #1ab7ea; } /* Vimeo */
10110.ohs-socials a:nth-child(2):hover { background: #e1306c; } /* IG */
10111.ohs-socials a:nth-child(3):hover { background: #ff0000; } /* YouTube */
10112.ohs-socials a:nth-child(4):hover { background: #1877f2; } /* Facebook */
10113
10114
10115
10116
10117
10118
10119.ohs-sr-only {
10120  position: absolute !important;
10121  width: 1px !important;
10122  height: 1px !important;
10123  padding: 0 !important;
10124  margin: -1px !important;
10125  overflow: hidden !important;
10126  clip: rect(0, 0, 0, 0) !important;
10127  white-space: nowrap !important;
10128  border: 0 !important;
10129}
10130
10131
10132
10133
10134
10135
10136
10137
10138/* Optional brand colors on hover */
10139.ohs-socials a:nth-child(1):hover { background: #1ab7ea; } /* Vimeo */
10140.ohs-socials a:nth-child(2):hover { background: #e1306c; } /* Instagram */
10141.ohs-socials a:nth-child(3):hover { background: #ff0000; } /* YouTube */
10142.ohs-socials a:nth-child(4):hover { background: #1877f2; } /* Facebook */
10143.ohs-socials a:nth-child(5):hover {
10144  background: linear-gradient(135deg, #25f4ee 0%, #fe2c55 100%);
10145} /* TikTok */
10146
10147
10148
10149
10150
10151
10152
10153
10154
10155
10156
10157body > img[src*="apxl.io/"] {
10158  position: fixed !important;
10159  top: 0 !important;
10160  left: 0 !important;
10161  width: 1px !important;
10162  height: 1px !important;
10163  margin: 0 !important;
10164  padding: 0 !important;
10165  border: 0 !important;
10166  opacity: 0 !important;
10167  pointer-events: none !important;
10168}</style><div data-vc-full-width="true" data-vc-full-width-temp="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row row top-row vc_custom_1776348881225 vc_row-no-padding wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f"><div class="vc_column_container col-md-12 vc_custom_1776348934537"><div class="wpb_wrapper vc_column-inner">
10169	<div class="wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1791126463677" >
10170		<div class="wpb_wrapper">
10171			<footer id="ohs-footer-refresh" class="ohs-footer-v2">
10172  <div class="ohs-footer-v2-wrap">
10173
10174    <div class="ohs-footer-v2-top">
10175      <div class="ohs-footer-v2-brand">
10176          
10177          
10178      <span class="ohs-editorial-label ohs-editorial-label--light">Kansas City Web Design & SEO</span>
10179        <h2>OHS Publishing</h2>
10180        <p>
10181          Websites, local SEO, and ongoing support for businesses ready for their next chapter.
10182        </p>
10183
10184        <div class="ohs-footer-v2-contact">
10185          <a href="tel:8166056780" class="ohs-footer-v2-phone">816.605.6780</a>
10186          <a href="mailto:[email protected]" class="ohs-footer-v2-email">[email protected]</a>
10187        </div>
10188
10189      <div class="ohs-socials" aria-label="OHS Publishing social media">
10190<a href="https://www.facebook.com/ohspublishingkc"
10191     target="_blank"
10192     rel="noopener noreferrer"
10193     aria-label="OHS Publishing on Facebook"
10194     title="OHS Publishing on Facebook">
10195    <i class="fab fa-facebook-f" aria-hidden="true"></i>
10196    <span class="ohs-sr-only">OHS Publishing on Facebook</span>
10197  </a>
10198<a href="https://www.instagram.com/ohs.publishing/"
10199     target="_blank"
10200     rel="noopener noreferrer"
10201     aria-label="OHS Publishing on Instagram"
10202     title="OHS Publishing on Instagram">
10203    <i class="fab fa-instagram" aria-hidden="true"></i>
10204    <span class="ohs-sr-only">OHS Publishing on Instagram</span>
10205  </a>
10206<a href="https://www.threads.com/@ohs.publishing" target="_blank" rel="noopener noreferrer" aria-label="OHS Publishing on Threads" title="OHS Publishing on Threads"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z"/></svg><span class="ohs-sr-only">OHS Publishing on Threads</span></a>
10207<a href="https://x.com/ohs_publishing" target="_blank" rel="noopener noreferrer" aria-label="OHS Publishing on X" title="OHS Publishing on X"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"/></svg><span class="ohs-sr-only">OHS Publishing on X</span></a>
10208<a href="https://www.linkedin.com/company/ohspublishing" target="_blank" rel="noopener noreferrer" aria-label="OHS Publishing on LinkedIn" title="OHS Publishing on LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true"></i><span class="ohs-sr-only">OHS Publishing on LinkedIn</span></a>
10209<a href="https://www.tiktok.com/@ohspublishing"
10210   target="_blank"
10211   rel="noopener noreferrer"
10212   aria-label="OHS Publishing on TikTok"
10213   title="OHS Publishing on TikTok">
10214  <i class="fab fa-tiktok" aria-hidden="true"></i>
10215  <span class="ohs-sr-only">OHS Publishing on TikTok</span>
10216</a>
10217<a href="https://www.youtube.com/@ohspublishing"
10218     target="_blank"
10219     rel="noopener noreferrer"
10220     aria-label="OHS Publishing on YouTube"
10221     title="OHS Publishing on YouTube">
10222    <i class="fab fa-youtube" aria-hidden="true"></i>
10223    <span class="ohs-sr-only">OHS Publishing on YouTube</span>
10224  </a>
10225<a href="https://vimeo.com/channels/ohspublishing"
10226     target="_blank"
10227     rel="noopener noreferrer"
10228     aria-label="OHS Publishing on Vimeo"
10229     title="OHS Publishing on Vimeo">
10230    <i class="fab fa-vimeo-v" aria-hidden="true"></i>
10231    <span class="ohs-sr-only">OHS Publishing on Vimeo</span>
10232  </a>
10233</div>
10234      </div>
10235
10236      <div class="ohs-footer-v2-links">
10237
10238        <div class="ohs-footer-v2-col">
10239          <h3>Core Services</h3>
10240          <ul>
10241            <li><a href="/free-website-seo-audit/">Free Website Audit</a></li>
10242            <li><a href="/services/">Services</a></li>
10243            <li><a href="/kansas-city-web-design/">Web Design</a></li>            
10244            <li><a href="/kansas-city-seo-services/">SEO</a></li>
10245            <li><a href="/pay-per-click/">PPC Campaigns</a></li>
10246            <li><a href="/social-media-marketing/">Social Media Marketing</a></li>
10247            <li><a href="/wordpress-web-design/">WordPress Design</a></li>
10248            <li><a href="/blog-article-writing-kansas-city-blog-article-writing-ohs-publishing/">Content Writing</a></li>
10249          </ul>
10250        </div>
10251
10252        <div class="ohs-footer-v2-col">
10253          <h3>Company</h3>
10254          <ul>
10255            <li><a href="/contact-ohs-publishing-kansas-city-web-design-seo/">Contact</a></li>
10256            <li><a href="/quote/">Online Quote</a></li>
10257            <li><a href="/locations-we-serve-web-design-seo-across-kansas-city-ohs-publishing/">Locations We Serve</a></li>
10258            <li><a href="/industries-we-serve-business-web-design-seo-ohs-publishing/">Industries We Serve</a></li>
10259            <li><a href="/service-payment/">Service Payment</a></li>
10260            <li><a href="/portfolio/">Portfolio</a></li>
10261            <li><a href="/mission-impact-statement/">Mission & Impact</a></li>
10262            <li><a href="/blog/">OHS News</a></li>
10263          </ul>
10264        </div>
10265
10266        <div class="ohs-footer-v2-col ohs-footer-v2-featured">
10267          <h3>Featured Industries</h3>
10268
10269          <div class="ohs-footer-v2-pills">
10270            <a href="/psychiatrists-therapists-web-design/">Healthcare & Wellness</a>
10271            <a href="/roofing-web-design/">Home Services</a>
10272            <a href="/law-firms-attorneys-web-design/">Professional Services</a>
10273            <a href="/clothing-fashion-boutiques-web-design/">Retail & E-Commerce</a>
10274            <a href="/restaurants-cafes-web-design/">Hospitality & Food</a>
10275            <a href="/hair-salons-web-design/">Beauty & Personal Care</a>
10276            <a href="/auto-repair-shops-web-design/">Automotive</a>
10277          </div>
10278        </div>
10279
10280      </div>
10281    </div>
10282
10283    <div class="ohs-footer-v2-midline"></div>
10284 
10285    <div class="ohs-footer-v2-bottom">
10286      <div class="ohs-footer-v2-logo">
10287       <a href="https://ohspublishing.com/" alt="OHS Publishing - Kansas City Web Design & SEO"><img src="https://ohspublishing.com/wp-content/uploads/2026/10/OHS-Publishing-with-restrained-antique-gold-accents-1024x466.png" alt="OHS Publishing"></a>
10288      </div>
10289
10290      <div class="ohs-footer-v2-bottom-links">
10291        <a href="/privacy-policy/">Privacy Policy</a>
10292        <a href="/terms-of-service/">Terms of Service</a>
10293        <a href="/contact-ohs-publishing-kansas-city-web-design-seo/">Contact</a>
10294        <a href="/quote/">Get a Quote</a>
10295      </div>
10296
10297      <div class="ohs-footer-v2-copy">
10298        OHS Publishing | Kansas City Web Design & SEO © 2004–2026
10299      </div>
10300    </div>
10301
10302  </div>
10303</footer>
10304<style>
10305#ohs-footer-refresh{background:#122333;color:#c5d0d9;padding:56px 0 24px;border:0;}
10306#ohs-footer-refresh .ohs-footer-v2-wrap{max-width:1280px;margin:auto;padding:0 32px;}
10307#ohs-footer-refresh .ohs-footer-v2-top{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(0,2.4fr);gap:48px;align-items:start;}
10308#ohs-footer-refresh .ohs-footer-v2-brand,#ohs-footer-refresh .ohs-footer-v2-featured{background:none;border:0;border-radius:0;box-shadow:none;padding:0;}
10309#ohs-footer-refresh .ohs-editorial-label{display:block;font-size:10px;letter-spacing:1.6px;color:#e6bd62;margin:0 0 18px;padding:0;background:none;}
10310#ohs-footer-refresh .ohs-editorial-label:before,#ohs-footer-refresh .ohs-editorial-label:after{display:none;}
10311#ohs-footer-refresh h2{font-size:30px;line-height:1.2;letter-spacing:-.5px;color:#fff;margin:0 0 16px;}
10312#ohs-footer-refresh .ohs-footer-v2-brand p{font-size:15px;line-height:1.75;color:#c5d0d9;margin:0 0 20px;max-width:330px;}
10313#ohs-footer-refresh .ohs-footer-v2-contact{display:flex;flex-direction:column;gap:6px;margin:0 0 22px;}
10314#ohs-footer-refresh .ohs-footer-v2-phone{font-size:22px;color:#fff;}
10315#ohs-footer-refresh .ohs-footer-v2-email{font-size:14px;color:#c5d0d9;}
10316#ohs-footer-refresh .ohs-socials{display:grid;grid-template-columns:repeat(4,44px);gap:10px;margin:0;width:max-content;max-width:100%;}
10317#ohs-footer-refresh .ohs-socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;border:1px solid #455666;border-radius:8px;background:transparent;color:#fff;font-size:17px;}
10318#ohs-footer-refresh .ohs-socials a:hover{background:#e6bd62;color:#122333;border-color:#e6bd62;}
10319#ohs-footer-refresh .ohs-footer-v2-links{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:30px;}
10320#ohs-footer-refresh h3{font-size:17px;font-weight:600;line-height:1.4;color:#fff;margin:0 0 18px;}
10321#ohs-footer-refresh .ohs-footer-v2-col ul{list-style:none;padding:0;margin:0;}
10322#ohs-footer-refresh .ohs-footer-v2-col li{margin:0;padding:0;}
10323#ohs-footer-refresh .ohs-footer-v2-col a{display:block;color:#c5d0d9;font-size:13px;line-height:1.65;padding:6px 0;background:none;border:0;border-radius:0;}
10324#ohs-footer-refresh .ohs-footer-v2-pills{display:grid;gap:0;}
10325#ohs-footer-refresh a:hover{color:#e6bd62;}
10326#ohs-footer-refresh a:focus-visible{outline:2px solid #e6bd62;outline-offset:4px;}
10327#ohs-footer-refresh .ohs-footer-v2-midline{height:1px;background:#3c4c5c;margin:38px 0 24px;}
10328#ohs-footer-refresh .ohs-footer-v2-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
10329#ohs-footer-refresh .ohs-footer-v2-logo img{width:100px;height:auto;}
10330#ohs-footer-refresh .ohs-footer-v2-bottom-links{display:flex;gap:20px;flex-wrap:wrap;}
10331#ohs-footer-refresh .ohs-footer-v2-bottom-links a,#ohs-footer-refresh .ohs-footer-v2-copy{font-size:12px;color:#c5d0d9;}
10332@media(max-width:1050px){#ohs-footer-refresh .ohs-footer-v2-top{grid-template-columns:1fr;gap:36px;}#ohs-footer-refresh .ohs-footer-v2-brand p{max-width:520px;}}
10333@media(max-width:600px){#ohs-footer-refresh{padding-top:40px;}#ohs-footer-refresh .ohs-footer-v2-wrap{padding:0 24px;}#ohs-footer-refresh .ohs-footer-v2-links{grid-template-columns:1fr 1fr;gap:30px 20px;}#ohs-footer-refresh .ohs-footer-v2-featured{grid-column:1/-1;}#ohs-footer-refresh .ohs-footer-v2-pills{grid-template-columns:1fr 1fr;gap:0 20px;}#ohs-footer-refresh .ohs-footer-v2-col a{padding:8px 0;}#ohs-footer-refresh .ohs-footer-v2-bottom{flex-direction:column;align-items:flex-start;}}
10334#ohs-footer-refresh .ohs-socials svg{display:block;width:18px;height:18px;flex-shrink:0;fill:currentColor;}
10335#ohs-footer-refresh .ohs-socials a{transition:background-color .18s,c
10335olor .18s,border-color .18s;}
10336</style>
10337		</div>
10338	</div>
10339</div></div></div><div class="vc_row-full-width vc_clearfix"></div></div></div></footer>
10340					
10341				</div>
10342							
10343					
10344	</div><!-- end wrapper -->
10345	
10346<script type="speculationrules">
10347{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/porto-child/*","/wp-content/themes/porto/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
10348</script>
vendor: 1 bytes, line 10348
10348
10349<script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script>
10349<script id="porto-live-search-js-extra">
10350var porto_live_search = {"nonce":"64e5daf0ae","sku":"SKU: ","product_tags":"Tags: "};
10351//# sourceURL=porto-live-search-js-extra
10352</script>
vendor: 1 bytes, line 10352
10352
10353<script id="porto-live-search-js" src="https://ohspublishing.com/wp-content/themes/porto/inc/lib/live-search/live-search.min.js?ver=7.9.4"></script>
vendor: 1 bytes, line 10353
10353
10354<script id="googlesitekit-consent-mode-js" src="https://ohspublishing.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-755f1678e260138d789e.js"></script>
vendor: 1 bytes, line 10354
10354
10355<script id="googlesitekit-events-provider-content-events-js-before">
10356window._googlesitekit = window._googlesitekit || {};
10357window._googlesitekit.contentEvents = {"postID":2,"isSinglePost":false,"hasVimeoEmbed":false};
10358//# sourceURL=googlesitekit-events-provider-content-events-js-before
10359</script>
vendor: 1 bytes, line 10359
10359
10360<script id="googlesitekit-events-provider-content-events-js" src="https://ohspublishing.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-c7172f3fd0e4d5ad62ef.js" defer></script>
vendor: 1 bytes, line 10360
10360
10361<script id="wpb_composer_front_js-js" src="https://ohspublishing.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=9.0.1"></script>
vendor: 1 bytes, line 10361
10361
10362<script id="bootstrap-js" src="https://ohspublishing.com/wp-content/themes/porto/js/bootstrap.min.js?ver=5.0.1"></script>
vendor: 1 bytes, line 10362
10362
10363<script id="jquery-cookie-js" src="https://ohspublishing.com/wp-content/themes/porto/js/libs/jquery.cookie.min.js?ver=1.4.1"></script>
vendor: 1 bytes, line 10363
10363
10364<script id="owl.carousel-js" src="https://ohspublishing.com/wp-content/themes/porto/js/libs/owl.carousel.min.js?ver=2.3.4"></script>
vendor: 1 bytes, line 10364
10364
10365<script id="imagesloaded-js" src="https://ohspublishing.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script>
vendor: 1 bytes, line 10365
10365
10366<script id="jquery-magnific-popup-js" async="async" src="https://ohspublishing.com/wp-content/themes/porto/js/libs/jquery.magnific-popup.min.js?ver=1.1.0"></script>
vendor: 1 bytes, line 10366
10366
10367<script id="porto-theme-js-extra">
10368var js_porto_vars = {"rtl":"","theme_url":"https://ohspublishing.com/wp-content/themes/porto-child","ajax_url":"https://ohspublishing.com/wp-admin/admin-ajax.php","cart_url":"","change_logo":"1","container_width":"1200","grid_gutter_width":"30","show_sticky_header":"1","show_sticky_header_tablet":"1","show_sticky_header_mobile":"1","ajax_loader_url":"//ohspublishing.com/wp-content/themes/porto/images/[email protected]","category_ajax":"","compare_popup":"","compare_popup_title":"","prdctfltr_ajax":"","slider_loop":"1","slider_autoplay":"1","slider_autoheight":"","slider_speed":"5000","slider_nav":"","slider_nav_hover":"1","slider_margin":"","slider_dots":"1","slider_animatein":"","slider_animateout":"","product_thumbs_count":"4","product_zoom":"1","product_zoom_mobile":"1","product_image_popup":"1","zoom_type":"inner","zoom_scroll":"1","zoom_lens_size":"200","zoom_lens_shape":"square","zoom_contain_lens":"1","zoom_lens_border":"1","zoom_border_color":"#888888","zoom_border":"0","screen_xl":"1230","screen_xxl":"1420","mfp_counter":"%curr% of %total%","mfp_img_error":"\u003Ca href=\"%url%\"\u003EThe image\u003C/a\u003E could not be loaded.","mfp_ajax_error":"\u003Ca href=\"%url%\"\u003EThe content\u003C/a\u003E could not be loaded.","popup_close":"Close","popup_prev":"Previous","popup_next":"Next","request_error":"The requested content cannot be loaded.\u003Cbr/\u003EPlease try again later.","loader_text":"Loading...","submenu_back":"Back","porto_nonce":"4303c38fda","use_skeleton_screen":[],"user_edit_pages":"","quick_access":"Click to edit this element.","goto_type":"Go To the Type Builder.","legacy_mode":"1","home_url":"https://ohspublishing.com/","is_multisite":"","current_blog_id":"1","texts":{"search_history_title":"Search History","search_history_clear_all":"Clear"},"func_url":"https://ohspublishing.com/wp-content/plugins/porto-functionality/","vc_tabs_url":"https://ohspublishing.com/wp-content/plugins/js_composer/assets/lib/vc/vc_tabs/vc-tabs.min.js"};
10369//# sourceURL=porto-theme-js-extra
10370</script>
vendor: 1 bytes, line 10370
10370
10371<script id="porto-theme-js" src="https://ohspublishing.com/wp-content/themes/porto/js/theme.min.js?ver=7.9.4"></script>
vendor: 1 bytes, line 10371
10371
10372<script id="porto-appear-animate-js" src="https://ohspublishing.com/wp-content/themes/porto/js/appearanimate.min.js?ver=7.9.4"></script>
vendor: 1 bytes, line 10372
10372
10373<script id="porto-theme-async-js" async="async" src="https://ohspublishing.com/wp-content/themes/porto/js/theme-async.min.js?ver=7.9.4"></script>
vendor: 1 bytes, line 10373
10373
10374<script id="porto-post-ajax-modal-js" async="async" src="https://ohspublishing.com/wp-content/themes/porto/js/post-ajax-modal.min.js?ver=7.9.4"></script>
vendor: 1 bytes, line 10374
10374
10375<script id="porto-member-async-js" async="async" src="https://ohspublishing.com/wp-content/themes/porto/js/member-async.min.js?ver=7.9.4"></script>
vendor: 1 bytes, line 10375
10375
10376<script id="porto-portfolio-async-js" async="async" src="https://ohspublishing.com/wp-content/themes/porto/js/portfolio-async.min.js?ver=7.9.4"></script>
vendor: 1 bytes, line 10376
10376
10377<script id="jquery-migrate-js" src="https://ohspublishing.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 10377
10377
10378<script id="porto-scroll-progress-js" src="https://ohspublishing.com/wp-content/plugins/porto-functionality/shortcodes/assets/js/porto-scroll-progress.min.js?ver=3.9.4"></script>
vendor: 1 bytes, line 10378
10378
10379<script id="wp-emoji-settings" type="application/json">
10380{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://ohspublishing.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
10381</script>
vendor: 1 bytes, line 10381
10381
10382<script type="module">
10383/*! This file is auto-generated */
10384var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
10385//# sourceURL=https://ohspublishing.com/wp-includes/js/wp-emoji-loader.min.js
10386</script>
vendor: 1 bytes, line 10386
10386
10387<script></script>
10387<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a469c0dacbfaae29',t:'MTc5MTM0MzA1MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
10387</body>
10388</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.