1<!DOCTYPE html> 2<html lang="en-US"> 3<head>
3<script> 4var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); 5</script>
5 6<meta charset="UTF-8">
6<script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script>
6<script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.5",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseout","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),await this.T(),await this.F(),await this.j(),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise(t=>setTimeout(t,500-Date.now()+this.lastTouchEnd)),this.I(),this.H(),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))},{isRocket:!0})}o(){window.addEventListener("pageshow",t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0},{isRocket:!0}),window.addEventListener("pagehide",()=>{this.onFirstUserAction=null},{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",function i(o){o.changedTouches[0]&&t.changedTouches[0]&&Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}),"INPUT"===o.target.tagName&&"text"===o.target.type||(o.target.dispatchEvent(new TouchEvent("touchend",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new MouseEvent("mouseover",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0,detail:1,clientX:o.changedTouches[0].clientX,clientY:o.changedTouches[0].clientY})),event.preventDefault()))},{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,t.composedPath&&t.composedPath()[0].getRootNode()instanceof ShadowRoot&&(t.rocketTarget=t.composedPath()[0]),this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach(t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.addEventListener("visibilitychange",this.userEventHandler,{isRocket:!0})}U(){this.userEvents.forEach(t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.removeEventListener("visibilitychange",this.userEventHandler,{isRocket:!0}),this.savedUserEvents.forEach(t=>{(t.rocketTarget||t.target).dispatchEvent(new window[t.constructor.name](t.type,t))})}m(){const t="return false",e=Array.from(this.attributeEvents,t=>"data-rocket-"+t),i="["+this.attributeEvents.join("],[")+"]",o="[data-rocket-"+this.attributeEvents.join("],[data-rocket-")+"]",s=(e,i,o)=>{o&&o!==t&&(e.setAttribute("data-rocket-"+i,o),e["rocket"+i]=new Function("event",o),e.setAttribute(i,t))};new MutationObserver(t=>{for(const n of t)"attributes"===n.type&&(n.attributeName.startsWith("data-rocket-")||this.everythingLoaded?n.attributeName.startsWith("data-rocket-")&&this.everythingLoaded&&this.N(n.target,n.attributeName.substring(12)):s(n.target,n.attributeName,n.target.getAttribute(n.attributeName))),"childList"===n.type&&n.addedNodes.forEac
6h(t=>{if(t.nodeType===Node.ELEMENT_NODE)if(this.everythingLoaded)for(const i of[t,...t.querySelectorAll(o)])for(const t of i.getAttributeNames())e.includes(t)&&this.N(i,t.substring(12));else for(const e of[t,...t.querySelectorAll(i)])for(const t of e.getAttributeNames())this.attributeEvents.includes(t)&&s(e,t,e.getAttribute(t))})}).observe(document,{subtree:!0,childList:!0,attributeFilter:[...this.attributeEvents,...e]})}I(){this.attributeEvents.forEach(t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach(e=>{this.N(e,t)})})}N(t,e){const i=t.getAttribute("data-rocket-"+e);i&&(t.setAttribute(e,i),t.removeAttribute("data-rocket-"+e))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick||null},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalAddEventListener.call(this,e,i,o):(t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o}),"mouseenter"!==e&&"mouseleave"!==e||t.originalAddEventListener.call(this,e,t.savedUserEvents.push,o))},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}J(t,e){this.savedEventListeners=this.savedEventListeners.filter(i=>{let o=i.type,s=i.target||window;return e!==o||t!==s||(this.B(o,s)&&(i.type="rocket-"+o),this.$(i),!1)})}H(){EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener,this.savedEventListeners.forEach(t=>this.$(t))}$(t){t.remove?this.originalRemoveEventListener.call(t.target,t.type,t.func,t.options):this.originalAddEventListener.call(t.target,t.type,t.func,t.options)}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map(t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e})),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,()=>{e[t].forEach(t=>t())},{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout(()=>i.bind(document)(o)):i.bind(document)(o)}return"function"==typeof i&&(t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s)),this},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async R(){return new Promise(t=>{this.userActionTriggered?t():this.onFirstUserAction=t})}async L(){return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>{this.realDomReadyFired=!0,t()},{isRocket:!0})})}async j(){return this.realWindowLoadedFired?Promise.resolve():new Promise(t=>{window.addEventListener("load",t,{isRocket:!0})})}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver(t=>
6{for(const e of t)e.addedNodes.forEach(t=>{"SCRIPT"!==t.tagName||!t.src||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise(e=>{const i=()=>{const i=this.pendingScripts.findIndex(e=>e.script===t);i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)})})})}),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async F(){await this.X(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.F()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach(t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)})}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach(e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}}),t=[...new Map(t.map(t=>[JSON.stringify(t),t])).values()],this.Y(t,"preconnect")}
6async G(t){if(await this.K(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise(e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach(t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))}),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",()=>{i.setAttribute("data-rocket-status","failed-network"),e()},{isRocket:!0}),setTimeout(()=>{i.isConnected||e()},1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.G(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())},{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}});t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.G(e),this.C(t)):Promise.resolve()}O(){this.Y([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}Y(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach(t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}}),document.head.appendChild(o)}W(){this.trash.forEach(t=>t.remove())}async T(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(document,"DOMContentLoaded"),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.K(),this.J(window,"DOMContentLoaded"),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(window,"load"),window.dispatchEvent(new Event("rocket-load")),await this.K(),window.rocketonload&&window.rocketonload(),await this.K(),this.allJQueries.forEach(t=>t(window).trigger("rocket-jquery-load")),await this.K(),this.J(window,"pageshow");const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.K(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async K(){Date.now()-this.lastBreath>45&&(await this.X(),this.lastBreath=Date.now())}async X(){return document.hidden?new Promise(t=>setTimeout(t)):new Promise(t=>requestAnimationFrame(t))}B(t,e=window){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})(); 7</script>
7 8 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 <link rel="profile" href="https://gmpg.org/xfn/11"> 11 <style id="critical-css">:root{--bs-red:#e32a38;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1c2126;--bs-secondary:#f9e547;--bs-success:#198754;--bs-danger:#e32a38;--bs-yellow:#f9e547;--bs-orange:#f95a57;--bs-teal:#004ea8;--bs-accent:#2e77dd;--bs-gray:#7a7a7f;--bs-light-gray:#efefef;--bs-charcoal:#1c2126;--bs-black-pearl:#1d252d;--bs-white:#fff;--bs-black:#000;--bs-primary-rgb:28,33,38;--bs-secondary-rgb:249,229,71;--bs-success-rgb:25,135,84;--bs-danger-rgb:227,42,56;--bs-yellow-rgb:249,229,71;--bs-orange-rgb:249,90,87;--bs-teal-rgb:0,78,168;--bs-accent-rgb:46,119,221;--bs-gray-rgb:122,122,127;--bs-light-gray-rgb:239,239,239;--bs-charcoal-rgb:28,33,38;--bs-black-pearl-rgb:29,37,45;--bs-primary-text-emphasis:#0b0d0f;--bs-secondary-text-emphasis:#645c1c;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#645c1c;--bs-danger-text-emphasis:#5b1116;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#d2d3d4;--bs-secondary-bg-subtle:#fefada;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fefada;--bs-danger-bg-subtle:#f9d4d7;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#a4a6a8;--bs-secondary-border-subtle:#fdf5b5;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#fdf5b5;--bs-danger-border-subtle:#f4aaaf;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:sofia-pro,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1.125rem;--bs-body-font-weight:400;--bs-body-line-height:1.6;--bs-body-text-align:left;--bs-body-color:#1c2126;--bs-body-color-rgb:28,33,38;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(28,33,38,.75);--bs-secondary-color-rgb:28,33,38;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(28,33,38,.5);--bs-tertiary-color-rgb:28,33,38;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:#1d252d;--bs-link-color:#2e77dd;--bs-link-color-rgb:46,119,221;--bs-link-decoration:none;--bs-link-hover-color:#255fb1;--bs-link-hover-color-rgb:37,95,177;--bs-code-color:#d63384;--bs-highlight-color:#1c2126;--bs-highlight-bg:#fefada;--bs-border-width:4px;--bs-border-style:solid;--bs-border-color:#efefef;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:.3125rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0,0,0,.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(28,33,38,.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#e32a38;--bs-form-invalid-border-color:#e32a38}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bs-body-bg);color:var(--bs-body-color);font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);margin:0;text-align:var(--bs-body-text-align);-webkit-text-size-adjust:100%}h1,h4{color:var(--bs-heading-color);font-weight:700;line-height:1;margin-bottom:.5rem;margin-top:0}h1{font-size:clamp(2.125rem,1.2896rem + 1.7405vw,2.8125rem)}h4{font-size:calc(1.29375rem + .525vw)}p{margin-bottom:1rem;margin-top:0}ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}ul ul{margin-bottom:0}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:none}kbd{background-color:var(--bs-body-color);border-radius:.25rem;color:var(--bs-body-bg);font-family:var(--bs-font-monospace);font-size:1em;font-size:.875em;padding:.1875rem .375rem}figure{margin:0 0 1rem}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}button,input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}
11::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{-webkit-appearance:button;font:inherit}iframe{border:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;max-width:1600px;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:640px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1536px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gx-1{--bs-gutter-x:.25rem}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.visually-hidden:not(caption){position:absolute!important}.object-fit-cover{object-fit:cover!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-auto{overflow-y:auto!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border-gray{--bs-border-opacity:1;border-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity))!important}.w-100{width:100%!important}.vw-100{width:100vw!important}.h-100{height:100%!important}.vh-100{height:100vh!important}.flex-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-orange{--bs-text-opacity:1;color:rgba(var(--bs-orange-rgb),var(--bs-text-opacity))!important}.text-light-gray{--bs-text-opacity:1;color:rgba(var(--bs-light-gray-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-orange{--bs-bg-opacity:1;background-color:rgba(var(--bs-orange-rgb),var(--bs-bg-opacity))!important}.bg-charcoal{--bs-bg-opacity:1;background-color:rgba(var(--bs-charcoal-rgb),var(--bs-bg-opacity))!important}.bg-black-pearl{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-pearl-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.z-1{z-index:1!important}:root{--layout-content-size:882px;--layout-wide-size:1120px;--swiper-navigation-color:$white;--swiper-pagination-color:$white}*,:after,:before{border:0 solid;word-wrap:break-word}.has-white-color{color:#fff!important}.has-orange-background-color{background-color:#f95a57!important}.is-style-outline .wp-element-button.has-outline-white-color{border-color:#fff!important}.is-style-fill .has-orange-background-color{border-color:#f95a57!important}.heading-light h1{color:#fff}.alignfull{max-width:none}
11img,video{height:auto;max-width:100%}iframe,img,svg,video{display:block;vertical-align:middle}.wp-block-button a.wp-block-button__link,a.wp-block-button__link.wp-element-button{border-radius:50px;font-size:18px;font-weight:700;height:66px;letter-spacing:-.035rem;line-height:60px;padding:0 70px}a.wp-block-button__link.wp-element-button{color:#1d252d;padding:0 40px;text-align:center}.wp-block-button__link,.wp-element-button{display:inline-block}.is-style-outline .wp-block-button__link,.is-style-outline .wp-element-button{background:transparent!important}.svg-defs{display:none}.svg-icon{display:inline-block;fill:currentColor;height:1em;width:1em}.video-background{bottom:0;left:0;position:absolute;right:0;top:0}button,input,textarea{background-color:inherit}form .gform_footer.top_label input{background:0 0;border:0;border-radius:40px;color:#1d252d;font-size:24px!important;font-weight:600;height:auto;line-height:24px;margin:0!important;padding:25px 70px 28px;text-align:right}.gform_legacy_markup_wrapper form .gform_body.gform-body .gfield_checkbox .gchoice input,.subscribe-form form .gform_body.gform-body .gfield_checkbox .gchoice input{display:none;height:auto;margin-bottom:0;padding:0;width:auto}.subscribe-form form .gform_footer.top_label input{border:2px solid #fff!important;color:#fff}@media (max-width:767px){form .gform_footer.top_label input{font-size:22px;padding:0;text-align:center}.subscribe-form form .gform_footer.top_label input{padding:15px}}@media (max-width:575px){.subscribe-form form .gform_footer.top_label input{padding:15px 35px}}.search-btn svg{fill:#efefef}#search-container{--bs-bg-opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10vh 1rem}.search-modal{max-width:758px}.search-modal .svg-icon.search{font-size:1.5rem}#search-container form{align-items:center;display:flex;flex:auto;margin-left:.75rem;margin-right:1rem;min-width:0;width:100%}#search-container form ul{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}#search-container form .sf-field-search{padding:0;width:100%}#search-container form .sf-field-search label{width:100%}#search-container form [data-sf-field-type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#7a7a7f;border-radius:4px;border-width:1px;flex:none;font-size:0;height:2rem;padding:0;width:2.5rem}#search-container form [type=submit]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' aria-label='Enter key'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 3.53v3c0 1-1 2-2 2H4m3 3-3-3 3-3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;height:100%;width:100%}#search-container input.sf-input-text{background:0 0;color:#fff;flex:auto;font-size:1.25rem;height:3.5rem;min-width:0;width:100%}#search-container input.sf-input-text,.search-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-cancel{border-width:1px;flex:none;font-size:0;height:2rem;width:2.5rem}.search-cancel kbd{font-size:12px;padding:0}.container{max-width:1120px}section{content-visibility:visible!important}.object-center{object-position:center}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.off-canvas-container{background-color:var(--wp--preset--color--black);right:-100%;width:75%;z-index:9999}.off-canvas-close{top:18px;--bopper-menu-button-size:2.5rem;color:var(--wp--preset--color--black);font-size:var(--bopper-menu-button-size,2.5rem);height:var(--bopper-menu-button-size,2.5rem);right:.75rem;width:var(--bopper-menu-button-size,2.5rem)}.off-canvas-close .icon{display:block}.off-canvas-screen{--bopper-bg-opacity:.75;background-color:rgba(0,0,0,var(--bopper-bg-opacity));z-index:9996}.off-canvas-content{margin-top:76px;padding:1rem}.off-canvas-close svg{color:var(--wp--preset--color--white);width:25px}.mobile-menu,.mobile-menu ul{list-style:none}.mobile-menu ul{padding:0}.mobile-menu li{margin-bottom:.5rem}.mobile-menu li a{color:#fff;display:block;font-size:18px;padding:10px;position:relative}.mobile-menu .sub-menu{display:none;margin-bottom:0;margin-left:1rem;margin-top:.5rem}.mobile-contact-btn{padding:0 2rem}.mobile-contact-btn .wp-block-button__link.wp-element-button{background-color:#f95a57;border:none;height:auto;line-height:normal;padding:10px 28px 14px}.testimonials{padding:95px 0 118px;width:100%}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px}.gform_legacy_markup_wrapper *{box-sizing:border-box!important}.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not
11([type=image]):not([type=file]){font-family:inherit;font-size:inherit;letter-spacing:normal;padding:5px 4px}.gform_legacy_markup_wrapper textarea{font-family:inherit;font-size:inherit;letter-spacing:normal;line-height:1.5;padding:6px 8px;resize:none}.gform_legacy_markup_wrapper li.hidden_label input{margin-top:12px}.gform_legacy_markup_wrapper .gfield_checkbox li input,.gform_legacy_markup_wrapper .gfield_checkbox li input[type=checkbox]{display:-moz-inline-stack;display:inline-block;margin-left:1px;vertical-align:middle}.gform_legacy_markup_wrapper .gform_hidden,.gform_legacy_markup_wrapper input.gform_hidden,.gform_legacy_markup_wrapper input[type=hidden]{display:none!important;max-height:1px!important;overflow:hidden}@media only screen and (max-width:641px){.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height:2;min-height:2rem}.gform_legacy_markup_wrapper textarea{line-height:1.5}}.cta-form-with-lottie-content form .gform_footer.top_label input{background:transparent;border:2px solid #fff;border-radius:40px;color:#fff;font-size:24px;font-weight:600;height:auto;line-height:24px;margin:0;padding:24px 60px}@media (max-width:767px){.cta-form-with-lottie-content form .gform_footer.top_label input{line-height:1;padding:16px 60px}}</style> <link rel="preload" href="https://www.bopdesign.com/wp-content/uploads/2023/07/logo.svg" as="image"> 12 <link rel="preload" href="https://www.bopdesign.com/wp-includes/js/jquery/jquery.min.js" as="script"> 13 <link rel="preconnect" href="https://js.convertflow.co" crossorigin> 14<!-- --><!-- <link rel="preload" href="--><!--" as="style">--> 15<!-- <link rel="stylesheet" href="--><!--">--> 16<!-- <noscript><link rel="stylesheet" href="--><!--"></noscript>--> 17<!-- --> <style id="theme-fonts-css">@font-face{font-family:Outfit;src:url(https://www.bopdesign.com/wp-content/themes/bopper/assets/fonts/Outfit/Outfit-VariableFont_wght.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:optional}</style> 18 <style id="mobile-menu-style-css" media="screen and (max-width:991px)"> 19 .off-canvas-open{--bopper-menu-button-size:2.5rem;color:var(--wp--preset--color--white);font-size:var(--bopper-menu-button-size,2.5rem);height:var(--bopper-menu-button-size,2.5rem);width:var(--bopper-menu-button-size,2.5rem);right:0.75rem} 20 .off-canvas-open .icon{display:block;fill:currentColor} 21 </style> 22 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 23 24<!-- Google Tag Manager for WordPress by gtm4wp.com -->
25<script type="text/rocketlazyloadscript" data-cfasync="false" data-pagespeed-no-defer> 26 var gtm4wp_datalayer_name = "dataLayer"; 27 var dataLayer = dataLayer || []; 28</script>
28 29<!-- End Google Tag Manager for WordPress by gtm4wp.com --><link data-minify="1" rel="preload" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/main.css?ver=1790272829" as="style"> 30 31 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 32 <title>B2B Website Design Agency | B2B Web Designs That Drive Leads</title> 33<link data-rocket-prefetch href="https://js.hs-analytics.net" rel="dns-prefetch"> 34<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch"> 35<link data-rocket-prefetch href="https://js-na2.hsforms.net" rel="dns-prefetch"> 36<link data-rocket-prefetch href="https://js.convertflow.co" rel="dns-prefetch"> 37<link crossorigin data-rocket-preload as="font" href="https://www.bopdesign.com/wp-content/themes/bopper/assets/fonts/Outfit/Outfit-VariableFont_wght.woff2" rel="preload"> 38<style id="rocket-critical-css">:root{--bs-red:#e32a38;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1c2126;--bs-secondary:#f9e547;--bs-success:#198754;--bs-danger:#e32a38;--bs-yellow:#f9e547;--bs-orange:#f95a57;--bs-teal:#004ea8;--bs-accent:#2e77dd;--bs-gray:#7a7a7f;--bs-light-gray:#efefef;--bs-charcoal:#1c2126;--bs-black-pearl:#1d252d;--bs-white:#fff;--bs-black:#000;--bs-primary-rgb:28, 33, 38;--bs-secondary-rgb:249, 229, 71;--bs-success-rgb:25, 135, 84;--bs-danger-rgb:227, 42, 56;--bs-yellow-rgb:249, 229, 71;--bs-orange-rgb:249, 90, 87;--bs-teal-rgb:0, 78, 168;--bs-accent-rgb:46, 119, 221;--bs-gray-rgb:122, 122, 127;--bs-light-gray-rgb:239, 239, 239;--bs-charcoal-rgb:28, 33, 38;--bs-black-pearl-rgb:29, 37, 45;--bs-primary-text-emphasis:rgb(11.2, 13.2, 15.2);--bs-secondary-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-success-text-emphasis:rgb(10, 54, 33.6);--bs-info-text-emphasis:rgb(5.2, 80.8, 96);--bs-warning-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-danger-text-emphasis:rgb(90.8, 16.8, 22.4);--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:rgb(209.6, 210.6, 211.6);--bs-secondary-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-success-bg-subtle:rgb(209, 231, 220.8);--bs-info-bg-subtle:rgb(206.6, 244.4, 252);--bs-warning-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-danger-bg-subtle:rgb(249.4, 212.4, 215.2);--bs-light-bg-subtle:rgb(251.5, 252, 252.5);--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:rgb(164.2, 166.2, 168.2);--bs-secondary-border-subtle:rgb(252.6, 244.6, 181.4);--bs-success-border-subtle:rgb(163, 207, 186.6);--bs-info-border-subtle:rgb(158.2, 233.8, 249);--bs-warning-border-subtle:rgb(252.6, 244.6, 181.4);--bs-danger-border-subtle:rgb(243.8, 169.8, 175.4);--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:Outfit, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1.125rem;--bs-body-font-weight:400;--bs-body-line-height:1.6;--bs-body-text-align:left;--bs-body-color:#1c2126;--bs-body-color-rgb:28, 33, 38;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(28, 33, 38, .75);--bs-secondary-color-rgb:28, 33, 38;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(28, 33, 38, .5);--bs-tertiary-color-rgb:28, 33, 38;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:#1d252d;--bs-link-color:#2e77dd;--bs-link-color-rgb:46, 119, 221;--bs-link-decoration:none;--bs-link-hover-color:rgb(36.8, 95.2, 176.8);--bs-link-hover-color-rgb:37, 95, 177;--bs-code-color:#d63384;--bs-highlight-color:#1c2126;--bs-highlight-bg:rgb(253.8, 249.8, 218.2);--bs-border-width:4px;--bs-border-style:solid;--bs-border-color:#efefef;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.3125rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;
38--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(28, 33, 38, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#e32a38;--bs-form-invalid-border-color:#e32a38}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h4,h1{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1;color:var(--bs-heading-color)}h1{font-size:clamp(2.125rem,1.2896rem + 1.7405vw,2.8125rem)}h4{font-size:calc(1.29375rem + .525vw)}@media (min-width:1200px){h4{font-size:1.6875rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}strong{font-weight:bolder}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}kbd{font-family:var(--bs-font-monospace);font-size:1em}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}figure{margin:0 0 1rem}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}iframe{border:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:640px){.container{max-width:620px}}@media (min-width:768px){.container{max-width:728px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1220px}}.container{max-width:1600px}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:640px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1536px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gx-1{--bs-gutter-x:.25rem}@media (min-width:640px){.col-sm-3{flex:0 0 auto;width:25%}.col-sm-9{flex:0 0 auto;width:75%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.object-fit-cover{object-fit:cover!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}
38.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border-gray{--bs-border-opacity:1;border-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity))!important}.w-100{width:100%!important}.vw-100{width:100vw!important}.h-100{height:100%!important}.vh-100{height:100vh!important}.flex-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-orange{--bs-text-opacity:1;color:rgba(var(--bs-orange-rgb),var(--bs-text-opacity))!important}.text-light-gray{--bs-text-opacity:1;color:rgba(var(--bs-light-gray-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-orange{--bs-bg-opacity:1;background-color:rgba(var(--bs-orange-rgb),var(--bs-bg-opacity))!important}.bg-charcoal{--bs-bg-opacity:1;background-color:rgba(var(--bs-charcoal-rgb),var(--bs-bg-opacity))!important}.bg-black-pearl{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-pearl-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.z-1{z-index:1!important}@media (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}.mb-md-2{margin-bottom:.5rem!important}.p-md-0{padding:0!important}}@media (min-width:992px){.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.justify-content-lg-around{justify-content:space-around!important}.mt-lg-5{margin-top:3rem!important}.mb-lg-0{margin-bottom:0!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}}:root{--layout-content-size:882px;--layout-wide-size:1120px;--swiper-navigation-color:$white;--swiper-pagination-color:$white}*,:after,:before{border-width:0;border-style:solid;border-color:currentColor;word-wrap:break-word}html{overflow-x:hidden}.has-white-color{color:#fff!important}.has-orange-background-color{background-color:#f95a57!important}.is-style-outline .wp-element-button.has-outline-white-color{border-color:#fff!important}.is-style-fill .has-orange-background-color{border-color:#f95a57!important}h1{font-size:clamp(1.875rem,-3.3333rem + 13.0208vw,5rem)}.heading-light h1{color:#fff}.alignfull{max-width:none}img,video{max-width:100%;height:auto}iframe,img,svg,video{display:block;vertical-align:middle}.wp-block-button a.wp-block-button__link,a.wp-block-button__link.wp-element-button{border-radius:50px;font-size:18px;font-weight:700;height:66px;line-height:60px;padding:0 70px}a.wp-block-button__link.wp-element-button{color:#1d252d;padding:0 40px;text-align:center}.wp-block-button__link,.wp-element-button{display:inline-block}.is-style-outline .wp-block-button__link,.is-style-outline .wp-element-button{background:transparent!important}@media (min-width:576px){a.wp-block-button__link.wp-element-button{padding:0 70px}}.svg-defs{display:none}.svg-icon{display:inline-block;width:1em;height:1em;fill:currentColor}.video-background{position:absolute;top:0;right:0;bottom:0;left:0}button,input{background-color:inherit}.search-btn svg{fill:#efefef}#search-container{--bs-bg-opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10vh 1rem}.search-modal{max-width:758px}.search-modal .svg-icon.search{font-size:1.5rem}#search-container form{flex:auto;align-items:center;display:flex;margin-left:.75rem;margin-right:1rem;min-width:0;width:100%}#search-container form ul{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;width:100%}#search-container form .sf-field-search{padding:0;width:100%}#search-container form .sf-field-search label{width:100%}#search-container form [data-sf-field-type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;border-color:#7a7a7f;border-width:1px;flex:none;font-size:0;padding:0;width:2.5rem;height:2rem}#search-container form [type=submit]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' aria-label='Enter key' role='img'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:100%;height:100%}#search-container input.sf-input-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;color:#fff;font-size:1.25rem;flex:auto;min-width:0;height:3.5rem;width:100%}.search-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;font-size:0;flex:none;width:2.5rem;height:2rem}.search-cancel kbd{font-size:12px;padding:0}@media (min-width:48rem){#search-container{padding:10vh}}@media (min-width:64rem){#search-container{padding:12vh}}.container{max-width:1120px}section{content-visibility:visible!important}.object-center{object-position:center}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}#mega-menu-wrap-primary,#mega-menu-wrap-primary #mega-menu-primary,#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column,#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link{border-radius:0;box-shadow:none;background:none;border:0;bottom:auto;box-sizing:border-box;clip:auto;color:#7a7a7f;display:block;float:none;font-family:inherit;font-size:18px;height:auto;left:auto;line-height:1.7;list-style-type:none;margin:0;min-height:auto;max-height:none;min-width:auto;max-width:none;opacity:1;outline:none;overflow:visible;padding:0;position:relative;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;transform:none;top:auto;vertical-align:baseline;visibility:inherit;width:auto;word-wrap:break-word;white-space:normal}#mega-menu-wrap-primary:before,#mega-menu-wrap-primary:after,#mega-menu-wrap-primary #mega-menu-primary:before,#mega-menu-wrap-primary #mega-menu-primary:after,#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:before,#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:after,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:before,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:after,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:before,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:after,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:before,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:after,#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:before,#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:after{display:none}#mega-menu-wrap-primary{border-radius:0}@media only screen and (min-width:992px){#mega-menu-wrap-primary{background-color:black}}#mega-menu-wrap-primary #mega-menu-primary{text-align:left;padding:0}#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link{display:inline}#mega-menu-wrap-primary #mega-menu-primary p{margin-bottom:10px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu{display:block;visibility:hidden;opacity:1}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu{display:none;visibility:visible;opacity:1}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu{opacity:0;transform:translate(0,10px)}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{visibility:inherit;opacity:1;display:block}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before{display:inline-block;font:inherit;font-family:dashicons;position:static;margin:0 6px 0 0px;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;background:transparent;height:auto;width:auto;top:auto}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item{position:static}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item{margin:0 20px 0 0;display:inline-block;height:auto;vertical-align:middle}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{line-height:100px;height:100px;padding:36px 0;vertical-align:baseline;width:auto;display:block;color:white;text-transform:capitalize;text-decoration:none;text-align:left;background-color:rgba(0,0,0,0);border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:3px solid rgba(0,0,0,0);border-radius:0;font-family:inherit;font-size:18px;font-weight:inherit;outline:none}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item{display:list-item;margin:0;clear:both;border:0}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{border-radius:0;border:0;margin:0;line-height:40px;height:40px;padding:0 10px;background:transparent;text-align:left;color:#ffffff;font-size:14px}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{width:100%;float:left}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column{float:left;min-height:1px}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column{width:calc(var(--span) / var(--columns) * 100%)}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column{width:100%;clear:both}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item{padding:0;width:100%}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{z-index:999;border-radius:10px;background-color:white;border-top:0 solid #fff;border-left:0 solid #fff;border-right:0 solid #fff;border-bottom:0 solid #fff;padding:0;position:absolute;width:100%;max-width:none;left:0}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{float:left;position:static;width:100%}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item{color:#7a7a7f;font-family:inherit;font-size:18px;display:block;float:left;clear:none;padding:0;vertical-align:top}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title{color:#1c2126;font-family:inherit;font-size:40px;text-transform:none;text-decoration:none;font-weight:inherit;text-align:left;margin:0 0 20px 0;padding:0;vertical-align:top;display:block;visibility:inherit;border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0)}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{color:#1c2126;font-family:inherit;font-size:20px;text-transform:uppercase;text-decoration:none;font-weight:inherit;text-align:left;margin:0 0 12px 0;padding:0;vertical-align:top;display:block;border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0)}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link{color:#2e77dd;font-family:inherit;font-size:16px;text-transform:none;text-decoration:none;font-weight:normal;text-align:left;margin:0 0 18px 0;padding:0;vertical-align:top;display:block;border-top:0 solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0)}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{border:0;padding:10px;border-radius:0}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{display:inline-block;width:auto;background:transparent;position:relative;
38left:auto;min-width:auto;font-size:inherit;padding:0;margin:0 0 0 6px;height:auto;line-height:inherit;color:inherit}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after{content:"ï
";font-family:dashicons;font-weight:normal;display:inline-block;margin:0;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(0);color:inherit;position:relative;background:transparent;height:auto;width:auto;right:auto;line-height:inherit}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{float:right;margin-left:auto}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{float:right}}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children)>a.mega-menu-link>span.mega-indicator,#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow>a.mega-menu-link>span.mega-indicator{display:none}#mega-menu-wrap-primary .mega-menu-toggle{display:none}@media only screen and (max-width:991px){#mega-menu-wrap-primary .mega-menu-toggle{z-index:1;background-color:black;border-radius:2px;line-height:50px;height:50px;text-align:left;outline:none;white-space:nowrap;display:flex}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right{display:flex;flex-basis:33.33%}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block{display:flex;height:100%;outline:0;align-self:center;flex-shrink:0}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left{flex:1;justify-content:flex-start}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center{justify-content:center}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right{flex:1;justify-content:flex-end}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{margin-right:6px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{margin-left:6px}#mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary{flex-direction:column;flex-wrap:nowrap;background-color:#222;padding:0px;display:none}}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated{padding:0;display:flex;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;transform:scale(0.8);align-self:center;outline:0;background:none}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box{width:40px;height:24px;display:inline-block;position:relative;outline:0}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{display:block;top:50%;margin-top:-2px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{width:40px;height:4px;background-color:#ddd;border-radius:4px;position:absolute}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{content:"";display:block}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before{top:-10px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{bottom:-10px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner{top:2px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before{top:10px}#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after{top:20px}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-42>a.mega-menu-link:before{content:"";background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/service-header.svg");background-size:52px 46px;background-repeat:no-repeat;width:52px;height:46px;line-height:46px;vertical-align:top}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-42>a.mega-menu-link:before{background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/service-header.svg")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-42>a.mega-menu-link:before{background-size:30px 25px;width:30px;height:25px;line-height:25px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-46012>a.mega-menu-link:before{content:"";background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/content.svg");background-size:52px 46px;background-repeat:no-repeat;width:52px;height:46px;line-height:46px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-46012>a.mega-menu-link:before{background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/content.svg")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-46012>a.mega-menu-link:before{background-size:30px 25px;width:30px;height:25px;line-height:25px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-66>a.mega-menu-link:before{content:"";background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/brand.svg");background-size:52px 46px;background-repeat:no-repeat;width:52px;height:46px;line-height:46px;vertical-align:top}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-66>a.mega-menu-link:before{background-image:url("https://www.bopdesign.com/wp-content/uploads/2023/01/brand.svg")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-66>a.mega-menu-link:before{background-size:30px 25px;width:30px;height:25px;line-height:25px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45847>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/1-2.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45847>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/1-2.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45847>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-82>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/2-1.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-82>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/2-1.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-82>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-84>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/3-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-84>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/3.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-84>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45846>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/4.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45846>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/4.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45846>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45161>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/5.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45161>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/5.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-45161>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-86>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/6.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-86>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/6.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-86>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-88>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/7-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-88>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/7.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-88>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-90>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/8-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-90>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/8.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-90>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-92>a.mega-menu-link:before{content:"";background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/9-25x25.png");background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;line-height:25px;vertical-align:middle}@media (-webkit-min-device-pixel-ratio:2){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-92>a.mega-menu-link:before{background-image:url("//www.bopdesign.com/wp-content/uploads/2023/01/9.png")}}@media only screen and (max-width:991px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-92>a.mega-menu-link:before{background-size:20px 20px;width:20px;height:20px;line-height:20px}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40{position:relative}#mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal li#mega-menu-item-40.mega-menu-megamenu>ul.mega-sub-menu{left:auto!important}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40>ul.mega-sub-menu{margin-left:-220px}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40.mega-menu-megamenu>ul.mega-sub-menu{width:954px!important}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-74{position:relative}#mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal li#mega-menu-item-74.mega-menu-megamenu>ul.mega-sub-menu{left:auto!important}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-74>ul.mega-sub-menu{margin-left:-120px}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-74.mega-menu-megamenu>ul.mega-sub-menu{width:760px!important}}#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-106{position:relative}#mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal li#mega-menu-item-106.mega-menu-megamenu>ul.mega-sub-menu{left:auto!important}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-106>ul.mega-sub-menu{margin-left:-392px}}@media only screen and (min-width:992px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-106.mega-menu-megamenu>ul.mega-sub-menu{width:760px!important}}#mega-menu-wrap-primary{clear:both}.site-header>.container{max-width:1600px}.mega-menu-toggle{display:none}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child{margin-right:0}@media (min-width:1200px){#mega-menu-wrap-primary #mega-menu-primary{margin-right:116px}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item{margin-right:32px}#mega-menu-wrap-primary #mega-menu-primary li.mega-services-mega-menu>ul.mega-sub-menu{margin-left:-312px}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{line-height:normal}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link{padding-right:16px}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link::after{border-color:#ffe800;border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:"";display:inline-block;position:absolute;right:1px;top:46%;width:8px;height:8px;transform:translateY(-46%) rotate(45deg)}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link::before{border-bottom:10px solid #f9f9f9;border-left:10px solid transparent;border-right:10px solid transparent;content:"";display:block;margin-left:-10px;position:absolute;bottom:0;right:-11px;opacity:0;visibility:hidden;transform:translateY(-16px)}@media (min-width:1280px){#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-40.mega-menu-megamenu>ul.mega-sub-menu{width:1200px!important}}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{box-shadow:0 3px 6px rgba(0,0,0,0.16);overflow:hidden;top:70px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu{display:flex}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li{padding:78px 32px 40px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.m
38ega-menu-row>ul.mega-sub-menu>li.mega-menu-column:first-child{background-color:#f9f9f9}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title{font-weight:900;line-height:1}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.services-mega-menu li.mega-menu-item a.mega-menu-link::before{display:block;margin:0 0 32px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.services-mega-menu)>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li:not(:first-child){padding-left:60px}#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{font-weight:900;line-height:1.75}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu .textwidget p a.wp-block-button__link{margin:32px 0 0;padding:0 32px}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.industries-mega-menu>ul.mega-sub-menu a.mega-menu-link::before{border-radius:50%;background-color:#ffe800;background-size:56%!important;background-position:center;margin-right:20px}.main-navigation .wp-block-buttons a.wp-block-button__link{border:0;height:auto;line-height:1;margin:0 22px;padding:16px 28px}:root{--bs-red:#e32a38;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1c2126;--bs-secondary:#f9e547;--bs-success:#198754;--bs-danger:#e32a38;--bs-yellow:#f9e547;--bs-orange:#f95a57;--bs-teal:#004ea8;--bs-accent:#2e77dd;--bs-gray:#7a7a7f;--bs-light-gray:#efefef;--bs-charcoal:#1c2126;--bs-black-pearl:#1d252d;--bs-white:#fff;--bs-black:#000;--bs-primary-rgb:28, 33, 38;--bs-secondary-rgb:249, 229, 71;--bs-success-rgb:25, 135, 84;--bs-danger-rgb:227, 42, 56;--bs-yellow-rgb:249, 229, 71;--bs-orange-rgb:249, 90, 87;--bs-teal-rgb:0, 78, 168;--bs-accent-rgb:46, 119, 221;--bs-gray-rgb:122, 122, 127;--bs-light-gray-rgb:239, 239, 239;--bs-charcoal-rgb:28, 33, 38;--bs-black-pearl-rgb:29, 37, 45;--bs-primary-text-emphasis:rgb(11.2, 13.2, 15.2);--bs-secondary-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-success-text-emphasis:rgb(10, 54, 33.6);--bs-info-text-emphasis:rgb(5.2, 80.8, 96);--bs-warning-text-emphasis:rgb(99.6, 91.6, 28.4);--bs-danger-text-emphasis:rgb(90.8, 16.8, 22.4);--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:rgb(209.6, 210.6, 211.6);--bs-secondary-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-success-bg-subtle:rgb(209, 231, 220.8);--bs-info-bg-subtle:rgb(206.6, 244.4, 252);--bs-warning-bg-subtle:rgb(253.8, 249.8, 218.2);--bs-danger-bg-subtle:rgb(249.4, 212.4, 215.2);--bs-light-bg-subtle:rgb(251.5, 252, 252.5);--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:rgb(164.2, 166.2, 168.2);--bs-secondary-border-subtle:rgb(252.6, 244.6, 181.4);--bs-success-border-subtle:rgb(163, 207, 186.6);--bs-info-border-subtle:rgb(158.2, 233.8, 249);--bs-warning-border-subtle:rgb(252.6, 244.6, 181.4);--bs-danger-border-subtle:rgb(243.8, 169.8, 175.4);--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:Outfit, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1.125rem;--bs-body-font-weight:400;--bs-body-line-height:1.6;--bs-body-text-align:left;--bs-body-color:#1c2126;--bs-body-color-rgb:28, 33, 38;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(28, 33, 38, .75);--bs-secondary-color-rgb:28, 33, 38;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(28, 33, 38, .5);--bs-tertiary-color-rgb:28, 33, 38;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:#1d252d;--bs-link-color:#2e77dd;--bs-link-color-rgb:46, 119, 221;--bs-link-decoration:none;--bs-link-hover-color:rgb(36.8, 95.2, 176.8);--bs-link-hover-color-rgb:37, 95, 177;--bs-code-color:#d63384;--bs-highlight-color:#1c2126;--bs-highlight-bg:rgb(253.8, 249.8, 218.2);--bs-border-width:4px;--bs-border-style:solid;--bs-border-color:#efefef;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.3125rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;
38--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(28, 33, 38, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#e32a38;--bs-form-invalid-border-color:#e32a38}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h4,h1{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1;color:var(--bs-heading-color)}h1{font-size:clamp(2.125rem,1.2896rem + 1.7405vw,2.8125rem)}h4{font-size:calc(1.29375rem + .525vw)}@media (min-width:1200px){h4{font-size:1.6875rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}strong{font-weight:bolder}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}kbd{font-family:var(--bs-font-monospace);font-size:1em}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}figure{margin:0 0 1rem}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}input,button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}iframe{border:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:640px){.container{max-width:620px}}@media (min-width:768px){.container{max-width:728px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1220px}}.container{max-width:1600px}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:640px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1536px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.gx-1{--bs-gutter-x:.25rem}@media (min-width:640px){.col-sm-3{flex:0 0 auto;width:25%}.col-sm-9{flex:0 0 auto;width:75%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.object-fit-cover{object-fit:cover!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}
38.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.border-gray{--bs-border-opacity:1;border-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity))!important}.w-100{width:100%!important}.vw-100{width:100vw!important}.h-100{height:100%!important}.vh-100{height:100vh!important}.flex-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-orange{--bs-text-opacity:1;color:rgba(var(--bs-orange-rgb),var(--bs-text-opacity))!important}.text-light-gray{--bs-text-opacity:1;color:rgba(var(--bs-light-gray-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-orange{--bs-bg-opacity:1;background-color:rgba(var(--bs-orange-rgb),var(--bs-bg-opacity))!important}.bg-charcoal{--bs-bg-opacity:1;background-color:rgba(var(--bs-charcoal-rgb),var(--bs-bg-opacity))!important}.bg-black-pearl{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-pearl-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.z-1{z-index:1!important}@media (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}.mb-md-2{margin-bottom:.5rem!important}.p-md-0{padding:0!important}}@media (min-width:992px){.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.justify-content-lg-around{justify-content:space-around!important}.mt-lg-5{margin-top:3rem!important}.mb-lg-0{margin-bottom:0!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}}:root{--layout-content-size:882px;--layout-wide-size:1120px;--swiper-navigation-color:$white;--swiper-pagination-color:$white}*,:after,:before{border-width:0;border-style:solid;border-color:currentColor;word-wrap:break-word}html{overflow-x:hidden}.has-white-color{color:#fff!important}.has-orange-background-color{background-color:#f95a57!important}.is-style-outline .wp-element-button.has-outline-white-color{border-color:#fff!important}.is-style-fill .has-orange-background-color{border-color:#f95a57!important}h1{font-size:clamp(1.875rem,-3.3333rem + 13.0208vw,5rem)}.heading-light h1{color:#fff}.alignfull{max-width:none}img,video{max-width:100%;height:auto}iframe,img,svg,video{display:block;vertical-align:middle}.wp-block-button a.wp-block-button__link,a.wp-block-button__link.wp-element-button{border-radius:50px;font-size:18px;font-weight:700;height:66px;line-height:60px;padding:0 70px}a.wp-block-button__link.wp-element-button{color:#1d252d;padding:0 40px;text-align:center}.wp-block-button__link,.wp-element-button{display:inline-block}.is-style-outline .wp-block-button__link,.is-style-outline .wp-element-button{background:transparent!important}@media (min-width:576px){a.wp-block-button__link.wp-element-button{padding:0 70px}}.svg-defs{display:none}.svg-icon{display:inline-block;width:1em;height:1em;fill:currentColor}.video-background{position:absolute;top:0;right:0;bottom:0;left:0}button,input{background-color:inherit}.search-btn svg{fill:#efefef}#search-container{--bs-bg-opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10vh 1rem}.search-modal{max-width:758px}.search-modal .svg-icon.search{font-size:1.5rem}#search-container form{flex:auto;align-items:center;display:flex;margin-left:.75rem;margin-right:1rem;min-width:0;width:100%}#search-container form ul{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;width:100%}#search-container form .sf-field-search{padding:0;width:100%}#search-container form .sf-field-search label{width:100%}#search-container form [data-sf-field-type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;border-color:#7a7a7f;border-width:1px;flex:none;font-size:0;padding:0;width:2.5rem;height:2rem}#search-container form [type=submit]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' aria-label='Enter key' role='img'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:100%;height:100%}#search-container input.sf-input-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;color:#fff;font-size:1.25rem;flex:auto;min-width:0;height:3.5rem;width:100%}.search-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;font-size:0;flex:none;width:2.5rem;height:2rem}.search-cancel kbd{font-size:12px;padding:0}@media (min-width:48rem){#search-container{padding:10vh}}@media (min-width:64rem){#search-container{padding:12vh}}.container{max-width:1120px}section{content-visibility:visible!important}.object-center{object-position:center}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}</style><link rel="preload" data-rocket-preload as="image" href="https://www.bopdesign.com/wp-content/uploads/2023/11/video-poster-home.jpg" fetchpriority="high"> 39 <meta name="description" content="Our B2B web design agency & marketing firm is passionate about creating B2B website designs to attract and convert leads. Learn more." /> 40 <link rel="canonical" href="https://www.bopdesign.com/" /> 41 <meta property="og:locale" content="en_US" /> 42 <meta property="og:type" content="website" /> 43 <meta property="og:title" content="B2B Web Design Agency" /> 44 <meta property="og:description" content="Our B2B web design agency & marketing firm is passionate about creating B2B website designs to attract and convert leads. Learn more." /> 45 <meta property="og:url" content="https://www.bopdesign.com/" /> 46 <meta property="og:site_name" content="Bop Design" /> 47 <meta property="article:publisher" content="https://www.facebook.com/BopDesign" /> 48 <meta property="article:modified_time" content="2026-09-17T09:50:36+00:00" /> 49 <meta property="og:image" content="https://www.bopdesign.com/wp-content/uploads/2023/11/bop-design-open-graph.png" />
50 <meta property="og:image:width" content="1200" /> 51 <meta property="og:image:height" content="630" /> 52 <meta property="og:image:type" content="image/png" /> 53 <meta name="twitter:card" content="summary_large_image" /> 54 <meta name="twitter:site" content="@bopdesignsd" /> 55
55<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bopdesign.com\/","url":"https:\/\/www.bopdesign.com\/","name":"B2B Website Design Agency | B2B Web Designs That Drive Leads","isPartOf":{"@id":"https:\/\/www.bopdesign.com\/#website"},"about":{"@id":"https:\/\/www.bopdesign.com\/#organization"},"datePublished":"2022-12-30T23:16:17+00:00","dateModified":"2026-09-17T09:50:36+00:00","description":"Our B2B web design agency & marketing firm is passionate about creating B2B website designs to attract and convert leads. Learn more.","breadcrumb":{"@id":"https:\/\/www.bopdesign.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bopdesign.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bopdesign.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.bopdesign.com\/#website","url":"https:\/\/www.bopdesign.com\/","name":"Bop Design","description":"B2B Website Design Agency. B2B Web Designs That Drive Leads.","publisher":{"@id":"https:\/\/www.bopdesign.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bopdesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bopdesign.com\/#organization","name":"Bop Design","alternateName":"Bop Design, Inc.","url":"https:\/\/www.bopdesign.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bopdesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.bopdesign.com\/wp-content\/uploads\/2023\/11\/organization-logo.jpg","contentUrl":"https:\/\/www.bopdesign.com\/wp-content\/uploads\/2023\/11\/organization-logo.jpg","width":696,"height":696,"caption":"Bop Design"},"image":{"@id":"https:\/\/www.bopdesign.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BopDesign","https:\/\/x.com\/bopdesignsd","https:\/\/www.linkedin.com\/company\/bop-design\/","https:\/\/www.instagram.com\/bopdesign\/","https:\/\/youtube.com\/user\/BopDesignSD","https:\/\/clutch.co\/profile\/bop-design\/"]}]}</script>
55 56 <!-- / Yoast SEO plugin. --> 57 58 59<link rel="alternate" type="application/rss+xml" title="Bop Design » Feed" href="https://www.bopdesign.com/feed/" /> 60<link rel="alternate" type="application/rss+xml" title="Bop Design » Comments Feed" href="https://www.bopdesign.com/comments/feed/" /> 61<style id="wp-img-auto-sizes-contain-inline-css"> 62img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 63/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 64</style> 65<style id="wp-block-library-inline-css"> 66:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
66--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 67 68/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 69</style> 70 71<link data-minify="1" rel='stylesheet' id='swiperjs-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/swiper-bundle.min.css?ver=1790272965' media='print' onload="this.media='all'" /> 72<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/swiper-bundle.min.css?ver=1790272965"></noscript><style id="acf-carousel-testimonials-style-inline-css"> 73.testimonials { 74 width: 100%; 75 padding: 95px 0 118px; 76} 77 78.testimonials > .has-pattern-show { 79 position: absolute; 80 top: 0; 81 width: 100%; 82 background-size: contain; 83 height: 100%; 84 background-repeat: no-repeat; 85 background-position: center; 86} 87 88.testimonials .container { 89 max-width: 1518px; 90} 91 92.section-label { 93 max-width: 1296px; 94} 95 96.section-label h2 { 97 font-size: 24px; 98 font-weight: 900; 99 line-height: 38px; 100 margin-bottom: 74px; 101} 102 103.section-label h2::before { 104 background: url("/wp-content/themes/bopper/blocks/carousel-testimonials/../../assets/images/acf-icons/quotes.svg") no-repeat center 100%; 105 content: ""; 106 display: block; 107 margin: 0 0 20px; 108 width: 25px; 109 height: 15px; 110} 111 112.testimonials-item-inner { 113 width: 100%; 114 max-width: 1296px; 115 padding-left: 32px; 116 display: flex; 117 flex-wrap: wrap; 118 align-items: center; 119} 120 121.testimonials-item-inner .test-img-com { 122 position: relative; 123 overflow: hidden; 124} 125 126.testimonials-item-inner .test-img-com.testimonials-img { 127 box-shadow: 0 0 10px rgba(0, 0, 0, 0.10); 128 border-radius: 5px; 129} 130 131.testimonials-item-inner .test-img-com:after { 132 content: ""; 133 position: absolute; 134 top: 0; 135 left: 0; 136 width: 100%; 137 height: 100%; 138 background-color: #1d252d; 139 opacity: 0.25; 140 mix-blend-mode: multiply; 141} 142 143.testimonials-item-inner .test-img-com.testimonials-video iframe { 144 box-shadow: 0 0 10px rgba(0, 0, 0, 0.10); 145 border-radius: 5px; 146 width: 100%; 147 object-fit: cover; 148 height: 332px; 149 vertical-align: middle; 150} 151 152.testimonials-item-inner .test-img-com.testimonials-video:after { 153 display: none; 154} 155 156.testimonials-item-inner .test-img-com a.video-play-icon { 157 position: absolute; 158 z-index: 1; 159 background: #fff; 160 height: 85px; 161 width: 85px; 162 border-radius: 50%; 163 display: flex; 164 align-items: center; 165 justify-content: center; 166 bottom: 37px; 167 box-shadow: 0 0 10px rgba(0, 0, 0, 0.10); 168 right: 48px; 169 transition: all 0.35s ease-in-out; 170} 171 172.testimonials-item-inner .test-img-com a.video-play-icon:hover { 173 transform: scale(0.7); 174} 175 176.testimonials-item-inner .test-img-com a.video-play-icon:hover:after { 177 background: #fff; 178 border-radius: 50%; 179 content: ""; 180 position: absolute; 181 left: 0; 182 top: 0; 183 width: 100%; 184 height: 100%; 185 z-index: -1; 186} 187 188.testimonials-item-inner .test-img-com a.video-play-icon:hover:before { 189 content: ""; 190 position: absolute; 191 left: 1%; 192 top: 1%; 193 display: block; 194 width: 98%; 195 height: 98%; 196 background: linear-gradient(to right, #fdd821 0%, #fc7417 100%); 197 border-radius: 50%; 198 -webkit-animation: pulse-border 1s ease-in-out infinite; 199 animation: pulse-border 1s ease-in-out infinite; 200 z-index: -1; 201} 202 203@keyframes pulse-border { 204 0% { 205 transform: scale(0.9); 206 opacity: 1; 207 } 208 100% { 209 transform: scale(1.7); 210 opacity: 0; 211 } 212} 213 214.testimonials-item-inner .test-img-com > img { 215 width: 100%; 216 height: 100%; 217 object-fit: cover; 218} 219 220.testimonials-item-inner .testimonial-wrapper .testimonial-content > p { 221 font-size: 23px; 222 line-height: 33px; 223 font-weight: 400; 224 color: #f9f9f9; 225} 226 227.testimonials-item-inner .testimonial-wrapper .testimonial-content .testimonial-heading { 228 font-size: 20px; 229 line-height: 24px; 230 font-weight: 400; 231 color: #fff; 232 margin: 25px 0 0; 233} 234 235.testimonials-item-inner .testimonial-wrapper .testimonial-content .company-name { 236 font-size: 16px; 237 line-height: 24px; 238 font-weight: 400; 239 color: #fff; 240 margin: 0; 241} 242 243.testimonials-swiper .swiper-pagination { 244 position: initial !important; 245 margin: 85px 0 0 auto; 246 text-align: center; 247} 248 249.testimonials-swiper .swiper-button-next { 250 right: 0; 251} 252 253.testimonials-swiper .swiper-button-prev { 254 left: 0; 255} 256 257.testimonials-swiper .swiper-pagination-bullet { 258 background-color: transparent; 259 opacity: 1; 260} 261 262.testimonials-swiper .swiper-pagination-bullet:not(:last-child) {
263 margin-right: 26px; 264} 265 266.testimonials-swiper .swiper-pagination-bullet--svg-animation { 267 width: 26px; 268 height: 26px; 269 display: inline-block; 270 position: relative; 271} 272 273.testimonials-swiper span.swiper-pagination-bullet-active:before { 274 position: absolute; 275 height: 24px; 276 width: 24px; 277 content: ""; 278 border: solid 1px #ffffff42; 279 border-radius: 50%; 280 top: 1px; 281 left: 1px; 282} 283 284.testimonials-swiper .swiper-pagination-bullet--svg-animation svg { 285 transform: rotate(-90deg); 286} 287 288.testimonials-swiper .swiper-pagination-bullet--svg-animation .svg__circle-inner { 289 stroke: #ffe800; 290 fill: #ffe800; 291 transition: all 0.65s ease; 292} 293 294.testimonials-swiper .swiper-pagination-bullet-active .svg__circle { 295 stroke: #ffe800; 296 stroke-dasharray: 75; 297 stroke-dashoffset: 0; 298 animation: progress 6s ease-in-out 1 forwards; 299} 300 301.testimonials-swiper .swiper-pagination-bullet-active .svg__circle-inner { 302 fill: #ffe800; 303} 304 305@keyframes progress { 306 0% { 307 stroke-dashoffset: 75; 308 opacity: 1; 309 } 310 95% { 311 stroke-dashoffset: 0; 312 opacity: 1; 313 } 314 100% { 315 opacity: 0; 316 stroke-dashoffset: 0; 317 } 318} 319 320@media (max-width: 1200px) { 321 .section-label h5 { 322 font-size: 22px; 323 margin-bottom: 12px; 324 } 325 326 .testimonials-item-inner .testimonial-wrapper .testimonial-content > p { 327 font-size: 16px; 328 line-height: 26px; 329 } 330} 331 332@media (max-width: 991px) { 333 .swiper-button-next, 334 .swiper-button-prev { 335 display: none; 336 } 337 338 .testimonials-item-inner .test-img-com { 339 margin-bottom: 25px; 340 } 341} 342 343@media (max-width: 991px) { 344 .testimonials-item-inner { 345 padding-left: 0; 346 margin: 0; 347 } 348} 349 350@media (min-width: 1316px) { 351 .section-label, 352 .testimonials-item-inner { 353 padding-left: 74px; 354 } 355} 356 357/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/carousel-testimonials/carousel-testimonials.css */ 358</style> 359<link data-minify="1" rel='stylesheet' id='lite-youtube-embed-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/lite-youtube-embed.css?ver=1790272966' media='print' onload="this.media='all'" /> 360<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/vendor/lite-youtube-embed.css?ver=1790272966"></noscript><style id="acf-colored-icon-columns-style-inline-css"> 361.colored-icon-columns { 362 padding: 56px 0 88px; 363} 364 365.colored-icon-columns.about-services { 366 padding-top: 172px; 367} 368 369.colored-icon-columns .column--item { 370 margin-bottom: 80px; 371} 372 373.technology-market .column--item { 374 display: block; 375} 376 377.colored-icon-columns .column--icon { 378 width: 52px; 379} 380 381.colored-icon-columns .column--text { 382 padding-top: 12px; 383 padding-left: 24px; 384} 385 386.technology-market .column--text { 387 padding-left: 0; 388} 389 390.colored-icon-columns .column--text p { 391 font-size: 18px; 392 line-height: 28px; 393} 394 395.column--link { 396 font-size: 16px; 397} 398 399.header-block:not(.header-style-stacked) ~ .columns { 400 margin: 124px 0 0; 401 display: grid; 402 grid-template-columns: 1fr 1fr 1fr; 403 grid-gap: 45px; 404 padding-bottom: 116px; 405 width: 100%; 406} 407 408.header-block:not(.header-style-stacked) ~ .columns .column--item { 409 margin-bottom: 0; 410} 411 412.header-block:not(.header-style-stacked) ~ .columns .column--icon { 413 height: 45px; 414 width: 100%; 415} 416 417.header-block:not(.header-style-stacked) ~ .columns .column--text { 418 padding-top: 34px; 419 padding-left: 0; 420 width: 100%; 421} 422 423.color-col .column--item { 424 display: unset; 425} 426 427@media only screen and (max-width: 768px) { 428 .colored-icon-columns { 429 padding: 60px 0 34px; 430 } 431 432 .header-block:not(.header-style-stacked) ~ .columns { 433 grid-template-columns: 1fr; 434 margin: 64px 0 0; 435 padding-bottom: 0; 436 } 437} 438 439@media only screen and (max-width: 991px) { 440 .colored-icon-columns.about-services { 441 padding-top: 60px; 442 } 443} 444 445/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/colored-icon-columns/colored-icon-columns.css */ 446</style> 447<style id="acf-cta-form-with-lottie-style-inline-css"> 448.cta-form-with-lottie { 449 padding: 124px 0 0; 450} 451 452.cta-form-with-lottie.has-black-background-color { 453 background-color: #000 !important; 454} 455 456.cta-form-with-lottie::before { 457 background: linear-gradient(0deg, #a100ff 0%, #000 50%) !important; 458 content: ""; 459 position: absolute; 460 bottom: 0; 461 left: 0; 462 width: 100%; 463 height: 100%; 464 opacity: 0.15; 465 z-index: 1; 466} 467 468.cta-form-with-lottie .has-pattern-show { 469 position: absolute; 470 top: 0; 471 width: 100%; 472 height: 658px; 473 opacity: 0.4 474} 475 476.cta-form-with-lottie .container { 477 max-width: 100%; 478} 479 480.cta-form-with-lottie .full-width-video-embed-inner iframe, 481.cta-form-with-lottie .full-width-video-embed-inner video { 482 width: 100%; 483} 484 485.cta-form-with-lottie-main { 486 max-width: 898px; 487 padding-bottom: 335px; 488} 489 490.case-study-content .cta-form-with-lottie-main { 491 padding-bottom: 128px; 492} 493 494.resource-form-with-lottie .cta-form-with-lottie-main { 495 max-width: 1128px; 496} 497 498.cta-form-with-lottie-content .cta-form-content .paragraph p { 499 color: #a3a3a3; 500 font-size: 22px; 501 font-weight: 700; 502 line-height: 36px; 503 margin-bottom: 15px; 504} 505 506.cta-form-with-lottie-content .cta-form-content .paragraph p:last-child { 507 margin-bottom: 0; 508} 509 510.cta-form-with-lottie-main .cta-form-b2b-op { 511 bottom: -8px; 512 width: 1128px; 513} 514 515.cta-form-with-lottie-main .cta-form-b2b-op span.hover-text, 516.cta-form-with-lottie-main .cta-form-b2b-op:hover span.normal-text { 517 display: none; 518} 519 520.cta-form-with-lottie-main .cta-form-b2b-op:hover span.hover-text { 521 display: block; 522} 523 524.cta-form-with-lottie-content .cta-form-content .tagline { 525 background: linear-gradient(to right, #fc3a17 0%, #fdd821 100%); 526 font-size: 28px; 527 font-weight: 900;
528 line-height: 26px; 529 -webkit-background-clip: text; 530 -webkit-text-fill-color: transparent; 531} 532 533.cta-form-with-lottie-content .cta-form-main { 534 max-width: 736px; 535 margin: 107px auto 0; 536 position: relative; 537 width: 100%; 538} 539 540.cta-form-with-lottie .full-width-video-embed-inner { 541 position: absolute; 542 bottom: 0; 543 left: 0; 544 width: 100%; 545 right: 0; 546 z-index: -1; 547} 548 549.cta-form-with-lottie .full-width-video-embed-inner::after { 550 content: ""; 551 position: absolute; 552 bottom: 0; 553 left: 0; 554 width: 100%; 555 height: 100%; 556 background: transparent linear-gradient(180deg, rgba(93, 8, 120, 0.1) 0%, #a100ff 100%) 0 0 no-repeat padding-box; 557 opacity: 0.3; 558} 559 560.cta-form-with-lottie-content form .gform_body.gform-body .gform_fields { 561 grid-row-gap: 28px; 562} 563 564.cta-form-with-lottie-content form .gform_body.gform-body input:not([type="checkbox"]), 565.cta-form-with-lottie-content form .gform_body.gform-body textarea { 566 color: #fff; 567 font-size: 14px; 568 font-weight: 400; 569 outline: none; 570} 571 572.cta-form-with-lottie-content form .gform_body.gform-body input:not([type="checkbox"]) { 573 border-bottom: 3px solid #fff; 574 padding: 0 24px 12px; 575} 576 577.cta-form-with-lottie-content form .gform_body.gform-body textarea { 578 border: 3px solid #fff; 579 padding: 16px 24px; 580} 581 582.cta-form-with-lottie-content form .gform_body.gform-body input::placeholder { 583 color: #a3a3a3; 584} 585 586.cta-form-with-lottie-content .gform_wrapper form .gfield_error [aria-invalid=true] { 587 border: none; 588 border-bottom: solid 3px #c02b0a !important; 589} 590 591.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice input { 592 padding: 0; 593 height: initial; 594 width: initial; 595 margin-bottom: 0; 596 display: none; 597 cursor: pointer; 598} 599 600.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice label { 601 position: relative; 602 cursor: pointer; 603} 604 605.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice label::before { 606 content: ''; 607 -webkit-appearance: none; 608 background-color: transparent; 609 border: 2px solid #fff; 610 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); 611 padding: 8px; 612 display: inline-block; 613 position: relative; 614 vertical-align: middle; 615 cursor: pointer; 616 margin-right: 10px; 617 margin-top: -3px; 618} 619 620.cta-form-with-lottie-content form .gform_body.gform-body .gfield_error .gfield_checkbox .gchoice label::before { 621 border: 2px solid #c02b0a; 622} 623 624.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice input:checked + label::before { 625 border: 2px solid #f9e547; 626} 627 628.cta-form-with-lottie-content form .gform_body.gform-body .gfield_checkbox .gchoice input:checked + label::after { 629 content: ''; 630 display: block; 631 position: absolute; 632 top: 5px; 633 left: 7px; 634 width: 6px; 635 height: 11px; 636 border: solid #f9e547; 637 border-width: 0 2px 2px 0; 638 transform: rotate(45deg); 639} 640 641.cta-form-with-lottie-content form .gform_footer.top_label { 642 justify-content: flex-end; 643 padding-bottom: 0; 644} 645 646.cta-form-with-lottie-content form .gform_footer.top_label input { 647 background: transparent; 648 border-radius: 40px; 649 border: 2px solid #fff; 650 color: #fff; 651 cursor: pointer; 652 font-size: 24px; 653 font-weight: 600; 654 height: auto; 655 line-height: 24px; 656 margin: 0; 657 padding: 24px 60px; 658 transition: all 0.35s ease-in-out; 659} 660 661.cta-form-with-lottie-content form .gform_footer.top_label input:hover { 662 background: #fff; 663 color: #1d252d; 664} 665 666.resource-form-with-lottie .cta-form-content.text-start { 667 padding-right: 126px; 668} 669 670.resource-form-with-lottie .cta-form-with-lottie-content .cta-form-main { 671 margin: 208px auto 0; 672} 673 674.resource-form-with-lottie .cta-form-with-lottie-content .cta-form-content .tagline { 675 background: #fdd821; 676 font-size: 22px; 677 font-weight: 700; 678 line-height: 34px; 679 margin: 40px 0; 680 text-transform: inherit; 681 -webkit-background-clip: text; 682 -webkit-text-fill-color: transparent; 683} 684 685.resource-form-with-lottie .cta-form-with-lottie-content .cta-form-content .paragraph p { 686 font-weight: 600; 687} 688 689.resource-form-with-lottie::before { 690 display: none; 691} 692 693.resource-form-with-lottie::after { 694 content: ""; 695 position: absolute; 696 bottom: 0; 697 left: 0; 698 width: 100%; 699 height: 100%; 700 background: transparent linear-gradient(180deg, #00fbe800 0%, #a100ff 100%) 0 0 no-repeat padding-box; 701 opacity: 0.25; 702} 703 704@media (max-width: 1200px) { 705 .cta-form-with-lottie-main .cta-form-b2b-op { 706 width: 750px; 707 } 708} 709 710@media (max-width: 991px) { 711 .cta-form-with-lottie-main { 712 padding-bottom: 200px; 713 } 714 715 .case-study-content .cta-form-with-lottie-main { 716 padding-bottom: 96px; 717 } 718 719 .resource-form-with-lottie .cta-form-content.text-start { 720 padding-right: 30px; 721 } 722} 723 724@media (max-width: 767px) { 725 .cta-form-with-lottie { 726 padding: 60px 0 0; 727 } 728 729 .cta-form-with-lottie-content .cta-form-content .paragraph p { 730 font-size: 18px; 731 } 732 733 .cta-form-with-lottie-content .cta-form-main { 734 margin: 48px auto 0; 735 } 736 737 .resource-form-with-lottie .cta-form-with-lottie-content .cta-form-main { 738 margin: 40px auto 0; 739 } 740 741 .hero-banner-common .cta-form-with-lottie-main { 742 padding-bottom: 150px; 743 } 744 745 .cta-form-with-lottie-content form .gform_footer.top_label { 746 justify-content: center; 747 padding-top: 40px; 748 } 749 750 .cta-form-with-lottie-content form .gform_footer.top_label input { 751 line-height: 1; 752 padding: 16px 60px; 753 } 754 755 .cta-form-with-lottie-main .cta-form-b2b-op { 756 width: 560px; 757 } 758} 759 760@media (max-width: 567px) { 761 .cta-form-with-lottie-main .cta-form-b2b-op { 762 width: 380px; 763 } 764} 765 766@media (max-width: 380px) { 767 .cta-form-with-lottie-main .cta-form-b2b-op { 768 max-width: 100%; 769 } 770} 771 772/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/cta-form-with-lottie/cta-form-with-lottie.css */ 773</style> 774<style id="acf-featured-case-studies-style-inline-css"> 775.featured-case-studies { 776 padding: 88px 0 0; 777 width: 100%; 778 overflow-x: hidden; 779} 780 781.featured-case-studies .container { 782 max-width: 100%; 783} 784 785.featured-case-studies .header-block { 786 margin: 0 auto; 787 padding: 0 16px 98px; 788 max-width: 1120px; 789} 790 791.featured-case-studies .case-studies-main { 792 margin-left: -12px; 793 margin-right: -12px; 794 padding: 64px 16px 48px; 795 width: calc(100% + 24px); 796} 797 798.featured-case-studies .case-studies-container { 799 max-width: 1318px; 800} 801 802.featured-case-studies .case-studies-items { 803 padding: 0 0 96px; 804 row-gap: 96px; 805} 806 807.featured-case-studies .case-studies-container .wp-block-buttons { 808 justify-content: center; 809} 810 811.featured-case-studies .case-studies-container .wp-block-button__link { 812 background: transparent; 813 border-color: #fff; 814 border-radius: 40px; 815 display: block; 816 font-size: 18px; 817 font-weight: 700; 818 line-height: 68px; 819 padding: 0 64px; 820 transition: all 0.25s ease; 821 max-width: 300px; 822 width: 100%; 823 height: 74px; 824} 825 826@media (min-width: 768px) { 827 .featured-case-studies .header-block .intro-text { 828 max-width: 516px; 829 } 830} 831 832@media (min-width: 992px) { 833 .featured-case-studies .case-studies-main { 834 padding: 112px 16px 48px; 835 } 836 837 .featured-case-studies .case-studies-items { 838 row-gap: 148px; 839 } 840} 841 842@media (min-width: 1200px) { 843 .featured-case-studies .case-studies-main { 844 padding: 112px 16px 124px; 845 } 846} 847 848@media (max-width: 991px) { 849 .featured-case-studies .case-studies-item { 850 display: block !important; 851 } 852 853 .featured-case-studies .case-studies-item .thumbnail-image { 854 max-width: 100% !important; 855 } 856} 857 858 859/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/featured-case-studies/featured-case-studies.css */ 860</style> 861<link data-minify="1" rel='stylesheet' id='case-studies-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/template-parts/case-studies.css?ver=1790272966' media='print' onload="this.media='all'" /> 862<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/template-parts/case-studies.css?ver=1790272966"></noscript><style id="acf-featured-resources-style-2-inline-css"> 863.featured-resources { 864 padding: 48px 0; 865} 866 867.featured-resources.insurtech-fintech-featured-resources { 868 width: 100%; 869 padding: 48px 0; 870} 871 872.featured-resources.featured-resources-header { 873 background-color: rgb(243 243 246 / 50%); 874 padding: 60px 0; 875} 876 877.featured-resources .container { 878 max-width: 1102px; 879} 880 881.featured-resources .thumbnail_ava { 882 width: 550px; 883 padding-left: 90px; 884} 885 886.featured-resources .thumbnail_ava::before { 887 background: #fff; 888 box-shadow: 0 0 0 90px #ffe800; 889 content: ""; 890 position: absolute; 891 top: 45%; 892 transform: translateY(-50%); 893 border-radius: 50%; 894 -webkit-animation: mover 1s infinite alternate; 895 animation: mover 1s infinite alternate; 896 opacity: 0.5; 897 height: 134px; 898 width: 134px; 899 z-index: -1; 900} 901 902.featured-resources .thumbnail_ava img { 903 max-width: 460px; 904} 905 906.featured-resources .resource-content { 907 padding: 40px 42px 40px 20px; 908 width: calc(100% - 550px); 909} 910 911.featured-resources-main ~ div { 912 justify-content: center; 913 margin: 50px 0 0; 914} 915 916.featured-resources .resource-content .label { 917 font-size: 14px; 918 line-height: 16px; 919} 920 921.featured-resources .resource-content h2 { 922 font-size: 24px; 923 font-weight: 900; 924 line-height: 30px; 925 margin-bottom: 20px; 926} 927 928.featured-resources .resource-content .excerpt-text { 929 margin-bottom: 34px; 930} 931 932.featured-resources .resource-content .excerpt-text p { 933 font-size: 18px; 934 line-height: 28px; 935} 936 937.featured-resources .resource-content .excerpt-text p:last-child { 938 margin-bottom: 0; 939} 940 941.featured-resources .swiper-pagination { 942 bottom: 5px; 943} 944 945.featured-resources .swiper-pagination-bullet { 946 background-color: transparent; 947 opacity: 1; 948} 949 950.featured-resources .featured-resources .swiper-pagination-bullet:not(:last-child) {
951 margin-right: 26px; 952} 953 954.featured-resources .swiper-pagination-bullet--svg-animation { 955 display: inline-block; 956 position: relative; 957 width: 26px; 958 height: 26px; 959} 960 961.featured-resources span.swiper-pagination-bullet-active::before { 962 position: absolute; 963 height: 24px; 964 width: 24px; 965 content: ""; 966 border: solid 1px #ddd; 967 border-radius: 50%; 968 top: 1px; 969 left: 1px; 970} 971 972.featured-resources .swiper-pagination-bullet--svg-animation svg { 973 display: block; 974 transform: rotate(-90deg); 975} 976 977.featured-resources .swiper-pagination-bullet--svg-animation .svg__circle-inner { 978 stroke: #5b6770; 979 fill: #5b6770; 980 transition: all 0.65s ease; 981} 982 983.featured-resources .swiper-pagination-bullet-active .svg__circle { 984 stroke: #5b6770; 985 stroke-dasharray: 75; 986 stroke-dashoffset: 0; 987 animation: progress 6s ease-in-out 1 forwards; 988} 989 990.featured-resources .swiper-pagination-bullet-active .svg__circle-inner { 991 fill: #5b6770; 992} 993 994@media (max-width: 1200px) { 995 .featured-resources .resource-content { 996 padding: 40px 0; 997 } 998} 999 1000@media (max-width: 768px) { 1001 .featured-resources .thumbnail_ava img { 1002 max-width: 330px; 1003 } 1004 1005 .featured-resources .resource-content { 1006 width: 100%; 1007 text-align: center; 1008 } 1009} 1010 1011@media (max-width: 991px) { 1012 .featured-resources .swiper-pagination { 1013 bottom: -40px; 1014 } 1015} 1016 1017@media (max-width: 575px) { 1018 .featured-resources .thumbnail_ava::before { 1019 top: 36%; 1020 } 1021 1022 .featured-resources .thumbnail_ava img { 1023 max-width: 295px; 1024 } 1025} 1026 1027@keyframes mover { 1028 0% { 1029 transform: translateY(10px) translateX(10px); 1030 } 1031 100% { 1032 transform: translateY(-10px) translateX(-10px); 1033 } 1034} 1035 1036@keyframes progress { 1037 0% { 1038 stroke-dashoffset: 75; 1039 opacity: 1; 1040 } 1041 95% { 1042 stroke-dashoffset: 0; 1043 opacity: 1; 1044 } 1045 100% { 1046 opacity: 0; 1047 stroke-dashoffset: 0; 1048 } 1049} 1050 1051/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/featured-resources/featured-resources.css */ 1052</style> 1053<style id="acf-header-with-large-intro-style-inline-css"> 1054.header-with-large-intro { 1055 padding: 32px 0 64px; 1056} 1057.header-with-large-intro.focus-on { 1058 padding: 60px 0; 1059} 1060 1061.header-with-large-intro .header-block h2 { 1062 max-width: 856px; 1063} 1064 1065.header-with-large-intro .header-block.header-style-full h2 { 1066 max-width: 972px; 1067} 1068 1069.header-with-large-intro .has-pattern-show { 1070 width: 60%; 1071 height: 70%; 1072} 1073 1074.header-with-large-intro + .content-media { 1075 padding-top: 0; 1076} 1077 1078@media (min-width: 768px) { 1079 .header-with-large-intro { 1080 padding: 192px 0 64px; 1081 } 1082 1083 .header-with-large-intro.focus-on { 1084 padding: 204px 0 188px; 1085 } 1086} 1087 1088/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/header-with-large-intro/header-with-large-intro.css */ 1089</style> 1090<style id="acf-latest-posts-style-2-inline-css"> 1091.latest-posts { 1092 width: 100%; 1093 padding: 60px 0 0; 1094} 1095 1096.latest-posts .container { 1097 max-width: 100%; 1098 padding: 0; 1099} 1100 1101.latest-posts .header-block { 1102 margin: auto; 1103 max-width: 1120px; 1104 padding-left: 15px; 1105 padding-right: 15px; 1106 padding-bottom: 168px; 1107} 1108 1109.latest-posts-main { 1110 background: #efefef; 1111 padding: 0 16px 16px; 1112} 1113 1114.latest-posts-main .latest-posts-container { 1115 max-width: 1632px; 1116 top: -80px; 1117} 1118 1119.latest-posts-slider .swiper-scrollbar.swiper-scrollbar-horizontal { 1120 cursor: pointer; 1121 max-width: 1320px; 1122 opacity: 1 !important; 1123 position: initial !important; 1124 height: 6px; 1125} 1126 1127.latest-posts-slider .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag { 1128 background: #ffe800; 1129 border-radius: 10px; 1130 cursor: pointer; 1131 position: relative; 1132 left: 0; 1133 top: 0; 1134 height: 100%; 1135 width: 100%; 1136} 1137 1138.latest-posts-main a.wp-block-button__link.wp-element-button { 1139 border-radius: 50px; 1140 color: #1d252d; 1141 font-size: 18px; 1142 font-weight: 700; 1143 height: 66px; 1144 line-height: 60px; 1145 margin-top: 52px; 1146 padding: 0 70px; 1147 transition: all 0.35s ease-in-out; 1148} 1149 1150@media (min-width: 768px) { 1151 .latest-posts { 1152 padding-top: 64px; 1153 } 1154} 1155 1156@media (min-width: 992px) { 1157 .latest-posts { 1158 padding-top: 192px; 1159 } 1160} 1161 1162/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/latest-posts/latest-posts.css */ 1163</style> 1164<style id="acf-list-with-icons-style-inline-css"> 1165.list-with-icons { 1166 width: 100%; 1167 padding: 136px 0 96px; 1168} 1169 1170.list-with-icons > .has-pattern-show { 1171 background-repeat: no-repeat; 1172 background-position: bottom left; 1173 background-size: 53%; 1174 margin: 0; 1175 position: absolute; 1176 height: 100%; 1177 width: 100%; 1178} 1179 1180.list-with-icons h2:empty {
1181 display: none; 1182} 1183 1184.list-with-icons .gradient-line { 1185 margin: 18px 0 40px; 1186} 1187 1188.list-with-icons .list { 1189 display: flex; 1190 flex-direction: column; 1191 position: relative; 1192} 1193 1194.list-with-icons .list:before { 1195 color: #f9f9f9; 1196 content: "B2B"; 1197 font-size: 500px; 1198 font-weight: 900; 1199 line-height: 242px; 1200 position: absolute; 1201 top: 0; 1202 right: 0; 1203 text-transform: uppercase; 1204 text-orientation: mixed; 1205 -ms-writing-mode: tb-lr; 1206 writing-mode: vertical-lr; 1207 z-index: -1; 1208} 1209 1210.list-with-icons.bg-bop .list { 1211 padding-bottom: 100px; 1212} 1213 1214.list-with-icons.bg-bop .list:before { 1215 content: "bop"; 1216 letter-spacing: -2.5rem; 1217} 1218 1219.list-with-icons .list--item { 1220 display: flex; 1221 align-items: center; 1222 margin-bottom: 40px; 1223} 1224 1225.list-with-icons .list--item:last-child { 1226 margin-bottom: 0; 1227} 1228 1229.list-with-icons .list--icon { 1230 height: 45px; 1231 min-width: 45px; 1232 width: 45px; 1233 border-radius: 50%; 1234 display: flex; 1235 align-items: center; 1236 justify-content: center; 1237 position: relative; 1238 margin-right: 40px; 1239 transition: all 0.35s ease-in-out; 1240} 1241 1242.list-with-icons .type-links .list--icon:before { 1243 position: absolute; 1244 content: ""; 1245 height: 100%; 1246 width: 100%; 1247 background: linear-gradient(112deg, #5d0878 0%, #f95a57 100%); 1248 border-radius: 50%; 1249 top: 0; 1250 left: 0; 1251 transform: scale(0); 1252 transition: all 0.35s ease-in-out; 1253} 1254 1255.list-with-icons .list--link { 1256 color: #1d252d; 1257 font-size: 20px; 1258 font-weight: 900; 1259} 1260 1261.list-with-icons .list--item > .list--link:after { 1262 border-bottom-style: solid; 1263 border-bottom-width: 3px; 1264 border-right-style: solid; 1265 border-right-width: 3px; 1266 border-color: #2e77dd; 1267 content: ""; 1268 display: inline-block; 1269 position: absolute; 1270 right: -25px; 1271 top: 13px; 1272 width: 9px; 1273 height: 9px; 1274 opacity: 0; 1275 transform: rotate(315deg); 1276 transition: all 0.35s ease-in-out; 1277 visibility: hidden; 1278} 1279 1280.type-links .list--icon img { 1281 height: 24px; 1282 max-width: 24px; 1283 width: 100%; 1284} 1285 1286.list-with-icons .type-links:hover .list--link { 1287 color: #2e77dd; 1288} 1289 1290.list-with-icons .type-links:hover .list--link:after { 1291 opacity: 1; 1292 visibility: visible; 1293 right: -15px; 1294} 1295 1296.list-with-icons .type-links:hover .list--icon:before { 1297 transform: scale(1); 1298} 1299 1300.list-with-icons .type-links:hover .list--icon:after { 1301 background: linear-gradient(to right, #fdd821 0%, #fc7417 100%); 1302 border-radius: 50%; 1303 content: ""; 1304 display: block; 1305 position: absolute; 1306 left: 0; 1307 top: 0; 1308 width: 98%; 1309 height: 98%; 1310 animation: pulse-border 1s ease-in-out infinite; 1311 z-index: -1; 1312} 1313 1314@keyframes pulse-border { 1315 0% { 1316 transform: scale(0.9); 1317 opacity: 1; 1318 } 1319 100% { 1320 transform: scale(1.7); 1321 opacity: 0; 1322 } 1323} 1324 1325.bg-pattern .has-pattern-show { 1326 position: absolute; 1327 max-height: 602px; 1328 max-width: 1000px; 1329 bottom: 0; 1330 left: 0; 1331 width: 100%; 1332 height: 100%; 1333 background-position: center center; 1334 background-repeat: no-repeat; 1335 background-size: 99%; 1336} 1337 1338@media (max-width: 1560px) { 1339 .list-with-icons .list:before { 1340 font-size: 280px; 1341 } 1342} 1343 1344@media (max-width: 1400px) { 1345 .list-with-icons .list:before { 1346 font-size: 300px; 1347 } 1348} 1349 1350@media (max-width: 1300px) { 1351 .list-with-icons .list:before { 1352 font-size: 350px; 1353 right: 224px; 1354 } 1355 1356 .list-with-icons .list--item { 1357 margin-bottom: 20px; 1358 } 1359 1360 .list-with-icons .list--icon { 1361 margin-right: 20px; 1362 } 1363} 1364 1365@media (max-width: 991px) { 1366 .list-with-icons { 1367 width: 100%; 1368 padding: 60px 0 30px; 1369 } 1370 1371 .list-with-icons .intro-text { 1372 max-width: 100%; 1373 } 1374 1375 .list-with-icons .list:before { 1376 font-size: 250px; 1377 } 1378} 1379 1380/*# sourceURL=https://www.bopdesign.com/wp-content/themes/bopper/blocks/list-with-icons/list-with-icons.css */ 1381</style> 1382 1383<style id="global-styles-inline-css"> 1384:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--yellow: #f9e547;--wp--preset--color--orange: #f95a57;--wp--preset--color--red: #e32a38;--wp--preset--color--teal: #004ea8;--wp--preset--color--accent: #2e77dd;--wp--preset--color--black-pearl: #1d252d;--wp--preset--color--charcoal: #1c2126;--wp--preset--color--gray: #7a7a7f;--wp--preset--color--light-gray: #efefef;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
13840) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--horizontal-rainbow: linear-gradient(90deg, #1d252d, #4b37c9 14%, #d844a2 30%, #f0764d 45%, #ffe800 100%);--wp--preset--gradient--vertical-pink-to-yellow: linear-gradient(180deg, #a83fc1 0%, #e32a38 25%, #ffe800 100%);--wp--preset--gradient--yellow-to-orange: linear-gradient(112deg, #fdd821 0%, #fc7417 100%);--wp--preset--gradient--indigo-to-pink: linear-gradient(112deg, #5d0878 0%, #f95a57 100%);--wp--preset--gradient--mulberry-to-teal: linear-gradient(143deg, #be4f81 0%, #146c94 100%);--wp--preset--gradient--green-to-blue: linear-gradient(151deg, #52dc24 0%, #2271cf 100%);
1384--wp--preset--gradient--sky-blue-to-purple: linear-gradient(112deg, #63cee6 0%, #7c42d1 100%);--wp--preset--gradient--aqua-to-violet: linear-gradient(112deg, #00fbe8 0%, #a100ff 100%);--wp--preset--gradient--orange-to-yellow: linear-gradient(112deg, #e74733 0%, #f2872a 100%);--wp--preset--gradient--sky-to-pink-to-orange-to-yellow: linear-gradient(135deg, #24c3fd, #fc0d7a 50%, #fc8d19 100%);--wp--preset--gradient--orange-to-pink-to-yellow: linear-gradient(135deg, #fc7417, #e32a38 50%, #f8ac24 100%);--wp--preset--gradient--sky-to-orange: linear-gradient(135deg, #24c3fd 0%, #fc4c14 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.6), 20px);--wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.396), 36px);--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.699), 42px);--wp--preset--font-size--xx-large: clamp(2.25rem, 2.25rem + ((1vw - 0.2rem) * 3.8), 4.625rem);--wp--preset--font-size--xxx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 6), 6.25rem);--wp--preset--font-family--outfit: Outfit, sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--spacing--small: max(1.5rem, 2vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * 1.5rem));--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.5rem);--wp--custom--typography--font-size--huge: clamp(2.25rem, 4vw, 2.75rem);--wp--custom--typography--font-size--gigantic: clamp(2.75rem, 6vw, 3.25rem);--wp--custom--typography--font-size--colossal: clamp(3.25rem, 8vw, 6.25rem);--wp--custom--typography--line-height--tiny: 1;--wp--custom--typography--line-height--small: 1.2;--wp--custom--typography--line-height--medium: 1.6;--wp--custom--typography--line-height--normal: 1.5;}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}.wp-block-heading{--wp--preset--color--black: #1d252d;--wp--preset--color--yellow: #f9e547;--wp--preset--color--gray: #7a7a7f;--wp--preset--color--light-gray: #efefef;--wp--preset--color--teal: #004ea8;--wp--preset--color--accent: #2e77dd;--wp--preset--color--white: #fff;--wp--preset--color--red: #e32a38;}p{--wp--preset--color--black: #1d252d;--wp--preset--color--yellow: #f9e547;--wp--preset--color--gray: #7a7a7f;--wp--preset--color--light-gray: #efefef;--wp--preset--color--teal: #004ea8;--wp--preset--color--accent: #2e77dd;--wp--preset--color--white: #fff;--wp--preset--color--red: #e32a38;}:root { --wp--style--global--content-size: 1140px;--wp--style--global--wide-size: 1320px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained >
1384 :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--white);color: var(--wp--preset--color--charcoal);font-family: var(--wp--preset--font-family--outfit);font-size: var(--wp--preset--font-size--medium);line-height: 1.6;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--accent);text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):hover){font-weight: 700;}:root :where(a:where(:not(.wp-element-button)):focus){text-decoration: underline dashed;}:root :where(a:where(:not(.wp-element-button)):active){color: var(--wp--preset--color--teal);text-decoration: underline;}h1, h2, h3, h4, h5, h6{font-weight: 700;line-height: 1;}h1{font-size: clamp(1.875rem, -3.3333rem + 13.0208vw, 5rem);;}h2{font-size: clamp(2rem, -1.6522rem + 7.6087vw, 4.275rem);}h3{font-size: clamp(1.75rem, 0.7065rem + 2.1739vw, 2.5rem);font-weight: 900;line-height: 1.15;}h4{font-size: clamp(1.25rem, 0.9022rem + 0.7246vw, 1.5rem);font-weight: 900;line-height: 1.75;}h5{font-size: clamp(1.125rem, 0.9511rem + 0.3623vw, 1.25rem);font-weight: 900;line-height: 1.75;text-transform: uppercase;}h6{font-size: clamp(1rem, 0.8261rem + 0.3623vw, 1.125rem);font-weight: 400;line-height: 1.7;text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #f9e547;border-color: #f9e547;border-width: 2px;border-style: solid;color: #f9e547;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: 700;letter-spacing: inherit;line-height: 1.33;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}:root :where(.wp-element-button:visited, .wp-block-button__link:visited){color: #f9e547;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: #1d252d;color: #f9e547;}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: #1d252d;color: #f9e547;}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: #f9e547;color: #1d252d;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-yellow-color{color: var(--wp--preset--color--yellow) !important;}.has-orange-color{color: var(--wp--preset--color--orange) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-teal-color{color: var(--wp--preset--color--teal) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-pearl-color{color: var(--wp--preset--color--black-pearl) !important;}.has-charcoal-color{color: var(--wp--preset--color--charcoal) !important;}.has-gray-color{color: var(--wp--preset--color--gray) !important;}.has-light-gray-color{color: var(--wp--preset--color--light-gray) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}.has-orange-background-color{background-color: var(--wp--preset--color--orange) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-teal-background-color{background-color: var(--wp--preset--color--teal) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-pearl-background-color{background-color: var(--wp--preset--color--black-pearl) !important;}.has-charcoal-background-color{background-color: var(--wp--preset--color--charcoal) !important;}.has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}.has-light-gray-background-color{background-color: var(--wp--preset--color--light-gray) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}.has-orange-border-color{border-color: var(--wp--preset--color--orange) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-teal-border-color{border-color: var(--wp--preset--color--teal) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-black-pearl-border-color{border-color: var(--wp--preset--color--black-pearl) !important;}.has-charcoal-border-color{border-color: var(--wp--preset--color--charcoal) !important;}.has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}.has-light-gray-border-color{border-color: var(--wp--preset--color--light-gray) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
1384.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-horizontal-rainbow-gradient-background{background: var(--wp--preset--gradient--horizontal-rainbow) !important;}.has-vertical-pink-to-yellow-gradient-background{background: var(--wp--preset--gradient--vertical-pink-to-yellow) !important;}.has-yellow-to-orange-gradient-background{background: var(--wp--preset--gradient--yellow-to-orange) !important;}.has-indigo-to-pink-gradient-background{background: var(--wp--preset--gradient--indigo-to-pink) !important;}.has-mulberry-to-teal-gradient-background{background: var(--wp--preset--gradient--mulberry-to-teal) !important;}.has-green-to-blue-gradient-background{background: var(--wp--preset--gradient--green-to-blue) !important;}
1384.has-sky-blue-to-purple-gradient-background{background: var(--wp--preset--gradient--sky-blue-to-purple) !important;}.has-aqua-to-violet-gradient-background{background: var(--wp--preset--gradient--aqua-to-violet) !important;}.has-orange-to-yellow-gradient-background{background: var(--wp--preset--gradient--orange-to-yellow) !important;}.has-sky-to-pink-to-orange-to-yellow-gradient-background{background: var(--wp--preset--gradient--sky-to-pink-to-orange-to-yellow) !important;}.has-orange-to-pink-to-yellow-gradient-background{background: var(--wp--preset--gradient--orange-to-pink-to-yellow) !important;}.has-sky-to-orange-gradient-background{background: var(--wp--preset--gradient--sky-to-orange) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-xxx-large-font-size{font-size: var(--wp--preset--font-size--xxx-large) !important;}.has-outfit-font-family{font-family: var(--wp--preset--font-family--outfit) !important;}:where(.wp-block-heading).has-black-color{color: var(--wp--preset--color--black) !important;}:where(.wp-block-heading).has-yellow-color{color: var(--wp--preset--color--yellow) !important;}:where(.wp-block-heading).has-gray-color{color: var(--wp--preset--color--gray) !important;}:where(.wp-block-heading).has-light-gray-color{color: var(--wp--preset--color--light-gray) !important;}:where(.wp-block-heading).has-teal-color{color: var(--wp--preset--color--teal) !important;}:where(.wp-block-heading).has-accent-color{color: var(--wp--preset--color--accent) !important;}:where(.wp-block-heading).has-white-color{color: var(--wp--preset--color--white) !important;}:where(.wp-block-heading).has-red-color{color: var(--wp--preset--color--red) !important;}:where(.wp-block-heading).has-black-background-color{background-color: var(--wp--preset--color--black) !important;}:where(.wp-block-heading).has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}:where(.wp-block-heading).has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}:where(.wp-block-heading).has-light-gray-background-color{background-color: var(--wp--preset--color--light-gray) !important;}:where(.wp-block-heading).has-teal-background-color{background-color: var(--wp--preset--color--teal) !important;}:where(.wp-block-heading).has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}:where(.wp-block-heading).has-white-background-color{background-color: var(--wp--preset--color--white) !important;}:where(.wp-block-heading).has-red-background-color{background-color: var(--wp--preset--color--red) !important;}:where(.wp-block-heading).has-black-border-color{border-color: var(--wp--preset--color--black) !important;}:where(.wp-block-heading).has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}:where(.wp-block-heading).has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}:where(.wp-block-heading).has-light-gray-border-color{border-color: var(--wp--preset--color--light-gray) !important;}:where(.wp-block-heading).has-teal-border-color{border-color: var(--wp--preset--color--teal) !important;}:where(.wp-block-heading).has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}:where(.wp-block-heading).has-white-border-color{border-color: var(--wp--preset--color--white) !important;}:where(.wp-block-heading).has-red-border-color{border-color: var(--wp--preset--color--red) !important;}:where(p).has-black-color{color: var(--wp--preset--color--black) !important;}:where(p).has-yellow-color{color: var(--wp--preset--color--yellow) !important;}:where(p).has-gray-color{color: var(--wp--preset--color--gray) !important;}:where(p).has-light-gray-color{color: var(--wp--preset--color--light-gray) !important;}:where(p).has-teal-color{color: var(--wp--preset--color--teal) !important;}:where(p).has-accent-color{color: var(--wp--preset--color--accent) !important;}:where(p).has-white-color{color: var(--wp--preset--color--white) !important;}:where(p).has-red-color{color: var(--wp--preset--color--red) !important;}:where(p).has-black-background-color{background-color: var(--wp--preset--color--black) !important;}:where(p).has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}:where(p).has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}:where(p).has-light-gray-background-color{background-color: var(--wp--preset--color--light-gray) !important;}:where(p).has-teal-background-color{background-color: var(--wp--preset--color--teal) !important;}:where(p).has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}:where(p).has-white-background-color{background-color: var(--wp--preset--color--white) !important;}:where(p).has-red-background-color{background-color: var(--wp--preset--color--red) !important;}:where(p).has-black-border-color{border-color: var(--wp--preset--color--black) !important;}:where(p).has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}:where(p).has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}:where(p).has-light-gray-border-color{border-color: var(--wp--preset--color--light-gray) !important;}:where(p).has-teal-border-color{border-color: var(--wp--preset--color--teal) !important;}:where(p).has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}:where(p).has-white-border-color{border-color: var(--wp--preset--color--white) !important;}:where(p).has-red-border-color{border-color: var(--wp--preset--color--red) !important;} 1385/*# sourceURL=global-styles-inline-css */ 1386</style> 1387 1388<link rel='preload' href='https://www.bopdesign.com/wp-content/uploads/maxmegamenu/style.css?ver=f17a72' data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')" media='all' /> 1389<link data-minify="1" rel='preload' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/main.css?ver=1790272829' data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'" onerror="this.removeAttribute('data-rocket-async')" media='all' /> 1390<link data-minify="1" rel='stylesheet' id='bopper-mobile-menu-style-css' href='https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/mobile-menu.css?ver=1790272829' media='print' onload="this.media='all'" /> 1391<noscript><link data-minify="1" rel="stylesheet" href="https://www.bopdesign.com/wp-content/uploads/wp-rocket/cache/min/1/wp-content/themes/bopper/assets/css/mobile-menu.css?ver=1790272829"></noscript><style id="rocket-lazyload-inline-css"> 1392.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://www.bopdesign.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;} 1393/*# sourceURL=rocket-lazyload-inline-css */ 1394</style> 1395<meta name="sentry-trace" content="2395959a09525acda0316ead35ad2cd3-1a74e1f4dcc845f2-0" />
1396<meta name="traceparent" content="" /> 1397<meta name="baggage" content="sentry-sample_rate=0" />
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-45376"> 1591 hamburger </title> 1592 1593 1594 <use xlink:href="#icon-hamburger"></use> 1595 </svg> 1596 1597 </button> 1598 </div> 1599 <nav id="site-navigation" 1600 class="main-navigation d-none d-lg-flex align-items-center justify-content-end" 1601 aria-label="Main Navigation"> 1602 <div id="mega-menu-wrap-primary" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-0' id='mega-toggle-block-0'><button aria-controls="mega-menu-primary" aria-expanded="false" aria-haspopup="true" aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button"> 1603 <span class="mega-toggle-animated-box"> 1604 <span class="mega-toggle-animated-inner"></span> 1605 </span> 1606 </button></div></div></div><ul id="mega-menu-primary" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover_intent" data-effect="fade_up" data-effect-speed="200" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="991" data-unbind="true" data-mobile-state="collapse_all" data-mobile-direction="vertical" data-mobile-back-text="{parent_title}"><li class="mega-services-mega-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-menu-item-40 services-mega-menu" id="mega-menu-item-40"><a class="mega-menu-link" href="https://www.bopdesign.com/services/" aria-expanded="false" aria-controls="mega-sub-menu-40">Services<span class="mega-indicator" aria-hidden="true"></span></a> 1607<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-40'> 1608<li class="mega-menu-row" id="mega-menu-40-0"> 1609 <ul class="mega-sub-menu" style='--columns:12' role='presentation'> 1610<li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-0"> 1611 <ul class="mega-sub-menu"> 1612<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-2" id="mega-menu-item-custom_html-2"><h4 class="mega-block-title">Services</h4><div class="textwidget custom-html-widget">Elevate your B2B marketing game with our range of creative and data-driven services â from web design to content marketing.</div></li><li class="mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-2" id="mega-menu-item-text-2"> <div class="textwidget"><p><a class="wp-block-button__link wp-element-button" href="https://www.bopdesign.com/services/">Our services</a></p> 1613</div> 1614 </li> </ul> 1615</li><li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-1"> 1616 <ul class="mega-sub-menu"> 1617<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-item-42" id="mega-menu-item-42"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/">Website Design<span class="mega-indicator" aria-hidden="true"></span></a> 1618 <ul class="mega-sub-menu" id='mega-sub-menu-42'> 1619<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-44" id="mega-menu-item-44"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/ui-ux/">UI/UX web design</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-46" id="mega-menu-item-46"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/web-development/">Web development</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-45159" id="mega-menu-item-45159"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/wordpress/">WordPress web design</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-33096" id="mega-menu-item-33096"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-45955" id="mega-menu-item-45955"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-43200" id="mega-menu-item-43200"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-web-design/b2b-website-design-process/">B2B website design process</a></li> </ul> 1620</li>
1620 </ul> 1621</li><li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-2"> 1622 <ul class="mega-sub-menu"> 1623<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-item-46012" id="mega-menu-item-46012"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/">Content Marketing<span class="mega-indicator" aria-hidden="true"></span></a> 1624 <ul class="mega-sub-menu" id='mega-sub-menu-46012'> 1625<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-56" id="mega-menu-item-56"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/social-media/">Social media</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-58" id="mega-menu-item-58"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/copywriting/">Copywriting</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-60" id="mega-menu-item-60"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/blog-content/">Blog content</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-62" id="mega-menu-item-62"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/email-marketing/">Email marketing</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-64" id="mega-menu-item-64"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/seo/">SEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-45954" id="mega-menu-item-45954"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/geo/">GEO</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-43961" id="mega-menu-item-43961"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-content-marketing/digital-marketing/">Digital marketing</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-43185" id="mega-menu-item-43185"><a class="mega-menu-link" href="https://www.bopdesign.com/services/ongoing-marketing/">Ongoing marketing</a></li> </ul> 1626</li> </ul> 1627</li><li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-40-0-3"> 1628 <ul class="mega-sub-menu"> 1629<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-item-66" id="mega-menu-item-66"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/" data-image-swap-url="https://www.bopdesign.com/wp-content/uploads/2023/01/brand.svg">Branding<span class="mega-indicator" aria-hidden="true"></span></a> 1630 <ul class="mega-sub-menu" id='mega-sub-menu-66'> 1631<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-46543" id="mega-menu-item-46543"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/brand-strategy/">Brand strategy</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-68" id="mega-menu-item-68"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/brand-guidelines/">Brand guidelines</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-70" id="mega-menu-item-70"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/logo-design/">Logo design</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-72" id="mega-menu-item-72"><a class="mega-menu-link" href="https://www.bopdesign.com/services/b2b-branding-services/branding-marketing-materials/">Marketing materials</a></li> </ul> 1632</li>
1632 </ul> 1633</li> </ul> 1634</li></ul> 1635</li><li class="mega-industries-mega-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-menu-item-74 industries-mega-menu" id="mega-menu-item-74"><a class="mega-menu-link" href="https://www.bopdesign.com/industries/" aria-expanded="false" aria-controls="mega-sub-menu-74">Industries<span class="mega-indicator" aria-hidden="true"></span></a> 1636<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-74'> 1637<li class="mega-menu-row" id="mega-menu-74-0"> 1638 <ul class="mega-sub-menu" style='--columns:12' role='presentation'> 1639<li class="mega-menu-column mega-menu-columns-5-of-12" style="--columns:12; --span:5" id="mega-menu-74-0-0"> 1640 <ul class="mega-sub-menu"> 1641<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-3" id="mega-menu-item-custom_html-3"><h4 class="mega-block-title">Industries</h4><div class="textwidget custom-html-widget">We specialize in B2B marketing for various industries, helping businesses thrive with tailored strategies and innovative solutions.</div></li><li class="mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-3" id="mega-menu-item-text-3"> <div class="textwidget"><p><a class="wp-block-button__link wp-element-button" href="https://www.bopdesign.com/industries/">Industries we serve</a></p> 1642</div> 1643 </li> </ul> 1644</li><li class="mega-menu-column mega-menu-columns-7-of-12" style="--columns:12; --span:7" id="mega-menu-74-0-1"> 1645 <ul class="mega-sub-menu"> 1646<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-45847" id="mega-menu-item-45847"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/b2b-technology-web-design/">Technology</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-82" id="mega-menu-item-82"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/fintech-insurtech/">Fintech & Insurtech</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-84" id="mega-menu-item-84"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/biotech-marketing/">Biotech</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-45846" id="mega-menu-item-45846"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/b2b-saas-website-design/">Software</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-45161" id="mega-menu-item-45161"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/web-design-for-ai-companies/">AI & ML</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-86" id="mega-menu-item-86"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/industrial/">Industrial</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-88" id="mega-menu-item-88"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/engineering-marketing/">Engineering</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-90" id="mega-menu-item-90"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/consulting-marketing/">Consulting</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-92" id="mega-menu-item-92"><a class="mega-custom-icon mega-menu-link" href="https://www.bopdesign.com/industries/energy/">Energy</a></li>
1646 </ul> 1647</li> </ul> 1648</li></ul> 1649</li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-44303" id="mega-menu-item-44303"><a class="mega-menu-link" href="https://www.bopdesign.com/our-work/">Our Work</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-102" id="mega-menu-item-102"><a class="mega-menu-link" href="https://www.bopdesign.com/bop-blog/">Blog</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-104" id="mega-menu-item-104"><a class="mega-menu-link" href="https://www.bopdesign.com/resources/">Resources</a></li><li class="mega-company-mega-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-menu-item-106 company-mega-menu" id="mega-menu-item-106"><a class="mega-menu-link" href="https://www.bopdesign.com/company/" aria-expanded="false" aria-controls="mega-sub-menu-106">Company<span class="mega-indicator" aria-hidden="true"></span></a> 1650<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-106'> 1651<li class="mega-menu-row" id="mega-menu-106-0"> 1652 <ul class="mega-sub-menu" style='--columns:12' role='presentation'> 1653<li class="mega-menu-column mega-menu-columns-5-of-12" style="--columns:12; --span:5" id="mega-menu-106-0-0"> 1654 <ul class="mega-sub-menu"> 1655<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-5" id="mega-menu-item-custom_html-5"><h4 class="mega-block-title">Company</h4><div class="textwidget custom-html-widget">Get to know to Bop Design, where our awesome team of B2B marketing experts is dedicated to driving your success. Let's grow together.</div></li><li class="mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-5" id="mega-menu-item-text-5"> <div class="textwidget"><p><a class="wp-block-button__link wp-element-button" href="https://www.bopdesign.com/company/about/">About us</a></p> 1656</div> 1657 </li> </ul> 1658</li><li class="mega-menu-column mega-menu-columns-7-of-12" style="--columns:12; --span:7" id="mega-menu-106-0-1"> 1659 <ul class="mega-sub-menu"> 1660<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-108" id="mega-menu-item-108"><a class="mega-menu-link" href="https://www.bopdesign.com/company/about/">About</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-110" id="mega-menu-item-110"><a class="mega-menu-link" href="https://www.bopdesign.com/company/why-bop-design/">Why Bop Design?</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-112" id="mega-menu-item-112"><a class="mega-menu-link" href="https://www.bopdesign.com/company/leadership/">Leadership</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-114" id="mega-menu-item-114"><a class="mega-menu-link" href="https://www.bopdesign.com/company/news/">News</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-116" id="mega-menu-item-116"><a class="mega-menu-link" href="https://www.bopdesign.com/company/careers/">Careers</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-118" id="mega-menu-item-118"><a class="mega-menu-link" href="https://www.bopdesign.com/company/testimonials/">Testimonials</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-120" id="mega-menu-item-120"><a class="mega-menu-link" href="https://www.bopdesign.com/company/faq/">FAQ</a></li> </ul> 1661</li> </ul> 1662</li></ul> 1663</li></ul></div> <button type="button" 1664 class="search-btn bg-black-pearl text-light-gray d-inline-flex align-items-center gx-1 rounded-pill p-2" 1665 aria-label="open-search"> 1666 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1666ox="0 0 16 16"> 1667 <path fill-rule="evenodd" 1668 d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" 1669 clip-rule="evenodd"></path> 1670 </svg> 1671 </button> 1672 <div class="d-flex is-layout-flex wp-block-buttons"> 1673 <div class="wp-block-button is-style-fill"> 1674 <a class="wp-block-button__link wp-element-button has-orange-background-color has-background has-white-color has-text-color" 1675 href="https://www.bopdesign.com/contact/"> 1676 Contact </a> 1677 </div> 1678 </div> 1679 </nav><!-- #site-navigation --> 1680 </div> 1681 </div> 1682 </div><!-- .container --> 1683</header><!-- #masthead --> 1684 1685 <main id="main" class="site-main site-content wp-block-group" role="main"> 1686 1687<article id="post-37" class="post-37 page type-page status-publish hentry"> 1688 <div class="entry-content"> 1689 <style>.hero-banner-home { 1690 padding: 60px 0 0; 1691} 1692 1693.hero-banner-home .container { 1694 max-width: 1256px; 1695 height: 100%; 1696} 1697 1698.hero-banner-home .row { 1699 height: 100%; 1700} 1701 1702.banner-heading h1 { 1703 font-size: clamp(1.25rem, -0.8929rem + 4.4643vw, 1.875rem); 1704 line-height: 1.5; 1705} 1706 1707.taglines-wrapper .taglines { 1708 font-size: clamp(1.5rem, -2.7532rem + 8.8608vw, 5rem); 1709 line-height: 1; 1710} 1711 1712/*@media (min-width: 768px) {*/ 1713/* .taglines-wrapper .taglines {*/ 1714/* font-size: 44px;*/ 1715/* }*/ 1716/*}*/ 1717 1718@media (min-width: 1200px) { 1719 .hero-banner-home .hero-banner-button-arrow .hero-banner-down-arrow { 1720 margin-top: 64px; 1721 } 1722} 1723 1724/*@media (min-width: 1400px) {*/ 1725/* .taglines-wrapper .taglines {*/ 1726/* font-size: 80px;*/ 1727/* }*/ 1728/*}*/ 1729</style><section id="hero-home-block_aa8c3ef5ac5f9db57c466e1f982ef756" class="hero-banner-home vh-100 p-md-0 position-relative bg-orange alignfull my-0 position-relative has-background video-as-background"> <figure class="video-background video-file d-none d-md-block overflow-hidden w-100 h-100 pe-none m-0 position-absolute top-0 bottom-0 start-0 end-0 z-1"> 1730 <video class="w-100 h-100 object-fit-cover object-center" muted autoplay loop playsinline poster="https://www.bopdesign.com/wp-content/uploads/2023/11/video-poster-home.jpg"> 1731 <source src="https://www.bopdesign.com/wp-content/uploads/2026/01/hero-desktop.mp4" type="video/mp4"/> 1732 </video> 1733 </figure> 1734 <figure class="video-background video-file d-block d-md-none overflow-hidden w-100 h-100 pe-none m-0 position-absolute top-0 bottom-0 start-0 end-0 z-1"> 1735 <video class="w-100 h-100 object-fit-cover object-center" muted autoplay loop playsinline poster="https://www.bopdesign.com/wp-content/uploads/2024/02/bop-home-mobile-poster.jpg"> 1736 <source src="https://www.bopdesign.com/wp-content/uploads/2026/01/hero-mobile.mp4" type="video/mp4"/> 1737 </video> 1738 </figure> 1739 <div class="z-10 position-relative inner-container container heading-light text-white video"><div class="row"><div class="col-12"><div class="hero-banner-home-inner h-100 d-flex flex-column justify-content-center justify-content-lg-around align-items-center"> 1740 <div class="banner-heading text-center mt-lg-5 w-100 z-1"> 1741 <h1 class="position-relative mb-4">The B2B web design agency</h1> 1742 </div> 1743 <div class="taglines-wrapper mb-3 mb-lg-0 fw-bold text-center w-100"> 1744 <p class="taglines fw-bold mb-3 mb-md-2 text-white tagline-0">B2B branding that engages.</p> 1745 <p class="taglines fw-bold mb-3 mb-md-2 text-white tagline-1">B2B websites that drive leads.</p> 1746 <p class="taglines fw-bold mb-3 mb-md-2 text-white tagline-2">B2B content that converts.</p> 1747 </div> 1748 <div class="hero-banner-button-arrow text-center w-100"> 1749 <div class="hero-banner-button is-style-outline"> 1750 <a href="#contact" 1751 class="button-hero-banner wp-block-button__link wp-element-button has-outline-white-color outline-color has-white-color has-text-color" 1752 target="">Letâs make it happen</a> 1753 </div> 1754 <div class="hero-banner-down-arrow d-flex justify-content-center align-items-center mt-4"> 1755 <a href="#header-large-intro-down"> 1756 <svg xmlns="http://www.w3.org/2000/svg" width="32.613" height="17.014" viewBox="0 0 32.613 17.014"> 1757 <path d="M0.354 0.353l15.953,15.953,15.953-15.953" fill="none" stroke="#fff" stroke-width="1"/> 1758 </svg> 1759 </a> 1760 </div> 1761 </div> 1762 </div> 1763</div></div></div></section> 1764 1765<section id="header-large-intro-down" class="header-with-large-intro alignfull my-0 position-relative has-background color-as-background has-white-background-color"> <figure class="has-pattern-show position-absolute top-0 end-0 m-0" aria-hidden="true"> 1766 <img width="1141" height="602" src="https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1.webp" class="w-100 h-100 object-fit-contain object-top" alt="" loading="eager" decoding="async" fetchpriority="high" srcset="https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1.webp 1141w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-530x280.webp 530w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-1024x540.webp 1024w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-768x405.webp 768w, https://www.bopdesign.com/wp-content/uploads/2026/01/Pattern-base-1-180x95.webp 180w" sizes="(max-width: 1141px) 100v
1766w, 1141px" /> </figure> 1767 <div class="z-10 position-relative inner-container container heading-dark text-charcoal color"><div class="row"><div class="col-12"> <div class="header-block header-style-intro-right"> 1768 <figure class="header-block--icon" aria-hidden="true"> 1769 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/heart.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/heart.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt=""></noscript> 1770 </figure> 1771 <span class="tagline h4 has-gray-color d-block text-uppercase">WHY CHOOSE BOP</span> 1772 <h2>Where B2B web design is bold and brilliant.</h2> 1773 <span class="gradient-line"></span> 1774 <div class="intro-text">Some think B2B is boring. We think thatâs a bunch of hooey. B2B is the powerhouse behind progress, innovation, and moving business forward. But B2B marketing is nuanced â and no one navigates it better than Bop. With a hyperfocus on lead generation, engaging audiences, and knocking our clientsâ socks off, Bop gives you the absolute best in B2B.</div> 1775 </div> 1776 </div></div></div></section> 1777 1778<section id="colored-icon-columns-block_506bd9fc2eba27ec6f10ad8d3fae7cb4" class="colored-icon-columns block block-sticky alignfull my-0 no-background position-relative "><div class="z-10 position-relative inner-container container heading-dark text-charcoal none"><div class="row"><div class="col-12"> <div class="common-header-block"> 1779 <div class="header-block header-style-stacked"> 1780 <div class="icon"> 1781 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/plus.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/plus.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1782 </div> 1783 <span class="tagline h4 has-gray-color d-block text-uppercase">WHAT WE DO</span> 1784 <h2>We donât just design. We shape B2B brands.</h2> 1785 <span class="gradient-line"></span> 1786 <div class="intro-text">Psst, hereâs a secret. We can do a lot of things in the B2B marketing arena. But we focus on three key areas so our clients can truly excel where it matters most. Frankly, weâre really good at it. Weâve won major awards and everything.</div> 1787 <div class="d-flex is-layout-flex wp-block-buttons"> 1788 <div class="wp-block-button is-style-fill"> 1789 <a class="wp-block-button__link wp-element-button has-yellow-background-color has-background has-black-color has-text-color" 1790 href="https://www.bopdesign.com/services/"> 1791 Our services </a> 1792 </div> 1793 </div> 1794 </div> 1795 <div class="columns"> 1796 <div class="column--item d-flex flex-wrap align-items-start position-relative first-element"> 1797 <div class="column--icon col-auto"> 1798 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/web.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/web.svg" width="52" height="52" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1799 </div> 1800 <div class="column--text col"> 1801 <h3 class="h5 text-black-pearl mb-3">WEBSITE DESIGN</h3>
1802 <p class="text-gray mb-2">Beautiful design. Inspiring copy. Quality leads. Yes, you can have it all with a B2B website design that ticks every box, and finally works for you.</p> 1803 <a href="https://www.bopdesign.com/services/b2b-web-design/" 1804 class="column--link d-flex align-items-center fw-semibold stretched-link" 1805 target="">Check it out <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1806 <path 1807 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1808 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" 1809 stroke="#2f78e0" stroke-width="1"/> 1810 </svg> 1811 </a> 1812 </div> 1813 </div> 1814 <div class="column--item d-flex flex-wrap align-items-start position-relative"> 1815 <div class="column--icon col-auto"> 1816 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/content.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/content.svg" width="52" height="52" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1817 </div> 1818 <div class="column--text col"> 1819 <h3 class="h5 text-black-pearl mb-3">CONTENT MARKETING</h3> 1820 <p class="text-gray mb-2">Blogging, social, SEO, copywriting, paid search, email campaigns â we bring expert strategy and execution to keep those leads and conversions coming.</p> 1821 <a href="https://www.bopdesign.com/services/b2b-content-marketing/" 1822 class="column--link d-flex align-items-center fw-semibold stretched-link" 1823 target="">Check it out <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1824 <path 1825 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1826 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" 1827 stroke="#2f78e0" stroke-width="1"/> 1828 </svg> 1829 </a> 1830 </div> 1831 </div> 1832 <div class="column--item d-flex flex-wrap align-items-start position-relative last-element mb-0"> 1833 <div class="column--icon col-auto"> 1834 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" fetchpriority="low" alt="" aria-hidden="true" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/brand.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/brand.svg" width="52" height="52" loading="lazy" fetchpriority="low" alt="" aria-hidden="true"></noscript> 1835 </div> 1836 <div class="column--text col"> 1837 <h3 class="h5 text-black-pearl mb-3">BRANDING</h3> 1838 <p class="text-gray mb-2">Say hello to WOW at first sight. Whether you need a logo, marketing materials, or a whole new brand guide, we position you for victory in the B2B marketplace.</p> 1839 <a href="https://www.bopdesign.com/services/b2b-branding-services/" 1840 class="column--link d-flex align-items-center fw-semibold stretched-link" 1841 target="">Check it out <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1842 <path 1843 d="M5,4.9l-.563.8L5,6.222,5.563,5.7ZM0,1.6,4.437,5.7,5.563,4.1,1.126,0ZM5.563,5.7,10,1.6,8.874,0,4.437,4.1Z" 1844 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" 1845 stroke="#2f78e0" stroke-width="1"/> 1846 </svg> 1847 </a> 1848 </div> 1849 </div> 1850 </div> 1851 </div> 1852</div></div></div></section> 1853 1854<section id="featured-case-studies-block_765599dc6c46d648ed1df65e7c689795" class="featured-case-studies overflow-hidden alignfull my-0 no-background position-relative "><div class="z-10 position-relative inner-container container heading-dark text-white none"><div class="row"><div class="col-12"> <div class="header-block header-style-intro-right"> 1855 <figure class="header-block--icon" aria-hidden="true"> 1856 <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" width="32" height="32" fetchpriority="low" alt="" data-lazy-src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/pixels.svg"><noscript><img decoding="async" src="https://www.bopdesign.com/wp-content/themes/bopper/assets/images/acf-icons/pixels.svg" width="32" height="32" loading="lazy" fetchpriority="low" alt=""></noscript> 1857 </figure> 1858 <span class="tagline h4 has-gray-color d-block text-uppercase">OUR WORK</span> 1859 <h2>More than just a pretty face.</h2> 1860 <span class="gradient-line"></span> 1861 <div class="intro-text">We don’t claim to be gurus or wizards. We’re just a super experienced, passionate team who knows how to get results for our clients. All our work is custom and thoughtfully designed, written, and developed with your business goals in mind.</div> 1862 </div> 1863 <div class="case-studies-main bg-charcoal"> 1864 <div class="case-studies-container mx-auto"> 1865 <div class="case-studies-items d-flex flex-column flex-wrap w-100"> 1866 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 1867 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 1868 <div class="ratio ratio-16x9"> 1869 <img decoding="async" width="672" height="378" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20672%20378'%3E%3C/svg%3E" class="w-100" alt="" aria-hidden="true" fetchpriority="low" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/09/520x292_Thumb-Animation-ballatine.gif" /><noscript><img decoding="async" width="672" height="378" src="https://www.bopdesign.com/wp-content/uploads/2026/09/520x292_Thumb-Animation-ballatine.gif" class="w-100" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" /></noscript> </div>
1870 </div> 1871 <div class="case-studies-contain mt-5 mt-lg-0"> 1872 <div class="case-studies-contain-inner"> 1873 <div class="title-holder"> 1874 <div class="title large-body-text"> 1875 <h3 class="text-white">Ballantine</h3> 1876 <span class="label d-block text-white text-uppercase">Industrial</span> 1877 <a href="https://www.bopdesign.com/case-studies/ballantine/" class="learn-more stretched-link">Learn More 1878 <span class="screen-reader-text">Read case study about Ballantine</span> 1879 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1880 <path 1881 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" 1882 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 1883 stroke-width="1"/> 1884 </svg> 1885 </a> 1886 </div> 1887 </div> 1888 </div> 1889 <div class="stats-row"> 1890 <div class="stats-item position-relative"> 1891 <h3 class="mt-3 text-white"> 1892 <span 1893 id="be7ccb42614eb9e16983484eefd22ac1" class="stat odometer" 1894 data-value="100.79">100.79</span>% </h3> 1895 <p class="text-gray fw-bold mb-0">increase in total users</p> 1896 </div> 1897 <div class="stats-item position-relative"> 1898 <h3 class="mt-3 text-white"> 1899 <span 1900 id="3877042ea34ac6c252e25312691fa0f5" class="stat odometer" 1901 data-value="110.23">110.23</span>% </h3> 1902 <p class="text-gray fw-bold mb-0">increase in new users</p> 1903 </div> 1904 <div class="stats-item position-relative"> 1905 <h3 class="mt-3 text-white"> 1906 <span 1907 id="4d51b054fa07505e5602afbca265a240" class="stat odometer" 1908 data-value="388.3">388.3</span>% </h3> 1909 <p class="text-gray fw-bold mb-0">increase in direct users</p> 1910 </div> 1911 <div class="stats-item position-relative"> 1912 <h3 class="mt-3 text-white"> 1913 <span 1914 id="71fbce63136eb6d86337116b44bc2bbf" class="stat odometer" 1915 data-value="610">610</span>% </h3> 1916 <p class="text-gray fw-bold mb-0">increase in referral users</p> 1917 </div> 1918 <div class="stats-item position-relative"> 1919 <h3 class="mt-3 text-white"> 1920 <span 1921 id="45727302277470b197120a127d37ba13" class="stat odometer" 1922 data-value="37">37</span> </h3> 1923 <p class="text-gray fw-bold mb-0">key events generated</p> 1924 </div> 1925 </div> 1926 </div> 1927 </div> 1928 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 1929 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 1930 <div class="ratio ratio-16x9"> 1931 <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> 1932 </div> 1933 <div class="case-studies-contain mt-5 mt-lg-0"> 1934 <div class="case-studies-contain-inner"> 1935 <div class="title-holder"> 1936 <div class="title large-body-text"> 1937 <h3 class="text-white">Kris-Tech</h3> 1938 <span class="label d-block text-white text-uppercase">Industrial</span> 1939 <a href="https://www.bopdesign.com/case-studies/kris-tech/" class="learn-more stretched-link">Learn More 1940 <span class="screen-reader-text">Read case study about Kris-Tech</span> 1941 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 1942 <path 1943 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" 1944 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 1945 stroke-width="1"/> 1946 </svg> 1947 </a> 1948 </div>
1949 </div> 1950 </div> 1951 <div class="stats-row"> 1952 <div class="stats-item position-relative"> 1953 <h3 class="mt-3 text-white"> 1954 <span 1955 id="91836bf7a0b73b39d6dcbd71412bc8f8" class="stat odometer" 1956 data-value="38.71">38.71</span>% </h3> 1957 <p class="text-gray fw-bold mb-0">increase in key events</p> 1958 </div> 1959 <div class="stats-item position-relative"> 1960 <h3 class="mt-3 text-white"> 1961 <span 1962 id="439059b9cafd7020ae4a21f8ea68fa38" class="stat odometer" 1963 data-value="59.65">59.65</span>% </h3> 1964 <p class="text-gray fw-bold mb-0">increase in session key event rate</p> 1965 </div> 1966 <div class="stats-item position-relative"> 1967 <h3 class="mt-3 text-white"> 1968 <span 1969 id="9d71d2280225b0026ff56812ef65d257" class="stat odometer" 1970 data-value="4.7">4.7</span>% </h3> 1971 <p class="text-gray fw-bold mb-0">increase in sessions</p> 1972 </div> 1973 <div class="stats-item position-relative"> 1974 <h3 class="mt-3 text-white"> 1975 <span 1976 id="6c6432546321ef7846ea20df15ed9545" class="stat odometer" 1977 data-value="185.4">185.4</span>% </h3> 1978 <p class="text-gray fw-bold mb-0">increase in referral sessions</p> 1979 </div> 1980 <div class="stats-item position-relative"> 1981 <h3 class="mt-3 text-white"> 1982 <span 1983 id="d124f368e42454a80de3361d03047e74" class="stat odometer" 1984 data-value="136.14">136.14</span>% </h3> 1985 <p class="text-gray fw-bold mb-0">increase in referral event count</p> 1986 </div> 1987 <div class="stats-item position-relative"> 1988 <h3 class="mt-3 text-white"> 1989 <span 1990 id="aaeadc063f65bc4f0f47c9c4bb088c91" class="stat odometer" 1991 data-value="37.5">37.5</span>% </h3> 1992 <p class="text-gray fw-bold mb-0">increase in Paid Search key events</p> 1993 </div> 1994 </div> 1995 </div> 1996 </div> 1997 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 1998 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 1999 <div class="ratio ratio-16x9"> 2000 <img decoding="async" width="768" height="394" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20394'%3E%3C/svg%3E" class="w-100" alt="" aria-hidden="true" fetchpriority="low" data-lazy-srcset="https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-768x394.gif 768w, https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-530x272.gif 530w, https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-180x92.gif 180w" data-lazy-sizes="auto, (max-width: 768px) 100vw, 768px" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-768x394.gif" /><noscript><img decoding="async" width="768" height="394" src="https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-768x394.gif" class="w-100" alt="" aria-hidden="true" loading="lazy" fetchpriority="low" srcset="https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-768x394.gif 768w, https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-530x272.gif 530w, https://www.bopdesign.com/wp-content/uploads/2026/09/Privotree_Gif-Hero-180x92.gif 180w" sizes="auto, (max-width: 768px) 100vw, 768px" /></noscript> </div> 2001 </div> 2002 <div class="case-studies-contain mt-5 mt-lg-0"> 2003 <div class="case-studies-contain-inner"> 2004 <div class="title-holder"> 2005 <div class="title large-body-text"> 2006 <h3 class="text-white">Pivotree</h3> 2007 <span class="label d-block text-white text-uppercase">Technology</span> 2008 <a href="https://www.bopdesign.com/case-studies/pivotree/" class="learn-more stretched-link">Learn More 2009 <span class="screen-reader-text">Read case study about Pivotree</span> 2010 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 2011 <path 2012 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" 2013 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 2014 stroke-width="1"/> 2015 </svg> 2016 </a> 2017 </div>
2018 </div> 2019 </div> 2020 <div class="stats-row"> 2021 <div class="stats-item position-relative"> 2022 <h3 class="mt-3 text-white"> 2023 +<span 2024 id="bab473e050887d4c6a07f2cfa716bd37" class="stat odometer" 2025 data-value="98.54">98.54</span>% </h3> 2026 <p class="text-gray fw-bold mb-0">Referral Sessions</p> 2027 </div> 2028 <div class="stats-item position-relative"> 2029 <h3 class="mt-3 text-white"> 2030 +<span 2031 id="30f89a3e54bcefe98850623e3decf8f8" class="stat odometer" 2032 data-value="53.38">53.38</span>% </h3> 2033 <p class="text-gray fw-bold mb-0">Referral Engaged Sessions</p> 2034 </div> 2035 <div class="stats-item position-relative"> 2036 <h3 class="mt-3 text-white"> 2037 +<span 2038 id="6b6ff36dc6f94a4900d4c33d6a0e2b8b" class="stat odometer" 2039 data-value="33.21">33.21</span>% </h3> 2040 <p class="text-gray fw-bold mb-0">Organic Search Events per Session</p> 2041 </div> 2042 <div class="stats-item position-relative"> 2043 <h3 class="mt-3 text-white"> 2044 +<span 2045 id="09ed42ac65efe6e464085d535f890ac7" class="stat odometer" 2046 data-value="14.63">14.63</span>% </h3> 2047 <p class="text-gray fw-bold mb-0">Events per Session</p> 2048 </div> 2049 <div class="stats-item position-relative"> 2050 <h3 class="mt-3 text-white"> 2051 +<span 2052 id="c6410392c8a00df47f21751cd6f2a47e" class="stat odometer" 2053 data-value="1.94">1.94</span>% </h3> 2054 <p class="text-gray fw-bold mb-0">Event Count</p> 2055 </div> 2056 <div class="stats-item position-relative"> 2057 <h3 class="mt-3 text-white"> 2058 +<span 2059 id="5e18157e7cc8ece1d09f85cddb9e9eeb" class="stat odometer" 2060 data-value="1.34">1.34</span>% </h3> 2061 <p class="text-gray fw-bold mb-0">Direct Sessions</p> 2062 </div> 2063 </div> 2064 </div> 2065 </div> 2066 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 2067 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 2068 <div class="ratio ratio-16x9"> 2069 <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> 2070 </div> 2071 <div class="case-studies-contain mt-5 mt-lg-0"> 2072 <div class="case-studies-contain-inner"> 2073 <div class="title-holder"> 2074 <div class="title large-body-text"> 2075 <h3 class="text-white">Conrac Solutions</h3> 2076 <span class="label d-block text-white text-uppercase">Energy</span> 2077 <a href="https://www.bopdesign.com/case-studies/conrac-solutions/" class="learn-more stretched-link">Learn More 2078 <span class="screen-reader-text">Read case study about Conrac Solutions</span> 2079 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 2080 <path 2081 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" 2082 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 2083 stroke-width="1"/> 2084 </svg> 2085 </a> 2086 </div> 2087 </div> 2088 </div> 2089 <div class="stats-row"> 2090 <div class="stats-item position-relative"> 2091 <h3 class="mt-3 text-white"> 2092 <span 2093 id="eb8d29e4597e26068b5065dc45c37118" class="stat odometer" 2094 data-value="31.75">31.75</span>% </h3> 2095 <p class="text-gray fw-bold mb-0">increase in engaged sessions</p> 2096 </div> 2097 <div class="stats-item position-relative"> 2098 <h3 class="mt-3 text-white"> 2099 <span 2100 id="499d4f0aec5bc3d443e062b712693a90" class="stat odometer" 2101 data-value="20.99">20.99</span>% </h3> 2102 <p class="text-gray fw-bold mb-0">increase in engagement rate</p> 2103 </div> 2104 <div class="stats-item position-relative"> 2105 <h3 class="mt-3 text-white"> 2106 <span 2107 id="4e087749013ce7cf18094b546474bd16" class="stat odometer" 2108 data-value="25.98">25.98</span>% </h3> 2109 <p class="text-gray fw-bold mb-0">increase in direct sessions</p> 2110 </div> 2111 <div class="stats-item position-relative"> 2112 <h3 class="mt-3 text-white"> 2113 <span 2114 id="6c6432546321ef7846ea20df15ed9545" class="stat odometer" 2115 data-value="113.89">113.89</span>% </h3> 2116 <p class="text-gray fw-bold mb-0">increase in referral sessions</p> 2117 </div> 2118 <div class="stats-item position-relative"> 2119 <h3 class="mt-3 text-white"> 2120 <span 2121 id="4702ebc74e50071ac5d0b927b3b71120" class="stat odometer" 2122 data-value="99.08">99.08</span>% </h3> 2123 <p class="text-gray fw-bold mb-0">increase in direct engaged sessions</p> 2124 </div> 2125 <div class="stats-item position-relative"> 2126 <h3 class="mt-3 text-white"> 2127 <span 2128 id="d124f368e42454a80de3361d03047e74" class="stat odometer" 2129 data-value="69.15">69.15</span>% </h3> 2130 <p class="text-gray fw-bold mb-0">increase in referral event count</p> 2131 </div> 2132 </div> 2133 </div> 2134 </div> 2135 <div class="case-studies-item d-flex justify-content-between position-relative w-100 no-mobile-image"> 2136 <div class="desktop-image thumbnail-image overflow-hidden w-100 h-100"> 2137 <div class="ratio ratio-16x9"> 2138 <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>
2139 </div> 2140 <div class="case-studies-contain mt-5 mt-lg-0"> 2141 <div class="case-studies-contain-inner"> 2142 <div class="title-holder"> 2143 <div class="title large-body-text"> 2144 <h3 class="text-white">Greene Group Industries</h3> 2145 <span class="label d-block text-white text-uppercase">Industrial</span> 2146 <a href="https://www.bopdesign.com/case-studies/greene-group-industries/" class="learn-more stretched-link">Learn More 2147 <span class="screen-reader-text">Read case study about Greene Group Industries</span> 2148 <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="7.658" height="11.322" viewBox="0 0 7.658 11.322"> 2149 <path 2150 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" 2151 transform="translate(0.755 10.661) rotate(-90)" fill="#2f78e0" stroke="#2f78e0" 2152 stroke-width="1"/> 2153 </svg> 2154 </a> 2155 </div> 2156 </div> 2157 </div> 2158 <div class="stats-row"> 2159 <div class="stats-item position-relative"> 2160 <h3 class="mt-3 text-white"> 2161 <span 2162 id="fce0d395389bd3d8e26d6198a2507a24" class="stat odometer" 2163 data-value="99.6">99.6</span>% </h3> 2164 <p class="text-gray fw-bold mb-0">increase in website sessions</p> 2165 </div> 2166 <div class="stats-item position-relative"> 2167 <h3 class="mt-3 text-white"> 2168 <span 2169 id="eb8d29e4597e26068b5065dc45c37118" class="stat odometer" 2170 data-value="28.55">28.55</span>% </h3> 2171 <p class="text-gray fw-bold mb-0">increase in engaged sessions</p> 2172 </div> 2173 <div class="stats-item position-relative"> 2174 <h3 class="mt-3 text-white"> 2175 <span 2176 id="43cc7ba540e88db8d734449fbf38394d" class="stat odometer" 2177 data-value="84.89">84.89</span>% </h3> 2178 <p class="text-gray fw-bold mb-0">increase in total events</p> 2179 </div> 2180 <div class="stats-item position-relative"> 2181 <h3 class="mt-3 text-white"> 2182 <span 2183 id="45727302277470b197120a127d37ba13" class="stat odometer" 2184 data-value="42">42</span> </h3> 2185 <p class="text-gray fw-bold mb-0">key events generated</p> 2186 </div> 2187 <div class="stats-item position-relative"> 2188 <h3 class="mt-3 text-white"> 2189 <span 2190 id="6c6432546321ef7846ea20df15ed9545" class="stat odometer" 2191 data-value="183.33">183.33</span>% </h3> 2192 <p class="text-gray fw-bold mb-0">increase in referral sessions</p> 2193 </div> 2194 </div> 2195 </div> 2196 </div> 2197 </div> 2198 <div class="d-flex is-layout-flex wp-block-buttons"> 2199 <div class="wp-block-button is-style-outline"> 2200 <a class="wp-block-button__link wp-element-button has-outline-white-color outline-color has-white-color has-text-color" 2201 href="https://www.bopdesign.com/our-work/"> 2202 Our work </a> 2203 </div> 2204 </div> 2205 </div> 2206 </div> 2207 </div></div></div></section> 2208 2209<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"> 2210 <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> 2211 <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"> 2212 <div class="header-block header-style-stacked"> 2213 <div class="icon"> 2214 <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>
2215 </div> 2216 <span class="tagline h4 has-gray-color d-block text-uppercase">INDUSTRIES WE SERVE</span> 2217 <h2>B2B. Itâs all we do.</h2> 2218 <span class="gradient-line"></span> 2219 <div class="intro-text">Our clients hail from all corners of the B2B world. Here are just a few.</div> 2220 <div class="d-flex is-layout-flex wp-block-buttons"> 2221 <div class="wp-block-button is-style-fill"> 2222 <a class="wp-block-button__link wp-element-button has-yellow-background-color has-background has-black-color has-text-color" 2223 href="https://www.bopdesign.com/industries/"> 2224 Explore industries </a> 2225 </div> 2226 </div> 2227 </div> 2228 <div class="list"> 2229 <div class="list--item type-links"> 2230 <div class="list--icon"> 2231 <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> 2232 </div> 2233 <a href="https://www.bopdesign.com/industries/b2b-technology-web-design/" class="list--link position-relative" 2234 target="">Technology</a> 2235 </div> 2236 <div class="list--item type-links"> 2237 <div class="list--icon"> 2238 <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> 2239 </div> 2240 <a href="https://www.bopdesign.com/industries/fintech-insurtech/" class="list--link position-relative" 2241 target="">Fintech & Insurtech</a> 2242 </div> 2243 <div class="list--item type-links"> 2244 <div class="list--icon"> 2245 <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> 2246 </div> 2247 <a href="https://www.bopdesign.com/industries/biotech/" class="list--link position-relative" 2248 target="">Biotech</a> 2249 </div> 2250 <div class="list--item type-links"> 2251 <div class="list--icon"> 2252 <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> 2253 </div> 2254 <a href="https://www.bopdesign.com/industries/b2b-saas-website-design/" class="list--link position-relative" 2255 target="">Software & SaaS</a> 2256 </div> 2257 <div class="list--item type-links"> 2258 <div class="list--icon"> 2259 <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> 2260 </div> 2261 <a href="https://www.bopdesign.com/industries/web-design-for-ai-companies/" class="list--link position-relative" 2262 target="">AI & ML</a> 2263 </div> 2264 <div class="list--item type-links"> 2265 <div class="list--icon"> 2266 <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> 2267 </div> 2268 <a href="https://www.bopdesign.com/industries/industrial/" class="list--link position-relative" 2269 target="">Industrial</a> 2270 </div> 2271 <div class="list--item type-links"> 2272 <div class="list--icon"> 2273 <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> 2274 </div> 2275 <a href="https://www.bopdesign.com/industries/engineering/" class="list--link position-relative" 2276 target="">Engineering</a> 2277 </div> 2278 <div class="list--item type-links"> 2279 <div class="list--icon"> 2280 <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> 2281 </div> 2282 <a href="https://www.bopdesign.com/industries/consulting/" class="list--link position-relative" 2283 target="">Consulting</a> 2284 </div> 2285 <div class="list--item type-links"> 2286 <div class="list--icon"> 2287 <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> 2288 </div> 2289 <a href="https://www.bopdesign.com/industries/energy/" class="list--link position-relative" 2290 target="">Energy</a> 2291 </div> 2292 </div> 2293 </div> 2294</div></div></div></section> 2295 2296<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"> 2297 <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> 2298 <div class="z-10 position-relative inner-container container heading-light text-white gradient"><div class="row"><div class="col-12">
2298 <div class="row section-label"> 2299 <h2 class="col-12 col-lg-6 offset-lg-6 text-white text-uppercase">OUR CLIENTS SAY IT BEST</h2> 2300 </div> 2301 <div class="testimonials-main swiper testimonials-swiper"> 2302 <div class="swiper-wrapper"> 2303 <div class="testimonials-item swiper-slide"> 2304 <div class="testimonials-item-inner row"> 2305 <div class="col-lg-6 "> 2306 <div class="position-relative ratio ratio-16x9 mb-4 mb-lg-0"> 2307 <lite-vimeo videoid="858065526"></lite-vimeo> 2308 </div> 2309 </div> 2310 <div class="col-lg-6 "> 2311 <div class="testimonial-wrapper"> 2312 <div class="testimonial-content"> 2313 <!-- wp:paragraph --> 2314<p>“Outsourcing to Bop Design made my life easy. They do things quickly and professionally, almost as if I had my own staff. Leads and thought leadership increased, getting our name out as experts. Bop Design has it all â expertise, branding, and marketing. They’re more than just a vendor, they’re friends.”</p> 2315<!-- /wp:paragraph --> <p class="testimonial-heading">Scott Knight, Chief Sales Officer</p> 2316 <p class="company-name">Perr&Knight</p> 2317 </div> 2318 </div> 2319 </div> 2320 </div> 2321 </div> 2322 </div> 2323<!-- <div class="swiper-button-next"></div>--> 2324<!-- <div class="swiper-button-prev"></div>--> 2325<!-- <div class="swiper-pagination"></div>--> 2326 </div> 2327 <div class="modal-popup testimonials for-video" style="display: none;"> 2328 <div class="video-outer"> 2329 <div class="video-cross-icon"></div> 2330 <video class="modal-video" muted controls> 2331 <source src="" type="video/mp4"> 2332 <source src="" type="video/webm"> 2333 </video> 2334 </div> 2335 </div> 2336 </div></div></div></section> 2337 2338<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"> 2339 <figure class="header-block--icon" aria-hidden="true"> 2340 <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> 2341 </figure> 2342 <span class="tagline h4 has-gray-color d-block text-uppercase">B2B RESOURCES</span> 2343 <h2>Thought leadership, anyone?</h2> 2344 <span class="gradient-line"></span> 2345 <div class="intro-text">We practice what we preach. Browse our blog for useful tips to help you crush your B2B marketing goals.</div> 2346 </div> 2347 <div class="latest-posts-main has-light-gray-background-color"> 2348 <div class="latest-posts-container mx-auto my-0 position-relative"> 2349 <div class="latest-posts-slider swiper"> 2350 <div class="swiper-wrapper"> 2351 <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"> 2352 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2353 <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> 2354 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2355 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">How B2B Buyers Find You Through AI Discovery</h3> 2356 </div> 2357 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2358 <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> 2359 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2360 <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
2360ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2361 <span class="screen-reader-text">Go to read How B2B Buyers Find You Through AI Discovery</span> 2362 2363 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2364 <title id="title-arrow-right-78389"> 2365 arrow-right </title> 2366 2367 2368 <use xlink:href="#icon-arrow-right"></use> 2369 </svg> 2370 2371 </a> 2372 </div> 2373 </div> 2374</div> 2375 <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"> 2376 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2377 <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> 2378 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2379 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">SEO trends for B2B marketing in 2026</h3> 2380 </div> 2381 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2382 <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> 2383 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2384 <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"> 2385 <span class="screen-reader-text">Go to read SEO trends for B2B marketing in 2026</span> 2386 2387 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2388 <title id="title-arrow-right-87492"> 2389 arrow-right </title> 2390 2391 2392 <use xlink:href="#icon-arrow-right"></use> 2393 </svg> 2394 2395 </a> 2396 </div> 2397 </div> 2398</div> 2399 <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"> 2400 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2401 <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> 2402 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2403 <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> 2404 </div> 2405 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2406 <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> 2407 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2408 <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
2408ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2409 <span class="screen-reader-text">Go to read WordPress vs. Webflow: Which makes more sense for B2B companies?</span> 2410 2411 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2412 <title id="title-arrow-right-39476"> 2413 arrow-right </title> 2414 2415 2416 <use xlink:href="#icon-arrow-right"></use> 2417 </svg> 2418 2419 </a> 2420 </div> 2421 </div> 2422</div> 2423 <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"> 2424 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2425 <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> 2426 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2427 <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> 2428 </div> 2429 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2430 <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> 2431 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2432 <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
2432ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2433 <span class="screen-reader-text">Go to read Bop Design is a Spring 2026 Clutch Global Award winner!  </span> 2434 2435 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2436 <title id="title-arrow-right-27243"> 2437 arrow-right </title> 2438 2439 2440 <use xlink:href="#icon-arrow-right"></use> 2441 </svg> 2442 2443 </a> 2444 </div> 2445 </div> 2446</div> 2447 <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"> 2448 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2449 <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> 2450 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2451 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Top B2B branding trends for 2026 and 2027</h3> 2452 </div> 2453 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2454 <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> 2455 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2456 <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"> 2457 <span class="screen-reader-text">Go to read Top B2B branding trends for 2026 and 2027</span> 2458 2459 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2460 <title id="title-arrow-right-83755"> 2461 arrow-right </title> 2462 2463 2464 <use xlink:href="#icon-arrow-right"></use> 2465 </svg> 2466 2467 </a> 2468 </div> 2469 </div> 2470</div> 2471 <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"> 2472 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2473 <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> 2474 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2475 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Our top B2B website hosting providers & why</h3> 2476 </div> 2477 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2478 <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> 2479 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2480 <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
2480ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2481 <span class="screen-reader-text">Go to read Our top B2B website hosting providers & why</span> 2482 2483 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2484 <title id="title-arrow-right-21083"> 2485 arrow-right </title> 2486 2487 2488 <use xlink:href="#icon-arrow-right"></use> 2489 </svg> 2490 2491 </a> 2492 </div> 2493 </div> 2494</div> 2495 <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"> 2496 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2497 <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> 2498 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2499 <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> 2500 </div> 2501 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2502 <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> 2503 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2504 <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"> 2505 <span class="screen-reader-text">Go to read Tips to optimize your B2B website for AIO and GEO</span> 2506 2507 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2508 <title id="title-arrow-right-79334"> 2509 arrow-right </title> 2510 2511 2512 <use xlink:href="#icon-arrow-right"></use> 2513 </svg> 2514 2515 </a> 2516 </div> 2517 </div> 2518</div> 2519 <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"> 2520 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2521 <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> 2522 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2523 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Build trust and win sales with authentic B2B reviews</h3> 2524 </div> 2525 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2526 <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> 2527 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2528 <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
2528ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2529 <span class="screen-reader-text">Go to read Build trust and win sales with authentic B2B reviews</span> 2530 2531 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2532 <title id="title-arrow-right-59948"> 2533 arrow-right </title> 2534 2535 2536 <use xlink:href="#icon-arrow-right"></use> 2537 </svg> 2538 2539 </a> 2540 </div> 2541 </div> 2542</div> 2543 <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"> 2544 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2545 <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> 2546 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2547 <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> 2548 </div> 2549 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2550 <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> 2551 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2552 <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"> 2553 <span class="screen-reader-text">Go to read CRO 101: Best practices to make your B2B website perform better</span> 2554 2555 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2556 <title id="title-arrow-right-71368"> 2557 arrow-right </title> 2558 2559 2560 <use xlink:href="#icon-arrow-right"></use> 2561 </svg> 2562 2563 </a> 2564 </div> 2565 </div> 2566</div> 2567 <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"> 2568 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2569 <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> 2570 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2571 <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> 2572 </div> 2573 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2574 <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> 2575 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2576 <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
2576ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2577 <span class="screen-reader-text">Go to read SEO, GEO⦠Whatâs the difference and why does it matter for B2B brands?</span> 2578 2579 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2580 <title id="title-arrow-right-29542"> 2581 arrow-right </title> 2582 2583 2584 <use xlink:href="#icon-arrow-right"></use> 2585 </svg> 2586 2587 </a> 2588 </div> 2589 </div> 2590</div> 2591 <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"> 2592 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2593 <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> 2594 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2595 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">The top B2B website designs of 2025</h3> 2596 </div> 2597 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2598 <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> 2599 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2600 <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"> 2601 <span class="screen-reader-text">Go to read The top B2B website designs of 2025</span> 2602 2603 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2604 <title id="title-arrow-right-15739"> 2605 arrow-right </title> 2606 2607 2608 <use xlink:href="#icon-arrow-right"></use> 2609 </svg> 2610 2611 </a> 2612 </div> 2613 </div> 2614</div> 2615 <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"> 2616 <div class="card-img-top card-thumbnail-wrapper d-flex align-items-center justify-content-center overflow-hidden"> 2617 <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> 2618 <div class="card-body flex-grow-1 flex-shrink-1 px-4 py-3 ps-md-5 pt-md-5 pb-md-3"> 2619 <h3 class="acf-element acf-element-heading card-title card-heading h4 mb-0">Marketing budget planning: What channels provide the best ROI?</h3> 2620 </div> 2621 <div class="card-footer px-4 ps-md-5 pt-2 pb-4 d-flex align-items-center justify-content-between"> 2622 <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> 2623 <div class="card-button-wrapper d-flex align-items-center justify-content-end"> 2624 <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
2624ded-circle d-flex align-items-center justify-content-center card-button stretched-link"> 2625 <span class="screen-reader-text">Go to read Marketing budget planning: What channels provide the best ROI?</span> 2626 2627 <svg height="24" width="24" class="icon svg-icon arrow-right" aria-hidden="true" role="img"> 2628 <title id="title-arrow-right-77861"> 2629 arrow-right </title> 2630 2631 2632 <use xlink:href="#icon-arrow-right"></use> 2633 </svg> 2634 2635 </a> 2636 </div> 2637 </div> 2638</div> 2639 </div> 2640 <div class="swiper-scrollbar mt-5 mx-auto mb-0 overflow-hidden w-100"></div> 2641 </div> 2642 <div class="d-flex justify-content-center"> 2643 <a href="https://www.bopdesign.com/blog/" class="wp-block-button__link wp-element-button" 2644 target="">Browse our blog</a> 2645 </div> 2646 </div> 2647 </div> 2648 </div></div></div></section> 2649 2650<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"> 2651 <div class="swiper-wrapper"> 2652 <div class="featured-resources-item swiper-slide"> 2653 <div class="featured-resources-item-inner d-flex flex-wrap align-items-center justify-content-center w-100"> 2654 <div class="resource-content position-relative"> 2655 <span class="label d-block mb-3 text-gray fw-semibold text-uppercase">Guide</span> 2656 <h2 class="resource-heading">How to Increase Revenue with a B2B Content Strategy</h2> 2657 <div class="excerpt-text"> 2658 <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> 2659 </div> 2660 <a href="https://www.bopdesign.com/resources/guides/how-to-increase-revenue-with-a-b2b-content-strategy/" 2661 class="wp-block-button__link wp-element-button stretched-link">Read now</a> 2662 </div> 2663 <div class="thumbnail_ava position-relative"> 2664 <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> 2665 </div> 2666 </div> 2667 </div> 2668 <div class="featured-resources-item swiper-slide"> 2669 <div class="featured-resources-item-inner d-flex flex-wrap align-items-center justify-content-center w-100"> 2670 <div class="resource-content position-relative"> 2671 <span class="label d-block mb-3 text-gray fw-semibold text-uppercase">Guide</span> 2672 <h2 class="resource-heading">Inbound Lead Generation + Management Guide</h2> 2673 <div class="excerpt-text"> 2674 <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> 2675 </div> 2676 <a href="https://www.bopdesign.com/resources/guides/inbound-lead-generation-management-guide/" 2677 class="wp-block-button__link wp-element-button stretched-link">Read now</a> 2678 </div> 2679 <div class="thumbnail_ava position-relative"> 2680 <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
2680w, 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> 2681 </div> 2682 </div> 2683 </div> 2684 <div class="featured-resources-item swiper-slide"> 2685 <div class="featured-resources-item-inner d-flex flex-wrap align-items-center justify-content-center w-100"> 2686 <div class="resource-content position-relative"> 2687 <span class="label d-block mb-3 text-gray fw-semibold text-uppercase">Guide</span> 2688 <h2 class="resource-heading">Guide to Preparing for a B2B Re-Brand & Logo Design</h2> 2689 <div class="excerpt-text"> 2690 <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> 2691 </div> 2692 <a href="https://www.bopdesign.com/resources/guides/guide-to-preparing-for-a-b2b-re-brand-logo-design/" 2693 class="wp-block-button__link wp-element-button stretched-link">Read now</a> 2694 </div> 2695 <div class="thumbnail_ava position-relative"> 2696 <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> 2697 </div> 2698 </div> 2699 </div> 2700 </div> 2701 <div class="swiper-pagination text-center text-lg-start"></div> 2702 </div> 2703 </div></div></div></section> 2704 2705<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"> 2706 <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> 2707 <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"> 2708 <div class="cta-form-with-lottie-content"> 2709 <div class="cta-form-content text-center"> 2710 <span class="tagline has-gray-color d-block mb-5 text-uppercase">SAY HELLO</span> 2711 <h2 class="text-white">Let’s talk about your project</h2> 2712 <span class="gradient-line gradient-line-center"></span> 2713 <div class="paragraph"> 2714 <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> 2715 </div> 2716 </div> 2717 <div class="cta-form-main"> 2718
2718<script type="text/rocketlazyloadscript" charset="utf-8" data-rocket-type="text/javascript" data-rocket-src="//js-na2.hsforms.net/forms/embed/v2.js"></script>
2718 2719
2719<script type="text/rocketlazyloadscript"> 2720 hbspt.forms.create({ 2721 portalId: "8252505", 2722 formId: "132a7b20-74a2-4af3-8e24-4d9ef2497d70", 2723 region: "na2" 2724 }); 2725 </script>
2725 </div> 2726 </div> 2727 </div> 2728 <div class="full-width-video-embed-inner"> 2729 <video class="wp-video-shortcode w-100 lazy-video" muted autoplay loop playsinline frameborder="0"> 2730 <source type="video/mp4" data-src="https://www.bopdesign.com/wp-content/uploads/2026/01/Bop-Design-B2B-Marketing-Agency.mp4" /> 2731 </video> 2732 </div> 2733 </div></div></div></section> 2734 2735 </div><!-- .entry-content --> 2736 2737 </article><!-- #post-37 --> 2738 </main><!-- #main --> 2739 2740<footer id="colophon" class="site-footer bg-white position-relative overflow-hidden" role="contentinfo"> 2741 <div class="container footer-end"> 2742 <div class="row align-items-center flex-column-reverse flex-md-row"> 2743 <div class="social-menu col-12 col-md-6 my-3 my-md-0"> 2744 <ul class="social-icons d-flex justify-content-center justify-content-md-start"> 2745 <li class="me-2 me-lg-3"> 2746 <a href="https://www.facebook.com/BopDesign" class="social-icon d-flex align-items-center justify-content-center rounded-circle facebook"> 2747 2748 <svg height="24" width="24" class="icon svg-icon facebook" aria-hidden="true" role="img"> 2749 <title id="title-facebook-7132"> 2750 facebook </title> 2751 2752 2753 <use xlink:href="#icon-facebook"></use> 2754 </svg> 2755 2756 <span class="screen-reader-text"> 2757 Link to Facebook </span> 2758 </a><!-- .social-icon --> 2759 </li> 2760 <li class="me-2 me-lg-3"> 2761 <a href="https://www.linkedin.com/company/bop-design/" class="social-icon d-flex align-items-center justify-content-center rounded-circle linkedin"> 2762 2763 <svg height="24" width="24" class="icon svg-icon linkedin" aria-hidden="true" role="img"> 2764 <title id="title-linkedin-84570"> 2765 linkedin </title> 2766 2767 2768 <use xlink:href="#icon-linkedin"></use> 2769 </svg> 2770 2771 <span class="screen-reader-text"> 2772 Link to Linkedin </span> 2773 </a><!-- .social-icon --> 2774 </li> 2775 <li class="me-2 me-lg-3"> 2776 <a href="https://www.instagram.com/bopdesign/" class="social-icon d-flex align-items-center justify-content-center rounded-circle instagram"> 2777 2778 <svg height="24" width="24" class="icon svg-icon instagram" aria-hidden="true" role="img"> 2779 <title id="title-instagram-22518"> 2780 instagram </title> 2781 2782 2783 <use xlink:href="#icon-instagram"></use> 2784 </svg> 2785 2786 <span class="screen-reader-text"> 2787 Link to Instagram </span> 2788 </a><!-- .social-icon --> 2789 </li> 2790 <li class="me-2 me-lg-3"> 2791 <a href="https://x.com/bopdesignsd" class="social-icon d-flex align-items-center justify-content-center rounded-circle twitter-x"> 2792 2793 <svg height="24" width="24" class="icon svg-icon twitter-x" aria-hidden="true" role="img"> 2794 <title id="title-twitter-x-96630"> 2795 twitter-x </title> 2796 2797 2798 <use xlink:href="#icon-twitter-x"></use> 2799 </svg> 2800 2801 <span class="screen-reader-text"> 2802 Link to Twitter-x </span> 2803 </a><!-- .social-icon --> 2804 </li> 2805 <li class="me-2 me-lg-3"> 2806 <a href="https://youtube.com/user/BopDesignSD" class="social-icon d-flex align-items-center justify-content-center rounded-circle youtube"> 2807 2808 <svg height="24" width="24" class="icon svg-icon youtube" aria-hidden="true" role="img"> 2809 <title id="title-youtube-51988"> 2810 youtube </title> 2811 2812 2813 <use xlink:href="#icon-youtube"></use> 2814 </svg> 2815 2816 <span class="screen-reader-text"> 2817 Link to Youtube </span> 2818 </a><!-- .social-icon --> 2819 </li> 2820 <li class="me-2 me-lg-3"> 2821 <a href="https://clutch.co/profile/bop-design/#highlights" class="social-icon d-flex align-items-center justify-content-center rounded-circle clutch"> 2822 2823 <svg height="24" width="24" class="icon svg-icon clutch" aria-hidden="true" role="img"> 2824 <title id="title-clutch-70350"> 2825 clutch </title> 2826 2827 2828 <use xlink:href="#icon-clutch"></use> 2829 </svg> 2830 2831 <span class="screen-reader-text"> 2832 Link to Clutch </span> 2833 </a><!-- .social-icon --> 2834 </li> 2835 </ul><!-- .social-icons --> 2836 </div> 2837 <div class="col-12 col-md-6"> 2838 <div class="footer-phone-number text-lg-end text-md-end text-center"> 2839 <a href="tel:+18886707803" class="footer-phone-number" 2840 target="">1.888.670.7803</a> 2841 </div> 2842 </div> 2843 </div> 2844 </div> 2845 <div class="container"> 2846 <div class="row"> 2847 <div id="footer-navigation-services" class="footer-navigation col-lg-6" aria-label="Footer Navigation - Services"> 2848 <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> 2849<ul class="sub-menu"> 2850 <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> 2851 <ul class="sub-menu"> 2852 <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> 2853 <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> 2854 <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> 2855 <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> 2856 <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> 2857 <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> 2858 </ul> 2859</li> 2860 <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> 2861 <ul class="sub-menu"> 2862 <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> 2863 <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> 2864 <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> 2865 <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> 2866 <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> 2867 <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> 2868 <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> 2869 </ul> 2870</li> 2871 <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> 2872 <ul class="sub-menu"> 2873 <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> 2874 <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> 2875 <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> 2876 <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> 2877 </ul> 2878</li> 2879</ul> 2880</li> 2881</ul> </div> 2882 <div id="footer-navigation-other" class="footer-navigation col-lg-6 mt-5 mt-lg-0"> 2883 <div class="row"> 2884 <div class="col-md-4 col-sm-4 mb-5 mb-md-0"> 2885 <div id="footer-navigation-industries" class="footer-navigation" aria-label="Footer Navigation - Industries"> 2886 <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> 2887<ul class="sub-menu"> 2888 <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> 2889 <li id="menu-item-27490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27490"><a href="https://www.bopdesign.com/industries/fintech-insurtech/">Fintech & Insurtech</a></li> 2890 <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> 2891 <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> 2892 <li id="menu-item-45153" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45153"><a href="https://www.bopdesign.com/industries/web-design-for-ai-companies/">AI & ML</a></li> 2893 <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> 2894 <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> 2895 <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> 2896 <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> 2897</ul> 2898</li> 2899</ul> </div> 2900 </div> 2901 <div class="col-md-4 col-sm-4 mb-0"> 2902 <div id="footer-navigation-resources" class="footer-navigation" aria-label="Footer Navigation - Resources"> 2903 <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> 2904<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> 2905<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> 2906</ul> </div> 2907 </div> 2908 <div class="col-md-4 col-sm-4 mb-0"> 2909 <div id="footer-navigation-company" class="footer-navigation" aria-label="Footer Navigation - Company"> 2910 <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> 2911<ul class="sub-menu"> 2912 <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> 2913 <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> 2914 <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> 2915 <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> 2916 <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> 2917 <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> 2918</ul> 2919</li> 2920</ul> </div> 2921 </div> 2922 </div>
2923 </div> 2924 </div> 2925 <div class="row"> 2926 <div class="contact-list col-12 pt-5"> 2927 <p class="text-charcoal h4 mb-4 pb-1 border-bottom">Contact</p> 2928 <ul class="offices-list d-flex justify-content-md-between flex-wrap w-full"> 2929 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2930 <a href="https://www.bopdesign.com/contact/bop-design-san-diego/" class="office-title text-black-pearl fw-bold">San Diego</a> 2931 <a href="https://www.google.com/maps/search/?api=1&query=401%20W%20A%20Street%20Suite%20200%20San%20Diego%2C%20CA%2092101" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>401 W A Street<br /> 2932Suite 200<br /> 2933San Diego, CA 92101</p> 2934</a> <a href="tel:619.330.0730" class="phone-number-link text-black-pearl" 2935 target="">619.330.0730</a> 2936 </li> 2937 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2938 <a href="https://www.bopdesign.com/contact/bop-design-orange-county/" class="office-title text-black-pearl fw-bold">Orange County</a> 2939 <a href="https://www.google.com/maps/search/?api=1&query=3333%20Michelson%20Drive%20Suite%20300%20Irvine%2C%20CA%2092612" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>3333 Michelson Drive<br /> 2940Suite 300<br /> 2941Irvine, CA 92612</p> 2942</a> <a href="tel:888.670.7803" class="phone-number-link text-black-pearl" 2943 target="">888.670.7803</a> 2944 </li> 2945 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2946 <a href="https://www.bopdesign.com/contact/bop-design-los-angeles/" class="office-title text-black-pearl fw-bold">Los Angeles</a> 2947 <a href="https://www.google.com/maps/search/?api=1&query=6060%20Center%20Drive%2010th%20Floor%20Los%20Angeles%2C%20CA%2090045" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>6060 Center Drive<br /> 294810th Floor<br /> 2949Los Angeles, CA 90045</p> 2950</a> <a href="tel:888.670.7803" class="phone-number-link text-black-pearl" 2951 target="">888.670.7803</a> 2952 </li> 2953 <li class="contact-column col-6 col-lg-auto mb-4 pe-3"> 2954 <a href="https://www.bopdesign.com/contact/new-york/" class="office-title text-black-pearl fw-bold">New York</a> 2955 <a href="https://www.google.com/maps/search/?api=1&query=25%20Broadway%2010th%20Floor%20New%20York%2C%20NY%2010004" class="address-map-link" target="_blank" rel="noopener noreferrer"><p>25 Broadway<br /> 295610th Floor<br /> 2957New York, NY 10004</p> 2958</a> <a href="tel:888.670.7803" class="phone-number-link text-black-pearl" 2959 target="">888.670.7803</a> 2960 </li> 2961 <li class="footer-contact-buttons col-auto w-100"> 2962 <a href="https://www.bopdesign.com/contact/" 2963 class="wp-block-button__link wp-element-button d-block mb-3 mb-md-4 p-3 w-100" 2964 target="">Contact Us</a> 2965 </li> 2966 </ul> 2967 </div> 2968 </div> 2969 </div> 2970 <section class="footer-section-wide has-charcoal-background-color pt-5 pb-3 mt-5"> 2971 <div class="container footer-logos py-4"> 2972 <div class="row align-items-center flex-column flex-md-row"> 2973 <div class="footer-logo-main col-12 col-md-2 mb-4 mb-md-0 d-flex d-md-block justify-content-center"> 2974 <a href="https://www.bopdesign.com/" rel="home"> 2975 <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"/> 2976 </a> 2977 </div> 2978 <div class="footer-logos-other col-12 col-md-10"> 2979 <div class="d-flex flex-column flex-md-row gap-4 gap-md-3 justify-content-between align-items-center"> 2980 <a href="https://buywomenowned.com/" target="_blank" rel="noopener"> 2981 <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> 2982 </a> 2983 <a href="https://rankings.newsweek.com/americas-most-reliable-companies-2026" target="_blank" rel="noopener"> 2984 <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%20180'%3E%3C/svg%3E" class="h-auto" width="180" height="180" fetchpriority="low" alt="Newsweek Badge 2026" data-lazy-src="https://www.bopdesign.com/wp-content/uploads/2025/12/Bop-Design-Newsweek-Badge-12-22-2026-298x298.png"><noscript><img src="https://www.bopdesign.com/wp-content/uploads/2025/12/Bop-Design-Newsweek-Badge-12-22-2026-298x298.png" class="h-auto" width="180" height="180" loading="lazy" fetchpriority="low" alt="Newsweek Badge 2026"></noscript> <span class="visually-hidden">Visit Newsweek – America’s Most Reliable Companies 2026</span> 2985 </a> 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="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"> 2987 <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> 2988 </a> 2989 </div> 2990 </div> 2991 </div> 2992 </div> 2993 <div class="container copyright py-3"> 2994 <div class="row"> 2995 <div class="col-12 site-info text-center text-md-start"> 2996 <section class="font-size-small"> 2997 © 2026 Bop Design, Inc. <span> | </span><a href="https://www.bopdesign.com/privacy-policy/">Privacy Policy</a> <span> | </span>
2997<a href='#' class='iubenda-cs-preferences-link'><img style='width:2rem;display:inline-block;margin:0 0.25rem 0.25rem 0' src="data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 14' style='enable-background:new 0 0 30 14;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7d .st1%7bfill-rule:evenodd;clip-rule:evenodd;fill:%230066FF;%7d .st2%7bfill:%23FFFFFF;%7d .st3%7bfill:%230066FF;%7d %3c/style%3e%3cg%3e%3cg id='final---dec.11-2020_1_'%3e%3cg id='_x30_208-our-toggle_2_' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2_2_' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st0' d='M7.4,12.8h6.8l3.1-11.6H7.4C4.2,1.2,1.6,3.8,1.6,7S4.2,12.8,7.4,12.8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='final---dec.11-2020'%3e%3cg id='_x30_208-our-toggle' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st1' d='M22.6,0H7.4c-3.9,0-7,3.1-7,7s3.1,7,7,7h15.2c3.9,0,7-3.1,7-7S26.4,0,22.6,0z M1.6,7c0-3.2,2.6-5.8,5.8-5.8 h9.9l-3.1,11.6H7.4C4.2,12.8,1.6,10.2,1.6,7z'/%3e%3cpath id='x' class='st2' d='M24.6,4c0.2,0.2,0.2,0.6,0,0.8l0,0L22.5,7l2.2,2.2c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0 l0,0l-2.2-2.2L19.5,10c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l0,0L20.8,7l-2.2-2.2c-0.2-0.2-0.2-0.6,0-0.8 c0.2-0.2,0.6-0.2,0.8,0l0,0l2.2,2.2L23.8,4C24,3.8,24.4,3.8,24.6,4z'/%3e%3cpath id='y' class='st3' d='M12.7,4.1c0.2,0.2,0.3,0.6,0.1,0.8l0,0L8.6,9.8C8.5,9.9,8.4,10,8.3,10c-0.2,0.1-0.5,0.1-0.7-0.1l0,0 L5.4,7.7c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l0,0L8,8.6l3.8-4.5C12,3.9,12.4,3.9,12.7,4.1z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="California Consumer Privacy Act (CCPA) Opt-Out Icon" data-lazy-src=""/><noscript><img style='width:2rem;display:inline-block;margin:0 0.25rem 0.25rem 0' src="data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 14' style='enable-background:new 0 0 30 14;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7d .st1%7bfill-rule:evenodd;clip-rule:evenodd;fill:%230066FF;%7d .st2%7bfill:%23FFFFFF;%7d .st3%7bfill:%230066FF;%7d %3c/style%3e%3cg%3e%3cg id='final---dec.11-2020_1_'%3e%3cg id='_x30_208-our-toggle_2_' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2_2_' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st0' d='M7.4,12.8h6.8l3.1-11.6H7.4C4.2,1.2,1.6,3.8,1.6,7S4.2,12.8,7.4,12.8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='final---dec.11-2020'%3e%3cg id='_x30_208-our-toggle' transform='translate(-1275.000000, -200.000000)'%3e%3cg id='Final-Copy-2' transform='translate(1275.000000, 200.000000)'%3e%3cpath class='st1' d='M22.6,0H7.4c-3.9,0-7,3.1-7,7s3.1,7,7,7h15.2c3.9,0,7-3.1,7-7S26.4,0,22.6,0z M1.6,7c0-3.2,2.6-5.8,5.8-5.8 h9.9l-3.1,11.6H7.4C4.2,12.8,1.6,10.2,1.6,7z'/%3e%3cpath id='x' class='st2' d='M24.6,4c0.2,0.2,0.2,0.6,0,0.8l0,0L22.5,7l2.2,2.2c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0 l0,0l-2.2-2.2L19.5,10c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l0,0L20.8,7l-2.2-2.2c-0.2-0.2-0.2-0.6,0-0.8 c0.2-0.2,0.6-0.2,0.8,0l0,0l2.2,2.2L23.8,4C24,3.8,24.4,3.8,24.6,4z'/%3e%3cpath id='y' class='st3' d='M12.7,4.1c0.2,0.2,0.3,0.6,0.1,0.8l0,0L8.6,9.8C8.5,9.9,8.4,10,8.3,10c-0.2,0.1-0.5,0.1-0.7-0.1l0,0 L5.4,7.7c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l0,0L8,8.6l3.8-4.5C12,3.9,12.4,3.9,12.7,4.1z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="California Consumer Privacy Act (CCPA) Opt-Out Icon"/></noscript>Your Privacy Choices</a><span> | </span><a href='#' class='iubenda-cs-uspr-link'>Notice at Collection</a> </section> 2998 </div> 2999 </div> 3000 </div> 3001 </section> 3002</footer><!-- #colophon --> 3003 3004 <div class="off-canvas-screen d-block d-lg-none position-fixed top-0 end-0 bottom-0 start-0 visually-hidden"></div> 3005 <nav class="off-canvas-container d-block d-lg-none position-fixed top-0 bottom-0 h-100 overflow-y-auto" 3006 aria-label="Mobile Menu" aria-hidden="true" tabindex="-1"> 3007 <button type="button" class="off-canvas-close d-block d-lg-none position-absolute" aria-expanded="false" 3008 aria-label="Close Menu"> 3009 3010 <svg height="24" width="24" class="icon svg-icon close" aria-hidden="true" role="img"> 3011 <title id="title-close-16612"> 3012 close </title> 3013 3014 3015 <use xlink:href="#icon-close"></use> 3016 </svg> 3017 3018 </button> 3019 <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> 3020<ul class="sub-menu"> 3021 <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> 3022 <ul class="sub-menu"> 3023 <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> 3024 <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> 3025 <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> 3026 <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> 3027 <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> 3028 <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> 3029 </ul> 3030</li>
3031 <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> 3032 <ul class="sub-menu"> 3033 <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> 3034 <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> 3035 <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> 3036 <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> 3037 <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> 3038 <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> 3039 <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> 3040 </ul> 3041</li> 3042 <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> 3043 <ul class="sub-menu"> 3044 <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> 3045 <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> 3046 <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> 3047 <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> 3048 </ul> 3049</li> 3050</ul> 3051</li> 3052<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> 3053<ul class="sub-menu"> 3054 <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> 3055 <li id="menu-item-32740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32740"><a href="https://www.bopdesign.com/industries/fintech-insurtech/">Fintech & Insurtech</a></li> 3056 <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> 3057 <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> 3058 <li id="menu-item-45155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45155"><a href="https://www.bopdesign.com/industries/web-design-for-ai-companies/">AI & ML</a></li> 3059 <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> 3060 <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> 3061 <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> 3062 <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> 3063</ul> 3064</li> 3065<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> 3066<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> 3067<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> 3068<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> 3069<ul class="sub-menu"> 3070 <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> 3071 <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> 3072 <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> 3073 <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> 3074 <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> 3075 <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> 3076 <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> 3077</ul> 3078</li> 3079</ul></div> <div class="mobile-contact-btn"> 3080 <div class="d-flex is-layout-flex wp-block-buttons"> 3081 <div class="wp-block-button is-style-fill"> 3082 <a class="wp-block-button__link wp-element-button has-orange-background-color has-background has-white-color has-text-color" 3083 href="https://www.bopdesign.com/contact/"> 3084 Contact </a> 3085 </div> 3086 </div> 3087 </div> 3088 </nav> 3089
3090<script type="speculationrules"> 3091{"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"}]} 3092</script>
vendor: 1 bytes, line 3092
3092
3093<script type="text/rocketlazyloadscript"> 3094 var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g 3095 var newUrl = window.location.search.replace(relevanssi_rt_regex, '') 3096 if (newUrl.substr(0, 1) == '&') { 3097 newUrl = '?' + newUrl.substr(1) 3098 } 3099 history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) 3100</script>
3100 3101 <!-- Start of Async HubSpot Analytics Code --> 3102
3102<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript"> 3103 (function(d,s,i,r) { 3104 if (d.getElementById(i)){return;} 3105 var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; 3106 n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/8252505.js'; 3107 e.parentNode.insertBefore(n, e); 3108 })(document,"script","hs-analytics",300000); 3109 </script>
3109 3110 <!-- End of Async HubSpot Analytics Code --> 3111
3111<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 3111
3111
3112<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 3112
3112
3113<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 3113
3113
3114<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 3114
3114
3115<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 3115
3115
3116<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 3116
3116
3117<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=1790271275"></script>
vendor: 1 bytes, line 3117
3117
3118<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 3118
3118
3119<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=1790271275"></script>
vendor: 1 bytes, line 3119
3119
3120<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>
3120<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"> 3121 <defs> 3122 <symbol id="icon-facebook" viewBox="0 0 50 50"> 3123 <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"/> 3124 </symbol> 3125 <symbol id="icon-facebook-square" viewBox="0 0 50 50"> 3126 <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"/> 3127 </symbol> 3128 <symbol id="icon-meta" viewBox="0 0 16 16"> 3129 <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"/> 3130 </symbol> 3131 <symbol id="icon-instagram" viewBox="0 0 16 16"> 3132 <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"/> 3133 </symbol> 3134 <symbol id="icon-twitter" viewBox="0 0 30 30"> 3135 <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"/> 3136 </symbol> 3137 <symbol id="icon-twitter-square" viewBox="0 0 30 30"> 3138 <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"/> 3139 </symbol> 3140 <symbol id="icon-twitter-x" viewBox="0 0 30 30"> 3141 <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"/> 3142 </symbol>
3143 <symbol id="icon-linkedin" viewBox="0 0 32 32"> 3144 <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"/> 3145 <path d="M2 12h6v18h-6v-18z"/> 3146 <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"/> 3147 </symbol> 3148 <symbol id="icon-linkedin-square" viewBox="0 0 16 16"> 3149 <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"/> 3150 </symbol> 3151 <symbol id="icon-pinterest" viewBox="0 0 50 50"> 3152 <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"/> 3153 </symbol> 3154 <symbol id="icon-youtube" viewBox="0 0 16 16"> 3155 <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"/> 3156 </symbol> 3157 <symbol id="icon-youtube-words" viewBox="0 0 24 28"> 3158 <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
31580.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"/> 3159 </symbol> 3160 <symbol id="icon-clutch" viewBox="0 0 21 21"> 3161 <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"/> 3162 </symbol> 3163 <symbol id="icon-rss" viewBox="0 0 20.489 20.489"> 3164 <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"/> 3165 </symbol> 3166 <symbol id="icon-plus" viewBox="0 0 32 32"> 3167 <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"/> 3168 </symbol> 3169 <symbol id="icon-minus" viewBox="0 0 16 16"> 3170 <line x1="2" y1="8" x2="14" y2="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> 3171 </symbol> 3172 <symbol id="icon-play" viewBox="0 0 22 28"> 3173 <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"/> 3174 </symbol> 3175 <symbol id="icon-hamburger" viewBox="0 0 30 20"> 3176 <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"/> 3177 </symbol> 3178 <symbol id="icon-close" viewBox="0 0 32 32"> 3179 <line x1="1.5" y1="1.5" x2="30.5" y2="30.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/> 3180 <line x1="30.5" y1="1.5" x2="1.5" y2="30.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/> 3181 </symbol> 3182 <symbol id="icon-search" viewBox="0 0 32 32"> 3183 <circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 3184 <line x1="19" y1="19" x2="28" y2="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 3185 </symbol>
3186 <symbol id="icon-caret-down" viewBox="0 0 16 28"> 3187 <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"/> 3188 </symbol> 3189 <symbol id="icon-arrow-right" viewBox="0 0 20 20"> 3190 <line x1="4.2" y1="10" x2="15.8" y2="10" stroke="currentColor" stroke-linecap="round" stroke-width="1.7"/> 3191 <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"/> 3192 </symbol> 3193 <symbol id="icon-quote-up" viewBox="0 0 106.508 96.377"> 3194 <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)"/> 3195 </symbol> 3196 <symbol id="icon-quote-down" viewBox="0 0 106.507 96.379"> 3197 <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)"/> 3198 </symbol> 3199 <symbol id="icon-loading" viewBox="0 0 38 38"> 3200 <g fill="none" stroke="currentColor" stroke-width="2" stroke-opacity=".5" fill-rule="evenodd"> 3201 <circle stroke-opacity=".3" cx="19" cy="19" r="18"/> 3202 <path d="M37 19c0-9.94-8.06-18-18-18"> 3203 <animateTransform attributeName="transform" type="rotate" from="0 19 19" to="360 19 19" dur="1s" repeatCount="indefinite"/> 3204 </path> 3205 </g> 3206 </symbol> 3207 </defs> 3208</svg></div>
3208<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} 3209if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} 3210images=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} 3211if(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>
3211<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>
3211<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>
3211 3212<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"> 3213 <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"> 3214 3215 <svg height="18" width="18" class="icon svg-icon search" aria-hidden="true" role="img"> 3216 <title id="title-search-47996"> 3217 search </title> 3218 3219 3220 <use xlink:href="#icon-search"></use> 3221 </svg> 3222 3223 <span class="loading-indicator text-orange d-none"> 3224 3225 <svg height="18" width="18" class="icon svg-icon loading" aria-hidden="true" role="img"> 3226 <title id="title-loading-80453"> 3227 loading </title> 3228 3229 3230 <use xlink:href="#icon-loading"></use> 3231 </svg> 3232 3233 </span> 3234 <form data-sf-form-id='31631' data-is-rtl='0' data-maintain-state='' data-results-url='https://www.bopdesign.com/search/' data-ajax-url='https://www.bopdesign.com/search/?sf_data=results' data-ajax-form-url='https://www.bopdesign.com/?sfid=31631&sf_action=get_data&sf_data=form' data-display-result-method='archive' data-use-history-api='1' data-template-loaded='0' data-lang-code='en' data-ajax='1' data-ajax-data-type='html' data-ajax-links-selector='.pagination a' data-ajax-target='#search-results' data-ajax-pagination-type='normal' data-update-ajax-url='1' data-only-results-ajax='1' data-scroll-to-pos='0' data-init-paged='1' data-auto-update='' action='https://www.bopdesign.com/search/' method='post' class='searchandfilter' id='search-filter-form-31631' autocomplete='off' data-instance-count='1'><ul><li class="sf-field-search" data-sf-field-name="search" data-sf-field-type="search" data-sf-field-input-type=""> <label> 3235 <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> 3236 </div> 3237</div>
3238<script src="https://js.convertflow.co/production/websites/20507.js" defer></script>
vendor: 1 bytes, line 3238
3238
3239<script type="text/rocketlazyloadscript" data-data-rocket-src="https://cdn.callrail.com/companies/476025667/7e24a2ea3ca6f2bfe03c/12/swap.js" defer></script>
vendor: 1 bytes, line 3239
3239
3240<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>
3240<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> 3241
3241<script id="bop-design-inline-script-optimization"> 3242 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);} 3243 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;}}); 3244 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>
3244 3245 3246</body> 3247</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.