<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script type="text/javascript">
/* <![CDATA[ */
 var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); 
/* ]]> */
</script>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Articles by Syazwan Hakim &#8212; Stampede: the strategic design &amp; technology company</title>
	<link rel="pingback" href="https://stampede-design.com/xmlrpc.php">
	<link rel="shortcut icon" type="image/x-icon" href="https://stampede-design.com/wp-content/themes/v3/favicon.ico" />
	<meta name="p:domain_verify" content="bb73ed12be7df7366f9b9ff14fbad9a1"/> 
	<meta property="fb:pages" content="145552572207480" />
	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<meta name="dlm-version" content="5.1.16">
	<!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<meta name="description" content="An Android purist, Syazwan translates our designers&#039; work into functional HTML webpages. If you can sketch it, he can probably do it. Our designers are sticklers for pixel perfection and Syazwan delivers, every time." />
	<link rel="canonical" href="https://stampede-design.com/blog/author/syazwan/" />
	<link rel="next" href="https://stampede-design.com/blog/author/syazwan/page/2/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="profile" />
	<meta property="og:title" content="Articles by Syazwan Hakim &#8212; Stampede: the strategic design &amp; technology company" />
	<meta property="og:description" content="An Android purist, Syazwan translates our designers&#039; work into functional HTML webpages. If you can sketch it, he can probably do it. Our designers are sticklers for pixel perfection and Syazwan delivers, every time." />
	<meta property="og:url" content="https://stampede-design.com/blog/author/syazwan/" />
	<meta property="og:site_name" content="Stampede: the strategic design &amp; technology company" />
	<meta property="og:image" content="https://stampede-design.com/wp-content/uploads/2023/08/iwan.png" />
	<meta property="og:image:width" content="300" />
	<meta property="og:image:height" content="300" />
	<meta property="og:image:type" content="image/png" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@stampededesign" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"ProfilePage","@id":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/","url":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/","name":"Articles by Syazwan Hakim &#8212; Stampede: the strategic design &amp; technology company","isPartOf":{"@id":"https:\/\/stampede-design.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/#primaryimage"},"image":{"@id":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/#primaryimage"},"thumbnailUrl":"https:\/\/stampede-design.com\/wp-content\/uploads\/2016\/07\/tumblr_n3xsa2z6nB1tubinno1_1280.jpg","description":"An Android purist, Syazwan translates our designers' work into functional HTML webpages. If you can sketch it, he can probably do it. Our designers are sticklers for pixel perfection and Syazwan delivers, every time.","breadcrumb":{"@id":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stampede-design.com\/blog\/author\/syazwan\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/#primaryimage","url":"https:\/\/stampede-design.com\/wp-content\/uploads\/2016\/07\/tumblr_n3xsa2z6nB1tubinno1_1280.jpg","contentUrl":"https:\/\/stampede-design.com\/wp-content\/uploads\/2016\/07\/tumblr_n3xsa2z6nB1tubinno1_1280.jpg","width":960,"height":640},{"@type":"BreadcrumbList","@id":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stampede-design.com\/"},{"@type":"ListItem","position":2,"name":"Archives for Syazwan Hakim"}]},{"@type":"WebSite","@id":"https:\/\/stampede-design.com\/#website","url":"https:\/\/stampede-design.com\/","name":"Stampede: the strategic design &amp; technology company","description":"We are creating better worlds though thoughtful design and technology. Connect with us!","publisher":{"@id":"https:\/\/stampede-design.com\/#organization"},"alternateName":"Stampede","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stampede-design.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/stampede-design.com\/#organization","name":"Stampede","url":"https:\/\/stampede-design.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stampede-design.com\/#\/schema\/logo\/image\/","url":"https:\/\/stampede-design.com\/wp-content\/uploads\/2024\/02\/cropped-Stampede-Favicon.png","contentUrl":"https:\/\/stampede-design.com\/wp-content\/uploads\/2024\/02\/cropped-Stampede-Favicon.png","width":512,"height":512,"caption":"Stampede"},"image":{"@id":"https:\/\/stampede-design.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/stampededesign","https:\/\/x.com\/stampededesign"]},{"@type":"Person","@id":"https:\/\/stampede-design.com\/#\/schema\/person\/909f0a7ad8133cabef0b637c5fda68ae","name":"Syazwan Hakim","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stampede-design.com\/wp-content\/uploads\/2023\/08\/iwan-150x150.pngb30d5a2d162164bc08f8a75c8a229a18","url":"https:\/\/stampede-design.com\/wp-content\/uploads\/2023\/08\/iwan-150x150.png","contentUrl":"https:\/\/stampede-design.com\/wp-content\/uploads\/2023\/08\/iwan-150x150.png","caption":"Syazwan Hakim"},"description":"An Android purist, Syazwan can be seen at his regular hangout place chanting and shrieking over Manchester United matches. At work, he matches design artwork into a fully functional website with pixel perfection. Holler to Iwan over at Twitter.","sameAs":["https:\/\/stampede-design.com"],"mainEntityOfPage":{"@id":"https:\/\/stampede-design.com\/blog\/author\/syazwan\/"}}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//ajax.googleapis.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel="alternate" type="application/rss+xml" title="Stampede: the strategic design &amp; technology company &raquo; Feed" href="https://stampede-design.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Stampede: the strategic design &amp; technology company &raquo; Comments Feed" href="https://stampede-design.com/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Stampede: the strategic design &amp; technology company &raquo; Posts by Syazwan Hakim Feed" href="https://stampede-design.com/blog/author/syazwan/feed/" />
    <script>
        function cmplzCallClarity(method, params) {
            if (typeof window.clarity === 'function') {
                try {
                    window.clarity(method, params);
                } catch (e) {
                    console.warn('Clarity API error:', e);
                }
            }
        }

        function cmplzGetConsentFromEvent(e) {
            var d = e && e.detail && e.detail.categories ? e.detail.categories : [];
            var categories = Array.isArray(d) ? d : [];

            return {
                analyticsAllowed: categories.indexOf('statistics') !== -1,
                adsAllowed: categories.indexOf('marketing') !== -1
            };
        }

        function cmplzSendClarityConsent(analyticsAllowed, adsAllowed) {
            var status = function (b) { return b ? "granted" : "denied"; };
            cmplzCallClarity('consentv2', {
                analytics_Storage: status(!!analyticsAllowed),
                ad_Storage: status(!!adsAllowed)
            });
        }

        function cmplzEraseClarityCookies() {
            cmplzCallClarity('consent', false);
        }

        document.addEventListener('cmplz_fire_categories', function (e) {
            var consent = cmplzGetConsentFromEvent(e);
            cmplzSendClarityConsent(consent.analyticsAllowed, consent.adsAllowed);
        });

        document.addEventListener('cmplz_revoke', function (e) {
            var consent = cmplzGetConsentFromEvent(e);
            cmplzSendClarityConsent(consent.analyticsAllowed, consent.adsAllowed);
            if (!consent.analyticsAllowed && !consent.adsAllowed) {
                cmplzEraseClarityCookies();
            }
        });

    </script>
    <link rel='stylesheet' id='wp-block-library-css' href='https://stampede-design.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.5' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/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='stampede-block-block-container-div-style-inline-css' type='text/css'>
