CINXE.COM

Shopify E-commerce: Create & Optimize Your Online Store | Olibro Design

<!doctype html> <html lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- TERMAGEDDON + USERCENTRICS --><link rel="preconnect" href="//privacy-proxy.usercentrics.eu"> <link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script"> <script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="W7ua7wGU_lxCft" async></script> <script>uc.setCustomTranslations('https://termageddon.ams3.cdn.digitaloceanspaces.com/translations/');</script><script type="application/javascript"> var UC_UI_SUPPRESS_CMP_DISPLAY=true; </script><!-- END TERMAGEDDON + USERCENTRICS --> <script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore"> var ctPublicFunctions = {"_ajax_nonce":"26a46eecf6","_rest_nonce":"fc2869ce48","_ajax_url":"\/wp-admin\/admin-ajax.php","_rest_url":"https:\/\/olibro.com\/wp-json\/","data__cookies_type":"alternative","data__ajax_type":"rest","text__wait_for_decoding":"Decoding the contact data, let us a few seconds to finish. Anti-Spam by CleanTalk","cookiePrefix":"","wprocket_detected":false,"host_url":"olibro.com"} </script> <script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore"> var ctPublic = {"_ajax_nonce":"26a46eecf6","settings__forms__check_internal":"0","settings__forms__check_external":"0","settings__forms__search_test":"1","settings__data__bot_detector_enabled":"1","blog_home":"https:\/\/olibro.com\/","pixel__setting":"3","pixel__enabled":true,"pixel__url":"https:\/\/moderate1-v4.cleantalk.org\/pixel\/81dd1941d2e19503e4389162e7572701.gif","data__email_check_before_post":"1","data__email_check_exist_post":0,"data__cookies_type":"alternative","data__key_is_ok":true,"data__visible_fields_required":true,"wl_brandname":"Anti-Spam by CleanTalk","wl_brandname_short":"CleanTalk","ct_checkjs_key":"e442c3f415078aa1993da5b2738ab87d8e49ab73f211202bfc2510f4a3048c9b","emailEncoderPassKey":"ee66af716ac48f56038134eb6e02bccb","bot_detector_forms_excluded":"W10=","advancedCacheExists":true,"varnishCacheExists":true,"wc_ajax_add_to_cart":false} </script> <!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ --> <title>Shopify E-commerce: Create &amp; Optimize Your Online Store | Olibro Design</title> <meta name="description" content="Experience hassle-free e-commerce with Shopify. Olibro Design offers expert setup, customization, and optimization for your online store. Boost sales and grow your business today."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://olibro.com/shopify/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Shopify E-commerce: Create &amp; Optimize Your Online Store | Olibro Design" /> <meta property="og:description" content="Experience hassle-free e-commerce with Shopify. Olibro Design offers expert setup, customization, and optimization for your online store. Boost sales and grow your business today." /> <meta property="og:url" content="https://olibro.com/shopify/" /> <meta property="og:site_name" content="olibro.com" /> <meta property="og:updated_time" content="2024-10-22T16:13:33-07:00" /> <meta property="og:image" content="https://olibro.com/wp-content/uploads/shopify-banner-1.webp" /> <meta property="og:image:secure_url" content="https://olibro.com/wp-content/uploads/shopify-banner-1.webp" /> <meta property="og:image:width" content="920" /> <meta property="og:image:height" content="458" /> <meta property="og:image:alt" content="Shopify" /> <meta property="og:image:type" content="image/webp" /> <meta property="article:published_time" content="2023-11-17T02:33:50-08:00" /> <meta property="article:modified_time" content="2024-10-22T16:13:33-07:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Shopify E-commerce: Create &amp; Optimize Your Online Store | Olibro Design" /> <meta name="twitter:description" content="Experience hassle-free e-commerce with Shopify. Olibro Design offers expert setup, customization, and optimization for your online store. Boost sales and grow your business today." /> <meta name="twitter:image" content="https://olibro.com/wp-content/uploads/shopify-banner-1.webp" /> <meta name="twitter:label1" content="Time to read" /> <meta name="twitter:data1" content="3 minutes" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":["Organization","Person"],"@id":"https://olibro.com/#person","name":"olibro.com","url":"https://olibro.com","logo":{"@type":"ImageObject","@id":"https://olibro.com/#logo","url":"https://olibro.com/wp-content/uploads/Olibro-logo.svg","contentUrl":"https://olibro.com/wp-content/uploads/Olibro-logo.svg","caption":"olibro.com","inLanguage":"en-US"},"image":{"@id":"https://olibro.com/#logo"}},{"@type":"WebSite","@id":"https://olibro.com/#website","url":"https://olibro.com","name":"olibro.com","publisher":{"@id":"https://olibro.com/#person"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://olibro.com/wp-content/uploads/shopify-banner-1.webp","url":"https://olibro.com/wp-content/uploads/shopify-banner-1.webp","width":"200","height":"200","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://olibro.com/shopify/#webpage","url":"https://olibro.com/shopify/","name":"Shopify E-commerce: Create &amp; Optimize Your Online Store | Olibro Design","datePublished":"2023-11-17T02:33:50-08:00","dateModified":"2024-10-22T16:13:33-07:00","isPartOf":{"@id":"https://olibro.com/#website"},"primaryImageOfPage":{"@id":"https://olibro.com/wp-content/uploads/shopify-banner-1.webp"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://olibro.com/author/olibro-webmaster/","name":"Olibro Webmaster","url":"https://olibro.com/author/olibro-webmaster/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/107b5a5f5e4a0e100573fbca95d9c461?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/107b5a5f5e4a0e100573fbca95d9c461?s=96&amp;d=mm&amp;r=g","caption":"Olibro Webmaster","inLanguage":"en-US"},"sameAs":["https://olibro.com"]},{"@type":"Article","headline":"Shopify E-commerce: Create &amp; Optimize Your Online Store | Olibro Design","datePublished":"2023-11-17T02:33:50-08:00","dateModified":"2024-10-22T16:13:33-07:00","author":{"@id":"https://olibro.com/author/olibro-webmaster/","name":"Olibro Webmaster"},"publisher":{"@id":"https://olibro.com/#person"},"description":"Experience hassle-free e-commerce with Shopify. Olibro Design offers expert setup, customization, and optimization for your online store. Boost sales and grow your business today.","name":"Shopify E-commerce: Create &amp; Optimize Your Online Store | Olibro Design","@id":"https://olibro.com/shopify/#richSnippet","isPartOf":{"@id":"https://olibro.com/shopify/#webpage"},"image":{"@id":"https://olibro.com/wp-content/uploads/shopify-banner-1.webp"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://olibro.com/shopify/#webpage"}}]}</script> <!-- /Rank Math WordPress SEO plugin --> <link rel='dns-prefetch' href='//moderate.cleantalk.org' /> <link rel='dns-prefetch' href='//p.usestyle.ai' /> <link rel="alternate" type="application/rss+xml" title="Olibro Design &raquo; Feed" href="https://olibro.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Olibro Design &raquo; Comments Feed" href="https://olibro.com/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/olibro.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='rank-math-toc-block-style-inline-css'> .wp-block-rank-math-toc-block nav ol{counter-reset:item}.wp-block-rank-math-toc-block nav ol li{display:block}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item, ".") ". ";counter-increment:item} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 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,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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-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-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-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;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='ct_public_css-css' href='https://olibro.com/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-public.min.css?ver=6.45.1' media='all' /> <link rel='stylesheet' id='ct_email_decoder_css-css' href='https://olibro.com/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-email-decoder.min.css?ver=6.45.1' media='all' /> <link rel='stylesheet' id='hello-elementor-css' href='https://olibro.com/wp-content/themes/hello-elementor/style.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://olibro.com/wp-content/themes/hello-elementor/theme.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://olibro.com/wp-content/themes/hello-elementor/header-footer.min.css?ver=3.1.1' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='elementor-post-25-css' href='https://olibro.com/wp-content/uploads/elementor/css/post-25.css?ver=1732283823' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='widget-nav-menu-css' href='https://olibro.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='widget-text-editor-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='widget-social-icons-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='e-apple-webkit-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='widget-divider-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='widget-post-info-css' href='https://olibro.com/wp-content/plugins/elementor-pro/assets/css/widget-post-info.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://olibro.com/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' media='all' /> <link rel='stylesheet' id='e-swiper-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='e-popup-style-css' href='https://olibro.com/wp-content/plugins/elementor-pro/assets/css/conditionals/popup.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='elementor-post-417-css' href='https://olibro.com/wp-content/uploads/elementor/css/post-417.css?ver=1732290874' media='all' /> <link rel='stylesheet' id='elementor-post-34-css' href='https://olibro.com/wp-content/uploads/elementor/css/post-34.css?ver=1732283824' media='all' /> <link rel='stylesheet' id='elementor-post-3158-css' href='https://olibro.com/wp-content/uploads/elementor/css/post-3158.css?ver=1732283824' media='all' /> <link rel='stylesheet' id='elementor-post-869-css' href='https://olibro.com/wp-content/uploads/elementor/css/post-869.css?ver=1732283879' media='all' /> <link rel='stylesheet' id='hello-elementor-child-style-css' href='https://olibro.com/wp-content/themes/hello-theme-child-master/style.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Poppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=swap&#038;ver=6.7.1' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script id="breeze-prefetch-js-extra"> var breeze_prefetch = {"local_url":"https:\/\/olibro.com","ignore_remote_prefetch":"1","ignore_list":["wp-admin","wp-login.php"]}; </script> <script src="https://olibro.com/wp-content/plugins/breeze/assets/js/js-front-end/breeze-prefetch-links.min.js?ver=2.1.19" id="breeze-prefetch-js"></script> <script data-pagespeed-no-defer src="https://olibro.com/wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.45.1" id="ct_public_functions-js"></script> <script src="https://moderate.cleantalk.org/ct-bot-detector-wrapper.js?ver=6.45.1" id="ct_bot_detector-js"></script> <script src="https://p.usestyle.ai" id="seona-js" defer data-wp-strategy="defer"></script> <script src="https://olibro.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://olibro.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="termageddon-usercentrics_ajax-js-extra"> var termageddon_usercentrics_obj = {"ajax_url":"https:\/\/olibro.com\/wp-admin\/admin-ajax.php","nonce":"63b83252b3","nonce_title":"termageddon-usercentrics_ajax_nonce","debug":"false","psl_hide":"false"}; </script> <script src="https://olibro.com/wp-content/plugins/termageddon-usercentrics/public/js/termageddon-usercentrics-ajax.min.js?ver=1.5.2" id="termageddon-usercentrics_ajax-js"></script> <link rel="https://api.w.org/" href="https://olibro.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://olibro.com/wp-json/wp/v2/pages/417" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://olibro.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel='shortlink' href='https://olibro.com/?p=417' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://olibro.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Folibro.com%2Fshopify%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://olibro.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Folibro.com%2Fshopify%2F&#038;format=xml" /> <script data-accessible-account-id="wp_vFtGhKjLm" id="allAccessibleWidget" src="https://app.allaccessible.org/api/wp_vFtGhKjLm.js" defer></script> <meta name="google-site-verification" content="EM_JdArvzkNfe8MtZnO8U1IszXFEJyqWJqH37moVgqU"><meta name="generator" content="Elementor 3.25.6; features: e_font_icon_svg, additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-swap"> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <!-- start Simple Custom CSS and JS --> <style> /* ---- BLOG ---- */ .sp_meta li:nth-child(2) span { color: #FDA600 !important; } .post_cont h2, .post_cont h3, .post_cont h4 { color: #22262B !important; margin-top: 40px; } .post_cont h2 { font-size: 32px !important; line-height: 24px !important } .post_cont h3 { font-size: 24px !important; line-height: 32px !important } .post_cont h4 { font-size: 18px !important; line-height: 26px !important } .post_cont a { color: #FDA600; } .post_cont a:hover { text-decoration: underline; } .blog_posts .elementor-pagination { padding-top: 50px; border-top: 1px solid #B6C3D4; } .blog_posts .elementor-pagination .current { background: #FDA600; border-radius: 50%; } .blog_posts .page-numbers:not(.prev):not(.next) { width: 31px; height: 31px; display: inline-flex; justify-content: center; align-items: center; } .blog_posts .page-numbers.prev, .blog_posts .page-numbers.next { display: inline-flex; justify-content: center; align-items: center; } .blog_posts .page-numbers.prev img { margin-right: 5px; width: 13px; } .blog_posts .page-numbers.next img { margin-left: 5px; width: 13px; } /* ---- BLOG ---- */ #policy_wrapper_div h3:first-child { display: none; } #policy_wrapper_div .tg-last-updated-date { margin-top: 0 !important; } #legal_pages #policy_wrapper_div h3 { color: #22262B; font-size: 40px !important; line-height: 48px !important; font-weight: 500 !important; margin-top: 48px !important; margin-bottom: 20px !important; } #legal_pages #policy_wrapper_div h5 { color: #22262B; font-size: 20px !important; line-height: 30px !important; font-weight: 400 !important; margin-top: 20px !important; margin-bottom: 20px !important; } #legal_pages a { color: #FDA600 !important; } #legal_pages a:hover { text-decoration: underline; } #legal_pages #policy_wrapper_div .accordions { border: none !important; } #legal_pages #policy_wrapper_div .accordions .accordion:not(:last-child) { margin-bottom: 24px !important; } #legal_pages #policy_wrapper_div .accordions .accordion { border: 1px solid #C3CDD9 !important; border-radius: 8px !important; padding: 16px 64px 16px 24px !important; position: relative; } #legal_pages #policy_wrapper_div .accordion .accordion-summary::before { content: ''; width: 40px; height: 40px; background: url('/wp-content/uploads/keyboard_arrow_down.svg') no-repeat; position: absolute; right: 24px; top: 15px; transition: .3s; } #legal_pages #policy_wrapper_div .accordion[open] .accordion-summary::before { background: url('/wp-content/uploads/keyboard_arrow_down-1.svg') no-repeat; transition: .3s; } #legal_pages #policy_wrapper_div .accordions .accordion-heading { color: #22262B; font-size: 24px !important; line-height: 34px !important; font-weight: 500 !important; } #legal_pages #policy_embed_div .accordion-summary:hover { background: transparent !important; } #legal_pages #policy_embed_div .accordion-summary { list-style: none !important; } #legal_pages #policy_wrapper_div ol { padding-left: 10px !important; list-style: none !important; counter-reset: my-awesome-counter; } #legal_pages #policy_wrapper_div ul { padding-left: 10px !important; list-style: none !important; } #legal_pages #policy_wrapper_div ol li { position: relative; padding-left: 30px !important; counter-increment: my-awesome-counter; } #legal_pages #policy_wrapper_div ul li { position: relative; padding-left: 20px !important; } #legal_pages #policy_wrapper_div ol li::before { content: counter(my-awesome-counter) ". "; position: absolute; left: 0; top: 0; } #legal_pages #policy_wrapper_div ul li::before { content: ''; width: 5px; height: 5px; background: #5C6066; position: absolute; left: 0; top: 13px; border-radius: 50%; } #legal_pages #policy_wrapper_div ol li:not(:last-child), #legal_pages #policy_wrapper_div ul li:not(:last-child) { padding-bottom: 15px !important; } .lets_talk h3 { display: inline; position: relative; } .lets_talk h3:before { content: ''; height: 24px; width: 24px; background: url('/wp-content/uploads/comment.svg') no-repeat; background-position: center; position: absolute; right: -28px; } @media screen and (max-width: 1024px) { .post_cont h2 { font-size: 20px !important; line-height: 28px !important } .post_cont h3 { font-size: 16px !important; line-height: 24px !important } .post_cont h4 { font-size: 16px !important; line-height: 24px !important } .footer_menus li a { justify-content: center !important; } } @media screen and (max-width: 767px) { #legal_pages #policy_wrapper_div h3 { font-size: 24px !important; line-height: 32px !important; margin-top: 32px !important; margin-bottom: 16px !important; } #legal_pages #policy_wrapper_div h5 { color: #22262B; font-size: 16px !important; line-height: 26px !important; } #legal_pages #policy_wrapper_div .accordions .accordion-heading { font-size: 18px !important; line-height: 28px !important; } #legal_pages #policy_wrapper_div .accordions .accordion { padding: 12px 64px 12px 16px !important; } #legal_pages #policy_wrapper_div .accordion .accordion-summary::before { width: 32px; height: 32px; background-size: cover !important; background-position: center; top: 10px; } #legal_pages #policy_wrapper_div ul li::before { top: 10px; } #legal_pages #policy_wrapper_div ol li:not(:last-child), #legal_pages #policy_wrapper_div ul li:not(:last-child) { padding-bottom: 10px !important; } #legal_pages #policy_wrapper_div ol li { padding-left: 25px !important; } } </style> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <style> .section { display: flex; min-height: 90vh; position: relative; z-index: 1; /* margin-bottom: -200px; */ } .section:last-child .section-text{ margin: 40px 0 0; } .section .section-img { width: 43%; } .section .section-body{ width: 57%; } .section-img { position: relative; display: flex; } .section-img-inner { height: 90vh; position: relative; width: 366px; top: 0; background-size: contain; background-repeat: no-repeat; filter: blur(30px); opacity: 0; background-position: 50% 55%; transition: opacity .6s ease } .section-body { display: flex; align-items: center; opacity: 1; transition: opacity .6s ease } .section.active .section-img-inner, .section.active .section-body{ opacity: 1; background-position: 50% 55%; filter: blur(0); } .inactive{ opacity: 0; background-position: 50% 55%; filter: blur(0); } .section-body button{ margin-top: 30px; } .ul__spliter{ display: flex; justify-content: flex-start; } .ul__spliter ul{ margin: 0px 50px 0px 0px; padding: 0; } .section-text h2{ color: #22262B; font-size: 32px; font-family: "Poppins", sans-serif; line-height: 42px; font-weight: 500; letter-spacing: normal; } .section-text p{ color: #737980; font-size: 18px; font-family: "Poppins", sans-serif; line-height: 27px; font-weight: 400; } .ul__spliter li{ color: #737980; font-size: 18px; font-family: "Poppins", sans-serif; line-height: 27px; font-weight: 400; margin: 0 0 0 15px; padding-bottom: 7px; } .ul__spliter li::marker{ color: #FDA600; } @media screen and (max-width: 1440px) { .section { min-height: 90vh; } .section-img-inner { height: 80vh; } .hp-wd-parent{ margin: 0; padding-top: 0; } } @media screen and (max-width: 767px) { .hp-wd-parent{ margin: 0; } } </style> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <style> .marquee { display: flex; overflow: hidden; user-select: none; gap: 1rem; height: auto; } .movingText-top{ padding-top: 2rem; padding-bottom: 0; } .movingText-bot{ padding-top: 0; padding-bottom: 2rem; } .marquee__group { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-width: 100%; animation: marquee 20s linear infinite reverse; } .movingText-bot .marquee__group { animation: marquee-reverse 30s linear infinite; } .movingText-top span{ white-space: nowrap; font-size: 80px; line-height: 100px; font-family: "Syne", Sans-serif; font-weight: 500; color: #fff; -webkit-text-stroke: 1px #C9C9C9; text-stroke: 1px #C9C9C9; } .movingText-bot span { white-space: nowrap; font-size: 80px; line-height: 65px; font-family: "Syne", Sans-serif; font-weight: 500; color: #fff; -webkit-text-stroke: 1px #C9C9C9; text-stroke: 1px #C9C9C9; } @keyframes marquee { from { transform: translate(0, 0); } to { transform: translate(calc(-50% - 0.5rem), 0); } } @keyframes marquee-reverse { from { transform: translate(0, 0); } to { transform: translate(-50%, 0); } } </style> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <style> .hp_btns { margin-top: 30px; display: inline-block; font-family: "Poppins", Sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; line-height: 16px; letter-spacing: 1px; color: #22262b; background-color: #02010100; border: 1px solid #fda600; border-radius: 36px; padding: 18px 38px; transition: .3s; } .hp_btns:hover { background-color: #fda600; color: #fff; transition: .3s; } /*------ SLIDER ----*/ #new_slider .elementor-testimonial { display: flex; flex-flow: column-reverse; } #new_slider .elementor-testimonial__footer { margin-top: 0 !important; margin-bottom: 16px !important; } #new_slider .elementor-testimonial__text { max-width: 770px !important; margin: 0 auto !important; } #portfolio_new .swiper-pagination-bullet, #new_slider .swiper-pagination-bullet { border: none !important; max-width: 100% !important; } #portfolio_new .swiper-pagination-bullet-active, #new_slider .swiper-pagination-bullet-active { border-radius: 8px !important; } #new_slider .swiper-pagination { margin-top: 100px !important; } #new_slider .elementor-main-swiper { width: calc(100% - 120px); } #new_slider .elementor-swiper-button { width: 48px; height: 48px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; } #new_slider .elementor-swiper-button svg { display: none; } #new_slider .elementor-swiper-button.elementor-swiper-button-prev { background: url('/wp-content/uploads/Arrow-left.svg'); } #new_slider .elementor-swiper-button.elementor-swiper-button-next { background: url('/wp-content/uploads/Arrow-right.svg'); } #portfolio_new .e-con, #portfolio_new .e-con-inner { padding: 0 !important; } #portfolio_new .elementor-widget-text-editor, #portfolio_new .elementor-widget-heading { text-align: center !important; } #portfolio_new .elementor-widget-text-editor p { font-size: 16px !important; line-height: 28px !important; font-weight: 500 !important; margin: 0 !important; color: #5C6066 !important; } #portfolio_new .elementor-widget-heading h2 { line-height: 34px !important; color: #0F0E0F !important; } #portfolio_new .swiper { padding: 0 !important; } #portfolio_new .swiper-pagination { margin-top: 44px !important; } #portfolio_new .elementor-swiper-button { top: auto !important; bottom: -53px !important; } @media screen and (max-width: 767px) { #new_slider .elementor-main-swiper { width: 100%; padding-bottom: 10px !important; } #new_slider .swiper-pagination { margin-top: 50px !important; } #new_slider .elementor-swiper-button { top: auto !important; bottom: -20px !important; z-index: 10 !important; } #new_slider .elementor-swiper-button.elementor-swiper-button-prev { left: 0 !important; } #new_slider .elementor-swiper-button.elementor-swiper-button-next { right: 0 !important; } } /*---------- ELEMENTOR ELEMENTS STYLING -----------*/ .port_loop .elementor-loop-container { display: flex; flex-wrap: wrap; } .port_loop .e-loop-item { width: calc(33.333% - 20px) !important; } .port_loop .e-loop-item:nth-child(10n + 3), .port_loop .e-loop-item:nth-child(10n + 5) { width: calc(50% - 15px) !important; } .port_loop .e-loop-item:nth-child(10n + 3) .e-parent, .port_loop .e-loop-item:nth-child(10n + 5) .e-parent { min-height: 570px; } .port_loop .e-loop-item .e-parent:hover::before { opacity: 0.1 !important; transition: .3s; } @media screen and (max-width: 1024px) { .port_loop .e-loop-item:nth-child(10n + 3) .e-parent, .port_loop .e-loop-item:nth-child(10n + 5) .e-parent { min-height: 370px; } .port_loop .e-loop-item, .port_loop .e-loop-item:nth-child(10n + 3), .port_loop .e-loop-item:nth-child(10n + 5) { width: calc(50% - 15px) !important; } } @media screen and (max-width: 767px) { .port_loop .e-loop-item, .port_loop .e-loop-item:nth-child(10n + 3), .port_loop .e-loop-item:nth-child(10n + 5) { width: 100% !important; } } /*---------- GRAVITY FORMS -----------*/ #gform_fields_2 { grid-row-gap: 24px !important; } #gform_fields_2 .gfield { padding: 0 !important; } #gform_fields_2 select { padding: 0 24px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #gform_fields_2 input { padding: 0 24px !important; } #gform_2 .gform_footer { padding: 0 !important; margin: 24px 0 0 0 !important; } #gform_submit_button_2 { width: 100% !important; background: #F9B719 !important; border-color: #F9B719 !important; color: #fff !important; font-size: 18px !important; padding: 22px !important; margin-bottom: 0 !important; } #gform_submit_button_2:hover { background: transparent !important; color: #22262B !important; } @media screen and (max-width: 767px) { #gform_submit_button_2 { font-size: 13px !important; padding: 14px !important; } } /*-------- END GRAVITY FORMS ---------*/ html, body { scroll-behavior: auto; } :root { --orange: #fda600; --body: #737980; --heading: #515b66; --dark-gray: #22262b; --light-gray: #f7f8fb; --separator: #c3cdd9; } .h-wd ul li{ margin: 0 0 16px 0; } .h-wd ul li::marker{ color: var(--orange); } .fl a:hover span{ color: var(--orange) !important; } .fl svg:hover, .fl svg:hover path { fill: var(--orange) !important; } .slick-list{ overflow: hidden; } .swiper-pagination-bullet{ opacity:1; background-color:#ccc; background:#ccc; height:11px; width:11px; } .swiper-pagination-bullet-active, .swiper-pagination-bullet-active { background-color:#F9B719; } .elementor-element .swiper .elementor-swiper-button svg { fill: #999; } /* .swiper-pagination { position: relative; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); margin-top: 70px; z-index: 10; } .swiper-pagination-bullet { display: inline-block !important; margin: 0 !important; width: 100px !important; max-width: 8%; height: 14px; border-radius: 0; border-top: solid 1px rgba(0, 0, 0, 1); border-bottom: solid 1px rgba(0, 0, 0, 1); background: transparent; } .swiper-pagination-bullet-active{ background: var(--orange) !important; border-color: var(--orange) !important; } .swiper-pagination-bullet:first-child { border-left: 1px solid rgba(0, 0, 0, 1); border-left-color: rgba(0, 0, 0, 1); border-radius: 7px 0 0 7px; } .swiper-pagination-bullet:last-child { border-right: 1px solid rgba(0, 0, 0, 1); border-radius: 0 7px 7px 0; } */ .portfolio_page .swiper{ padding: 0 25% !important; margin: 0 -25%; position: relative; } .portfolio_page .swiper::before { display: block; height: 100%; width: 25%; position: absolute; content: ''; background: #fff; top: 0; z-index: 90; } .portfolio_page .swiper::after { display: block; height: 100%; width: 25%; position: absolute; right: 0%; content: ''; background: rgba(255, 255, 255, 0.6); top: 0; z-index: 90; } .fadeIn{ animation: fadeIn 500ms ease forwards; } @keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } } .fadeOut{ animation: fadeOut 500ms ease forwards; } @keyframes fadeOut{ from{ opacity: 1; } to{ opacity: 0; } } .link-white a{ color: #E1E3E7;; } .link-white:hover a{ color: #fda600; } .link-grey a{ color: #8A9199; } .link-grey:hover a{ color: #fda600; } .color-orange{ color: var(--orange); } .fixed{ position: fixed; } .no-marg p{ margin: 0 !important; } .hidden{ display: none; } /*-------- END ELEMENTOR ELEMENTS STYLING ---------*/ /*------------------- HEADER STYLING ---------------*/ .menu-item-1462{ display: flex !important; justify-content: center; } .menu-item-1462 a{ padding: 18px 37px 17px 39px !important; border-radius: 36px !important; border: solid 2px var(--orange) !important; display: inline-block; max-width: 200px; } /*----------------- END HEADER STYLING -------------*/ /*---------------- TYPOGRAPHY ---------------------*/ .no_marg {margin: 0 !important;} /*-------------- END TYPOGRAPHY -------------------*/ /*--------------------- BUTTONS -------------------*/ /*------------------- END BUTTONS -----------------*/ /*---------------------- FORMS ---------------------*/ /*-------------------- END FORMS -------------------*/ /*-------------------- PAGES ----------------------*/ .faq_wrap .elementor-accordion-item { padding: 30px 0; border-top: 1px solid #C3CDD9 !important; } .faq_wrap .elementor-accordion-item:last-child { border-bottom: 1px solid #C3CDD9 !important; } .faq_wrap .elementor-accordion-item p { margin-bottom: 0 !important; } .faq_wrap .elementor-tab-content { border-radius: 20px; margin-top: 30px; } .faq_wrap .elementor-accordion-icon svg { width: 24px !important; height: 24px !important; margin-top: 3px; } /*-------------------- HOME -----------------------*/ .banner{ position: relative; } .banner-img{ transition: 0ms; } .banner .elementor-widget-html{ position: static; } .scroll { background-color: #fff; height: 13px; width: 13px; border-radius: 50px; position: absolute; bottom: 100px; left: 50%; z-index: 1; animation: scroll 2000ms ease infinite; } @keyframes scroll{ 0 { transform: translatey(0); } 50%{ transform: translatey(-50px); } 100%{ transform: translatey(0); } } .mobile-wrapper{ position: relative; } .mobile-one{ transition: 0ms; } .mobile-two{ position: absolute; left: 50%; transform: translateX(-50%); width: 930px !important; top: 15px; } .mobile-vid{ position: absolute; left: 50%; transform: translateX(-50%); width: 730px !important; height: 340px; top: 50px; } .mobile-vid:after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 730px !important; height: 350px; top: 0px; background: #000; opacity: 0.5; border-radius: 40px; } .mobile-vid:before{ content: url('/wp-content/uploads/olibro_clutch.png'); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.3); z-index: 2; } .mobile-vid > .elementor-widget-container{ border-radius: 40px; } .home-fp{ cursor: pointer; overflow: hidden; } .home-fp img{ transition: 500ms; } .home-fp:hover img{ transform: scale(1.1); } .home-fp p{ padding: 0; margin: 0; } .home-port{ z-index: 2; } /*-------------------- END HOME -----------------------*/ /*-------------------- SHOPIFY -----------------------*/ .key-features p{ margin: 0; padding: 0; } /*-------------------- END SHOPIFY -----------------------*/ /*-------------------- SEO SERVICES -----------------------*/ .banner-img{ height: calc(100vw * 768 / 1920); background-blend-mode: multiply; } .service-list{ font-size: 20px; padding-left: 20px; color: #737980; } .service-list li{ margin-bottom: 17px; } .service-list li::marker{ color: #fda600; } /*-------------------- END SEO SERVICES -----------------------*/ /*-------------------- ABOUT -----------------------*/ .statistic::after { background: #fda600; content: ''; position: absolute; height: 4px; width: 70px; max-width: 90%; bottom: -8px; left: calc(50% - 35px); } /*-------------------- END ABOUT -----------------------*/ /*-------------------- GET A QUOTE -----------------------*/ .quote-form .gform_wrapper .top_label .gfield_label{ font-size: 21px; font-weight: 400; line-height: 1.8; color: #fff; } .quote-form .gform_wrapper .top_label .gfield_label .gfield_required{ margin: 0; color: #fff; } .quote-form .gform_wrapper .top_label input.large{ width: 100%; padding: 16px!important; color: #999; background-color: #eee; font-size: 14px; -webkit-appearance: none; background: #fff; border: 1px solid #ccc; border-radius: 6px; line-height: 1.8!important; } .quote-form .gform_wrapper textarea.medium { border: 1px solid #ccc; border-radius: 6px; } .quote-form .gform_footer .gform_button.button { color: #373e46; font-size: 16px!important; font-weight: 600; background: #fff; min-width: 200px; line-height: 45px!important; margin-top: 0; cursor: pointer; padding: 0.3em 1em!important; border-color: #8a9199; border-radius: 30px; text-transform: none!important; } .quote-form .gform_footer .gform_button.button:hover{ border-color: #FFF; } @media only screen and (min-width: 981px){ .quote-form { max-width: 50%; margin: 0 auto; } } @media only screen and (max-width: 980px){ .quote-form { max-width: 77%; margin: 0 auto; } } .page .gsection { margin-bottom: 64px; } .page .gsection_title { font-size: 48px; text-align: center; color: var(--dark-gray); line-height: 67px; } body.page .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 30px!important; grid-row-gap: 0!important; } .gform_wrapper.gravity-theme .gfield { text-align: left; } .page .gform_wrapper.gravity-theme .gfield.gfield--width-half.half-left { padding-right: 15px; } .page .gform_wrapper.gravity-theme .gfield.gfield--width-half.half-right { padding-left: 15px; } .gform_wrapper.gravity-theme .ginput_complex input, .page .gform_wrapper.gravity-theme .gfield input.large, .page .gform_wrapper.gravity-theme .gfield select.large { height: 74px; border: solid 2px var(--separator); border-radius: 10px; } .page .gform_wrapper.gravity-theme .gfield input[type="text"]:hover, .page .gform_wrapper.gravity-theme .gfield input[type="text"]:focus, .page .gform_wrapper.gravity-theme .gfield input[type="text"]:active, .page .gform_wrapper.gravity-theme .gfield input[type="email"]:hover, .page .gform_wrapper.gravity-theme .gfield input[type="email"]:focus, .page .gform_wrapper.gravity-theme .gfield input[type="email"]:active, .page .gform_wrapper.gravity-theme .gfield input[type="tel"]:hover, .page .gform_wrapper.gravity-theme .gfield input[type="tel"]:focus, .page .gform_wrapper.gravity-theme .gfield input[type="tel"]:active, .page .gform_wrapper.gravity-theme .gfield textarea:hover, .page .gform_wrapper.gravity-theme .gfield textarea:focus, .page .gform_wrapper.gravity-theme .gfield textarea:active { border-color: var(--orange)!important; outline: none; } .page .gform_wrapper.gravity-theme .gfield_label { font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 16px; display: inline-block; padding: 0; } .page .gform_wrapper .gfield_required { color: var(--orange); display: inline-block; font-size: 20px; padding-left: 0.2em; } .page .gform_wrapper.gravity-theme .gfield.gfield--width-half { padding-bottom: 56px; } .page .gform_wrapper.gravity-theme .gfield.separator { position: relative; border-bottom: 1px solid var(--separator); margin: 120px -100px; padding: 0 100px; } .page .gform_wrapper.gravity-theme .gfield.separator h3 { display: none; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio { display: flex; justify-content: center; gap: 130px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice { display: flex; flex-direction: column; width: 170px; align-items: center; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_0:before { content: ''; display: block; width: 95px; height: 95px; background: url(/wp-content/uploads/wordpress-icon.svg) no-repeat; margin-top: 13px; margin-bottom: 32px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_1:before { content: ''; display: block; width: 95px; height: 108px; background: url(/wp-content/uploads/shopify-icon.svg) no-repeat; margin-bottom: 32px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_0 .gfield-choice-input, .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_1 .gfield-choice-input { margin-bottom: 24px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 br { display: none; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 label { order: 1; display: flex; width: 95px; height: 95px; margin-top: 13px; background: var(--separator); border-radius: 50%; align-items: center; font-size: 18px; justify-content: center; font-weight: 500; line-height: 20px; text-transform: uppercase; margin-bottom: 32px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 .gfield-choice-input { order: 2; margin-bottom: 24px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 #input_1_14_other { order: 3; margin-top: 0; border-radius: 10px; border: solid 2px var(--separator); background-color: #ffffff; height: 64px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield-choice-input+label { line-height: 64px; color: var(--heading); font-size: 20px; font-weight: 500; } .gform_wrapper.gravity-theme .gfield.platforms input[type='radio'] { -webkit-appearance: none; width: 30px; height: 30px; border-radius: 50%; outline: none; border: 2px solid var(--separator); } .gform_wrapper.gravity-theme .gfield.platforms input[type='radio']:hover, .gform_wrapper.gravity-theme .gfield.platforms input[type='radio']:focus, .gform_wrapper.gravity-theme .gfield.platforms input[type='radio']:active { border-color: var(--orange)!important; } .gform_wrapper.gravity-theme .gfield.platforms input[type='radio']:before { content: ''; display: block; width: 16px; height: 16px; margin: 5px auto; border-radius: 50%; } .gform_wrapper.gravity-theme .gfield.platforms input[type="radio"]:checked:before { background: var(--orange); } .gform_wrapper.gravity-theme .gfield.platforms input[type="radio"]:checked { border-color: #8a9199; } .page .gform_wrapper.gravity-theme t.service .gfield_label { margin-bottom: 24px; } .gform_wrapper.gravity-theme fieldset.service { padding-bottom: 64px; } .gform_wrapper.gravity-theme fieldset.service .gfield_checkbox { display: grid; grid-template-columns: auto auto; grid-gap: 32px; width: 700px; max-width: 100%; } .gform_wrapper.gravity-theme fieldset.service .gfield_checkbox .gchoice{ line-height: 32px; display: flex; gap: 18px; } .gform_wrapper.gravity-theme fieldset.gform-txtmsg .gfield_checkbox .gchoice{ line-height: 32px; display: flex; gap: 10px; align-items: center; } #input_1_43{ display: flex; gap: 30px; } .gform_wrapper.gravity-theme fieldset.service .gfield_checkbox .gchoice label, .gform_wrapper.gravity-theme fieldset.gform-txtmsg .gfield_checkbox .gchoice label{ font-size: 16px; } .page .gform_wrapper.gravity-theme .gfield textarea.large { height: 250px; border: solid 2px var(--separator); border-radius: 10px; } .gform_wrapper.gravity-theme .service .gfield-choice-input+label { font-size: 16px; line-height: 1.63; color: var(--heading); } .gform_wrapper.gravity-theme .service.gfield input { max-width: 100%; width: 30px; height: 30px; border-radius: 5px; border: solid 2px var(--separator); background-color: #ffffff; /* accent-color: var(--orange); */ } .gform_wrapper.gravity-theme .gfield.short-project-description { padding-bottom: 64px; padding-top: 56px; } .gform_description { font-size: 16px; line-height: 1.63; text-align: left; color: var(--body); width: 470px; max-width: 100%; -ms-grid-column-span: 5!important; grid-column: span 5!important; padding: 0!important; } .gform-txtmsg { font-size: 16px; line-height: 1.63; text-align: left; color: var(--body); width: 470px; max-width: 100%; padding: 0!important; } .gform_wrapper.gravity-theme .gform-txtmsg.gfield input { max-width: 100%; width: 30px; height: 30px; border-radius: 5px; border: solid 2px var(--separator); background-color: #ffffff; /* accent-color: var(--orange); */ } .gform_footer .gfield.form-submit {} .gform_footer .gform_button.button { font-family: 'Poppins'; font-size: 18px; font-weight: 500; line-height: 25px; background: #fff; color: #373e46!important; box-shadow: none!important; padding: 24px 64px; border-radius: 36px; text-transform: uppercase; border: 2px solid var(--orange)!important; cursor: pointer; } .gform_footer .gform_button.button:hover { color: #ffffff!important; background-color: var(--orange); } .gfield_html a:hover { text-decoration: none; } .page .gform_footer { display: flex !important; width: 100%; align-items: center; justify-content: space-between; flex-direction: row-reverse; } .page .gform_footer .form-description { font-size: 16px; line-height: 1.63; text-align: left; color: var(--body); width: 470px; max-width: 100%; padding: 0!important; } .page .gform_footer .form-description a { text-decoration: none; } .page .gform_footer .form-description a:hover { text-decoration: underline; } .page .gform_wrapper.gravity-theme .gfield.select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 1; background: none; color: #a1a9b3; font-size: 16px; padding: 20px; font-family: 'Poppins'; } .page .gform_wrapper.gravity-theme .gfield.select select:hover, .page .gform_wrapper.gravity-theme .gfield.select select:active, .page .gform_wrapper.gravity-theme .gfield.select select:focus { border-color: var(--orange); outline: none; } .page .gform_wrapper.gravity-theme .gfield.select .ginput_container { position: relative; } .page .gform_wrapper.gravity-theme .gfield.select .ginput_container:before { width: 74px; height: 74px; content: ""; position: absolute; right: 0; background-image: url(/wp-content/uploads/Arrow.png); border-radius: 0 10px 10px 0; /* border-left: 1px solid #d9d9d9; */ background-color: #c3cdd9; background-position: center; background-size: 25px; background-repeat: no-repeat; z-index: -1; } .custom-checkbox { width: 30px; height: 30px; display: inline-block; position: relative; z-index: 1; background: url("/wp-content/uploads/checkbox-over.png") no-repeat; } /* .service .gfield-choice-input:hover { background: url("/wp-content/uploads/checkbox-over.png") no-repeat; } */ .service .gfield-choice-input.selected { background-image: url("/wp-content/uploads/check-mark.png"), url("/wp-content/uploads/checkbox-over.png"); background-position: center center, left top; background-repeat: no-repeat, repeat; } .services .gfield-choice-input input[type="checkbox"] { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; } .gform_wrapper .gform_validation_errors>h2 { color: #C96D6D; font-size: 16px; } .gform_wrapper .gform_validation_errors { background: none!important; border-color: #C96D6D!important; } .gform_wrapper .gfield_error .gfield_repeater_cell label, .gform_wrapper .gfield_error label, .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper [aria-invalid=true]+label, .gform_wrapper label+[aria-invalid=true] { color: #737980!important; } .gform_wrapper .gfield_error input { border-color: #FDA1A1!important; } .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { background: none!important; border: none!important; font-size: 16px!important; margin-top: 8px!important; padding: 0!important; color: #C96D6D!important; } .gform_wrapper.gravity-theme .ginput_container_date input { width: 100%!important; } .gfield.time-end { padding-top: 46px; } .gform_wrapper.gravity-theme .gfield.gfield--width-full { padding-bottom: 56px; } .gform_wrapper.gravity-theme .ginput_container_date input { height: 74px; border: solid 2px var(--separator); border-radius: 10px; } .gform_wrapper.gravity-theme .gsection.field_sublabel_below { border-bottom: none; padding: 0; } .page-id-769 input:not(#gform_submit_button_1){ padding: 0 0 0 15px; } .page-id-769 .platforms input { padding: 0 !important; } .page-id-769 textarea{ padding-left: 15px !important; } /* Service Inputs Hover and Checkmark */ .service input[type="checkbox"], .gform-txtmsg input[type="checkbox"]{ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; display: flex !important; align-content: center !important; justify-content: center !important; font-size: 2rem !important; padding: 0.1rem !important; border: 2px solid #c3cdd9 !important; border-radius: 5px !important; } .service input[type="checkbox"]::before, .gform-txtmsg input[type="checkbox"]::before{ content: ""; width: 1.4rem; height: 1.4rem; clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%) !important; transform: scale(0); background-color: var(--orange); } .service input[type="checkbox"]:checked::before, .gform-txtmsg input[type="checkbox"]:checked::before{ transform: scale(1); } .service input[type="checkbox"]:checked, .gform-txtmsg input[type="checkbox"]:checked{ border-color: var(--orange)!important; } .service input[type="checkbox"]:hover, .gform-txtmsg input[type="checkbox"]:hover{ border-color: var(--orange)!important; outline: none; } /* ------------------ */ /*-------------------- END GET A QUOTE -----------------------*/ /*------------------ END PAGES --------------------*/ /*-------------------- BLOG ----------------------*/ .elementor-post__text{ display: flex !important; flex-direction: column-reverse !important; justify-content: flex-end; padding: 0; } .elementor-post__title a{ color: #373e46; } .elementor-post__title:hover a{ color: #fda600; } .elementor-post:hover a{ color: #fda600; } .elementor-post__thumbnail:hover img{ transition: 500ms !important; transform: scale(1.1) translate(-45%,-45%) !important; } /*------------------ END BLOG --------------------*/ /*-------------------- SINGLE POST ----------------------*/ /*------------------ END SINGLE POST --------------------*/ /*-------------------- FOOTER ----------------------*/ /*------------------ END FOOTER --------------------*/ /*-------------------- MEDIA QUERY ----------------------*/ @media screen and (min-width: 1600px) {} @media screen and (min-width: 1440px) and (max-width: 1599px) {} @media screen and (min-width: 1200px) and (max-width: 1439px) {} @media screen and (min-width: 1025px) and (max-width: 1199px) {} @media screen and (max-width: 1024px) { .break br {display: none !important;} .faq_wrap .elementor-accordion-icon svg { width: 20px !important; height: 20px !important; margin-top: 5px; } } @media screen and (min-width: 992px) and (max-width: 1024px) {} @media screen and (min-width: 768px) and (max-width: 992px) { .swiper::after, .swiper::before{ display: none !important; } .tablet-img{ width: 335px; height: 335px; margin: 0px 0 -75px !important; } .home-fp:hover img{ transform: none; } /* GET A QUOTE */ .page .gsection_title { font-size: 24px !important; line-height: 32px !important; text-align: left; } .gform_description { font-size: 14px; width: 396px; margin: 0; } .page .gsection_title{ font-size: 32px; } .page .gform_wrapper.gravity-theme .gfield_label { font-size: 16px; line-height: 28px; margin-bottom: 8px; } .page .gform_wrapper.gravity-theme .gfield.separator { margin: 80px 0; } .gform_wrapper.gravity-theme .gfield.gfield--width-full { padding-bottom: 24px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio { justify-content: left; gap: 0; row-gap: 0px; flex-direction: row; row-gap: 40px; } /* NAV */ /* .nav-tablet-mobile ul{ height: 90vh; justify-content: center; display: flex; flex-direction: column; align-items: center; } */ } @media screen and (max-width: 767px) { /* .nav-tablet-mobile ul{ height: 90vh; justify-content: center; display: flex; flex-direction: column; align-items: center; } .nav-tablet-mobile ul li{ padding: 0; margin: 0 0 22px 0; } .nav-tablet-mobile ul li:not(:last-child) a{ padding: 9px 0 !important; } .nav-tablet-mobile ul li:last-child a{ border: solid 2px var(--orange); border-radius: 50px; padding: 15px 30px; } */ .nav-tablet-mobile ul.elementor-nav-menu{ padding-bottom:30px; } .nav-tablet-mobile ul li a{ color: #737980; } /* .swiper-pagination-bullet { width: 50px !important; } */ .swiper::after, .swiper::before{ display: none !important; } .gform_wrapper.gravity-theme .gfield.name-group .name_first { margin-bottom: 24px; } .page .gform_wrapper.gravity-theme .gfield_label { margin-bottom: 8px; font-size: 16px; line-height: 28px; } .page .gform_wrapper.gravity-theme .gfield.separator { margin: 60px 0; padding: 0; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice { display: flex; flex-direction: row; width: 100%; align-items: center; gap: 24px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 label { width: 70px; height: 70px; order: 3; margin: 0; font-size: 12px; font-family: 'Poppins'; } .gform_wrapper.gravity-theme .gfield.platforms .gfield-choice-input { margin-bottom: 0 !important; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 #input_1_14_other { height: 60px; width: 160px; } .home-fp:hover img{ transform: none; } .banner-img{ height: 375px; } .page .gsection_title { font-size: 24px !important; line-height: 32px !important; text-align: left; } .gform_wrapper.gravity-theme .gfield.gfield--width-full, .gform_wrapper.gravity-theme .gfield.gfield--width-half{ padding-bottom: 24px !important; } .gform_wrapper.gravity-theme .gfield.name-group .name_first { margin-bottom: 24px; } .page .gform_wrapper.gravity-theme .gfield_label { margin-bottom: 8px; font-size: 16px; line-height: 28px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio { justify-content: left; gap: 0; row-gap: 0px; flex-direction: column; row-gap: 40px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice { display: flex; flex-direction: row; width: 100%; align-items: center; gap: 24px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 label { width: 70px; height: 70px; order: 3; margin: 0; font-size: 12px; font-family: 'Poppins'; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gfield-choice-input { margin-bottom: 0 !important; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_2 #input_1_14_other { height: 60px; width: 160px; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_1::before { width: 70px; height: 80px; background-size: cover; order: 2; margin: 0; } .gform_wrapper.gravity-theme .gfield.platforms .gfield_radio .gchoice_1_14_0::before { width: 70px; height: 70px; background-size: auto; background-size: cover; order: 2; margin: 0; } .gform_wrapper.gravity-theme .gfield.platforms .gfield-choice-input + label { order: 3; } .gform_wrapper.gravity-theme fieldset.service .gfield_checkbox { display: block; width: auto; } .gform_wrapper.gravity-theme fieldset.service .gfield_checkbox .gchoice { padding-bottom: 16px; } .page .gform_footer{ flex-direction: column; justify-content: center; } .gform_footer .gform_button.button { margin-bottom: 40px !important; font-size: 16px; line-height: 23px !important; padding: 20px 56px; border-radius: 36px; min-height: 23px !important; align-self: center !important; } #field_1_36, #field_1_27, #field_1_37{ padding: 0 0 24px; } .gform_wrapper.gravity-theme .gfield.short-project-description{ padding: 0 0 24px; } .gform_description{ text-align: center; } .gform_wrapper.gravity-theme .ginput_complex input, .page .gform_wrapper.gravity-theme .gfield input.large, .page .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .ginput_container_date input { height: 60px; } .page .gform_wrapper.gravity-theme .gfield.select .ginput_container::before { height: 60px; } .page .gsection { margin-bottom: 32px; } .page .gform_wrapper.gravity-theme .gfield.separator { margin: 64px 0; padding: 0; } .gsection_title{ margin: 0; } .elementor-element-c92ea23{ padding: 0; } } /*------------------ END MEDIA QUERY --------------------*/ </style> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <script> jQuery(document).ready(function($) { if (document.body.classList.contains('page-id-417') || document.body.classList.contains('page-id-596')) { $(window).scroll(function() { let $window = $(window); let $sections = $('.moving-section'); let $title = $('.moving-title'); let offset = 0.9; $sections.each(function() { let sectionTop = $(this).offset().top; let threshold = sectionTop + $window.height() * 0.9; if ($window.scrollTop() > sectionTop) { $title.css({ position: 'fixed', top: '200px' }); } else { if ($window.scrollTop() < sectionTop) { // console.log("$window.scrollTop() < $sections.first().offset().top ABOVE") $title.css({ position: 'relative', top: 0 }); } } if ($window.scrollTop() > threshold) { // console.log("$window.scrollTop() > threshold BELOW") $title.css({ position: 'relative', top: '835px' }); } }); }).scroll(); } }); </script> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <script> jQuery(document).ready(function($) { if(document.body.classList.contains('page-id-30')){ $(window).scroll(function() { let $window = $(window); let $body = $('body'); let $sections = $('.section'); let offset = 0.9; $sections.each(function(index) { let sectionTop = $(this).offset().top; let sectionBottom = sectionTop + $(this).outerHeight(); let sectionImgInner = $(this).find('.section-img-inner'); let sectionBody = $(this).find('.section-body'); if (sectionTop <= $window.scrollTop() + $window.height() * (1 - offset) && sectionBottom > $window.scrollTop() + $window.height() * offset) { $sections.removeClass('active'); $(this).addClass('active'); sectionImgInner.css({ position: 'fixed', top: '42px' }); } else { // Remove 'active' class if not in view // $(this).removeClass('active'); if ($window.scrollTop() < $sections.first().offset().top){ if(index ===0){ sectionImgInner.css({ position: 'relative', top: '-50px' }); } } if($window.scrollTop() > $sections.last().offset().top){ sectionImgInner.css({ position: 'relative', top: '30px' }); // $(this).removeClass('active'); } } }); }).scroll(); } }); </script> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <script> jQuery(document).ready(function( $ ){ if(document.body.classList.contains('page-id-769')){ const desc = document.querySelector('.gform_description'); const formBot = document.querySelector('.gform_footer'); const other = document.getElementById('input_1_14_other'); const required = document.querySelectorAll('.gfield_required_text'); required.forEach(req => { req.innerHTML = "*"; }); other.value = ""; formBot.appendChild(desc); let checkboxYes = document.getElementById('choice_1_43_1'); let checkboxNo = document.getElementById('choice_1_43_2'); checkboxYes.addEventListener('change', function() { if (this.checked) { checkboxNo.checked = false; } }); checkboxNo.addEventListener('change', function() { if (this.checked) { checkboxYes.checked = false; } }); } }); </script> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <script> jQuery(document).ready(function( $ ){ if (window.matchMedia('screen and (min-width: 992px)').matches) { if(document.body.classList.contains('page-id-30')){ const banner = document.getElementById('banner-img'); const mobile = document.querySelector('.mobile-two'); const mob_Vid = document.querySelector('.mobile-vid'); const initialTransform = 'translate(0px)'; const initialOpacity = 1; // Scroll position to make the banner fixed const scrollPositionToShowFixed = document.querySelector('.banner'); // Listen for scroll events window.addEventListener('scroll', () => { // Get the current scroll position const scrollY = window.scrollY || window.pageYOffset; // Calculate the values based on scroll progress const translateX = Math.min(scrollY / 100); const scaleValue = Math.max(0.2, 1 - scrollY / 750); const opacityValue = Math.max(0, 1 - scrollY / 550); // Update banner styles based on scroll position if (opacityValue > 0) { banner.style.transform = `translate(${translateX}px, 0px) scale(${scaleValue})`; banner.style.opacity = opacityValue; mobile.classList.replace('fadeIn', 'fadeOut'); mob_Vid.classList.replace('fadeIn', 'fadeOut'); } else{ mobile.classList.replace('fadeOut', 'fadeIn'); mob_Vid.classList.replace('fadeOut', 'fadeIn'); } // Apply fixed position when a certain scroll position is reached if (scrollY >= 0) { banner.classList.add('fixed'); banner.style.opacity = opacityValue; } else if(scrollY <= scrollPositionToShowFixed){ banner.classList.remove('fixed'); banner.style.opacity = 0; } }); } } }); </script> <!-- end Simple Custom CSS and JS --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K596T8H');</script> <!-- End Google Tag Manager --><link rel="icon" href="https://olibro.com/wp-content/uploads/favicon.png" sizes="32x32" /> <link rel="icon" href="https://olibro.com/wp-content/uploads/favicon.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://olibro.com/wp-content/uploads/favicon.png" /> <meta name="msapplication-TileImage" content="https://olibro.com/wp-content/uploads/favicon.png" /> <style id="wp-custom-css"> .yellow-bx { background-image: linear-gradient(45deg, #F7F8FB 0%, #F7F8FB 100%) !important; } .yellow-bx h4 { color:#22262B !important; } @media (max-width: 980px){ #menu-1-4704f0f li a{ justify-content: center; } } #portfolio_new .swiper-pagination-bullet, #new_slider .swiper-pagination-bullet{ opacity:1; background-color:#EDEAEC !important; background:#EDEAEC !important; } #new_slider .swiper-pagination-bullet-active, #portfolio_new .swiper-pagination-bullet-active { background-color:#F9B719 !important; } #gform_wrapper_2 select{ background-image:url(/wp-content/uploads/downArrow.svg); background-position:calc(100% - 20px); background-repeat:no-repeat; background-size:30px; color: #757575 !important; background-color: #fff !important; } </style> </head> <body class="page-template-default page page-id-417 wp-custom-logo elementor-default elementor-template-full-width elementor-kit-25 elementor-page elementor-page-417 elementor-page-869"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K596T8H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div data-elementor-type="header" data-elementor-id="34" class="elementor elementor-34 elementor-location-header" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-06825a6 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent" data-id="06825a6" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}"> <div class="elementor-element elementor-element-fc4dec2 e-con-full e-flex e-con e-child" data-id="fc4dec2" data-element_type="container"> <div class="elementor-element elementor-element-e0522e2 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="e0522e2" data-element_type="widget" data-widget_type="theme-site-logo.default"> <div class="elementor-widget-container"> <a href="https://olibro.com"> <img width="380" height="89" src="https://olibro.com/wp-content/uploads/Olibro-logo.svg" class="attachment-full size-full wp-image-42" alt="" /> </a> </div> </div> </div> <div class="elementor-element elementor-element-cc466f5 e-con-full e-flex e-con e-child" data-id="cc466f5" data-element_type="container"> <div class="elementor-element elementor-element-3a088b4 elementor-nav-menu__align-center elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="3a088b4" data-element_type="widget" data-settings="{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade"> <ul id="menu-1-3a088b4" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1469"><a href="https://olibro.com/about/" class="elementor-item">About</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-4346"><a href="https://olibro.com/services/" class="elementor-item">Services</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1466"><a href="https://olibro.com/wordpress/" class="elementor-sub-item">WordPress</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-417 current_page_item menu-item-1465"><a href="https://olibro.com/shopify/" aria-current="page" class="elementor-sub-item elementor-item-active">Shopify</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1467"><a href="https://olibro.com/seo-services/" class="elementor-sub-item">SEO Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3281"><a href="https://olibro.com/website-care/" class="elementor-sub-item">Website Care</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4350"><a href="https://olibro.com/industries/" class="elementor-item">Industries</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4352"><a href="https://olibro.com/e-commerce/" class="elementor-sub-item">E-commerce</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4353"><a href="https://olibro.com/academics/" class="elementor-sub-item">Academics</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4351"><a href="https://olibro.com/non-profits/" class="elementor-sub-item">Non-Profits</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4379"><a href="https://olibro.com/small-business/" class="elementor-sub-item">Small Business</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1468"><a href="https://olibro.com/portfolio/" class="elementor-item">Portfolio</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg><svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-3a088b4" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1469"><a href="https://olibro.com/about/" class="elementor-item" tabindex="-1">About</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-4346"><a href="https://olibro.com/services/" class="elementor-item" tabindex="-1">Services</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1466"><a href="https://olibro.com/wordpress/" class="elementor-sub-item" tabindex="-1">WordPress</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-417 current_page_item menu-item-1465"><a href="https://olibro.com/shopify/" aria-current="page" class="elementor-sub-item elementor-item-active" tabindex="-1">Shopify</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1467"><a href="https://olibro.com/seo-services/" class="elementor-sub-item" tabindex="-1">SEO Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3281"><a href="https://olibro.com/website-care/" class="elementor-sub-item" tabindex="-1">Website Care</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4350"><a href="https://olibro.com/industries/" class="elementor-item" tabindex="-1">Industries</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4352"><a href="https://olibro.com/e-commerce/" class="elementor-sub-item" tabindex="-1">E-commerce</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4353"><a href="https://olibro.com/academics/" class="elementor-sub-item" tabindex="-1">Academics</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4351"><a href="https://olibro.com/non-profits/" class="elementor-sub-item" tabindex="-1">Non-Profits</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4379"><a href="https://olibro.com/small-business/" class="elementor-sub-item" tabindex="-1">Small Business</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1468"><a href="https://olibro.com/portfolio/" class="elementor-item" tabindex="-1">Portfolio</a></li> </ul> </nav> </div> </div> </div> <div class="elementor-element elementor-element-1fd0905 e-con-full e-flex e-con e-child" data-id="1fd0905" data-element_type="container"> <div class="elementor-element elementor-element-dff1d9c elementor-align-right elementor-widget elementor-widget-button" data-id="dff1d9c" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/appointment-calendar/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Let's Talk</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-57944d2 e-con-full elementor-hidden-desktop e-flex e-con e-parent" data-id="57944d2" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}"> <div class="elementor-element elementor-element-c927adf e-con-full e-flex e-con e-child" data-id="c927adf" data-element_type="container"> <div class="elementor-element elementor-element-dbae42d elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="dbae42d" data-element_type="widget" data-widget_type="theme-site-logo.default"> <div class="elementor-widget-container"> <a href="https://olibro.com"> <img width="380" height="89" src="https://olibro.com/wp-content/uploads/Olibro-logo.svg" class="attachment-full size-full wp-image-42" alt="" /> </a> </div> </div> </div> <div class="elementor-element elementor-element-10b942d e-con-full e-flex e-con e-child" data-id="10b942d" data-element_type="container"> <div class="elementor-element elementor-element-8400c3a elementor-nav-menu--stretch elementor-nav-menu__text-align-center nav-tablet-mobile elementor-hidden-desktop elementor-nav-menu--dropdown-tablet elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="8400c3a" data-element_type="widget" data-settings="{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade"> <ul id="menu-1-8400c3a" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1461"><a href="https://olibro.com/about/" class="elementor-item">About</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-4435"><a class="elementor-item">Services</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1458"><a href="https://olibro.com/wordpress/" class="elementor-sub-item">WordPress</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-417 current_page_item menu-item-1457"><a href="https://olibro.com/shopify/" aria-current="page" class="elementor-sub-item elementor-item-active">Shopify</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1459"><a href="https://olibro.com/seo-services/" class="elementor-sub-item">SEO Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3280"><a href="https://olibro.com/website-care/" class="elementor-sub-item">Website Care</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4441"><a class="elementor-item">Industries</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4430"><a href="https://olibro.com/e-commerce/" class="elementor-sub-item">E-commerce</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4431"><a href="https://olibro.com/academics/" class="elementor-sub-item">Academics</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4432"><a href="https://olibro.com/non-profits/" class="elementor-sub-item">Non-Profits</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4433"><a href="https://olibro.com/small-business/" class="elementor-sub-item">Small Business</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1460"><a href="https://olibro.com/portfolio/" class="elementor-item">Portfolio</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2829"><a href="/appointment-calendar/" class="elementor-item">Let&#8217;s Talk</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <span class="elementor-menu-toggle__icon--open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="icon" x="0px" y="0px" viewBox="0 0 38 32" style="enable-background:new 0 0 38 32;" xml:space="preserve"><style type="text/css"> .st0{fill:#737980;}</style><g id="menu"> <path class="st0" d="M34.5,7.5H3.5C2.7,7.5,2,6.9,2,6s0.7-1.5,1.5-1.5h31.1C35.3,4.5,36,5.2,36,6S35.3,7.5,34.5,7.5z"></path> <path class="st0" d="M34.5,27.5H3.5C2.7,27.5,2,26.8,2,26s0.7-1.5,1.5-1.5h31.1c0.8,0,1.5,0.7,1.5,1.5S35.3,27.5,34.5,27.5z"></path> <path class="st0" d="M34.6,17.5H13.4c-0.8,0-1.4-0.7-1.4-1.5s0.6-1.5,1.4-1.5h21.1c0.8,0,1.4,0.7,1.4,1.5S35.4,17.5,34.6,17.5z"></path></g></svg></span><span class="elementor-menu-toggle__icon--close"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="icon" x="0px" y="0px" viewBox="0 0 38 32" style="enable-background:new 0 0 38 32;" xml:space="preserve"><style type="text/css"> .st0{fill:#737980;}</style><path id="close" class="st0" d="M31,25.9L21.1,16L31,6.1c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L19,13.9L9.1,4C8.5,3.4,7.6,3.4,7,4 C6.4,4.6,6.4,5.5,7,6.1l9.9,9.9L7,25.9c-0.6,0.6-0.6,1.5,0,2.1s1.5,0.6,2.1,0l9.9-9.9l9.9,9.9c0.6,0.6,1.5,0.6,2.1,0 C31.6,27.4,31.6,26.5,31,25.9z"></path></svg></span> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-8400c3a" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1461"><a href="https://olibro.com/about/" class="elementor-item" tabindex="-1">About</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-4435"><a class="elementor-item" tabindex="-1">Services</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1458"><a href="https://olibro.com/wordpress/" class="elementor-sub-item" tabindex="-1">WordPress</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-417 current_page_item menu-item-1457"><a href="https://olibro.com/shopify/" aria-current="page" class="elementor-sub-item elementor-item-active" tabindex="-1">Shopify</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1459"><a href="https://olibro.com/seo-services/" class="elementor-sub-item" tabindex="-1">SEO Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3280"><a href="https://olibro.com/website-care/" class="elementor-sub-item" tabindex="-1">Website Care</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4441"><a class="elementor-item" tabindex="-1">Industries</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4430"><a href="https://olibro.com/e-commerce/" class="elementor-sub-item" tabindex="-1">E-commerce</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4431"><a href="https://olibro.com/academics/" class="elementor-sub-item" tabindex="-1">Academics</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4432"><a href="https://olibro.com/non-profits/" class="elementor-sub-item" tabindex="-1">Non-Profits</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4433"><a href="https://olibro.com/small-business/" class="elementor-sub-item" tabindex="-1">Small Business</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1460"><a href="https://olibro.com/portfolio/" class="elementor-item" tabindex="-1">Portfolio</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2829"><a href="/appointment-calendar/" class="elementor-item" tabindex="-1">Let&#8217;s Talk</a></li> </ul> </nav> </div> </div> </div> </div> </div> <div data-elementor-type="wp-page" data-elementor-id="417" class="elementor elementor-417" data-elementor-post-type="page"> <div class="elementor-element elementor-element-e4a3e58 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="e4a3e58" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-d21a443 e-flex e-con-boxed e-con e-child" data-id="d21a443" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-326e3c9 elementor-widget elementor-widget-heading" data-id="326e3c9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">Olibro + Shopify</h1> </div> </div> <div class="elementor-element elementor-element-f6687c5 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor" data-id="f6687c5" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>The best solution for your e-commerce websites</p> </div> </div> </div> </div> <div class="elementor-element elementor-element-62ea5ac elementor-widget-tablet__width-initial elementor-widget elementor-widget-image" data-id="62ea5ac" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img fetchpriority="high" decoding="async" width="800" height="398" src="https://olibro.com/wp-content/uploads/shopify-banner-1.webp" class="attachment-large size-large wp-image-418" alt="" srcset="https://olibro.com/wp-content/uploads/shopify-banner-1.webp 920w, https://olibro.com/wp-content/uploads/shopify-banner-1-300x149.webp 300w, https://olibro.com/wp-content/uploads/shopify-banner-1-768x382.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /> </div> </div> <div class="elementor-element elementor-element-e370faa e-flex e-con-boxed e-con e-child" data-id="e370faa" data-element_type="container" data-settings="{&quot;position&quot;:&quot;absolute&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-9774af6 elementor-widget elementor-widget-image" data-id="9774af6" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img decoding="async" width="881" height="782" src="https://olibro.com/wp-content/uploads/bg-images-shopify.png" class="attachment-full size-full wp-image-419" alt="" srcset="https://olibro.com/wp-content/uploads/bg-images-shopify.png 881w, https://olibro.com/wp-content/uploads/bg-images-shopify-300x266.png 300w, https://olibro.com/wp-content/uploads/bg-images-shopify-768x682.png 768w" sizes="(max-width: 881px) 100vw, 881px" /> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-bf3536c elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent" data-id="bf3536c" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-3358e3e e-flex e-con-boxed e-con e-child" data-id="3358e3e" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-d2ba731 elementor-widget elementor-widget-heading" data-id="d2ba731" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">Olibro + Shopify</h1> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-71ea82f e-flex e-con-boxed e-con e-parent" data-id="71ea82f" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-a1efc1a e-con-full e-flex e-con e-child" data-id="a1efc1a" data-element_type="container"> <div class="elementor-element elementor-element-778bc06 elementor-widget elementor-widget-heading" data-id="778bc06" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Why Shopify?</h2> </div> </div> <div class="elementor-element elementor-element-f93cf7d elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="f93cf7d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>The first choice of hundreds of thousands of global retailers</p> </div> </div> <div class="elementor-element elementor-element-ef77de3 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="ef77de3" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Shopify is an e-commerce platform that allows you to sell online, offline and on-the-go with its powerful technology. The platform relies on fast servers and cutting-edge infrastructure with 24/7 support.</p> </div> </div> </div> <div class="elementor-element elementor-element-aff35ee e-con-full e-flex e-con e-child" data-id="aff35ee" data-element_type="container"> <div class="elementor-element elementor-element-0869647 elementor-widget elementor-widget-image" data-id="0869647" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img loading="lazy" decoding="async" width="800" height="800" src="https://olibro.com/wp-content/uploads/side-image-shopify@2x-1024x1024.webp" class="attachment-large size-large wp-image-436" alt="" srcset="https://olibro.com/wp-content/uploads/side-image-shopify@2x-1024x1024.webp 1024w, https://olibro.com/wp-content/uploads/side-image-shopify@2x-300x300.webp 300w, https://olibro.com/wp-content/uploads/side-image-shopify@2x-150x150.webp 150w, https://olibro.com/wp-content/uploads/side-image-shopify@2x-768x768.webp 768w, https://olibro.com/wp-content/uploads/side-image-shopify@2x.webp 1140w" sizes="(max-width: 800px) 100vw, 800px" /> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-fa08804 e-flex e-con-boxed e-con e-parent" data-id="fa08804" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-0014d89 elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="0014d89" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Key features that can make your online business more manageable</h2> </div> </div> </div> </div> <div class="elementor-element elementor-element-29bb10e key-features e-flex e-con-boxed e-con e-parent" data-id="29bb10e" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-f1280da e-flex e-con-boxed e-con e-child" data-id="f1280da" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-243753e e-con-full e-flex e-con e-child" data-id="243753e" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="elementor-element elementor-element-170a3ed elementor-widget elementor-widget-text-editor" data-id="170a3ed" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>01</p> </div> </div> <div class="elementor-element elementor-element-f081756 elementor-widget elementor-widget-text-editor" data-id="f081756" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Process payments directly through Shopify or other gateways.</p> </div> </div> </div> <div class="elementor-element elementor-element-512a7f9 e-con-full e-flex e-con e-child" data-id="512a7f9" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="elementor-element elementor-element-4b1adbf elementor-widget elementor-widget-text-editor" data-id="4b1adbf" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>02</p> </div> </div> <div class="elementor-element elementor-element-cc6a259 elementor-widget elementor-widget-text-editor" data-id="cc6a259" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Take advantage of robust Shopify shipping solutions.</p> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-b16f6ea e-flex e-con-boxed e-con e-child" data-id="b16f6ea" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-2b60aa1 e-con-full e-flex e-con e-child" data-id="2b60aa1" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="elementor-element elementor-element-d292bc2 elementor-widget elementor-widget-text-editor" data-id="d292bc2" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>03</p> </div> </div> <div class="elementor-element elementor-element-fb82d6e elementor-widget elementor-widget-text-editor" data-id="fb82d6e" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Use built-in SEO, coupon codes, gift cards and A/B testing.</p> </div> </div> </div> <div class="elementor-element elementor-element-1e0b515 e-con-full e-flex e-con e-child" data-id="1e0b515" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="elementor-element elementor-element-afd3750 elementor-widget elementor-widget-text-editor" data-id="afd3750" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>04</p> </div> </div> <div class="elementor-element elementor-element-c3711a8 elementor-widget elementor-widget-text-editor" data-id="c3711a8" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Benefit from optimized and responsive Shopify themes.</p> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-e1e81b4 e-flex e-con-boxed e-con e-child" data-id="e1e81b4" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-8b7e05c e-con-full e-flex e-con e-child" data-id="8b7e05c" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="elementor-element elementor-element-0d39907 elementor-widget elementor-widget-text-editor" data-id="0d39907" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>05</p> </div> </div> <div class="elementor-element elementor-element-a37bbeb elementor-widget elementor-widget-text-editor" data-id="a37bbeb" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Fully PCI Level 1 Compliant checkout process.</p> </div> </div> </div> <div class="elementor-element elementor-element-515f40b e-con-full e-flex e-con e-child" data-id="515f40b" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="elementor-element elementor-element-0c3d452 elementor-widget elementor-widget-text-editor" data-id="0c3d452" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>06</p> </div> </div> <div class="elementor-element elementor-element-9dca636 elementor-widget elementor-widget-text-editor" data-id="9dca636" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Integrated blogging platform.</p> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-87bfb3d moving-section e-flex e-con-boxed e-con e-parent" data-id="87bfb3d" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-c9fae77 e-con-full cont-moving-title e-flex e-con e-child" data-id="c9fae77" data-element_type="container"> <div class="elementor-element elementor-element-bf5b1d7 elementor-hidden-tablet elementor-hidden-mobile moving-title elementor-widget elementor-widget-heading" data-id="bf5b1d7" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Our Shopify<br> Expertise</h2> </div> </div> <div class="elementor-element elementor-element-b0d56d9 elementor-hidden-desktop elementor-widget elementor-widget-heading" data-id="b0d56d9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Our Shopify Expertise</h2> </div> </div> </div> <div class="elementor-element elementor-element-e7d3251 e-con-full cont-static-text e-flex e-con e-child" data-id="e7d3251" data-element_type="container"> <div class="elementor-element elementor-element-718440d e-con-full static-text e-flex e-con e-child" data-id="718440d" data-element_type="container"> <div class="elementor-element elementor-element-60ed247 elementor-widget elementor-widget-heading" data-id="60ed247" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Design &amp; Development</h3> </div> </div> <div class="elementor-element elementor-element-628ddf9 elementor-widget elementor-widget-text-editor" data-id="628ddf9" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>We have professionals working in all areas of Shopify design and development. This allows us to develop efficient e-commerce solutions for our clients. Our online store creation is for clients who want to sell their products on the Internet efficiently.</p> </div> </div> </div> <div class="elementor-element elementor-element-4dba856 e-con-full static-text e-flex e-con e-child" data-id="4dba856" data-element_type="container"> <div class="elementor-element elementor-element-da98025 elementor-widget elementor-widget-heading" data-id="da98025" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Theme Customization</h3> </div> </div> <div class="elementor-element elementor-element-20c4d53 elementor-widget elementor-widget-text-editor" data-id="20c4d53" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>This service is for clients who have just started to work with Shopify and those who already have online stores. Our developers and set-up experts will help a client select a theme and customize it to improve the present functionality of clients’ stores.</p> </div> </div> </div> <div class="elementor-element elementor-element-ec0df07 e-con-full elementor-hidden-tablet elementor-hidden-mobile static-text e-flex e-con e-child" data-id="ec0df07" data-element_type="container"> <div class="elementor-element elementor-element-c24cb85 elementor-widget elementor-widget-heading" data-id="c24cb85" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Shopify Apps</h3> </div> </div> <div class="elementor-element elementor-element-17ce536 elementor-widget elementor-widget-text-editor" data-id="17ce536" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>There are many reasons why our clients may need to create a custom Shopify app. Marketing reason, functional purposes, etc. If there are no suitable solutions in the App Store, we can create unique solutions for your specific businesses.</p> </div> </div> </div> <div class="elementor-element elementor-element-bbb50dc e-con-full elementor-hidden-tablet elementor-hidden-mobile static-text e-flex e-con e-child" data-id="bbb50dc" data-element_type="container"> <div class="elementor-element elementor-element-a0d614f elementor-widget elementor-widget-heading" data-id="a0d614f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Ongoing Support</h3> </div> </div> <div class="elementor-element elementor-element-be5140a elementor-widget elementor-widget-text-editor" data-id="be5140a" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>We build long-lasting relationships with our clients that continue long after an initial project is finished. We offer priority or monthly retainer support to clients who need a team of Shopify specialists to maintain and improve their stores constantly.</p> </div> </div> </div> </div> <div class="elementor-element elementor-element-5b8a749 e-con-full elementor-hidden-desktop e-flex e-con e-child" data-id="5b8a749" data-element_type="container"> <div class="elementor-element elementor-element-f4c48f7 e-con-full e-flex e-con e-child" data-id="f4c48f7" data-element_type="container"> <div class="elementor-element elementor-element-b37a8b0 elementor-widget elementor-widget-heading" data-id="b37a8b0" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Shopify Apps</h3> </div> </div> <div class="elementor-element elementor-element-7a6f1d8 elementor-widget elementor-widget-text-editor" data-id="7a6f1d8" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>There are many reasons why our clients may need to create a custom Shopify app. Marketing reason, functional purposes, etc. If there are no suitable solutions in the App Store, we can create unique solutions for your specific businesses.</p> </div> </div> </div> <div class="elementor-element elementor-element-414b3e6 e-con-full e-flex e-con e-child" data-id="414b3e6" data-element_type="container"> <div class="elementor-element elementor-element-873909e elementor-widget elementor-widget-heading" data-id="873909e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Ongoing Support</h3> </div> </div> <div class="elementor-element elementor-element-ff75dc7 elementor-widget elementor-widget-text-editor" data-id="ff75dc7" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>We build long-lasting relationships with our clients that continue long after an initial project is finished. We offer priority or monthly retainer support to clients who need a team of Shopify specialists to maintain and improve their stores constantly.</p> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4f40376 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="4f40376" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-4d6d6b0 elementor-widget elementor-widget-heading" data-id="4d6d6b0" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Shopify Projects</h2> </div> </div> <div class="elementor-element elementor-element-f1f616a e-flex e-con-boxed e-con e-child" data-id="f1f616a" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-30977ff elementor-grid-1 port_loop elementor-widget__width-inherit elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid" data-id="30977ff" data-element_type="widget" data-settings="{&quot;template_id&quot;:&quot;4071&quot;,&quot;columns&quot;:1,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:30,&quot;sizes&quot;:[]},&quot;_skin&quot;:&quot;post&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\&quot;loop-item\&quot;]&quot;,&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <div class="elementor-loop-container elementor-grid"> <style id="loop-dynamic-4071">.e-loop-item-4062 .elementor-element.elementor-element-6cafcf3:not(.elementor-motion-effects-element-type-background), .e-loop-item-4062 .elementor-element.elementor-element-6cafcf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olibro.com/wp-content/uploads/mdglam-side-image.webp");}</style><style id="loop-4071">.elementor-4071 .elementor-element.elementor-element-6cafcf3{--display:flex;--min-height:370px;--justify-content:flex-end;--gap:0px 0px;--overflow:hidden;--background-transition:0.3s;--overlay-opacity:0.2;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4071 .elementor-element.elementor-element-6cafcf3::before, .elementor-4071 .elementor-element.elementor-element-6cafcf3 > .elementor-background-video-container::before, .elementor-4071 .elementor-element.elementor-element-6cafcf3 > .e-con-inner > .elementor-background-video-container::before, .elementor-4071 .elementor-element.elementor-element-6cafcf3 > .elementor-background-slideshow::before, .elementor-4071 .elementor-element.elementor-element-6cafcf3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4071 .elementor-element.elementor-element-6cafcf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4071 .elementor-element.elementor-element-6cafcf3:not(.elementor-motion-effects-element-type-background), .elementor-4071 .elementor-element.elementor-element-6cafcf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4071 .elementor-element.elementor-element-6cafcf3, .elementor-4071 .elementor-element.elementor-element-6cafcf3::before{--border-transition:0.3s;}.elementor-4071 .elementor-element.elementor-element-5ee0b21{z-index:2;}.elementor-4071 .elementor-element.elementor-element-5ee0b21 .elementor-heading-title{color:#FFFFFF;font-size:18px;font-weight:500;line-height:28px;}.elementor-4071 .elementor-element.elementor-element-31d7a88{z-index:2;}.elementor-4071 .elementor-element.elementor-element-31d7a88 .elementor-heading-title{color:#FFFFFF;font-size:24px;font-weight:500;line-height:24px;}</style> <div data-elementor-type="loop-item" data-elementor-id="4071" class="elementor elementor-4071 e-loop-item e-loop-item-4062 post-4062 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <a class="elementor-element elementor-element-6cafcf3 e-flex e-con-boxed e-con e-parent" data-id="6cafcf3" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" href="https://olibro.com/portfolio/md-glam/"> <div class="e-con-inner"> <div class="elementor-element elementor-element-5ee0b21 elementor-widget elementor-widget-heading" data-id="5ee0b21" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default"><span>Shopify</span></div> </div> </div> <div class="elementor-element elementor-element-31d7a88 elementor-widget elementor-widget-heading" data-id="31d7a88" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">MD Glam</h3> </div> </div> </div> </a> </div> <style id="loop-dynamic-4071">.e-loop-item-4035 .elementor-element.elementor-element-6cafcf3:not(.elementor-motion-effects-element-type-background), .e-loop-item-4035 .elementor-element.elementor-element-6cafcf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olibro.com/wp-content/uploads/soft-steel-side-image.webp");}</style> <div data-elementor-type="loop-item" data-elementor-id="4071" class="elementor elementor-4071 e-loop-item e-loop-item-4035 post-4035 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <a class="elementor-element elementor-element-6cafcf3 e-flex e-con-boxed e-con e-parent" data-id="6cafcf3" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" href="https://olibro.com/portfolio/soft-steel-usa/"> <div class="e-con-inner"> <div class="elementor-element elementor-element-5ee0b21 elementor-widget elementor-widget-heading" data-id="5ee0b21" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default"><span>Shopify</span></div> </div> </div> <div class="elementor-element elementor-element-31d7a88 elementor-widget elementor-widget-heading" data-id="31d7a88" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Soft Steel USA</h3> </div> </div> </div> </a> </div> <style id="loop-dynamic-4071">.e-loop-item-4052 .elementor-element.elementor-element-6cafcf3:not(.elementor-motion-effects-element-type-background), .e-loop-item-4052 .elementor-element.elementor-element-6cafcf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olibro.com/wp-content/uploads/lista-side-image.webp");}</style> <div data-elementor-type="loop-item" data-elementor-id="4071" class="elementor elementor-4071 e-loop-item e-loop-item-4052 post-4052 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <a class="elementor-element elementor-element-6cafcf3 e-flex e-con-boxed e-con e-parent" data-id="6cafcf3" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" href="https://olibro.com/portfolio/lista-cabinets/"> <div class="e-con-inner"> <div class="elementor-element elementor-element-5ee0b21 elementor-widget elementor-widget-heading" data-id="5ee0b21" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default"><span>Shopify</span></div> </div> </div> <div class="elementor-element elementor-element-31d7a88 elementor-widget elementor-widget-heading" data-id="31d7a88" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Lista Cabinets</h3> </div> </div> </div> </a> </div> <style id="loop-dynamic-4071">.e-loop-item-4182 .elementor-element.elementor-element-6cafcf3:not(.elementor-motion-effects-element-type-background), .e-loop-item-4182 .elementor-element.elementor-element-6cafcf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olibro.com/wp-content/uploads/OTY-side-image-min.png");}</style> <div data-elementor-type="loop-item" data-elementor-id="4071" class="elementor elementor-4071 e-loop-item e-loop-item-4182 post-4182 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <a class="elementor-element elementor-element-6cafcf3 e-flex e-con-boxed e-con e-parent" data-id="6cafcf3" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" href="https://olibro.com/portfolio/oty-jewelry/"> <div class="e-con-inner"> <div class="elementor-element elementor-element-5ee0b21 elementor-widget elementor-widget-heading" data-id="5ee0b21" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default"><span>Shopify</span></div> </div> </div> <div class="elementor-element elementor-element-31d7a88 elementor-widget elementor-widget-heading" data-id="31d7a88" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">OTY Jewelry</h3> </div> </div> </div> </a> </div> <style id="loop-dynamic-4071">.e-loop-item-4015 .elementor-element.elementor-element-6cafcf3:not(.elementor-motion-effects-element-type-background), .e-loop-item-4015 .elementor-element.elementor-element-6cafcf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olibro.com/wp-content/uploads/plaza-side-image.webp");}</style> <div data-elementor-type="loop-item" data-elementor-id="4071" class="elementor elementor-4071 e-loop-item e-loop-item-4015 post-4015 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <a class="elementor-element elementor-element-6cafcf3 e-flex e-con-boxed e-con e-parent" data-id="6cafcf3" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" href="https://olibro.com/portfolio/music-plaza/"> <div class="e-con-inner"> <div class="elementor-element elementor-element-5ee0b21 elementor-widget elementor-widget-heading" data-id="5ee0b21" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default"><span>Shopify</span></div> </div> </div> <div class="elementor-element elementor-element-31d7a88 elementor-widget elementor-widget-heading" data-id="31d7a88" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Music Plaza</h3> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-dfb454f elementor-hidden-desktop e-flex e-con-boxed e-con e-parent" data-id="dfb454f" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-25a1922 elementor-widget elementor-widget-heading" data-id="25a1922" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Shopify Projects</h2> </div> </div> <div class="elementor-element elementor-element-413185c elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-loop-carousel" data-id="413185c" data-element_type="widget" id="portfolio_new" data-settings="{&quot;template_id&quot;:499,&quot;slides_to_scroll_tablet&quot;:&quot;1&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-widget-container&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="loop-carousel.post"> <div class="elementor-widget-container"> <div class="swiper elementor-loop-container elementor-grid" dir="ltr"> <div class="swiper-wrapper" aria-live="off"> <style id="loop-499">.elementor-499 .elementor-element.elementor-element-b648e29{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-499 .elementor-element.elementor-element-859ece6 img{border-radius:20px 20px 20px 20px;}.elementor-499 .elementor-element.elementor-element-b8c4b3c .elementor-heading-title{color:#515B66;font-weight:500;}@media(max-width:1024px){.elementor-499 .elementor-element.elementor-element-95c4d2d > .elementor-widget-container{margin:0px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-499 .elementor-element.elementor-element-95c4d2d{font-size:16px;line-height:25.6px;}.elementor-499 .elementor-element.elementor-element-b8c4b3c .elementor-heading-title{font-size:20px;line-height:32px;}}</style> <div data-elementor-type="loop-item" data-elementor-id="499" class="elementor elementor-499 swiper-slide e-loop-item e-loop-item-4052 post-4052 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-b648e29 e-flex e-con-boxed e-con e-parent" data-id="b648e29" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-859ece6 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image" data-id="859ece6" data-element_type="widget" data-widget_type="theme-post-featured-image.default"> <div class="elementor-widget-container"> <a href="https://olibro.com/portfolio/lista-cabinets/"> <img loading="lazy" decoding="async" width="570" height="570" src="https://olibro.com/wp-content/uploads/lista-side-image.webp" class="attachment-large size-large wp-image-220" alt="" srcset="https://olibro.com/wp-content/uploads/lista-side-image.webp 570w, https://olibro.com/wp-content/uploads/lista-side-image-300x300.webp 300w, https://olibro.com/wp-content/uploads/lista-side-image-150x150.webp 150w, https://olibro.com/wp-content/uploads/elementor/thumbs/lista-side-image-qfcpcfg1ep6neqkgcx4kz4s5us15dp428h5frrg3ha.webp 355w" sizes="(max-width: 570px) 100vw, 570px" /> </a> </div> </div> <div class="elementor-element elementor-element-95c4d2d elementor-widget elementor-widget-text-editor" data-id="95c4d2d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <span>Shopify</span> </div> </div> <div class="elementor-element elementor-element-b8c4b3c elementor-widget elementor-widget-heading" data-id="b8c4b3c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Lista Cabinets</h2> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="499" class="elementor elementor-499 swiper-slide e-loop-item e-loop-item-4046 post-4046 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-b648e29 e-flex e-con-boxed e-con e-parent" data-id="b648e29" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-859ece6 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image" data-id="859ece6" data-element_type="widget" data-widget_type="theme-post-featured-image.default"> <div class="elementor-widget-container"> <a href="https://olibro.com/portfolio/piezo-com/"> <img loading="lazy" decoding="async" width="570" height="570" src="https://olibro.com/wp-content/uploads/piezo-side-image.webp" class="attachment-large size-large wp-image-681" alt="" srcset="https://olibro.com/wp-content/uploads/piezo-side-image.webp 570w, https://olibro.com/wp-content/uploads/piezo-side-image-300x300.webp 300w, https://olibro.com/wp-content/uploads/piezo-side-image-150x150.webp 150w" sizes="(max-width: 570px) 100vw, 570px" /> </a> </div> </div> <div class="elementor-element elementor-element-95c4d2d elementor-widget elementor-widget-text-editor" data-id="95c4d2d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <span>Shopify</span> </div> </div> <div class="elementor-element elementor-element-b8c4b3c elementor-widget elementor-widget-heading" data-id="b8c4b3c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Piezo.com</h2> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="499" class="elementor elementor-499 swiper-slide e-loop-item e-loop-item-4035 post-4035 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-b648e29 e-flex e-con-boxed e-con e-parent" data-id="b648e29" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-859ece6 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image" data-id="859ece6" data-element_type="widget" data-widget_type="theme-post-featured-image.default"> <div class="elementor-widget-container"> <a href="https://olibro.com/portfolio/soft-steel-usa/"> <img loading="lazy" decoding="async" width="570" height="570" src="https://olibro.com/wp-content/uploads/soft-steel-side-image.webp" class="attachment-large size-large wp-image-97" alt="" srcset="https://olibro.com/wp-content/uploads/soft-steel-side-image.webp 570w, https://olibro.com/wp-content/uploads/soft-steel-side-image-300x300.webp 300w, https://olibro.com/wp-content/uploads/soft-steel-side-image-150x150.webp 150w" sizes="(max-width: 570px) 100vw, 570px" /> </a> </div> </div> <div class="elementor-element elementor-element-95c4d2d elementor-widget elementor-widget-text-editor" data-id="95c4d2d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <span>Shopify</span> </div> </div> <div class="elementor-element elementor-element-b8c4b3c elementor-widget elementor-widget-heading" data-id="b8c4b3c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Soft Steel USA</h2> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="499" class="elementor elementor-499 swiper-slide e-loop-item e-loop-item-4182 post-4182 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-b648e29 e-flex e-con-boxed e-con e-parent" data-id="b648e29" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-859ece6 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image" data-id="859ece6" data-element_type="widget" data-widget_type="theme-post-featured-image.default"> <div class="elementor-widget-container"> <a href="https://olibro.com/portfolio/oty-jewelry/"> <img loading="lazy" decoding="async" width="470" height="470" src="https://olibro.com/wp-content/uploads/OTY-side-image-min.png" class="attachment-large size-large wp-image-4183" alt="" srcset="https://olibro.com/wp-content/uploads/OTY-side-image-min.png 470w, https://olibro.com/wp-content/uploads/OTY-side-image-min-300x300.png 300w, https://olibro.com/wp-content/uploads/OTY-side-image-min-150x150.png 150w" sizes="(max-width: 470px) 100vw, 470px" /> </a> </div> </div> <div class="elementor-element elementor-element-95c4d2d elementor-widget elementor-widget-text-editor" data-id="95c4d2d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <span>Shopify</span> </div> </div> <div class="elementor-element elementor-element-b8c4b3c elementor-widget elementor-widget-heading" data-id="b8c4b3c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">OTY Jewelry</h2> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="499" class="elementor elementor-499 swiper-slide e-loop-item e-loop-item-4020 post-4020 portfolio type-portfolio status-publish format-standard has-post-thumbnail hentry portfolio-category-shopify portfolio-tag-ecommerce" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-b648e29 e-flex e-con-boxed e-con e-parent" data-id="b648e29" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-859ece6 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image" data-id="859ece6" data-element_type="widget" data-widget_type="theme-post-featured-image.default"> <div class="elementor-widget-container"> <a href="https://olibro.com/portfolio/endaq/"> <img loading="lazy" decoding="async" width="570" height="570" src="https://olibro.com/wp-content/uploads/endaq-side-image.webp" class="attachment-large size-large wp-image-580" alt="" srcset="https://olibro.com/wp-content/uploads/endaq-side-image.webp 570w, https://olibro.com/wp-content/uploads/endaq-side-image-300x300.webp 300w, https://olibro.com/wp-content/uploads/endaq-side-image-150x150.webp 150w" sizes="(max-width: 570px) 100vw, 570px" /> </a> </div> </div> <div class="elementor-element elementor-element-95c4d2d elementor-widget elementor-widget-text-editor" data-id="95c4d2d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <span>Shopify</span> </div> </div> <div class="elementor-element elementor-element-b8c4b3c elementor-widget elementor-widget-heading" data-id="b8c4b3c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Endaq</h2> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><rect width="48" height="48" rx="8" fill="#F7F8FB"></rect><path d="M26.0175 31L27 30.0025L20.9825 24L27 17.9975L26.0175 17L19 24L26.0175 31Z" fill="#22262B"></path></svg> </div> <div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><rect width="48" height="48" rx="8" fill="#F7F8FB"></rect><path d="M22.9825 31L22 30.0025L28.0175 24L22 17.9975L22.9825 17L30 24L22.9825 31Z" fill="#22262B"></path></svg> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> <div class="elementor-element elementor-element-0e9f873 e-flex e-con-boxed e-con e-parent" data-id="0e9f873" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-04953a9 elementor-widget elementor-widget-heading" data-id="04953a9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Our Client Say</h2> </div> </div> <div class="elementor-element elementor-element-3635604 elementor-testimonial--layout-image_above elementor-testimonial--skin-default elementor-testimonial--align-center elementor-arrows-yes elementor-pagination-type-bullets elementor-widget elementor-widget-testimonial-carousel" data-id="3635604" data-element_type="widget" data-settings="{&quot;slides_per_view&quot;:&quot;1&quot;,&quot;show_arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;speed&quot;:500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;loop&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]}}" data-widget_type="testimonial-carousel.default"> <div class="elementor-widget-container"> <div class="elementor-swiper"> <div class="elementor-main-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__content"> <div class="elementor-testimonial__text"> "The website runs smoothly and looks great. Olibro Design was able to duplicate all the functionalities the client needed with the Shopify applications. They were easy to communicate with and quick to resolve issues." <a href="https://clutch.co/profile/olibro-design?sort_by=date_DESC&amp;project_cost=&amp;service_provided=&amp;review_type=#review-1828597" target="_blank" rel="noopener">Full Review</a> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Ashley F.</span><span class="elementor-testimonial__title">Founder & CEO, Kavella Hair Products</span></cite> </div> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img decoding="async" src="https://olibro.com/wp-content/uploads/ashley-f.jpg" alt="Ashley F."> </div> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__content"> <div class="elementor-testimonial__text"> "They’re always available and very transparent in what they do. The well-received websites are creating significant value for the various brands. Olibro's technical skills, responsiveness, and ability to communicate effectively underscores their commitment to high-quality outcomes. Their superior work ethic sets them apart from other firms. They’re always available and very transparent in what they do." <a href="https://clutch.co/profile/olibro-design?sort_by=&amp;project_cost=&amp;service_provided=&amp;review_type=#review-390602" target="_blank" rel="noopener">Full Review</a> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">PATRICK E.</span><span class="elementor-testimonial__title">Vice President Digital Sales & Marketing, Tofasco of America</span></cite> </div> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img decoding="async" src="https://olibro.com/wp-content/uploads/patrick-ensign.1024x1024.jpg" alt="PATRICK E."> </div> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__content"> <div class="elementor-testimonial__text"> "If something wasn't working or if there was a problem, they resolved it immediately. The new website is easier to use on the backend and the conversion rate has improved. Olibro Design delivered a top-notch product, while their responsiveness and ability to address issues immediately made them a reliable partner." <a href="https://clutch.co/profile/olibro-design?sort_by=date_DESC&amp;project_cost=&amp;service_provided=&amp;review_type=#review-781225" target="_blank" rel="noopener">Full Review</a> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">DAVID M.</span><span class="elementor-testimonial__title">Director of Marketing, Mide Technology</span></cite> </div> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img decoding="async" src="https://olibro.com/wp-content/uploads/oAbdF5-_400x400.jpg" alt="DAVID M."> </div> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__content"> <div class="elementor-testimonial__text"> "The results of the project, so far, speak to their capable project management. Olibro’s backend developments consistently meet expectations as they are able to scale the speed and quantity of their deliverables commiserate with project goals. Their relaxed attitude and responsive, on-time project management have secured an ongoing, productive professional engagement." <a href="https://clutch.co/profile/olibro-design?project_cost=&amp;review_type=&amp;service_provided=&amp;sort_by=date_DESC#review-490706" target="_blank" rel="noopener">Full Review</a> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">ALBERT A.</span><span class="elementor-testimonial__title">Marketing Manager, Home Automation</span></cite> </div> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img decoding="async" src="https://olibro.com/wp-content/uploads/mail-icon.jpg" alt="ALBERT A."> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> <div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0"> <svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg> <span class="elementor-screen-only">Previous</span> </div> <div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0"> <svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg> <span class="elementor-screen-only">Next</span> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-d4fbc59 e-flex e-con-boxed e-con e-parent" data-id="d4fbc59" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-ab9f4fb e-flex e-con-boxed e-con e-child" data-id="ab9f4fb" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-2872549 elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="2872549" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Have a Project in Mind?</h3> </div> </div> <div class="elementor-element elementor-element-d1b68a7 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="d1b68a7" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Fill out simple quote form and we can discuss how we can help you with your next project.</p> </div> </div> <div class="elementor-element elementor-element-e2b964d elementor-widget elementor-widget-button" data-id="e2b964d" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/get-a-quote/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">GET A QUOTE</span> </span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-f6e4bb4 e-con-full e-flex e-con e-parent" data-id="f6e4bb4" data-element_type="container"> <div class="elementor-element elementor-element-f30a7cb olibro-no-lazy elementor-widget elementor-widget-google_maps" data-id="f30a7cb" data-element_type="widget" data-widget_type="google_maps.default"> <div class="elementor-widget-container"> <div class="elementor-custom-embed"> <iframe loading="lazy" src="https://maps.google.com/maps?q=12100%20Wilshire%20Blvd.%2C%20Suite%20800&#038;t=m&#038;z=19&#038;output=embed&#038;iwloc=near" title="12100 Wilshire Blvd., Suite 800" aria-label="12100 Wilshire Blvd., Suite 800" ></iframe> </div> </div> </div> </div> </div> <footer data-elementor-type="footer" data-elementor-id="3158" class="elementor elementor-3158 elementor-location-footer" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-7f08cdc0 e-flex e-con-boxed e-con e-parent" data-id="7f08cdc0" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-44f657d7 e-con-full e-flex e-con e-child" data-id="44f657d7" data-element_type="container"> <div class="elementor-element elementor-element-ffdfbd6 lets_talk elementor-widget elementor-widget-heading" data-id="ffdfbd6" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Let’s talk.</h3> </div> </div> <div class="elementor-element elementor-element-a20e6f2 elementor-widget-mobile__width-initial phone-email elementor-widget elementor-widget-text-editor" data-id="a20e6f2" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p style="margin-bottom: 0;">12100 Wilshire Blvd., Suite 800, Los Angeles, CA 90025</p> </div> </div> <div class="elementor-element elementor-element-63e69bf phone-email elementor-widget elementor-widget-text-editor" data-id="63e69bf" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p style="margin: 0;"><a href="tel:3107446060">(310) 744-6060</a> / <a href="/cdn-cgi/l/email-protection#ef8681c5c5af8083c5c5c5c5c18c8082" data-original-string="5HQbMX4SmvXPGjAsBnspeg==cafHLscvvshbWdv5kxIPhrbBw==" title="This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser."><span data-original-string="9H05C4W9P+v9Je/CwOhjjg==cafXgCz/i64uhNVa6KHc+mFyw==" class="apbct-email-encoder" title="This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser."> <span class='apbct-ee-blur-group'> <span class='apbct-ee-blur_email-text'>in**@ol****.com</span> <span class='apbct-ee-static-blur'> <span class='apbct-ee-blur apbct-ee-blur_rectangle-init'></span> <span class='apbct-ee-blur apbct-ee-blur_rectangle-soft'></span> <span class='apbct-ee-blur apbct-ee-blur_rectangle-hard'></span> </span> <span class='apbct-ee-animate-blur'> <span class='apbct-ee-blur apbct-ee-blur_rectangle-init apbct-ee-blur_animate-init'></span> <span class='apbct-ee-blur apbct-ee-blur_rectangle-soft apbct-ee-blur_animate-soft'></span> <span class='apbct-ee-blur apbct-ee-blur_rectangle-hard apbct-ee-blur_animate-hard'></span> </span> </span> </span></a></p> </div> </div> <div class="elementor-element elementor-element-88b700c e-con-full e-flex e-con e-child" data-id="88b700c" data-element_type="container"> <div class="elementor-element elementor-element-e543189 elementor-widget__width-auto elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="e543189" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p style="margin-bottom: 0;">Follow us</p> </div> </div> <div class="elementor-element elementor-element-1f9af26 elementor-shape-square fl e-grid-align-left e-grid-align-tablet-center elementor-widget-tablet__width-inherit elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="1f9af26" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-ec39571" href="https://www.facebook.com/olibrodesign" target="_blank"> <span class="elementor-screen-only">Facebook</span> <svg class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-78ed16b" href="https://clutch.co/profile/olibro-design" target="_blank"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" width="280" height="315" viewBox="0 0 280 315" fill="none"><path d="M218.225 221.434C202.179 234.271 179.715 243.899 157.251 243.899C105.903 243.899 70.6023 205.388 70.6023 154.041C70.6023 102.694 105.903 67.3931 157.251 67.3931C179.715 67.3931 202.179 73.8114 218.225 89.8574L227.853 99.485L279.2 51.3471L266.363 41.7195C237.48 16.0459 198.97 0 157.251 0C67.3932 0 0 67.3931 0 157.251C0 247.108 67.3932 314.501 157.251 314.501C198.97 314.501 237.48 298.455 266.363 272.782L279.2 263.154L227.853 211.807L218.225 221.434Z" fill="white"></path><path d="M154.041 208.598C182.4 208.598 205.389 185.609 205.389 157.251C205.389 128.892 182.4 105.903 154.041 105.903C125.683 105.903 102.694 128.892 102.694 157.251C102.694 185.609 125.683 208.598 154.041 208.598Z" fill="white"></path></svg> </a> </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-28d2b2b8 e-con-full e-flex e-con e-child" data-id="28d2b2b8" data-element_type="container"> <div class="elementor-element elementor-element-436776df elementor-widget elementor-widget-heading" data-id="436776df" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Services</h6> </div> </div> <div class="elementor-element elementor-element-9fb0914 elementor-nav-menu--dropdown-none elementor-nav-menu__align-start footer_menus elementor-widget elementor-widget-nav-menu" data-id="9fb0914" data-element_type="widget" data-settings="{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-9fb0914" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-417 current_page_item menu-item-3288"><a href="https://olibro.com/shopify/" aria-current="page" class="elementor-item elementor-item-active">Shopify</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3289"><a href="https://olibro.com/wordpress/" class="elementor-item">WordPress</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3290"><a href="https://olibro.com/seo-services/" class="elementor-item">SEO</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3487"><a href="https://olibro.com/website-care/" class="elementor-item">Website Care</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3486"><a href="https://olibro.com/blog/" class="elementor-item">Our Blog</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-9fb0914" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-417 current_page_item menu-item-3288"><a href="https://olibro.com/shopify/" aria-current="page" class="elementor-item elementor-item-active" tabindex="-1">Shopify</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3289"><a href="https://olibro.com/wordpress/" class="elementor-item" tabindex="-1">WordPress</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3290"><a href="https://olibro.com/seo-services/" class="elementor-item" tabindex="-1">SEO</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3487"><a href="https://olibro.com/website-care/" class="elementor-item" tabindex="-1">Website Care</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3486"><a href="https://olibro.com/blog/" class="elementor-item" tabindex="-1">Our Blog</a></li> </ul> </nav> </div> </div> </div> <div class="elementor-element elementor-element-af02253 e-con-full e-flex e-con e-child" data-id="af02253" data-element_type="container"> <div class="elementor-element elementor-element-870441a elementor-widget elementor-widget-heading" data-id="870441a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default"><a href="https://olibro.com/industries/">Industries</a></h6> </div> </div> <div class="elementor-element elementor-element-8dc29d7 elementor-nav-menu--dropdown-none elementor-nav-menu__align-start footer_menus elementor-widget elementor-widget-nav-menu" data-id="8dc29d7" data-element_type="widget" data-settings="{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-8dc29d7" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4465"><a href="https://olibro.com/academics/" class="elementor-item">Academics</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4466"><a href="https://olibro.com/non-profits/" class="elementor-item">Non-Profits</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4467"><a href="https://olibro.com/e-commerce/" class="elementor-item">E-commerce</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4468"><a href="https://olibro.com/small-business/" class="elementor-item">Small Business</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-8dc29d7" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4465"><a href="https://olibro.com/academics/" class="elementor-item" tabindex="-1">Academics</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4466"><a href="https://olibro.com/non-profits/" class="elementor-item" tabindex="-1">Non-Profits</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4467"><a href="https://olibro.com/e-commerce/" class="elementor-item" tabindex="-1">E-commerce</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4468"><a href="https://olibro.com/small-business/" class="elementor-item" tabindex="-1">Small Business</a></li> </ul> </nav> </div> </div> </div> <div class="elementor-element elementor-element-06fc36c e-con-full e-flex e-con e-child" data-id="06fc36c" data-element_type="container"> <div class="elementor-element elementor-element-1e6d4e1f elementor-widget elementor-widget-heading" data-id="1e6d4e1f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Policies</h6> </div> </div> <div class="elementor-element elementor-element-4704f0f elementor-nav-menu--dropdown-none elementor-nav-menu__align-start footer_menus elementor-widget elementor-widget-nav-menu" data-id="4704f0f" data-element_type="widget" data-settings="{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-4704f0f" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3167"><a href="https://olibro.com/terms-of-service/" class="elementor-item">Terms of Service</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3164"><a rel="privacy-policy" href="https://olibro.com/privacy-policy/" class="elementor-item">Privacy Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3165"><a href="https://olibro.com/cookie-policy/" class="elementor-item">Cookie Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3166"><a href="https://olibro.com/disclaimer/" class="elementor-item">Disclaimer</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-4704f0f" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3167"><a href="https://olibro.com/terms-of-service/" class="elementor-item" tabindex="-1">Terms of Service</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3164"><a rel="privacy-policy" href="https://olibro.com/privacy-policy/" class="elementor-item" tabindex="-1">Privacy Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3165"><a href="https://olibro.com/cookie-policy/" class="elementor-item" tabindex="-1">Cookie Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3166"><a href="https://olibro.com/disclaimer/" class="elementor-item" tabindex="-1">Disclaimer</a></li> </ul> </nav> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-f8f4188 e-flex e-con-boxed e-con e-parent" data-id="f8f4188" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-bdb7e6d elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="bdb7e6d" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-38d33d20 e-flex e-con-boxed e-con e-parent" data-id="38d33d20" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-f2c8d42 elementor-widget elementor-widget-heading" data-id="f2c8d42" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">© 2024 Olibro Design, a part of the web community since 2009.</p> </div> </div> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='widget-loop-builder-css' href='https://olibro.com/wp-content/plugins/elementor-pro/assets/css/widget-loop-builder.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-testimonial-carousel-css' href='https://olibro.com/wp-content/plugins/elementor-pro/assets/css/widget-testimonial-carousel.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-carousel-module-base-css' href='https://olibro.com/wp-content/plugins/elementor-pro/assets/css/widget-carousel-module-base.min.css?ver=3.25.3' media='all' /> <link rel='stylesheet' id='widget-google_maps-css' href='https://olibro.com/wp-content/plugins/elementor/assets/css/widget-google_maps.min.css?ver=3.25.6' media='all' /> <link rel='stylesheet' id='e-sticky-css' href='https://olibro.com/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.25.3' media='all' /> <script src="https://olibro.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.1.1" id="hello-theme-frontend-js"></script> <script src="https://olibro.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script src="https://olibro.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.25.3" id="e-sticky-js"></script> <script src="https://olibro.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script src="https://olibro.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.25.3" id="elementor-pro-webpack-runtime-js"></script> <script src="https://olibro.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.25.6" id="elementor-webpack-runtime-js"></script> <script src="https://olibro.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.25.6" id="elementor-frontend-modules-js"></script> <script src="https://olibro.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://olibro.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/olibro.com\/wp-admin\/admin-ajax.php","nonce":"6f8e720e7b","urls":{"assets":"https:\/\/olibro.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/olibro.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/olibro.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src="https://olibro.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.25.3" id="elementor-pro-frontend-js"></script> <script src="https://olibro.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.25.6","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_optimized_control_loading":true,"e_onboarding":true,"e_css_smooth_scroll":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"home_screen":true,"landing-pages":true,"nested-elements":true,"editor_v2":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/olibro.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/olibro.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/olibro.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"6e3e298ee8"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":417,"title":"Shopify%20E-commerce%3A%20Create%20%26%20Optimize%20Your%20Online%20Store%20%7C%20Olibro%20Design","excerpt":"","featuredImage":false}}; </script> <script src="https://olibro.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.25.6" id="elementor-frontend-js"></script> <script src="https://olibro.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.25.3" id="pro-elements-handlers-js"></script> </body> </html> <!-- Cache served by breeze CACHE (Desktop) - Last modified: Fri, 22 Nov 2024 15:54:35 GMT -->

Pages: 1 2 3 4 5 6 7 8 9 10