	<!DOCTYPE html>
	<html lang="en-US" prefix="og: https://ogp.me/ns#">
	<head itemtype="http://schema.org/WebSite" itemscope>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11">
		<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	
<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<title>This Page Was Not Found - haroonbaig.com</title>
<meta name="robots" content="follow, noindex"/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="This Page Was Not Found - haroonbaig.com" />
<meta property="og:site_name" content="WordPress" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="This Page Was Not Found - haroonbaig.com" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"/#organization","name":"WordPress"},{"@type":"WebSite","@id":"/#website","url":"","name":"WordPress","publisher":{"@id":"/#organization"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://seed_201-w0001.wplocal.td-test.stream","name":"Home"}}]},{"@type":"WebPage","@id":"#webpage","url":"","name":"This Page Was Not Found - haroonbaig.com","isPartOf":{"@id":"/#website"},"inLanguage":"en-US","breadcrumb":{"@id":"#breadcrumb"}}]}</script>
<!-- /Rank Math WordPress SEO plugin -->

<link rel='dns-prefetch' href='' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="haroonbaig.com &raquo; Feed" href="/feed/" />
<link rel="alternate" type="application/rss+xml" title="haroonbaig.com &raquo; Comments Feed" href="/comments/feed/" />
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script>
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' media='all' />
<style id='wp-block-library-theme-inline-css'>
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
</style>
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='travel-monster-google-fonts-css' href='//fonts.googleapis.com/css?family=Poppins&#038;display=swap' media='all' />
<link rel='stylesheet' id='travel-monster-style-css' href='/wp-content/themes/travel-monster/style.min.css?ver=1.3.1' media='all' />
<script src="/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.1" />
		<style type="text/css">
						.site-branding .site-title a{
					color: #232323;
				}
			
							.site-description {
					position: absolute;
					clip: rect(1px, 1px, 1px, 1px);
				}
					</style>
		<link rel="icon" href="/wp-content/uploads/favicon-150x150.png" sizes="32x32" />
<link rel="icon" href="/wp-content/uploads/favicon.png" sizes="192x192" />
<link rel="apple-touch-icon" href="/wp-content/uploads/favicon.png" />
<meta name="msapplication-TileImage" content="/wp-content/uploads/favicon.png" />
<style type='text/css' media='all'>
    
    :root {
		--tmp-primary-color             : #28B5A4;
		--tmp-primary-color-rgb         : 40, 181, 164;
		--tmp-secondary-color           : #e48e45;
		--tmp-secondary-color-rgb       : 228, 142, 69;
		--tmp-body-font-color           : #494d41;
		--tmp-body-font-color-rgb       : 73, 77, 65;
		--tmp-heading-color             : #232323;
		--tmp-heading-color-rgb         : 35, 35, 35;
		--tmp-section-bg-color          : rgba(40,181,164,0.05);
		--tmp-section-bg-color-rgb      : 40, 181, 164;
		--tmp-background-color          : #FFFFFF;
		--tmp-background-color-rgb      : 255, 255, 255;

        --tmp-btn-text-initial-color: #ffffff;
        --tmp-btn-text-hover-color: #ffffff;
        --tmp-btn-bg-initial-color: #e48e45;
        --tmp-btn-bg-hover-color: #28B5A4;
        --tmp-btn-border-initial-color: #e48e45;
        --tmp-btn-border-hover-color: #28B5A4;

        --tmp-primary-font-family: "Poppins";     
        --tmp-primary-font-weight: 400;
        --tmp-primary-font-transform: none;

        --tmp-btn-font-family: inherit;     
        --tmp-btn-font-weight: 400;
        --tmp-btn-font-transform: none;
        --tmp-btn-roundness-top: 4px;
        --tmp-btn-roundness-right: 4px;
        --tmp-btn-roundness-bottom: 4px;
        --tmp-btn-roundness-left: 4px;
        --tmp-btn-padding-top: 16px;
        --tmp-btn-padding-right: 32px;
        --tmp-btn-padding-bottom: 16px;
        --tmp-btn-padding-left: 32px;
	}

    .site-header{
        --tmp-menu-items-spacing: 30px;
        --tmp-menu-dropdown-width: 230px;
        --tmp-btn-text-initial-color: #ffffff;
        --tmp-btn-text-hover-color: #ffffff;
        --tmp-btn-bg-initial-color: #e48e45;
        --tmp-btn-bg-hover-color: rgba(40,181,164,0.92);
    }

    .notification-bar{
        --tmp-bg-color: #28B5A4;
        --tmp-text-color: #ffffff;
    }

	.site-header .custom-logo{
		width : 50px;
	}
    
    .site-footer{
        --tmp-uf-text-color: #ffffff;
        --tmp-uf-bg-color: #26786e;
        --tmp-uf-link-hover-color: rgba(255,255,255,0.8);
        --tmp-uf-widget-heading-color: #ffffff;
        --tmp-bf-text-color: #ffffff;
        --tmp-bf-bg-color: #26786e;
        --tmp-bf-link-initial-color: #ffffff;
        --tmp-bf-link-hover-color: rgba(255,255,255,0.8);
    }

    .header-layout-1 .header-m{
        --tmp-top-header-bg-color: #28b5a4;
        --tmp-top-header-text-color: #ffffff;
		--tmp-top-header-text-color-rgb: 255, 255, 255;
    }

    .tm-transparent-header{
        --tmp-transparent-header-bg-color: ;
        --tmp-transparent-header-text-color: ;
		--tmp-transparent-header-text-color-rgb: 0, 0, 0;
    }

    .tm-background-effect{
        --tmp-transparent-header-bg-blur: 16px;
    }

    /*Typography*/
    .site-branding .site-title{
        font-family   : inherit;
        font-weight   : bold;
        text-transform: none;
    }
    
    h1{
        font-family : inherit;
        text-transform: none;      
        font-weight: 700;
    }
    h2{
        font-family : inherit;
        text-transform: none;      
        font-weight: 700;
    }
    h3{
        font-family : inherit;
        text-transform: none;      
        font-weight: 700;
    }
    h4{
        font-family : inherit;
        text-transform: none;      
        font-weight: 700;
    }
    h5{
        font-family : inherit;
        text-transform: none;      
        font-weight: 700;
    }
    h6{
        font-family : inherit;
        text-transform: none;      
        font-weight: 700;
    }

    @media (min-width: 1024px){
        :root{
            --tmp-primary-font-size   : 16px;
            --tmp-primary-font-height : 1.75em;
            --tmp-primary-font-spacing: 0px;

            --tmp-container-width  : 1320px;
            --tmp-centered-maxwidth: 780px;

            --tmp-btn-font-size   : 16px;
            --tmp-btn-font-height : 1.5em;
            --tmp-btn-font-spacing: 0px;
        }

        .main-content-wrapper{
            --tmp-sidebar-width: 28%;
        }

        aside.widget-area {
            --tmp-widget-spacing: 32px;
        }

        .to_top{
            --tmp-scroll-to-top-size: 20px;
            --tmp-scroll-to-top-bottom-offset: 25px;
            --tmp-scroll-to-top-side-offset: 25px;
        }

        .site-header .site-branding .site-title {
            font-size     : 18px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h1,
        h1{
            font-size   : 40px;
            line-height   : 1.3em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h2,
        h2{
            font-size   : 32px;
            line-height   : 1.3em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h3,
        h3{
            font-size   : 28px;
            line-height   : 1.4em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h4,
        h4{
            font-size   : 24px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h5,
        h5{
            font-size   : 20px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h6,
        h6{
            font-size   : 16px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }
    }

    @media (min-width: 767px) and (max-width: 1024px){
        :root{
            --tmp-primary-font-size: 16px;
            --tmp-primary-font-height: 1.75em;
            --tmp-primary-font-spacing: 0px;

            --tmp-container-width  : 992px;
            --tmp-centered-maxwidth: 780px;

            --tmp-btn-font-size   : 16px;
            --tmp-btn-font-height : 1.5em;
            --tmp-btn-font-spacing: 0px;
        }

        .main-content-wrapper{
            --tmp-sidebar-width: 28%;
        }

        aside.widget-area {            
            --tmp-widget-spacing: 32px;
        }

        .to_top{
            --tmp-scroll-to-top-size: 20px;
            --tmp-scroll-to-top-bottom-offset: 25px;
            --tmp-scroll-to-top-side-offset: 25px;
        }

        .site-branding .site-title {
            font-size   : 18px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .site-branding .custom-logo-link img{
			width: 50px;
        }

        .elementor-page .site-content h1,
        h1{
            font-size   : 40px;
            line-height   : 1.3em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h2,
        h2{
            font-size   : 32px;
            line-height   : 1.3em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h3,
        h3{
            font-size   : 28px;
            line-height   : 1.4em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h4,
        h4{
            font-size   : 24px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h5,
        h5{
            font-size   : 20px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h6,
        h6{
            font-size   : 16px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }
    }

    @media (max-width: 767px){
        :root{
            --tmp-primary-font-size: 16px;
            --tmp-primary-font-height: 1.75em;
            --tmp-primary-font-spacing: 0px;

            --tmp-container-width  : 420px;
            --tmp-centered-maxwidth: 780px;

            --tmp-btn-font-size   : 16px;
            --tmp-btn-font-height : 1.5em;
            --tmp-btn-font-spacing: 0px;
        }
        
        aside.widget-area {
            --tmp-widget-spacing: 20px;
        }

        .site-branding .site-title{
            font-size   : 18px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .to_top{
            --tmp-scroll-to-top-size: 20px;
            --tmp-scroll-to-top-bottom-offset: 25px;
            --tmp-scroll-to-top-side-offset: 25px;
        }

        .site-branding .custom-logo-link img{
            width: 50px;
        }

        .elementor-page .site-content h1,
        h1{
            font-size   : 36px;
            line-height   : 1.3em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h2,
        h2{
            font-size   : 30px;
            line-height   : 1.3em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h3,
        h3{
            font-size   : 26px;
            line-height   : 1.4em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h4,
        h4{
            font-size   : 22px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h5,
        h5{
            font-size   : 18px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }

        .elementor-page .site-content h6,
        h6{
            font-size   : 16px;
            line-height   : 1.5em;
            letter-spacing: 0px;
        }
    }

	</style></head>

<style>
  *, *::before, *::after {
    box-sizing: border-box !important;
  }
  .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
  }

  /* ── FULL-WIDTH HEADER WRAPPER ───────────────── */
  .main-header {
    width: 100% !important;
    background-color: #147031 !important;
    border-bottom: 1px solid #63E28B !important;
  }

  /* ── INNER FLEX CONTAINER ───────────────────── */
  .header-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    padding: 3rem 1rem !important;
  }

  /* Logo centered by default */
  .logo-area {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding-top: 1rem !important;
  }
  .logo-area img {
    height: 50px !important;
    width: auto !important;
    max-width: 100% !important;
  }

.logo-area .site-title {
  font-size: 1.45rem !important;
  font-weight: bold !important;
  color: #1A1A1A !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}


  /* Nav links */
  .nav-group ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
  }
  .nav-group li {
    margin: 0 1rem !important;
  }
  .nav-group li a {
    text-decoration: none !important;
    color: #1A1A1A !important;
    font-weight: 500 !important;
    transition: color .2s !important;
  }
  .nav-group li a:hover,
  .nav-group li a:focus {
    color: #63E28B !important;
  }

  /* Homepage pill (right nav) */
  .right-nav li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    padding: .5rem 1.5rem !important;
    min-width: 110px !important;
    border: 2px solid #1A1A1A !important;
    border-radius: 20px !important;
    color: #1A1A1A !important;
    font-weight: 600 !important;
    transition: background-color .2s, color .2s !important;
  }
  .right-nav li a:hover,
  .right-nav li a:focus {
    background-color: #63E28B !important;
    color: #fff !important;
  }

  /* ── BOTTOM BAR ─────────────────────────────── */
  .bottom-bar {
    width: 100% !important;
    background-color: #63E28B !important;
    color: #1A1A1A !important;
  }
  .bottom-inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: .5rem 1rem !important;
    font-size: .9rem !important;
  }
  .bottom-bar a {
    color: #1A1A1A !important;
    text-decoration: none !important;
    transition: opacity .2s !important;
  }
  .bottom-bar a:hover,
  .bottom-bar a:focus {
    opacity: .7 !important;
  }
  .bottom-bar .pipe {
    margin: 0 .75rem !important;
    color: #1A1A1A !important;
  }

  /* ── TABLET (769px–1024px) ─────────────────── */
  @media (min-width: 769px) and (max-width: 1024px) {
    .header-inner {
      padding: 2rem 1rem !important;
    }
    .nav-group li {
      margin: 0 .75rem !important;
    }
    .right-nav li a {
      padding: .4rem 1.2rem !important;
      font-size: .95rem !important;
    }
    .logo-area img {
      height: 45px !important;
    }
    .bottom-inner {
      padding: .5rem 1rem !important;
      font-size: .85rem !important;
    }
  }

  /* ── MOBILE (≤768px) ───────────────────────── */
  @media (max-width: 768px) {
    .header-inner {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 1rem !important;
      padding: 1.5rem 1rem !important;
    }
    /* Logo first */
    .logo-area {
      position: static !important;
      transform: none !important;
      order: 0 !important;
      margin-bottom: .5rem !important;
    }
    /* Then navs */
    .left-nav {
      order: 1 !important;
      width: 100% !important;
    }
    .right-nav {
      order: 2 !important;
      width: 100% !important;
    }
    .nav-group ul {
      justify-content: center !important;
      flex-wrap: wrap !important;
    }
    .nav-group li {
      margin: .5rem .75rem !important;
    }
    .right-nav li a {
      padding: .4rem 1rem !important;
      font-size: .9rem !important;
    }
    /* Larger bottom-bar font on mobile */
    .bottom-inner {
      font-size: 1.1rem !important;
      padding: .75rem 1rem !important;
    }
  }
</style>

<!-- Full-width header wrapper -->
<header class="main-header">
  <div class="container header-inner">
    <!-- Left nav -->
    <nav class="nav-group left-nav" role="navigation" aria-label="Secondary Menu">
      <ul>
        <li><a href="/sitemap/">View All Pages</a></li>
      </ul>
    </nav>

    <!-- Center logo -->
    <div class="logo-area">
              <a href="/" class="site-title">
          haroonbaig.com        </a>
          </div>

    <!-- Right nav -->
    <nav class="nav-group right-nav" role="navigation" aria-label="Primary Menu">
      <ul>
        <li><a href="/">Homepage</a></li>
      </ul>
    </nav>
  </div>
</header>

<!-- Bottom bar full-width -->
<div class="bottom-bar">
  <div class="container bottom-inner">
    <a href="/contact/">Contact us</a>
    <span class="pipe">|</span>
    <a href="/about/">About us</a>
  </div>
</div>


<body class="error404 wp-embed-responsive wp-theme-travel-monster hfeed box-layout travel-monster-has-blocks full-width"itemtype="https://schema.org/WebPage" itemscope>
	<div id="page" class="site">
		<a class="skip-link screen-reader-text" href="#primary">Skip to content</a>
	<!-- #masthead -->
		<div class="mobile-header">
			<div class="mobile-header-t">
				<div class="container">
							<div class="site-branding" itemtype="https://schema.org/Organization" itemscope>
			<div class="text-logo">
                				<div class="site-title-description">
											<p class="site-title" itemprop="name">
							<a href="/" rel="home" itemprop="url">
								haroonbaig.com							</a>
						</p>
									</div>
			</div><!-- .text-logo -->
		</div><!-- .site-branding -->
						</div>
			</div>
			<div class="mobile-header-b">
				<div class="srch-moblop-wrap">
					<div class="mobile-search-wrap">                <div class="search-form-section">
                    <button class="header-search-btn" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
                        <svg xmlns="http://www.w3.org/2000/svg" width="13.532" height="13.532" viewBox="0 0 13.532 13.532">
                            <path id="search" d="M31.575,30.447,28.1,26.97A5.6,5.6,0,1,0,26.97,28.1l3.477,3.477ZM19.639,23.629a3.99,3.99,0,1,1,3.99,3.99A3.995,3.995,0,0,1,19.639,23.629Z" transform="translate(-18.043 -18.043)" />
                        </svg>
                    </button>
                    <div class="search-toggle-form search-modal cover-modal" data-modal-target-string=".search-modal">
                        <div class="header-search-inner">
                            <form role="search" method="get" class="search-form" action="/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="Search" />
			</form>                            <button class="btn-form-close close" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false"></button>
                        </div>
                    </div>
                </div>
            </div>					<div class="mobile-menu-op-wrap">
						<button 
                            class="mobile-menu-opener" 
                            data-toggle-target=".main-menu-modal" 
                            data-toggle-body-class="showing-main-menu-modal" 
                            aria-expanded="false" 
                            aria-label="Menu"
                            data-set-focus=".close-main-nav-toggle">
							<span></span>
						</button>
						<span class="mob-menu-op-txt">Menu</span>					</div>
				</div>
			</div>
			<div class="mobile-menu-wrapper  mobile-menu-list main-menu-modal cover-modal" data-modal-target-string=".main-menu-modal">
				<div class="mobile-menu" aria-label="Mobile">
					<button class="btn-menu-close close-main-nav-toggle" data-toggle-target=".main-menu-modal" data-toggle-body-class="showing-main-menu-modal" aria-expanded="false" data-set-focus=".main-menu-modal"></button>
								<div class="travel-monster-nav-wrapper">
				<nav id="site-navigation" class="primary-navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope data-stretch=no>
									</nav><!-- #site-navigation -->
							</div><!-- .travel-monster-nav-wrapper -->
		                                <div class="vib-whats">
                                                                            <div class="mobile-contact-social-wrap">
                                                                                            <div class="vib-whats-txt">
                                                                                                    </div>
                                                                                                <div class="social-media-wrap">
                                                                                                    </div>
                                                                                    </div>
                                                                    </div>
                            </div>
                        </div>
                        <div class="overlay"></div>
                </div><!-- mobile-header -->
            <div class="site-content">
	<div class="fourofour-main-wrap">
		<div class="main-content-wrapper clear">
			<div class="container">
				<div class="error-content">
					<h2 class="error-title">404</h2>
					<p class="error-desc">The page you are looking for may have been moved, deleted, or possibly never existed.</p>
					<a class="btn-readmore"
						href="/">GO BACK TO HOMEPAGE					</a>
				</div>
				<section class="error-search-wrapper">
					<form role="search" method="get" class="search-form" action="/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="Search" />
			</form>				</section>
			</div>
		</div><!-- .main-content-wrapper -->
	</div><!-- .fourofour-main-wrap -->

						<div class="latest-post" data-row="row-3">
						<div class="container">
							<h2 class="title">Latest Posts</h2>							<div class="recomm-artcles-wrap">
								                                    <div class="entry-content-main-wrap">
                                        <div class="404-img-cat-wrap">                                    <div class="recommended-post-thumb">
                                        <a href="/how-i-developed-a-design-system-on-notion/" rel="prev">
                                            <img width="970" height="509" src="/wp-content/uploads/featured-image-how-i-developed-a-design-system-on-notion.webp" class="attachment-travel-monster-latest-post size-travel-monster-latest-post wp-post-image" alt="" itemprop="image" decoding="async" fetchpriority="high" srcset="/wp-content/uploads/featured-image-how-i-developed-a-design-system-on-notion.webp 1200w, /wp-content/uploads/featured-image-how-i-developed-a-design-system-on-notion-300x158.webp 300w, /wp-content/uploads/featured-image-how-i-developed-a-design-system-on-notion-1024x538.webp 1024w, /wp-content/uploads/featured-image-how-i-developed-a-design-system-on-notion-768x403.webp 768w" sizes="(max-width: 970px) 100vw, 970px" />                                        </a>
                                    </div>
                                    <div class="cat-links meta-common"><a href="/category/visual-design/" rel="category tag">Visual Design</a></div></div>                                    
                                    <div class="error-entry-meta">		<span class="posted-by author vcard meta-common" itemtype="https://schema.org/Person" itemscope>
			<span class="author vcard"><a class="url fn n" href="/author/clarawensley-5054/" itemprop="url"><span itemprop="name">Clara Wensley</span></a></span>		</span>
	<span class="posted-on meta-common"><span class="poson">Updated on </span> <time class="entry-date published updated" datetime="2025-07-15T04:10:29+03:00" itemprop="dateModified">15/07/2025</time><time class="updated" datetime="2025-08-19T13:51:00+03:00" itemprop="datePublished">19/08/2025</time></span></div>									</div>
								                                    <div class="entry-content-main-wrap">
                                        <div class="404-img-cat-wrap">                                    <div class="recommended-post-thumb">
                                        <a href="/my-thoughts-on-emphasizing-ctas-in-interfaces/" rel="prev">
                                            <img width="970" height="509" src="/wp-content/uploads/featured-image-my-thoughts-on-emphasizing-ctas-in-interfaces.webp" class="attachment-travel-monster-latest-post size-travel-monster-latest-post wp-post-image" alt="" itemprop="image" decoding="async" srcset="/wp-content/uploads/featured-image-my-thoughts-on-emphasizing-ctas-in-interfaces.webp 1200w, /wp-content/uploads/featured-image-my-thoughts-on-emphasizing-ctas-in-interfaces-300x158.webp 300w, /wp-content/uploads/featured-image-my-thoughts-on-emphasizing-ctas-in-interfaces-1024x538.webp 1024w, /wp-content/uploads/featured-image-my-thoughts-on-emphasizing-ctas-in-interfaces-768x403.webp 768w" sizes="(max-width: 970px) 100vw, 970px" />                                        </a>
                                    </div>
                                    <div class="cat-links meta-common"><a href="/category/visual-design/" rel="category tag">Visual Design</a></div></div>                                    
                                    <div class="error-entry-meta">		<span class="posted-by author vcard meta-common" itemtype="https://schema.org/Person" itemscope>
			<span class="author vcard"><a class="url fn n" href="/author/clarawensley-5054/" itemprop="url"><span itemprop="name">Clara Wensley</span></a></span>		</span>
	<span class="posted-on meta-common"><span class="poson">Updated on </span> <time class="entry-date published updated" datetime="2025-07-15T04:11:17+03:00" itemprop="dateModified">15/07/2025</time><time class="updated" datetime="2025-08-15T17:52:00+03:00" itemprop="datePublished">15/08/2025</time></span></div>									</div>
								                                    <div class="entry-content-main-wrap">
                                        <div class="404-img-cat-wrap">                                    <div class="recommended-post-thumb">
                                        <a href="/this-is-how-i-streamlined-layouts-with-bootstrap/" rel="prev">
                                            <img width="970" height="509" src="/wp-content/uploads/featured-image-this-is-how-i-streamlined-layouts-with-bootstrap.webp" class="attachment-travel-monster-latest-post size-travel-monster-latest-post wp-post-image" alt="" itemprop="image" decoding="async" srcset="/wp-content/uploads/featured-image-this-is-how-i-streamlined-layouts-with-bootstrap.webp 1200w, /wp-content/uploads/featured-image-this-is-how-i-streamlined-layouts-with-bootstrap-300x158.webp 300w, /wp-content/uploads/featured-image-this-is-how-i-streamlined-layouts-with-bootstrap-1024x538.webp 1024w, /wp-content/uploads/featured-image-this-is-how-i-streamlined-layouts-with-bootstrap-768x403.webp 768w" sizes="(max-width: 970px) 100vw, 970px" />                                        </a>
                                    </div>
                                    <div class="cat-links meta-common"><a href="/category/user-experience/" rel="category tag">User Experience</a></div></div>                                    
                                    <div class="error-entry-meta">		<span class="posted-by author vcard meta-common" itemtype="https://schema.org/Person" itemscope>
			<span class="author vcard"><a class="url fn n" href="/author/clarawensley-5054/" itemprop="url"><span itemprop="name">Clara Wensley</span></a></span>		</span>
	<span class="posted-on meta-common"><span class="poson">Updated on </span> <time class="entry-date published updated" datetime="2025-07-15T04:11:05+03:00" itemprop="dateModified">15/07/2025</time><time class="updated" datetime="2025-08-14T18:54:00+03:00" itemprop="datePublished">14/08/2025</time></span></div>									</div>
															</div><!-- .recomm-artcles-wrap -->
						</div>
					</div><!-- .related-articles/latest-articles -->
				</div><!-- .site-content -->
<style>
  /* Container */
  .footer_container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    box-sizing: border-box !important;
  }

  /* Outer footer wrapper */
  .footer_stagger-footer {
    background: #147031 !important;
    color: #1A1A1A !important;
    font-family: sans-serif !important;
    padding: 40px 20px 0 !important;
  }

  /* Columns layout */
  .footer_footer-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
    align-items: stretch !important;
    justify-content: center !important;
    height: 100% !important;
  }

  /* Individual column & logo card */
  .footer_footer-col,
  .footer_footer-logo {
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 20px !important;
    flex: 1 1 250px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Column headings */
  .footer_footer-col h4 {
    margin: 0 0 12px !important;
    font-size: 1.5rem !important;
    color: #0C2F1C !important;
    text-align: center !important;
  }

  /* List styling */
  .footer_footer-col ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
    text-align: center !important;
  }
  .footer_footer-col li {
    margin-bottom: 8px !important;
  }

  /* Links in columns */
  .footer_footer-col a {
    color: #147031 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
    display: inline-block !important;
  }
  .footer_footer-col a:hover,
  .footer_footer-col a:focus {
    color: #63E28B !important;
  }

  /* Logo box */
  .footer_footer-logo {
    align-items: center !important;
    justify-content: center !important;
  }
  .footer_footer-logo img {
    max-width: 100% !important;
    width: 150px !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .footer_site-title {
    color: #147031 !important;
    font-weight: bold !important;
    font-size: 1.25rem !important;
    text-align: center !important;
  }

  .footer_visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  /* Bottom bar */
  .footer_footer-bar {
    background: #63E28B !important;
    border-top: 1px solid #ddd !important;
    text-align: center !important;
    padding: 12px 0 !important;
    font-size: 0.85rem !important;
    color: #1A1A1A !important;
    margin: 20px auto 0 !important;
    border-radius: 20px !important;
    max-width: 600px !important;
  }
</style>

<footer class="footer_stagger-footer">
  <div class="footer_footer-columns">
    <div class="footer_footer-col sitemap">
      <h4>Site Map</h4>
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/about/">About Us</a></li>
        <li><a href="/sitemap/">HTML Sitemap</a></li>
        <li><a href="/contact/">Contact</a></li>
      </ul>
    </div>
    <div class="footer_footer-logo">
              <span class="footer_site-title">haroonbaig.com</span>
          </div>
    <div class="footer_footer-col widget">
      <h4>Latest Posts</h4>
      <ul>
        <li><a href="/how-i-developed-a-design-system-on-notion/">How I Developed a Design System on Notion</a></li><li><a href="/my-thoughts-on-emphasizing-ctas-in-interfaces/">My thoughts on Emphasizing CTAs in Interfaces</a></li><li><a href="/this-is-how-i-streamlined-layouts-with-bootstrap/">This is how I streamlined layouts with Bootstrap</a></li><li><a href="/my-thoughts-on-color-psychology-in-interfaces/">My thoughts on Color Psychology in Interfaces</a></li><li><a href="/this-is-how-i-enhanced-usability-on-shopify/">This is how I Enhanced Usability on Shopify</a></li>      </ul>
    </div>
  </div>
  <div class="footer_footer-bar">
    <p>© 2026 All rights reserved – haroonbaig.com</p>
  </div>
</footer>
