1<!DOCTYPE html> 2<html lang="en-US"> 3<head>
3<script> 4var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); 5</script>
5 6<meta charset="UTF-8">
6<script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script>
6<script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.5",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseout","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),await this.T(),await this.F(),await this.j(),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise(t=>setTimeout(t,500-Date.now()+this.lastTouchEnd)),this.I(),this.H(),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))},{isRocket:!0})}o(){window.addEventListener("pageshow",t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0},{isRocket:!0}),window.addEventListener("pagehide",()=>{this.onFirstUserAction=null},{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",function i(o){o.changedTouches[0]&&t.changedTouches[0]&&Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}),"INPUT"===o.target.tagName&&"text"===o.target.type||(o.target.dispatchEvent(new TouchEvent("touchend",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new MouseEvent("mouseover",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0,detail:1,clientX:o.changedTouches[0].clientX,clientY:o.changedTouches[0].clientY})),event.preventDefault()))},{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,t.composedPath&&t.composedPath()[0].getRootNode()instanceof ShadowRoot&&(t.rocketTarget=t.composedPath()[0]),this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach(t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.addEventListener("visibilitychange",this.userEventHandler,{isRocket:!0})}U(){this.userEvents.forEach(t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.removeEventListener("visibilitychange",this.userEventHandler,{isRocket:!0}),this.savedUserEvents.forEach(t=>{(t.rocketTarget||t.target).dispatchEvent(new window[t.constructor.name](t.type,t))})}m(){const t="return false",e=Array.from(this.attributeEvents,t=>"data-rocket-"+t),i="["+this.attributeEvents.join("],[")+"]",o="[data-rocket-"+this.attributeEvents.join("],[data-rocket-")+"]",s=(e,i,o)=>{o&&o!==t&&(e.setAttribute("data-rocket-"+i,o),e["rocket"+i]=new Function("event",o),e.setAttribute(i,t))};new MutationObserver(t=>{for(const n of t)"attributes"===n.type&&(n.attributeName.startsWith("data-rocket-")||this.everythingLoaded?n.attributeName.startsWith("data-rocket-")&&this.everythingLoaded&&this.N(n.target,n.attributeName.substring(12)):s(n.target,n.attributeName,n.target.getAttribute(n.attributeName))),"childList"===n.type&&n.addedNodes.forEac
6h(t=>{if(t.nodeType===Node.ELEMENT_NODE)if(this.everythingLoaded)for(const i of[t,...t.querySelectorAll(o)])for(const t of i.getAttributeNames())e.includes(t)&&this.N(i,t.substring(12));else for(const e of[t,...t.querySelectorAll(i)])for(const t of e.getAttributeNames())this.attributeEvents.includes(t)&&s(e,t,e.getAttribute(t))})}).observe(document,{subtree:!0,childList:!0,attributeFilter:[...this.attributeEvents,...e]})}I(){this.attributeEvents.forEach(t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach(e=>{this.N(e,t)})})}N(t,e){const i=t.getAttribute("data-rocket-"+e);i&&(t.setAttribute(e,i),t.removeAttribute("data-rocket-"+e))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick||null},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalAddEventListener.call(this,e,i,o):(t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o}),"mouseenter"!==e&&"mouseleave"!==e||t.originalAddEventListener.call(this,e,t.savedUserEvents.push,o))},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}J(t,e){this.savedEventListeners=this.savedEventListeners.filter(i=>{let o=i.type,s=i.target||window;return e!==o||t!==s||(this.B(o,s)&&(i.type="rocket-"+o),this.$(i),!1)})}H(){EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener,this.savedEventListeners.forEach(t=>this.$(t))}$(t){t.remove?this.originalRemoveEventListener.call(t.target,t.type,t.func,t.options):this.originalAddEventListener.call(t.target,t.type,t.func,t.options)}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map(t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e})),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,()=>{e[t].forEach(t=>t())},{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout(()=>i.bind(document)(o)):i.bind(document)(o)}return"function"==typeof i&&(t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s)),this},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async R(){return new Promise(t=>{this.userActionTriggered?t():this.onFirstUserAction=t})}async L(){return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>{this.realDomReadyFired=!0,t()},{isRocket:!0})})}async j(){return this.realWindowLoadedFired?Promise.resolve():new Promise(t=>{window.addEventListener("load",t,{isRocket:!0})})}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver(t=>
6{for(const e of t)e.addedNodes.forEach(t=>{"SCRIPT"!==t.tagName||!t.src||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise(e=>{const i=()=>{const i=this.pendingScripts.findIndex(e=>e.script===t);i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)})})})}),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async F(){await this.X(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.F()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach(t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)})}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach(e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}}),t=[...new Map(t.map(t=>[JSON.stringify(t),t])).values()],this.Y(t,"preconnect")}
6async G(t){if(await this.K(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise(e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach(t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))}),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",()=>{i.setAttribute("data-rocket-status","failed-network"),e()},{isRocket:!0}),setTimeout(()=>{i.isConnected||e()},1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.G(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())},{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}});t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.G(e),this.C(t)):Promise.resolve()}O(){this.Y([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}Y(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach(t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}}),document.head.appendChild(o)}W(){this.trash.forEach(t=>t.remove())}async T(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(document,"DOMContentLoaded"),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.K(),this.J(window,"DOMContentLoaded"),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(window,"load"),window.dispatchEvent(new Event("rocket-load")),await this.K(),window.rocketonload&&window.rocketonload(),await this.K(),this.allJQueries.forEach(t=>t(window).trigger("rocket-jquery-load")),await this.K(),this.J(window,"pageshow");const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.K(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async K(){Date.now()-this.lastBreath>45&&(await this.X(),this.lastBreath=Date.now())}async X(){return document.hidden?new Promise(t=>setTimeout(t)):new Promise(t=>requestAnimationFrame(t))}B(t,e=window){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})(); 7</script>
7 8 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 <link rel="profile" href="https://gmpg.org/xfn/11"> 11 <style id="critical-css">:root{--bs-red:#e32a38;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1c2126;--bs-secondary:#f9e547;--bs-success:#198754;--bs-danger:#e32a38;--bs-yellow:#f9e547;--bs-orange:#f95a57;--bs-teal:#004ea8;--bs-accent:#2e77dd;--bs-gray:#7a7a7f;--bs-light-gray:#efefef;--bs-charcoal:#1c2126;--bs-black-pearl:#1d252d;--bs-white:#fff;--bs-black:#000;--bs-primary-rgb:28,33,38;--bs-secondary-rgb:249,229,71;--bs-success-rgb:25,135,84;--bs-danger-rgb:227,42,56;--bs-yellow-rgb:249,229,71;--bs-orange-rgb:249,90,87;--bs-teal-rgb:0,78,168;--bs-accent-rgb:46,119,221;--bs-gray-rgb:122,122,127;--bs-light-gray-rgb:239,239,239;--bs-charcoal-rgb:28,33,38;--bs-black-pearl-rgb:29,37,45;--bs-primary-text-emphasis:#0b0d0f;--bs-secondary-text-emphasis:#645c1c;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#645c1c;--bs-danger-text-emphasis:#5b1116;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#d2d3d4;--bs-secondary-bg-subtle:#fefada;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fefada;--bs-danger-bg-subtle:#f9d4d7;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#a4a6a8;--bs-secondary-border-subtle:#fdf5b5;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#fdf5b5;--bs-danger-border-subtle:#f4aaaf;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:sofia-pro,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1.125rem;--bs-body-font-weight:400;--bs-body-line-height:1.6;--bs-body-text-align:left;--bs-body-color:#1c2126;--bs-body-color-rgb:28,33,38;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(28,33,38,.75);--bs-secondary-color-rgb:28,33,38;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(28,33,38,.5);--bs-tertiary-color-rgb:28,33,38;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:#1d252d;--bs-link-color:#2e77dd;--bs-link-color-rgb:46,119,221;--bs-link-decoration:none;--bs-link-hover-color:#255fb1;--bs-link-hover-color-rgb:37,95,177;--bs-code-color:#d63384;--bs-highlight-color:#1c2126;--bs-highlight-bg:#fefada;--bs-border-width:4px;--bs-border-style:solid;--bs-border-color:#efefef;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:.3125rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0,0,0,.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(28,33,38,.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#e32a38;--bs-form-invalid-border-color:#e32a38}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bs-body-bg);color:var(--bs-body-color);font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);margin:0;text-align:var(--bs-body-text-align);-webkit-text-size-adjust:100%}h1,h4{color:var(--bs-heading-color);font-weight:700;line-height:1;margin-bottom:.5rem;margin-top:0}h1{font-size:clamp(2.125rem,1.2896rem + 1.7405vw,2.8125rem)}h4{font-size:calc(1.29375rem + .525vw)}p{margin-bottom:1rem;margin-top:0}ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}ul ul{margin-bottom:0}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:none}kbd{background-color:var(--bs-body-color);border-radius:.25rem;color:var(--bs-body-bg);font-family:var(--bs-font-monospace);font-size:1em;font-size:.875em;padding:.1875rem .375rem}figure{margin:0 0 1rem}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}button,input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}
11::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{-webkit-appearance:button;font:inherit}iframe{border:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;max-width:1600px;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:640px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1536px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gx-1{--bs-gutter-x:.25rem}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.visually-hidden:not(caption){position:absolute!important}.object-fit-cover{object-fit:cover!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-auto{overflow-y:auto!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border-gray{--bs-border-opacity:1;border-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity))!important}.w-100{width:100%!important}.vw-100{width:100vw!important}.h-100{height:100%!important}.vh-100{height:100vh!important}.flex-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-orange{--bs-text-opacity:1;color:rgba(var(--bs-orange-rgb),var(--bs-text-opacity))!important}.text-light-gray{--bs-text-opacity:1;color:rgba(var(--bs-light-gray-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-orange{--bs-bg-opacity:1;background-color:rgba(var(--bs-orange-rgb),var(--bs-bg-opacity))!important}.bg-charcoal{--bs-bg-opacity:1;background-color:rgba(var(--bs-charcoal-rgb),var(--bs-bg-opacity))!important}.bg-black-pearl{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-pearl-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.z-1{z-index:1!important}:root{--layout-content-size:882px;--layout-wide-size:1120px;--swiper-navigation-color:$white;--swiper-pagination-color:$white}*,:after,:before{border:0 solid;word-wrap:break-word}.has-white-color{color:#fff!important}.has-orange-background-color{background-color:#f95a57!important}.is-style-outline .wp-element-button.has-outline-white-color{border-color:#fff!important}.is-style-fill .has-orange-background-color{border-color:#f95a57!important}.heading-light h1{color:#fff}.alignfull{max-width:none}
11img,video{height:auto;max-width:100%}iframe,img,svg,video{display:block;vertical-align:middle}.wp-block-button a.wp-block-button__link,a.wp-block-button__link.wp-element-button{border-radius:50px;font-size:18px;font-weight:700;height:66px;letter-spacing:-.035rem;line-height:60px;padding:0 70px}a.wp-block-button__link.wp-element-button{color:#1d252d;padding:0 40px;text-align:center}.wp-block-button__link,.wp-element-button{display:inline-block}.is-style-outline .wp-block-button__link,.is-style-outline .wp-element-button{background:transparent!important}.svg-defs{display:none}.svg-icon{display:inline-block;fill:currentColor;height:1em;width:1em}.video-background{bottom:0;left:0;position:absolute;right:0;top:0}button,input,textarea{background-color:inherit}form .gform_footer.top_label input{background:0 0;border:0;border-radius:40px;color:#1d252d;font-size:24px!important;font-weight:600;height:auto;line-height:24px;margin:0!important;padding:25px 70px 28px;text-align:right}.gform_legacy_markup_wrapper form .gform_body.gform-body .gfield_checkbox .gchoice input,.subscribe-form form .gform_body.gform-body .gfield_checkbox .gchoice input{display:none;height:auto;margin-bottom:0;padding:0;width:auto}.subscribe-form form .gform_footer.top_label input{border:2px solid #fff!important;color:#fff}@media (max-width:767px){form .gform_footer.top_label input{font-size:22px;padding:0;text-align:center}.subscribe-form form .gform_footer.top_label input{padding:15px}}@media (max-width:575px){.subscribe-form form .gform_footer.top_label input{padding:15px 35px}}.search-btn svg{fill:#efefef}#search-container{--bs-bg-opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10vh 1rem}.search-modal{max-width:758px}.search-modal .svg-icon.search{font-size:1.5rem}#search-container form{align-items:center;display:flex;flex:auto;margin-left:.75rem;margin-right:1rem;min-width:0;width:100%}#search-container form ul{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}#search-container form .sf-field-search{padding:0;width:100%}#search-container form .sf-field-search label{width:100%}#search-container form [data-sf-field-type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#7a7a7f;border-radius:4px;border-width:1px;flex:none;font-size:0;height:2rem;padding:0;width:2.5rem}#search-container form [type=submit]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' aria-label='Enter key'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 3.53v3c0 1-1 2-2 2H4m3 3-3-3 3-3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;height:100%;width:100%}#search-container input.sf-input-text{background:0 0;color:#fff;flex:auto;font-size:1.25rem;height:3.5rem;min-width:0;width:100%}#search-container input.sf-input-text,.search-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-cancel{border-width:1px;flex:none;font-size:0;height:2rem;width:2.5rem}.search-cancel kbd{font-size:12px;padding:0}.container{max-width:1120px}section{content-visibility:visible!important}.object-center{object-position:center}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.off-canvas-container{background-color:var(--wp--preset--color--black);right:-100%;width:75%;z-index:9999}.off-canvas-close{top:18px;--bopper-menu-button-size:2.5rem;color:var(--wp--preset--color--black);font-size:var(--bopper-menu-button-size,2.5rem);height:var(--bopper-menu-button-size,2.5rem);right:.75rem;width:var(--bopper-menu-button-size,2.5rem)}.off-canvas-close .icon{display:block}.off-canvas-screen{--bopper-bg-opacity:.75;background-color:rgba(0,0,0,var(--bopper-bg-opacity));z-index:9996}.off-canvas-content{margin-top:76px;padding:1rem}.off-canvas-close svg{color:var(--wp--preset--color--white);width:25px}.mobile-menu,.mobile-menu ul{list-style:none}.mobile-menu ul{padding:0}.mobile-menu li{margin-bottom:.5rem}.mobile-menu li a{color:#fff;display:block;font-size:18px;padding:10px;position:relative}.mobile-menu .sub-menu{display:none;margin-bottom:0;margin-left:1rem;margin-top:.5rem}.mobile-contact-btn{padding:0 2rem}.mobile-contact-btn .wp-block-button__link.wp-element-button{background-color:#f95a57;border:none;height:auto;line-height:normal;padding:10px 28px 14px}.testimonials{padding:95px 0 118px;width:100%}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px}.gform_legacy_markup_wrapper *{box-sizing:border-box!important}.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not
11([type=image]):not([type=file]){font-family:inherit;font-size:inherit;letter-spacing:normal;padding:5px 4px}.gform_legacy_markup_wrapper textarea{font-family:inherit;font-size:inherit;letter-spacing:normal;line-height:1.5;padding:6px 8px;resize:none}.gform_legacy_markup_wrapper li.hidden_label input{margin-top:12px}.gform_legacy_markup_wrapper .gfield_checkbox li input,.gform_legacy_markup_wrapper .gfield_checkbox li input[type=checkbox]{display:-moz-inline-stack;display:inline-block;margin-left:1px;vertical-align:middle}.gform_legacy_markup_wrapper .gform_hidden,.gform_legacy_markup_wrapper input.gform_hidden,.gform_legacy_markup_wrapper input[type=hidden]{display:none!important;max-height:1px!important;overflow:hidden}@media only screen and (max-width:641px){.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height:2;min-height:2rem}.gform_legacy_markup_wrapper textarea{line-height:1.5}}.cta-form-with-lottie-content form .gform_footer.top_label input{background:transparent;border:2px solid #fff;border-radius:40px;color:#fff;font-size:24px;font-weight:600;height:auto;line-height:24px;margin:0;padding:24px 60px}@media (max-width:767px){.cta-form-with-lottie-content form .gform_footer.top_label input{line-height:1;padding:16px 60px}}</style> <link rel="preload" href="https://www.bopdesign.com/wp-content/uploads/2023/07/logo.svg" as="image"> 12 <link rel="preload" href="https://www.bopdesign.com/wp-includes/js/jquery/jquery.min.js" as="script"> 13 <link rel="preconnect" href="https://js.convertflow.co" crossorigin> 14<!-- --><!-- <link rel="preload" href="--><!--" as="style">--> 15<!-- <link rel="stylesheet" href="--><!--">--> 16<!-- <noscript><link rel="stylesheet" href="--><!--"></noscript>--> 17<!-- --> <style id="theme-fonts-css">@font-face{font-family:Outfit;src:url(https://www.bopdesign.com/wp-content/themes/bopper/assets/fonts/Outfit/Outfit-VariableFont_wght.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:optional}</style> 18 <style id="mobile-menu-style-css" media="screen and (max-width:991px)"> 19 .off-canvas-open{--bopper-menu-button-size:2.5rem;color:var(--wp--preset--color--white);font-size:var(--bopper-menu-button-size,2.5rem);height:var(--bopper-menu-button-size,2.5rem);width:var(--bopper-menu-button-size,2.5rem);right:0.75rem} 20 .off-canvas-open .icon{display:block;fill:currentColor} 21 </style> 22 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 23 24<!-- Google Tag Manager for WordPress by gtm4wp.com -->
25<script type="text/rocketlazyloadscript" data-cfasync="false" data-pagespeed-no-defer> 26 var gtm4wp_datalayer_name = "dataLayer"; 27 var dataLayer = dataLayer || []; 28</script>
28 29<!-- End Google Tag Manager for WordPress by gtm4wp.com --><link data-minify="1" rel="preload" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/main.css?ver=1790272829" as="style"> 30 31 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 32 <title>B2B Website Design Agency | B2B Web Designs That Drive Leads</title> 33<link data-rocket-prefetch href="https://js.hs-analytics.net" rel="dns-prefetch"> 34<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch"> 35<link data-rocket-prefetch href="https://js-na2.hsforms.net" rel="dns-prefetch"> 36<link data-rocket-prefetch href="https://js.convertflow.co" rel="dns-prefetch"> 37<link crossorigin data-rocket-preload as="font" href="https://www.bopdesign.com/wp-content/themes/bopper/assets/fonts/Outfit/Outfit-VariableFont_wght.woff2" rel="preload"> 38<style id="rocket-critical-css">:root{--bs-red:#e32a38;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1c2126;--bs-secondary:#f9e547;--bs-success:#198754;--bs-danger:#e32a38;--bs-yellow:#f9e547;--bs-orange:#f95a57;--bs-teal:#004ea8;--bs-accent:#2e77dd;--bs-gray:#7a7a7f;--bs-light-gray:#efefef;--bs-charcoal:#1c2126;--bs-black-pearl:#1d252d;--bs-white:#fff;--bs-black:#000;--bs-primary-rgb:28, 33, 38;--bs-secondary-rgb:249, 229, 71;--bs-success-rgb:25, 135, 84;--bs-danger-rgb:227, 42, 56;--bs-yellow-rgb:249, 229, 71;--bs-orange-rgb:249, 90, 87;--bs-teal-rgb:0, 78, 168;--bs-accent-rgb:46, 119, 221;--bs-gray-rgb:122, 122, 127;--bs-light-gray-rgb:239, 239, 239;--bs-charcoal-rgb:28, 33, 38;--bs-black-pearl-rgb:29, 37, 45;--bs-primary-text-emphasis:rgb(11.2, 13.2, 15.2);--bs-secondary-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-success-text-emphasis:rgb(10, 54, 33.6);--bs-info-text-emphasis:rgb(5.2, 80.8, 96);--bs-warning-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-danger-text-emphasis:rgb(90.8, 16.8, 22.4);--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:rgb(209.6, 210.6, 211.6);--bs-secondary-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-success-bg-subtle:rgb(209, 231, 220.8);--bs-info-bg-subtle:rgb(206.6, 244.4, 252);--bs-warning-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-danger-bg-subtle:rgb(249.4, 212.4, 215.2);--bs-light-bg-subtle:rgb(251.5, 252, 252.5);--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:rgb(164.2, 166.2, 168.2);--bs-secondary-border-subtle:rgb(252.6, 244.6, 181.4);--bs-success-border-subtle:rgb(163, 207, 186.6);--bs-info-border-subtle:rgb(158.2, 233.8, 249);--bs-warning-border-subtle:rgb(252.6, 244.6, 181.4);--bs-danger-border-subtle:rgb(243.8, 169.8, 175.4);--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:Outfit, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1.125rem;--bs-body-font-weight:400;--bs-body-line-height:1.6;--bs-body-text-align:left;--bs-body-color:#1c2126;--bs-body-color-rgb:28, 33, 38;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(28, 33, 38, .75);--bs-secondary-color-rgb:28, 33, 38;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(28, 33, 38, .5);--bs-tertiary-color-rgb:28, 33, 38;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:#1d252d;--bs-link-color:#2e77dd;--bs-link-color-rgb:46, 119, 221;--bs-link-decoration:none;--bs-link-hover-color:rgb(36.8, 95.2, 176.8);--bs-link-hover-color-rgb:37, 95, 177;--bs-code-color:#d63384;--bs-highlight-color:#1c2126;--bs-highlight-bg:rgb(253.8, 249.8, 218.2);--bs-border-width:4px;--bs-border-style:solid;--bs-border-color:#efefef;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.3125rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;
38--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(28, 33, 38, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#e32a38;--bs-form-invalid-border-color:#e32a38}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h4,h1{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1;color:var(--bs-heading-color)}h1{font-size:clamp(2.125rem,1.2896rem + 1.7405vw,2.8125rem)}h4{font-size:calc(1.29375rem + .525vw)}@media (min-width:1200px){h4{font-size:1.6875rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}strong{font-weight:bolder}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}kbd{font-family:var(--bs-font-monospace);font-size:1em}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}figure{margin:0 0 1rem}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}iframe{border:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:640px){.container{max-width:620px}}@media (min-width:768px){.container{max-width:728px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1220px}}.container{max-width:1600px}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:640px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1536px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gx-1{--bs-gutter-x:.25rem}@media (min-width:640px){.col-sm-3{flex:0 0 auto;width:25%}.col-sm-9{flex:0 0 auto;width:75%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.object-fit-cover{object-fit:cover!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}
38.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border-gray{--bs-border-opacity:1;border-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity))!important}.w-100{width:100%!important}.vw-100{width:100vw!important}.h-100{height:100%!important}.vh-100{height:100vh!important}.flex-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-orange{--bs-text-opacity:1;color:rgba(var(--bs-orange-rgb),var(--bs-text-opacity))!important}.text-light-gray{--bs-text-opacity:1;color:rgba(var(--bs-light-gray-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-orange{--bs-bg-opacity:1;background-color:rgba(var(--bs-orange-rgb),var(--bs-bg-opacity))!important}.bg-charcoal{--bs-bg-opacity:1;background-color:rgba(var(--bs-charcoal-rgb),var(--bs-bg-opacity))!important}.bg-black-pearl{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-pearl-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.z-1{z-index:1!important}@media (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}.mb-md-2{margin-bottom:.5rem!important}.p-md-0{padding:0!important}}@media (min-width:992px){.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.justify-content-lg-around{justify-content:space-around!important}.mt-lg-5{margin-top:3rem!important}.mb-lg-0{margin-bottom:0!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}}:root{--layout-content-size:882px;--layout-wide-size:1120px;--swiper-navigation-color:$white;--swiper-pagination-color:$white}*,:after,:before{border-width:0;border-style:solid;border-color:currentColor;word-wrap:break-word}html{overflow-x:hidden}.has-white-color{color:#fff!important}.has-orange-background-color{background-color:#f95a57!important}.is-style-outline .wp-element-button.has-outline-white-color{border-color:#fff!important}.is-style-fill .has-orange-background-color{border-color:#f95a57!important}h1{font-size:clamp(1.875rem,-3.3333rem + 13.0208vw,5rem)}.heading-light h1{color:#fff}.alignfull{max-width:none}img,video{max-width:100%;height:auto}iframe,img,svg,video{display:block;vertical-align:middle}.wp-block-button a.wp-block-button__link,a.wp-block-button__link.wp-element-button{border-radius:50px;font-size:18px;font-weight:700;height:66px;line-height:60px;padding:0 70px}a.wp-block-button__link.wp-element-button{color:#1d252d;padding:0 40px;text-align:center}.wp-block-button__link,.wp-element-button{display:inline-block}.is-style-outline .wp-block-button__link,.is-style-outline .wp-element-button{background:transparent!important}@media (min-width:576px){a.wp-block-button__link.wp-element-button{padding:0 70px}}.svg-defs{display:none}.svg-icon{display:inline-block;width:1em;height:1em;fill:currentColor}.video-background{position:absolute;top:0;right:0;bottom:0;left:0}button,input{background-color:inherit}.search-btn svg{fill:#efefef}#search-container{--bs-bg-opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10vh 1rem}.search-modal{max-width:758px}.search-modal .svg-icon.search{font-size:1.5rem}#search-container form{flex:auto;align-items:center;display:flex;margin-left:.75rem;margin-right:1rem;min-width:0;width:100%}#search-container form ul{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;width:100%}#search-container form .sf-field-search{padding:0;width:100%}#search-container form .sf-field-search label{width:100%}#search-container form [data-sf-field-type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;border-color:#7a7a7f;border-width:1px;flex:none;font-size:0;padding:0;width:2.5rem;height:2rem}#search-container form [type=submit]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' aria-label='Enter key' role='img'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:100%;height:100%}#search-container input.sf-input-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;color:#fff;font-size:1.25rem;flex:auto;min-width:0;height:3.5rem;width:100%}.search-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;font-size:0;flex:none;width:2.5rem;height:2rem}.search-cancel kbd{font-size:12px;padding:0}@media (min-width:48rem){#search-container{padding:10vh}}@media (min-width:64rem){#search-container{padding:12vh}}.container{max-width:1120px}section{content-visibility:visible!important}.object-center{object-position:center}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}#mega-menu-wrap-primary,#mega-menu-wrap-primary #mega-menu-primary,#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column,#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link{border-radius:0;box-shadow:none;background:none;border:0;bottom:auto;box-sizing:border-box;clip:auto;color:#7a7a7f;display:block;float:none;font-family:inherit;font-size:18px;height:auto;left:auto;line-height:1.7;list-style-type:none;margin:0;min-height:auto;max-height:none;min-width:auto;max-width:none;opacity:1;outline:none;overflow:visible;padding:0;position:relative;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;transform:none;top:auto;vertical-align:baseline;visibility:inherit;width:auto;word-wrap:break-word;white-space:normal}#mega-menu-wrap-primary:before,#mega-menu-wrap-primary:after,#mega-menu-wrap-primary #mega-menu-primary:before,#mega-menu-wrap-primary #mega-menu-primary:after,#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:before,#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:after,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:before,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:after,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:before,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:after,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:before,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:after,#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:before,#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:after{display:none}#mega-menu-wrap-primary{border-radius:0}@media only screen and (min-width:992px){#mega-menu-wrap-primary{background-color:black}}#mega-menu-wrap-primary #mega-menu-primary{text-align:left;padding:0}#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link{display:inline}#mega-menu-wrap-primary #mega-menu-primary p{margin-bottom:10px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu{display:block;visibility:hidden;opacity:1}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu{display:none;visibility:visible;opacity:1}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu{opacity:0;transform:translate(0,10px)}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{visibility:inherit;opacity:1;display:block}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before{display:inline-block;font:inherit;font-family:dashicons;position:static;margin:0 6px 0 0px;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;background:transparent;height:auto;width:auto;top:auto}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item{position:static}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item{margin:0 20px 0 0;display:inline-block;height:auto;vertical-align:middle}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{line-height:100px;height:100px;padding:36px 0;vertical-align:baseline;width:auto;display:block;color:white;text-transform:capitalize;text-decoration:none;text-align:left;background-color:rgba(0,0,0,0);border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:3px solid rgba(0,0,0,0);border-radius:0;font-family:inherit;font-size:18px;font-weight:inherit;outline:none}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item{display:list-item;margin:0;clear:both;border:0}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{border-radius:0;border:0;margin:0;line-height:40px;height:40px;padding:0 10px;background:transparent;text-align:left;color:#ffffff;font-size:14px}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{width:100%;float:left}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column{float:left;min-height:1px}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column{width:calc(var(--span) / var(--columns) * 100%)}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column{width:100%;clear:both}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item{padding:0;width:100%}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{z-index:999;border-radius:10px;background-color:white;border-top:0 solid #fff;border-left:0 solid #fff;border-right:0 solid #fff;border-bottom:0 solid #fff;padding:0;position:absolute;width:100%;max-width:none;left:0}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{float:left;position:static;width:100%}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item{color:#7a7a7f;font-family:inherit;font-size:18px;display:block;float:left;clear:none;padding:0;vertical-align:top}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title{color:#1c2126;font-family:inherit;font-size:40px;text-transform:none;text-decoration:none;font-weight:inherit;text-align:left;margin:0 0 20px 0;padding:0;vertical-align:top;display:block;visibility:inherit;border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0)}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{color:#1c2126;font-family:inherit;font-size:20px;text-transform:uppercase;text-decoration:none;font-weight:inherit;text-align:left;margin:0 0 12px 0;padding:0;vertical-align:top;display:block;border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0)}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link{color:#2e77dd;font-family:inherit;font-size:16px;text-transform:none;text-decoration:none;font-weight:normal;text-align:left;margin:0 0 18px 0;padding:0;vertical-align:top;display:block;border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0)}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{border:0;padding:10px;border-radius:0}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{display:inline-block;width:auto;background:transparent;position:relative;
38left:auto;min-width:auto;font-size:inherit;padding:0;margin:0 0 0 6px;height:auto;line-height:inherit;color:inherit}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after{content:"ï
";font-family:dashicons;font-weight:normal;display:inline-block;margin:0;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(0);color:inherit;position:relative;background:transparent;height:auto;width:auto;right:auto;line-height:inherit}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{float:right;margin-left:auto}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{float:right}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children)>a.mega-menu-link>span.mega-indicator,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow>a.mega-menu-link>span.mega-indicator{display:none}#mega-menu-wrap-primary .mega-menu-toggle{display:none}@media only screen and (max-width:991px){#mega-menu-wrap-primary .mega-menu-toggle{z-index:1;background-color:black;border-radius:2px;line-height:50px;height:50px;text-align:left;outline:none;white-space:nowrap;display:flex}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right{display:flex;flex-basis:33.33%}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block{display:flex;height:100%;outline:0;align-self:center;flex-shrink:0}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left{flex:1;justify-content:flex-start}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center{justify-content:center}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right{flex:1;justify-content:flex-end}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{margin-right:6px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{margin-left:6px}#mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary{flex-direction:column;flex-wrap:nowrap;background-color:#222;padding:0px;display:none}}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated{padding:0;display:flex;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;transform:scale(0.8);align-self:center;outline:0;background:none}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box{width:40px;height:24px;display:inline-block;position:relative;outline:0}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{display:block;top:50%;margin-top:-2px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{width:40px;height:4px;background-color:#ddd;border-radius:4px;position:absolute}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{content:"";display:block}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before{top:-10px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{bottom:-10px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner{top:2px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before{top:10px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after{top:20px}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-42>a.mega-menu-link:before{content:"";background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/service-header.svg");background-size:52px 46px;background-repeat:no-repeat;width:52px;height:46px;line-height:46px;vertical-align:top}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-42>a.mega-menu-link:before{background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/service-header.svg")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-42>a.mega-menu-link:before{background-size:30px 25px;width:30px;height:25px;line-height:25px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-46012>a.mega-menu-link:before{content:"";background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/content.svg");background-size:52px 46px;background-repeat:no-repeat;width:52px;height:46px;line-height:46px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-46012>a.mega-menu-link:before{background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/content.svg")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-46012>a.mega-menu-link:before{background-size:30px 25px;width:30px;height:25px;line-height:25px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-66>a.mega-menu-link:before{content:"";background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/brand.svg");background-size:52px 46px;background-repeat:no-repeat;width:52px;height:46px;line-height:46px;vertical-align:top}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-66>a.mega-menu-link:before{background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/brand.svg")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-66>a.mega-menu-link:before{background-size:30px 25px;width:30px;height:25px;line-height:25px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45847>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/1-2.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45847>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/1-2.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45847>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-82>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/2-1.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-82>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/2-1.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-82>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-84>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/3-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-84>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/3.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-84>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45846>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/4.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45846>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/4.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45846>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45161>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/5.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45161>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/5.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45161>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-86>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/6.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-86>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/6.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-86>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-88>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/7-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-88>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/7.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-88>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-90>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/8-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-90>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/8.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-90>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-92>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/9-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-92>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/9.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-92>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40{position:relative}#mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal li#mega-menu-item-40.mega-menu-megamenu>ul.mega-sub-menu{left:auto!important}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40>ul.mega-sub-menu{margin-left:-220px}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40.mega-menu-megamenu>ul.mega-sub-menu{width:954px!important}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-74{position:relative}#mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal li#mega-menu-item-74.mega-menu-megamenu>ul.mega-sub-menu{left:auto!important}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-74>ul.mega-sub-menu{margin-left:-120px}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-74.mega-menu-megamenu>ul.mega-sub-menu{width:760px!important}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-106{position:relative}#mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal li#mega-menu-item-106.mega-menu-megamenu>ul.mega-sub-menu{left:auto!important}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-106>ul.mega-sub-menu{margin-left:-392px}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-106.mega-menu-megamenu>ul.mega-sub-menu{width:760px!important}}#mega-menu-wrap-primary{clear:both}.site-header>.container{max-width:1600px}.mega-menu-toggle{display:none}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child{margin-right:0}@media (min-width:1200px){#mega-menu-wrap-primary #mega-menu-primary{margin-right:116px}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item{margin-right:32px}#mega-menu-wrap-primary #mega-menu-primary li.mega-services-mega-menu>ul.mega-sub-menu{margin-left:-312px}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{line-height:normal}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link{padding-right:16px}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link::after{border-color:#ffe800;border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:"";display:inline-block;position:absolute;right:1px;top:46%;width:8px;height:8px;transform:translateY(-46%) rotate(45deg)}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link::before{border-bottom:10px solid #f9f9f9;border-left:10px solid transparent;border-right:10px solid transparent;content:"";display:block;margin-left:-10px;position:absolute;bottom:0;right:-11px;opacity:0;visibility:hidden;transform:translateY(-16px)}@media (min-width:1280px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40.mega-menu-megamenu>ul.mega-sub-menu{width:1200px!important}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{box-shadow:0 3px 6px rgba(0,0,0,0.16);overflow:hidden;top:70px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu{display:flex}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li{padding:78px 32px 40px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.m
38ega-menu-row>ul.mega-sub-menu>li.mega-menu-column:first-child{background-color:#f9f9f9}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title{font-weight:900;line-height:1}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.services-mega-menu li.mega-menu-item a.mega-menu-link::before{display:block;margin:0 0 32px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.services-mega-menu)>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li:not(:first-child){padding-left:60px}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{font-weight:900;line-height:1.75}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu .textwidget p a.wp-block-button__link{margin:32px 0 0;padding:0 32px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.industries-mega-menu>ul.mega-sub-menu a.mega-menu-link::before{border-radius:50%;background-color:#ffe800;background-size:56%!important;background-position:center;margin-right:20px}.main-navigation .wp-block-buttons a.wp-block-button__link{border:0;height:auto;line-height:1;margin:0 22px;padding:16px 28px}:root{--bs-red:#e32a38;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1c2126;--bs-secondary:#f9e547;--bs-success:#198754;--bs-danger:#e32a38;--bs-yellow:#f9e547;--bs-orange:#f95a57;--bs-teal:#004ea8;--bs-accent:#2e77dd;--bs-gray:#7a7a7f;--bs-light-gray:#efefef;--bs-charcoal:#1c2126;--bs-black-pearl:#1d252d;--bs-white:#fff;--bs-black:#000;--bs-primary-rgb:28, 33, 38;--bs-secondary-rgb:249, 229, 71;--bs-success-rgb:25, 135, 84;--bs-danger-rgb:227, 42, 56;--bs-yellow-rgb:249, 229, 71;--bs-orange-rgb:249, 90, 87;--bs-teal-rgb:0, 78, 168;--bs-accent-rgb:46, 119, 221;--bs-gray-rgb:122, 122, 127;--bs-light-gray-rgb:239, 239, 239;--bs-charcoal-rgb:28, 33, 38;--bs-black-pearl-rgb:29, 37, 45;--bs-primary-text-emphasis:rgb(11.2, 13.2, 15.2);--bs-secondary-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-success-text-emphasis:rgb(10, 54, 33.6);--bs-info-text-emphasis:rgb(5.2, 80.8, 96);--bs-warning-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-danger-text-emphasis:rgb(90.8, 16.8, 22.4);--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:rgb(209.6, 210.6, 211.6);--bs-secondary-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-success-bg-subtle:rgb(209, 231, 220.8);--bs-info-bg-subtle:rgb(206.6, 244.4, 252);--bs-warning-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-danger-bg-subtle:rgb(249.4, 212.4, 215.2);--bs-light-bg-subtle:rgb(251.5, 252, 252.5);--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:rgb(164.2, 166.2, 168.2);--bs-secondary-border-subtle:rgb(252.6, 244.6, 181.4);--bs-success-border-subtle:rgb(163, 207, 186.6);--bs-info-border-subtle:rgb(158.2, 233.8, 249);--bs-warning-border-subtle:rgb(252.6, 244.6, 181.4);--bs-danger-border-subtle:rgb(243.8, 169.8, 175.4);--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:Outfit, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1.125rem;--bs-body-font-weight:400;--bs-body-line-height:1.6;--bs-body-text-align:left;--bs-body-color:#1c2126;--bs-body-color-rgb:28, 33, 38;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(28, 33, 38, .75);--bs-secondary-color-rgb:28, 33, 38;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(28, 33, 38, .5);--bs-tertiary-color-rgb:28, 33, 38;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:#1d252d;--bs-link-color:#2e77dd;--bs-link-color-rgb:46, 119, 221;--bs-link-decoration:none;--bs-link-hover-color:rgb(36.8, 95.2, 176.8);--bs-link-hover-color-rgb:37, 95, 177;--bs-code-color:#d63384;--bs-highlight-color:#1c2126;--bs-highlight-bg:rgb(253.8, 249.8, 218.2);--bs-border-width:4px;--bs-border-style:solid;--bs-border-color:#efefef;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.3125rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;
38--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(28, 33, 38, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#e32a38;--bs-form-invalid-border-color:#e32a38}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h4,h1{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1;color:var(--bs-heading-color)}h1{font-size:clamp(2.125rem,1.2896rem + 1.7405vw,2.8125rem)}h4{font-size:calc(1.29375rem + .525vw)}@media (min-width:1200px){h4{font-size:1.6875rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}strong{font-weight:bolder}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}kbd{font-family:var(--bs-font-monospace);font-size:1em}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}figure{margin:0 0 1rem}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}iframe{border:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:640px){.container{max-width:620px}}@media (min-width:768px){.container{max-width:728px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1220px}}.container{max-width:1600px}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:640px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1536px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gx-1{--bs-gutter-x:.25rem}@media (min-width:640px){.col-sm-3{flex:0 0 auto;width:25%}.col-sm-9{flex:0 0 auto;width:75%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.object-fit-cover{object-fit:cover!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}
38.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border-gray{--bs-border-opacity:1;border-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity))!important}.w-100{width:100%!important}.vw-100{width:100vw!important}.h-100{height:100%!important}.vh-100{height:100vh!important}.flex-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-orange{--bs-text-opacity:1;color:rgba(var(--bs-orange-rgb),var(--bs-text-opacity))!important}.text-light-gray{--bs-text-opacity:1;color:rgba(var(--bs-light-gray-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-orange{--bs-bg-opacity:1;background-color:rgba(var(--bs-orange-rgb),var(--bs-bg-opacity))!important}.bg-charcoal{--bs-bg-opacity:1;background-color:rgba(var(--bs-charcoal-rgb),var(--bs-bg-opacity))!important}.bg-black-pearl{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-pearl-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.z-1{z-index:1!important}@media (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}.mb-md-2{margin-bottom:.5rem!important}.p-md-0{padding:0!important}}@media (min-width:992px){.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.justify-content-lg-around{justify-content:space-around!important}.mt-lg-5{margin-top:3rem!important}.mb-lg-0{margin-bottom:0!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}}:root{--layout-content-size:882px;--layout-wide-size:1120px;--swiper-navigation-color:$white;--swiper-pagination-color:$white}*,:after,:before{border-width:0;border-style:solid;border-color:currentColor;word-wrap:break-word}html{overflow-x:hidden}.has-white-color{color:#fff!important}.has-orange-background-color{background-color:#f95a57!important}.is-style-outline .wp-element-button.has-outline-white-color{border-color:#fff!important}.is-style-fill .has-orange-background-color{border-color:#f95a57!important}h1{font-size:clamp(1.875rem,-3.3333rem + 13.0208vw,5rem)}.heading-light h1{color:#fff}.alignfull{max-width:none}img,video{max-width:100%;height:auto}iframe,img,svg,video{display:block;vertical-align:middle}.wp-block-button a.wp-block-button__link,a.wp-block-button__link.wp-element-button{border-radius:50px;font-size:18px;font-weight:700;height:66px;line-height:60px;padding:0 70px}a.wp-block-button__link.wp-element-button{color:#1d252d;padding:0 40px;text-align:center}.wp-block-button__link,.wp-element-button{display:inline-block}.is-style-outline .wp-block-button__link,.is-style-outline .wp-element-button{background:transparent!important}@media (min-width:576px){a.wp-block-button__link.wp-element-button{padding:0 70px}}.svg-defs{display:none}.svg-icon{display:inline-block;width:1em;height:1em;fill:currentColor}.video-background{position:absolute;top:0;right:0;bottom:0;left:0}button,input{background-color:inherit}.search-btn svg{fill:#efefef}#search-container{--bs-bg-opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10vh 1rem}.search-modal{max-width:758px}.search-modal .svg-icon.search{font-size:1.5rem}#search-container form{flex:auto;align-items:center;display:flex;margin-left:.75rem;margin-right:1rem;min-width:0;width:100%}#search-container form ul{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;width:100%}#search-container form .sf-field-search{padding:0;width:100%}#search-container form .sf-field-search label{width:100%}#search-container form [data-sf-field-type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;border-color:#7a7a7f;border-width:1px;flex:none;font-size:0;padding:0;width:2.5rem;height:2rem}#search-container form [type=submit]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' aria-label='Enter key' role='img'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:100%;height:100%}#search-container input.sf-input-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;color:#fff;font-size:1.25rem;flex:auto;min-width:0;height:3.5rem;width:100%}.search-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;font-size:0;flex:none;width:2.5rem;height:2rem}.search-cancel kbd{font-size:12px;padding:0}@media (min-width:48rem){#search-container{padding:10vh}}@media (min-width:64rem){#search-container{padding:12vh}}.container{max-width:1120px}section{content-visibility:visible!important}.object-center{object-position:center}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}</style><link rel="preload" data-rocket-preload as="image" href="https://www.bopdesign.com/wp-content/uploads/2023/11/video-poster-home.jpg" fetchpriority="high"> 39 <meta name="description" content="Our B2B web design agency & marketing firm is passionate about creating B2B website designs to attract and convert leads. Learn more." /> 40 <link rel="canonical" href="https://www.bopdesign.com/" /> 41 <meta property="og:locale" content="en_US" /> 42 <meta property="og:type" content="website" /> 43 <meta property="og:title" content="B2B Web Design Agency" /> 44 <meta property="og:description" content="Our B2B web design agency & marketing firm is passionate about creating B2B website designs to attract and convert leads. Learn more." /> 45 <meta property="og:url" content="https://www.bopdesign.com/" /> 46 <meta property="og:site_name" content="Bop Design" /> 47 <meta property="article:publisher" content="https://www.facebook.com/BopDesign" /> 48 <meta property="article:modified_time" content="2026-09-17T09:50:36+00:00" /> 49 <meta property="og:image" content="https://www.bopdesign.com/wp-content/uploads/2023/11/bop-design-open-graph.png" />
50 <meta property="og:image:width" content="1200" /> 51 <meta property="og:image:height" content="630" /> 52 <meta property="og:image:type" content="image/png" /> 53 <meta name="twitter:card" content="summary_large_image" /> 54 <meta name="twitter:site" content="@bopdesignsd" /> 55
55<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bopdesign.com\/","url":"https:\/\/www.bopdesign.com\/","name":"B2B Website Design Agency | B2B Web Designs That Drive Leads","isPartOf":{"@id":"https:\/\/www.bopdesign.com\/#website"},"about":{"@id":"https:\/\/www.bopdesign.com\/#organization"},"datePublished":"2022-12-30T23:16:17+00:00","dateModified":"2026-09-17T09:50:36+00:00","description":"Our B2B web design agency & marketing firm is passionate about creating B2B website designs to attract and convert leads. Learn more.","breadcrumb":{"@id":"https:\/\/www.bopdesign.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bopdesign.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bopdesign.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.bopdesign.com\/#website","url":"https:\/\/www.bopdesign.com\/","name":"Bop Design","description":"B2B Website Design Agency. B2B Web Designs That Drive Leads.","publisher":{"@id":"https:\/\/www.bopdesign.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bopdesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bopdesign.com\/#organization","name":"Bop Design","alternateName":"Bop Design, Inc.","url":"https:\/\/www.bopdesign.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bopdesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.bopdesign.com\/wp-content\/uploads\/2023\/11\/organization-logo.jpg","contentUrl":"https:\/\/www.bopdesign.com\/wp-content\/uploads\/2023\/11\/organization-logo.jpg","width":696,"height":696,"caption":"Bop Design"},"image":{"@id":"https:\/\/www.bopdesign.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BopDesign","https:\/\/x.com\/bopdesignsd","https:\/\/www.linkedin.com\/company\/bop-design\/","https:\/\/www.instagram.com\/bopdesign\/","https:\/\/youtube.com\/user\/BopDesignSD","https:\/\/clutch.co\/profile\/bop-design\/"]}]}</script>
55 56 <!-- / Yoast SEO plugin. --> 57 58 59<link rel="alternate" type="application/rss+xml" title="Bop Design » Feed" href="https://www.bopdesign.com/feed/" /> 60<link rel="alternate" type="application/rss+xml" title="Bop Design » Comments Feed" href="https://www.bopdesign.com/comments/feed/" /> 61<style id="wp-img-auto-sizes-contain-inline-css"> 62img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 63/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 64</style> 65<style id="wp-block-library-inline-css"> 66: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;
66--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}} 67 68/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 69</style> 70 71<link data-minify="1" rel='stylesheet' id='swiperjs-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/swiper-bundle.min.css?ver=1790272965' media='print' onload="this.media='all'" /> 72<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/swiper-bundle.min.css?ver=1790272965"></noscript><style id="acf-carousel-testimonials-style-inline-css"> 73.testimonials { 74 width: 100%; 75 padding: 95px 0 118px; 76} 77 78.testimonials > .has-pattern-show { 79 position: absolute; 80 top: 0; 81 width: 100%; 82 background-size: contain; 83 height: 100%; 84 background-repeat: no-repeat; 85 background-position: center; 86} 87 88.testimonials .container { 89 max-width: 1518px; 90} 91 92.section-label { 93 max-width: 1296px; 94} 95 96.section-label h2 { 97 font-size: 24px; 98 font-weight: 900; 99 line-height: 38px; 100 margin-bottom: 74px; 101} 102 103.section-label h2::before { 104 background: url("/wp-content/themes/bopper/blocks/carousel-testimonials/../../assets/images/acf-icons/quotes.svg") no-repeat center 100%; 105 content: ""; 106 display: block; 107 margin: 0 0 20px; 108 width: 25px; 109 height: 15px; 110} 111 112.testimonials-item-inner { 113 width: 100%; 114 max-width: 1296px; 115 padding-left: 32px; 116 display: flex; 117 flex-wrap: wrap; 118 align-items: center; 119} 120 121.testimonials-item-inner .test-img-com { 122 position: relative; 123 overflow: hidden; 124} 125 126.testimonials-item-inner .test-img-com.testimonials-img { 127 box-shadow: 0 0 10px rgba(0, 0, 0, 0.10); 128 border-radius: 5px; 129} 130 131.testimonials-item-inner .test-img-com:after { 132 content: ""; 133 position: absolute; 134 top: 0; 135 left: 0; 136 width: 100%; 137 height: 100%; 138 background-color: #1d252d; 139 opacity: 0.25; 140 mix-blend-mode: multiply; 141} 142 143.testimonials-item-inner .test-img-com.testimonials-video iframe { 144 box-shadow: 0 0 10px rgba(0, 0, 0, 0.10); 145 border-radius: 5px; 146 width: 100%; 147 object-fit: cover; 148 height: 332px; 149 vertical-align: middle; 150} 151 152.testimonials-item-inner .test-img-com.testimonials-video:after { 153 display: none; 154} 155 156.testimonials-item-inner .test-img-com a.video-play-icon { 157 position: absolute; 158 z-index: 1; 159 background: #fff; 160 height: 85px; 161 width: 85px; 162 border-radius: 50%; 163 display: flex; 164 align-items: center; 165 justify-content: center; 166 bottom: 37px; 167 box-shadow: 0 0 10px rgba(0, 0, 0, 0.10); 168 right: 48px; 169 transition: all 0.35s ease-in-out; 170} 171 172.testimonials-item-inner .test-img-com a.video-play-icon:hover { 173 transform: scale(0.7); 174} 175 176.testimonials-item-inner .test-img-com a.video-play-icon:hover:after { 177 background: #fff; 178 border-radius: 50%; 179 content: ""; 180 position: absolute; 181 left: 0; 182 top: 0; 183 width: 100%; 184 height: 100%; 185 z-index: -1; 186} 187 188.testimonials-item-inner .test-img-com a.video-play-icon:hover:before { 189 content: ""; 190 position: absolute; 191 left: 1%; 192 top: 1%; 193 display: block; 194 width: 98%; 195 height: 98%; 196 background: linear-gradient(to right, #fdd821 0%, #fc7417 100%); 197 border-radius: 50%; 198 -webkit-animation: pulse-border 1s ease-in-out infinite; 199 animation: pulse-border 1s ease-in-out infinite; 200 z-index: -1; 201} 202 203@keyframes pulse-border { 204 0% { 205 transform: scale(0.9); 206 opacity: 1; 207 } 208 100% { 209 transform: scale(1.7); 210 opacity: 0; 211 } 212} 213 214.testimonials-item-inner .test-img-com > img { 215 width: 100%; 216 height: 100%; 217 object-fit: cover; 218} 219 220.testimonials-item-inner .testimonial-wrapper .testimonial-content > p { 221 font-size: 23px; 222 line-height: 33px; 223 font-weight: 400; 224 color: #f9f9f9; 225} 226 227.testimonials-item-inner .testimonial-wrapper .testimonial-content .testimonial-heading { 228 font-size: 20px; 229 line-height: 24px; 230 font-weight: 400; 231 color: #fff; 232 margin: 25px 0 0; 233} 234 235.testimonials-item-inner .testimonial-wrapper .testimonial-content .company-name { 236 font-size: 16px; 237 line-height: 24px; 238 font-weight: 400; 239 color: #fff; 240 margin: 0; 241} 242 243.testimonials-swiper .swiper-pagination { 244 position: initial !important; 245 margin: 85px 0 0 auto; 246 text-align: center; 247} 248 249.testimonials-swiper .swiper-button-next { 250 right: 0; 251} 252 253.testimonials-swiper .swiper-button-prev { 254 left: 0; 255} 256 257.testimonials-swiper .swiper-pagination-bullet { 258 background-color: transparent; 259 opacity: 1; 260} 261 262.testimonials-swiper .swiper-pagination-bullet:not(:last-child) {
263 margin-right: 26px; 264} 265 266.testimonials-swiper .swiper-pagination-bullet--svg-animation { 267 width: 26px; 268 height: 26px; 269 display: inline-block; 270 position: relative; 271} 272 273.testimonials-swiper span.swiper-pagination-bullet-active:before { 274 position: absolute; 275 height: 24px; 276 width: 24px; 277 content: ""; 278 border: solid 1px #ffffff42; 279 border-radius: 50%; 280 top: 1px; 281 left: 1px; 282} 283 284.testimonials-swiper .swiper-pagination-bullet--svg-animation svg { 285 transform: rotate(-90deg); 286} 287 288.testimonials-swiper .swiper-pagination-bullet--svg-animation .svg__circle-inner { 289 stroke: #ffe800; 290 fill: #ffe800; 291 transition: all 0.65s ease; 292} 293 294.testimonials-swiper .swiper-pagination-bullet-active .svg__circle { 295 stroke: #ffe800; 296 stroke-dasharray: 75; 297 stroke-dashoffset: 0; 298 animation: progress 6s ease-in-out 1 forwards; 299} 300 301.testimonials-swiper .swiper-pagination-bullet-active .svg__circle-inner { 302 fill: #ffe800; 303} 304 305@keyframes progress { 306 0% { 307 stroke-dashoffset: 75; 308 opacity: 1; 309 } 310 95% { 311 stroke-dashoffset: 0; 312 opacity: 1; 313 } 314 100% { 315 opacity: 0; 316 stroke-dashoffset: 0; 317 } 318} 319 320@media (max-width: 1200px) { 321 .section-label h5 { 322 font-size: 22px; 323 margin-bottom: 12px; 324 } 325 326 .testimonials-item-inner .testimonial-wrapper .testimonial-content > p { 327 font-size: 16px; 328 line-height: 26px; 329 } 330} 331 332@media (max-width: 991px) { 333 .swiper-button-next, 334 .swiper-button-prev { 335 display: none; 336 } 337 338 .testimonials-item-inner .test-img-com { 339 margin-bottom: 25px; 340 } 341} 342 343@media (max-width: 991px) { 344 .testimonials-item-inner { 345 padding-left: 0; 346 margin: 0; 347 } 348} 349 350@media (min-width: 1316px) { 351 .section-label, 352 .testimonials-item-inner { 353 padding-left: 74px; 354 } 355} 356 357/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/carousel-testimonials/carousel-testimonials.css */ 358</style> 359<link data-minify="1" rel='stylesheet' id='lite-youtube-embed-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/lite-youtube-embed.css?ver=1790272966' media='print' onload="this.media='all'" /> 360<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/lite-youtube-embed.css?ver=1790272966"></noscript><style id="acf-colored-icon-columns-style-inline-css"> 361.colored-icon-columns { 362 padding: 56px 0 88px; 363} 364 365.colored-icon-columns.about-services { 366 padding-top: 172px; 367} 368 369.colored-icon-columns .column--item { 370 margin-bottom: 80px; 371} 372 373.technology-market .column--item { 374 display: block; 375} 376 377.colored-icon-columns .column--icon { 378 width: 52px; 379} 380 381.colored-icon-columns .column--text { 382 padding-top: 12px; 383 padding-left: 24px; 384} 385 386.technology-market .column--text { 387 padding-left: 0; 388} 389 390.colored-icon-columns .column--text p { 391 font-size: 18px; 392 line-height: 28px; 393} 394 395.column--link { 396 font-size: 16px; 397} 398 399.header-block:not(.header-style-stacked) ~ .columns { 400 margin: 124px 0 0; 401 display: grid; 402 grid-template-columns: 1fr 1fr 1fr; 403 grid-gap: 45px; 404 padding-bottom: 116px; 405 width: 100%; 406} 407 408.header-block:not(.header-style-stacked) ~ .columns .column--item { 409 margin-bottom: 0; 410} 411 412.header-block:not(.header-style-stacked) ~ .columns .column--icon { 413 height: 45px; 414 width: 100%; 415} 416 417.header-block:not(.header-style-stacked) ~ .columns .column--text { 418 padding-top: 34px; 419 padding-left: 0; 420 width: 100%; 421} 422 423.color-col .column--item { 424 display: unset; 425} 426 427@media only screen and (max-width: 768px) { 428 .colored-icon-columns { 429 padding: 60px 0 34px; 430 } 431 432 .header-block:not(.header-style-stacked) ~ .columns { 433 grid-template-columns: 1fr; 434 margin: 64px 0 0; 435 padding-bottom: 0; 436 } 437} 438 439@media only screen and (max-width: 991px) { 440 .colored-icon-columns.about-services { 441 padding-top: 60px; 442 } 443} 444 445/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/colored-icon-columns/colored-icon-columns.css */ 446</style> 447<style id="acf-cta-form-with-lottie-style-inline-css"> 448.cta-form-with-lottie { 449 padding: 124px 0 0; 450} 451 452.cta-form-with-lottie.has-black-background-color { 453 background-color: #000 !important; 454} 455 456.cta-form-with-lottie::before { 457 background: linear-gradient(0deg, #a100ff 0%, #000 50%) !important; 458 content: ""; 459 position: absolute; 460 bottom: 0; 461 left: 0; 462 width: 100%; 463 height: 100%; 464 opacity: 0.15; 465 z-index: 1; 466} 467 468.cta-form-with-lottie .has-pattern-show { 469 position: absolute; 470 top: 0; 471 width: 100%; 472 height: 658px; 473 opacity: 0.4 474} 475 476.cta-form-with-lottie .container { 477 max-width: 100%; 478} 479 480.cta-form-with-lottie .full-width-video-embed-inner iframe, 481.cta-form-with-lottie .full-width-video-embed-inner video { 482 width: 100%; 483} 484 485.cta-form-with-lottie-main { 486 max-width: 898px; 487 padding-bottom: 335px; 488} 489 490.case-study-content .cta-form-with-lottie-main { 491 padding-bottom: 128px; 492} 493 494.resource-form-with-lottie .cta-form-with-lottie-main { 495 max-width: 1128px; 496} 497 498.cta-form-with-lottie-content .cta-form-content .paragraph p { 499 color: #a3a3a3; 500 font-size: 22px; 501 font-weight: 700; 502 line-height: 36px; 503 margin-bottom: 15px; 504} 505 506.cta-form-with-lottie-content .cta-form-content .paragraph p:last-child { 507 margin-bottom: 0; 508} 509 510.cta-form-with-lottie-main .cta-form-b2b-op { 511 bottom: -8px; 512 width: 1128px; 513} 514 515.cta-form-with-lottie-main .cta-form-b2b-op span.hover-text, 516.cta-form-with-lottie-main .cta-form-b2b-op:hover span.normal-text { 517 display: none; 518} 519 520.cta-form-with-lottie-main .cta-form-b2b-op:hover span.hover-text { 521 display: block; 522} 523 524.cta-form-with-lottie-content .cta-form-content .tagline { 525 background: linear-gradient(to right, #fc3a17 0%, #fdd821 100%); 526 font-size: 28px; 527 font-weight: 900;
528 line-height: 26px; 529 -webkit-background-clip: text; 530 -webkit-text-fill-color: transparent; 531} 532 533.cta-form-with-lottie-content .cta-form-main { 534 max-width: 736px; 535 margin: 107px auto 0; 536 position: relative; 537 width: 100%; 538} 539 540.cta-form-with-lottie .full-width-video-embed-inner { 541 position: absolute; 542 bottom: 0; 543 left: 0; 544 width: 100%; 545 right: 0; 546 z-index: -1; 547} 548 549.cta-form-with-lottie .full-width-video-embed-inner::after { 550 content: ""; 551 position: absolute; 552 bottom: 0; 553 left: 0; 554 width: 100%; 555 height: 100%; 556 background: transparent linear-gradient(180deg, rgba(93, 8, 120, 0.1) 0%, #a100ff 100%) 0 0 no-repeat padding-box; 557 opacity: 0.3; 558} 559 560.cta-form-with-lottie-content form .gform_body.gform-body .gform_fields { 561 grid-row-gap: 28px; 562} 563 564.cta-form-with-lottie-content form .gform_body.gform-body input:not([type="checkbox"]), 565.cta-form-with-lottie-content form .gform_body.gform-body textarea { 566 color: #fff; 567 font-size: 14px; 568 font-weight: 400; 569 outline: none; 570} 571 572.cta-form-with-lottie-content form .gform_body.gform-body input:not([type="checkbox"]) { 573 border-bottom: 3px solid #fff; 574 padding: 0 24px 12px; 575} 576 577.cta-form-with-lottie-content form .gform_body.gform-body textarea { 578 border: 3px solid #fff; 579 padding: 16px 24px; 580} 581 582.cta-form-with-lottie-content form .gform_body.gform-body input::placeholder { 583 color: #a3a3a3; 584} 585 586.cta-form-with-lottie-content .gform_wrapper form .gfield_error [aria-invalid=true] { 587 border: none; 588 border-bottom: solid 3px #c02b0a !important; 589} 590 591.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice input { 592 padding: 0; 593 height: initial; 594 width: initial; 595 margin-bottom: 0; 596 display: none; 597 cursor: pointer; 598} 599 600.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice label { 601 position: relative; 602 cursor: pointer; 603} 604 605.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice label::before { 606 content: ''; 607 -webkit-appearance: none; 608 background-color: transparent; 609 border: 2px solid #fff; 610 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); 611 padding: 8px; 612 display: inline-block; 613 position: relative; 614 vertical-align: middle; 615 cursor: pointer; 616 margin-right: 10px; 617 margin-top: -3px; 618} 619 620.cta-form-with-lottie-content form .gform_body.gform-body .gfield_error .gfield_checkbox .gchoice label::before { 621 border: 2px solid #c02b0a; 622} 623 624.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice input:checked + label::before { 625 border: 2px solid #f9e547; 626} 627 628.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice input:checked + label::after { 629 content: ''; 630 display: block; 631 position: absolute; 632 top: 5px; 633 left: 7px; 634 width: 6px; 635 height: 11px; 636 border: solid #f9e547; 637 border-width: 0 2px 2px 0; 638 transform: rotate(45deg); 639} 640 641.cta-form-with-lottie-content form .gform_footer.top_label { 642 justify-content: flex-end; 643 padding-bottom: 0; 644} 645 646.cta-form-with-lottie-content form .gform_footer.top_label input { 647 background: transparent; 648 border-radius: 40px; 649 border: 2px solid #fff; 650 color: #fff; 651 cursor: pointer; 652 font-size: 24px; 653 font-weight: 600; 654 height: auto; 655 line-height: 24px; 656 margin: 0; 657 padding: 24px 60px; 658 transition: all 0.35s ease-in-out; 659} 660 661.cta-form-with-lottie-content form .gform_footer.top_label input:hover { 662 background: #fff; 663 color: #1d252d; 664} 665 666.resource-form-with-lottie .cta-form-content.text-start { 667 padding-right: 126px; 668} 669 670.resource-form-with-lottie .cta-form-with-lottie-content .cta-form-main { 671 margin: 208px auto 0; 672} 673 674.resource-form-with-lottie .cta-form-with-lottie-content .cta-form-content .tagline { 675 background: #fdd821; 676 font-size: 22px; 677 font-weight: 700; 678 line-height: 34px; 679 margin: 40px 0; 680 text-transform: inherit; 681 -webkit-background-clip: text; 682 -webkit-text-fill-color: transparent; 683} 684 685.resource-form-with-lottie .cta-form-with-lottie-content .cta-form-content .paragraph p { 686 font-weight: 600; 687} 688 689.resource-form-with-lottie::before { 690 display: none; 691} 692 693.resource-form-with-lottie::after { 694 content: ""; 695 position: absolute; 696 bottom: 0; 697 left: 0; 698 width: 100%; 699 height: 100%; 700 background: transparent linear-gradient(180deg, #00fbe800 0%, #a100ff 100%) 0 0 no-repeat padding-box; 701 opacity: 0.25; 702} 703 704@media (max-width: 1200px) { 705 .cta-form-with-lottie-main .cta-form-b2b-op { 706 width: 750px; 707 } 708} 709 710@media (max-width: 991px) { 711 .cta-form-with-lottie-main { 712 padding-bottom: 200px; 713 } 714 715 .case-study-content .cta-form-with-lottie-main { 716 padding-bottom: 96px; 717 } 718 719 .resource-form-with-lottie .cta-form-content.text-start { 720 padding-right: 30px; 721 } 722} 723 724@media (max-width: 767px) { 725 .cta-form-with-lottie { 726 padding: 60px 0 0; 727 } 728 729 .cta-form-with-lottie-content .cta-form-content .paragraph p { 730 font-size: 18px; 731 } 732 733 .cta-form-with-lottie-content .cta-form-main { 734 margin: 48px auto 0; 735 } 736 737 .resource-form-with-lottie .cta-form-with-lottie-content .cta-form-main { 738 margin: 40px auto 0; 739 } 740 741 .hero-banner-common .cta-form-with-lottie-main { 742 padding-bottom: 150px; 743 } 744 745 .cta-form-with-lottie-content form .gform_footer.top_label { 746 justify-content: center; 747 padding-top: 40px; 748 } 749 750 .cta-form-with-lottie-content form .gform_footer.top_label input { 751 line-height: 1; 752 padding: 16px 60px; 753 } 754 755 .cta-form-with-lottie-main .cta-form-b2b-op { 756 width: 560px; 757 } 758} 759 760@media (max-width: 567px) { 761 .cta-form-with-lottie-main .cta-form-b2b-op { 762 width: 380px; 763 } 764} 765 766@media (max-width: 380px) { 767 .cta-form-with-lottie-main .cta-form-b2b-op { 768 max-width: 100%; 769 } 770} 771 772/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/cta-form-with-lottie/cta-form-with-lottie.css */ 773</style> 774<style id="acf-featured-case-studies-style-inline-css"> 775.featured-case-studies { 776 padding: 88px 0 0; 777 width: 100%; 778 overflow-x: hidden; 779} 780 781.featured-case-studies .container { 782 max-width: 100%; 783} 784 785.featured-case-studies .header-block { 786 margin: 0 auto; 787 padding: 0 16px 98px; 788 max-width: 1120px; 789} 790 791.featured-case-studies .case-studies-main { 792 margin-left: -12px; 793 margin-right: -12px; 794 padding: 64px 16px 48px; 795 width: calc(100% + 24px); 796} 797 798.featured-case-studies .case-studies-container { 799 max-width: 1318px; 800} 801 802.featured-case-studies .case-studies-items { 803 padding: 0 0 96px; 804 row-gap: 96px; 805} 806 807.featured-case-studies .case-studies-container .wp-block-buttons { 808 justify-content: center; 809} 810 811.featured-case-studies .case-studies-container .wp-block-button__link { 812 background: transparent; 813 border-color: #fff; 814 border-radius: 40px; 815 display: block; 816 font-size: 18px; 817 font-weight: 700; 818 line-height: 68px; 819 padding: 0 64px; 820 transition: all 0.25s ease; 821 max-width: 300px; 822 width: 100%; 823 height: 74px; 824} 825 826@media (min-width: 768px) { 827 .featured-case-studies .header-block .intro-text { 828 max-width: 516px; 829 } 830} 831 832@media (min-width: 992px) { 833 .featured-case-studies .case-studies-main { 834 padding: 112px 16px 48px; 835 } 836 837 .featured-case-studies .case-studies-items { 838 row-gap: 148px; 839 } 840} 841 842@media (min-width: 1200px) { 843 .featured-case-studies .case-studies-main { 844 padding: 112px 16px 124px; 845 } 846} 847 848@media (max-width: 991px) { 849 .featured-case-studies .case-studies-item { 850 display: block !important; 851 } 852 853 .featured-case-studies .case-studies-item .thumbnail-image { 854 max-width: 100% !important; 855 } 856} 857 858 859/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/featured-case-studies/featured-case-studies.css */ 860</style> 861<link data-minify="1" rel='stylesheet' id='case-studies-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/template-parts/case-studies.css?ver=1790272966' media='print' onload="this.media='all'" /> 862<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/template-parts/case-studies.css?ver=1790272966"></noscript><style id="acf-featured-resources-style-2-inline-css"> 863.featured-resources { 864 padding: 48px 0; 865} 866 867.featured-resources.insurtech-fintech-featured-resources { 868 width: 100%; 869 padding: 48px 0; 870} 871 872.featured-resources.featured-resources-header { 873 background-color: rgb(243 243 246 / 50%); 874 padding: 60px 0; 875} 876 877.featured-resources .container { 878 max-width: 1102px; 879} 880 881.featured-resources .thumbnail_ava { 882 width: 550px; 883 padding-left: 90px; 884} 885 886.featured-resources .thumbnail_ava::before { 887 background: #fff; 888 box-shadow: 0 0 0 90px #ffe800; 889 content: ""; 890 position: absolute; 891 top: 45%; 892 transform: translateY(-50%); 893 border-radius: 50%; 894 -webkit-animation: mover 1s infinite alternate; 895 animation: mover 1s infinite alternate; 896 opacity: 0.5; 897 height: 134px; 898 width: 134px; 899 z-index: -1; 900} 901 902.featured-resources .thumbnail_ava img { 903 max-width: 460px; 904} 905 906.featured-resources .resource-content { 907 padding: 40px 42px 40px 20px; 908 width: calc(100% - 550px); 909} 910 911.featured-resources-main ~ div { 912 justify-content: center; 913 margin: 50px 0 0; 914} 915 916.featured-resources .resource-content .label { 917 font-size: 14px; 918 line-height: 16px; 919} 920 921.featured-resources .resource-content h2 { 922 font-size: 24px; 923 font-weight: 900; 924 line-height: 30px; 925 margin-bottom: 20px; 926} 927 928.featured-resources .resource-content .excerpt-text { 929 margin-bottom: 34px; 930} 931 932.featured-resources .resource-content .excerpt-text p { 933 font-size: 18px; 934 line-height: 28px; 935} 936 937.featured-resources .resource-content .excerpt-text p:last-child { 938 margin-bottom: 0; 939} 940 941.featured-resources .swiper-pagination { 942 bottom: 5px; 943} 944 945.featured-resources .swiper-pagination-bullet { 946 background-color: transparent; 947 opacity: 1; 948} 949 950.featured-resources .featured-resources .swiper-pagination-bullet:not(:last-child) {
951 margin-right: 26px; 952} 953 954.featured-resources .swiper-pagination-bullet--svg-animation { 955 display: inline-block; 956 position: relative; 957 width: 26px; 958 height: 26px; 959} 960 961.featured-resources span.swiper-pagination-bullet-active::before { 962 position: absolute; 963 height: 24px; 964 width: 24px; 965 content: ""; 966 border: solid 1px #ddd; 967 border-radius: 50%; 968 top: 1px; 969 left: 1px; 970} 971 972.featured-resources .swiper-pagination-bullet--svg-animation svg { 973 display: block; 974 transform: rotate(-90deg); 975} 976 977.featured-resources .swiper-pagination-bullet--svg-animation .svg__circle-inner { 978 stroke: #5b6770; 979 fill: #5b6770; 980 transition: all 0.65s ease; 981} 982 983.featured-resources .swiper-pagination-bullet-active .svg__circle { 984 stroke: #5b6770; 985 stroke-dasharray: 75; 986 stroke-dashoffset: 0; 987 animation: progress 6s ease-in-out 1 forwards; 988} 989 990.featured-resources .swiper-pagination-bullet-active .svg__circle-inner { 991 fill: #5b6770; 992} 993 994@media (max-width: 1200px) { 995 .featured-resources .resource-content { 996 padding: 40px 0; 997 } 998} 999 1000@media (max-width: 768px) { 1001 .featured-resources .thumbnail_ava img { 1002 max-width: 330px; 1003 } 1004 1005 .featured-resources .resource-content { 1006 width: 100%; 1007 text-align: center; 1008 } 1009} 1010 1011@media (max-width: 991px) { 1012 .featured-resources .swiper-pagination { 1013 bottom: -40px; 1014 } 1015} 1016 1017@media (max-width: 575px) { 1018 .featured-resources .thumbnail_ava::before { 1019 top: 36%; 1020 } 1021 1022 .featured-resources .thumbnail_ava img { 1023 max-width: 295px; 1024 } 1025} 1026 1027@keyframes mover { 1028 0% { 1029 transform: translateY(10px) translateX(10px); 1030 } 1031 100% { 1032 transform: translateY(-10px) translateX(-10px); 1033 } 1034} 1035 1036@keyframes progress { 1037 0% { 1038 stroke-dashoffset: 75; 1039 opacity: 1; 1040 } 1041 95% { 1042 stroke-dashoffset: 0; 1043 opacity: 1; 1044 } 1045 100% { 1046 opacity: 0; 1047 stroke-dashoffset: 0; 1048 } 1049} 1050 1051/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/featured-resources/featured-resources.css */ 1052</style> 1053<style id="acf-header-with-large-intro-style-inline-css"> 1054.header-with-large-intro { 1055 padding: 32px 0 64px; 1056} 1057.header-with-large-intro.focus-on { 1058 padding: 60px 0; 1059} 1060 1061.header-with-large-intro .header-block h2 { 1062 max-width: 856px; 1063} 1064 1065.header-with-large-intro .header-block.header-style-full h2 { 1066 max-width: 972px; 1067} 1068 1069.header-with-large-intro .has-pattern-show { 1070 width: 60%; 1071 height: 70%; 1072} 1073 1074.header-with-large-intro + .content-media { 1075 padding-top: 0; 1076} 1077 1078@media (min-width: 768px) { 1079 .header-with-large-intro { 1080 padding: 192px 0 64px; 1081 } 1082 1083 .header-with-large-intro.focus-on { 1084 padding: 204px 0 188px; 1085 } 1086} 1087 1088/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/header-with-large-intro/header-with-large-intro.css */ 1089</style> 1090<style id="acf-latest-posts-style-2-inline-css"> 1091.latest-posts { 1092 width: 100%; 1093 padding: 60px 0 0; 1094} 1095 1096.latest-posts .container { 1097 max-width: 100%; 1098 padding: 0; 1099} 1100 1101.latest-posts .header-block { 1102 margin: auto; 1103 max-width: 1120px; 1104 padding-left: 15px; 1105 padding-right: 15px; 1106 padding-bottom: 168px; 1107} 1108 1109.latest-posts-main { 1110 background: #efefef; 1111 padding: 0 16px 16px; 1112} 1113 1114.latest-posts-main .latest-posts-container { 1115 max-width: 1632px; 1116 top: -80px; 1117} 1118 1119.latest-posts-slider .swiper-scrollbar.swiper-scrollbar-horizontal { 1120 cursor: pointer; 1121 max-width: 1320px; 1122 opacity: 1 !important; 1123 position: initial !important; 1124 height: 6px; 1125} 1126 1127.latest-posts-slider .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag { 1128 background: #ffe800; 1129 border-radius: 10px; 1130 cursor: pointer; 1131 position: relative; 1132 left: 0; 1133 top: 0; 1134 height: 100%; 1135 width: 100%; 1136} 1137 1138.latest-posts-main a.wp-block-button__link.wp-element-button { 1139 border-radius: 50px; 1140 color: #1d252d; 1141 font-size: 18px; 1142 font-weight: 700; 1143 height: 66px; 1144 line-height: 60px; 1145 margin-top: 52px; 1146 padding: 0 70px; 1147 transition: all 0.35s ease-in-out; 1148} 1149 1150@media (min-width: 768px) { 1151 .latest-posts { 1152 padding-top: 64px; 1153 } 1154} 1155 1156@media (min-width: 992px) { 1157 .latest-posts { 1158 padding-top: 192px; 1159 } 1160} 1161 1162/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/latest-posts/latest-posts.css */ 1163</style> 1164<style id="acf-list-with-icons-style-inline-css"> 1165.list-with-icons { 1166 width: 100%; 1167 padding: 136px 0 96px; 1168} 1169 1170.list-with-icons > .has-pattern-show { 1171 background-repeat: no-repeat; 1172 background-position: bottom left; 1173 background-size: 53%; 1174 margin: 0; 1175 position: absolute; 1176 height: 100%; 1177 width: 100%; 1178} 1179 1180.list-with-icons h2:empty {
1181 display: none; 1182} 1183 1184.list-with-icons .gradient-line { 1185 margin: 18px 0 40px; 1186} 1187 1188.list-with-icons .list { 1189 display: flex; 1190 flex-direction: column; 1191 position: relative; 1192} 1193 1194.list-with-icons .list:before { 1195 color: #f9f9f9; 1196 content: "B2B"; 1197 font-size: 500px; 1198 font-weight: 900; 1199 line-height: 242px; 1200 position: absolute; 1201 top: 0; 1202 right: 0; 1203 text-transform: uppercase; 1204 text-orientation: mixed; 1205 -ms-writing-mode: tb-lr; 1206 writing-mode: vertical-lr; 1207 z-index: -1; 1208} 1209 1210.list-with-icons.bg-bop .list { 1211 padding-bottom: 100px; 1212} 1213 1214.list-with-icons.bg-bop .list:before { 1215 content: "bop"; 1216 letter-spacing: -2.5rem; 1217} 1218 1219.list-with-icons .list--item { 1220 display: flex; 1221 align-items: center; 1222 margin-bottom: 40px; 1223} 1224 1225.list-with-icons .list--item:last-child { 1226 margin-bottom: 0; 1227} 1228 1229.list-with-icons .list--icon { 1230 height: 45px; 1231 min-width: 45px; 1232 width: 45px; 1233 border-radius: 50%; 1234 display: flex; 1235 align-items: center; 1236 justify-content: center; 1237 position: relative; 1238 margin-right: 40px; 1239 transition: all 0.35s ease-in-out; 1240} 1241 1242.list-with-icons .type-links .list--icon:before { 1243 position: absolute; 1244 content: ""; 1245 height: 100%; 1246 width: 100%; 1247 background: linear-gradient(112deg, #5d0878 0%, #f95a57 100%); 1248 border-radius: 50%; 1249 top: 0; 1250 left: 0; 1251 transform: scale(0); 1252 transition: all 0.35s ease-in-out; 1253} 1254 1255.list-with-icons .list--link { 1256 color: #1d252d; 1257 font-size: 20px; 1258 font-weight: 900; 1259} 1260 1261.list-with-icons .list--item > .list--link:after { 1262 border-bottom-style: solid; 1263 border-bottom-width: 3px; 1264 border-right-style: solid; 1265 border-right-width: 3px; 1266 border-color: #2e77dd; 1267 content: ""; 1268 display: inline-block; 1269 position: absolute; 1270 right: -25px; 1271 top: 13px; 1272 width: 9px; 1273 height: 9px; 1274 opacity: 0; 1275 transform: rotate(315deg); 1276 transition: all 0.35s ease-in-out; 1277 visibility: hidden; 1278} 1279 1280.type-links .list--icon img { 1281 height: 24px; 1282 max-width: 24px; 1283 width: 100%; 1284} 1285 1286.list-with-icons .type-links:hover .list--link { 1287 color: #2e77dd; 1288} 1289 1290.list-with-icons .type-links:hover .list--link:after { 1291 opacity: 1; 1292 visibility: visible; 1293 right: -15px; 1294} 1295 1296.list-with-icons .type-links:hover .list--icon:before { 1297 transform: scale(1); 1298} 1299 1300.list-with-icons .type-links:hover .list--icon:after { 1301 background: linear-gradient(to right, #fdd821 0%, #fc7417 100%); 1302 border-radius: 50%; 1303 content: ""; 1304 display: block; 1305 position: absolute; 1306 left: 0; 1307 top: 0; 1308 width: 98%; 1309 height: 98%; 1310 animation: pulse-border 1s ease-in-out infinite; 1311 z-index: -1; 1312} 1313 1314@keyframes pulse-border { 1315 0% { 1316 transform: scale(0.9); 1317 opacity: 1; 1318 } 1319 100% { 1320 transform: scale(1.7); 1321 opacity: 0; 1322 } 1323} 1324 1325.bg-pattern .has-pattern-show { 1326 position: absolute; 1327 max-height: 602px; 1328 max-width: 1000px; 1329 bottom: 0; 1330 left: 0; 1331 width: 100%; 1332 height: 100%; 1333 background-position: center center; 1334 background-repeat: no-repeat; 1335 background-size: 99%; 1336} 1337 1338@media (max-width: 1560px) { 1339 .list-with-icons .list:before { 1340 font-size: 280px; 1341 } 1342} 1343 1344@media (max-width: 1400px) { 1345 .list-with-icons .list:before { 1346 font-size: 300px; 1347 } 1348} 1349 1350@media (max-width: 1300px) { 1351 .list-with-icons .list:before { 1352 font-size: 350px; 1353 right: 224px; 1354 } 1355 1356 .list-with-icons .list--item { 1357 margin-bottom: 20px; 1358 } 1359 1360 .list-with-icons .list--icon { 1361 margin-right: 20px; 1362 } 1363} 1364 1365@media (max-width: 991px) { 1366 .list-with-icons { 1367 width: 100%; 1368 padding: 60px 0 30px; 1369 } 1370 1371 .list-with-icons .intro-text { 1372 max-width: 100%; 1373 } 1374 1375 .list-with-icons .list:before { 1376 font-size: 250px; 1377 } 1378} 1379 1380/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/list-with-icons/list-with-icons.css */ 1381</style> 1382 1383<style id="global-styles-inline-css"> 1384: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: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--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--yellow: #f9e547;--wp--preset--color--orange: #f95a57;--wp--preset--color--red: #e32a38;--wp--preset--color--teal: #004ea8;--wp--preset--color--accent: #2e77dd;--wp--preset--color--black-pearl: #1d252d;--wp--preset--color--charcoal: #1c2126;--wp--preset--color--gray: #7a7a7f;--wp--preset--color--light-gray: #efefef;--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,
13840) 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--gradient--horizontal-rainbow: linear-gradient(90deg, #1d252d, #4b37c9 14%, #d844a2 30%, #f0764d 45%, #ffe800 100%);--wp--preset--gradient--vertical-pink-to-yellow: linear-gradient(180deg, #a83fc1 0%, #e32a38 25%, #ffe800 100%);--wp--preset--gradient--yellow-to-orange: linear-gradient(112deg, #fdd821 0%, #fc7417 100%);--wp--preset--gradient--indigo-to-pink: linear-gradient(112deg, #5d0878 0%, #f95a57 100%);--wp--preset--gradient--mulberry-to-teal: linear-gradient(143deg, #be4f81 0%, #146c94 100%);--wp--preset--gradient--green-to-blue: linear-gradient(151deg, #52dc24 0%, #2271cf 100%);
1384--wp--preset--gradient--sky-blue-to-purple: linear-gradient(112deg, #63cee6 0%, #7c42d1 100%);--wp--preset--gradient--aqua-to-violet: linear-gradient(112deg, #00fbe8 0%, #a100ff 100%);--wp--preset--gradient--orange-to-yellow: linear-gradient(112deg, #e74733 0%, #f2872a 100%);--wp--preset--gradient--sky-to-pink-to-orange-to-yellow: linear-gradient(135deg, #24c3fd, #fc0d7a 50%, #fc8d19 100%);--wp--preset--gradient--orange-to-pink-to-yellow: linear-gradient(135deg, #fc7417, #e32a38 50%, #f8ac24 100%);--wp--preset--gradient--sky-to-orange: linear-gradient(135deg, #24c3fd 0%, #fc4c14 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.6), 20px);--wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.396), 36px);--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.699), 42px);--wp--preset--font-size--xx-large: clamp(2.25rem, 2.25rem + ((1vw - 0.2rem) * 3.8), 4.625rem);--wp--preset--font-size--xxx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 6), 6.25rem);--wp--preset--font-family--outfit: Outfit, sans-serif;--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--custom--spacing--small: max(1.5rem, 2vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * 1.5rem));--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.5rem);--wp--custom--typography--font-size--huge: clamp(2.25rem, 4vw, 2.75rem);--wp--custom--typography--font-size--gigantic: clamp(2.75rem, 6vw, 3.25rem);--wp--custom--typography--font-size--colossal: clamp(3.25rem, 8vw, 6.25rem);--wp--custom--typography--line-height--tiny: 1;--wp--custom--typography--line-height--small: 1.2;--wp--custom--typography--line-height--medium: 1.6;--wp--custom--typography--line-height--normal: 1.5;}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}.wp-block-heading{--wp--preset--color--black: #1d252d;--wp--preset--color--yellow: #f9e547;--wp--preset--color--gray: #7a7a7f;--wp--preset--color--light-gray: #efefef;--wp--preset--color--teal: #004ea8;--wp--preset--color--accent: #2e77dd;--wp--preset--color--white: #fff;--wp--preset--color--red: #e32a38;}p{--wp--preset--color--black: #1d252d;--wp--preset--color--yellow: #f9e547;--wp--preset--color--gray: #7a7a7f;--wp--preset--color--light-gray: #efefef;--wp--preset--color--teal: #004ea8;--wp--preset--color--accent: #2e77dd;--wp--preset--color--white: #fff;--wp--preset--color--red: #e32a38;}:root { --wp--style--global--content-size: 1140px;--wp--style--global--wide-size: 1320px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained >
1384 :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}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{background-color: var(--wp--preset--color--white);color: var(--wp--preset--color--charcoal);font-family: var(--wp--preset--font-family--outfit);font-size: var(--wp--preset--font-size--medium);line-height: 1.6;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--accent);text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):hover){font-weight: 700;}:root :where(a:where(:not(.wp-element-button)):focus){text-decoration: underline dashed;}:root :where(a:where(:not(.wp-element-button)):active){color: var(--wp--preset--color--teal);text-decoration: underline;}h1, h2, h3, h4, h5, h6{font-weight: 700;line-height: 1;}h1{font-size: clamp(1.875rem, -3.3333rem + 13.0208vw, 5rem);;}h2{font-size: clamp(2rem, -1.6522rem + 7.6087vw, 4.275rem);}h3{font-size: clamp(1.75rem, 0.7065rem + 2.1739vw, 2.5rem);font-weight: 900;line-height: 1.15;}h4{font-size: clamp(1.25rem, 0.9022rem + 0.7246vw, 1.5rem);font-weight: 900;line-height: 1.75;}h5{font-size: clamp(1.125rem, 0.9511rem + 0.3623vw, 1.25rem);font-weight: 900;line-height: 1.75;text-transform: uppercase;}h6{font-size: clamp(1rem, 0.8261rem + 0.3623vw, 1.125rem);font-weight: 400;line-height: 1.7;text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #f9e547;border-color: #f9e547;border-width: 2px;border-style: solid;color: #f9e547;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: 700;letter-spacing: inherit;line-height: 1.33;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;}:root :where(.wp-element-button:visited, .wp-block-button__link:visited){color: #f9e547;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: #1d252d;color: #f9e547;}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: #1d252d;color: #f9e547;}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: #f9e547;color: #1d252d;}.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-yellow-color{color: var(--wp--preset--color--yellow) !important;}.has-orange-color{color: var(--wp--preset--color--orange) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-teal-color{color: var(--wp--preset--color--teal) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-pearl-color{color: var(--wp--preset--color--black-pearl) !important;}.has-charcoal-color{color: var(--wp--preset--color--charcoal) !important;}.has-gray-color{color: var(--wp--preset--color--gray) !important;}.has-light-gray-color{color: var(--wp--preset--color--light-gray) !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-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}.has-orange-background-color{background-color: var(--wp--preset--color--orange) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-teal-background-color{background-color: var(--wp--preset--color--teal) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-pearl-background-color{background-color: var(--wp--preset--color--black-pearl) !important;}.has-charcoal-background-color{background-color: var(--wp--preset--color--charcoal) !important;}.has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}.has-light-gray-background-color{background-color: var(--wp--preset--color--light-gray) !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-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}.has-orange-border-color{border-color: var(--wp--preset--color--orange) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-teal-border-color{border-color: var(--wp--preset--color--teal) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-black-pearl-border-color{border-color: var(--wp--preset--color--black-pearl) !important;}.has-charcoal-border-color{border-color: var(--wp--preset--color--charcoal) !important;}.has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}.has-light-gray-border-color{border-color: var(--wp--preset--color--light-gray) !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;}
1384.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-horizontal-rainbow-gradient-background{background: var(--wp--preset--gradient--horizontal-rainbow) !important;}.has-vertical-pink-to-yellow-gradient-background{background: var(--wp--preset--gradient--vertical-pink-to-yellow) !important;}.has-yellow-to-orange-gradient-background{background: var(--wp--preset--gradient--yellow-to-orange) !important;}.has-indigo-to-pink-gradient-background{background: var(--wp--preset--gradient--indigo-to-pink) !important;}.has-mulberry-to-teal-gradient-background{background: var(--wp--preset--gradient--mulberry-to-teal) !important;}.has-green-to-blue-gradient-background{background: var(--wp--preset--gradient--green-to-blue) !important;}
1384.has-sky-blue-to-purple-gradient-background{background: var(--wp--preset--gradient--sky-blue-to-purple) !important;}.has-aqua-to-violet-gradient-background{background: var(--wp--preset--gradient--aqua-to-violet) !important;}.has-orange-to-yellow-gradient-background{background: var(--wp--preset--gradient--orange-to-yellow) !important;}.has-sky-to-pink-to-orange-to-yellow-gradient-background{background: var(--wp--preset--gradient--sky-to-pink-to-orange-to-yellow) !important;}.has-orange-to-pink-to-yellow-gradient-background{background: var(--wp--preset--gradient--orange-to-pink-to-yellow) !important;}.has-sky-to-orange-gradient-background{background: var(--wp--preset--gradient--sky-to-orange) !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;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-xxx-large-font-size{font-size: var(--wp--preset--font-size--xxx-large) !important;}.has-outfit-font-family{font-family: var(--wp--preset--font-family--outfit) !important;}:where(.wp-block-heading).has-black-color{color: var(--wp--preset--color--black) !important;}:where(.wp-block-heading).has-yellow-color{color: var(--wp--preset--color--yellow) !important;}:where(.wp-block-heading).has-gray-color{color: var(--wp--preset--color--gray) !important;}:where(.wp-block-heading).has-light-gray-color{color: var(--wp--preset--color--light-gray) !important;}:where(.wp-block-heading).has-teal-color{color: var(--wp--preset--color--teal) !important;}:where(.wp-block-heading).has-accent-color{color: var(--wp--preset--color--accent) !important;}:where(.wp-block-heading).has-white-color{color: var(--wp--preset--color--white) !important;}:where(.wp-block-heading).has-red-color{color: var(--wp--preset--color--red) !important;}:where(.wp-block-heading).has-black-background-color{background-color: var(--wp--preset--color--black) !important;}:where(.wp-block-heading).has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}:where(.wp-block-heading).has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}:where(.wp-block-heading).has-light-gray-background-color{background-color: var(--wp--preset--color--light-gray) !important;}:where(.wp-block-heading).has-teal-background-color{background-color: var(--wp--preset--color--teal) !important;}:where(.wp-block-heading).has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}:where(.wp-block-heading).has-white-background-color{background-color: var(--wp--preset--color--white) !important;}:where(.wp-block-heading).has-red-background-color{background-color: var(--wp--preset--color--red) !important;}:where(.wp-block-heading).has-black-border-color{border-color: var(--wp--preset--color--black) !important;}:where(.wp-block-heading).has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}:where(.wp-block-heading).has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}:where(.wp-block-heading).has-light-gray-border-color{border-color: var(--wp--preset--color--light-gray) !important;}:where(.wp-block-heading).has-teal-border-color{border-color: var(--wp--preset--color--teal) !important;}:where(.wp-block-heading).has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}:where(.wp-block-heading).has-white-border-color{border-color: var(--wp--preset--color--white) !important;}:where(.wp-block-heading).has-red-border-color{border-color: var(--wp--preset--color--red) !important;}:where(p).has-black-color{color: var(--wp--preset--color--black) !important;}:where(p).has-yellow-color{color: var(--wp--preset--color--yellow) !important;}:where(p).has-gray-color{color: var(--wp--preset--color--gray) !important;}:where(p).has-light-gray-color{color: var(--wp--preset--color--light-gray) !important;}:where(p).has-teal-color{color: var(--wp--preset--color--teal) !important;}:where(p).has-accent-color{color: var(--wp--preset--color--accent) !important;}:where(p).has-white-color{color: var(--wp--preset--color--white) !important;}:where(p).has-red-color{color: var(--wp--preset--color--red) !important;}:where(p).has-black-background-color{background-color: var(--wp--preset--color--black) !important;}:where(p).has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}:where(p).has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}:where(p).has-light-gray-background-color{background-color: var(--wp--preset--color--light-gray) !important;}:where(p).has-teal-background-color{background-color: var(--wp--preset--color--teal) !important;}:where(p).has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}:where(p).has-white-background-color{background-color: var(--wp--preset--color--white) !important;}:where(p).has-red-background-color{background-color: var(--wp--preset--color--red) !important;}:where(p).has-black-border-color{border-color: var(--wp--preset--color--black) !important;}:where(p).has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}:where(p).has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}:where(p).has-light-gray-border-color{border-color: var(--wp--preset--color--light-gray) !important;}:where(p).has-teal-border-color{border-color: var(--wp--preset--color--teal) !important;}:where(p).has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}:where(p).has-white-border-color{border-color: var(--wp--preset--color--white) !important;}:where(p).has-red-border-color{border-color: var(--wp--preset--color--red) !important;} 1385/*# sourceURL=global-styles-inline-css */ 1386</style> 1387 1388<link rel='preload' href='https://www.bopdesign.com/wp-content/uploads/maxmegamenu/style.css?ver=f17a72' data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')" media='all' /> 1389<link data-minify="1" rel='preload' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/main.css?ver=1790272829' data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')" media='all' /> 1390<link data-minify="1" rel='stylesheet' id='bopper-mobile-menu-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/mobile-menu.css?ver=1790272829' media='print' onload="this.media='all'" /> 1391<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/mobile-menu.css?ver=1790272829"></noscript><style id="rocket-lazyload-inline-css"> 1392.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://www.bopdesign.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;} 1393/*# sourceURL=rocket-lazyload-inline-css */ 1394</style> 1395<meta name="sentry-trace" content="84318870759a4cd1ac9e7b5e1b623a38-f3475aa7a08d4d47-1" />
1396<meta name="traceparent" content="" /> 1397<meta name="baggage" content="sentry-trace_id=84318870759a4cd1ac9e7b5e1b623a38,sentry-sample_rate=0.3,sentry-transaction=%2F,sentry-public_key=742cb7d9de74dad082e38cc31fd27e7e,sentry-org_id=4510698940137472,sentry-release=2.0.0,sentry-environment=production,sentry-sampled=true,sentry-sample_rand=0.073966" />
1398<script type="text/rocketlazyloadscript" id="wp-sentry-browser-bundle-js" data-rocket-src="https://www.bopdesign.com/wp-content/plugins/wp-sentry-integration/public/wp-sentry-browser.min.js?ver=8.12.0" data-rocket-defer defer></script>
vendor: 1 bytes, line 1398
1398
1399<script type="text/rocketlazyloadscript" id="wp-sentry-browser-js-extra"> 1400var wp_sentry = {"environment":"production","release":"2.0.0","context":{"tags":{"wordpress":"7.1.2","language":"en-US"}},"dsn":"https://dc2e6e36d78b0bbe2956cbb46ff76261@o4510698940137472.ingest.us.sentry.io/4510699204902912"}; 1401//# sourceURL=wp-sentry-browser-js-extra 1402</script>
vendor: 1 bytes, line 1402
1402
1403<script type="text/rocketlazyloadscript" data-minify="1" id="wp-sentry-browser-js" data-rocket-src="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/plugins/wp-sentry-integration/public/wp-sentry-init.js?ver=1790272831" data-rocket-defer defer></script>
vendor: 1 bytes, line 1403
1403
1404<script type="text/rocketlazyloadscript" id="jquery-core-js" data-rocket-src="https://www.bopdesign.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 1404
1404
1405<script type="text/rocketlazyloadscript" id="search-filter-plugin-build-js-extra"> 1406var SF_LDATA = {"ajax_url":"https://www.bopdesign.com/wp-admin/admin-ajax.php","home_url":"https://www.bopdesign.com/","extensions":[]}; 1407//# sourceURL=search-filter-plugin-build-js-extra 1408</script>
vendor: 1 bytes, line 1408
1408
1409<script type="text/rocketlazyloadscript" id="search-filter-plugin-build-js" data-rocket-src="https://www.bopdesign.com/wp-content/plugins/search-filter-pro/public/assets/js/search-filter-build.min.js?ver=2.5.21" data-rocket-defer defer></script>
vendor: 1 bytes, line 1409
1409
1410<script type="text/rocketlazyloadscript" data-minify="1" data-wp-strategy="defer" defer id="bopper-main-script-js" data-rocket-src="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/js/main-js.js?ver=1790272832"></script>
1410 1411 1412 1413<!-- Google Tag Manager for WordPress by gtm4wp.com --> 1414<!-- GTM Container placement set to automatic -->
1415<script type="text/rocketlazyloadscript" data-cfasync="false" data-pagespeed-no-defer> 1416 var dataLayer_content = {"pagePostType":"frontpage","pagePostType2":"single-page","pagePostAuthor":"Bop Design"}; 1417 dataLayer.push( dataLayer_content ); 1418</script>
vendor: 1 bytes, line 1418
1418
1419<script type="text/rocketlazyloadscript" data-cfasync="false" data-pagespeed-no-defer>
vendor: 322 bytes, lines 1419-1424
1419 1420(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1421new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1422j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1423'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1424})(window,document,'script','dataLayer','
1424GTM-5XCQMLK
vendor: 4 bytes, line 1424
1424');
1425</script>
1425 1426<!-- End Google Tag Manager for WordPress by gtm4wp.com --><link rel="icon" href="https://www.bopdesign.com/wp-content/uploads/2023/07/cropped-cropped-site-icon-150x150.jpg" sizes="32x32" /> 1427<link rel="icon" href="https://www.bopdesign.com/wp-content/uploads/2023/07/cropped-cropped-site-icon-298x298.jpg" sizes="192x192" /> 1428<link rel="apple-touch-icon" href="https://www.bopdesign.com/wp-content/uploads/2023/07/cropped-cropped-site-icon-180x180.jpg" /> 1429<meta name="msapplication-TileImage" content="https://www.bopdesign.com/wp-content/uploads/2023/07/cropped-cropped-site-icon-298x298.jpg" /> 1430<style id="wp-custom-css"> 1431.home .has-black-background-color { 1432 background-color: var(--wp--preset--color--black, #000) !important; 1433} 1434 1435.page-id-113 .subscribe-form form .gform_body.gform-body input:not([type=checkbox]), 1436.page-id-103 .subscribe-form form .gform_body.gform-body input:not([type=checkbox]), 1437.home .subscribe-form form .gform_body.gform-body input:not([type=checkbox]) { 1438 color: #000; !important; 1439 border-bottom: solid 3px #000 !important; 1440} 1441 1442.page-id-113 .subscribe-form form .gform_footer.top_label input:hover, 1443.home .subscribe-form form .gform_footer.top_label input:hover { 1444 color: #fff !important; 1445} 1446 1447.post-id-115 .breadcrumbs-inner:nth-of-type(2) { display: none !important; } 1448.hs-custom-style > div input:not([type=image]):not([type=submit]):not([type=checkbox]):not([type=radio]), 1449.hs-custom-style > div textarea, 1450.hs-custom-style > div select { 1451 border: none !important; 1452 border-bottom: 3px solid #f3f3f6 !important; 1453 border-radius: 0 !important; 1454 box-shadow: none !important; 1455 background: #fff !important; 1456} 1457 1458.hs-custom-style > div input::placeholder, 1459.hs-custom-style > div textarea::placeholder { 1460 color: #666666 !important; 1461 opacity: 1 !important; 1462 font-family: 'Outfit', sans-serif; 1463} 1464 1465.office-contacts-top { 1466 padding-bottom: 75px; 1467} 1468 1469.hs-form-613a7125-788b-4170-8024-1a614dc367db_fb5cf503-c85a-49f2-ac63-98cda779d150.hs-form { 1470 width: 980px; 1471 margin: 0 auto; 1472} 1473 1474.office-contacts-form { 1475 max-width: 980px; 1476 width: 100%; 1477 margin: 0 auto; 1478} 1479 1480.office-contacts-form .hubspot-form-container, 1481.office-contacts-form .hs-form { 1482 width: 100% !important; 1483 max-width: 980px !important; 1484 margin: 0 auto !important; 1485} 1486 1487.office-contacts-top { 1488 padding-bottom: 75px; 1489} 1490 1491.cta-subscribe-content .subscribe-form form .gform_footer.top_label button { 1492 padding: 10px 24px 14px; 1493 margin: 0 !important; 1494 border-radius: 40px; 1495 border: none !important; 1496 cursor: pointer; 1497 font-size: 18px !important; 1498 font-weight: 900; 1499 background: linear-gradient(112deg, #5d0878 0%, #f95a57 100%) !important; 1500 height: auto; 1501 line-height: normal; 1502 color: #fff; 1503 transition: all 0.35s ease-in-out; 1504 text-align: right; 1505 min-width: 110px; 1506} 1507 1508.gform-loader { 1509 display: none !important; 1510} 1511 1512.rll-youtube-player { 1513 position: absolute; 1514} 1515.cta-subscribe-content .subscribe-form form .gform_footer.top_label button { 1516 min-width: 118px; 1517 text-align: center; 1518} 1519 1520.cta-subscribe-content .subscribe-form form { 1521 display: flex !important; 1522} 1523.cta-form-with-lottie-content form .gform_footer.top_label button { 1524 background: transparent; 1525 border-radius: 40px; 1526 border: 2px solid #fff; 1527 color: #fff; 1528 cursor: pointer; 1529 font-size: 24px; 1530 font-weight: 600; 1531 height: auto; 1532 line-height: 24px; 1533 margin: 0; 1534 padding: 24px 60px; 1535 transition: all 0.35s ease-in-out; 1536} 1537 1538.cta-form-with-lottie-content form .gform_footer.top_label button:hover { 1539 background: #fff; 1540 color: #1d252d; 1541} 1542</style> 1543<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>
1543<script type="text/rocketlazyloadscript"> 1544/*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */ 1545(function(w){"use strict";if(!w.loadCSS){w.loadCSS=function(){}} 1546var rp=loadCSS.relpreload={};rp.support=(function(){var ret;try{ret=w.document.createElement("link").relList.supports("preload")}catch(e){ret=!1} 1547return function(){return ret}})();rp.bindMediaToggle=function(link){var finalMedia=link.media||"all";function enableStylesheet(){link.media=finalMedia} 1548if(link.addEventListener){link.addEventListener("load",enableStylesheet)}else if(link.attachEvent){link.attachEvent("onload",enableStylesheet)} 1549setTimeout(function(){link.rel="stylesheet";link.media="only x"});setTimeout(enableStylesheet,3000)};rp.poly=function(){if(rp.support()){return} 1550var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i++){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"&&!link.getAttribute("data-loadcss")){link.setAttribute("data-loadcss",!0);rp.bindMediaToggle(link)}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,500);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run)})}else if(w.attachEvent){w.attachEvent("onload",function(){rp.poly();w.clearInterval(run)})}} 1551if(typeof exports!=="undefined"){exports.loadCSS=loadCSS} 1552else{w.loadCSS=loadCSS}}(typeof global!=="undefined"?global:this)) 1553</script>
1553<link data-minify="1" rel='stylesheet' id='card-post-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/modules/card-post.css?ver=1790272966' media='print' onload="this.media='all'" /> 1554<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/modules/card-post.css?ver=1790272966"></noscript> 1555<meta name="generator" content="WP Rocket 3.23.3.3" data-wpr-features="wpr_delay_js wpr_defer_js wpr_minify_js wpr_async_css wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_auto_preload_fonts wpr_oci wpr_minify_css wpr_cdn wpr_host_fonts_locally wpr_desktop" /></head> 1556<body class="home wp-singular page-template-default page page-id-37 wp-theme-bopper site-wrapper overflow-x-clip no-js mega-menu-primary page-www.bopdesign.com group-blog"> 1557 1558<!-- GTM Container placement set to automatic --> 1559<!-- Google Tag Manager (noscript) --> 1560 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5XCQMLK" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> 1561<!-- End Google Tag Manager (noscript) --> 1562<a class="skip-link screen-reader-text" href="#main">Skip to content</a> 1563 1564<header id="masthead" class="site-header bg-black py-2 py-lg-0 position-fixed top-0 left-0 w-100 z-40 has-logo has-menu" role="banner"> 1565 <div class="container"> 1566 <div class="row align-items-center position-relative"> 1567 <div class="col-6 col-sm-3 col-lg-2 site-branding"> 1568 <a href="https://www.bopdesign.com/" class="text-decoration-none" rel="home"> 1569 <img src="https://www.bopdesign.com/wp-content/uploads/2023/07/logo.svg" class="logo" width="177" height="51" alt="Go back to home page" loading="eager" fetchpriority="high"/> 1570 </a> 1571 </div> 1572 1573 <div class="col-6 col-sm-9 col-lg-10 main-menu-wrapper"> 1574 <div class="search-form d-flex align-items-center justify-content-end d-lg-none"> 1575 <button type="button" 1576 class="search-btn bg-black-pearl text-light-gray d-inline-flex align-items-center gx-1 rounded-pill p-2" 1577 aria-label="open-search"> 1578 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> 1579 <path fill-rule="evenodd" 1580 d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" 1581 clip-rule="evenodd"></path> 1582 </svg> 1583 </button> 1584 <button type="button" 1585 class="off-canvas-open mobile-menu-hamburger text-white d-block ms-3 p-0" 1586 aria-expanded="false" 1587 aria-label="Open Menu"> 1588 1589 <svg height="24" width="24" class="icon svg-icon hamburger" aria-hidden="true" role="img"> 1590 <title id="title-hamburger-33646"> 1591 hamburger </title> 1592 1593 1594 <use xlink:href="#icon-hamburger"></use> 1595 </svg> 1596 1597 </button> 1598 </div> 1599 <nav id="site-navigation" 1600 class="main-navigation d-none d-lg-flex align-items-center justify-content-end" 1601 aria-label="Main Navigation"> 1602 <div id="mega-menu-wrap-primary" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-0' id='mega-toggle-block-0'><button aria-controls="mega-menu-primary" aria-expanded="false" aria-haspopup="true" aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button"> 1603 <span class="mega-toggle-animated-box"> 1604 <span class="mega-toggle-animated-inner"></span> 1605 </span> 1606 </button></div></div></div><ul id="mega-menu-primary" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover_intent" data-effect="fade_up" data-effect-speed="200" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="991" data-unbind="true" data-mobile-state="collapse_all" data-mobile-direction="vertical" data-mobile-back-text="{parent_title}"><li class="mega-services-mega-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-menu-item-40 services-mega-menu" id="mega-menu-item-40"><a class="mega-menu-link" href="https://www.bopdesign.com/services/" aria-expanded="false" aria-controls="mega-sub-menu-40">Services<span class="mega-indicator" aria-hidden="true"></span></a> 1607<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-40'> 1608<li class="mega-menu-row" id="mega-menu-40-0"> 1609 <ul class="mega-sub-menu" style='--columns:12' role='presentation'> 1610<li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-0"> 1611 <ul class="mega-sub-menu"> 1612<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-2" id="mega-menu-item-custom_html-2"><h4 class="mega-block-title">Services</h4><div class="textwidget custom-html-widget">Elevate your B2B marketing game with our range of creative and data-driven services â from web design to content marketing.</div></li><li class="mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-2" id="mega-menu-item-text-2"> <div class="textwidget"><p><a class="wp-block-button__link wp-element-button" href="https://www.bopdesign.com/services/">Our services</a></p> 1613</div> 1614 </li> </ul> 1615</li><li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-1"> 1616 <ul class="mega-sub-menu"> 1617<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-item-42" id="mega-menu-item-42"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/">Website Design<span class="mega-indicator" aria-hidden="true"></span></a> 1618 <ul class="mega-sub-menu" id='mega-sub-menu-42'> 1619<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-44" id="mega-menu-item-44"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/ui-ux/">UI/UX web design</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-46" id="mega-menu-item-46"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/web-development/">Web development</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-45159" id="mega-menu-item-45159"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/wordpress/">WordPress web design</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-33096" id="mega-menu-item-33096"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-45955" id="mega-menu-item-45955"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-43200" id="mega-menu-item-43200"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/b2b-website-design-process/">B2B website design process</a></li> </ul> 1620</li>
1620 </ul> 1621</li><li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-2"> 1622 <ul class="mega-sub-menu"> 1623<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-item-46012" id="mega-menu-item-46012"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/">Content Marketing<span class="mega-indicator" aria-hidden="true"></span></a> 1624 <ul class="mega-sub-menu" id='mega-sub-menu-46012'> 1625<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-56" id="mega-menu-item-56"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/social-media/">Social media</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-58" id="mega-menu-item-58"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/copywriting/">Copywriting</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-60" id="mega-menu-item-60"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/blog-content/">Blog content</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-62" id="mega-menu-item-62"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/email-marketing/">Email marketing</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-64" id="mega-menu-item-64"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-45954" id="mega-menu-item-45954"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-43961" id="mega-menu-item-43961"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/digital-marketing/">Digital marketing</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-43185" id="mega-menu-item-43185"><a class="mega-menu-link" href="https://www.bopdesign.com/services/ongoing-marketing/">Ongoing marketing</a></li> </ul> 1626</li> </ul> 1627</li><li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-3"> 1628 <ul class="mega-sub-menu"> 1629<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-item-66" id="mega-menu-item-66"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/" data-image-swap-url="https://www.bopdesign.com/wp-content/uploads/2023/01/brand.svg">Branding<span class="mega-indicator" aria-hidden="true"></span></a> 1630 <ul class="mega-sub-menu" id='mega-sub-menu-66'> 1631<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-46543" id="mega-menu-item-46543"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/brand-strategy/">Brand strategy</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-68" id="mega-menu-item-68"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/brand-guidelines/">Brand guidelines</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-70" id="mega-menu-item-70"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/logo-design/">Logo design</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-72" id="mega-menu-item-72"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/branding-marketing-materials/">Marketing materials</a></li> </ul> 1632</li>
1632 </ul> 1633</li> </ul> 1634</li></ul> 1635</li><li class="mega-industries-mega-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-menu-item-74 industries-mega-menu" id="mega-menu-item-74"><a class="mega-menu-link" href="https://www.bopdesign.com/industries/" aria-expanded="false" aria-controls="mega-sub-menu-74">Industries<span class="mega-indicator" aria-hidden="true"></span></a> 1636<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-74'> 1637<li class="mega-menu-row" id="mega-menu-74-0"> 1638 <ul class="mega-sub-menu" style='--columns:12' role='presentation'> 1639<li class="mega-menu-column mega-menu-columns-5-of-12" style="--columns:12; --span:5" id="mega-menu-74-0-0"> 1640 <ul class="mega-sub-menu"> 1641<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-3" id="mega-menu-item-custom_html-3"><h4 class="mega-block-title">Industries</h4><div class="textwidget custom-html-widget">We specialize in B2B marketing for various industries, helping businesses thrive with tailored strategies and innovative solutions.</div></li><li class="mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-3" id="mega-menu-item-text-3"> <div class="textwidget"><p><a class="wp-block-button__link wp-element-button" href="https://www.bopdesign.com/industries/">Industries we serve</a></p> 1642</div> 1643 </li> </ul> 1644</li><li class="mega-menu-column mega-menu-columns-7-of-12" style="--columns:12; --span:7" id="mega-menu-74-0-1"> 1645 <ul class="mega-sub-menu"> 1646<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-45847" id="mega-menu-item-45847"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/b2b-technology-web-design/">Technology</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-82" id="mega-menu-item-82"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/fintech-insurtech/">Fintech & Insurtech</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-84" id="mega-menu-item-84"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/biotech-marketing/">Biotech</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-45846" id="mega-menu-item-45846"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/b2b-saas-website-design/">Software</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-45161" id="mega-menu-item-45161"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/web-design-for-ai-companies/">AI & ML</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-86" id="mega-menu-item-86"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/industrial/">Industrial</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-88" id="mega-menu-item-88"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/engineering-marketing/">Engineering</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-90" id="mega-menu-item-90"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/consulting-marketing/">Consulting</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-92" id="mega-menu-item-92"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/energy/">Energy</a></li>
1646 </ul> 1647</li> </ul> 1648</li></ul> 1649</li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-44303" id="mega-menu-item-44303"><a class="mega-menu-link" href="https://www.bopdesign.com/our-work/">Our Work</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-102" id="mega-menu-item-102"><a class="mega-menu-link" href="https://www.bopdesign.com/bop-blog/">Blog</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-104" id="mega-menu-item-104"><a class="mega-menu-link" href="https://www.bopdesign.com/resources/">Resources</a></li><li class="mega-company-mega-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-menu-item-106 company-mega-menu" id="mega-menu-item-106"><a class="mega-menu-link" href="https://www.bopdesign.com/company/" aria-expanded="false" aria-controls="mega-sub-menu-106">Company<span class="mega-indicator" aria-hidden="true"></span></a> 1650<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-106'> 1651<li class="mega-menu-row" id="mega-menu-106-0"> 1652 <ul class="mega-sub-menu" style='--columns:12' role='presentation'> 1653<li class="mega-menu-column mega-menu-columns-5-of-12" style="--columns:12; --span:5" id="mega-menu-106-0-0"> 1654 <ul class="mega-sub-menu"> 1655<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-5" id="mega-menu-item-custom_html-5"><h4 class="mega-block-title">Company</h4><div class="textwidget custom-html-widget">Get to know to Bop Design, where our awesome team of B2B marketing experts is dedicated to driving your success. Let's grow together.</div></li><li class="mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-5" id="mega-menu-item-text-5"> <div class="textwidget"><p><a class="wp-block-button__link wp-element-button" href="https://www.bopdesign.com/company/about/">About us</a></p> 1656</div> 1657 </li> </ul> 1658</li><li class="mega-menu-column mega-menu-columns-7-of-12" style="--columns:12; --span:7" id="mega-menu-106-0-1"> 1659 <ul class="mega-sub-menu"> 1660<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-108" id="mega-menu-item-108"><a class="mega-menu-link" href="https://www.bopdesign.com/company/about/">About</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-110" id="mega-menu-item-110"><a class="mega-menu-link" href="https://www.bopdesign.com/company/why-bop-design/">Why Bop Design?</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-112" id="mega-menu-item-112"><a class="mega-menu-link" href="https://www.bopdesign.com/company/leadership/">Leadership</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-114" id="mega-menu-item-114"><a class="mega-menu-link" href="https://www.bopdesign.com/company/news/">News</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-116" id="mega-menu-item-116"><a class="mega-menu-link" href="https://www.bopdesign.com/company/careers/">Careers</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-118" id="mega-menu-item-118"><a class="mega-menu-link" href="https://www.bopdesign.com/company/testimonials/">Testimonials</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-120" id="mega-menu-item-120"><a class="mega-menu-link" href="https://www.bopdesign.com/company/faq/">FAQ</a></li> </ul> 1661</li> </ul> 1662</li></ul> 1663</li></ul></div> <button type="button" 1664 class="search-btn bg-black-pearl text-light-gray d-inline-flex align-items-center gx-1 rounded-pill p-2" 1665 aria-label="open-search"> 1666 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1666ox="0 0 16 16"> 1667 <path fill-rule="evenodd" 1668 d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" 1669 clip-rule="evenodd"></path> 1670 </svg> 1671 </button> 1672 <div class="d-flex is-layout-flex wp-block-buttons"> 1673 <div class="wp-block-button is-style-fill"> 1674 <a class="wp-block-button__link wp-element-button has-orange-background-color has-background has-white-color has-text-color" 1675 href="https://www.bopdesign.com/contact/"> 1676 Contact </a> 1677 </div> 1678 </div> 1679 </nav><!-- #site-navigation --> 1680 </div> 1681 </div> 1682 </div><!-- .container --> 1683</header><!-- #masthead --> 1684 1685 <main id="main" class="site-main site-content wp-block-group" role="main"> 1686 1687<article id="post-37" class="post-37 page type-page status-publish hentry"> 1688 <div class="entry-content"> 1689 <style>.hero-banner-home { 1690 padding: 60px 0 0; 1691} 1692 1693.hero-banner-home .container { 1694 max-width: 1256px; 1695 height: 100%; 1696} 1697 1698.hero-banner-home .row { 1699 height: 100%; 1700} 1701 1702.banner-heading h1 { 1703 font-size: clamp(1.25rem, -0.8929rem + 4.4643vw, 1.875rem); 1704 line-height: 1.5; 1705} 1706 1707.taglines-wrapper .taglines { 1708 font-size: clamp(1.5rem, -2.7532rem + 8.8608vw, 5rem); 1709 line-height: 1; 1710} 1711 1712/*@media (min-width: 768px) {*/ 1713/* .taglines-wrapper .taglines {*/ 1714/* font-size: 44px;*/ 1715/* }*/ 1716/*}*/ 1717 1718@media (min-width: 1200px) { 1719 .hero-banner-home .hero-banner-button-arrow .hero-banner-down-arrow { 1720 margin-top: 64px; 1721 } 1722} 1723 1724/*@media (min-width: 1400px) {*/ 1725/* .taglines-wrapper .taglines {*/ 1726/* font-size: 80px;*/ 1727/* }*/ 1728/*}*/ 1729</style><section id="hero-home-block_aa8c3ef5ac5f9db57c466e1f982ef756" class="hero-banner-home vh-100 p-md-0 position-relative bg-orange alignfull my-0 position-relative has-background video-as-background"> <figure class="video-background video-file d-none d-md-block overflow-hidden w-100 h-100 pe-none m-0 position-absolute top-0 bottom-0 start-0 end-0 z-1"> 1730 <video class="w-100 h-100 object-fit-cover object-center" muted autoplay loop playsinline poster="https://www.bopdesign.com/wp-content/uploads/2023/11/video-poster-home.jpg"> 1731 <source src="https://www.bopdesign.com/wp-content/uploads/2026/01/hero-desktop.mp4" type="video/mp4"/> 1732 </video> 1733 </figure> 1734 <figure class="video-background video-file d-block d-md-none overflow-hidden w-100 h-100 pe-none m-0 position-absolute top-0 bottom-0 start-0 end-0 z-1"> 1735 <video class="w-100 h-100 object-fit-cover object-center" muted autoplay loop playsinline poster="https://www.bopdesign.com/wp-content/uploads/2024/02/bop-home-mobile-poster.jpg"> 1736 <source src="https://www.bopdesign.com/wp-content/uploads/2026/01/hero-mobile.mp4" type="video/mp4"/> 1737 </video> 1738 </figure> 1739 <div class="z-10 position-relative inner-container container heading-light text-white video"><div class="row"><div class="col-12"><div class="hero-banner-home-inner h-100 d-flex flex-column justify-content-center justify-content-lg-around align-items-center"> 1740 <div class="banner-heading text-center mt-lg-5 w-100 z-1"> 1741 <h1 class="position-relative mb-4">The B2B web design agency</h1> 1742 </div> 1743 <div class="taglines-wrapper mb-3 mb-lg-0 fw-bold text-center w-100"> 1744 <p class="taglines fw-bold mb-3 mb-md-2 text-white tagline-0">B2B branding that engages.</p> 1745 <p class="taglines fw-bold mb-3 mb-md-2 text-white tagline-1">B2B websites that drive leads.</p> 1746 <p class="taglines fw-bold mb-3 mb-md-2 text-white tagline-2">B2B content that converts.</p> 1747 </div> 1748 <div class="hero-banner-button-arrow text-center w-100"> 1749 <div class="hero-banner-button is-style-outline"> 1750 <a href="#contact" 1751 class="button-hero-banner wp-block-button__link wp-element-button has-outline-white-color outline-color has-white-color has-text-color" 1752 target="">Letâs make it happen</a> 1753 </div> 1754 <div class="hero-banner-down-arrow d-flex justify-content-center align-items-center mt-4"> 1755 <a href="#header-large-intro-down"> 1756 <svg xmlns="http://www.w3.org/2000/svg" width="32.613" height="17.014" viewBox="0 0 32.613 17.014"> 1757 <path d="M0.354 0.353l15.953,15.953,15.953-15.953" fill="none" stroke="#fff" stroke-width="1"/> 1758 </svg> 1759 </a> 1760 </div> 1761 </div> 1762 </div> 1763</div></div></div></section> 1764 1765<section id="header-large-intro-down" class="header-with-large-intro alignfull my-0 position-relative has-background color-as-background has-white-background-color"> <figure class="has-pattern-show position-absolute top-0 end-0 m-0" aria-hidden="true"> 1766 <img width="1141" height="602" src="https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1.webp" class="w-100 h-100 object-fit-contain object-top" alt="" loading="eager" decoding="async" fetchpriority="high" srcset="https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1.webp 1141w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-530x280.webp 530w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-1024x540.webp 1024w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-768x405.webp 768w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-180x95.webp 180w" sizes="(max-width: 1141px) 100v
1766w, 1141px" /> </figure> 1767 <div class="z-10 position-relative inner-container container heading-dark text-charcoal color"><div class="row"><div class="col-12"> <div class="header-block header-style-intro-right"> 1768 <figure class="header-block--icon" aria-hidden="true"> 1769 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/heart.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/heart.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt=""></noscript> 1770 </figure> 1771 <span class="tagline h4 has-gray-color d-block text-uppercase">WHY CHOOSE BOP</span> 1772 <h2>Where B2B web design is bold and brilliant.</h2> 1773 <span class="gradient-line"></span> 1774 <div class="intro-text">Some think B2B is boring. We think thatâs a bunch of hooey. B2B is the powerhouse behind progress, innovation, and moving business forward. But B2B marketing is nuanced â and no one navigates it better than Bop. With a hyperfocus on lead generation, engaging audiences, and knocking our clientsâ socks off, Bop gives you the absolute best in B2B.</div> 1775 </div> 1776 </div></div></div></section> 1777 1778<section id="colored-icon-columns-block_506bd9fc2eba27ec6f10ad8d3fae7cb4" class="colored-icon-columns block block-sticky alignfull my-0 no-background position-relative "><div class="z-10 position-relative inner-container container heading-dark text-charcoal none"><div class="row"><div class="col-12"> <div class="common-header-block"> 1779 <div class="header-block header-style-stacked"> 1780 <div class="icon"> 1781 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/plus.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/plus.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1782 </div> 1783 <span class="tagline h4 has-gray-color d-block text-uppercase">WHAT WE DO</span> 1784 <h2>We donât just design. We shape B2B brands.</h2> 1785 <span class="gradient-line"></span> 1786 <div class="intro-text">Psst, hereâs a secret. We can do a lot of things in the B2B marketing arena. But we focus on three key areas so our clients can truly excel where it matters most. Frankly, weâre really good at it. Weâve won major awards and everything.</div> 1787 <div class="d-flex is-layout-flex wp-block-buttons"> 1788 <div class="wp-block-button is-style-fill"> 1789 <a class="wp-block-button__link wp-element-button has-yellow-background-color has-background has-black-color has-text-color" 1790 href="https://www.bopdesign.com/services/"> 1791 Our services </a> 1792 </div> 1793 </div> 1794 </div> 1795 <div class="columns"> 1796 <div class="column--item d-flex flex-wrap align-items-start position-relative first-element"> 1797 <div class="column--icon col-auto"> 1798 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/web.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/web.svg" width="52" height="52" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1799 </div> 1800 <div class="column--text col"> 1801 <h3 class="h5 text-black-pearl mb-3">WEBSITE DESIGN</h3>
1802 <p class="text-gray mb-2">Beautiful design. Inspiring copy. Quality leads. Yes, you can have it all with a B2B website design that ticks every box, and finally works for you.</p> 1803 <a href="https://www.bopdesign.com/services/b2b-web-design/" 1804 class="column--link d-flex align-items-center fw-semibold stretched-link" 1805 target="">Check it out <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1806 <path 1807 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1808 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" 1809 stroke="#2f78e0" stroke-width="1"/> 1810 </svg> 1811 </a> 1812 </div> 1813 </div> 1814 <div class="column--item d-flex flex-wrap align-items-start position-relative"> 1815 <div class="column--icon col-auto"> 1816 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/content.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/content.svg" width="52" height="52" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1817 </div> 1818 <div class="column--text col"> 1819 <h3 class="h5 text-black-pearl mb-3">CONTENT MARKETING</h3> 1820 <p class="text-gray mb-2">Blogging, social, SEO, copywriting, paid search, email campaigns â we bring expert strategy and execution to keep those leads and conversions coming.</p> 1821 <a href="https://www.bopdesign.com/services/b2b-content-marketing/" 1822 class="column--link d-flex align-items-center fw-semibold stretched-link" 1823 target="">Check it out <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1824 <path 1825 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1826 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" 1827 stroke="#2f78e0" stroke-width="1"/> 1828 </svg> 1829 </a> 1830 </div> 1831 </div> 1832 <div class="column--item d-flex flex-wrap align-items-start position-relative last-element mb-0"> 1833 <div class="column--icon col-auto"> 1834 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/brand.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/brand.svg" width="52" height="52" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1835 </div> 1836 <div class="column--text col"> 1837 <h3 class="h5 text-black-pearl mb-3">BRANDING</h3> 1838 <p class="text-gray mb-2">Say hello to WOW at first sight. Whether you need a logo, marketing materials, or a whole new brand guide, we position you for victory in the B2B marketplace.</p> 1839 <a href="https://www.bopdesign.com/services/b2b-branding-services/" 1840 class="column--link d-flex align-items-center fw-semibold stretched-link" 1841 target="">Check it out <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1842 <path 1843 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1844 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" 1845 stroke="#2f78e0" stroke-width="1"/> 1846 </svg> 1847 </a> 1848 </div> 1849 </div> 1850 </div> 1851 </div> 1852</div></div></div></section> 1853 1854<section id="featured-case-studies-block_765599dc6c46d648ed1df65e7c689795" class="featured-case-studies overflow-hidden alignfull my-0 no-background position-relative "><div class="z-10 position-relative inner-container container heading-dark text-white none"><div class="row"><div class="col-12"> <div class="header-block header-style-intro-right"> 1855 <figure class="header-block--icon" aria-hidden="true"> 1856 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/pixels.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/pixels.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt=""></noscript> 1857 </figure> 1858 <span class="tagline h4 has-gray-color d-block text-uppercase">OUR WORK</span> 1859 <h2>More than just a pretty face.</h2> 1860 <span class="gradient-line"></span> 1861 <div class="intro-text">We don’t claim to be gurus or wizards. We’re just a super experienced, passionate team who knows how to get results for our clients. All our work is custom and thoughtfully designed, written, and developed with your business goals in mind.</div> 1862 </div> 1863 <div class="case-studies-main bg-charcoal"> 1864 <div class="case-studies-container mx-auto"> 1865 <div class="case-studies-items d-flex flex-column flex-wrap w-100"> 1866 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 1867 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 1868 <div class="ratio ratio-16x9"> 1869 <img decoding="async" width="672" height="378" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20672%20378'%3E%3C/svg%3E" class="w-100" alt="" aria-hidden="true" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/09/520x292_Thumb-Animation-ballatine.gif" /><noscript><img decoding="async" width="672" height="378" src="https://www.bopdesign.com/wp-content/uploads/2026/09/520x292_Thumb-Animation-ballatine.gif" class="w-100" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" /></noscript> </div>
1870 </div> 1871 <div class="case-studies-contain mt-5 mt-lg-0"> 1872 <div class="case-studies-contain-inner"> 1873 <div class="title-holder"> 1874 <div class="title large-body-text"> 1875 <h3 class="text-white">Ballantine</h3> 1876 <span class="label d-block text-white text-uppercase">Industrial</span> 1877 <p class="text-gray mb-3">The redesigned website has dramatically expanded Ballantineâs online reach. Comparing August 14âSeptember 10, 2026 with the same period in 2025, total users increased 100.79%, from 1,639 to 3,291. Even more significantly, new users increased 110.23%, from 1,496 to 3,145. Direct.</p> 1878 <a href="https://www.bopdesign.com/case-studies/ballantine/" class="learn-more stretched-link">Learn More 1879 <span class="screen-reader-text">Read case study about Ballantine</span> 1880 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1881 <path 1882 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1883 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 1884 stroke-width="1"/> 1885 </svg> 1886 </a> 1887 </div> 1888 </div> 1889 </div> 1890 <div class="stats-row"> 1891 <div class="stats-item position-relative"> 1892 <h3 class="mt-3 text-white"> 1893 <span 1894 id="be7ccb42614eb9e16983484eefd22ac1" class="stat odometer" 1895 data-value="100.79">100.79</span>% </h3> 1896 <p class="text-gray fw-bold mb-0">increase in total users</p> 1897 </div> 1898 <div class="stats-item position-relative"> 1899 <h3 class="mt-3 text-white"> 1900 <span 1901 id="3877042ea34ac6c252e25312691fa0f5" class="stat odometer" 1902 data-value="110.23">110.23</span>% </h3> 1903 <p class="text-gray fw-bold mb-0">increase in new users</p> 1904 </div> 1905 <div class="stats-item position-relative"> 1906 <h3 class="mt-3 text-white"> 1907 <span 1908 id="4d51b054fa07505e5602afbca265a240" class="stat odometer" 1909 data-value="388.3">388.3</span>% </h3> 1910 <p class="text-gray fw-bold mb-0">increase in direct users</p> 1911 </div> 1912 <div class="stats-item position-relative"> 1913 <h3 class="mt-3 text-white"> 1914 <span 1915 id="71fbce63136eb6d86337116b44bc2bbf" class="stat odometer" 1916 data-value="610">610</span>% </h3> 1917 <p class="text-gray fw-bold mb-0">increase in referral users</p> 1918 </div> 1919 <div class="stats-item position-relative"> 1920 <h3 class="mt-3 text-white"> 1921 <span 1922 id="45727302277470b197120a127d37ba13" class="stat odometer" 1923 data-value="37">37</span> </h3> 1924 <p class="text-gray fw-bold mb-0">key events generated</p> 1925 </div> 1926 </div> 1927 </div> 1928 </div> 1929 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 1930 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 1931 <div class="ratio ratio-16x9"> 1932 <img decoding="async" width="672" height="378" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20672%20378'%3E%3C/svg%3E" class="w-100" alt="" aria-hidden="true" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/09/KT-Thumb-Animation.gif" /><noscript><img decoding="async" width="672" height="378" src="https://www.bopdesign.com/wp-content/uploads/2026/09/KT-Thumb-Animation.gif" class="w-100" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" /></noscript> </div> 1933 </div> 1934 <div class="case-studies-contain mt-5 mt-lg-0"> 1935 <div class="case-studies-contain-inner"> 1936 <div class="title-holder"> 1937 <div class="title large-body-text"> 1938 <h3 class="text-white">Kris-Tech</h3> 1939 <span class="label d-block text-white text-uppercase">Industrial</span>
1940 <p class="text-gray mb-3">Kris-Techâs investment in a stronger B2B digital foundation is generating measurable improvements in meaningful website activity. Key events increased nearly 39%, while the session key event rate increased almost 60%, demonstrating stronger user engagement and conversion activity. Overall sessions also.</p> 1941 <a href="https://www.bopdesign.com/case-studies/kris-tech/" class="learn-more stretched-link">Learn More 1942 <span class="screen-reader-text">Read case study about Kris-Tech</span> 1943 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1944 <path 1945 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1946 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 1947 stroke-width="1"/> 1948 </svg> 1949 </a> 1950 </div> 1951 </div> 1952 </div> 1953 <div class="stats-row"> 1954 <div class="stats-item position-relative"> 1955 <h3 class="mt-3 text-white"> 1956 <span 1957 id="91836bf7a0b73b39d6dcbd71412bc8f8" class="stat odometer" 1958 data-value="38.71">38.71</span>% </h3> 1959 <p class="text-gray fw-bold mb-0">increase in key events</p> 1960 </div> 1961 <div class="stats-item position-relative"> 1962 <h3 class="mt-3 text-white"> 1963 <span 1964 id="439059b9cafd7020ae4a21f8ea68fa38" class="stat odometer" 1965 data-value="59.65">59.65</span>% </h3> 1966 <p class="text-gray fw-bold mb-0">increase in session key event rate</p> 1967 </div> 1968 <div class="stats-item position-relative"> 1969 <h3 class="mt-3 text-white"> 1970 <span 1971 id="9d71d2280225b0026ff56812ef65d257" class="stat odometer" 1972 data-value="4.7">4.7</span>% </h3> 1973 <p class="text-gray fw-bold mb-0">increase in sessions</p> 1974 </div> 1975 <div class="stats-item position-relative"> 1976 <h3 class="mt-3 text-white"> 1977 <span 1978 id="6c6432546321ef7846ea20df15ed9545" class="stat odometer" 1979 data-value="185.4">185.4</span>% </h3> 1980 <p class="text-gray fw-bold mb-0">increase in referral sessions</p> 1981 </div> 1982 <div class="stats-item position-relative"> 1983 <h3 class="mt-3 text-white"> 1984 <span 1985 id="d124f368e42454a80de3361d03047e74" class="stat odometer" 1986 data-value="136.14">136.14</span>% </h3> 1987 <p class="text-gray fw-bold mb-0">increase in referral event count</p> 1988 </div> 1989 <div class="stats-item position-relative"> 1990 <h3 class="mt-3 text-white"> 1991 <span 1992 id="aaeadc063f65bc4f0f47c9c4bb088c91" class="stat odometer" 1993 data-value="37.5">37.5</span>% </h3> 1994 <p class="text-gray fw-bold mb-0">increase in Paid Search key events</p> 1995 </div> 1996 </div> 1997 </div> 1998 </div> 1999 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 2000 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 2001 <div class="ratio ratio-16x9"> 2002 <img decoding="async" width="711" height="402" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20711%20402'%3E%3C/svg%3E" class="w-100" alt="" aria-hidden="true" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/09/Pivotree-thumb.gif" /><noscript><img decoding="async" width="711" height="402" src="https://www.bopdesign.com/wp-content/uploads/2026/09/Pivotree-thumb.gif" class="w-100" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" /></noscript> </div> 2003 </div> 2004 <div class="case-studies-contain mt-5 mt-lg-0"> 2005 <div class="case-studies-contain-inner"> 2006 <div class="title-holder"> 2007 <div class="title large-body-text"> 2008 <h3 class="text-white">Pivotree</h3> 2009 <span class="label d-block text-white text-uppercase">Software | Technology</span>
2010 <p class="text-gray mb-3">Following the website launch, Pivotree saw a 98.54% increase in referral sessions and a 53.38% increase in referral engaged sessions, demonstrating stronger engagement from visitors arriving through referring websites. Organic visitors generated 33.21% more events per session, while overall events.</p> 2011 <a href="https://www.bopdesign.com/case-studies/pivotree/" class="learn-more stretched-link">Learn More 2012 <span class="screen-reader-text">Read case study about Pivotree</span> 2013 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 2014 <path 2015 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 2016 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 2017 stroke-width="1"/> 2018 </svg> 2019 </a> 2020 </div> 2021 </div> 2022 </div> 2023 <div class="stats-row"> 2024 <div class="stats-item position-relative"> 2025 <h3 class="mt-3 text-white"> 2026 +<span 2027 id="bab473e050887d4c6a07f2cfa716bd37" class="stat odometer" 2028 data-value="98.54">98.54</span>% </h3> 2029 <p class="text-gray fw-bold mb-0">Referral Sessions</p> 2030 </div> 2031 <div class="stats-item position-relative"> 2032 <h3 class="mt-3 text-white"> 2033 +<span 2034 id="30f89a3e54bcefe98850623e3decf8f8" class="stat odometer" 2035 data-value="53.38">53.38</span>% </h3> 2036 <p class="text-gray fw-bold mb-0">Referral Engaged Sessions</p> 2037 </div> 2038 <div class="stats-item position-relative"> 2039 <h3 class="mt-3 text-white"> 2040 +<span 2041 id="6b6ff36dc6f94a4900d4c33d6a0e2b8b" class="stat odometer" 2042 data-value="33.21">33.21</span>% </h3> 2043 <p class="text-gray fw-bold mb-0">Organic Search Events per Session</p> 2044 </div> 2045 <div class="stats-item position-relative"> 2046 <h3 class="mt-3 text-white"> 2047 +<span 2048 id="09ed42ac65efe6e464085d535f890ac7" class="stat odometer" 2049 data-value="14.63">14.63</span>% </h3> 2050 <p class="text-gray fw-bold mb-0">Events per Session</p> 2051 </div> 2052 <div class="stats-item position-relative"> 2053 <h3 class="mt-3 text-white"> 2054 +<span 2055 id="c6410392c8a00df47f21751cd6f2a47e" class="stat odometer" 2056 data-value="1.94">1.94</span>% </h3> 2057 <p class="text-gray fw-bold mb-0">Event Count</p> 2058 </div> 2059 <div class="stats-item position-relative"> 2060 <h3 class="mt-3 text-white"> 2061 +<span 2062 id="5e18157e7cc8ece1d09f85cddb9e9eeb" class="stat odometer" 2063 data-value="1.34">1.34</span>% </h3> 2064 <p class="text-gray fw-bold mb-0">Direct Sessions</p> 2065 </div> 2066 </div> 2067 </div> 2068 </div> 2069 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 2070 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 2071 <div class="ratio ratio-16x9"> 2072 <img decoding="async" width="500" height="257" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20257'%3E%3C/svg%3E" class="w-100" alt="" aria-hidden="true" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/09/Conrac-Gif-thumnail.gif" /><noscript><img decoding="async" width="500" height="257" src="https://www.bopdesign.com/wp-content/uploads/2026/09/Conrac-Gif-thumnail.gif" class="w-100" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" /></noscript> </div> 2073 </div> 2074 <div class="case-studies-contain mt-5 mt-lg-0"> 2075 <div class="case-studies-contain-inner"> 2076 <div class="title-holder"> 2077 <div class="title large-body-text"> 2078 <h3 class="text-white">Conrac Solutions</h3> 2079 <span class="label d-block text-white text-uppercase">
2079Consulting | Engineering | Industrial</span> 2080 <p class="text-gray mb-3">Conrac Solutions' investment in a stronger B2B marketing foundation is driving increased engagement across the website. Engaged sessions increased nearly 32%, while the overall engagement rate increased more than 20%, demonstrating that visitors are interacting more meaningfully with the new.</p> 2081 <a href="https://www.bopdesign.com/case-studies/conrac-solutions/" class="learn-more stretched-link">Learn More 2082 <span class="screen-reader-text">Read case study about Conrac Solutions</span> 2083 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 2084 <path 2085 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 2086 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 2087 stroke-width="1"/> 2088 </svg> 2089 </a> 2090 </div> 2091 </div> 2092 </div> 2093 <div class="stats-row"> 2094 <div class="stats-item position-relative"> 2095 <h3 class="mt-3 text-white"> 2096 <span 2097 id="eb8d29e4597e26068b5065dc45c37118" class="stat odometer" 2098 data-value="31.75">31.75</span>% </h3> 2099 <p class="text-gray fw-bold mb-0">increase in engaged sessions</p> 2100 </div> 2101 <div class="stats-item position-relative"> 2102 <h3 class="mt-3 text-white"> 2103 <span 2104 id="499d4f0aec5bc3d443e062b712693a90" class="stat odometer" 2105 data-value="20.99">20.99</span>% </h3> 2106 <p class="text-gray fw-bold mb-0">increase in engagement rate</p> 2107 </div> 2108 <div class="stats-item position-relative"> 2109 <h3 class="mt-3 text-white"> 2110 <span 2111 id="4e087749013ce7cf18094b546474bd16" class="stat odometer" 2112 data-value="25.98">25.98</span>% </h3> 2113 <p class="text-gray fw-bold mb-0">increase in direct sessions</p> 2114 </div> 2115 <div class="stats-item position-relative"> 2116 <h3 class="mt-3 text-white"> 2117 <span 2118 id="6c6432546321ef7846ea20df15ed9545" class="stat odometer" 2119 data-value="113.89">113.89</span>% </h3> 2120 <p class="text-gray fw-bold mb-0">increase in referral sessions</p> 2121 </div> 2122 <div class="stats-item position-relative"> 2123 <h3 class="mt-3 text-white"> 2124 <span 2125 id="4702ebc74e50071ac5d0b927b3b71120" class="stat odometer" 2126 data-value="99.08">99.08</span>% </h3> 2127 <p class="text-gray fw-bold mb-0">increase in direct engaged sessions</p> 2128 </div> 2129 <div class="stats-item position-relative"> 2130 <h3 class="mt-3 text-white"> 2131 <span 2132 id="d124f368e42454a80de3361d03047e74" class="stat odometer" 2133 data-value="69.15">69.15</span>% </h3> 2134 <p class="text-gray fw-bold mb-0">increase in referral event count</p> 2135 </div> 2136 </div> 2137 </div> 2138 </div> 2139 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 2140 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 2141 <div class="ratio ratio-16x9"> 2142 <img decoding="async" width="500" height="257" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20257'%3E%3C/svg%3E" class="w-100" alt="" aria-hidden="true" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/09/Greene-Gif-Thumb.gif" /><noscript><img decoding="async" width="500" height="257" src="https://www.bopdesign.com/wp-content/uploads/2026/09/Greene-Gif-Thumb.gif" class="w-100" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" /></noscript> </div> 2143 </div> 2144 <div class="case-studies-contain mt-5 mt-lg-0"> 2145 <div class="case-studies-contain-inner"> 2146 <div class="title-holder"> 2147 <div class="title large-body-text"> 2148 <h3 class="text-white">Greene Group Industries</h3> 2149 <span class="label d-block text-white text-uppercase">
2149Industrial</span> 2150 <p class="text-gray mb-3">The new website has significantly expanded Greene Groupâs digital reach. Total sessions increased 99.6% year over year, from 1,255 to 2,505, while engaged sessions increased 28.55%. Total events jumped 84.89%, from 6,154 to 11,378, showing substantially greater activity across the.</p> 2151 <a href="https://www.bopdesign.com/case-studies/greene-group-industries/" class="learn-more stretched-link">Learn More 2152 <span class="screen-reader-text">Read case study about Greene Group Industries</span> 2153 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 2154 <path 2155 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 2156 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 2157 stroke-width="1"/> 2158 </svg> 2159 </a> 2160 </div> 2161 </div> 2162 </div> 2163 <div class="stats-row"> 2164 <div class="stats-item position-relative"> 2165 <h3 class="mt-3 text-white"> 2166 <span 2167 id="fce0d395389bd3d8e26d6198a2507a24" class="stat odometer" 2168 data-value="99.6">99.6</span>% </h3> 2169 <p class="text-gray fw-bold mb-0">increase in website sessions</p> 2170 </div> 2171 <div class="stats-item position-relative"> 2172 <h3 class="mt-3 text-white"> 2173 <span 2174 id="eb8d29e4597e26068b5065dc45c37118" class="stat odometer" 2175 data-value="28.55">28.55</span>% </h3> 2176 <p class="text-gray fw-bold mb-0">increase in engaged sessions</p> 2177 </div> 2178 <div class="stats-item position-relative"> 2179 <h3 class="mt-3 text-white"> 2180 <span 2181 id="43cc7ba540e88db8d734449fbf38394d" class="stat odometer" 2182 data-value="84.89">84.89</span>% </h3> 2183 <p class="text-gray fw-bold mb-0">increase in total events</p> 2184 </div> 2185 <div class="stats-item position-relative"> 2186 <h3 class="mt-3 text-white"> 2187 <span 2188 id="45727302277470b197120a127d37ba13" class="stat odometer" 2189 data-value="42">42</span> </h3> 2190 <p class="text-gray fw-bold mb-0">key events generated</p> 2191 </div> 2192 <div class="stats-item position-relative"> 2193 <h3 class="mt-3 text-white"> 2194 <span 2195 id="6c6432546321ef7846ea20df15ed9545" class="stat odometer" 2196 data-value="183.33">183.33</span>% </h3> 2197 <p class="text-gray fw-bold mb-0">increase in referral sessions</p> 2198 </div> 2199 </div> 2200 </div> 2201 </div> 2202 </div> 2203 <div class="d-flex is-layout-flex wp-block-buttons"> 2204 <div class="wp-block-button is-style-outline"> 2205 <a class="wp-block-button__link wp-element-button has-outline-white-color outline-color has-white-color has-text-color" 2206 href="https://www.bopdesign.com/our-work/"> 2207 Our work </a> 2208 </div> 2209 </div> 2210 </div> 2211 </div> 2212 </div></div></div></section> 2213 2214<section id="list-with-icons-block_762145f1996135e9abbd6ddde332f081" class="list-with-icons overflow-hidden icon-yellow-background-color alignfull my-0 no-background position-relative "> <figure class="has-pattern-show position-absolute top-0 end-0 m-0" aria-hidden="true"> 2215 <img width="1141" height="602" src="https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1.webp" class="w-100 h-100 object-fit-contain object-top" alt="" decoding="async" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1.webp 1141w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-530x280.webp 530w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-1024x540.webp 1024w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-768x405.webp 768w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-180x95.webp 180w" sizes="auto, (max-width: 1141px) 100vw, 1141px" /> </figure> 2216 <div class="z-10 position-relative inner-container container heading-dark text-white none"><div class="row"><div class="col-12"> <div class="colored-icon-columns-main common-header-block"> 2217 <div class="header-block header-style-stacked"> 2218 <div class="icon"> 2219 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/industry.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/industry.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript>
2220 </div> 2221 <span class="tagline h4 has-gray-color d-block text-uppercase">INDUSTRIES WE SERVE</span> 2222 <h2>B2B. Itâs all we do.</h2> 2223 <span class="gradient-line"></span> 2224 <div class="intro-text">Our clients hail from all corners of the B2B world. Here are just a few.</div> 2225 <div class="d-flex is-layout-flex wp-block-buttons"> 2226 <div class="wp-block-button is-style-fill"> 2227 <a class="wp-block-button__link wp-element-button has-yellow-background-color has-background has-black-color has-text-color" 2228 href="https://www.bopdesign.com/industries/"> 2229 Explore industries </a> 2230 </div> 2231 </div> 2232 </div> 2233 <div class="list"> 2234 <div class="list--item type-links"> 2235 <div class="list--icon"> 2236 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/tech.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/tech.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2237 </div> 2238 <a href="https://www.bopdesign.com/industries/b2b-technology-web-design/" class="list--link position-relative" 2239 target="">Technology</a> 2240 </div> 2241 <div class="list--item type-links"> 2242 <div class="list--icon"> 2243 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/fintech-insurtech.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/fintech-insurtech.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2244 </div> 2245 <a href="https://www.bopdesign.com/industries/fintech-insurtech/" class="list--link position-relative" 2246 target="">Fintech & Insurtech</a> 2247 </div> 2248 <div class="list--item type-links"> 2249 <div class="list--icon"> 2250 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/biotech.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/biotech.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2251 </div> 2252 <a href="https://www.bopdesign.com/industries/biotech/" class="list--link position-relative" 2253 target="">Biotech</a> 2254 </div> 2255 <div class="list--item type-links"> 2256 <div class="list--icon"> 2257 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/software-saas.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/software-saas.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2258 </div> 2259 <a href="https://www.bopdesign.com/industries/b2b-saas-website-design/" class="list--link position-relative" 2260 target="">Software & SaaS</a> 2261 </div> 2262 <div class="list--item type-links"> 2263 <div class="list--icon"> 2264 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/al-ml-white.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/al-ml-white.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2265 </div> 2266 <a href="https://www.bopdesign.com/industries/web-design-for-ai-companies/" class="list--link position-relative" 2267 target="">AI & ML</a> 2268 </div> 2269 <div class="list--item type-links"> 2270 <div class="list--icon"> 2271 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/industrial.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/industrial.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2272 </div> 2273 <a href="https://www.bopdesign.com/industries/industrial/" class="list--link position-relative" 2274 target="">Industrial</a> 2275 </div> 2276 <div class="list--item type-links"> 2277 <div class="list--icon"> 2278 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/engineering.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/engineering.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2279 </div> 2280 <a href="https://www.bopdesign.com/industries/engineering/" class="list--link position-relative" 2281 target="">Engineering</a> 2282 </div> 2283 <div class="list--item type-links"> 2284 <div class="list--icon"> 2285 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/consulting.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/consulting.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2286 </div> 2287 <a href="https://www.bopdesign.com/industries/consulting/" class="list--link position-relative" 2288 target="">Consulting</a> 2289 </div> 2290 <div class="list--item type-links"> 2291 <div class="list--icon"> 2292 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3C/svg%3E" class="z-1" width="24" height="24" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/energy.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/energy.svg" class="z-1" width="24" height="24" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 2293 </div> 2294 <a href="https://www.bopdesign.com/industries/energy/" class="list--link position-relative" 2295 target="">Energy</a> 2296 </div> 2297 </div> 2298 </div> 2299</div></div></div></section> 2300 2301<section id="testimonials-block_8a82f882cacb0e345b0c1fabb7720103" class="testimonials alignfull my-0 position-relative has-background gradient-as-background has-indigo-to-pink-gradient-background"> <figure class="has-pattern-show position-absolute top-0 end-0 m-0" aria-hidden="true"> 2302 <img width="1" height="1" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" class="w-100 h-100 object-fit-contain object-top" alt="" decoding="async" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/01/Group-121803.svg" /><noscript><img width="1" height="1" src="https://www.bopdesign.com/wp-content/uploads/2023/01/Group-121803.svg" class="w-100 h-100 object-fit-contain object-top" alt="" loading="lazy" decoding="async" fetchpriority="low" /></noscript> </figure> 2303 <div class="z-10 position-relative inner-container container heading-light text-white gradient"><div class="row"><div class="col-12">
2303 <div class="row section-label"> 2304 <h2 class="col-12 col-lg-6 offset-lg-6 text-white text-uppercase">OUR CLIENTS SAY IT BEST</h2> 2305 </div> 2306 <div class="testimonials-main swiper testimonials-swiper"> 2307 <div class="swiper-wrapper"> 2308 <div class="testimonials-item swiper-slide"> 2309 <div class="testimonials-item-inner row"> 2310 <div class="col-lg-6 "> 2311 <div class="position-relative ratio ratio-16x9 mb-4 mb-lg-0"> 2312 <lite-vimeo videoid="858065526"></lite-vimeo> 2313 </div> 2314 </div> 2315 <div class="col-lg-6 "> 2316 <div class="testimonial-wrapper"> 2317 <div class="testimonial-content"> 2318 <!-- wp:paragraph --> 2319<p>“Outsourcing to Bop Design made my life easy. They do things quickly and professionally, almost as if I had my own staff. Leads and thought leadership increased, getting our name out as experts. Bop Design has it all â expertise, branding, and marketing. They’re more than just a vendor, they’re friends.”</p> 2320<!-- /wp:paragraph --> <p class="testimonial-heading">Scott Knight, Chief Sales Officer</p> 2321 <p class="company-name">Perr&Knight</p> 2322 </div> 2323 </div> 2324 </div> 2325 </div> 2326 </div> 2327 </div> 2328<!-- <div class="swiper-button-next"></div>--> 2329<!-- <div class="swiper-button-prev"></div>--> 2330<!-- <div class="swiper-pagination"></div>--> 2331 </div> 2332 <div class="modal-popup testimonials for-video" style="display: none;"> 2333 <div class="video-outer"> 2334 <div class="video-cross-icon"></div> 2335 <video class="modal-video" muted controls> 2336 <source src="" type="video/mp4"> 2337 <source src="" type="video/webm"> 2338 </video> 2339 </div> 2340 </div> 2341 </div></div></div></section> 2342 2343<section id="latest-posts-block_040b9fb6ac20a08b7188fe38210acfec" class="latest-posts overflow-x-hidden alignfull my-0 position-relative has-background color-as-background has-white-background-color"><div class="z-10 position-relative inner-container container heading-dark text-white color"><div class="row"><div class="col-12"> <div class="header-block header-style-full"> 2344 <figure class="header-block--icon" aria-hidden="true"> 2345 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/quotes.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/quotes.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt=""></noscript> 2346 </figure> 2347 <span class="tagline h4 has-gray-color d-block text-uppercase">B2B RESOURCES</span> 2348 <h2>Thought leadership, anyone?</h2> 2349 <span class="gradient-line"></span> 2350 <div class="intro-text">We practice what we preach. Browse our blog for useful tips to help you crush your B2B marketing goals.</div> 2351 </div> 2352 <div class="latest-posts-main has-light-gray-background-color"> 2353 <div class="latest-posts-container mx-auto my-0 position-relative"> 2354 <div class="latest-posts-slider swiper"> 2355 <div class="swiper-wrapper"> 2356 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2357 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2358 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/06/LeveragingAI_blog-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2359 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2360 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">How B2B Buyers Find You Through AI Discovery</h3> 2361 </div> 2362 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2363 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 3</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2364 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2365 <a href="https://www.bopdesign.com/bop-blog/how-b2b-buyers-find-you-through-ai-discovery/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color roun
2365ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2366 <span class="screen-reader-text">Go to read How B2B Buyers Find You Through AI Discovery</span> 2367 2368 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2369 <title id="title-arrow-right-38045"> 2370 arrow-right </title> 2371 2372 2373 <use xlink:href="#icon-arrow-right"></use> 2374 </svg> 2375 2376 </a> 2377 </div> 2378 </div> 2379</div> 2380 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2381 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2382 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/06/AI_SEO-2-copy-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2383 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2384 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">SEO trends for B2B marketing in 2026</h3> 2385 </div> 2386 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2387 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 4</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2388 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2389 <a href="https://www.bopdesign.com/bop-blog/seo-trends-for-b2b-marketing/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color rounded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2390 <span class="screen-reader-text">Go to read SEO trends for B2B marketing in 2026</span> 2391 2392 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2393 <title id="title-arrow-right-80243"> 2394 arrow-right </title> 2395 2396 2397 <use xlink:href="#icon-arrow-right"></use> 2398 </svg> 2399 2400 </a> 2401 </div> 2402 </div> 2403</div> 2404 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2405 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2406 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow.jpg 1024w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/05/WordPress-VS-Webflow.jpg 1024w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2407 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2408 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">WordPress vs. Webflow: Which makes more sense for B2B companies?</h3> 2409 </div> 2410 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2411 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 3</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2412 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2413 <a href="https://www.bopdesign.com/bop-blog/wordpress-vs-webflow-for-b2b-websites/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color roun
2413ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2414 <span class="screen-reader-text">Go to read WordPress vs. Webflow: Which makes more sense for B2B companies?</span> 2415 2416 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2417 <title id="title-arrow-right-3134"> 2418 arrow-right </title> 2419 2420 2421 <use xlink:href="#icon-arrow-right"></use> 2422 </svg> 2423 2424 </a> 2425 </div> 2426 </div> 2427</div> 2428 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2429 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2430 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/05/B2B_Clutch_Global_Award_winner-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2431 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2432 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Bop Design is a Spring 2026 Clutch Global Award winner!  </h3> 2433 </div> 2434 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2435 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 2</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2436 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2437 <a href="https://www.bopdesign.com/bop-blog/bop-design-wins-2026-clutch-global-award/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color roun
2437ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2438 <span class="screen-reader-text">Go to read Bop Design is a Spring 2026 Clutch Global Award winner!  </span> 2439 2440 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2441 <title id="title-arrow-right-40156"> 2442 arrow-right </title> 2443 2444 2445 <use xlink:href="#icon-arrow-right"></use> 2446 </svg> 2447 2448 </a> 2449 </div> 2450 </div> 2451</div> 2452 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2453 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2454 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/04/B2B_Brand_Trends-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2455 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2456 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Top B2B branding trends for 2026 and 2027</h3> 2457 </div> 2458 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2459 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2460 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2461 <a href="https://www.bopdesign.com/bop-blog/b2b-branding-trends-for-2026-and-2027/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color rounded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2462 <span class="screen-reader-text">Go to read Top B2B branding trends for 2026 and 2027</span> 2463 2464 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2465 <title id="title-arrow-right-49112"> 2466 arrow-right </title> 2467 2468 2469 <use xlink:href="#icon-arrow-right"></use> 2470 </svg> 2471 2472 </a> 2473 </div> 2474 </div> 2475</div> 2476 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2477 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2478 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why.jpg 1433w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP-Blog-Our-Top-Web-Hosting-Providers-and-Why.jpg 1433w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2479 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2480 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Our top B2B website hosting providers & why</h3> 2481 </div> 2482 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2483 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 4</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2484 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2485 <a href="https://www.bopdesign.com/bop-blog/top-b2b-website-hosting/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color roun
2485ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2486 <span class="screen-reader-text">Go to read Our top B2B website hosting providers & why</span> 2487 2488 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2489 <title id="title-arrow-right-1065"> 2490 arrow-right </title> 2491 2492 2493 <use xlink:href="#icon-arrow-right"></use> 2494 </svg> 2495 2496 </a> 2497 </div> 2498 </div> 2499</div> 2500 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2501 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2502 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/03/AI_SEO-copy-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2503 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2504 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Tips to optimize your B2B website for AIO and GEO</h3> 2505 </div> 2506 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2507 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 3</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2508 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2509 <a href="https://www.bopdesign.com/bop-blog/tips-to-optimize-b2b-website-aio-and-geo/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color rounded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2510 <span class="screen-reader-text">Go to read Tips to optimize your B2B website for AIO and GEO</span> 2511 2512 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2513 <title id="title-arrow-right-68200"> 2514 arrow-right </title> 2515 2516 2517 <use xlink:href="#icon-arrow-right"></use> 2518 </svg> 2519 2520 </a> 2521 </div> 2522 </div> 2523</div> 2524 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2525 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2526 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/03/B2B_Buyers_blog-copy-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2527 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2528 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Build trust and win sales with authentic B2B reviews</h3> 2529 </div> 2530 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2531 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2532 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2533 <a href="https://www.bopdesign.com/bop-blog/build-trust-win-sales-b2b-reviews/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color roun
2533ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2534 <span class="screen-reader-text">Go to read Build trust and win sales with authentic B2B reviews</span> 2535 2536 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2537 <title id="title-arrow-right-78760"> 2538 arrow-right </title> 2539 2540 2541 <use xlink:href="#icon-arrow-right"></use> 2542 </svg> 2543 2544 </a> 2545 </div> 2546 </div> 2547</div> 2548 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2549 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2550 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog.jpg 1024w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2025/06/CRO-101-blog.jpg 1024w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2551 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2552 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">CRO 101: Best practices to make your B2B website perform better</h3> 2553 </div> 2554 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2555 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2556 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2557 <a href="https://www.bopdesign.com/bop-blog/cro-best-practices-b2b-websites-performance/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color rounded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2558 <span class="screen-reader-text">Go to read CRO 101: Best practices to make your B2B website perform better</span> 2559 2560 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2561 <title id="title-arrow-right-6450"> 2562 arrow-right </title> 2563 2564 2565 <use xlink:href="#icon-arrow-right"></use> 2566 </svg> 2567 2568 </a> 2569 </div> 2570 </div> 2571</div> 2572 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2573 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2574 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2026/02/BOP-Generative-Engine-Optimization-GEO-alongside-traditional-SEO-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2575 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2576 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">SEO, GEO⦠Whatâs the difference and why does it matter for B2B brands?</h3> 2577 </div> 2578 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2579 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2580 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2581 <a href="https://www.bopdesign.com/bop-blog/generative-engine-optimization-b2b-brands/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color roun
2581ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2582 <span class="screen-reader-text">Go to read SEO, GEO⦠Whatâs the difference and why does it matter for B2B brands?</span> 2583 2584 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2585 <title id="title-arrow-right-89495"> 2586 arrow-right </title> 2587 2588 2589 <use xlink:href="#icon-arrow-right"></use> 2590 </svg> 2591 2592 </a> 2593 </div> 2594 </div> 2595</div> 2596 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2597 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2598 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2025/12/2025Sites_blog-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2599 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2600 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">The top B2B website designs of 2025</h3> 2601 </div> 2602 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2603 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2604 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2605 <a href="https://www.bopdesign.com/bop-blog/top-b2b-website-designs-2025/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color rounded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2606 <span class="screen-reader-text">Go to read The top B2B website designs of 2025</span> 2607 2608 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2609 <title id="title-arrow-right-23965"> 2610 arrow-right </title> 2611 2612 2613 <use xlink:href="#icon-arrow-right"></use> 2614 </svg> 2615 2616 </a> 2617 </div> 2618 </div> 2619</div> 2620 <div class="acf-module acf-module-card-post card card-post hover-image-zoom has-white-background-color d-flex flex-column justify-content-between h-100 px-0 position-relative overflow-hidden rounded swiper-slide h-auto"> 2621 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2622 <img decoding="async" width="524" height="180" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20524%20180'%3E%3C/svg%3E" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-1920x660.jpg 1920w" data-lazy-sizes="auto, (max-width: 524px) 100vw, 524px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-524x180.jpg" /><noscript><img decoding="async" width="524" height="180" src="https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-524x180.jpg" class="h-100 w-100 object-fit-cover wp-post-image" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-524x180.jpg 524w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-530x182.jpg 530w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-1024x352.jpg 1024w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-768x264.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-1536x528.jpg 1536w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-2048x704.jpg 2048w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-180x62.jpg 180w, https://www.bopdesign.com/wp-content/uploads/2025/12/Marketing-Budget_Planning-blog-1920x660.jpg 1920w" sizes="auto, (max-width: 524px) 100vw, 524px" /></noscript> </div> 2623 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2624 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Marketing budget planning: What channels provide the best ROI?</h3> 2625 </div> 2626 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2627 <div class="reading has-gray-color fw-semibold d-flex m-0"><span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix">Read Time:</span> <span class="rt-time"> 3</span> <span class="rt-label rt-postfix">minutes</span></span></div> 2628 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2629 <a href="https://www.bopdesign.com/bop-blog/marketing-budget-planning-channels-best-roi/" class="acf-element acf-element-anchor acf-element-anchor-circle has-black-color border-2 has-yellow-border-color has-yellow-background-color roun
2629ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2630 <span class="screen-reader-text">Go to read Marketing budget planning: What channels provide the best ROI?</span> 2631 2632 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2633 <title id="title-arrow-right-1363"> 2634 arrow-right </title> 2635 2636 2637 <use xlink:href="#icon-arrow-right"></use> 2638 </svg> 2639 2640 </a> 2641 </div> 2642 </div> 2643</div> 2644 </div> 2645 <div class="swiper-scrollbar mt-5 mx-auto mb-0 overflow-hidden w-100"></div> 2646 </div> 2647 <div class="d-flex justify-content-center"> 2648 <a href="https://www.bopdesign.com/blog/" class="wp-block-button__link wp-element-button" 2649 target="">Browse our blog</a> 2650 </div> 2651 </div> 2652 </div> 2653 </div></div></div></section> 2654 2655<section id="featured-resources-block_c6e6d4877052357140232cd4ce5de5f3" class="featured-resources alignfull my-0 no-background position-relative "><div class="z-10 position-relative inner-container container heading-dark text-charcoal none"><div class="row"><div class="col-12"> <div class="featured-resources-main swiper featured-resources-swiper w-100 position-relative"> 2656 <div class="swiper-wrapper"> 2657 <div class="featured-resources-item swiper-slide"> 2658 <div class="featured-resources-item-inner d-flex flex-wrap align-items-center justify-content-center w-100"> 2659 <div class="resource-content position-relative"> 2660 <span class="label d-block mb-3 text-gray fw-semibold text-uppercase">Guide</span> 2661 <h2 class="resource-heading">How to Increase Revenue with a B2B Content Strategy</h2> 2662 <div class="excerpt-text"> 2663 <p class="text-gray fw-normal">Content marketing is not merely blogging for bloggingâs sake. Itâs a proven way to increase brand awareness, attract the right traffic to your website, build up authority in your industry, generate new leads, and nurture existing leads.</p> 2664 </div> 2665 <a href="https://www.bopdesign.com/resources/guides/how-to-increase-revenue-with-a-b2b-content-strategy/" 2666 class="wp-block-button__link wp-element-button stretched-link">Read now</a> 2667 </div> 2668 <div class="thumbnail_ava position-relative"> 2669 <a href="https://www.bopdesign.com/resources/guides/how-to-increase-revenue-with-a-b2b-content-strategy/"><img decoding="async" width="612" height="792" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20612%20792'%3E%3C/svg%3E" class="ms-auto h-auto" alt="" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1.jpg 612w, https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1-230x298.jpg 230w, https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1-139x180.jpg 139w" data-lazy-sizes="auto, (max-width: 612px) 100vw, 612px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1.jpg" /><noscript><img decoding="async" width="612" height="792" src="https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1.jpg" class="ms-auto h-auto" alt="" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1.jpg 612w, https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1-230x298.jpg 230w, https://www.bopdesign.com/wp-content/uploads/2023/09/How-to-Increase-Revenue-with-a-B2B-Content-Strategy-Cover-1-139x180.jpg 139w" sizes="auto, (max-width: 612px) 100vw, 612px" /></noscript></a> 2670 </div> 2671 </div> 2672 </div> 2673 <div class="featured-resources-item swiper-slide"> 2674 <div class="featured-resources-item-inner d-flex flex-wrap align-items-center justify-content-center w-100"> 2675 <div class="resource-content position-relative"> 2676 <span class="label d-block mb-3 text-gray fw-semibold text-uppercase">Guide</span> 2677 <h2 class="resource-heading">Inbound Lead Generation + Management Guide</h2> 2678 <div class="excerpt-text"> 2679 <p class="text-gray fw-normal">In this guide, we share effective tips to create a well-crafted strategy to build rapport with leads.</p> 2680 </div> 2681 <a href="https://www.bopdesign.com/resources/guides/inbound-lead-generation-management-guide/" 2682 class="wp-block-button__link wp-element-button stretched-link">Read now</a> 2683 </div> 2684 <div class="thumbnail_ava position-relative"> 2685 <a href="https://www.bopdesign.com/resources/guides/inbound-lead-generation-management-guide/"><img decoding="async" width="768" height="1093" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%201093'%3E%3C/svg%3E" class="ms-auto h-auto" alt="" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-768x1093.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-209x298.jpg 209w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-719x1024.jpg 719w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-1079x1536.jpg 1079w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-126x180.jpg 126w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-759x1080.jpg 759
2685w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1.jpg 1192w" data-lazy-sizes="auto, (max-width: 768px) 100vw, 768px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-768x1093.jpg" /><noscript><img decoding="async" width="768" height="1093" src="https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-768x1093.jpg" class="ms-auto h-auto" alt="" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-768x1093.jpg 768w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-209x298.jpg 209w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-719x1024.jpg 719w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-1079x1536.jpg 1079w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-126x180.jpg 126w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1-759x1080.jpg 759w, https://www.bopdesign.com/wp-content/uploads/2023/09/Inbound-Lead-Generation-and-Management-Guide-Cover-1.jpg 1192w" sizes="auto, (max-width: 768px) 100vw, 768px" /></noscript></a> 2686 </div> 2687 </div> 2688 </div> 2689 <div class="featured-resources-item swiper-slide"> 2690 <div class="featured-resources-item-inner d-flex flex-wrap align-items-center justify-content-center w-100"> 2691 <div class="resource-content position-relative"> 2692 <span class="label d-block mb-3 text-gray fw-semibold text-uppercase">Guide</span> 2693 <h2 class="resource-heading">Guide to Preparing for a B2B Re-Brand & Logo Design</h2> 2694 <div class="excerpt-text"> 2695 <p class="text-gray fw-normal">To stand out from the competition in a crowded global marketplace, building a strong brand is crucial for success in the B2B realm.</p> 2696 </div> 2697 <a href="https://www.bopdesign.com/resources/guides/guide-to-preparing-for-a-b2b-re-brand-logo-design/" 2698 class="wp-block-button__link wp-element-button stretched-link">Read now</a> 2699 </div> 2700 <div class="thumbnail_ava position-relative"> 2701 <a href="https://www.bopdesign.com/resources/guides/guide-to-preparing-for-a-b2b-re-brand-logo-design/"><img decoding="async" width="612" height="792" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20612%20792'%3E%3C/svg%3E" class="ms-auto h-auto" alt="" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026.jpg 612w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026-230x298.jpg 230w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026-139x180.jpg 139w" data-lazy-sizes="auto, (max-width: 612px) 100vw, 612px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026.jpg" /><noscript><img decoding="async" width="612" height="792" src="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026.jpg" class="ms-auto h-auto" alt="" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026.jpg 612w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026-230x298.jpg 230w, https://www.bopdesign.com/wp-content/uploads/2023/08/BOP_Guide-to-Preparing-for-a-B2B-Re-Brand-Logo-Design-2026-139x180.jpg 139w" sizes="auto, (max-width: 612px) 100vw, 612px" /></noscript></a> 2702 </div> 2703 </div> 2704 </div> 2705 </div> 2706 <div class="swiper-pagination text-center text-lg-start"></div> 2707 </div> 2708 </div></div></div></section> 2709 2710<section id="contact" class="cta-form-with-lottie overflow-hidden alignfull my-0 position-relative has-background color-as-background has-black-background-color"> <figure class="has-pattern-show position-absolute top-0 end-0 m-0" aria-hidden="true"> 2711 <img width="1" height="1" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E" class="w-100 h-100 object-fit-contain object-top" alt="" decoding="async" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/07/Pattern-base-with-gradient.svg" /><noscript><img width="1" height="1" src="https://www.bopdesign.com/wp-content/uploads/2023/07/Pattern-base-with-gradient.svg" class="w-100 h-100 object-fit-contain object-top" alt="" loading="lazy" decoding="async" fetchpriority="low" /></noscript> </figure> 2712 <div class="z-10 position-relative inner-container container heading-light text-white color"><div class="row"><div class="col-12"> <div class="cta-form-with-lottie-main position-relative m-auto"> 2713 <div class="cta-form-with-lottie-content"> 2714 <div class="cta-form-content text-center"> 2715 <span class="tagline has-gray-color d-block mb-5 text-uppercase">SAY HELLO</span> 2716 <h2 class="text-white">Let’s talk about your project</h2> 2717 <span class="gradient-line gradient-line-center"></span> 2718 <div class="paragraph"> 2719 <p>Get in touch to chat about how we can help you build a better B2B brand. Donât be shy. Weâre great listeners, and even better problem-solvers.</p> 2720 </div> 2721 </div> 2722 <div class="cta-form-main"> 2723
2723<script type="text/rocketlazyloadscript" charset="utf-8" data-rocket-type="text/javascript" data-rocket-src="//js-na2.hsforms.net/forms/embed/v2.js"></script>
2723 2724
2724<script type="text/rocketlazyloadscript"> 2725 hbspt.forms.create({ 2726 portalId: "8252505", 2727 formId: "132a7b20-74a2-4af3-8e24-4d9ef2497d70", 2728 region: "na2" 2729 }); 2730 </script>
2730 </div> 2731 </div> 2732 </div> 2733 <div class="full-width-video-embed-inner"> 2734 <video class="wp-video-shortcode w-100 lazy-video" muted autoplay loop playsinline frameborder="0"> 2735 <source type="video/mp4" data-src="https://www.bopdesign.com/wp-content/uploads/2026/01/Bop-Design-B2B-Marketing-Agency.mp4" /> 2736 </video> 2737 </div> 2738 </div></div></div></section> 2739 2740 </div><!-- .entry-content --> 2741 2742 </article><!-- #post-37 --> 2743 </main><!-- #main --> 2744 2745<footer id="colophon" class="site-footer bg-white position-relative overflow-hidden" role="contentinfo"> 2746 <div class="container footer-end"> 2747 <div class="row align-items-center flex-column-reverse flex-md-row"> 2748 <div class="social-menu col-12 col-md-6 my-3 my-md-0"> 2749 <ul class="social-icons d-flex justify-content-center justify-content-md-start"> 2750 <li class="me-2 me-lg-3"> 2751 <a href="https://www.facebook.com/BopDesign" class="social-icon d-flex align-items-center justify-content-center rounded-circle facebook"> 2752 2753 <svg height="24" width="24" class="icon svg-icon facebook" aria-hidden="true" role="img"> 2754 <title id="title-facebook-5325"> 2755 facebook </title> 2756 2757 2758 <use xlink:href="#icon-facebook"></use> 2759 </svg> 2760 2761 <span class="screen-reader-text"> 2762 Link to Facebook </span> 2763 </a><!-- .social-icon --> 2764 </li> 2765 <li class="me-2 me-lg-3"> 2766 <a href="https://www.linkedin.com/company/bop-design/" class="social-icon d-flex align-items-center justify-content-center rounded-circle linkedin"> 2767 2768 <svg height="24" width="24" class="icon svg-icon linkedin" aria-hidden="true" role="img"> 2769 <title id="title-linkedin-58774"> 2770 linkedin </title> 2771 2772 2773 <use xlink:href="#icon-linkedin"></use> 2774 </svg> 2775 2776 <span class="screen-reader-text"> 2777 Link to Linkedin </span> 2778 </a><!-- .social-icon --> 2779 </li> 2780 <li class="me-2 me-lg-3"> 2781 <a href="https://www.instagram.com/bopdesign/" class="social-icon d-flex align-items-center justify-content-center rounded-circle instagram"> 2782 2783 <svg height="24" width="24" class="icon svg-icon instagram" aria-hidden="true" role="img"> 2784 <title id="title-instagram-58086"> 2785 instagram </title> 2786 2787 2788 <use xlink:href="#icon-instagram"></use> 2789 </svg> 2790 2791 <span class="screen-reader-text"> 2792 Link to Instagram </span> 2793 </a><!-- .social-icon --> 2794 </li> 2795 <li class="me-2 me-lg-3"> 2796 <a href="https://x.com/bopdesignsd" class="social-icon d-flex align-items-center justify-content-center rounded-circle twitter-x"> 2797 2798 <svg height="24" width="24" class="icon svg-icon twitter-x" aria-hidden="true" role="img"> 2799 <title id="title-twitter-x-41948"> 2800 twitter-x </title> 2801 2802 2803 <use xlink:href="#icon-twitter-x"></use> 2804 </svg> 2805 2806 <span class="screen-reader-text"> 2807 Link to Twitter-x </span> 2808 </a><!-- .social-icon --> 2809 </li> 2810 <li class="me-2 me-lg-3"> 2811 <a href="https://youtube.com/user/BopDesignSD" class="social-icon d-flex align-items-center justify-content-center rounded-circle youtube"> 2812 2813 <svg height="24" width="24" class="icon svg-icon youtube" aria-hidden="true" role="img"> 2814 <title id="title-youtube-33648"> 2815 youtube </title> 2816 2817 2818 <use xlink:href="#icon-youtube"></use> 2819 </svg> 2820 2821 <span class="screen-reader-text"> 2822 Link to Youtube </span> 2823 </a><!-- .social-icon --> 2824 </li> 2825 <li class="me-2 me-lg-3"> 2826 <a href="https://clutch.co/profile/bop-design/#highlights" class="social-icon d-flex align-items-center justify-content-center rounded-circle clutch"> 2827 2828 <svg height="24" width="24" class="icon svg-icon clutch" aria-hidden="true" role="img"> 2829 <title id="title-clutch-59284"> 2830 clutch </title> 2831 2832 2833 <use xlink:href="#icon-clutch"></use> 2834 </svg> 2835 2836 <span class="screen-reader-text"> 2837 Link to Clutch </span> 2838 </a><!-- .social-icon --> 2839 </li> 2840 </ul><!-- .social-icons --> 2841 </div> 2842 <div class="col-12 col-md-6"> 2843 <div class="footer-phone-number text-lg-end text-md-end text-center"> 2844 <a href="tel:+18886707803" class="footer-phone-number" 2845 target="">1.888.670.7803</a> 2846 </div> 2847 </div> 2848 </div> 2849 </div> 2850 <div class="container"> 2851 <div class="row"> 2852 <div id="footer-navigation-services" class="footer-navigation col-lg-6" aria-label="Footer Navigation - Services"> 2853 <ul id="menu-services-footer-menu" class="footer-menu menu list-unstyled m-0 p-0"><li id="menu-item-32825" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32825"><a href="https://www.bopdesign.com/services/">Services</a> 2854<ul class="sub-menu"> 2855 <li id="menu-item-27471" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-27471"><a href="https://www.bopdesign.com/services/b2b-web-design/">Website Design</a> 2856 <ul class="sub-menu"> 2857 <li id="menu-item-27472" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27472"><a href="https://www.bopdesign.com/services/b2b-web-design/ui-ux/">UI/UX web design</a></li> 2858 <li id="menu-item-27473" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27473"><a href="https://www.bopdesign.com/services/b2b-web-design/web-development/">Web development</a></li> 2859 <li id="menu-item-45158" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45158"><a href="https://www.bopdesign.com/services/b2b-web-design/wordpress/">WordPress web design</a></li> 2860 <li id="menu-item-40116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40116"><a href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li> 2861 <li id="menu-item-45953" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45953"><a href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li> 2862 <li id="menu-item-43201" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43201"><a href="https://www.bopdesign.com/services/b2b-web-design/b2b-website-design-process/">B2B website design process</a></li> 2863 </ul> 2864</li> 2865 <li id="menu-item-46013" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-46013"><a href="https://www.bopdesign.com/services/b2b-content-marketing/">Content Marketing</a> 2866 <ul class="sub-menu"> 2867 <li id="menu-item-27478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27478"><a href="https://www.bopdesign.com/services/b2b-content-marketing/social-media/">Social media</a></li> 2868 <li id="menu-item-27479" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27479"><a href="https://www.bopdesign.com/services/b2b-content-marketing/copywriting/">Copywriting</a></li> 2869 <li id="menu-item-27480" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27480"><a href="https://www.bopdesign.com/services/b2b-content-marketing/blog-content/">Blog content</a></li> 2870 <li id="menu-item-27481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27481"><a href="https://www.bopdesign.com/services/b2b-content-marketing/email-marketing/">Email marketing</a></li> 2871 <li id="menu-item-27482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27482"><a href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li> 2872 <li id="menu-item-45952" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45952"><a href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li> 2873 <li id="menu-item-43186" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43186"><a href="https://www.bopdesign.com/services/ongoing-marketing/">Ongoing marketing</a></li> 2874 </ul> 2875</li> 2876 <li id="menu-item-27483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-27483"><a href="https://www.bopdesign.com/services/b2b-branding-services/">Branding</a> 2877 <ul class="sub-menu"> 2878 <li id="menu-item-46545" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46545"><a href="https://www.bopdesign.com/services/b2b-branding-services/brand-strategy/">Brand strategy</a></li> 2879 <li id="menu-item-27484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27484"><a href="https://www.bopdesign.com/services/b2b-branding-services/brand-guidelines/">Brand guidelines</a></li> 2880 <li id="menu-item-27485" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27485"><a href="https://www.bopdesign.com/services/b2b-branding-services/logo-design/">Logo design</a></li> 2881 <li id="menu-item-27486" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27486"><a href="https://www.bopdesign.com/services/b2b-branding-services/branding-marketing-materials/">Marketing materials</a></li> 2882 </ul> 2883</li> 2884</ul> 2885</li> 2886</ul> </div> 2887 <div id="footer-navigation-other" class="footer-navigation col-lg-6 mt-5 mt-lg-0"> 2888 <div class="row"> 2889 <div class="col-md-4 col-sm-4 mb-5 mb-md-0"> 2890 <div id="footer-navigation-industries" class="footer-navigation" aria-label="Footer Navigation - Industries"> 2891 <ul id="menu-industries-footer-menu" class="footer-menu menu list-unstyled m-0 p-0"><li id="menu-item-32826" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32826"><a href="https://www.bopdesign.com/industries/">Industries</a> 2892<ul class="sub-menu"> 2893 <li id="menu-item-45845" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45845"><a href="https://www.bopdesign.com/industries/b2b-technology-web-design/">Technology</a></li> 2894 <li id="menu-item-27490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27490"><a href="https://www.bopdesign.com/industries/fintech-insurtech/">Fintech & Insurtech</a></li> 2895 <li id="menu-item-27491" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27491"><a href="https://www.bopdesign.com/industries/biotech-marketing/">Biotech</a></li> 2896 <li id="menu-item-45844" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45844"><a href="https://www.bopdesign.com/industries/b2b-saas-website-design/">Software</a></li> 2897 <li id="menu-item-45153" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45153"><a href="https://www.bopdesign.com/industries/web-design-for-ai-companies/">AI & ML</a></li> 2898 <li id="menu-item-27492" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27492"><a href="https://www.bopdesign.com/industries/industrial/">Industrial</a></li> 2899 <li id="menu-item-27493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27493"><a href="https://www.bopdesign.com/industries/engineering-marketing/">Engineering</a></li> 2900 <li id="menu-item-27494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27494"><a href="https://www.bopdesign.com/industries/consulting-marketing/">Consulting</a></li> 2901 <li id="menu-item-27495" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27495"><a href="https://www.bopdesign.com/industries/energy/">Energy</a></li> 2902</ul> 2903</li> 2904</ul> </div> 2905 </div> 2906 <div class="col-md-4 col-sm-4 mb-0"> 2907 <div id="footer-navigation-resources" class="footer-navigation" aria-label="Footer Navigation - Resources"> 2908 <ul id="menu-resources-footer-menu" class="footer-menu menu list-unstyled m-0 p-0"><li id="menu-item-44306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44306"><a href="https://www.bopdesign.com/our-work/">Our Work</a></li> 2909<li id="menu-item-27501" class="bold-heading menu-item menu-item-type-post_type menu-item-object-page menu-item-27501"><a href="https://www.bopdesign.com/bop-blog/">Blog</a></li> 2910<li id="menu-item-27502" class="bold-heading menu-item menu-item-type-post_type menu-item-object-page menu-item-27502"><a href="https://www.bopdesign.com/resources/">Resources</a></li> 2911</ul> </div> 2912 </div> 2913 <div class="col-md-4 col-sm-4 mb-0"> 2914 <div id="footer-navigation-company" class="footer-navigation" aria-label="Footer Navigation - Company"> 2915 <ul id="menu-company-footer-menu" class="footer-menu menu list-unstyled m-0 p-0"><li id="menu-item-32828" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32828"><a href="https://www.bopdesign.com/company/">Company</a> 2916<ul class="sub-menu"> 2917 <li id="menu-item-27503" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27503"><a href="https://www.bopdesign.com/company/about/">About</a></li> 2918 <li id="menu-item-27504" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27504"><a href="https://www.bopdesign.com/company/why-bop-design/">Why Bop Design?</a></li> 2919 <li id="menu-item-27505" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27505"><a href="https://www.bopdesign.com/company/leadership/">Leadership</a></li> 2920 <li id="menu-item-27506" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27506"><a href="https://www.bopdesign.com/company/news/">News</a></li> 2921 <li id="menu-item-27507" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27507"><a href="https://www.bopdesign.com/company/careers/">Careers</a></li> 2922 <li id="menu-item-27508" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27508"><a href="https://www.bopdesign.com/company/testimonials/">Testimonials</a></li> 2923</ul> 2924</li> 2925</ul> </div> 2926 </div> 2927 </div>
2928 </div> 2929 </div> 2930 <div class="row"> 2931 <div class="contact-list col-12 pt-5"> 2932 <p class="text-charcoal h4 mb-4 pb-1 border-bottom">Contact</p> 2933 <ul class="offices-list d-flex justify-content-md-between flex-wrap w-full"> 2934 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2935 <a href="https://www.bopdesign.com/contact/bop-design-san-diego/" class="office-title text-black-pearl fw-bold">San Diego</a> 2936 <a href="https://www.google.com/maps/search/?api=1&query=401%20W%20A%20Street%20Suite%20200%20San%20Diego%2C%20CA%2092101" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>401 W A Street<br /> 2937Suite 200<br /> 2938San Diego, CA 92101</p> 2939</a> <a href="tel:619.330.0730" class="phone-number-link text-black-pearl" 2940 target="">619.330.0730</a> 2941 </li> 2942 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2943 <a href="https://www.bopdesign.com/contact/bop-design-orange-county/" class="office-title text-black-pearl fw-bold">Orange County</a> 2944 <a href="https://www.google.com/maps/search/?api=1&query=3333%20Michelson%20Drive%20Suite%20300%20Irvine%2C%20CA%2092612" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>3333 Michelson Drive<br /> 2945Suite 300<br /> 2946Irvine, CA 92612</p> 2947</a> <a href="tel:888.670.7803" class="phone-number-link text-black-pearl" 2948 target="">888.670.7803</a> 2949 </li> 2950 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2951 <a href="https://www.bopdesign.com/contact/bop-design-los-angeles/" class="office-title text-black-pearl fw-bold">Los Angeles</a> 2952 <a href="https://www.google.com/maps/search/?api=1&query=6060%20Center%20Drive%2010th%20Floor%20Los%20Angeles%2C%20CA%2090045" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>6060 Center Drive<br /> 295310th Floor<br /> 2954Los Angeles, CA 90045</p> 2955</a> <a href="tel:888.670.7803" class="phone-number-link text-black-pearl" 2956 target="">888.670.7803</a> 2957 </li> 2958 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2959 <a href="https://www.bopdesign.com/contact/new-york/" class="office-title text-black-pearl fw-bold">New York</a> 2960 <a href="https://www.google.com/maps/search/?api=1&query=25%20Broadway%2010th%20Floor%20New%20York%2C%20NY%2010004" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>25 Broadway<br /> 296110th Floor<br /> 2962New York, NY 10004</p> 2963</a> <a href="tel:888.670.7803" class="phone-number-link text-black-pearl" 2964 target="">888.670.7803</a> 2965 </li> 2966 <li class="footer-contact-buttons col-auto w-100"> 2967 <a href="https://www.bopdesign.com/contact/" 2968 class="wp-block-button__link wp-element-button d-block mb-3 mb-md-4 p-3 w-100" 2969 target="">Contact Us</a> 2970 </li> 2971 </ul> 2972 </div> 2973 </div> 2974 </div> 2975 <section class="footer-section-wide has-charcoal-background-color pt-5 pb-3 mt-5"> 2976 <div class="container footer-logos py-4"> 2977 <div class="row align-items-center flex-column flex-md-row"> 2978 <div class="footer-logo-main col-12 col-md-2 mb-4 mb-md-0 d-flex d-md-block justify-content-center"> 2979 <a href="https://www.bopdesign.com/" rel="home"> 2980 <img src="https://www.bopdesign.com/wp-content/uploads/2023/07/logo.svg" class="logo" width="177" height="51" loading="eager" fetchpriority="high" alt="Go back to home page"/> 2981 </a> 2982 </div> 2983 <div class="footer-logos-other col-12 col-md-10"> 2984 <div class="d-flex flex-column flex-md-row gap-4 gap-md-3 justify-content-between align-items-center"> 2985 <a href="https://buywomenowned.com/" target="_blank" rel="noopener"> 2986 <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%20180'%3E%3C/svg%3E" class="h-auto" width="180" height="180" fetchpriority="low" alt="Women Owned Badge" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/07/women-owned.svg"><noscript><img src="https://www.bopdesign.com/wp-content/uploads/2023/07/women-owned.svg" class="h-auto" width="180" height="180" loading="lazy" fetchpriority="low" alt="Women Owned Badge"></noscript> <span class="visually-hidden">Visit Women Owned Website</span> 2987 </a> 2988 <a href="https://rankings.newsweek.com/americas-most-reliable-companies-2026" target="_blank" rel="noopener"> 2989 <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%20180'%3E%3C/svg%3E" class="h-auto" width="180" height="180" fetchpriority="low" alt="Newsweek Badge 2026" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2025/12/Bop-Design-Newsweek-Badge-12-22-2026-298x298.png"><noscript><img src="https://www.bopdesign.com/wp-content/uploads/2025/12/Bop-Design-Newsweek-Badge-12-22-2026-298x298.png" class="h-auto" width="180" height="180" loading="lazy" fetchpriority="low" alt="Newsweek Badge 2026"></noscript> <span class="visually-hidden">Visit Newsweek – America’s Most Reliable Companies 2026</span> 2990 </a> 2991 <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%20180'%3E%3C/svg%3E" class="h-auto" width="180" height="180" fetchpriority="low" alt="Top Web Designer - Certified by Upcity" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2023/01/certified-by-upcity-top-web-designer-300x300-1-298x298.png"><noscript><img src="https://www.bopdesign.com/wp-content/uploads/2023/01/certified-by-upcity-top-web-designer-300x300-1-298x298.png" class="h-auto" width="180" height="180" loading="lazy" fetchpriority="low" alt="Top Web Designer - Certified by Upcity"></noscript> <a href="https://clutch.co/press-releases/clutch-1000-2025" target="_blank" rel="noopener"> 2992 <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%20180'%3E%3C/svg%3E" class="h-auto" width="180" height="180" fetchpriority="low" alt="Clutch 1000 Award Badge 2025" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2025/12/Clutch-1000-2025-Award-379x298.png"><noscript><img src="https://www.bopdesign.com/wp-content/uploads/2025/12/Clutch-1000-2025-Award-379x298.png" class="h-auto" width="180" height="180" loading="lazy" fetchpriority="low" alt="Clutch 1000 Award Badge 2025"></noscript> <span class="visually-hidden">Visit Clutch 1000 List Reveals Top-Rated Business Service Providers of 2025</span> 2993 </a> 2994 </div> 2995 </div> 2996 </div> 2997 </div> 2998 <div class="container copyright py-3"> 2999 <div class="row"> 3000 <div class="col-12 site-info text-center text-md-start"> 3001 <section class="font-size-small"> 3002 © 2026 Bop Design, Inc. <span> | </span><a href="https://www.bopdesign.com/privacy-policy/">Privacy Policy</a> <span> | </span>
3002<a href='#' class='iubenda-cs-preferences-link'><img style='width:2rem;display:inline-block;margin:0 0.25rem 0.25rem 0' src="data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 14' style='enable-background:new 0 0 30 14;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7d .st1%7bfill-rule:evenodd;clip-rule:evenodd;fill:%230066FF;%7d .st2%7bfill:%23FFFFFF;%7d .st3%7bfill:%230066FF;%7d %3c/style%3e%3cg%3e%3cg id='final---dec.11-2020_1_'%3e%3cg id='_x30_208-our-toggle_2_' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2_2_' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st0' d='M7.4,12.8h6.8l3.1-11.6H7.4C4.2,1.2,1.6,3.8,1.6,7S4.2,12.8,7.4,12.8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='final---dec.11-2020'%3e%3cg id='_x30_208-our-toggle' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st1' d='M22.6,0H7.4c-3.9,0-7,3.1-7,7s3.1,7,7,7h15.2c3.9,0,7-3.1,7-7S26.4,0,22.6,0z M1.6,7c0-3.2,2.6-5.8,5.8-5.8 h9.9l-3.1,11.6H7.4C4.2,12.8,1.6,10.2,1.6,7z'/%3e%3cpath id='x' class='st2' d='M24.6,4c0.2,0.2,0.2,0.6,0,0.8l0,0L22.5,7l2.2,2.2c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0 l0,0l-2.2-2.2L19.5,10c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l0,0L20.8,7l-2.2-2.2c-0.2-0.2-0.2-0.6,0-0.8 c0.2-0.2,0.6-0.2,0.8,0l0,0l2.2,2.2L23.8,4C24,3.8,24.4,3.8,24.6,4z'/%3e%3cpath id='y' class='st3' d='M12.7,4.1c0.2,0.2,0.3,0.6,0.1,0.8l0,0L8.6,9.8C8.5,9.9,8.4,10,8.3,10c-0.2,0.1-0.5,0.1-0.7-0.1l0,0 L5.4,7.7c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l0,0L8,8.6l3.8-4.5C12,3.9,12.4,3.9,12.7,4.1z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="California Consumer Privacy Act (CCPA) Opt-Out Icon" data-lazy-src=""/><noscript><img style='width:2rem;display:inline-block;margin:0 0.25rem 0.25rem 0' src="data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 14' style='enable-background:new 0 0 30 14;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7d .st1%7bfill-rule:evenodd;clip-rule:evenodd;fill:%230066FF;%7d .st2%7bfill:%23FFFFFF;%7d .st3%7bfill:%230066FF;%7d %3c/style%3e%3cg%3e%3cg id='final---dec.11-2020_1_'%3e%3cg id='_x30_208-our-toggle_2_' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2_2_' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st0' d='M7.4,12.8h6.8l3.1-11.6H7.4C4.2,1.2,1.6,3.8,1.6,7S4.2,12.8,7.4,12.8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='final---dec.11-2020'%3e%3cg id='_x30_208-our-toggle' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st1' d='M22.6,0H7.4c-3.9,0-7,3.1-7,7s3.1,7,7,7h15.2c3.9,0,7-3.1,7-7S26.4,0,22.6,0z M1.6,7c0-3.2,2.6-5.8,5.8-5.8 h9.9l-3.1,11.6H7.4C4.2,12.8,1.6,10.2,1.6,7z'/%3e%3cpath id='x' class='st2' d='M24.6,4c0.2,0.2,0.2,0.6,0,0.8l0,0L22.5,7l2.2,2.2c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0 l0,0l-2.2-2.2L19.5,10c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l0,0L20.8,7l-2.2-2.2c-0.2-0.2-0.2-0.6,0-0.8 c0.2-0.2,0.6-0.2,0.8,0l0,0l2.2,2.2L23.8,4C24,3.8,24.4,3.8,24.6,4z'/%3e%3cpath id='y' class='st3' d='M12.7,4.1c0.2,0.2,0.3,0.6,0.1,0.8l0,0L8.6,9.8C8.5,9.9,8.4,10,8.3,10c-0.2,0.1-0.5,0.1-0.7-0.1l0,0 L5.4,7.7c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l0,0L8,8.6l3.8-4.5C12,3.9,12.4,3.9,12.7,4.1z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="California Consumer Privacy Act (CCPA) Opt-Out Icon"/></noscript>Your Privacy Choices</a><span> | </span><a href='#' class='iubenda-cs-uspr-link'>Notice at Collection</a> </section> 3003 </div> 3004 </div> 3005 </div> 3006 </section> 3007</footer><!-- #colophon --> 3008 3009 <div class="off-canvas-screen d-block d-lg-none position-fixed top-0 end-0 bottom-0 start-0 visually-hidden"></div> 3010 <nav class="off-canvas-container d-block d-lg-none position-fixed top-0 bottom-0 h-100 overflow-y-auto" 3011 aria-label="Mobile Menu" aria-hidden="true" tabindex="-1"> 3012 <button type="button" class="off-canvas-close d-block d-lg-none position-absolute" aria-expanded="false" 3013 aria-label="Close Menu"> 3014 3015 <svg height="24" width="24" class="icon svg-icon close" aria-hidden="true" role="img"> 3016 <title id="title-close-50661"> 3017 close </title> 3018 3019 3020 <use xlink:href="#icon-close"></use> 3021 </svg> 3022 3023 </button> 3024 <div class="off-canvas-content"><ul id="site-mobile-menu" class="mobile-menu m-0 p-0"><li id="menu-item-32719" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32719"><a href="https://www.bopdesign.com/services/">Services</a> 3025<ul class="sub-menu"> 3026 <li id="menu-item-32720" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32720"><a href="https://www.bopdesign.com/services/b2b-web-design/">Website Design</a> 3027 <ul class="sub-menu"> 3028 <li id="menu-item-32721" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32721"><a href="https://www.bopdesign.com/services/b2b-web-design/ui-ux/">UI/UX web design</a></li> 3029 <li id="menu-item-32722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32722"><a href="https://www.bopdesign.com/services/b2b-web-design/web-development/">Web development</a></li> 3030 <li id="menu-item-45160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45160"><a href="https://www.bopdesign.com/services/b2b-web-design/wordpress/">WordPress web design</a></li> 3031 <li id="menu-item-39923" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39923"><a href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li> 3032 <li id="menu-item-45957" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45957"><a href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li> 3033 <li id="menu-item-43203" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43203"><a href="https://www.bopdesign.com/services/b2b-web-design/b2b-website-design-process/">B2B website design process</a></li> 3034 </ul> 3035</li>
3036 <li id="menu-item-46014" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-46014"><a href="https://www.bopdesign.com/services/b2b-content-marketing/">Content Marketing</a> 3037 <ul class="sub-menu"> 3038 <li id="menu-item-32727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32727"><a href="https://www.bopdesign.com/services/b2b-content-marketing/social-media/">Social media</a></li> 3039 <li id="menu-item-32728" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32728"><a href="https://www.bopdesign.com/services/b2b-content-marketing/copywriting/">Copywriting</a></li> 3040 <li id="menu-item-32729" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32729"><a href="https://www.bopdesign.com/services/b2b-content-marketing/blog-content/">Blog content</a></li> 3041 <li id="menu-item-32730" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32730"><a href="https://www.bopdesign.com/services/b2b-content-marketing/email-marketing/">Email marketing</a></li> 3042 <li id="menu-item-32731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32731"><a href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li> 3043 <li id="menu-item-45956" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45956"><a href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li> 3044 <li id="menu-item-43187" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43187"><a href="https://www.bopdesign.com/services/ongoing-marketing/">Ongoing marketing</a></li> 3045 </ul> 3046</li> 3047 <li id="menu-item-32732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32732"><a href="https://www.bopdesign.com/services/b2b-branding-services/">Branding</a> 3048 <ul class="sub-menu"> 3049 <li id="menu-item-46544" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46544"><a href="https://www.bopdesign.com/services/b2b-branding-services/brand-strategy/">Brand strategy</a></li> 3050 <li id="menu-item-32733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32733"><a href="https://www.bopdesign.com/services/b2b-branding-services/brand-guidelines/">Brand guidelines</a></li> 3051 <li id="menu-item-32734" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32734"><a href="https://www.bopdesign.com/services/b2b-branding-services/logo-design/">Logo design</a></li> 3052 <li id="menu-item-32735" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32735"><a href="https://www.bopdesign.com/services/b2b-branding-services/branding-marketing-materials/">Marketing materials</a></li> 3053 </ul> 3054</li> 3055</ul> 3056</li> 3057<li id="menu-item-32736" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32736"><a href="https://www.bopdesign.com/industries/">Industries</a> 3058<ul class="sub-menu"> 3059 <li id="menu-item-45839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45839"><a href="https://www.bopdesign.com/industries/b2b-technology-web-design/">Technology</a></li> 3060 <li id="menu-item-32740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32740"><a href="https://www.bopdesign.com/industries/fintech-insurtech/">Fintech & Insurtech</a></li> 3061 <li id="menu-item-32741" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32741"><a href="https://www.bopdesign.com/industries/biotech-marketing/">Biotech</a></li> 3062 <li id="menu-item-45840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45840"><a href="https://www.bopdesign.com/industries/b2b-saas-website-design/">Software</a></li> 3063 <li id="menu-item-45155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45155"><a href="https://www.bopdesign.com/industries/web-design-for-ai-companies/">AI & ML</a></li> 3064 <li id="menu-item-32742" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32742"><a href="https://www.bopdesign.com/industries/industrial/">Industrial</a></li> 3065 <li id="menu-item-32743" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32743"><a href="https://www.bopdesign.com/industries/engineering-marketing/">Engineering</a></li> 3066 <li id="menu-item-32744" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32744"><a href="https://www.bopdesign.com/industries/consulting-marketing/">Consulting</a></li> 3067 <li id="menu-item-32745" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32745"><a href="https://www.bopdesign.com/industries/energy/">Energy</a></li> 3068</ul> 3069</li> 3070<li id="menu-item-44305" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44305"><a href="https://www.bopdesign.com/our-work/">Our Work</a></li> 3071<li id="menu-item-32750" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32750"><a href="https://www.bopdesign.com/bop-blog/">Blog</a></li> 3072<li id="menu-item-32751" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32751"><a href="https://www.bopdesign.com/resources/">Resources</a></li> 3073<li id="menu-item-32752" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32752"><a href="https://www.bopdesign.com/company/">Company</a> 3074<ul class="sub-menu"> 3075 <li id="menu-item-32753" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32753"><a href="https://www.bopdesign.com/company/about/">About</a></li> 3076 <li id="menu-item-32754" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32754"><a href="https://www.bopdesign.com/company/why-bop-design/">Why Bop Design?</a></li> 3077 <li id="menu-item-32755" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32755"><a href="https://www.bopdesign.com/company/leadership/">Leadership</a></li> 3078 <li id="menu-item-32756" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32756"><a href="https://www.bopdesign.com/company/news/">News</a></li> 3079 <li id="menu-item-32757" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32757"><a href="https://www.bopdesign.com/company/careers/">Careers</a></li> 3080 <li id="menu-item-32758" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32758"><a href="https://www.bopdesign.com/company/testimonials/">Testimonials</a></li> 3081 <li id="menu-item-32759" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32759"><a href="https://www.bopdesign.com/company/faq/">FAQ</a></li> 3082</ul> 3083</li> 3084</ul></div> <div class="mobile-contact-btn"> 3085 <div class="d-flex is-layout-flex wp-block-buttons"> 3086 <div class="wp-block-button is-style-fill"> 3087 <a class="wp-block-button__link wp-element-button has-orange-background-color has-background has-white-color has-text-color" 3088 href="https://www.bopdesign.com/contact/"> 3089 Contact </a> 3090 </div> 3091 </div> 3092 </div> 3093 </nav> 3094
3095<script type="speculationrules"> 3096{"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/bopper/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3097</script>
vendor: 1 bytes, line 3097
3097
3098<script type="text/rocketlazyloadscript"> 3099 var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g 3100 var newUrl = window.location.search.replace(relevanssi_rt_regex, '') 3101 if (newUrl.substr(0, 1) == '&') { 3102 newUrl = '?' + newUrl.substr(1) 3103 } 3104 history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) 3105</script>
3105 3106 <!-- Start of Async HubSpot Analytics Code --> 3107
3107<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript"> 3108 (function(d,s,i,r) { 3109 if (d.getElementById(i)){return;} 3110 var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; 3111 n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/8252505.js'; 3112 e.parentNode.insertBefore(n, e); 3113 })(document,"script","hs-analytics",300000); 3114 </script>
3114 3115 <!-- End of Async HubSpot Analytics Code --> 3116
3116<script type="text/rocketlazyloadscript" data-minify="1" data-wp-strategy="defer" defer id="bopper-strip-gl-param-script-js" data-rocket-src="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/js/strip-gl-param.js?ver=1790272832"></script>
vendor: 1 bytes, line 3116
3116
3117<script type="text/rocketlazyloadscript" id="hoverIntent-js" data-rocket-src="https://www.bopdesign.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" data-rocket-defer defer></script>
vendor: 1 bytes, line 3117
3117
3118<script type="text/rocketlazyloadscript" id="megamenu-js" data-rocket-src="https://www.bopdesign.com/wp-content/plugins/megamenu/js/maxmegamenu.min.js?ver=3.10.8" data-rocket-defer defer></script>
vendor: 1 bytes, line 3118
3118
3119<script type="text/rocketlazyloadscript" data-minify="1" id="megamenu-pro-js" data-rocket-src="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/plugins/megamenu-pro/assets/public.js?ver=1790272833" data-rocket-defer defer></script>
vendor: 1 bytes, line 3119
3119
3120<script type="text/rocketlazyloadscript" data-minify="1" data-wp-strategy="defer" defer id="lite-vimeo-embed-script-js" data-rocket-src="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/js/vendor/lite-vimeo-embed.js?ver=1790272967"></script>
vendor: 1 bytes, line 3120
3120
3121<script type="text/rocketlazyloadscript" data-minify="1" data-wp-strategy="defer" defer id="lite-youtube-embed-script-js" data-rocket-src="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/js/vendor/lite-youtube-embed.js?ver=1790272967"></script>
vendor: 1 bytes, line 3121
3121
3122<script type="text/rocketlazyloadscript" data-wp-strategy="defer" defer id="swiperjs-script-js" data-rocket-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/js/vendor/swiperjs/swiper-bundle.min.js?ver=1790780983"></script>
vendor: 1 bytes, line 3122
3122
3123<script type="text/rocketlazyloadscript" data-minify="1" data-wp-strategy="defer" defer id="latest-posts-script-js" data-rocket-src="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/blocks/latest-posts/latest-posts.js?ver=1790272967"></script>
vendor: 1 bytes, line 3123
3123
3124<script type="text/rocketlazyloadscript" data-wp-strategy="defer" defer id="featured-resources-script-js" data-rocket-src="https://www.bopdesign.com/wp-content/themes/bopper/blocks/featured-resources/featured-resources.js?ver=1790780983"></script>
vendor: 1 bytes, line 3124
3124
3125<script type="text/rocketlazyloadscript">document.addEventListener('StartAsyncLoading',function(){(function(){var s=document.createElement('script');var e = !document.body ? document.querySelector('head'):document.body;s.src='https://acsbapp.com/apps/app/dist/js/app.js';s.setAttribute('data-source', 'WordPress');s.setAttribute('data-plugin-version', '2.13');s.defer=true;s.onload=function(){acsbJS.init({"leadColor":"#146ff8","language":"en","position":"left","triggerColor":"#146ff8","triggerPositionX":"right","triggerPositionY":"bottom","triggerSize":"medium","triggerRadius":"50%","hideTrigger":"false","triggerOffsetX":20,"triggerOffsetY":20,"triggerIcon":"people","hideMobile":"false","mobileTriggerPositionX":"right","mobileTriggerPositionY":"bottom","mobileTriggerSize":"small","mobileTriggerRadius":"50%","mobileTriggerOffsetX":10,"mobileTriggerOffsetY":10,"statementLink":"","footerHtml":"","syncedToServer":"1"})};e.appendChild(s);}());});</script>
3125<div class="svg-sprite-wrapper d-none" style="display: none;"><svg class="svg-defs" style="display:none;position:absolute;width:0;height:0;overflow:hidden;" aria-hidden="true"> 3126 <defs> 3127 <symbol id="icon-facebook" viewBox="0 0 50 50"> 3128 <path d="M25,3C12.85,3,3,12.85,3,25c0,11.03,8.125,20.137,18.712,21.728V30.831h-5.443v-5.783h5.443v-3.848 c0-6.371,3.104-9.168,8.399-9.168c2.536,0,3.877,0.188,4.512,0.274v5.048h-3.612c-2.248,0-3.033,2.131-3.033,4.533v3.161h6.588 l-0.894,5.783h-5.694v15.944C38.716,45.318,47,36.137,47,25C47,12.85,37.15,3,25,3z"/> 3129 </symbol> 3130 <symbol id="icon-facebook-square" viewBox="0 0 50 50"> 3131 <path d="M25,3C12.85,3,3,12.85,3,25c0,11.03,8.125,20.137,18.712,21.728V30.831h-5.443v-5.783h5.443v-3.848 c0-6.371,3.104-9.168,8.399-9.168c2.536,0,3.877,0.188,4.512,0.274v5.048h-3.612c-2.248,0-3.033,2.131-3.033,4.533v3.161h6.588 l-0.894,5.783h-5.694v15.944C38.716,45.318,47,36.137,47,25C47,12.85,37.15,3,25,3z"/> 3132 </symbol> 3133 <symbol id="icon-meta" viewBox="0 0 16 16"> 3134 <path fill-rule="evenodd" d="M8.217 5.243C9.145 3.988 10.171 3 11.483 3 13.96 3 16 6.153 16.001 9.907c0 2.29-.986 3.725-2.757 3.725-1.543 0-2.395-.866-3.924-3.424l-.667-1.123-.118-.197a54.944 54.944 0 0 0-.53-.877l-1.178 2.08c-1.673 2.925-2.615 3.541-3.923 3.541C1.086 13.632 0 12.217 0 9.973 0 6.388 1.995 3 4.598 3c.319 0 .625.039.924.122.31.086.611.22.913.407.577.359 1.154.915 1.782 1.714Zm1.516 2.224c-.252-.41-.494-.787-.727-1.133L9 6.326c.845-1.305 1.543-1.954 2.372-1.954 1.723 0 3.102 2.537 3.102 5.653 0 1.188-.39 1.877-1.195 1.877-.773 0-1.142-.51-2.61-2.87l-.937-1.565ZM4.846 4.756c.725.1 1.385.634 2.34 2.001A212.13 212.13 0 0 0 5.551 9.3c-1.357 2.126-1.826 2.603-2.581 2.603-.777 0-1.24-.682-1.24-1.9 0-2.602 1.298-5.264 2.846-5.264.091 0 .181.006.27.018Z"/> 3135 </symbol> 3136 <symbol id="icon-instagram" viewBox="0 0 16 16"> 3137 <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/> 3138 </symbol> 3139 <symbol id="icon-twitter" viewBox="0 0 30 30"> 3140 <path d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"/> 3141 </symbol> 3142 <symbol id="icon-twitter-square" viewBox="0 0 30 30"> 3143 <path d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"/> 3144 </symbol> 3145 <symbol id="icon-twitter-x" viewBox="0 0 30 30"> 3146 <path d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"/> 3147 </symbol>
3148 <symbol id="icon-linkedin" viewBox="0 0 32 32"> 3149 <path d="M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z"/> 3150 <path d="M2 12h6v18h-6v-18z"/> 3151 <path d="M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z"/> 3152 </symbol> 3153 <symbol id="icon-linkedin-square" viewBox="0 0 16 16"> 3154 <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/> 3155 </symbol> 3156 <symbol id="icon-pinterest" viewBox="0 0 50 50"> 3157 <path d="M25,2C12.3178711,2,2,12.3178711,2,25c0,9.8841553,6.2675781,18.3302612,15.036377,21.5769653 c-0.2525635-2.2515869-0.2129517-5.9390259,0.2037964-7.7243652c0.3902588-1.677002,2.5212402-10.6871338,2.5212402-10.6871338 s-0.6433105-1.2883301-0.6433105-3.1911011c0-2.9901733,1.7324219-5.2211914,3.8898315-5.2211914 c1.8349609,0,2.7197876,1.3776245,2.7197876,3.0281982c0,1.8457031-1.1734619,4.6026611-1.78125,7.1578369 c-0.506897,2.1409302,1.0733643,3.8865356,3.1836548,3.8865356c3.821228,0,6.7584839-4.0296021,6.7584839-9.8453369 c0-5.147583-3.697998-8.7471924-8.9795532-8.7471924c-6.1167603,0-9.7072754,4.588562-9.7072754,9.3309937 c0,1.8473511,0.7111816,3.8286743,1.6000977,4.9069824c0.175293,0.2133179,0.2009277,0.3994141,0.1488647,0.6160278 c-0.1629028,0.678894-0.5250854,2.1392822-0.5970459,2.4385986c-0.0934448,0.3944702-0.3117676,0.4763184-0.7186279,0.2869263 c-2.685791-1.2503052-4.364502-5.1756592-4.364502-8.3295898c0-6.7815552,4.9268188-13.0108032,14.206543-13.0108032 c7.4588623,0,13.2547607,5.3138428,13.2547607,12.4179077c0,7.4100342-4.6729126,13.3729858-11.1568604,13.3729858 c-2.178894,0-4.2263794-1.132019-4.9267578-2.4691772c0,0-1.0783081,4.1048584-1.3404541,5.1112061 c-0.4524536,1.7404175-2.3892822,5.3460083-3.3615723,6.9837036C20.1704712,47.6074829,22.5397949,48,25,48 c12.6826172,0,23-10.3173828,23-23C48,12.3178711,37.6826172,2,25,2z"/> 3158 </symbol> 3159 <symbol id="icon-youtube" viewBox="0 0 16 16"> 3160 <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> 3161 </symbol> 3162 <symbol id="icon-youtube-words" viewBox="0 0 24 28"> 3163 <path d="M15.172 19.437v3.297c0 0.703-0.203 1.047-0.609 1.047-0.234 0-0.469-0.109-0.703-0.344v-4.703c0.234-0.234 0.469-0.344 0.703-0.344 0.406 0 0.609 0.359 0.609 1.047zM20.453 19.453v0.719h-1.406v-0.719c0-0.703 0.234-1.062 0.703-1.062s0.703 0.359 0.703 1.062zM5.359 16.047h1.672v-1.469h-4.875v1.469h1.641v8.891h1.563v-8.891zM9.859 24.938h1.391v-7.719h-1.391v5.906c-0.313 0.438-0.609 0.656-0.891 0.656-0.187 0-0.297-0.109-0.328-0.328-0.016-0.047-0.016-0.219-0.016-0.547v-5.688h-1.391v6.109c0 0.547 0.047 0.906 0.125 1.141 0.125 0.391 0.453 0.578 0.906 0.578 0.5 0 1.031-0.313 1.594-0.953v0.844zM16.562 22.625v-3.078c0-0.719-0.031-1.234-0.141-1.547-0.172-0.578-0.562-0.875-1.109-0.875-0.516 0-1 0.281-1.453 0.844v-3.391h-1.391v10.359h1.391v-0.75c0.469 0.578
31630.953 0.859 1.453 0.859 0.547 0 0.938-0.297 1.109-0.859 0.109-0.328 0.141-0.844 0.141-1.563zM21.844 22.469v-0.203h-1.422c0 0.562-0.016 0.875-0.031 0.953-0.078 0.375-0.281 0.562-0.625 0.562-0.484 0-0.719-0.359-0.719-1.078v-1.359h2.797v-1.609c0-0.828-0.141-1.422-0.422-1.813-0.406-0.531-0.953-0.797-1.656-0.797-0.719 0-1.266 0.266-1.672 0.797-0.297 0.391-0.438 0.984-0.438 1.813v2.703c0 0.828 0.156 1.437 0.453 1.813 0.406 0.531 0.953 0.797 1.687 0.797s1.313-0.281 1.687-0.828c0.172-0.25 0.297-0.531 0.328-0.844 0.031-0.141 0.031-0.453 0.031-0.906zM12.344 8.203v-3.281c0-0.719-0.203-1.078-0.672-1.078-0.453 0-0.672 0.359-0.672 1.078v3.281c0 0.719 0.219 1.094 0.672 1.094 0.469 0 0.672-0.375 0.672-1.094zM23.578 19.938c0 1.797-0.016 3.719-0.406 5.469-0.297 1.234-1.297 2.141-2.5 2.266-2.875 0.328-5.781 0.328-8.672 0.328s-5.797 0-8.672-0.328c-1.203-0.125-2.219-1.031-2.5-2.266-0.406-1.75-0.406-3.672-0.406-5.469v0c0-1.813 0.016-3.719 0.406-5.469 0.297-1.234 1.297-2.141 2.516-2.281 2.859-0.313 5.766-0.313 8.656-0.313s5.797 0 8.672 0.313c1.203 0.141 2.219 1.047 2.5 2.281 0.406 1.75 0.406 3.656 0.406 5.469zM7.984 0h1.594l-1.891 6.234v4.234h-1.563v-4.234c-0.141-0.766-0.453-1.859-0.953-3.313-0.344-0.969-0.688-1.953-1.016-2.922h1.656l1.109 4.109zM13.766 5.203v2.734c0 0.828-0.141 1.453-0.438 1.844-0.391 0.531-0.938 0.797-1.656 0.797-0.703 0-1.25-0.266-1.641-0.797-0.297-0.406-0.438-1.016-0.438-1.844v-2.734c0-0.828 0.141-1.437 0.438-1.828 0.391-0.531 0.938-0.797 1.641-0.797 0.719 0 1.266 0.266 1.656 0.797 0.297 0.391 0.438 1 0.438 1.828zM19 2.672v7.797h-1.422v-0.859c-0.562 0.656-1.094 0.969-1.609 0.969-0.453 0-0.781-0.187-0.922-0.578-0.078-0.234-0.125-0.609-0.125-1.172v-6.156h1.422v5.734c0 0.328 0 0.516 0.016 0.547 0.031 0.219 0.141 0.344 0.328 0.344 0.281 0 0.578-0.219 0.891-0.672v-5.953h1.422z"/> 3164 </symbol> 3165 <symbol id="icon-clutch" viewBox="0 0 21 21"> 3166 <path d="M3.08 17.924a10.45,10.45,0,0,1-3.08-7.429,10.511,10.511,0,0,1,10.5-10.5,10.483,10.483,0,0,1,8.071,3.786l-3.562,3.563a5.515,5.515,0,0,0-4.509-2.351,5.506,5.506,0,0,0-5.5,5.5,5.507,5.507,0,0,0,5.5,5.5,5.513,5.513,0,0,0,4.509-2.348l3.565,3.566c-.21.25-.43.489-.649.709a10.429,10.429,0,0,1-7.425,3.073A10.429,10.429,0,0,1,3.08 17.924Zm3.922-7.425a3.5,3.5,0,0,1,3.5-3.5,3.5,3.5,0,0,1,3.5,3.5,3.5,3.5,0,0,1-3.5,3.5A3.5,3.5,0,0,1,7.001 10.499Z"/> 3167 </symbol> 3168 <symbol id="icon-rss" viewBox="0 0 20.489 20.489"> 3169 <path d="M13.229,19.118c0-6.454-5.243-11.778-11.777-11.778c-0.968,0-1.372,0.807-1.372,1.695c0,0.968,0.403,1.693,1.372,1.693c4.598,0,8.308,3.711,8.308,8.309c0,0.968,0.807,1.371,1.694,1.371 C12.423,20.489,13.229,20.086,13.229,19.118 M20.489,19.037C20.489,8.551,11.938,0,1.452,0C0.484,0,0,0.807,0,1.774c0,0.968,0.403,1.775,1.452,1.775c8.55,0,15.487,6.938,15.487,15.488c0,0.968,0.807,1.452,1.775,1.452 C19.763,20.489,20.489,20.005,20.489,19.037 M5.889,17.585c0,1.613-1.291,2.904-2.904,2.904c-1.613,0-2.904-1.291-2.904-2.904c0-1.613,1.291-2.904,2.904-2.904C4.598,14.601,5.889,15.972,5.889,17.585"/> 3170 </symbol> 3171 <symbol id="icon-plus" viewBox="0 0 32 32"> 3172 <path d="M31 12h-11v-11c0-0.552-0.448-1-1-1h-6c-0.552 0-1 0.448-1 1v11h-11c-0.552 0-1 0.448-1 1v6c0 0.552 0.448 1 1 1h11v11c0 0.552 0.448 1 1 1h6c0.552 0 1-0.448 1-1v-11h11c0.552 0 1-0.448 1-1v-6c0-0.552-0.448-1-1-1z"/> 3173 </symbol> 3174 <symbol id="icon-minus" viewBox="0 0 16 16"> 3175 <line x1="2" y1="8" x2="14" y2="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> 3176 </symbol> 3177 <symbol id="icon-play" viewBox="0 0 22 28"> 3178 <path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"/> 3179 </symbol> 3180 <symbol id="icon-hamburger" viewBox="0 0 30 20"> 3181 <path d="M12.5,11.25H28.75A1.18,1.18,0,0,0,30,10a1.18,1.18,0,0,0-1.25-1.25H12.5A1.18,1.18,0,0,0,11.25,10,1.18,1.18,0,0,0,12.5,11.25ZM1.25,2.5h27.5A1.18,1.18,0,0,0,30,1.25,1.18,1.18,0,0,0,28.75,0H1.25A1.18,1.18,0,0,0,0,1.25,1.18,1.18,0,0,0,1.25,2.5Zm0,17.5h27.5a1.25,1.25,0,0,0,0-2.5H1.25a1.25,1.25,0,0,0,0,2.5Z"/> 3182 </symbol> 3183 <symbol id="icon-close" viewBox="0 0 32 32"> 3184 <line x1="1.5" y1="1.5" x2="30.5" y2="30.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/> 3185 <line x1="30.5" y1="1.5" x2="1.5" y2="30.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/> 3186 </symbol> 3187 <symbol id="icon-search" viewBox="0 0 32 32"> 3188 <circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 3189 <line x1="19" y1="19" x2="28" y2="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 3190 </symbol>
3191 <symbol id="icon-caret-down" viewBox="0 0 16 28"> 3192 <path d="M16 11c0 0.266-0.109 0.516-0.297 0.703l-7 7c-0.187 0.187-0.438 0.297-0.703 0.297s-0.516-0.109-0.703-0.297l-7-7c-0.187-0.187-0.297-0.438-0.297-0.703 0-0.547 0.453-1 1-1h14c0.547 0 1 0.453 1 1z"/> 3193 </symbol> 3194 <symbol id="icon-arrow-right" viewBox="0 0 20 20"> 3195 <line x1="4.2" y1="10" x2="15.8" y2="10" stroke="currentColor" stroke-linecap="round" stroke-width="1.7"/> 3196 <path d="M10,15.8,15.8,10,10,4.2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7"/> 3197 </symbol> 3198 <symbol id="icon-quote-up" viewBox="0 0 106.508 96.377"> 3199 <path d="M87.641,31.678V-21.165H66.832c2.19-10.678,10.952-19.44,20.809-21.083V-64.7C59.166-61.413,41.917-41.152,41.917-10.487V31.678Zm-60.783,0V-21.165H6.049C8.24-31.843,17-40.6,26.858-42.247V-64.7C-1.617-61.413-18.867-41.152-18.867-10.487V31.678Z" transform="translate(18.867 64.699)"/> 3200 </symbol> 3201 <symbol id="icon-quote-down" viewBox="0 0 106.507 96.379"> 3202 <path d="M-18.867-64.7v52.844H1.942C-.248-1.177-9.01,7.585-18.867,9.228V31.68C9.608,28.394,26.858,8.133,26.858-22.533V-64.7Zm60.783,0v52.844H62.725C60.535-1.177,51.773,7.585,41.917,9.228V31.68C70.392,28.394,87.641,8.133,87.641-22.533V-64.7Z" transform="translate(18.866 64.699)"/> 3203 </symbol> 3204 <symbol id="icon-loading" viewBox="0 0 38 38"> 3205 <g fill="none" stroke="currentColor" stroke-width="2" stroke-opacity=".5" fill-rule="evenodd"> 3206 <circle stroke-opacity=".3" cx="19" cy="19" r="18"/> 3207 <path d="M37 19c0-9.94-8.06-18-18-18"> 3208 <animateTransform attributeName="transform" type="rotate" from="0 19 19" to="360 19 19" dur="1s" repeatCount="indefinite"/> 3209 </path> 3210 </g> 3211 </symbol> 3212 </defs> 3213</svg></div>
3213<script type="text/rocketlazyloadscript">window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} 3214if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} 3215images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} 3216if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
3216<script type="text/rocketlazyloadscript" data-no-minify="1" async data-rocket-src="https://www.bopdesign.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
3216<script type="text/rocketlazyloadscript">function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="Play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=["logo.svg"];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script>
3216 3217<div id="search-container" class="search search-container position-fixed top-0 start-0 bg-charcoal vw-100 vh-100 z-50 d-none" role="button" aria-expanded="false" tabindex="0"> 3218 <div class="search-modal bg-black-pearl text-white d-flex justify-content-between align-items-center w-100 mx-auto shadow-lg rounded-3 py-2 px-4"> 3219 3220 <svg height="18" width="18" class="icon svg-icon search" aria-hidden="true" role="img"> 3221 <title id="title-search-6036"> 3222 search </title> 3223 3224 3225 <use xlink:href="#icon-search"></use> 3226 </svg> 3227 3228 <span class="loading-indicator text-orange d-none"> 3229 3230 <svg height="18" width="18" class="icon svg-icon loading" aria-hidden="true" role="img"> 3231 <title id="title-loading-59331"> 3232 loading </title> 3233 3234 3235 <use xlink:href="#icon-loading"></use> 3236 </svg> 3237 3238 </span> 3239 <form data-sf-form-id='31631' data-is-rtl='0' data-maintain-state='' data-results-url='https://www.bopdesign.com/search/' data-ajax-url='https://www.bopdesign.com/search/?sf_data=results' data-ajax-form-url='https://www.bopdesign.com/?sfid=31631&sf_action=get_data&sf_data=form' data-display-result-method='archive' data-use-history-api='1' data-template-loaded='0' data-lang-code='en' data-ajax='1' data-ajax-data-type='html' data-ajax-links-selector='.pagination a' data-ajax-target='#search-results' data-ajax-pagination-type='normal' data-update-ajax-url='1' data-only-results-ajax='1' data-scroll-to-pos='0' data-init-paged='1' data-auto-update='' action='https://www.bopdesign.com/search/' method='post' class='searchandfilter' id='search-filter-form-31631' autocomplete='off' data-instance-count='1'><ul><li class="sf-field-search" data-sf-field-name="search" data-sf-field-type="search" data-sf-field-input-type=""> <label> 3240 <input placeholder="Search â¦" name="_sf_search[]" class="sf-input-text" type="text" value="" title=""></label> </li><li class="sf-field-submit" data-sf-field-name="submit" data-sf-field-type="submit" data-sf-field-input-type=""><input type="submit" name="_sf_submit" value="Submit"></li></ul></form> <button class="search-cancel border-gray rounded-1" type="reset" aria-label="Cancel"><kbd>esc</kbd><span class="screen-reader-text">Cancel</span></button> 3241 </div> 3242</div>
3243<script src="https://js.convertflow.co/production/websites/20507.js" defer></script>
vendor: 1 bytes, line 3243
3243
3244<script type="text/rocketlazyloadscript" data-data-rocket-src="https://cdn.callrail.com/companies/476025667/7e24a2ea3ca6f2bfe03c/12/swap.js" defer></script>
vendor: 1 bytes, line 3244
3244
3245<script type="text/rocketlazyloadscript">"use strict";function wprRemoveCPCSS(){var preload_stylesheets=document.querySelectorAll('link[data-rocket-async="style"][rel="preload"]');if(preload_stylesheets&&0<preload_stylesheets.length)for(var stylesheet_index=0;stylesheet_index<preload_stylesheets.length;stylesheet_index++){var media=preload_stylesheets[stylesheet_index].getAttribute("media")||"all";if(window.matchMedia(media).matches)return void setTimeout(wprRemoveCPCSS,200)}var elem=document.getElementById("rocket-critical-css");elem&&"remove"in elem&&elem.remove()}window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script>
3245<noscript><link rel='stylesheet' id='megamenu-css' href='https://www.bopdesign.com/wp-content/uploads/maxmegamenu/style.css?ver=f17a72' media='all' /><link data-minify="1" rel='stylesheet' id='bopper-main-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/main.css?ver=1790272829' media='all' /></noscript> 3246
3246<script id="bop-design-inline-script-optimization"> 3247 function loadCSS(filename){let l=document.createElement("link");l.rel="stylesheet";l.href=filename;let h=document.getElementsByTagName("head")[0];h.parentNode.insertBefore(l,h);} 3248 const isDesktopSize = window.innerWidth > 767;let lazyVideoPlayers = [...document.querySelectorAll(".lazy-video-player")];lazyVideoPlayers.forEach(video => {const isDesktopVideo = video.classList.contains("desktop");const isMobileVideo = video.classList.contains("mobile");if ((isDesktopVideo && isDesktopSize) || (isMobileVideo && !isDesktopSize)) {video.src = video.dataset.src;}}); 3249 let script_loaded=!1;function loadJSscripts(){if(!script_loaded){script_loaded=!0;let t=document.getElementsByTagName("script");for(i=0;i<t.length;i++)if(null!==t[i].getAttribute("data-src")){let e=document.createElement("script");e.src=t[i].getAttribute("data-src"),document.body.appendChild(e)}setTimeout(function(){document.dispatchEvent(new CustomEvent("StartAsyncLoading"));},200);setTimeout(function(){let lazyVideos=[...document.querySelectorAll(".lazy-video")];lazyVideos.forEach(video=>{video.getElementsByTagName("source")[0].src=video.getElementsByTagName("source")[0].dataset.src;if(window.innerWidth>0.5e3)video.load();else {video.load();video.play();}})},300);}}window.addEventListener("scroll",function(t){setTimeout(function(){loadJSscripts()},500);}),window.addEventListener("mousemove",function(){setTimeout(function(){loadJSscripts()},500);}),window.addEventListener("touchstart",function(){setTimeout(function(){loadJSscripts()},500);}),window.addEventListener?window.addEventListener("load",function(){setTimeout(loadJSscripts,4e3)},!1):window.attachEvent?window.attachEvent("onload",function(){setTimeout(loadJSscripts,4e3)}):window.onload=loadJSscripts;</script>
3249 3250 3251</body> 3252</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.