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 & 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 & 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 » Feed" href="https://ohspublishing.com/feed/" /> 197<link rel="alternate" type="application/rss+xml" title="OHS Publishing » Comments Feed" href="https://ohspublishing.com/comments/feed/" /> 198<link rel="alternate" type="application/rss+xml" title="OHS Publishing » 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&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 & 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 & 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 & 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 & 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&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> · <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 & 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 & 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 & 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 & 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 & 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&byline=0&portrait=0&badge=0&autopause=0&dnt=1&player_id=0&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 & 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 & script updates</li> 9381 <li>Security & malware protection</li> 9382 <li>Secure backups & 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 & service updates</li> 9408 <li>Forms, posts & 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 & visibility monitoring</li> 9434 <li>Priority page SEO improvements</li> 9435 <li>On-page SEO & internal linking</li> 9436 <li>Local SEO & 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"> <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.