.wp-block-create-block-block-container-div{background-color:#21759b;color:#fff;padding:2px}

</style>
<style id='stampede-block-block-container-section-style-inline-css' type='text/css'>
.wp-block-create-block-block-container-section{background-color:#21759b;color:#fff;padding:2px}

</style>
<link rel='stylesheet' id='cb-carousel-style-css' href='https://stampede-design.com/wp-content/plugins/carousel-block/blocks/../build/carousel-legacy/style-index.css?ver=2.1.4' type='text/css' media='all' />
<style id='cb-carousel-v2-style-inline-css' type='text/css'>
.wp-block-cb-carousel-v2{position:relative}.wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal{margin-bottom:calc(var(--wp--custom--carousel-block--pagination-bullet-size, 16px)*4)}.wp-block-cb-carousel-v2 .cb-button-next,.wp-block-cb-carousel-v2 .cb-button-prev{color:var(--wp--custom--carousel-block--navigation-color,#000);height:var(--wp--custom--carousel-block--navigation-size,22px);margin-top:calc(0px - var(--wp--custom--carousel-block--navigation-size, 22px)/2);width:calc(var(--wp--custom--carousel-block--navigation-size, 22px)/44*27)}.wp-block-cb-carousel-v2 .cb-button-next:after,.wp-block-cb-carousel-v2 .cb-button-prev:after{font-size:var(--wp--custom--carousel-block--navigation-size,22px)}.wp-block-cb-carousel-v2 .cb-button-next:hover,.wp-block-cb-carousel-v2 .cb-button-prev:hover{color:var(--wp--custom--carousel-block--navigation-hover-color,var(--wp--custom--carousel-block--navigation-color,#000))}.wp-block-cb-carousel-v2 .cb-button-prev,.wp-block-cb-carousel-v2.cb-rtl .cb-button-next{left:calc(var(--wp--custom--carousel-block--navigation-size, 22px)*-1/44*27 - var(--wp--custom--carousel-block--navigation-sides-offset, 10px));right:auto}.wp-block-cb-carousel-v2 .cb-button-next,.wp-block-cb-carousel-v2.cb-rtl .cb-button-prev{left:auto;right:calc(var(--wp--custom--carousel-block--navigation-size, 22px)*-1/44*27 - var(--wp--custom--carousel-block--navigation-sides-offset, 10px))}.wp-block-cb-carousel-v2.cb-rtl .cb-button-next,.wp-block-cb-carousel-v2.cb-rtl .cb-button-prev{transform:scaleX(-1)}.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal{bottom:var(--wp--custom--carousel-block--pagination-bottom,-35px);display:flex;justify-content:center;top:var(--wp--custom--carousel-block--pagination-top,auto)}.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .cb-pagination-bullet{margin:0 var(--wp--custom--carousel-block--pagination-bullet-horizontal-gap,4px)}.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet{background:var(--wp--custom--carousel-block--pagination-bullet-color,var(--wp--custom--carousel-block--pagination-bullet-inactive-color,#000));height:var(--wp--custom--carousel-block--pagination-bullet-size,8px);opacity:var(--wp--custom--carousel-block--pagination-bullet-inactive-opacity,var(--wp--custom--carousel-block--pagination-bullet-opacity,.2));width:var(--wp--custom--carousel-block--pagination-bullet-size,8px)}.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active{background:var(--wp--custom--carousel-block--pagination-bullet-active-color,#000);opacity:var(--wp--custom--carousel-block--pagination-bullet-active-opacity,1)}.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet:not(.swiper-pagination-bullet-active):hover{background:var(--wp--custom--carousel-block--pagination-bullet-hover-color,var(--wp--custom--carousel-block--pagination-bullet-inactive-hover-color,var(--wp--custom--carousel-block--pagination-bullet-active-color,#000)));opacity:var(--wp--custom--carousel-block--pagination-bullet-inactive-hover-opacity,var(--wp--custom--carousel-block--pagination-bullet-inactive-opacity,.2))}.wp-block-cb-carousel-v2.alignfull .cb-button-next,.wp-block-cb-carousel-v2.alignfull .cb-button-prev{color:var(--wp--custom--carousel-block--navigation-alignfull-color,#000)}.wp-block-cb-carousel-v2.alignfull .cb-button-prev,.wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-next{left:var(--wp--custom--carousel-block--navigation-sides-offset,10px);right:auto}.wp-block-cb-carousel-v2.alignfull .cb-button-next,.wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-prev{left:auto;right:var(--wp--custom--carousel-block--navigation-sides-offset,10px)}.wp-block-cb-carousel-v2.alignfull.cb-hero-slider{--wp--custom--carousel-block--navigation-alignfull-color:#fff;--wp--custom--carousel-block--pagination-bottom:24px;--wp--custom--carousel-block--pagination-bullet-active-color:#fff;--wp--custom--carousel-block--pagination-bullet-inactive-color:#fff;--wp--custom--carousel-block--pagination-bullet-inactive-hover-color:#fff}.wp-block-cb-carousel-v2 .wp-block-image{margin-bottom:var(--wp--custom--carousel-block--image-margin-bottom,0);margin-top:var(--wp--custom--carousel-block--image-margin-top,0)}.wp-block-cb-carousel-v2 .wp-block-cover{margin-bottom:var(--wp--custom--carousel-block--cover-margin-bottom,0);margin-top:var(--wp--custom--carousel-block--cover-margin-top,0)}.wp-block-cb-carousel-v2 .wp-block-cover.aligncenter,.wp-block-cb-carousel-v2 .wp-block-image.aligncenter{margin-left:auto!important;margin-right:auto!important}

</style>
<style id='co-authors-plus-coauthors-style-inline-css' type='text/css'>
.wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus]{display:inline}

</style>
<style id='co-authors-plus-avatar-style-inline-css' type='text/css'>
.wp-block-co-authors-plus-avatar :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img){vertical-align:middle}.wp-block-co-authors-plus-avatar:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-avatar.aligncenter{display:table;margin-inline:auto}

</style>
<style id='co-authors-plus-image-style-inline-css' type='text/css'>
.wp-block-co-authors-plus-image{margin-bottom:0}.wp-block-co-authors-plus-image :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img){vertical-align:middle}.wp-block-co-authors-plus-image:is(.alignfull,.alignwide) :where(img){width:100%}.wp-block-co-authors-plus-image:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-image.aligncenter{display:table;margin-inline:auto}

</style>
<style id='global-styles-inline-css' type='text/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='contact-form-7-css' href='https://stampede-design.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' type='text/css' media='all' />
<link rel='stylesheet' id='eb-reusable-block-style-11870-css' href='https://stampede-design.com/wp-content/uploads/eb-style/reusable-blocks/eb-reusable-11870.min.css?ver=ccc96c53ba' type='text/css' media='all' />
<link rel='stylesheet' id='cmplz-general-css' href='https://stampede-design.com/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=1780715764' type='text/css' media='all' />
<link rel='stylesheet' id='wp-style-css' href='https://stampede-design.com/wp-content/themes/v3/style.css?ver=6.8.5' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-style-css' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css?ver=3.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='owl-carousel-css' href='https://stampede-design.com/wp-content/themes/v3/css/owl.carousel.min.css?ver=2.3.4' type='text/css' media='all' />
<link rel='stylesheet' id='custom-style-css' href='https://stampede-design.com/wp-content/themes/v3/css/base.css?ver=1754015965' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://stampede-design.com/wp-includes/css/dashicons.min.css?ver=6.8.5' type='text/css' media='all' />
<style id='block-visibility-screen-size-styles-inline-css' type='text/css'>
/* Large screens (desktops, 992px and up) */
@media ( min-width: 992px ) {
	.block-visibility-hide-large-screen {
		display: none !important;
	}
}

/* Medium screens (tablets, between 768px and 992px) */
@media ( min-width: 768px ) and ( max-width: 991.98px ) {
	.block-visibility-hide-medium-screen {
		display: none !important;
	}
}

/* Small screens (mobile devices, less than 768px) */
@media ( max-width: 767.98px ) {
	.block-visibility-hide-small-screen {
		display: none !important;
	}
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js?ver=1.12.4" id="jquery-js"></script>
<script type="text/javascript" id="v3_js-js-extra">
/* <![CDATA[ */
var myAjax = {"ajaxurl":"https:\/\/stampede-design.com\/wp-admin\/admin-ajax.php","WPurl":"https:\/\/stampede-design.com"};
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/themes/v3/js/global.js?ver=1.2" id="v3_js-js"></script>
<link rel="https://api.w.org/" href="https://stampede-design.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://stampede-design.com/wp-json/wp/v2/users/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://stampede-design.com/xmlrpc.php?rsd" />

<!-- Google tag (gtag.js) -->
<script type="text/plain" data-service="google-analytics" data-category="statistics" async data-cmplz-src="https://www.googletagmanager.com/gtag/js?id=G-QX4BV20M53"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QX4BV20M53');
</script>
<style id="essential-blocks-global-styles">
            :root {
                --eb-global-primary-color: #101828;
--eb-global-secondary-color: #475467;
--eb-global-tertiary-color: #98A2B3;
--eb-global-text-color: #475467;
--eb-global-heading-color: #1D2939;
--eb-global-link-color: #444CE7;
--eb-global-background-color: #F9FAFB;
--eb-global-button-text-color: #FFFFFF;
--eb-global-button-background-color: #101828;
--eb-gradient-primary-color: linear-gradient(90deg, hsla(259, 84%, 78%, 1) 0%, hsla(206, 67%, 75%, 1) 100%);
--eb-gradient-secondary-color: linear-gradient(90deg, hsla(18, 76%, 85%, 1) 0%, hsla(203, 69%, 84%, 1) 100%);
--eb-gradient-tertiary-color: linear-gradient(90deg, hsla(248, 21%, 15%, 1) 0%, hsla(250, 14%, 61%, 1) 100%);
--eb-gradient-background-color: linear-gradient(90deg, rgb(250, 250, 250) 0%, rgb(233, 233, 233) 49%, rgb(244, 243, 243) 100%);

                --eb-tablet-breakpoint: 1024px;
--eb-mobile-breakpoint: 767px;

            }
            
            
        </style>		<script type="text/javascript">
				(function(c,l,a,r,i,t,y){
					c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;
					t.src="https://www.clarity.ms/tag/"+i+"?ref=wordpress";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
				})(window, document, "clarity", "script", "ojiwf943jb");
		</script>
		<meta name="google-site-verification" content="BLnvRnXV1SF9FJveQN-Jog9u9dNgJSqNAFMNrSX7pqY" />
			<style>.cmplz-hidden {
					display: none !important;
				}</style><link rel="icon" href="https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-32x32.png" sizes="32x32" />
<link rel="icon" href="https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-180x180.png" />
<meta name="msapplication-TileImage" content="https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-270x270.png" />
		<style type="text/css" id="wp-custom-css">
			html {
	scroll-padding-top: 50px;
}
.wuc {
	font-size: 14px;
	line-height: 22px;
}
.wuc img {
	width: 20px;
	margin-right: 5px;
}
.wuc a {
	color: #fff !important;
	font-weight: 700;
}
.wuc .italic {
	font-style: italic;
}
.d-none {
	display: none !important;
}
.banner {
	padding: 24px 0 64px 0;
}
.banner .wp-block-quote {
	border: none;
	padding: 0;
	margin: 0 0  18px;
}
.banner .wp-block-quote p {
	max-width: 100%;
		font-size: 14px;
	line-height: 22px;
	margin: 0;
}
.banner .wp-block-quote p a {
	text-decoration: none;
	color: #fff;
	font-weight: #fff;
}
.banner .separator {
	margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .banner h2 {
    font-size: 100px;
		line-height: 100px;
	}
}
.spacer-no-border {
	background-color: transparent !important;
	color: transparent !important;
}
.content ul li {
	margin-bottom: 12px;
}
.content ul li:last-child {
	margin-bottom: 0;
}
.logo-carousel .slick-list{
	overflow: hidden;
}
/*@media (min-width: 768px) {
	.slick-slider .slick-prev {
		right: auto !important;
	}
}*/
.logo-carousel .wp-block-cb-slide {
	display: none;
}
.logo-carousel .wp-block-cb-slide.slick-slide {
	display: flex;
}
@media (min-width: 992px) {
	.logo-carousel.slick-slider .slick-prev {
		left: -5px;
	} 
	.logo-carousel.slick-slider .slick-next {
		right: -5px;
	} 
}
@media (min-width: 1200px) {
	.logo-carousel.slick-slider .slick-prev {
		left: -20px;
	} 
	.logo-carousel.slick-slider .slick-next {
		right: -20px;
	} 
}
/* https://stampede-design.com/blog/raising-the-ceiling-of-design-in-malaysia/ */
.mb-20 {
	margin-bottom: 20px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-0 .wp-block-image {
	margin-bottom: 0 !important;
}
.pt-0 {
	padding-top: 0;
}
.poll {
	gap:0;
	margin-left: -27px;
	margin-right: -27px;
	padding-top:0;
}

/*Fix for 3 column image not showing spaces in between. 2/19/2024*/
.gap-15 {
	gap: 15px;
}
.wp-block-embed iframe {
	width: 100% !important;
}

	
	@media screen and (min-width: 768px) {
		.poll {
			margin-left: -200px;
		margin-right: -12px;
		margin-bottom:20px;
		}
			.poll .wp-block-image img {
			max-width: 100%;
		}

	}
	@media screen and (min-width: 992px) {
		.poll {
			margin-left: -176px;
		margin-right: -176px;
		}
		
		.wp-block-embed iframe {
			height: 400px;
		}
		
		.makers-wrapper .wp-block-image img{
			left: 50%;
			transform: translate(-50%, 50%)
		}
		
	}
	@media screen and (min-width: 1200px) {
		.poll {
			margin-left: -215px;
		margin-right: -215px;
		}
		
	}
	

		@media screen and (max-width: 768px) {
			.poll .is-style-expanded {
				margin-left: 0;
				margin-right:0;
			}
			.poll .wp-block-image {
					margin-bottom:0;
			}
			.poll .wp-block-image img {
			max-width: 100%;
		}
		
}

.custom-is-style-expanded {
	display: block;
}

/*use this code to remove margins in blog caption*/
.is-style-expanded figcaption {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 10px !important;
}
.is-style-column-expanded figcaption {
		margin-top: 10px !important;
}

/*Responsive embeed*/
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive iframe {
	  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*Homepage redesign July 3, 2024*/
.banner-intro {
		margin-bottom: 30px;
}
.logo-carousel .wp-block-cb-slide.slick-slide {
	gap: 27px;
	margin-bottom: 30px;
}
.logo-carousel .slick-slide .wp-block-image {
	padding: 0 !important;
	margin: 0;
}
@media (min-width: 992px) {
	.banner-intro {
		max-width: 790px;
	}
	.logo-carousel .wp-block-cb-slide.slick-slide {
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.partner .slick-slider {
		max-width: 1100px;
	}
	.logo-carousel .wp-block-cb-slide.slick-slide {
		justify-content: space-around;
	}
}
.partner .partner-title p {
	color: #70787B;
	font-size: 20px;
	font-weight: 400;
	line-height: 32px; /* 160% */
}
.column-counters .wp-block-image {
	margin-bottom:0;
}
.column-counters.wp-block-columns.is-not-stacked-on-mobile {
	flex-wrap: wrap !important;
	margin-bottom: 30px;
}
@media (min-width: 992px) {
	.column-counters.wp-block-columns.is-not-stacked-on-mobile {
		margin-bottom: 0;
	}
	.partner .partner-title {
		margin-bottom: 40px;
	}
	.column-counters {
		/* max-width: 600px; */
    margin: 0 auto;
	}
}
.column-counters .wp-block-column h4 {
	font-weight: 250;
	line-height: 40px;
	letter-spacing: -1.92px;
	text-align: center;
}
.column-counters .wp-block-column h4 sup {
	top: -11px;
}
.column-counters .wp-block-column h5 {
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	margin-bottom: 0;
	letter-spacing: 0;
}
@media (max-width: 767px) {

	.column-counters .wp-block-column {
		flex: 1 0 23.333% !important;
	}
	.column-counters .wp-block-column h4 {
		font-size: 30px !important;
		margin-bottom: 0;
	}
	.column-counters .wp-block-column h5 {
			line-height: 20px;
	}

}
@media (min-width: 768px) {
	.column-counters .wp-block-column h4 {
		font-size: 48px;
		line-height: 48px;
	}
}

/*Homepage Testimonials*/
.testimonial-section {
	margin-top:60px;
}
.testimonial-section .wp-block-quote {
	padding: 0;
	border: none;
}
.testimonial-section  .highlight .wp-block-quote {
	border-radius: 8px;
	padding: 20px;
	border: 1px solid #D7DBDC;
	margin-bottom:0;
}
.testimonial-section .wp-block-quote .quote {
	font-size: 18px;
	line-height: 26px;
	color: #1F2E36;
}

.testimonial-section .highlight .wp-block-quote .quote {
	font-size: 20px;
	line-height: 30px;
}
.testimonial-section .wp-block-quote figure img {
	width: 100%;
}
.testimonial-section .highlight .author h6  {
	font-size: 18px;
	color: #1F2E36;
	font-weight: 500;
	line-height: 28px;
}

.testimonial-section .wp-block-quote h6 {
	margin: 0;
}
.testimonial-section .highlight .quote {
	margin-bottom: 30px;
	font-weight: 400;
}
.testimonial-section .highlight .author p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #70787B;
}
.testimonial-section .listing .wp-block-quote  p.quote {
	font-size: 18px;
line-height: 26px;
	color: #1F2E36;
	margin-bottom: 8px;
	font-weight: 400;
}
.testimonial-section .listing .wp-block-quote  h6 {
	color: #1F2E36;
	font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.testimonial-section .listing  .wp-block-quote .role {
	color: #70787B;
	font-size: 16px;
font-weight: 400;
line-height: 24px; /* 150% */
}
.testimonial-section .listing  .wp-block-columns:not(:last-child) {
	margin-bottom: 30px;
}
.testimonial-section .listing  .wp-block-column .wp-block-quote {
	margin-bottom: 0;
}
.testimonial-section .wp-block-columns {
	gap: 24px;
}

@media (min-width: 768px) {
		.testimonial-section .highlight .wp-block-quote .quote {
		font-size: 28px;
		line-height: 38px;
	}
	.testimonial-section .highlight .wp-block-quote {
		padding: 56px 64px;
	}

}

/*Homepage Focused Partner*/
.focused-partner h5 {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px; /* 125% */
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.focused-partner h6 {
	font-size: 14px;
	font-weight: 700;
	line-height: 150%; /* 21px */
	letter-spacing: 3.5px;
	text-transform: uppercase;
}
.focused-partner .h6 {
	color: #BC4819;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px; /* 144.444% */
	text-transform: none;
	letter-spacing: normal;
	margin: 0;
}
.focused-partner .has-medium-font-size {
	font-size: 18px !important;
font-weight: 400;
line-height: 26px; /* 144.444% */
	margin-bottom: 16px;
}
.focused-partner .has-medium-font-size.lead {
	font-size: 24px !important;
	font-weight: 400;
	line-height: 36px !important;
	color: #70787B;
}
.focused-partner .partner-title h2 {
	font-size: 36px;
font-weight: 500;
line-height: 44px; /* 122.222% */
	margin-bottom: 16px;
}
.focused-partner p {
	line-height: normal;
}
.focused-partner .wp-block-image figure {
	margin:0;
}
.focused-partner .wp-block-image img {
	max-width: 100%;
}
@media (min-width: 782px) {
  .focused-partner .wp-block-image img {
    position: static;
    top: -104px;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .focused-partner .wp-block-image img {
    position: absolute;
    top: -104px;
    right: 0;
    max-width: 97%;
  }
}
/*Homepage Case Studies*/
.section-case-studies {
	padding: 54px 0 70px;
}
.section-case-studies .img-transformative {
	margin-bottom: 35px;
}
.section-case-studies h6 {
	font-size: 14px;
	font-weight: 700;
	line-height: 150%; /* 21px */
	letter-spacing: 3.5px;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.section-case-studies p {
	font-size: 24px;
font-weight: 400;
line-height: 36px; /* 150% */
	color: #70787B;
}
.section-case-studies .eb-button-anchor {
	font-weight: 700 !important;
}
.section-case-studies .featured .item {
		display: block;
	min-height: 270px;
	position: relative;
	overflow: visible;
}

.section-case-studies .featured .item:not(:first-child) {
	margin-top: 54px;
} 
.section-case-studies .featured .content {
	padding: 20px 24px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.section-case-studies .eb-button-wrapper {
	margin-bottom: 0 !important;
}
@media (min-width: 480px) {
	.section-case-studies .featured .content {
		width: 60%;
	}
}
@media (min-width: 992px) {
	.section-case-studies .featured .item {
		height: auto;
	}
	.section-case-studies .featured .content {
		bottom: -23px;
	}
	.section-case-studies .content-wrapper {
		gap: 84px;
	}
}
.section-case-studies .featured h3 {
	font-size: 24px;
font-weight: 500;
line-height: 30px; /* 125% */
	color: #072231;
}
.section-case-studies .featured p {
	font-size: 18px;
font-weight: 400;
line-height: 28px; /* 155.556% */
	color: #70787B;
	margin-bottom: 0;
}

/*Homepage Project Highlight*/
.project-highlight {
	margin-top: 50px;
	margin-bottom: 50px;
}
.project-highlight .wrapper {
	position: relative;
}
.project-highlight .wrapper .wp-block-image {
	margin-bottom: 30px;
}
.project-highlight .wrapper .col-desc h5 {
	color: #072231;
font-size: 24px;
font-weight: 700;
line-height: 30px; /* 125% */
	margin: 0 0 12px;
	text-transform: none;
	letter-spacing: 0;
}
.project-highlight .wrapper .col-desc p {
	color: #70787B;
	font-size: 18px;
font-weight: 400;
line-height: 26px; /* 144.444% */
}
.project-highlight .wrapper .col-desc .eb-button-anchor:hover {
	text-decoration: underline;
}
@media (min-width: 768px) {
	.project-highlight .wrapper .wp-block-image{
		margin-bottom: 0;
		
	}
		.project-highlight .wrapper .col-desc {
		background: #fff;
		padding: 20px 44px 26px 44px;
		position: absolute;
		bottom: 0;
			right: 0;
			width: 353px;
	}
	
}
@media (min-width: 1200px) {
	.project-highlight .wrapper .col-desc {
			padding: 44px 44px 55px 44px;
		bottom: auto;
		right: 40px;
		bottom: 0;
	}
}



/*homepage Blog*/
.blog-snippet .wp-block-group.container {
	margin-bottom: 30px;
}
.blog-snippet .tags {
	gap: 10px;
}
.blog-snippet .tags .wp-block-column p {
	color: #70787B;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px; /* 128.571% */
	margin-bottom: 0;
		background: #fff;
	padding: 8px 16px;
	border-radius: 20px;
	text-align: center;
}
.blog-snippet .title-tags h4 {
	color: #BC4819;
	font-weight: 500;
	font-size: 36px;
	line-height: 44px; 
}
.blog-snippet .group {
	gap: 20px;
}
.blog-snippet .wp-block-buttons .wp-element-button {
	padding: 0 15px;
}
.blog-snippet .post-grid {
	z-index: 0;
}
@media (min-width: 992px) {
	.blog-snippet {
		padding-top: 92px;
		padding-bottom: 152px;
	}
	.blog-snippet .title-tags {
		display: flex;
	}
	.blog-snippet .title-tags h4 {
		margin-bottom: 0;
	}
	.blog-snippet .tags {
		margin-left: 20px;
		align-items: center !important;
	}
	.blog-snippet .tags .wp-block-column {
		flex: 1 0 auto;
		min-width: auto;
	}
	.blog-snippet .btn-wrapper .wp-block-buttons {
		justify-content: flex-end !important;
	}
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-entry-title {
	margin-top: 0;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-entry-title,
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-entry-title a{
	color: #072231;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-grid-post-excerpt p {
	font-size: 18px;
	line-height: 26px;
	color: #70787B;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-header-meta {
	display: none;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-entry-header {
	margin-bottom: 0;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-footer-meta {
	z-index: 2;
	margin-bottom: 0;
	top: 177px;
	right: 9px;
}
.blog-snippet .eb-post-grid-posts-wrapper {
	display: flex !important;
	flex-wrap: wrap;
	gap: 34px;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column {
  box-sizing: border-box;
	box-shadow: none;
	background: transparent;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:hover {
	box-shadow: none;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column .ebpg-grid-post-holder {
	padding-bottom: 0;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column .ebpg-entry-wrapper {
	padding: 0;
}
.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column .ebpg-entry-content {
	position: static;
}
/* Desktop and large screen styles */
@media (min-width: 992px) {
 .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(1) {
    flex: 0 0 617px;
	 max-width: 617px;
  }

 .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(2) {
    flex: 0 0 293px;
	 max-width: 293px;
  }
	 .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(1) .ebpg-entry-thumbnail img,
	.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(2) .ebpg-entry-thumbnail img {
		height: 423px;
	}
	
	 .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(1) .ebpg-footer-meta,
	.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(2) .ebpg-footer-meta {
		top: 390px;
	}

  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(3),
  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(4),
  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(5) {
    flex: 0 0 293px;
		max-width: 293px;
  }
	.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column .ebpg-entry-title {
		margin-top: 0;
		padding-right: 80px;
	}
}

/* Tablet styles */
@media (min-width: 768px) and (max-width: 991px) {
  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column {
    flex: 0 0 47%;
  }
}

/* Mobile styles */
@media (max-width: 767px) {
  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column {
    flex: 0 0 100%;
  }
}
@media (min-width: 1200px) {
	.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(1) {
    flex: 0 0 748px;
		max-width: 748px;
  }

 .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(2) {
    flex: 0 0 362px;
	 max-width: 362px;
  }
	 .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(1) .ebpg-entry-thumbnail img,
	.blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(2) .ebpg-entry-thumbnail img {
		height: 423px;
	}

  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(3),
  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(4),
  .blog-snippet .eb-post-grid-posts-wrapper .ebpg-post-grid-column:nth-child(5) {
    flex: 0 0 360px;
		max-width: 360px;
  }
}



/*Homepage Makers*/
.makers {
	padding-bottom: 0;
}
.makers .event-detail {
	background: #fff;	
}
.main-column .btn-contact a {
	font-weight: 700;
}
.main-column .wp-block-heading {
	font-weight: 700;
}
.main-column p {
	color: #70787B;
	line-height: 36px;
}
@media (min-width: 768px) {
		.custom-is-style-expanded img {
		max-width: 720px;
	}
	
}
@media (min-width: 992px) {
	.content-wrapper,
	.content-wrapper .featured{
		overflow: visible;
	}
	.content-wrapper .featured .multiple {
		position: relative;
    margin-top: -90px;
	}
	.custom-is-style-expanded img {
		max-width: 940px;
	}
}
@media (min-width: 1200px) {
	.makers-wrapper .wp-block-column:first-child {
		padding: 56px 61px 56px 56px;
	}
	.custom-is-style-expanded img {
		max-width: 1140px;
	}
}

/* Style for single post shortcode [singlepost...] */
.post-block {
	height: 460px;
	position: relative;
}
.post-block .post-img {
	height: 350px;
	position: relative;
	overflow: hidden;
	display: block;
}
.post-block .post-img > img {
	height: 100%;
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	max-width: none;
}
.post-block .post-text {
	position: absolute;
	left:0;
	bottom:0;
	max-width: 350px;
	background: #ffffff;
}
.post-block .post-text a {
	display: block;
	padding: 27px 24px;
}
.post-block a:hover {
	text-decoration:none;
}
.post-block h2 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}
.post-block span {
	font-size: 18px;
	font-weight: 400;
	color:#70787B;
}
.post-block.with-avatar {
	height: auto;
}
.post-block.with-avatar .post-img {
	height: 220px;
	overflow: visible;
}
.post-block.with-avatar .post-img > a {
	display:block;
	height: 100%;
	position: relative;
  overflow: hidden;
}
.post-block.with-avatar .post-img > a img {
	height: auto;
	max-width: none;
	width: 100%;
	top:50%;
	transform:translateY(-50%);
	left: auto;
	object-fit: cover;
	position: absolute;
}
@media (min-width: 782px) {
	.post-block.with-avatar .post-img > a img {
		height: 100%;
		width: auto;
		left: 50%;				transform:translate(-50%,-50%);
	}
}
@media (min-width: 992px) {
	.post-block.with-avatar .post-img > a img {
		left:0;
		top:0;
		min-width: 100%;
		min-height: 100%;
		transform: none;
	}
}
.post-block.with-avatar .post-authors {
	position: absolute;
	top: 172px;
	right: 12px;
	display: inline-flex;
	gap: 4px;
}
.post-block.with-avatar .post-authors a {
	width: 60px;
	height: 60px;
}
.post-block.with-avatar .post-avatar img {
	width: 100%;
	height: 100%;
}
.post-block.with-avatar .post-text {
	background: none;
	position: static;
	max-width: none;
	padding-top: 36px;
}
.post-block.with-avatar .post-text a {
	display: inline-block;
	padding:0;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 8px;
}
.post-block.with-avatar .post-text h2 {
	font-size: 24px;
	line-height: 30px;
	color:#072231;
	font-weight: 700;
	display:inline;
	margin-bottom:0;
}
.post-block.with-avatar .post-text a:hover h2 {
	color:#da0000;
}
.post-block.with-avatar .post-text p {
	font-size: 20px;
	line-height:32px;
	font-weight: 400;
	color:#70787B;
	margin: 0;
}
.content h3 {
	line-height: 1.2;
	margin-top:0;
}
.lead-text h2 {
	line-height: 110%;
}
.lead-text p {
	margin-bottom: 24px;	
}
@media (min-width: 992px) {
	.lead-text {
		max-width: 552px;
	}
}
@media (max-width: 991px) {
	.wp-block-columns.column-lead {
		flex-wrap: wrap !important;
	}
  .wp-block-columns:not(.is-not-stacked-on-mobile).column-lead > .wp-block-column {
    flex-basis: 100% !important;
  }
}
.outcomes{
	margin-top: 40px;
}
@media (min-width: 1200px) {
	.outcomes {
		margin-top: -110px;
	}
}
.outcomes h4 {
	margin-bottom: 4px;
}
.client-logos .wp-block-image img {
	max-height: 60px;
  max-width: 100%;
  width: auto;
  display: inline-block;
}
.contact-image {
	overflow:visible;
}
@media (min-width: 782px) {
	.contact-image {
		max-width: 558px;
		position:relative;
	}
}
.contact-image .img-shadow {
	box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.15);
}
@media (min-width: 782px) {
	.overflowVisible {
		overflow: visible !important;
	}
	.img-shadow img {
		box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.15)
	}
	.contact-image .img-shadow {
		top: -75px;
		position: absolute;
	}
}
.contact-image .img-shadow img {
	max-width: none;
	width:100%;
}
@media (min-width: 782px) {
	.contact-image .img-shadow img {
		max-width: 100%;
	}
}

/* Button Ghost Red */
.btn-ghost-red.is-style-outline {
	border: 0 none !important;
}
.btn-ghost-red.is-style-outline .wp-element-button {
	color: #DA0000 !important;
	font-size: 12px !important;
	border-radius: 0 !important;
	line-height: 46px !important;
	height: 48px !important;
	padding: 0 24px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	text-transform: uppercase !important;
	border: 1px solid #DA0000 !important;
	background: none !important;
}
.btn-ghost-red.is-style-outline .wp-element-button:hover {
  border-color: #DA0000 !important;
	background: #DA0000 !important;
	color:#ffffff !important;
  text-decoration: none;
}

/* Button Red */
.btn-red.wp-block-button {
	border: 0 none !important;
}
.btn-red.wp-block-button .wp-element-button {
	color: #ffffff !important;
	font-size: 12px !important;
	border-radius: 0 !important;
	line-height: 46px !important;
	height: 48px !important;
	padding: 0 24px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	text-transform: uppercase !important;
	background: #DA0000 !important;
	border: 1px solid transparent;
}
.btn-red.wp-block-button .wp-element-button:hover {
  border-color: #DA0000 !important;
	background: #ffffff !important;
	color:#DA0000 !important;
  text-decoration: none;
}

/* Custom Accordion */
.custom-accordion .eb-accordion-title-wrapper:hover .eb-accordion-icon,
.custom-accordion .eb-accordion-wrapper:not(.eb-accordion-hidden) .eb-accordion-icon {
	color:#BC4819;
}

/* Gravity Form Consent Checkbox */
.gform-contact_wrapper.gravity-theme .gform_required_legend {
	display: none;
}
.gform-contact_wrapper.gravity-theme .gform-contact .gfield--type-consent {
	margin-top: 16px;
}
.gform-contact_wrapper.gravity-theme .gform-contact .gfield--type-consent .gform-field-label {
	font-size: 20px;
	font-weight: 300;
	color:#70787b;
}
.gform-contact_wrapper.gravity-theme .gform-contact .gfield--type-consent .gform-field-label .gfield_required_asterisk {
	font-size: 20px;
	margin-left: 4px;
}
.gform-contact_wrapper.gravity-theme .gform-contact .gfield_consent_description {
	border:0 none;
	overflow: auto;
	padding:0;
	font-size: 16px;
	line-height: 24px;
	color:#70787b;
}
.gform-contact_wrapper.gravity-theme .gform-contact .gfield_consent_description p a {
	border-bottom: 1px solid #cccccc;
  color: #e13333;
}
.gform-contact_wrapper.gravity-theme .gform-contact .gfield_consent_description p a:hover,
.gform-contact_wrapper.gravity-theme .gform-contact .gfield_consent_description p a:focus {
	border-color: #e13333;
	text-decoration: none;
}

/* Gravity Form global styling */
.gform_wrapper.gravity-theme legend {
	border: 0 none;
}
.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 24px;
}
.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gravity-theme .gfield_required {
	font-size: 18px;
	line-height: 150%;
	margin-bottom:0;
}
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description:not(.gfield_validation_message),
gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
	font-size: 14px;
	line-height: 160%;
	font-weight: 400;
	color:#072231;
}
.gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction {
	padding-bottom: 0;
}
.gform_wrapper.gravity-theme .ginput_container {
	margin-top: 8px;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	font-size: 18px;
	line-height: 150%;
	border: 1px solid #858C8F;
	border-radius: 2px;
	background:#ffffff;
	height: 48px;
	padding-left: 11px;
	padding-right: 11px;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
	padding-left: 10px;
}
.gform_wrapper.gravity-theme .gform_save_link.button {
	border-color:#DA0000;
	color:#DA0000;
}
.gform_wrapper.gravity-theme .gform_save_link.button svg {
	vertical-align: middle;
}
.gform_wrapper.gravity-theme .gform_save_link.button svg * {
	fill: #DA0000;
}
.gform_wrapper.gravity-theme .gform_save_link.button:hover {
	background-color:#DA0000;
	color:#ffffff;
}
.gform_wrapper.gravity-theme .gform_save_link.button:hover svg * {
	fill:#ffffff;
}

/* Application form styling */
#BlogPost .post-content .subtitle {
	font-size: 28px;
	line-height: 140%;
	padding-bottom: 30px;
}
.gform_wrapper.gravity-theme .gform_required_legend {
	display: none;
}
#BlogPost .gform_wrapper.gravity-theme .section-head h2 {
	margin-top:0;
	font-size: 28px;
	margin-bottom:20px;
}
#BlogPost .gform_wrapper.gravity-theme .section-head h5 {
	margin-bottom:10px;
	letter-spacing: 0.3em;
	font-size: 14px;
	line-height: 150%;
}
.gform_wrapper.gravity-theme .gform_fields .gfield input:not([type="radio"]):not([type="checkbox"]),
.gform_wrapper.gravity-theme .gform_fields .gfield select {
	width: 100%;
}
.gform_wrapper.gravity-theme .gform_fields .gfield select {
	background: #ffffff;
}
.gform_wrapper.gravity-theme .gform_fields .gfield input[type="file"] {
	font-size: 16px;
}
@media (min-width: 768px) {
	.gform_wrapper.gravity-theme .gform_fields .gfield input.small,
.gform_wrapper.gravity-theme .gform_fields .gfield select.small {
		max-width: 240px;
	}
	.gform_wrapper.gravity-theme .gform_fields .gfield input.medium,
.gform_wrapper.gravity-theme .gform_fields .gfield select.medium {
		max-width: 480px;
	}
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
	border: 0 none;
	padding:0;
	background: 0 none;
}
.gform_wrapper.gravity-theme .gsection.separator {
	margin-bottom: 16px;
	border-color:#d7dbdc;
	padding: 0;
	height: 1px;
	margin-top: 32px;
}
.gform_wrapper.gravity-theme .gform_footer {
	display: flex;
	flex-wrap: wrap;
}
.gform_wrapper.gravity-theme .gform_footer input.button,
.gform_wrapper.gravity-theme .gform_footer .gform_ajax_spinner {
	margin-right: 8px;
}
.gform_wrapper.gravity-theme .gform_footer .gform_save_link.button {
	margin-left:0;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
	padding: 10px 12px;
}
#BlogPost .gform_wrapper.gravity-theme .gform_validation_errors h2 {
	font-size: 18px;
	line-height: 160%;
	margin:0;
}

/* Push entire page down when there is admin-bar */
.admin-bar .sd-head {
	top: 32px;
}
.admin-bar .ps {
	top: 74px;
}

/* List style same as accordion style */
.accordion-style {
	padding:0;
	margin:15px 0 0 0;
	list-style:none;
}
.accordion-style li {
	border-bottom: 1px solid rgba(223,223,223,1);
	padding: 16px 0;
	margin: 0 !important;
	color: rgba(31,46,54,1);
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
	font-weight: 600;
}

/* Star Rating on Application Form */
.gform-body .gsurvey-rating:not(:checked) > label {
	width: 22px;
	line-height:22px;
	font-size: 0 !important;
	background-size: 20px 20px;
}
.gform-body .gsurvey-rating:not(:checked) > label:hover, .gform-body .gsurvey-rating:not(:checked) > label:hover ~ label {
	background-size: 20px 20px;
}
@media (max-width: 767px) {
	.landing-title {
		font-size: 48px !important;
		line-height: normal !important;
	}
}
@media (max-width: 991px) {
	.method-head {
		flex-wrap: wrap !important;
	}
	.method-head > div {
		flex-basis: 100% !important;
	}
	.method-head > div:first-child {
		order: 2;
	}
	.method-head figure {
		margin-bottom:0;
	}
}
.gform-contact_wrapper.gravity-theme .gform-contact .gfield_label .gfield_required {
	display: inline-block !important;
}
.narrow .wp-block-image.img-on-text {
	margin-bottom:0;
}
@media (max-width: 767px) {
	.narrow .wp-block-image.img-on-text .alignright {
		margin:0 auto 20px auto;
		float: none;
	}
}
#WorkDetail figure {
	margin-bottom: 0;
}
/* Fix video issue on mobile */
.video-container .wp-block-embed__wrapper {
	position:static;
}
.makers-wrapper p {
	line-height: 1.5;
	font-size: 18px;
}
.pills-list {
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.pills-list li {
	margin: 0 5px 7px 0;
	height: 30px;
	white-space: nowrap;
	padding: 0 13px;
	border-radius: 20px;
	background: #f5f5f5;
	font-size: 14px;
	color: #70787b;
}
.inline-pill {
	margin: 0 0 7px 5px;
	height: 30px;
	white-space: nowrap;
	padding: 0 13px;
	border-radius: 20px;
	background: #FFFFC5;
	font-size: 14px;
	color: #70787b;
	display: inline-block;
	font-weight: 300;
	line-height: 30px;
	vertical-align: middle;
}		</style>
			<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <!-- Typekit
	<script type="text/javascript">
	(function(d) {
	var config = {
	kitId: 'fzr2qom',
	scriptTimeout: 3000
	},
	h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
	})(document);
	</script>
  -->
  <link type="text/css" rel="stylesheet" href="//fast.fonts.net/cssapi/8ea25e30-b382-46a0-8280-5354324633db.css"/>

	<!-- Hotjar Tracking Code for Stampede -->
	<script>
		(function(h,o,t,j,a,r){
				h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
				h._hjSettings={hjid:2604,hjsv:6};
				a=o.getElementsByTagName('head')[0];
				r=o.createElement('script');r.async=1;
				r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
				a.appendChild(r);
		})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
	</script>
</head>

<body data-cmplz=2 class="archive author author-syazwan author-2 wp-theme-v3">
<header class="navbar navbar-default sd-head" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<a href="#topnav" class="navbar-toggle">
			<span class="icon-bar l1"></span>
			<span class="icon-bar l2"></span>
			<span class="icon-bar l3"></span>
			</a>
			<h1 id="logo" class="navbar-brand"><a href="https://stampede-design.com"><img src="https://stampede-design.com/wp-content/themes/v3/art/stampede.svg" alt="Stampede Design"><strong class="vh">Stampede Design</strong></a></h1>
			<div class="collapse navbar-collapse" id="topnav">
				<ul class="nav navbar-nav navbar-right"><li id="nav-menu-item-17463" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children nav-item dropdown"><a href="#" class="nav-link" data-toggle="dropdown">Services <span class="caret"></span></a>
<ul class="dropdown-menu">
	<li id="nav-menu-item-11827" class="menu-item menu-item-type-post_type menu-item-object-page dropdown"><a href="https://stampede-design.com/services/" class="dropdown-toggle">Services</a></li>
	<li id="nav-menu-item-17466" class="menu-item menu-item-type-post_type menu-item-object-page dropdown"><a href="https://stampede-design.com/services/discovery/" class="dropdown-toggle">Discovery &amp; Research</a></li>
	<li id="nav-menu-item-17465" class="menu-item menu-item-type-post_type menu-item-object-page dropdown"><a href="https://stampede-design.com/services/design-delivery/" class="dropdown-toggle">Design delivery</a></li>
	<li id="nav-menu-item-17441" class="menu-item menu-item-type-post_type menu-item-object-page dropdown"><a href="https://stampede-design.com/services/development-delivery/" class="dropdown-toggle">Development delivery</a></li>
	<li id="nav-menu-item-17464" class="menu-item menu-item-type-post_type menu-item-object-page dropdown"><a href="https://stampede-design.com/services/capability-transformation/" class="dropdown-toggle">Capability + Transformation</a></li>
</ul>
</li>
<li id="nav-menu-item-12029" class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a href="https://stampede-design.com/work/" class="nav-link">Work</a></li>
<li id="nav-menu-item-5655" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent nav-item"><a href="https://stampede-design.com/blog/" class="nav-link">Blog</a></li>
<li id="nav-menu-item-15897" class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a href="https://stampede-design.com/about/" class="nav-link">About</a></li>
<li id="nav-menu-item-14739" class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a href="https://stampede-design.com/join-us/" class="nav-link">Career</a></li>
<li id="nav-menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a href="https://stampede-design.com/contact/" class="nav-link">Contact</a></li>
</ul>			</div>
		</div>
	</div>
</header>
<div class="ps">



<div id="ptitle" class="blog">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <h1>Stampede Blog</h1>
        <p class="blogcrumb"><a href="https://stampede-design.com/blog/" class="main-cat">Articles</a> / <span class="sub-cat">Author</span> / <span>Syazwan Hakim</span></p>
      </div>
    </div>
  </div>
</div>

<section id="Blog" class="container">
  <div class="row">
    <div class="col-sm-3 col-md-3 blog-cat-listing">
      <div class="blog_categories">
        <a class="more_articles visible-xs collapsed" role="button" data-toggle="collapse" href="#BlogCategories" aria-expanded="false" aria-controls="BlogCategories">More Articles <i class="icon-up-small"></i></a>
        <div id="BlogCategories" class="collapse">
          <div class="well">
           
            <ul class="mh">        
              <li><h3>Conversations</h3>
</li>
<li><h3>Field Notes</h3>
</li>
<li><h3>Inside Stampede</h3>
</li>
<li><h3>Perspectives</h3>
</li>
            </ul>
            
            <a class="close_well visible-xs" role="button" data-toggle="collapse" href="#BlogCategories" aria-expanded="true" aria-controls="BlogCategories">Close <i class="icon-close"></i></a>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-9 col-md-9 blog-content-left-col">
      <div id="bloglist">
        
      
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">11 November, 2014</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/access-computer-using-smartphone/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/access-computer-using-smartphone/">Accessing Your Computer Using a Smartphone</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">11 November, 2014</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/access-computer-using-smartphone/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/access-computer-using-smartphone/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/tumblr_n3xsa2z6nB1tubinno1_1280-750x460.jpg" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" /></a>
                                  <p>Gone are the days when you have to be physically present in front of your computer to access your files. Syazwan Hakim shares some tips and tools on how to access your computer through your smartphone. <a href="https://stampede-design.com/blog/access-computer-using-smartphone/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">28 August, 2014</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/responsive-bootstrap-push-menu-tutorial/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/responsive-bootstrap-push-menu-tutorial/">Responsive Bootstrap Push Menu Tutorial</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">28 August, 2014</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/responsive-bootstrap-push-menu-tutorial/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/responsive-bootstrap-push-menu-tutorial/"></a>
                                  <p>Responsive Bootstrap Push Menu is a combination of Bootstrap & jPushMenu plugin, for better viewing on mobile. Requiring HTML, CSS and Javascript, Syazwan shows the tutorial on how to achieve the effect. <a href="https://stampede-design.com/blog/responsive-bootstrap-push-menu-tutorial/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/shaiful/">Shaiful Borhan</a> Web Analyst + Developer at Stampede Design</p><p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">13 July, 2014</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/world-cup-2014-talk/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Inside Stampede</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/world-cup-2014-talk/">World Cup 2014: The Talk</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/shaiful/">Shaiful Borhan</a> Web Analyst + Developer at Stampede Design</p><p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">13 July, 2014</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/world-cup-2014-talk/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/world-cup-2014-talk/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/12032122_1705810989649007_3828316300672868192_n-750x460.jpg" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" /></a>
                                  <p>Stampede's biggest football fans, Iwan and Shaiful enthusiastically relay the highlights for the FIFA World Cup 2014. It's Argentina vs Germany tonight. Who do you root for? <a href="https://stampede-design.com/blog/world-cup-2014-talk/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">31 May, 2014</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/">Fontello As My Favourite Font Icon Service</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">31 May, 2014</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-750x460.jpg" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" srcset="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code.jpg 750w, https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-300x184.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" /></a>
                                  <p>Years ago, cropping icons for website is no fun as well as time consuming. Fortunately, with many font icon services out there, this is no longer the case. Syazwan elaborates on his favourite service, Fontello. <a href="https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">24 February, 2014</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/alternative-for-maybank2u-mobile-app/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/alternative-for-maybank2u-mobile-app/">Alternative for Maybank2u Mobile App</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">24 February, 2014</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/alternative-for-maybank2u-mobile-app/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/alternative-for-maybank2u-mobile-app/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/eca9f085-d726-4c2f-8ae8-ae23ef5c04fd-large-750x460.png" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></a>
                                  <p>While Maybank2U mobile app is convenient for your banking on the go, it does have its limitations for services. Syazwan shows how to get the full functionality, fast and easy. <a href="https://stampede-design.com/blog/alternative-for-maybank2u-mobile-app/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">6 July, 2013</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/how-to-transfer-large-files-between-android-devices/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/how-to-transfer-large-files-between-android-devices/">How to Transfer Large Files Between Android Devices</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">6 July, 2013</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/how-to-transfer-large-files-between-android-devices/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/how-to-transfer-large-files-between-android-devices/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/NFC-840x556-750x460.jpg" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></a>
                                  <p>Android users - worry no more about sending those huge cat videos over between devices! Syazwan, our resident Android purist will show you how. <a href="https://stampede-design.com/blog/how-to-transfer-large-files-between-android-devices/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">23 May, 2013</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/online-resources-for-front-end-developers/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/online-resources-for-front-end-developers/">8 Useful Resources for Front-End Developers</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">23 May, 2013</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/online-resources-for-front-end-developers/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/online-resources-for-front-end-developers/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/Allan_Get-Web-Developer-Savvy_header-750x356.png" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></a>
                                  <p>Even the most resilient front-end developer gets stuck sometimes too. In this case, Iwan is happy to share his list of online resources which he found useful in his daily work. <a href="https://stampede-design.com/blog/online-resources-for-front-end-developers/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">5 January, 2013</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/inspecting-element-for-mobile-site-using-desktop/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/inspecting-element-for-mobile-site-using-desktop/">Debugging mobile website through user agents</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">5 January, 2013</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/inspecting-element-for-mobile-site-using-desktop/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/inspecting-element-for-mobile-site-using-desktop/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-750x460.jpg" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code.jpg 750w, https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-300x184.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" /></a>
                                  <p>Iwan's wishful thinking was to have the 'inspect element' option available on his mobile browser, until he found a better solution. <a href="https://stampede-design.com/blog/inspecting-element-for-mobile-site-using-desktop/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">15 November, 2012</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/reliable-way-to-render-your-site-on-ie6/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/reliable-way-to-render-your-site-on-ie6/">Reliable way to render your site on IE6</a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">15 November, 2012</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/reliable-way-to-render-your-site-on-ie6/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/reliable-way-to-render-your-site-on-ie6/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-750x460.jpg" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code.jpg 750w, https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-300x184.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" /></a>
                                  <p>Syazwan shows how to render your site on IE6 - without breaking anything. <a href="https://stampede-design.com/blog/reliable-way-to-render-your-site-on-ie6/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
             

        <div class="post">
          <div class="row">
            <div class="col-sm-3 hidden-xs hidden-sm hidden-md hidden-lg">
              <div class="post-info">
                <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                <p class="post-date">30 May, 2012</p>
                <!--p class="post-meta"><strong> reading time</strong></p-->
                <ul class="post-action">
                  <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                  <li><a href="https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/#comments">Leave a comment</a></li>
                </ul>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="post-header">
                <p class="post-cat">Field Notes</p>
                <h1 class="post-title"><a href="https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/">Get Rid of Unwanted Space Below <img></a></h1>
                <div class="hidden-xs hidden-sm hidden-md hidden-lg">
                  <p class="post-meta"><a href="https://stampede-design.com/blog/author/syazwan/">Syazwan Hakim</a> Senior Front-End Developer</p>                  <p class="post-date">30 May, 2012</p>
                  <ul class="post-action">
                    <li><a href="#" class="addthis_button_facebook_share" fb:share:layout="link"></a></li>
                    <li><a href="https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/#comments">Leave a comment</a></li>
                  </ul>
                </div>
              </div>
              <div class="post-content">
                <a href="https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/"><img src="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-750x460.jpg" class="attachment-blog-thumbnail size-blog-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code.jpg 750w, https://stampede-design.com/wp-content/uploads/2016/07/blogThumbnails-code-300x184.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" /></a>
                                  <p>Got an unexplained and unwanted space below &lt;img&gt;? Fret not - Syazwan is back to share a handy tip. <a href="https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/">Keep Reading</a></p>
                              </div>
            </div>
          </div>
        </div>
        
      </div>  <!--#bloglist -->

      <div class="page_nav">
        <div class="row">
          <div class="col-sm-4 col-md-3 col-lg-4 simple-pagination">
            	<!--div class="pagination cf ms"-->

								<a href="https://stampede-design.com/blog/author/syazwan/feed/page/2/" class="btn btn-black next-post-link">More Articles</a>		
	<!--/div-->
	          </div>
          <div class="col-sm-8 col-md-9 col-lg-8">
            <form class="search_form"role="search" method="get" id="searchform" action="https://stampede-design.com/">
  <fieldset>
    <label class="sr-only">New Search</label>
    <input type="text" class="txt form-control" placeholder="New Search" name="s" id="s"  value=""></input>
    <button type="submit"><i class="icon-search"></i></button>
  </fieldset>
</form>          </div>
        </div>
      </div>

      

    </div>
  </div>
</section>

<!--WPFC_FOOTER_START-->

<footer id="sd-footer">
    <div class="container">
        <div class="row">
            <div class="col-md-2 text-center footer-logo-wrapper">
                <a class="btn btn-white visible-xs" href="#">Back To Top</a>
                <h1 class="logo"><a href="https://stampede-design.com"><img src="https://stampede-design.com/wp-content/themes/v3/art/logo-footer.svg" alt="Stampede Design"><strong class="vh">Stampede Design</strong></a></h1>
            </div>
            <div class="col-md-10">
                <div class="row hidden-xs hidden-sm">
                    <div class="footer-menu">
                        <div>
                            <ul class="test"><li id="menu-item-15898" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15898"><a href="https://stampede-design.com/about/">The team</a></li>
<li id="menu-item-14741" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14741"><a href="https://stampede-design.com/join-us/">Join us</a></li>
<li id="menu-item-11834" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11834"><a href="https://stampede-design.com/contact/">Hire us</a></li>
<li id="menu-item-11836" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11836"><a href="https://www.nospec.com/">No Spec policy</a></li>
<li id="menu-item-15651" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-15651"><a rel="privacy-policy" href="https://stampede-design.com/privacy-policy/">Privacy policy</a></li>
<li id="menu-item-18822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18822"><a href="https://stampede-design.com/information-security-policy/">Security Policy</a></li>
</ul>                        </div>
                        <div>
                            <ul class="social-icons">
                                <li>
                                    <a href="https://www.facebook.com/stampededesign" class="social-fb" target="_blank">
                                        <span class="icon-1465789001_facebook_online_social_media"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.twitter.com/stampededesign" class="social-twitter" target="_blank">
                                        <span class="icon-1465789008_twitter_online_social_media"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://www.instagram.com/stampedeteam" class="social-instagram" target="_blank">
                                        <span class="icon-instagram"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.linkedin.com/company/stampede-design" class="social-linkedin" target="_blank">
                                        <span class="icon-1465789023_linked_in_online_social_media"></span>
                                    </a>
                                </li>
                                <!--<li>
                                    <a href="https://plus.google.com/+StampededesignMY/" class="social-gplus"  target="_blank">
                                        <span class="icon-1465789235_40-google-plus"></span>
                                    </a>
                                    </li>-->
                                <!--<li>
                                    <a href="http://thingsstampedeteamsays.tumblr.com/" class="social-tumblr"  target="_blank">
                                        <span class="icon-1465789034_tumblr_online_social_media"></span>
                                    </a>
                                    </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class=" row">
                    <div class="get-in-touch col-xs-12 col-md-5 col-md-push-7">
                        <ul class="social-icons hidden-md hidden-lg">
                            <li>
                                <a href="https://www.facebook.com/stampededesign" class="social-fb" target="_blank">
                                    <span class="icon-1465789001_facebook_online_social_media"></span>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.twitter.com/stampededesign" class="social-twitter" target="_blank">
                                    <span class="icon-1465789008_twitter_online_social_media"></span>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.instagram.com/stampedeteam" class="social-instagram" target="_blank">
                                    <span class="icon-instagram"></span>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/company/stampede-design" class="social-linkedin" target="_blank">
                                    <span class="icon-1465789023_linked_in_online_social_media"></span>
                                </a>
                            </li>
                            <!--<li>
                                <a href="https://plus.google.com/+StampededesignMY/" class="social-gplus"  target="_blank">
                                    <span class="icon-1465789235_40-google-plus"></span>
                                </a>
                                </li>-->
                            <!--<li>
                                <a href="http://thingsstampedeteamsays.tumblr.com/" class="social-tumblr"  target="_blank">
                                    <span class="icon-1465789034_tumblr_online_social_media"></span>
                                </a>
                                </li>-->
                        </ul>
                        <!--<p>Hire us</p>
                            <a href="mailto:hello@stampede-design.com" class="btn-touch">Get in Touch</a>-->
                        <div class="sign-up">
                            <h5>Sign up to our newsletter</h5>
                            <script type="text/javascript"></script>
                <div class='gf_browser_chrome gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_8' ><div id='gf_8' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_8' id='gform_8'  action='/blog/author/syazwan/feed/#gf_8' data-formid='8' novalidate>
                        <div class='gform-body gform_body'><ul id='gform_fields_8' class='gform_fields top_label form_sublabel_below description_below'><li id="field_8_3"  class="gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label gfield_visibility_visible"  data-js-reload="field_8_3"><label class='gfield_label gform-field-label' for='input_8_3' >Untitled<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_8_3' type='text' value='' class='large'    placeholder='Your email address' aria-required="true" aria-invalid="false"   /> </div></li><li id="field_8_4"  class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below gfield_visibility_visible"  data-js-reload="field_8_4"><label class='gfield_label gform-field-label' for='input_8_4' >Email</label><div class='ginput_container'><input name='input_4' id='input_8_4' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_8_4'>This field is for validation purposes and should be left unchanged.</div></li></ul></div>
        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_8' class='gform_button button' value='Sign Up'  onclick='if(window["gf_submitting_8"]){return false;}  if( !jQuery("#gform_8")[0].checkValidity || jQuery("#gform_8")[0].checkValidity()){window["gf_submitting_8"]=true;}  ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_8"]){return false;} if( !jQuery("#gform_8")[0].checkValidity || jQuery("#gform_8")[0].checkValidity()){window["gf_submitting_8"]=true;}  jQuery("#gform_8").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=8&amp;title=&amp;description=&amp;tabindex=0' />
            <input type='hidden' class='gform_hidden' name='is_submit_8' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='8' />
            
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_8' value='WyJbXSIsImMyNjBmOTk3NTY0MWRkNTRlMjY0ZGYzNDAyNTk5YWUwIl0=' />
            <input type='hidden' class='gform_hidden' name='gform_target_page_number_8' id='gform_target_page_number_8' value='0' />
            <input type='hidden' class='gform_hidden' name='gform_source_page_number_8' id='gform_source_page_number_8' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            
        </div>
                        <p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="56"/><script type="text/javascript">
/* <![CDATA[ */
document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );
/* ]]> */
</script>
</p></form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_8' id='gform_ajax_frame_8' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script type="text/javascript">
/* <![CDATA[ */
 gform.initializeOnLoaded( function() {gformInitSpinner( 8, 'https://stampede-design.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_8').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_8');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_8').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_8').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_8').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_8').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_8').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_8').val();gformInitSpinner( 8, 'https://stampede-design.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [8, current_page]);window['gf_submitting_8'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_8').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_8').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [8]);window['gf_submitting_8'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_8').text());}, 50);}else{jQuery('#gform_8').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [8, current_page]);gform.utils.trigger({ event: 'gform/postRender', native: false, data: { formId: 8, currentPage: current_page } });} );} ); 
/* ]]> */
</script>
                            <p class="sign-up-desc">We frequently discuss thoughts on design, technology and healthier workplaces. Join in the conversations.</p>
                        </div>
                    </div>
                    <div class="footer-mid-col col-xs-12 col-md-7 col-md-pull-5">
                        <div class="row cols">
                            <div class="col-xs-12 footer-links hidden-md hidden-lg">
                                <ul class="test"><li id="menu-item-15898" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15898"><a href="https://stampede-design.com/about/">The team</a></li>
<li id="menu-item-14741" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14741"><a href="https://stampede-design.com/join-us/">Join us</a></li>
<li id="menu-item-11834" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11834"><a href="https://stampede-design.com/contact/">Hire us</a></li>
<li id="menu-item-11836" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11836"><a href="https://www.nospec.com/">No Spec policy</a></li>
<li id="menu-item-15651" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-15651"><a rel="privacy-policy" href="https://stampede-design.com/privacy-policy/">Privacy policy</a></li>
<li id="menu-item-18822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18822"><a href="https://stampede-design.com/information-security-policy/">Security Policy</a></li>
</ul>                            </div>
                            <div class="col-xs-12 col-sm-6 footer-about">
                                <h5>About</h5>
                                <p>Stampede is a UX agency delivering web design, user experience and web development services to businesses all over the world.</p>
                                <p class="cp">&copy; 2006-Present Stampede Design Sdn Bhd (201201000933). <br />
                                    <a href="https://www.nospec.com/" target="_blank">NO SPEC.</a></p>
                            </div>
                            <div class="col-xs-12 col-sm-6 footer-connect">
                                <h5>Connect</h5>
                                <p>Stampede Design Sdn. Bhd.<br>Suite 33-01, Room 16, 33rd floor,<br>Menara Keck Seng,<br>203, Jalan Bukit Bintang,<br>55100 Kuala Lumpur.</p>
                                <p><a href="mailto:hello@stampede-design.com">hello@stampede-design.com</a><!--<br>usa +1 717 7988 488--><br>Call MY +6 012 598 1744</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</div> <!-- .ps -->

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/v3\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 cookie-consent-banner optin cmplz-bottom-right cmplz-categories-type-no" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
	<div class="cmplz-header">
		<div class="cmplz-logo"></div>
		<div class="cmplz-title" id="cmplz-header-1-optin">Accept Cookies?</div>
		<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog">
			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
		</div>
	</div>

	<div class="cmplz-divider cmplz-divider-header"></div>
	<div class="cmplz-body">
		<div class="cmplz-message" id="cmplz-message-1-optin"><p>We use cookies to continuously improve your experience. You can accept or deny cookies, and no personal data is stored.</p></div>
		<!-- categories start -->
		<div class="cmplz-categories">
			<details class="cmplz-category cmplz-functional" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Functional</span>
							<span class='cmplz-always-active'>
								<span class="cmplz-banner-checkbox">
									<input type="checkbox"
										   id="cmplz-functional-optin"
										   data-category="cmplz_functional"
										   class="cmplz-consent-checkbox cmplz-functional"
										   size="40"
										   value="1"/>
									<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Functional</span></label>
								</span>
								Always active							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span>
				</div>
			</details>

			<details class="cmplz-category cmplz-preferences" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Preferences</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-preferences-optin"
									   data-category="cmplz_preferences"
									   class="cmplz-consent-checkbox cmplz-preferences"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Preferences</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span>
				</div>
			</details>

			<details class="cmplz-category cmplz-statistics" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Statistics</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-statistics-optin"
									   data-category="cmplz_statistics"
									   class="cmplz-consent-checkbox cmplz-statistics"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistics</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span>
					<span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span>
				</div>
			</details>
			<details class="cmplz-category cmplz-marketing" >
				<summary>
						<span class="cmplz-category-header">
							<span class="cmplz-category-title">Marketing</span>
							<span class="cmplz-banner-checkbox">
								<input type="checkbox"
									   id="cmplz-marketing-optin"
									   data-category="cmplz_marketing"
									   class="cmplz-consent-checkbox cmplz-marketing"
									   size="40"
									   value="1"/>
								<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label>
							</span>
							<span class="cmplz-icon cmplz-open">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
							</span>
						</span>
				</summary>
				<div class="cmplz-description">
					<span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span>
				</div>
			</details>
		</div><!-- categories end -->
			</div>

	<div class="cmplz-links cmplz-information">
		<ul>
			<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a></li>
			<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a></li>
			<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a></li>
			<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Read more about TCF purposes on Cookie Database">Read more about these purposes</a></li>
		</ul>
			</div>

	<div class="cmplz-divider cmplz-footer"></div>

	<div class="cmplz-buttons">
		<button class="cmplz-btn cmplz-accept">Accept</button>
		<button class="cmplz-btn cmplz-deny">Deny</button>
		<button class="cmplz-btn cmplz-view-preferences">View preferences</button>
		<button class="cmplz-btn cmplz-save-preferences">Save preferences</button>
		<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">View preferences</a>
			</div>

	
	<div class="cmplz-documents cmplz-links">
		<ul>
			<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
			<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
			<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
		</ul>
			</div>
</div>
</div>
					<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button>

</div>	<script type="text/javascript">
		document.addEventListener( 'wpcf7mailsent', function( event ) {
    	$('.wpcf7-submit').val('ALL DONE, THANK YOU!');
		}, false );
	</script>
<link rel='stylesheet' id='gravity_forms_theme_reset-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/assets/css/dist/gravity-forms-theme-reset.min.css?ver=2.7.7' type='text/css' media='all' />
<link rel='stylesheet' id='gravity_forms_theme_foundation-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/assets/css/dist/gravity-forms-theme-foundation.min.css?ver=2.7.7' type='text/css' media='all' />
<link rel='stylesheet' id='gravity_forms_theme_framework-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/assets/css/dist/gravity-forms-theme-framework.min.css?ver=2.7.7' type='text/css' media='all' />
<link rel='stylesheet' id='gravity_forms_orbital_theme-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/assets/css/dist/gravity-forms-orbital-theme.min.css?ver=2.7.7' type='text/css' media='all' />
<link rel='stylesheet' id='gforms_reset_css-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/legacy/css/formreset.min.css?ver=2.7.7' type='text/css' media='all' />
<link rel='stylesheet' id='gforms_formsmain_css-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/legacy/css/formsmain.min.css?ver=2.7.7' type='text/css' media='all' />
<link rel='stylesheet' id='gforms_ready_class_css-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/legacy/css/readyclass.min.css?ver=2.7.7' type='text/css' media='all' />
<link rel='stylesheet' id='gforms_browsers_css-css' href='https://stampede-design.com/wp-content/plugins/gravityforms/legacy/css/browsers.min.css?ver=2.7.7' type='text/css' media='all' />
<script type="text/javascript" id="essential-blocks-blocks-localize-js-extra">
/* <![CDATA[ */
var eb_conditional_localize = [];
var EssentialBlocksLocalize = {"eb_plugins_url":"https:\/\/stampede-design.com\/wp-content\/plugins\/essential-blocks\/","image_url":"https:\/\/stampede-design.com\/wp-content\/plugins\/essential-blocks\/assets\/images","eb_wp_version":"6.8","eb_version":"6.2.0","eb_admin_url":"https:\/\/stampede-design.com\/wp-admin\/","rest_rootURL":"https:\/\/stampede-design.com\/wp-json\/","ajax_url":"https:\/\/stampede-design.com\/wp-admin\/admin-ajax.php","nft_nonce":"bc5e8b97f7","post_grid_pagination_nonce":"a64c09e47a","placeholder_image":"https:\/\/stampede-design.com\/wp-content\/plugins\/essential-blocks\/assets\/images\/placeholder.png","is_pro_active":"false","upgrade_pro_url":"https:\/\/essential-blocks.com\/upgrade","responsiveBreakpoints":{"tablet":1024,"mobile":767},"wp_timezone":"Asia\/Kuala_Lumpur","gmt_offset":"8"};
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/essential-blocks/assets/js/eb-blocks-localize.js?ver=31d6cfe0d16ae931b73c" id="essential-blocks-blocks-localize-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
    "api": {
        "root": "https:\/\/stampede-design.com\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    },
    "cached": 1
};
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6" id="contact-form-7-js"></script>
<script type="text/javascript" id="cf7apps-honeypot-refill-js-extra">
/* <![CDATA[ */
var cf7appsHoneypotRefill = {"forceRefillOnInit":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/contact-form-7-honeypot/legacy-honeypot/includes/js/honeypot-refill.js?ver=3.6.1" id="cf7apps-honeypot-refill-js"></script>
<script type="text/javascript" id="disqus_count-js-extra">
/* <![CDATA[ */
var countVars = {"disqusShortname":"stampedeblog"};
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/disqus-comment-system/public/js/comment_count.js?ver=3.1.4" id="disqus_count-js"></script>
<script type="text/javascript" id="infinite-scroll-js-extra">
/* <![CDATA[ */
var infinite_scroll = "{\"loading\":{\"msgText\":\"<em>Loading...<\\\/em>\",\"finishedMsg\":\"<em>No additional posts.<\\\/em>\",\"img\":\"https:\\\/\\\/stampede-design.com\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/new-ajax-loader.gif\"},\"nextSelector\":\".simple-pagination a.next-post-link\",\"navSelector\":\".simple-pagination\",\"itemSelector\":\".post\",\"contentSelector\":\"#bloglist\",\"debug\":false,\"behavior\":\"twitter\",\"callback\":\"\"}";
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/infinite-scroll/js/front-end/jquery.infinitescroll.js?ver=2.6.2" id="infinite-scroll-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/infinite-scroll/behaviors/manual-trigger.js?ver=2.6.2" id="infinite-scroll-behavior-js"></script>
<script type="text/javascript" id="dlm-xhr-js-extra">
/* <![CDATA[ */
var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again.","not_found":"Download does not exist.","no_file_path":"No file path defined.","no_file_paths":"No file paths defined.","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"File not found."};
/* ]]> */
</script>
<script type="text/javascript" id="dlm-xhr-js-before">
/* <![CDATA[ */
const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/stampede-design.com\/wp-admin\/admin-ajax.php"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://stampede-design.com/download/"; const dlmNonXHRGlobalLinks = []; dlmXHRgif = "https://stampede-design.com/wp-includes/images/spinner.gif"; const dlmXHRProgress = "1"
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=5.1.16" id="dlm-xhr-js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js?ver=3.1.1" id="bootstrap-js-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/themes/v3/js/jquery.pageslide.js?ver=1.0" id="jquery-pageslide-js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js?ver=0.7.2" id="match-height-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/themes/v3/js/owl.carousel.min.js?ver=2.3.4" id="owl-carousel-js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LeEPYYbAAAAAGPYEj-jFW6EiMLLDzcRIWLa3oG1&amp;ver=3.0" id="google-recaptcha-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
<script type="text/javascript" id="wpcf7-recaptcha-js-before">
/* <![CDATA[ */
var wpcf7_recaptcha = {
    "sitekey": "6LeEPYYbAAAAAGPYEj-jFW6EiMLLDzcRIWLa3oG1",
    "actions": {
        "homepage": "homepage",
        "contactform": "contactform"
    }
};
/* ]]> */
</script>
<script type="text/javascript" src="https://stampede-design.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.6" id="wpcf7-recaptcha-js"></script>
<script type="text/javascript" id="cmplz-cookiebanner-js-extra">
/* <![CDATA[ */
var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"0","banner_version":"48","version":"7.4.7","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/stampede-design.com\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_US","set_cookies_on_root":"0","cookie_domain":"","current_policy_id":"46","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"<div class=\"cmplz-blocked-content-notice-body\">Click 'I agree' to enable {service}\u00a0<div class=\"cmplz-links\"><a href=\"#\" class=\"cmplz-link cookie-statement\">{title}<\/a><\/div><\/div><button class=\"cmplz-accept-service\">I agree<\/button>","css_file":"https:\/\/stampede-design.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=48","page_links":{"eu":{"cookie-statement":{"title":"","url":"https:\/\/stampede-design.com\/blog\/makers-7-designing-the-future-with-ai-and-data\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/stampede-design.com\/privacy-policy\/"},"impressum":{"title":"Impressum","url":"https:\/\/stampede-design.com\/contact\/"}},"us":{"impressum":{"title":"Impressum","url":"https:\/\/stampede-design.com\/contact\/"}},"uk":{"impressum":{"title":"Impressum","url":"https:\/\/stampede-design.com\/contact\/"}},"ca":{"impressum":{"title":"Impressum","url":"https:\/\/stampede-design.com\/contact\/"}},"au":{"impressum":{"title":"Impressum","url":"https:\/\/stampede-design.com\/contact\/"}},"za":{"impressum":{"title":"Impressum","url":"https:\/\/stampede-design.com\/contact\/"}},"br":{"impressum":{"title":"Impressum","url":"https:\/\/stampede-design.com\/contact\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"1","aria_label":"Click button to enable {service}"};
/* ]]> */
</script>
<script defer type="text/javascript" src="https://stampede-design.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1780715764" id="cmplz-cookiebanner-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script>
<script type="text/javascript" src="https://stampede-design.com/wp-includes/js/dist/a11y.min.js?ver=3156534cc54473497e14" id="wp-a11y-js"></script>
<script type="text/javascript" defer='defer' src="https://stampede-design.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.7.7" id="gform_json-js"></script>
<script type="text/javascript" id="gform_gravityforms-js-extra">
/* <![CDATA[ */
var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}};
var gf_legacy_multi = [];
var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/stampede-design.com\/wp-content\/plugins\/gravityforms\/images"}};
var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/stampede-design.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/stampede-design.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"c8d93d41879ef6223c66c0c8429b5bda","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
/* ]]> */
</script>
<script type="text/javascript" defer='defer' src="https://stampede-design.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.7.7" id="gform_gravityforms-js"></script>
<script type="text/javascript" defer='defer' src="https://stampede-design.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.7.7" id="gform_placeholder-js"></script>
<script type="text/javascript" defer='defer' src="https://stampede-design.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=1329f9a0886f2ff3fb51c6f17277eb75" id="gform_gravityforms_utils-js"></script>
<script type="text/javascript" defer='defer' src="https://stampede-design.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=4ef53fe41c14a48b294541d9fc37387e" id="gform_gravityforms_theme_vendors-js"></script>
<script type="text/javascript" id="gform_gravityforms_theme-js-extra">
/* <![CDATA[ */
var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"c8d93d41879ef6223c66c0c8429b5bda"}}},"hmr_dev":"","public_path":"https:\/\/stampede-design.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"};
/* ]]> */
</script>
<script type="text/javascript" defer='defer' src="https://stampede-design.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=443293948084ca0fe29518ebcd01dc6b" id="gform_gravityforms_theme-js"></script>
<script defer type="text/javascript" src="https://stampede-design.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1777000581" id="akismet-frontend-js"></script>
<script type="text/javascript">
// Because the `wp_localize_script` method makes everything a string
infinite_scroll = jQuery.parseJSON(infinite_scroll);

jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll, function(newElements, data, url) { eval(infinite_scroll.callback); });
</script>
<script type="text/javascript">
/* <![CDATA[ */
 gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 8) {if(typeof Placeholders != 'undefined'){
                        Placeholders.enable();
                    }} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); 
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
 gform.initializeOnLoaded( function() {jQuery(document).trigger('gform_post_render', [8, 1]);gform.utils.trigger({ event: 'gform/postRender', native: false, data: { formId: 8, currentPage: 1 } });} ); 
/* ]]> */
</script>

</body>

</html>