PageSourceSearch

https://www.bopdesign.com/

html bopdesign.com collected 2026-10-02 07:58:25 UTC 350,715 bytes, 3,252 lines download raw bytes

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 &amp; 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 &amp; 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 &raquo; Feed" href="https://www.bopdesign.com/feed/" />
60<link rel="alternate" type="application/rss+xml" title="Bop Design &raquo; 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 &amp; 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 &amp; 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&#8217;t claim to be gurus or wizards. We&#8217;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&#039; 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 &#038; 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 &amp; 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 &#038; 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>&#8220;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&#8217;re more than just a vendor, they&#8217;re friends.&#8221;</p>
2320<!-- /wp:paragraph -->									<p class="testimonial-heading">Scott Knight, Chief Sales Officer</p>
2321																			<p class="company-name">Perr&#038;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 &#038; 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 &#038; 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 &amp; 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&#8217;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 &amp; 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 &#038; 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&#038;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&#038;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&#038;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&#038;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 &#8211; America&#8217;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			&copy; 2026 Bop Design, Inc.			<span>&nbsp;|&nbsp;</span><a href="https://www.bopdesign.com/privacy-policy/">Privacy Policy</a>						<span>&nbsp;|&nbsp;</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>&nbsp;|&nbsp;</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 &amp; 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 &amp; 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&amp;sf_action=get_data&amp;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.